vlite3 0.6.4 → 0.6.5

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue2.js";
-/* empty css             */
+import o from "./ColorIro.vue.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.vue2.js";
-/* empty css             */
+import E from "./ColorIro.vue.js";
+/* empty css              */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

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

@@ -8,6 +8,7 @@ declare function __VLS_template(): {
         actions?(_: {}): any;
         'after-add'?(_: {}): any;
         'custom-header'?(_: {}): any;
+        'sub-header'?(_: {}): any;
         empty?(_: {}): any;
     };
     refs: {

package/components/Screen/Screen.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as De, computed as o, ref as x, provide as Z, watch as q, resolveComponent as Pe, openBlock as a, createElementBlock as c, normalizeClass as O, createElementVNode as g, renderSlot as B, toDisplayString as m, createBlock as s, withCtx as d, createVNode as u, createCommentVNode as f, unref as w, resolveDynamicComponent as z, Fragment as D, mergeProps as h, createTextVNode as p, renderList as Ie } from "vue";
+import { defineComponent as Ce, computed as o, ref as x, provide as Z, watch as q, resolveComponent as Pe, openBlock as a, createElementBlock as s, normalizeClass as O, 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 z, Fragment as C, mergeProps as v, createTextVNode as p, renderList as Ie } from "vue";
 import Se from "../Input.vue.js";
 /* empty css            */
-import v from "../Button.vue.js";
+import h from "../Button.vue.js";
 import R from "../Icon.vue.js";
 import $e from "../Tooltip.vue.js";
 import H from "../Modal.vue.js";
@@ -33,7 +33,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
 }, et = {
   key: 2,
   class: "-mt-2"
-}, tt = { class: "px-1 py-1 text-sm" }, nt = { class: "font-medium mb-3 text-muted-foreground" }, at = { class: "space-y-3" }, lt = { key: 4 }, kt = /* @__PURE__ */ De({
+}, tt = { class: "px-1 py-1 text-sm" }, nt = { class: "font-medium mb-3 text-muted-foreground" }, at = { class: "space-y-3" }, lt = { key: 4 }, kt = /* @__PURE__ */ Ce({
   __name: "Screen",
   props: {
     name: { default: "" },
@@ -84,14 +84,14 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     const n = t, P = Fe(), J = _, 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([]), j = x([]), $ = x(!1);
-    Z("screen-selected-rows", b), Z("screen-request-delete", (e) => N(e));
+    ), S = x(""), T = x({}), k = x(n.pageInfo?.currentPage || 1), V = x(n.pageInfo?.itemsPerPage || n.paginationProps?.itemsPerPage || 10), B = x([]), j = x([]), $ = x(!1);
+    Z("screen-selected-rows", B), Z("screen-request-delete", (e) => N(e));
     const N = (e) => {
       j.value = e, $.value = !0;
     }, te = () => {
-      J("delete", j.value), $.value = !1, b.value = [];
+      J("delete", j.value), $.value = !1, B.value = [];
     }, ne = (e) => {
-      J("delete", e), b.value = [];
+      J("delete", e), B.value = [];
     };
     q(
       () => n.pageInfo?.currentPage,
@@ -107,14 +107,14 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     let F = null;
     q(S, (e) => {
       F && clearTimeout(F), F = setTimeout(() => {
-        k.value = 1, C();
+        k.value = 1, D();
       }, 300);
     });
     const ae = (e) => {
-      k.value = e, C();
+      k.value = e, D();
     }, le = (e) => {
-      V.value = e, k.value = 1, C();
-    }, C = () => {
+      V.value = e, k.value = 1, D();
+    }, D = () => {
       const e = {
         pageinfo: {
           page: k.value,
@@ -196,8 +196,8 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
       failed: 0,
       errors: []
     }), Be = () => {
-      C();
-    }, ke = o(() => n.exportMode || P?.exportData?.mode || "frontend"), Ce = async (e) => {
+      D();
+    }, ke = o(() => n.exportMode || P?.exportData?.mode || "frontend"), De = async (e) => {
       if (P?.services?.exportApi && n.exportType) {
         const l = {
           format: e,
@@ -212,16 +212,16 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
     };
     return (e, l) => {
       const Y = Pe("router-link");
-      return a(), c("div", Le, [
-        t.customHeader ? B(e.$slots, "custom-header", { key: 1 }) : (a(), c("div", {
+      return a(), s("div", Le, [
+        t.customHeader ? w(e.$slots, "custom-header", { key: 1 }) : (a(), s("div", {
           key: 0,
           class: O([t.headerClass, "flex flex-col md:flex-row sm:items-start md:items-center justify-between gap-4"])
         }, [
           g("div", Me, [
-            B(e.$slots, "title", {}, () => [
-              Q.value ? (a(), c("div", Ue, [
-                g("h1", qe, m(Q.value), 1),
-                t.info || t.infoI18n ? (a(), s($e, {
+            w(e.$slots, "title", {}, () => [
+              Q.value ? (a(), s("div", Ue, [
+                g("h1", qe, f(Q.value), 1),
+                t.info || t.infoI18n ? (a(), c($e, {
                   key: 0,
                   content: t.info,
                   "content-i18n": t.infoI18n,
@@ -234,28 +234,28 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     })
                   ]),
                   _: 1
-                }, 8, ["content", "content-i18n"])) : f("", !0)
-              ])) : f("", !0)
+                }, 8, ["content", "content-i18n"])) : m("", !0)
+              ])) : m("", !0)
             ]),
-            B(e.$slots, "description", {}, () => [
-              G.value ? (a(), c("p", ze, m(G.value), 1)) : f("", !0)
+            w(e.$slots, "description", {}, () => [
+              G.value ? (a(), s("p", ze, f(G.value), 1)) : m("", !0)
             ])
           ]),
           g("div", He, [
             g("div", Je, [
-              b.value.length > 0 ? (a(), s(v, {
+              B.value.length > 0 ? (a(), 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))
-              }, null, 8, ["title"])) : f("", !0),
-              t.table && t.list ? (a(), c("div", Ke, [
+                onClick: l[0] || (l[0] = (i) => N(B.value))
+              }, null, 8, ["title"])) : m("", !0),
+              t.table && t.list ? (a(), s("div", Ke, [
                 g("button", {
                   onClick: l[1] || (l[1] = (i) => I.value = "list"),
                   class: O(["p-1.5 rounded", [
-                    w(I) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    b(I) === "list" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: re.value
                 }, [
@@ -267,7 +267,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 g("button", {
                   onClick: l[2] || (l[2] = (i) => I.value = "table"),
                   class: O(["p-1.5 rounded", [
-                    w(I) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
+                    b(I) === "table" ? "bg-secondary/85 dark:bg-secondary shadow-sm text-foreground" : "text-muted-foreground hover:text-foreground"
                   ]]),
                   title: de.value
                 }, [
@@ -276,9 +276,9 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                     class: "w-4 h-4"
                   })
                 ], 10, Ge)
-              ])) : f("", !0),
-              B(e.$slots, "before-search"),
-              t.showRefresh ? (a(), s(v, {
+              ])) : m("", !0),
+              w(e.$slots, "before-search"),
+              t.showRefresh ? (a(), c(h, {
                 key: 2,
                 variant: "outline",
                 icon: "lucide:refresh-cw",
@@ -286,17 +286,17 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 class: "shrink-0 h-9! w-9!",
                 title: se.value,
                 disabled: t.loading,
-                onClick: C
-              }, null, 8, ["title", "disabled"])) : f("", !0),
-              t.filterSchema && t.filterSchema.length > 0 ? (a(), s(Ae, {
+                onClick: D
+              }, null, 8, ["title", "disabled"])) : m("", !0),
+              t.filterSchema && t.filterSchema.length > 0 ? (a(), c(Ae, {
                 key: 3,
                 schema: t.filterSchema,
                 type: t.filterType,
                 modelValue: T.value,
                 "onUpdate:modelValue": l[3] || (l[3] = (i) => T.value = i),
-                onChange: C
-              }, null, 8, ["schema", "type", "modelValue"])) : f("", !0),
-              t.canSearch ? (a(), c("div", We, [
+                onChange: D
+              }, null, 8, ["schema", "type", "modelValue"])) : m("", !0),
+              t.canSearch ? (a(), s("div", We, [
                 u(Se, {
                   lazy: "",
                   modelValue: S.value,
@@ -307,13 +307,13 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                   class: "bg-background w-full",
                   "show-clear-button": !0
                 }, null, 8, ["modelValue", "placeholder"])
-              ])) : f("", !0)
+              ])) : m("", !0)
             ]),
             g("div", Xe, [
-              B(e.$slots, "actions", {}, () => [
-                t.addComponent ? (a(), s(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), c(D, { key: 1 }, [
-                  t.addBtn ? (a(), c(D, { key: 0 }, [
-                    t.addBtn.modal ? (a(), s(H, h({
+              w(e.$slots, "actions", {}, () => [
+                t.addComponent ? (a(), c(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                  t.addBtn ? (a(), s(C, { key: 0 }, [
+                    t.addBtn.modal ? (a(), c(H, v({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps, {
@@ -323,53 +323,53 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       loading: t.loading
                     }), {
                       trigger: d(() => [
-                        u(v, h({
+                        u(h, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), s(Y, {
+                    }, 16, ["body", "refetch", "data", "loading"])) : t.addBtn.to ? (a(), c(Y, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex w-full sm:w-auto"
                     }, {
                       default: d(() => [
-                        u(v, h({
+                        u(h, v({
                           class: "w-full",
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : t.addBtn.href ? (a(), c("a", {
+                    }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                       key: 2,
                       href: t.addBtn.href,
                       target: t.addBtn.target,
                       class: "inline-flex w-full sm:w-auto"
                     }, [
-                      u(v, h({
+                      u(h, v({
                         class: "w-full",
                         icon: t.addBtn.icon || "fluent:add-16-filled",
                         variant: t.addBtn.variant || "primary"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(m(y.value), 1)
+                          p(f(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, Ye)) : (a(), s(v, h({
+                    ], 8, Ye)) : (a(), c(h, v({
                       key: 3,
                       class: "w-full sm:w-auto",
                       icon: t.addBtn.icon || "fluent:add-16-filled",
@@ -378,25 +378,14 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       onClick: l[5] || (l[5] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(m(y.value), 1)
+                        p(f(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : (a(), s(v, {
-                    key: 1,
-                    class: "w-full sm:w-auto",
-                    icon: "fluent:add-16-filled",
-                    variant: "primary",
-                    onClick: l[6] || (l[6] = (i) => e.$emit("add"))
-                  }, {
-                    default: d(() => [
-                      p(m(y.value), 1)
-                    ]),
-                    _: 1
-                  }))
-                ], 64)) : f("", !0)
+                  ], 64)) : m("", !0)
+                ], 64)) : m("", !0)
               ]),
-              W.value ? (a(), s(Ee, {
+              W.value ? (a(), c(Ee, {
                 key: 0,
                 closeOnSelect: "",
                 position: "bottom-end",
@@ -404,24 +393,25 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                 onOnSelect: ye
               }, {
                 trigger: d(() => [
-                  u(v, {
+                  u(h, {
                     variant: "outline",
                     icon: "lucide:more-vertical",
                     class: "px-2!",
-                    title: w(r)("vlite.screen.moreOptions") !== "vlite.screen.moreOptions" ? w(r)("vlite.screen.moreOptions") : "More Options"
+                    title: b(r)("vlite.screen.moreOptions") !== "vlite.screen.moreOptions" ? b(r)("vlite.screen.moreOptions") : "More Options"
                   }, null, 8, ["title"])
                 ]),
                 _: 1
-              }, 8, ["options"])) : f("", !0),
-              B(e.$slots, "after-add")
+              }, 8, ["options"])) : m("", !0),
+              w(e.$slots, "after-add")
             ])
           ])
         ], 2)),
+        w(e.$slots, "sub-header"),
         g("div", {
-          class: O(["flex-1 w-full relative min-h-[300px]", t.containerClass])
+          class: O(["flex-1 w-full relative min-h-[250px]", t.containerClass])
         }, [
-          !oe.value && !t.loading ? B(e.$slots, "empty", { key: 0 }, () => [
-            u(w(je), {
+          !oe.value && !t.loading ? w(e.$slots, "empty", { key: 0 }, () => [
+            u(b(je), {
               title: t.emptyTitle,
               titleI18n: t.emptyTitleI18n,
               description: t.emptyDescription,
@@ -429,100 +419,100 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
               icon: t.emptyIcon
             }, {
               action: d(() => [
-                t.addComponent ? (a(), s(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), c(D, { key: 1 }, [
-                  t.addBtn ? (a(), c(D, { key: 0 }, [
-                    t.addBtn.modal ? (a(), s(H, h({
+                t.addComponent ? (a(), c(z(t.addComponent), { key: 0 })) : t.canAdd ? (a(), s(C, { key: 1 }, [
+                  t.addBtn ? (a(), s(C, { key: 0 }, [
+                    t.addBtn.modal ? (a(), c(H, v({
                       key: 0,
                       body: t.addBtn.modal
                     }, t.addBtn.modalProps), {
                       trigger: d(() => [
-                        u(v, h({
+                        u(h, v({
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "primary",
                           rounded: "full",
                           class: "px-6!"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 16, ["body"])) : t.addBtn.to ? (a(), s(Y, {
+                    }, 16, ["body"])) : t.addBtn.to ? (a(), c(Y, {
                       key: 1,
                       to: t.addBtn.to,
                       class: "inline-flex"
                     }, {
                       default: d(() => [
-                        u(v, h({
+                        u(h, v({
                           icon: t.addBtn.icon || "fluent:add-16-filled",
                           variant: t.addBtn.variant || "outline"
                         }, t.addBtn.buttonProps), {
                           default: d(() => [
-                            p(m(y.value), 1)
+                            p(f(y.value), 1)
                           ]),
                           _: 1
                         }, 16, ["icon", "variant"])
                       ]),
                       _: 1
-                    }, 8, ["to"])) : t.addBtn.href ? (a(), c("a", {
+                    }, 8, ["to"])) : t.addBtn.href ? (a(), s("a", {
                       key: 2,
                       href: t.addBtn.href,
                       target: t.addBtn.target,
                       class: "inline-flex"
                     }, [
-                      u(v, h({
+                      u(h, v({
                         icon: t.addBtn.icon || "lucide:plus",
                         variant: t.addBtn.variant || "outline"
                       }, t.addBtn.buttonProps), {
                         default: d(() => [
-                          p(m(y.value), 1)
+                          p(f(y.value), 1)
                         ]),
                         _: 1
                       }, 16, ["icon", "variant"])
-                    ], 8, Ze)) : (a(), s(v, h({
+                    ], 8, Ze)) : (a(), c(h, v({
                       key: 3,
                       icon: t.addBtn.icon || "lucide:plus",
                       variant: t.addBtn.variant || "outline"
                     }, t.addBtn.buttonProps, {
-                      onClick: l[7] || (l[7] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
+                      onClick: l[6] || (l[6] = (i) => t.addBtn.onClick ? t.addBtn.onClick() : e.$emit("add"))
                     }), {
                       default: d(() => [
-                        p(m(y.value), 1)
+                        p(f(y.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon", "variant"]))
-                  ], 64)) : (a(), s(v, {
+                  ], 64)) : (a(), c(h, {
                     key: 1,
                     icon: "lucide:plus",
                     variant: "outline",
-                    onClick: l[8] || (l[8] = (i) => e.$emit("add"))
+                    onClick: l[7] || (l[7] = (i) => e.$emit("add"))
                   }, {
                     default: d(() => [
-                      p(m(y.value), 1)
+                      p(f(y.value), 1)
                     ]),
                     _: 1
                   }))
-                ], 64)) : f("", !0)
+                ], 64)) : m("", !0)
               ]),
               _: 1
             }, 8, ["title", "titleI18n", "description", "descriptionI18n", "icon"])
-          ]) : (a(), c(D, { key: 1 }, [
-            K.value ? (a(), s(z(K.value), {
+          ]) : (a(), s(C, { key: 1 }, [
+            K.value ? (a(), c(z(K.value), {
               key: 0,
               data: t.data,
               loading: t.loading,
               refetch: t.refetch,
-              selectedRows: b.value,
-              "onUpdate:selectedRows": l[9] || (l[9] = (i) => b.value = i),
+              selectedRows: B.value,
+              "onUpdate:selectedRows": l[8] || (l[8] = (i) => B.value = i),
               delete: N,
               onDelete: ne
-            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), c("div", _e, m(he.value), 1))
+            }, null, 40, ["data", "loading", "refetch", "selectedRows"])) : (a(), s("div", _e, f(he.value), 1))
           ], 64))
         ], 2),
-        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), c("div", et, [
-          u(w(Ve), h({
+        t.pagination && t.pageInfo && t.pageInfo.totalPages > 1 ? (a(), s("div", et, [
+          u(b(Ve), v({
             "current-page": t.pageInfo.currentPage,
             "total-pages": t.pageInfo.totalPages,
             "total-items": t.pageInfo.totalItems
@@ -530,45 +520,45 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             onChange: ae,
             "onUpdate:itemsPerPage": le
           }), null, 16, ["current-page", "total-pages", "total-items"])
-        ])) : f("", !0),
+        ])) : m("", !0),
         u(Te, {
           show: $.value,
-          "onUpdate:show": l[10] || (l[10] = (i) => $.value = i),
+          "onUpdate:show": l[9] || (l[9] = (i) => $.value = i),
           title: ue.value,
           description: me.value,
           "confirm-text": fe.value,
           "cancel-text": ve.value,
           variant: "danger",
           onConfirm: te,
-          onCancel: l[11] || (l[11] = (i) => $.value = !1)
+          onCancel: l[10] || (l[10] = (i) => $.value = !1)
         }, null, 8, ["show", "title", "description", "confirm-text", "cancel-text"]),
-        A.value ? (a(), s(H, {
+        A.value ? (a(), c(H, {
           key: 3,
           show: A.value,
-          "onUpdate:show": l[12] || (l[12] = (i) => A.value = i),
+          "onUpdate:show": l[11] || (l[11] = (i) => A.value = i),
           title: L.value,
           "max-width": "sm:max-w-[400px]"
         }, {
           default: d(({ close: i }) => [
-            u(Oe, h({
+            u(Oe, v({
               ref_key: "exportDataRef",
               ref: M,
               data: t.data || [],
               fields: pe.value,
               mode: ke.value,
-              "on-export": Ce
+              "on-export": De
             }, typeof t.exportProps == "object" ? t.exportProps : {}, {
               title: L.value,
               class: "hidden!"
             }), null, 16, ["data", "fields", "mode", "title"]),
             g("div", tt, [
-              g("h6", nt, m(w(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? w(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
+              g("h6", nt, f(b(r)("vlite.exportData.selectFormat") !== "vlite.exportData.selectFormat" ? b(r)("vlite.exportData.selectFormat") : "Select Export Format"), 1),
               g("div", at, [
-                (a(!0), c(D, null, Ie(M.value?.availableFormats || [
+                (a(!0), s(C, null, Ie(M.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" }
-                ], (E) => (a(), s(v, {
+                ], (E) => (a(), c(h, {
                   key: E.value,
                   variant: "outline",
                   class: "w-full flex items-center justify-start gap-3 h-12",
@@ -579,7 +569,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
                       icon: E.icon,
                       class: "text-muted-foreground h-5 w-5"
                     }, null, 8, ["icon"]),
-                    g("span", null, m(E.label), 1)
+                    g("span", null, f(E.label), 1)
                   ]),
                   _: 2
                 }, 1032, ["onClick"]))), 128))
@@ -587,11 +577,11 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             ])
           ]),
           _: 1
-        }, 8, ["show", "title"])) : f("", !0),
-        W.value ? (a(), c("div", lt, [
-          u(Re, h({
+        }, 8, ["show", "title"])) : m("", !0),
+        W.value ? (a(), s("div", lt, [
+          u(Re, v({
             show: U.value,
-            "onUpdate:show": l[13] || (l[13] = (i) => U.value = i),
+            "onUpdate:show": l[12] || (l[12] = (i) => U.value = i),
             ref_key: "importDataRef",
             ref: xe,
             fields: we.value,
@@ -601,7 +591,7 @@ const Le = { class: "flex flex-col w-full space-y-8" }, Me = { class: "flex flex
             title: X.value,
             class: "hidden!"
           }), null, 16, ["show", "fields", "title"])
-        ])) : f("", !0)
+        ])) : m("", !0)
       ]);
     };
   }

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/package.json

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