vlite3 0.7.2 → 0.7.4

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -5,8 +5,8 @@ import O from "../Input.vue.js";
 /* empty css            */
 import "../../core/config.js";
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

package/components/DataTable/DataTable.vue.d.ts

@@ -42,10 +42,10 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     headers: import('./types').TableHeader[];
     paginationProps: import('./types').DataTablePaginationProps;
     emptyIcon: string;
-    selectedRows: any[];
     showPagination: boolean;
     keyField: string;
     hoverable: boolean;
+    selectedRows: any[];
     bordered: boolean;
     sortable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -1,130 +1,5 @@
 import { ScreenProps } from './types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        title?(_: {}): any;
-        description?(_: {}): any;
-        'before-search'?(_: {}): any;
-        actions?(_: {}): any;
-        'after-add'?(_: {}): any;
-        'custom-header'?(_: {}): any;
-        'sub-header'?(_: {}): any;
-        empty?(_: {}): any;
-    };
-    refs: {
-        exportDataRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ExportData').ExportDataProps> & Readonly<{}>, {
-            exportData: (format: import('../ExportData').ExportFormat, close?: () => void) => Promise<void>;
-            availableFormats: import('vue').ComputedRef<{
-                label: string;
-                value: import('../ExportData').ExportFormat;
-                icon: string;
-            }[]>;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            title: string;
-            mode: "frontend" | "backend";
-            formats: import('../ExportData').ExportFormat[];
-            buttonText: string;
-            buttonIcon: string;
-        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('../ExportData').ExportDataProps> & Readonly<{}>, {
-            exportData: (format: import('../ExportData').ExportFormat, close?: () => void) => Promise<void>;
-            availableFormats: import('vue').ComputedRef<{
-                label: string;
-                value: import('../ExportData').ExportFormat;
-                icon: string;
-            }[]>;
-        }, {}, {}, {}, {
-            title: string;
-            mode: "frontend" | "backend";
-            formats: import('../ExportData').ExportFormat[];
-            buttonText: string;
-            buttonIcon: string;
-        }>;
-        importDataRef: {
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly title?: string;
-                readonly titleI18n?: string;
-                readonly buttonText?: string;
-                readonly buttonIcon?: string;
-                readonly fields: import('../ImportData').ImportField[];
-                readonly batchSize?: number;
-                readonly processBatch: (payload: import('../ImportData').ImportBatchPayload) => Promise<import('../ImportData').ImportBatchResult>;
-                readonly onComplete?: () => void;
-                readonly show?: boolean;
-                readonly "onUpdate:show"?: (value: boolean) => any;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any>;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "update:show", value: boolean) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../ImportData').ImportDataProps & {
-                show?: boolean;
-            }> & Readonly<{
-                "onUpdate:show"?: (value: boolean) => any;
-            }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-                "update:show": (value: boolean) => any;
-            }, string, {
-                title: string;
-                batchSize: number;
-                show: boolean;
-                buttonText: string;
-                buttonIcon: string;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            title: string;
-            batchSize: number;
-            show: boolean;
-            buttonText: string;
-            buttonIcon: string;
-        }> & Omit<Readonly<import('../ImportData').ImportDataProps & {
-            show?: boolean;
-        }> & Readonly<{
-            "onUpdate:show"?: (value: boolean) => any;
-        }>, "title" | "batchSize" | "show" | "buttonText" | "buttonIcon"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: {
-                trigger?(_: {}): any;
-            };
-        };
-    };
-    rootEl: HTMLDivElement;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     delete: (items: any[]) => any;
@@ -150,118 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<ScreenProps, {}, {}
     filterSchema: import('../Form').IForm[];
     filterType: "modal" | "dropdown";
     showRefresh: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
-    exportDataRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../ExportData').ExportDataProps> & Readonly<{}>, {
-        exportData: (format: import('../ExportData').ExportFormat, close?: () => void) => Promise<void>;
-        availableFormats: import('vue').ComputedRef<{
-            label: string;
-            value: import('../ExportData').ExportFormat;
-            icon: string;
-        }[]>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        title: string;
-        mode: "frontend" | "backend";
-        formats: import('../ExportData').ExportFormat[];
-        buttonText: string;
-        buttonIcon: string;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLDivElement, import('vue').ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly<import('../ExportData').ExportDataProps> & Readonly<{}>, {
-        exportData: (format: import('../ExportData').ExportFormat, close?: () => void) => Promise<void>;
-        availableFormats: import('vue').ComputedRef<{
-            label: string;
-            value: import('../ExportData').ExportFormat;
-            icon: string;
-        }[]>;
-    }, {}, {}, {}, {
-        title: string;
-        mode: "frontend" | "backend";
-        formats: import('../ExportData').ExportFormat[];
-        buttonText: string;
-        buttonIcon: string;
-    }>;
-    importDataRef: {
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly title?: string;
-            readonly titleI18n?: string;
-            readonly buttonText?: string;
-            readonly buttonIcon?: string;
-            readonly fields: import('../ImportData').ImportField[];
-            readonly batchSize?: number;
-            readonly processBatch: (payload: import('../ImportData').ImportBatchPayload) => Promise<import('../ImportData').ImportBatchResult>;
-            readonly onComplete?: () => void;
-            readonly show?: boolean;
-            readonly "onUpdate:show"?: (value: boolean) => any;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any>;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: "update:show", value: boolean) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<import('../ImportData').ImportDataProps & {
-            show?: boolean;
-        }> & Readonly<{
-            "onUpdate:show"?: (value: boolean) => any;
-        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "update:show": (value: boolean) => any;
-        }, string, {
-            title: string;
-            batchSize: number;
-            show: boolean;
-            buttonText: string;
-            buttonIcon: string;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        title: string;
-        batchSize: number;
-        show: boolean;
-        buttonText: string;
-        buttonIcon: string;
-    }> & Omit<Readonly<import('../ImportData').ImportDataProps & {
-        show?: boolean;
-    }> & Readonly<{
-        "onUpdate:show"?: (value: boolean) => any;
-    }>, "title" | "batchSize" | "show" | "buttonText" | "buttonIcon"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: {
-            trigger?(_: {}): any;
-        };
-    };
-}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/Screen/Screen.vue.js

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

package/components/Screen/ScreenFilter.vue.js

@@ -11,7 +11,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 /* empty css                        */

package/components/Workbook/Sheet.vue.d.ts

@@ -33,9 +33,9 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
     "onEdit-end"?: (id: string) => any;
     onDuplicate?: (id: string) => any;
 }>, {
-    confirmDelete: boolean;
     isEditing: boolean;
     canDelete: boolean;
+    confirmDelete: boolean;
     allowIconChange: boolean;
     itemClass: string;
     activeItemClass: string;

package/package.json

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