vlite3 0.3.7 → 0.4.2

package/components/DataTable/DataTable.vue.js

@@ -1,25 +1,22 @@
-import { defineComponent as le, ref as g, computed as w, watch as h, openBlock as n, createElementBlock as i, createBlock as R, normalizeClass as S, createSlots as V, withCtx as B, renderSlot as x, createCommentVNode as p, createElementVNode as r, createVNode as F, Fragment as T, renderList as I, normalizeStyle as M, mergeProps as U, toDisplayString as O, createTextVNode as ae, unref as se } from "vue";
-import oe from "../Icon.vue.js";
-import ne from "../CheckBox.vue.js";
-import re from "../Button.vue.js";
-import ie from "../ConfirmationModal.vue.js";
-import de from "../Pagination/Pagination.vue.js";
-import ce from "./DataTableHeader.vue.js";
-import ue from "./DataTableRow.vue.js";
-import fe from "./DataTableToolbar.vue.js";
-const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, ve = { class: "hover:bg-transparent" }, ge = {
+import { defineComponent as ae, ref as g, computed as w, watch as h, openBlock as n, createElementBlock as i, createBlock as B, normalizeClass as C, createSlots as N, withCtx as S, renderSlot as I, createCommentVNode as $, createElementVNode as d, createVNode as F, Fragment as T, renderList as x, normalizeStyle as V, mergeProps as j, unref as O } from "vue";
+import le from "../CheckBox.vue.js";
+import oe from "../Button.vue.js";
+import se from "../ConfirmationModal.vue.js";
+import ne from "../Pagination/Pagination.vue.js";
+import re from "../Empty/Empty.vue.js";
+import ie from "./DataTableHeader.vue.js";
+import de from "./DataTableRow.vue.js";
+import ce from "./DataTableToolbar.vue.js";
+const ue = { class: "space-y-6.5" }, fe = { class: "overflow-x-auto w-full" }, me = { class: "hover:bg-transparent" }, he = {
   key: 0,
   scope: "col",
   class: "w-[48px] px-0 text-center font-medium text-muted-foreground",
   style: { width: "48px" }
-}, be = { class: "flex items-center justify-center" }, ye = { class: "[&_tr:last-child]:border-0" }, we = {
+}, ve = { class: "flex items-center justify-center" }, ge = { class: "[&_tr:last-child]:border-0" }, be = {
   key: 0,
   class: "w-[48px] px-0 py-4 align-middle text-center",
   style: { width: "48px" }
-}, pe = { key: 2 }, ke = ["colspan"], Pe = { class: "flex flex-col items-center justify-center gap-2 text-muted-foreground p-8" }, Ce = { class: "flex h-12 w-12 items-center justify-center rounded-full bg-muted" }, Se = { class: "mt-1 text-base font-semibold text-foreground" }, xe = { class: "text-sm max-w-sm mx-auto" }, Ie = {
-  key: 0,
-  class: "mt-4"
-}, $e = { key: 1 }, Ae = /* @__PURE__ */ le({
+}, ye = { key: 2 }, we = ["colspan"], pe = { key: 1 }, Fe = /* @__PURE__ */ ae({
   __name: "DataTable",
   props: {
     rows: { default: () => [] },
@@ -55,20 +52,20 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
     variant: { default: "default" }
   },
   emits: ["change", "select", "rowClick", "update:itemsPerPage", "update:selectedRows", "delete"],
-  setup(l, { emit: L }) {
+  setup(a, { emit: L }) {
     const W = (e, t) => {
       if (!(!e || !t))
-        return t.includes(".") ? t.split(".").reduce((s, u) => s?.[u], e) : e[t];
-    }, c = (e, t) => W(e, t), a = l, b = L, d = g({ field: "", order: "" }), k = g(
-      a.pageInfo?.itemsPerPage || a.paginationProps?.itemsPerPage || 10
-    ), v = g(a.pageInfo?.currentPage || 1), y = g(a.search || ""), P = g(!1), C = g("initial"), q = w(() => a.loading);
+        return t.includes(".") ? t.split(".").reduce((o, u) => o?.[u], e) : e[t];
+    }, c = (e, t) => W(e, t), l = a, b = L, r = g({ field: "", order: "" }), p = g(
+      l.pageInfo?.itemsPerPage || l.paginationProps?.itemsPerPage || 10
+    ), v = g(l.pageInfo?.currentPage || 1), y = g(l.search || ""), k = g(!1), P = g("initial"), q = w(() => l.loading);
     h(
-      () => a.loading,
+      () => l.loading,
       (e, t) => {
-        !e && t && (C.value = "idle");
+        !e && t && (P.value = "idle");
       }
     ), h(
-      () => a.search,
+      () => l.search,
       (e) => {
         e !== void 0 && e !== y.value && (y.value = e);
       }
@@ -76,263 +73,262 @@ const me = { class: "space-y-6.5" }, he = { class: "overflow-x-auto w-full" }, v
     let z = null;
     h(y, (e) => {
       z && clearTimeout(z), z = setTimeout(() => {
-        v.value = 1, C.value = "search", $();
+        v.value = 1, P.value = "search", R();
       }, 300);
     }), h(
-      () => a.pageInfo?.itemsPerPage,
+      () => l.pageInfo?.itemsPerPage,
       (e) => {
-        e !== void 0 && (k.value = e);
+        e !== void 0 && (p.value = e);
       }
     ), h(
-      () => a.paginationProps?.itemsPerPage,
+      () => l.paginationProps?.itemsPerPage,
       (e) => {
-        e !== void 0 && (k.value = e);
+        e !== void 0 && (p.value = e);
       }
     ), h(
-      () => a.pageInfo?.currentPage,
+      () => l.pageInfo?.currentPage,
       (e) => {
         e && (v.value = e);
       }
     );
-    const N = (e) => c(e, a.keyField), o = g(/* @__PURE__ */ new Set());
+    const A = (e) => c(e, l.keyField), s = g(/* @__PURE__ */ new Set());
     h(
-      () => a.selectedRows,
+      () => l.selectedRows,
       (e) => {
-        const t = new Set((e || []).map((s) => c(s, a.keyField)));
-        (t.size !== o.value.size || [...t].some((s) => !o.value.has(s))) && (o.value = t);
+        const t = new Set((e || []).map((o) => c(o, l.keyField)));
+        (t.size !== s.value.size || [...t].some((o) => !s.value.has(o))) && (s.value = t);
       },
       { immediate: !0, deep: !0 }
     );
-    const D = w(() => a.rows.length === 0 ? !1 : a.rows.every((e) => o.value.has(c(e, a.keyField)))), j = w(() => o.value.size > 0 && !D.value), G = w(() => {
-      const e = [...a.selectedRows || [], ...a.rows], t = /* @__PURE__ */ new Map();
-      return e.forEach((s) => t.set(c(s, a.keyField), s)), Array.from(o.value).map((s) => t.get(s)).filter(Boolean);
+    const D = w(() => l.rows.length === 0 ? !1 : l.rows.every((e) => s.value.has(c(e, l.keyField)))), M = w(() => s.value.size > 0 && !D.value), G = w(() => {
+      const e = [...l.selectedRows || [], ...l.rows], t = /* @__PURE__ */ new Map();
+      return e.forEach((o) => t.set(c(o, l.keyField), o)), Array.from(s.value).map((o) => t.get(o)).filter(Boolean);
     }), H = (e) => {
-      e ? a.rows.forEach((t) => o.value.add(c(t, a.keyField))) : o.value.size > 0 && a.rows.forEach((t) => o.value.delete(c(t, a.keyField))), A();
+      e ? l.rows.forEach((t) => s.value.add(c(t, l.keyField))) : s.value.size > 0 && l.rows.forEach((t) => s.value.delete(c(t, l.keyField))), U();
     }, J = (e) => {
-      o.value.has(e) ? o.value.delete(e) : o.value.add(e), A();
-    }, A = () => {
-      const e = a.selectedRows || [], t = /* @__PURE__ */ new Set(), s = [];
-      a.rows.forEach((f) => {
-        const m = c(f, a.keyField);
-        o.value.has(m) && (s.push(f), t.add(m));
+      s.value.has(e) ? s.value.delete(e) : s.value.add(e), U();
+    }, U = () => {
+      const e = l.selectedRows || [], t = /* @__PURE__ */ new Set(), o = [];
+      l.rows.forEach((f) => {
+        const m = c(f, l.keyField);
+        s.value.has(m) && (o.push(f), t.add(m));
       }), e.forEach((f) => {
-        const m = c(f, a.keyField);
-        !t.has(m) && o.value.has(m) && (s.push(f), t.add(m));
+        const m = c(f, l.keyField);
+        !t.has(m) && s.value.has(m) && (o.push(f), t.add(m));
       });
       const u = {
-        selected: s,
+        selected: o,
         all: D.value,
-        indeterminate: j.value
+        indeterminate: M.value
       };
-      b("select", u), b("update:selectedRows", s);
+      b("select", u), b("update:selectedRows", o);
     }, K = (e) => {
-      d.value.field === e ? d.value.order === "asc" ? d.value.order = "desc" : d.value.order === "desc" ? (d.value.order = "", d.value.field = "") : d.value.order = "asc" : (d.value.field = e, d.value.order = "asc"), v.value = 1, C.value = "sort", $();
+      r.value.field === e ? r.value.order === "asc" ? r.value.order = "desc" : r.value.order === "desc" ? (r.value.order = "", r.value.field = "") : r.value.order = "asc" : (r.value.field = e, r.value.order = "asc"), v.value = 1, P.value = "sort", R();
     }, Q = (e) => {
-      v.value = e, C.value = "page", $();
+      v.value = e, P.value = "page", R();
     }, X = (e) => {
-      k.value = e, v.value = 1, C.value = "limit", b("update:itemsPerPage", e), $();
+      p.value = e, v.value = 1, P.value = "limit", b("update:itemsPerPage", e), R();
     }, Y = (e) => {
       b("rowClick", e);
     }, Z = () => {
       const e = G.value;
-      b("delete", e), P.value = !1;
+      b("delete", e), k.value = !1;
     };
     let E = null;
-    const $ = () => {
+    const R = () => {
       E && clearTimeout(E), E = setTimeout(() => {
         b("change", {
           pagination: {
             page: v.value,
-            limit: k.value
+            limit: p.value
           },
-          sorting: { ...d.value },
+          sorting: { ...r.value },
           search: y.value
         });
       }, 10);
     }, _ = w(() => [
       "w-full flex flex-col",
-      a.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
+      l.variant === "raised" ? "bg-background shadow-sm p-2 rounded-lg" : "bg-background rounded",
       "overflow-hidden",
-      a.bordered ? "border border-border" : "",
-      a.class
-    ].join(" ")), ee = w(() => ["w-full caption-bottom -text-fs-1", a.tableClass].join(" ")), te = (e) => e.width ? e.width : "auto";
+      l.bordered ? "border border-border" : "",
+      l.class
+    ].join(" ")), ee = w(() => ["w-full caption-bottom -text-fs-1", l.tableClass].join(" ")), te = (e) => e.width ? e.width : "auto";
     return h(
-      () => a.rows,
+      () => l.rows,
       () => {
-        const e = new Set(a.rows.map((t) => c(t, a.keyField)));
-        o.value = new Set([...o.value].filter((t) => e.has(t)));
+        const e = new Set(l.rows.map((t) => c(t, l.keyField)));
+        s.value = new Set([...s.value].filter((t) => e.has(t)));
       }
-    ), (e, t) => (n(), i("div", me, [
-      l.showSearch || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (n(), R(fe, {
+    ), (e, t) => (n(), i("div", ue, [
+      a.showSearch || e.$slots?.["toolbar-left"] || e.$slots?.["toolbar-right"] ? (n(), B(ce, {
         key: 0,
         modelValue: y.value,
-        "onUpdate:modelValue": t[1] || (t[1] = (s) => y.value = s),
-        "show-search": l.showSearch,
-        placeholder: l.searchPlaceholder,
-        class: S(l.toolbarClass),
-        "search-class": l.toolbarSearchClass
-      }, V({ _: 2 }, [
+        "onUpdate:modelValue": t[1] || (t[1] = (o) => y.value = o),
+        "show-search": a.showSearch,
+        placeholder: a.searchPlaceholder,
+        class: C(a.toolbarClass),
+        "search-class": a.toolbarSearchClass
+      }, N({ _: 2 }, [
         e.$slots?.["toolbar-left"] ? {
           name: "left",
-          fn: B(() => [
-            x(e.$slots, "toolbar-left")
+          fn: S(() => [
+            I(e.$slots, "toolbar-left")
           ]),
           key: "0"
         } : void 0,
-        o.value.size > 0 ? {
+        s.value.size > 0 ? {
           name: "delete",
-          fn: B(() => [
-            o.value.size > 0 ? (n(), R(re, {
+          fn: S(() => [
+            s.value.size > 0 ? (n(), B(oe, {
               key: 0,
               rounded: "full",
               variant: "outline",
               size: "lg",
               icon: "lucide:trash-2",
-              onClick: t[0] || (t[0] = (s) => P.value = !0)
-            })) : p("", !0)
+              onClick: t[0] || (t[0] = (o) => k.value = !0)
+            })) : $("", !0)
           ]),
           key: "1"
         } : void 0,
         e.$slots?.["toolbar-right"] ? {
           name: "right",
-          fn: B(() => [
-            x(e.$slots, "toolbar-right")
+          fn: S(() => [
+            I(e.$slots, "toolbar-right")
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["modelValue", "show-search", "placeholder", "class", "search-class"])) : p("", !0),
-      r("div", {
-        class: S(_.value)
+      ]), 1032, ["modelValue", "show-search", "placeholder", "class", "search-class"])) : $("", !0),
+      d("div", {
+        class: C(_.value)
       }, [
-        r("div", he, [
-          r("table", {
-            class: S([ee.value, "data-table"])
+        d("div", fe, [
+          d("table", {
+            class: C([ee.value, "data-table"])
           }, [
-            r("thead", {
-              class: S([
+            d("thead", {
+              class: C([
                 "[&_tr]:border-b [&_tr]:border-border bg-muted",
-                l.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
+                a.variant === "raised" ? "[&_th:first-child]:rounded-tl-lg [&_th:last-child]:rounded-tr-lg" : ""
               ])
             }, [
-              r("tr", ve, [
-                l.selectable ? (n(), i("th", ge, [
-                  r("div", be, [
-                    F(ne, {
+              d("tr", me, [
+                a.selectable ? (n(), i("th", he, [
+                  d("div", ve, [
+                    F(le, {
                       "model-value": D.value,
-                      indeterminate: j.value,
+                      indeterminate: M.value,
                       size: "xs",
                       "onUpdate:modelValue": H
                     }, null, 8, ["model-value", "indeterminate"])
                   ])
-                ])) : p("", !0),
-                (n(!0), i(T, null, I(l.headers, (s) => (n(), R(ce, {
-                  key: s.field,
-                  header: s,
-                  "sort-config": d.value,
-                  compact: l.compact,
-                  "table-sortable": l.sortable,
+                ])) : $("", !0),
+                (n(!0), i(T, null, x(a.headers, (o) => (n(), B(ie, {
+                  key: o.field,
+                  header: o,
+                  "sort-config": r.value,
+                  compact: a.compact,
+                  "table-sortable": a.sortable,
                   onSort: K,
                   class: "last:pr-5!",
-                  style: M({
-                    width: te(s)
+                  style: V({
+                    width: te(o)
                   })
                 }, null, 8, ["header", "sort-config", "compact", "table-sortable", "style"]))), 128))
               ])
             ], 2),
-            r("tbody", ye, [
-              q.value ? (n(!0), i(T, { key: 0 }, I(Math.min(k.value, 15), (s) => (n(), i("tr", {
-                key: "skeleton-" + s,
+            d("tbody", ge, [
+              q.value ? (n(!0), i(T, { key: 0 }, x(Math.min(p.value, 15), (o) => (n(), i("tr", {
+                key: "skeleton-" + o,
                 class: "border-b border-border/70 bg-background transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted"
               }, [
-                l.selectable ? (n(), i("td", we, [...t[4] || (t[4] = [
-                  r("div", { class: "flex items-center justify-center" }, [
-                    r("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
+                a.selectable ? (n(), i("td", be, [...t[4] || (t[4] = [
+                  d("div", { class: "flex items-center justify-center" }, [
+                    d("div", { class: "h-4 w-4 rounded-[4px] bg-muted/50 animate-pulse" })
                   ], -1)
-                ])])) : p("", !0),
-                (n(!0), i(T, null, I(l.headers, (u) => (n(), i("td", {
+                ])])) : $("", !0),
+                (n(!0), i(T, null, x(a.headers, (u) => (n(), i("td", {
                   key: u.field,
-                  class: S(["p-5! align-middle last:pr-6!", [u.hideOnMobile ? "hidden md:table-cell" : ""]])
+                  class: C(["p-5! align-middle last:pr-6!", [u.hideOnMobile ? "hidden md:table-cell" : ""]])
                 }, [
-                  r("div", {
+                  d("div", {
                     class: "rounded-md bg-muted/50 animate-pulse h-4 w-full",
-                    style: M({
+                    style: V({
                       width: `${50 + Math.random() * 40}%`
                     })
                   }, null, 4)
                 ], 2))), 128))
-              ]))), 128)) : l.rows.length > 0 ? (n(!0), i(T, { key: 1 }, I(l.rows, (s, u) => (n(), R(ue, {
-                key: N(s),
-                row: s,
-                headers: l.headers,
+              ]))), 128)) : a.rows.length > 0 ? (n(!0), i(T, { key: 1 }, x(a.rows, (o, u) => (n(), B(de, {
+                key: A(o),
+                row: o,
+                headers: a.headers,
                 index: u,
-                "key-field": l.keyField,
-                selectable: l.selectable,
-                "is-selected": o.value.has(N(s)),
-                hoverable: l.hoverable,
-                striped: l.striped,
-                compact: l.compact,
+                "key-field": a.keyField,
+                selectable: a.selectable,
+                "is-selected": s.value.has(A(o)),
+                hoverable: a.hoverable,
+                striped: a.striped,
+                compact: a.compact,
                 onSelect: J,
                 onRowClick: Y,
                 class: "[&_td:last-child]:pr-3.5!"
-              }, V({ _: 2 }, [
-                I(l.headers, (f) => ({
+              }, N({ _: 2 }, [
+                x(a.headers, (f) => ({
                   name: f.field,
-                  fn: B((m) => [
-                    x(e.$slots, f.field, U({ ref_for: !0 }, m))
+                  fn: S((m) => [
+                    I(e.$slots, f.field, j({ ref_for: !0 }, m))
                   ])
                 }))
-              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (n(), i("tr", pe, [
-                r("td", {
-                  colspan: l.selectable ? l.headers.length + 1 : l.headers.length,
-                  class: "h-96 text-center align-middle hover:bg-transparent"
+              ]), 1032, ["row", "headers", "index", "key-field", "selectable", "is-selected", "hoverable", "striped", "compact"]))), 128)) : (n(), i("tr", ye, [
+                d("td", {
+                  colspan: a.selectable ? a.headers.length + 1 : a.headers.length,
+                  class: "align-middle hover:bg-transparent"
                 }, [
-                  r("div", Pe, [
-                    r("div", Ce, [
-                      F(oe, {
-                        icon: l.emptyIcon,
-                        class: "h-6 w-6 text-muted-foreground/80"
-                      }, null, 8, ["icon"])
-                    ]),
-                    r("h3", Se, O(l.emptyTitle), 1),
-                    r("p", xe, [
-                      x(e.$slots, "empty-description", {}, () => [
-                        ae(O(l.emptyDescription), 1)
-                      ])
-                    ]),
-                    e.$slots["empty-action"] ? (n(), i("div", Ie, [
-                      x(e.$slots, "empty-action")
-                    ])) : p("", !0)
+                  I(e.$slots, "empty", {}, () => [
+                    F(O(re), {
+                      title: a.emptyTitle,
+                      description: a.emptyDescription,
+                      icon: a.emptyIcon,
+                      class: "border-none! bg-transparent! py-16!"
+                    }, N({ _: 2 }, [
+                      e.$slots["empty-action"] ? {
+                        name: "action",
+                        fn: S(() => [
+                          I(e.$slots, "empty-action")
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["title", "description", "icon"])
                   ])
-                ], 8, ke)
+                ], 8, we)
               ]))
             ])
           ], 2)
         ])
       ], 2),
-      l.showPagination && l.pageInfo && l.pageInfo.totalPages > 1 ? (n(), i("div", $e, [
-        F(se(de), U({
+      a.showPagination && a.pageInfo && a.pageInfo.totalPages > 1 ? (n(), i("div", pe, [
+        F(O(ne), j({
           "current-page": v.value,
-          "total-pages": l.pageInfo.totalPages,
-          "total-items": l.pageInfo.totalItems
-        }, l.paginationProps, {
+          "total-pages": a.pageInfo.totalPages,
+          "total-items": a.pageInfo.totalItems
+        }, a.paginationProps, {
           onChange: Q,
           "onUpdate:itemsPerPage": X
         }), null, 16, ["current-page", "total-pages", "total-items"])
-      ])) : p("", !0),
-      F(ie, {
-        show: P.value,
-        "onUpdate:show": t[2] || (t[2] = (s) => P.value = s),
+      ])) : $("", !0),
+      F(se, {
+        show: k.value,
+        "onUpdate:show": t[2] || (t[2] = (o) => k.value = o),
         title: "Confirm Deletion",
         description: "Are you sure you want to delete the selected items?",
         "confirm-text": "Delete",
         "cancel-text": "Cancel",
         variant: "danger",
         onConfirm: Z,
-        onCancel: t[3] || (t[3] = (s) => P.value = !1)
+        onCancel: t[3] || (t[3] = (o) => k.value = !1)
       }, null, 8, ["show"])
     ]));
   }
 });
 export {
-  Ae as default
+  Fe as default
 };

package/components/Empty/Empty.vue.d.ts

@@ -0,0 +1,27 @@
+interface Props {
+    title?: string;
+    description?: string;
+    icon?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        action?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    title: string;
+    description: string;
+    icon: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/Empty/Empty.vue.js

@@ -0,0 +1,33 @@
+import { defineComponent as r, openBlock as i, createElementBlock as s, createElementVNode as e, createVNode as d, toDisplayString as l, renderSlot as n } from "vue";
+import c from "../Icon.vue.js";
+const a = { class: "flex flex-col items-center justify-center py-28 gap-5 rounded-3xl border border-gray-150 bg-muted/50 w-full mt-4" }, f = { class: "w-17 h-17 rounded-full bg-gray-200/60 border border-gray-250 shadow-inner flex items-center justify-center" }, u = { class: "text-center space-y-1" }, m = { class: "text-fs-5 font-semibold text-foreground tracking-tight" }, h = ["innerHTML"], _ = /* @__PURE__ */ r({
+  __name: "Empty",
+  props: {
+    title: { default: "No data found" },
+    description: { default: "There is nothing to display here right now." },
+    icon: { default: "lucide:inbox" }
+  },
+  setup(t) {
+    return (o, g) => (i(), s("div", a, [
+      e("div", f, [
+        d(c, {
+          icon: t.icon,
+          class: "w-7 h-7 text-muted-foreground",
+          "stroke-width": "1.2"
+        }, null, 8, ["icon"])
+      ]),
+      e("div", u, [
+        e("h3", m, l(t.title), 1),
+        e("p", {
+          class: "text-sm text-gray-700 font-light leading-relaxed",
+          innerHTML: t.description
+        }, null, 8, h)
+      ]),
+      n(o.$slots, "action"),
+      n(o.$slots, "default")
+    ]));
+  }
+});
+export {
+  _ as default
+};

package/components/Empty/Empty.vue2.js

@@ -0,0 +1,4 @@
+import f from "./Empty.vue.js";
+export {
+  f as default
+};

package/components/Empty/index.d.ts

@@ -0,0 +1 @@
+export { default as Empty } from './Empty.vue';