vlite3 0.8.5 → 0.8.7

package/components/Chip/Chip.vue.d.ts

@@ -13,11 +13,11 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ExtendedProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    delete: (event: MouseEvent) => any;
     click: (event: MouseEvent) => any;
+    delete: (event: MouseEvent) => any;
 }, string, import('vue').PublicProps, Readonly<ExtendedProps> & Readonly<{
-    onDelete?: (event: MouseEvent) => any;
     onClick?: (event: MouseEvent) => any;
+    onDelete?: (event: MouseEvent) => any;
 }>, {
     text: string;
     variant: ChipVariant | string;

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

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 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/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.vue.js";
+import ee from "./CommandPaletteItem.vue2.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.vue.js → CommandPaletteItem.vue2.js}

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

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

@@ -18,15 +18,15 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     select: (state: SelectionState) => any;
-    delete: (rows: any[]) => any;
     change: (state: TableState) => any;
+    delete: (rows: any[]) => any;
     "update:itemsPerPage": (value: number) => any;
     rowClick: (payload: RowClickPayload) => any;
     "update:selectedRows": (value: any[]) => any;
 }, string, import('vue').PublicProps, Readonly<DataTableProps> & Readonly<{
     onSelect?: (state: SelectionState) => any;
-    onDelete?: (rows: any[]) => any;
     onChange?: (state: TableState) => any;
+    onDelete?: (rows: any[]) => any;
     "onUpdate:itemsPerPage"?: (value: number) => any;
     onRowClick?: (payload: RowClickPayload) => any;
     "onUpdate:selectedRows"?: (value: any[]) => any;

package/components/Empty/Empty.vue.js

@@ -1,7 +1,18 @@
-import { defineComponent as y, computed as r, markRaw as t, defineAsyncComponent as i, openBlock as c, createElementBlock as h, createBlock as C, resolveDynamicComponent as I, createSlots as _, renderList as g, withCtx as k, renderSlot as w, normalizeProps as x, guardReactiveProps as B } from "vue";
-import { $t as o } from "../../utils/i18n.js";
-import { useVLiteConfig as S } from "../../core/config.js";
-const V = { class: "flex items-center justify-center min-h-[300px] w-full py-8" }, R = /* @__PURE__ */ y({
+import { defineComponent as d, computed as n, markRaw as t, openBlock as m, createElementBlock as u, createBlock as $, resolveDynamicComponent as y, createSlots as h, renderList as I, withCtx as g, renderSlot as C, normalizeProps as k, guardReactiveProps as w } from "vue";
+import { $t as e } from "../../utils/i18n.js";
+import { useVLiteConfig as x } from "../../core/config.js";
+import B from "./variants/Variant1.vue.js";
+import S from "./variants/Variant2.vue.js";
+import V from "./variants/Variant3.vue.js";
+import b from "./variants/Variant4.vue.js";
+import D from "./variants/Variant5.vue.js";
+import E from "./variants/Variant6.vue.js";
+import L from "./variants/Variant7.vue.js";
+import P from "./variants/Variant8.vue.js";
+import R from "./variants/Variant9.vue.js";
+import T from "./variants/Variant10.vue.js";
+import j from "./variants/Variant11.vue.js";
+const z = { class: "flex items-center justify-center min-h-[300px] w-full py-2" }, tt = /* @__PURE__ */ d({
   __name: "Empty",
   props: {
     title: {},
@@ -11,42 +22,42 @@ const V = { class: "flex items-center justify-center min-h-[300px] w-full py-8"
     icon: { default: "lucide:inbox" },
     variant: {}
   },
-  setup(a) {
-    const e = a, l = S(), m = r(() => e.variant || l?.components?.empty?.variant || "variant1"), v = r(() => {
-      if (e.titleI18n) return o(e.titleI18n);
-      if (e.title) return e.title;
-      const n = o("vlite.empty.title");
-      return n !== "vlite.empty.title" ? n : "No data found";
-    }), d = r(() => {
-      if (e.descriptionI18n) return o(e.descriptionI18n);
-      if (e.description) return e.description;
-      const n = o("vlite.empty.description");
-      return n !== "vlite.empty.description" ? n : "There is nothing to display here right now.";
-    }), s = {
-      variant1: t(i(() => import("./variants/Variant1.vue.js"))),
-      variant2: t(i(() => import("./variants/Variant2.vue.js"))),
-      variant3: t(i(() => import("./variants/Variant3.vue.js"))),
-      variant4: t(i(() => import("./variants/Variant4.vue.js"))),
-      variant5: t(i(() => import("./variants/Variant5.vue.js"))),
-      variant6: t(i(() => import("./variants/Variant6.vue.js"))),
-      variant7: t(i(() => import("./variants/Variant7.vue.js"))),
-      variant8: t(i(() => import("./variants/Variant8.vue.js"))),
-      variant9: t(i(() => import("./variants/Variant9.vue.js"))),
-      variant10: t(i(() => import("./variants/Variant10.vue.js"))),
-      variant11: t(i(() => import("./variants/Variant11.vue.js")))
-    }, u = r(
-      () => s[m.value] || s.variant1
+  setup(o) {
+    const i = o, c = x(), p = n(() => i.variant || c?.components?.empty?.variant || "variant1"), f = n(() => {
+      if (i.titleI18n) return e(i.titleI18n);
+      if (i.title) return i.title;
+      const r = e("vlite.empty.title");
+      return r !== "vlite.empty.title" ? r : "No data found";
+    }), l = n(() => {
+      if (i.descriptionI18n) return e(i.descriptionI18n);
+      if (i.description) return i.description;
+      const r = e("vlite.empty.description");
+      return r !== "vlite.empty.description" ? r : "There is nothing to display here right now.";
+    }), a = {
+      variant1: t(B),
+      variant2: t(S),
+      variant3: t(V),
+      variant4: t(b),
+      variant5: t(D),
+      variant6: t(E),
+      variant7: t(L),
+      variant8: t(P),
+      variant9: t(R),
+      variant10: t(T),
+      variant11: t(j)
+    }, v = n(
+      () => a[p.value] || a.variant1
     );
-    return (n, $) => (c(), h("div", V, [
-      (c(), C(I(u.value), {
-        title: v.value,
-        description: d.value,
-        icon: a.icon
-      }, _({ _: 2 }, [
-        g(n.$slots, (D, p) => ({
-          name: p,
-          fn: k((f) => [
-            w(n.$slots, p, x(B(f || {})))
+    return (r, N) => (m(), u("div", z, [
+      (m(), $(y(v.value), {
+        title: f.value,
+        description: l.value,
+        icon: o.icon
+      }, h({ _: 2 }, [
+        I(r.$slots, (q, s) => ({
+          name: s,
+          fn: g((_) => [
+            C(r.$slots, s, k(w(_ || {})))
           ])
         }))
       ]), 1032, ["title", "description", "icon"]))
@@ -54,5 +65,5 @@ const V = { class: "flex items-center justify-center min-h-[300px] w-full py-8"
   }
 });
 export {
-  R as default
+  tt as default
 };

package/components/Empty/variants/Variant1.vue.js

@@ -1,4 +1,33 @@
-import f from "./Variant1.vue2.js";
+import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
+import a from "../../Icon.vue.js";
+const d = { class: "flex w-full flex-col items-center justify-center p-10 min-h-[450px] text-center rounded-2xl bg-card" }, u = { class: "text-fs-5 font-semibold text-foreground" }, f = ["innerHTML"], x = {
+  key: 0,
+  class: "mt-6"
+}, k = /* @__PURE__ */ i({
+  __name: "Variant1",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(t) {
+    return (e, p) => (o(), n("div", d, [
+      c(a, {
+        icon: t.icon,
+        class: "mb-3 h-12 w-12 text-muted",
+        "stroke-width": "1.2"
+      }, null, 8, ["icon"]),
+      s("h3", u, r(t.title), 1),
+      s("p", {
+        class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
+        innerHTML: t.description
+      }, null, 8, f),
+      e.$slots.action ? (o(), n("div", x, [
+        l(e.$slots, "action")
+      ])) : m("", !0)
+    ]));
+  }
+});
 export {
-  f as default
+  k as default
 };

package/components/Empty/variants/Variant1.vue2.js

@@ -1,33 +1,4 @@
-import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
-import a from "../../Icon.vue.js";
-const d = { class: "flex w-full flex-col items-center justify-center p-10 min-h-[450px] text-center rounded-2xl bg-card" }, u = { class: "text-fs-5 font-semibold text-foreground" }, f = ["innerHTML"], x = {
-  key: 0,
-  class: "mt-6"
-}, k = /* @__PURE__ */ i({
-  __name: "Variant1",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(t) {
-    return (e, p) => (o(), n("div", d, [
-      c(a, {
-        icon: t.icon,
-        class: "mb-3 h-12 w-12 text-muted",
-        "stroke-width": "1.2"
-      }, null, 8, ["icon"]),
-      s("h3", u, r(t.title), 1),
-      s("p", {
-        class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
-        innerHTML: t.description
-      }, null, 8, f),
-      e.$slots.action ? (o(), n("div", x, [
-        l(e.$slots, "action")
-      ])) : m("", !0)
-    ]));
-  }
-});
+import f from "./Variant1.vue.js";
 export {
-  k as default
+  f as default
 };

package/components/Empty/variants/Variant10.vue.js

@@ -1,4 +1,37 @@
-import f from "./Variant10.vue2.js";
+import { defineComponent as i, openBlock as s, createElementBlock as n, createElementVNode as t, createVNode as l, toDisplayString as c, renderSlot as r, createCommentVNode as a } from "vue";
+import d from "../../Icon.vue.js";
+const m = { class: "flex w-full flex-col items-center py-12" }, f = { class: "flex w-full max-w-md flex-col text-left" }, u = { class: "mb-6 flex w-full justify-start" }, x = { class: "text-xl font-medium tracking-tight text-foreground" }, _ = ["innerHTML"], h = {
+  key: 0,
+  class: "mt-8 flex justify-start"
+}, y = /* @__PURE__ */ i({
+  __name: "Variant10",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (o, p) => (s(), n("div", m, [
+      t("div", f, [
+        t("div", u, [
+          l(d, {
+            icon: e.icon,
+            class: "h-12 w-12 text-foreground opacity-80",
+            "stroke-width": "1.2"
+          }, null, 8, ["icon"])
+        ]),
+        t("h3", x, c(e.title), 1),
+        t("p", {
+          class: "mt-2 text-sm leading-relaxed text-muted",
+          innerHTML: e.description
+        }, null, 8, _),
+        o.$slots.action ? (s(), n("div", h, [
+          r(o.$slots, "action")
+        ])) : a("", !0)
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  y as default
 };

package/components/Empty/variants/Variant10.vue2.js

@@ -1,37 +1,4 @@
-import { defineComponent as i, openBlock as s, createElementBlock as n, createElementVNode as t, createVNode as l, toDisplayString as c, renderSlot as r, createCommentVNode as a } from "vue";
-import d from "../../Icon.vue.js";
-const m = { class: "flex w-full flex-col items-center py-12" }, f = { class: "flex w-full max-w-md flex-col text-left" }, u = { class: "mb-6 flex w-full justify-start" }, x = { class: "text-xl font-medium tracking-tight text-foreground" }, _ = ["innerHTML"], h = {
-  key: 0,
-  class: "mt-8 flex justify-start"
-}, y = /* @__PURE__ */ i({
-  __name: "Variant10",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(e) {
-    return (o, p) => (s(), n("div", m, [
-      t("div", f, [
-        t("div", u, [
-          l(d, {
-            icon: e.icon,
-            class: "h-12 w-12 text-foreground opacity-80",
-            "stroke-width": "1.2"
-          }, null, 8, ["icon"])
-        ]),
-        t("h3", x, c(e.title), 1),
-        t("p", {
-          class: "mt-2 text-sm leading-relaxed text-muted",
-          innerHTML: e.description
-        }, null, 8, _),
-        o.$slots.action ? (s(), n("div", h, [
-          r(o.$slots, "action")
-        ])) : a("", !0)
-      ])
-    ]));
-  }
-});
+import f from "./Variant10.vue.js";
 export {
-  y as default
+  f as default
 };

package/components/Empty/variants/Variant11.vue.js

@@ -1,4 +1,29 @@
-import f from "./Variant11.vue2.js";
+import { defineComponent as s, openBlock as o, createElementBlock as r, createElementVNode as t, toDisplayString as n, renderSlot as a } from "vue";
+const c = { class: "flex w-full flex-col items-center text-center text-foreground py-6" }, d = { class: "mb-6 space-y-1" }, m = { class: "text-4xl font-bold tracking-tight leading-none" }, x = { class: "text-4xl font-bold tracking-tight leading-none text-muted" }, f = ["innerHTML"], p = /* @__PURE__ */ s({
+  __name: "Variant11",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (i, l) => (o(), r("div", c, [
+      t("div", d, [
+        t("h3", m, n(e.title.split(" ")[0]) + " " + n(e.title.split(" ")[1] || ""), 1),
+        t("h4", x, n(e.title.split(" ").slice(2).join(" ")), 1)
+      ]),
+      l[0] || (l[0] = t("div", { class: "relative my-8 flex w-full max-w-[400px] items-center h-px" }, [
+        t("div", { class: "h-full flex-1 bg-linear-to-r from-transparent via-border to-transparent" }),
+        t("div", { class: "absolute right-0 h-1.5 w-1.5 rounded-full bg-muted" })
+      ], -1)),
+      t("p", {
+        class: "mb-10 max-w-sm text-sm font-normal leading-relaxed text-muted",
+        innerHTML: e.description
+      }, null, 8, f),
+      a(i.$slots, "action")
+    ]));
+  }
+});
 export {
-  f as default
+  p as default
 };

package/components/Empty/variants/Variant11.vue2.js

@@ -1,29 +1,4 @@
-import { defineComponent as s, openBlock as o, createElementBlock as r, createElementVNode as t, toDisplayString as n, renderSlot as a } from "vue";
-const c = { class: "flex w-full flex-col items-center text-center text-foreground py-6" }, d = { class: "mb-6 space-y-1" }, m = { class: "text-4xl font-bold tracking-tight leading-none" }, x = { class: "text-4xl font-bold tracking-tight leading-none text-muted" }, f = ["innerHTML"], p = /* @__PURE__ */ s({
-  __name: "Variant11",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(e) {
-    return (i, l) => (o(), r("div", c, [
-      t("div", d, [
-        t("h3", m, n(e.title.split(" ")[0]) + " " + n(e.title.split(" ")[1] || ""), 1),
-        t("h4", x, n(e.title.split(" ").slice(2).join(" ")), 1)
-      ]),
-      l[0] || (l[0] = t("div", { class: "relative my-8 flex w-full max-w-[400px] items-center h-px" }, [
-        t("div", { class: "h-full flex-1 bg-linear-to-r from-transparent via-border to-transparent" }),
-        t("div", { class: "absolute right-0 h-1.5 w-1.5 rounded-full bg-muted" })
-      ], -1)),
-      t("p", {
-        class: "mb-10 max-w-sm text-sm font-normal leading-relaxed text-muted",
-        innerHTML: e.description
-      }, null, 8, f),
-      a(i.$slots, "action")
-    ]));
-  }
-});
+import f from "./Variant11.vue.js";
 export {
-  p as default
+  f as default
 };

package/components/Empty/variants/Variant2.vue.js

@@ -1,4 +1,33 @@
-import f from "./Variant2.vue2.js";
+import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
+import a from "../../Icon.vue.js";
+const d = { class: "flex w-full flex-col items-center justify-center p-10 md:p-16 text-center" }, u = { class: "text-2xl font-medium text-foreground" }, f = ["innerHTML"], x = {
+  key: 0,
+  class: "mt-5"
+}, k = /* @__PURE__ */ i({
+  __name: "Variant2",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(t) {
+    return (e, p) => (o(), n("div", d, [
+      c(a, {
+        icon: t.icon,
+        class: "mb-3 h-10 w-10 text-muted",
+        "stroke-width": "1.2"
+      }, null, 8, ["icon"]),
+      s("h3", u, r(t.title), 1),
+      s("p", {
+        class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
+        innerHTML: t.description
+      }, null, 8, f),
+      e.$slots.action ? (o(), n("div", x, [
+        l(e.$slots, "action")
+      ])) : m("", !0)
+    ]));
+  }
+});
 export {
-  f as default
+  k as default
 };

package/components/Empty/variants/Variant2.vue2.js

@@ -1,33 +1,4 @@
-import { defineComponent as i, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as r, renderSlot as l, createCommentVNode as m } from "vue";
-import a from "../../Icon.vue.js";
-const d = { class: "flex w-full flex-col items-center justify-center p-10 md:p-16 text-center" }, u = { class: "text-2xl font-medium text-foreground" }, f = ["innerHTML"], x = {
-  key: 0,
-  class: "mt-5"
-}, k = /* @__PURE__ */ i({
-  __name: "Variant2",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(t) {
-    return (e, p) => (o(), n("div", d, [
-      c(a, {
-        icon: t.icon,
-        class: "mb-3 h-10 w-10 text-muted",
-        "stroke-width": "1.2"
-      }, null, 8, ["icon"]),
-      s("h3", u, r(t.title), 1),
-      s("p", {
-        class: "mt-1.5 text-sm text-muted max-w-md mx-auto",
-        innerHTML: t.description
-      }, null, 8, f),
-      e.$slots.action ? (o(), n("div", x, [
-        l(e.$slots, "action")
-      ])) : m("", !0)
-    ]));
-  }
-});
+import f from "./Variant2.vue.js";
 export {
-  k as default
+  f as default
 };

package/components/Empty/variants/Variant3.vue.js

@@ -1,4 +1,22 @@
-import f from "./Variant3.vue2.js";
+import { defineComponent as o, openBlock as r, createElementBlock as i, createElementVNode as t, toDisplayString as s, renderSlot as l } from "vue";
+const c = { class: "group flex flex-col items-center text-center py-14 cursor-default" }, a = { class: "text-lg mb-1.5 font-semibold text-foreground tracking-tight" }, d = ["innerHTML"], p = /* @__PURE__ */ o({
+  __name: "Variant3",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (n, f) => (r(), i("div", c, [
+      t("h3", a, s(e.title), 1),
+      t("p", {
+        class: "text-xs mb-4.5 text-foreground/40 leading-relaxed font-light",
+        innerHTML: e.description
+      }, null, 8, d),
+      l(n.$slots, "action")
+    ]));
+  }
+});
 export {
-  f as default
+  p as default
 };

package/components/Empty/variants/Variant3.vue2.js

@@ -1,22 +1,4 @@
-import { defineComponent as o, openBlock as r, createElementBlock as i, createElementVNode as t, toDisplayString as s, renderSlot as l } from "vue";
-const c = { class: "group flex flex-col items-center text-center py-14 cursor-default" }, a = { class: "text-lg mb-1.5 font-semibold text-foreground tracking-tight" }, d = ["innerHTML"], p = /* @__PURE__ */ o({
-  __name: "Variant3",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(e) {
-    return (n, f) => (r(), i("div", c, [
-      t("h3", a, s(e.title), 1),
-      t("p", {
-        class: "text-xs mb-4.5 text-foreground/40 leading-relaxed font-light",
-        innerHTML: e.description
-      }, null, 8, d),
-      l(n.$slots, "action")
-    ]));
-  }
-});
+import f from "./Variant3.vue.js";
 export {
-  p as default
+  f as default
 };

package/components/Empty/variants/Variant4.vue.js

@@ -1,4 +1,33 @@
-import f from "./Variant4.vue2.js";
+import { defineComponent as i, openBlock as n, createElementBlock as o, createElementVNode as e, toDisplayString as r, renderSlot as a, createCommentVNode as c } from "vue";
+const d = { class: "flex w-full flex-col items-center justify-center py-24 px-6 min-h-[400px]" }, m = { class: "flex flex-col w-full max-w-md text-left" }, x = { class: "text-4xl sm:text-5xl font-bold tracking-tight text-foreground leading-[1.1] max-w-[280px]" }, f = ["innerHTML"], p = {
+  key: 0,
+  class: "mt-8"
+}, g = /* @__PURE__ */ i({
+  __name: "Variant4",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(t) {
+    return (l, s) => (n(), o("div", d, [
+      e("div", m, [
+        e("h3", x, r(t.title), 1),
+        s[0] || (s[0] = e("div", { class: "flex items-center w-full my-6" }, [
+          e("div", { class: "h-[2px] flex-1 bg-gradient-to-r from-gray-150 via-gray-300 to-gray-100" }),
+          e("div", { class: "h-2.5 w-2.5 rounded-full bg-gray-300 ml-1 shrink-0" })
+        ], -1)),
+        e("p", {
+          class: "text-sm sm:text-base text-muted leading-relaxed",
+          innerHTML: t.description
+        }, null, 8, f),
+        l.$slots.action ? (n(), o("div", p, [
+          a(l.$slots, "action")
+        ])) : c("", !0)
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  g as default
 };

package/components/Empty/variants/Variant4.vue2.js

@@ -1,33 +1,4 @@
-import { defineComponent as i, openBlock as n, createElementBlock as o, createElementVNode as e, toDisplayString as r, renderSlot as a, createCommentVNode as c } from "vue";
-const d = { class: "flex w-full flex-col items-center justify-center py-24 px-6 min-h-[400px]" }, m = { class: "flex flex-col w-full max-w-md text-left" }, x = { class: "text-4xl sm:text-5xl font-bold tracking-tight text-foreground leading-[1.1] max-w-[280px]" }, f = ["innerHTML"], p = {
-  key: 0,
-  class: "mt-8"
-}, g = /* @__PURE__ */ i({
-  __name: "Variant4",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(t) {
-    return (l, s) => (n(), o("div", d, [
-      e("div", m, [
-        e("h3", x, r(t.title), 1),
-        s[0] || (s[0] = e("div", { class: "flex items-center w-full my-6" }, [
-          e("div", { class: "h-[2px] flex-1 bg-gradient-to-r from-gray-150 via-gray-300 to-gray-100" }),
-          e("div", { class: "h-2.5 w-2.5 rounded-full bg-gray-300 ml-1 shrink-0" })
-        ], -1)),
-        e("p", {
-          class: "text-sm sm:text-base text-muted leading-relaxed",
-          innerHTML: t.description
-        }, null, 8, f),
-        l.$slots.action ? (n(), o("div", p, [
-          a(l.$slots, "action")
-        ])) : c("", !0)
-      ])
-    ]));
-  }
-});
+import f from "./Variant4.vue.js";
 export {
-  g as default
+  f as default
 };

package/components/Empty/variants/Variant5.vue.js

@@ -1,4 +1,30 @@
-import f from "./Variant5.vue2.js";
+import { defineComponent as n, openBlock as s, createElementBlock as i, createElementVNode as t, createVNode as r, toDisplayString as c, renderSlot as l } from "vue";
+import a from "../../Icon.vue.js";
+const d = { class: "flex flex-col items-center text-center w-full py-4" }, m = { class: "mb-5 p-5 rounded-3xl bg-card border shadow-xs transition-shadow hover:shadow-sm" }, x = { class: "text-2xl font-semibold tracking-tight text-foreground mb-2.5" }, f = ["innerHTML"], _ = /* @__PURE__ */ n({
+  __name: "Variant5",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (o, h) => (s(), i("div", d, [
+      t("div", m, [
+        r(a, {
+          icon: e.icon,
+          class: "w-8 h-8 text-foreground",
+          "stroke-width": "1.2"
+        }, null, 8, ["icon"])
+      ]),
+      t("h3", x, c(e.title), 1),
+      t("p", {
+        class: "text-sm text-muted max-w-[280px] mb-5.5 leading-relaxed font-normal",
+        innerHTML: e.description
+      }, null, 8, f),
+      l(o.$slots, "action")
+    ]));
+  }
+});
 export {
-  f as default
+  _ as default
 };

package/components/Empty/variants/Variant5.vue2.js

@@ -1,30 +1,4 @@
-import { defineComponent as n, openBlock as s, createElementBlock as i, createElementVNode as t, createVNode as r, toDisplayString as c, renderSlot as l } from "vue";
-import a from "../../Icon.vue.js";
-const d = { class: "flex flex-col items-center text-center w-full py-4" }, m = { class: "mb-5 p-5 rounded-3xl bg-card border shadow-xs transition-shadow hover:shadow-sm" }, x = { class: "text-2xl font-semibold tracking-tight text-foreground mb-2.5" }, f = ["innerHTML"], _ = /* @__PURE__ */ n({
-  __name: "Variant5",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(e) {
-    return (o, h) => (s(), i("div", d, [
-      t("div", m, [
-        r(a, {
-          icon: e.icon,
-          class: "w-8 h-8 text-foreground",
-          "stroke-width": "1.2"
-        }, null, 8, ["icon"])
-      ]),
-      t("h3", x, c(e.title), 1),
-      t("p", {
-        class: "text-sm text-muted max-w-[280px] mb-5.5 leading-relaxed font-normal",
-        innerHTML: e.description
-      }, null, 8, f),
-      l(o.$slots, "action")
-    ]));
-  }
-});
+import f from "./Variant5.vue.js";
 export {
-  _ as default
+  f as default
 };

package/components/Empty/variants/Variant6.vue.js

@@ -1,4 +1,33 @@
-import f from "./Variant6.vue2.js";
+import { defineComponent as n, openBlock as s, createElementBlock as i, createElementVNode as t, createVNode as c, toDisplayString as r, renderSlot as d } from "vue";
+import l from "../../Icon.vue.js";
+const a = { class: "flex flex-col md:flex-row items-center gap-6 md:gap-8 p-8 md:p-10 rounded-3xl border bg-background w-full shadow-xs" }, m = { class: "w-16 h-16 shrink-0 rounded-2xl bg-foreground flex items-center justify-center shadow-sm" }, f = { class: "flex-1 text-center md:text-left" }, x = { class: "text-xl font-bold text-foreground tracking-tight" }, u = ["innerHTML"], h = { class: "shrink-0 mt-4 md:mt-0" }, k = /* @__PURE__ */ n({
+  __name: "Variant6",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (o, _) => (s(), i("div", a, [
+      t("div", m, [
+        c(l, {
+          icon: e.icon,
+          class: "w-7 h-7 text-background"
+        }, null, 8, ["icon"])
+      ]),
+      t("div", f, [
+        t("h3", x, r(e.title), 1),
+        t("p", {
+          class: "text-sm text-muted mt-1.5 font-medium max-w-lg",
+          innerHTML: e.description
+        }, null, 8, u)
+      ]),
+      t("div", h, [
+        d(o.$slots, "action")
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  k as default
 };

package/components/Empty/variants/Variant6.vue2.js

@@ -1,33 +1,4 @@
-import { defineComponent as n, openBlock as s, createElementBlock as i, createElementVNode as t, createVNode as c, toDisplayString as r, renderSlot as d } from "vue";
-import l from "../../Icon.vue.js";
-const a = { class: "flex flex-col md:flex-row items-center gap-6 md:gap-8 p-8 md:p-10 rounded-3xl border bg-background w-full shadow-xs" }, m = { class: "w-16 h-16 shrink-0 rounded-2xl bg-foreground flex items-center justify-center shadow-sm" }, f = { class: "flex-1 text-center md:text-left" }, x = { class: "text-xl font-bold text-foreground tracking-tight" }, u = ["innerHTML"], h = { class: "shrink-0 mt-4 md:mt-0" }, k = /* @__PURE__ */ n({
-  __name: "Variant6",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(e) {
-    return (o, _) => (s(), i("div", a, [
-      t("div", m, [
-        c(l, {
-          icon: e.icon,
-          class: "w-7 h-7 text-background"
-        }, null, 8, ["icon"])
-      ]),
-      t("div", f, [
-        t("h3", x, r(e.title), 1),
-        t("p", {
-          class: "text-sm text-muted mt-1.5 font-medium max-w-lg",
-          innerHTML: e.description
-        }, null, 8, u)
-      ]),
-      t("div", h, [
-        d(o.$slots, "action")
-      ])
-    ]));
-  }
-});
+import f from "./Variant6.vue.js";
 export {
-  k as default
+  f as default
 };

package/components/Empty/variants/Variant7.vue.js

@@ -1,4 +1,35 @@
-import f from "./Variant7.vue2.js";
+import { defineComponent as n, openBlock as l, createElementBlock as s, createElementVNode as e, createVNode as i, toDisplayString as d, renderSlot as a } from "vue";
+import m from "../../Icon.vue.js";
+const c = { class: "relative flex w-full max-w-2xl flex-col items-center justify-center py-10 pl-4 md:pl-16" }, f = { class: "flex flex-col items-start relative" }, x = { class: "mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-card border shadow-xs transition-transform duration-500 hover:scale-110" }, u = { class: "mb-3 font-serif text-3xl font-medium tracking-tight text-foreground md:text-4xl" }, b = ["innerHTML"], h = /* @__PURE__ */ n({
+  __name: "Variant7",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(r) {
+    return (o, t) => (l(), s("div", c, [
+      e("div", f, [
+        e("div", x, [
+          i(m, {
+            icon: r.icon,
+            class: "h-5 w-5 text-foreground"
+          }, null, 8, ["icon"])
+        ]),
+        e("h3", u, d(r.title), 1),
+        e("p", {
+          class: "mb-10 max-w-md text-base leading-relaxed text-muted",
+          innerHTML: r.description
+        }, null, 8, b),
+        a(o.$slots, "action"),
+        t[0] || (t[0] = e("div", { class: "max-md:hidden absolute bottom-0 left-0 -ml-16 top-0 mt-4 w-px bg-linear-to-b from-border via-border/50 to-transparent md:left-6" }, null, -1)),
+        t[1] || (t[1] = e("div", { class: "max-md:hidden absolute left-0 -ml-16 top-0 flex h-6 w-6 mt-4 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-[3px] border-background bg-card ring-1 ring-border md:left-6" }, [
+          e("div", { class: "h-1.5 w-1.5 rounded-full bg-foreground" })
+        ], -1))
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  h as default
 };

package/components/Empty/variants/Variant7.vue2.js

@@ -1,35 +1,4 @@
-import { defineComponent as n, openBlock as l, createElementBlock as s, createElementVNode as e, createVNode as i, toDisplayString as d, renderSlot as a } from "vue";
-import m from "../../Icon.vue.js";
-const c = { class: "relative flex w-full max-w-2xl flex-col items-center justify-center py-10 pl-4 md:pl-16" }, f = { class: "flex flex-col items-start relative" }, x = { class: "mb-6 flex h-12 w-12 items-center justify-center rounded-xl bg-card border shadow-xs transition-transform duration-500 hover:scale-110" }, u = { class: "mb-3 font-serif text-3xl font-medium tracking-tight text-foreground md:text-4xl" }, b = ["innerHTML"], h = /* @__PURE__ */ n({
-  __name: "Variant7",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(r) {
-    return (o, t) => (l(), s("div", c, [
-      e("div", f, [
-        e("div", x, [
-          i(m, {
-            icon: r.icon,
-            class: "h-5 w-5 text-foreground"
-          }, null, 8, ["icon"])
-        ]),
-        e("h3", u, d(r.title), 1),
-        e("p", {
-          class: "mb-10 max-w-md text-base leading-relaxed text-muted",
-          innerHTML: r.description
-        }, null, 8, b),
-        a(o.$slots, "action"),
-        t[0] || (t[0] = e("div", { class: "max-md:hidden absolute bottom-0 left-0 -ml-16 top-0 mt-4 w-px bg-linear-to-b from-border via-border/50 to-transparent md:left-6" }, null, -1)),
-        t[1] || (t[1] = e("div", { class: "max-md:hidden absolute left-0 -ml-16 top-0 flex h-6 w-6 mt-4 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-[3px] border-background bg-card ring-1 ring-border md:left-6" }, [
-          e("div", { class: "h-1.5 w-1.5 rounded-full bg-foreground" })
-        ], -1))
-      ])
-    ]));
-  }
-});
+import f from "./Variant7.vue.js";
 export {
-  h as default
+  f as default
 };

package/components/Empty/variants/Variant8.vue.js

@@ -1,4 +1,33 @@
-import f from "./Variant8.vue2.js";
+import { defineComponent as r, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as i, renderSlot as l, createCommentVNode as a } from "vue";
+import d from "../../Icon.vue.js";
+const m = { class: "flex w-full flex-col items-center justify-center p-8 rounded-xl bg-background border shadow-xs max-w-md mx-auto text-center" }, u = { class: "mb-1.5 text-sm font-medium text-foreground" }, x = ["innerHTML"], f = {
+  key: 0,
+  class: "mt-6"
+}, w = /* @__PURE__ */ r({
+  __name: "Variant8",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(e) {
+    return (t, _) => (o(), n("div", m, [
+      c(d, {
+        icon: e.icon,
+        class: "h-6 w-6 text-foreground mb-4",
+        "stroke-width": "1.5"
+      }, null, 8, ["icon"]),
+      s("h3", u, i(e.title), 1),
+      s("p", {
+        class: "text-sm text-muted max-w-xs",
+        innerHTML: e.description
+      }, null, 8, x),
+      t.$slots.action ? (o(), n("div", f, [
+        l(t.$slots, "action")
+      ])) : a("", !0)
+    ]));
+  }
+});
 export {
-  f as default
+  w as default
 };

package/components/Empty/variants/Variant8.vue2.js

@@ -1,33 +1,4 @@
-import { defineComponent as r, openBlock as o, createElementBlock as n, createVNode as c, createElementVNode as s, toDisplayString as i, renderSlot as l, createCommentVNode as a } from "vue";
-import d from "../../Icon.vue.js";
-const m = { class: "flex w-full flex-col items-center justify-center p-8 rounded-xl bg-background border shadow-xs max-w-md mx-auto text-center" }, u = { class: "mb-1.5 text-sm font-medium text-foreground" }, x = ["innerHTML"], f = {
-  key: 0,
-  class: "mt-6"
-}, w = /* @__PURE__ */ r({
-  __name: "Variant8",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(e) {
-    return (t, _) => (o(), n("div", m, [
-      c(d, {
-        icon: e.icon,
-        class: "h-6 w-6 text-foreground mb-4",
-        "stroke-width": "1.5"
-      }, null, 8, ["icon"]),
-      s("h3", u, i(e.title), 1),
-      s("p", {
-        class: "text-sm text-muted max-w-xs",
-        innerHTML: e.description
-      }, null, 8, x),
-      t.$slots.action ? (o(), n("div", f, [
-        l(t.$slots, "action")
-      ])) : a("", !0)
-    ]));
-  }
-});
+import f from "./Variant8.vue.js";
 export {
-  w as default
+  f as default
 };

package/components/Empty/variants/Variant9.vue.js

@@ -1,4 +1,33 @@
-import f from "./Variant9.vue2.js";
+import { defineComponent as i, openBlock as n, createElementBlock as s, createElementVNode as e, createVNode as l, toDisplayString as c, renderSlot as r } from "vue";
+import d from "../../Icon.vue.js";
+const a = { class: "grid w-full max-w-4xl grid-cols-1 items-center gap-10 border-l-[3px] border-border py-4 pl-8 md:grid-cols-2 md:gap-16 md:pl-16" }, m = { class: "space-y-6" }, x = { class: "flex h-12 w-12 items-center justify-center rounded-xl bg-muted/50" }, p = { class: "text-4xl md:text-5xl font-black uppercase italic leading-[0.9] tracking-tighter text-foreground" }, f = { class: "flex flex-col items-start" }, g = ["innerHTML"], b = /* @__PURE__ */ i({
+  __name: "Variant9",
+  props: {
+    title: {},
+    description: {},
+    icon: {}
+  },
+  setup(t) {
+    return (o, _) => (n(), s("div", a, [
+      e("div", m, [
+        e("div", x, [
+          l(d, {
+            icon: t.icon,
+            class: "h-5 w-5 text-foreground"
+          }, null, 8, ["icon"])
+        ]),
+        e("h3", p, c(t.title), 1)
+      ]),
+      e("div", f, [
+        e("p", {
+          class: "mb-8 text-base md:text-lg font-light leading-relaxed text-muted",
+          innerHTML: t.description
+        }, null, 8, g),
+        r(o.$slots, "action")
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  b as default
 };

package/components/Empty/variants/Variant9.vue2.js

@@ -1,33 +1,4 @@
-import { defineComponent as i, openBlock as n, createElementBlock as s, createElementVNode as e, createVNode as l, toDisplayString as c, renderSlot as r } from "vue";
-import d from "../../Icon.vue.js";
-const a = { class: "grid w-full max-w-4xl grid-cols-1 items-center gap-10 border-l-[3px] border-border py-4 pl-8 md:grid-cols-2 md:gap-16 md:pl-16" }, m = { class: "space-y-6" }, x = { class: "flex h-12 w-12 items-center justify-center rounded-xl bg-muted/50" }, p = { class: "text-4xl md:text-5xl font-black uppercase italic leading-[0.9] tracking-tighter text-foreground" }, f = { class: "flex flex-col items-start" }, g = ["innerHTML"], b = /* @__PURE__ */ i({
-  __name: "Variant9",
-  props: {
-    title: {},
-    description: {},
-    icon: {}
-  },
-  setup(t) {
-    return (o, _) => (n(), s("div", a, [
-      e("div", m, [
-        e("div", x, [
-          l(d, {
-            icon: t.icon,
-            class: "h-5 w-5 text-foreground"
-          }, null, 8, ["icon"])
-        ]),
-        e("h3", p, c(t.title), 1)
-      ]),
-      e("div", f, [
-        e("p", {
-          class: "mb-8 text-base md:text-lg font-light leading-relaxed text-muted",
-          innerHTML: t.description
-        }, null, 8, g),
-        r(o.$slots, "action")
-      ])
-    ]));
-  }
-});
+import f from "./Variant9.vue.js";
 export {
-  b as default
+  f as default
 };

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/ScreenFilter.vue.js

@@ -12,7 +12,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/Workbook.vue.d.ts

@@ -13,18 +13,18 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<WorkbookProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (id: string) => any;
     delete: (id: string) => any;
     add: () => any;
-    change: (id: string) => any;
     "update:modelValue": (id: string) => any;
     "edit-start": (id: string) => any;
     "edit-end": (id: string) => any;
     duplicate: (id: string) => any;
     "update:sheets": (sheets: WorkbookSheet[]) => any;
 }, string, import('vue').PublicProps, Readonly<WorkbookProps> & Readonly<{
+    onChange?: (id: string) => any;
     onDelete?: (id: string) => any;
     onAdd?: () => any;
-    onChange?: (id: string) => any;
     "onUpdate:modelValue"?: (id: string) => any;
     "onEdit-start"?: (id: string) => any;
     "onEdit-end"?: (id: string) => any;

package/package.json

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