vlite3 0.9.2 → 0.9.3

package/components/Screen/Screen.vue.js

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

package/components/Screen/ScreenFilter.vue.js

@@ -15,13 +15,14 @@ import "@vueuse/core";
 /* empty css                           */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
+import "vue-draggable-plus";
 /* empty css                        */
 /* empty css                      */
 import "../../core/config.js";
 const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }, E = { style: { "will-change": "transform", contain: "layout style" } }, I = {
   class: "py-4 px-3.5 min-w-[290px]",
   style: { "will-change": "transform", contain: "layout style" }
-}, le = /* @__PURE__ */ B({
+}, se = /* @__PURE__ */ B({
   __name: "ScreenFilter",
   props: {
     schema: {},
@@ -180,5 +181,5 @@ const A = { class: "text-gray-800! h-4! w-4! flex items-center justify-center" }
   }
 });
 export {
-  le as default
+  se as default
 };

package/components/Screen/components/ScreenEmptyState.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as C, computed as m, markRaw as k, resolveComponent as p, openBlock as n, createBlock as a, unref as h, withCtx as d, createElementBlock as o, Fragment as u, resolveDynamicComponent as w, mergeProps as i, createVNode as f, createTextVNode as y, toDisplayString as B, createCommentVNode as l } from "vue";
+import { defineComponent as p, computed as m, markRaw as k, resolveComponent as C, openBlock as n, createBlock as a, unref as h, withCtx as d, createElementBlock as o, Fragment as u, resolveDynamicComponent as w, mergeProps as i, createVNode as f, createTextVNode as s, toDisplayString as y, createCommentVNode as l } from "vue";
 import x from "../../Empty/Empty.vue.js";
-import s from "../../Button.vue.js";
+import B from "../../Button.vue.js";
 import A from "../../Modal.vue.js";
 import { $t as I } from "../../../utils/i18n.js";
-const D = ["href", "target"], $ = /* @__PURE__ */ C({
+const D = ["href", "target"], $ = /* @__PURE__ */ p({
   __name: "ScreenEmptyState",
   props: {
     emptyTitle: {},
@@ -28,8 +28,9 @@ const D = ["href", "target"], $ = /* @__PURE__ */ C({
       return r !== "vlite.screen.addNew" ? r : "Add New";
     });
     return (r, N) => {
-      const g = p("router-link");
+      const g = C("router-link");
       return n(), a(h(x), {
+        class: "py-0.5!",
         title: e.emptyTitle,
         titleI18n: e.emptyTitleI18n,
         description: e.emptyDescription,
@@ -45,14 +46,14 @@ const D = ["href", "target"], $ = /* @__PURE__ */ C({
                   body: b.value
                 }, e.addBtn.modalProps), {
                   trigger: d(() => [
-                    f(s, i({
+                    f(B, i({
                       icon: e.addBtn.icon || "fluent:add-16-filled",
                       variant: "secondary",
                       rounded: "full",
                       class: "px-6!"
                     }, e.addBtn.buttonProps), {
                       default: d(() => [
-                        y(B(c.value), 1)
+                        s(y(c.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon"])
@@ -64,12 +65,12 @@ const D = ["href", "target"], $ = /* @__PURE__ */ C({
                   class: "inline-flex"
                 }, {
                   default: d(() => [
-                    f(s, i({
+                    f(B, i({
                       icon: e.addBtn.icon || "fluent:add-16-filled",
                       variant: "secondary"
                     }, e.addBtn.buttonProps), {
                       default: d(() => [
-                        y(B(c.value), 1)
+                        s(y(c.value), 1)
                       ]),
                       _: 1
                     }, 16, ["icon"])
@@ -81,12 +82,12 @@ const D = ["href", "target"], $ = /* @__PURE__ */ C({
                   target: e.addBtn.target,
                   class: "inline-flex"
                 }, [
-                  f(s, i({
+                  f(B, i({
                     icon: e.addBtn.icon || "lucide:plus",
                     variant: "secondary"
                   }, e.addBtn.buttonProps), {
                     default: d(() => [
-                      y(B(c.value), 1)
+                      s(y(c.value), 1)
                     ]),
                     _: 1
                   }, 16, ["icon"])

package/core/config.d.ts

@@ -33,7 +33,7 @@ export declare const configState: {
         price?: {
             currency?: string;
         };
-        date?: {
+        datetime?: {
             format?: string;
         };
         empty?: {
@@ -78,7 +78,7 @@ export declare function useVLiteConfig(): {
         price?: {
             currency?: string;
         };
-        date?: {
+        datetime?: {
             format?: string;
         };
         empty?: {

package/core/config.js

@@ -1,5 +1,5 @@
-import { reactive as n, inject as c } from "vue";
-import { deepMerge as i } from "../utils/object.js";
+import { reactive as n, inject as i } from "vue";
+import { deepMerge as c } from "../utils/object.js";
 const r = /* @__PURE__ */ Symbol("vlite-config"), s = {
   services: {},
   components: {
@@ -7,7 +7,7 @@ const r = /* @__PURE__ */ Symbol("vlite-config"), s = {
     price: {
       currency: "USD"
     },
-    date: {
+    datetime: {
       format: "MM/DD/YYYY"
     },
     statusChip: {
@@ -16,16 +16,16 @@ const r = /* @__PURE__ */ Symbol("vlite-config"), s = {
     }
   }
 }, e = n({ ...s });
-function m(t) {
-  const o = i(e, t);
+function a(t) {
+  const o = c(e, t);
   Object.assign(e, o);
 }
 function u() {
-  return c(r, e);
+  return i(r, e);
 }
 export {
   r as VLITE_CONFIG_KEY,
   e as configState,
-  m as updateConfig,
+  a as updateConfig,
   u as useVLiteConfig
 };

package/core/index.js

@@ -14,9 +14,9 @@ function o(e = {}) {
           ...t.components?.price || {},
           ...e.components.price || {}
         },
-        date: {
-          ...t.components?.date || {},
-          ...e.components.date || {}
+        datetime: {
+          ...t.components?.datetime || {},
+          ...e.components.datetime || {}
         },
         empty: {
           ...t.components?.empty || {},

package/index.d.ts

@@ -75,5 +75,5 @@ export { createVLite, useVLiteConfig } from './core';
 export { GoogleSignInPlugin };
 export * from './components/StatusChip';
 export * from './components/Price';
-export * from './components/Date';
+export * from './components/DateTime';
 export * from './core/config.ts';

package/index.js

@@ -117,7 +117,7 @@ import { createVLite as Vt } from "./core/index.js";
 import { default as Yt } from "./components/StatusChip/StatusChip.vue.js";
 import { STATUS_MAP as jt, normalizeStatus as qt, resolveStatus as Wt } from "./components/StatusChip/status-map.js";
 import { default as $t } from "./components/Price/Price.vue.js";
-import { default as Zt } from "./components/Date/Date.vue.js";
+import { default as Zt } from "./components/DateTime/DateTime.vue.js";
 import { VLITE_CONFIG_KEY as oa, configState as ra, updateConfig as ta, useVLiteConfig as aa } from "./core/config.js";
 export {
   y as $t,
@@ -148,9 +148,9 @@ export {
   Eo as DataTable,
   Lo as DataTableHeader,
   Ro as DataTableRow,
-  Zt as Date,
   bt as DatePicker,
   zt as DateRangePicker,
+  Zt as DateTime,
   Me as Dropdown,
   Ge as DropdownItem,
   Ke as DropdownMenu,

package/package.json

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