vlite3 0.3.1 → 0.3.4

package/components/Form/FormField.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as N, computed as n, markRaw as P, openBlock as r, createBlock as u, mergeProps as f, toHandlers as R, createSlots as B, unref as $, withCtx as o, createVNode as C, createTextVNode as c, toDisplayString as m, createCommentVNode as L, resolveDynamicComponent as O } from "vue";
+import { defineComponent as N, computed as n, markRaw as P, openBlock as r, createBlock as f, mergeProps as u, toHandlers as S, createSlots as B, unref as R, withCtx as o, createVNode as z, createTextVNode as c, toDisplayString as m, createCommentVNode as L, resolveDynamicComponent as O } from "vue";
 import { isComponent as h, isAddonObject as p } from "./utils/form.utils.js";
 import I from "../NumberInput.vue.js";
 import v from "../Button.vue.js";
@@ -14,7 +14,7 @@ import G from "../DatePicker.vue.js";
 import J from "../ColorPicker/ColorPicker.vue.js";
 import K from "../IconPicker.vue.js";
 import M from "./CustomFields.vue.js";
-const fe = /* @__PURE__ */ N({
+const ue = /* @__PURE__ */ N({
   __name: "FormField",
   props: {
     field: {},
@@ -29,12 +29,12 @@ const fe = /* @__PURE__ */ N({
     isUpdate: { type: Boolean, default: !1 }
   },
   emits: ["change", "addonChange", "addonAction"],
-  setup(l, { emit: S }) {
-    const e = l, s = S, d = (t, a) => {
+  setup(l, { emit: $ }) {
+    const e = l, s = $, i = (t, a) => {
       s("change", { value: t, data: a });
-    }, w = (t) => {
+    }, C = (t) => {
       s("change", { value: t });
-    }, A = n(() => {
+    }, F = n(() => {
       const t = e.field.type;
       if (h(t))
         return P(t);
@@ -75,7 +75,7 @@ const fe = /* @__PURE__ */ N({
         default:
           return g;
       }
-    }), V = n(() => {
+    }), x = n(() => {
       const t = e.field.type, a = {
         disabled: e.disabled || e.field.disabled === !0,
         ...e.field.props || {}
@@ -147,17 +147,20 @@ const fe = /* @__PURE__ */ N({
         ...a,
         modelValue: e.value,
         multiSelect: e.field.props?.multiple || !1,
+        maxFiles: e.field.maxFiles || e.field.props?.maxFiles,
         fileTypes: e.field.props?.accept ? e.field.props.accept.split(",") : [],
         returnFormat: "base64",
         variant: t === "file" ? "input" : "dropzone",
         placeholder: e.field.placeholder,
         size: e.size,
-        rounded: e.rounded
+        rounded: e.rounded,
+        maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0
       } : t === "avatarUpload" ? {
         size: "2xl",
         ...a,
         modelValue: e.value,
-        editable: !e.readonly
+        editable: !e.readonly,
+        maxSize: e.field.maxFileSize ? e.field.maxFileSize * 1024 * 1024 : void 0
       } : t === "color" ? {
         ...a,
         modelValue: e.value || "#000000"
@@ -179,79 +182,79 @@ const fe = /* @__PURE__ */ N({
         value: e.value,
         values: e.values
       } : a;
-    }), b = n(() => {
+    }), V = n(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || t === "textarea" || t === "switch" || t === "check" || t === "number" || !t ? {
-        "update:modelValue": w
+        "update:modelValue": C
       } : t === "select" ? {
         onSelect: (a) => {
-          d(a.value, a.data);
+          i(a.value, a.data);
         }
       } : t === "multiSelect" ? {
-        change: (a) => d(a)
+        change: (a) => i(a)
       } : t === "date" || t === "time" ? {
-        change: (a) => d(a)
+        change: (a) => i(a)
       } : t === "fileUploader" || t === "file" ? {
         change: (a) => {
-          d(a);
+          i(a);
         },
         "update:modelValue": (a) => {
-          d(a);
+          i(a);
         }
       } : t === "avatarUpload" ? {
         change: (a) => {
-          d(a);
+          i(a);
         },
         "update:modelValue": (a) => {
-          d(a);
+          i(a);
         }
       } : t === "color" ? {
-        change: (a) => d(a)
+        change: (a) => i(a)
       } : t === "iconPicker" ? {
-        onSelect: (a) => d(a)
+        onSelect: (a) => i(a)
       } : t === "customFields" ? {
-        change: (a) => d(a)
+        change: (a) => i(a)
       } : h(t) ? {
         onChange: (a) => {
-          d(a.value, a.data);
+          i(a.value, a.data);
         }
       } : {};
-    }), z = n(() => p(e.field.addonLeft) || p(e.field.addonRight)), U = n(() => {
+    }), w = n(() => p(e.field.addonLeft) || p(e.field.addonRight)), A = n(() => {
       const t = e.field.type;
       return t === "text" || t === "email" || t === "password" || t === "tel" || t === "url" || t === "search" || !t;
-    }), F = n(() => z.value && U.value), k = (t, a) => {
+    }), U = n(() => w.value && A.value), b = (t, a) => {
       s("addonChange", t.name, { value: a.value });
-    }, x = (t) => {
+    }, k = (t) => {
       t.action && s("addonAction", t.action);
     };
-    return (t, a) => F.value ? (r(), u(g, f({ key: 0 }, {
-      ...V.value,
+    return (t, a) => U.value ? (r(), f(g, u({ key: 0 }, {
+      ...x.value,
       ...l.field?.props || {}
-    }, R(b.value)), B({ _: 2 }, [
-      $(p)(l.field.addonLeft) ? {
+    }, S(V.value)), B({ _: 2 }, [
+      R(p)(l.field.addonLeft) ? {
         name: "addon-left",
         fn: o(() => [
-          l.field.addonLeft.type === "select" ? (r(), u(y, f({
+          l.field.addonLeft.type === "select" ? (r(), f(y, u({
             key: 0,
-            modelValue: l.values[l.field.addonLeft.name],
+            modelValue: l.field.addonLeft.name ? l.values[l.field.addonLeft.name] : void 0,
             options: l.field.addonLeft.options || []
           }, l.field.addonLeft.props || {}, {
-            onOnSelect: a[0] || (a[0] = (i) => k(l.field.addonLeft, i))
+            onOnSelect: a[0] || (a[0] = (d) => b(l.field.addonLeft, d))
           }), {
-            trigger: o(({ selectedLabel: i }) => [
-              C(v, { variant: "outline" }, {
+            trigger: o(({ selectedLabel: d }) => [
+              z(v, { variant: "outline" }, {
                 default: o(() => [
-                  c(m(i), 1)
+                  c(m(d), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : l.field.addonLeft.type === "button" ? (r(), u(v, f({
+          }, 16, ["modelValue", "options"])) : l.field.addonLeft.type === "button" ? (r(), f(v, u({
             key: 1,
             variant: "outline"
           }, l.field.addonLeft.props || {}, {
-            onClick: a[1] || (a[1] = (i) => x(l.field.addonLeft))
+            onClick: a[1] || (a[1] = (d) => k(l.field.addonLeft))
           }), {
             default: o(() => [
               c(m(l.field.addonLeft.text), 1)
@@ -261,30 +264,30 @@ const fe = /* @__PURE__ */ N({
         ]),
         key: "0"
       } : void 0,
-      $(p)(l.field.addonRight) ? {
+      R(p)(l.field.addonRight) ? {
         name: "addon-right",
         fn: o(() => [
-          l.field.addonRight.type === "select" ? (r(), u(y, f({
+          l.field.addonRight.type === "select" ? (r(), f(y, u({
             key: 0,
-            modelValue: l.values[l.field.addonRight.name],
+            modelValue: l.field.addonRight.name ? l.values[l.field.addonRight.name] : void 0,
             options: l.field.addonRight.options || []
           }, l.field.addonRight.props || {}, {
-            onOnSelect: a[2] || (a[2] = (i) => k(l.field.addonRight, i))
+            onOnSelect: a[2] || (a[2] = (d) => b(l.field.addonRight, d))
           }), {
-            trigger: o(({ selectedLabel: i }) => [
-              C(v, { variant: "outline" }, {
+            trigger: o(({ selectedLabel: d }) => [
+              z(v, { variant: "outline" }, {
                 default: o(() => [
-                  c(m(i), 1)
+                  c(m(d), 1)
                 ]),
                 _: 2
               }, 1024)
             ]),
             _: 1
-          }, 16, ["modelValue", "options"])) : l.field.addonRight.type === "button" ? (r(), u(v, f({
+          }, 16, ["modelValue", "options"])) : l.field.addonRight.type === "button" ? (r(), f(v, u({
             key: 1,
             variant: "outline"
           }, l.field.addonRight.props || {}, {
-            onClick: a[3] || (a[3] = (i) => x(l.field.addonRight))
+            onClick: a[3] || (a[3] = (d) => k(l.field.addonRight))
           }), {
             default: o(() => [
               c(m(l.field.addonRight.text), 1)
@@ -294,12 +297,12 @@ const fe = /* @__PURE__ */ N({
         ]),
         key: "1"
       } : void 0
-    ]), 1040)) : (r(), u(O(A.value), f({ key: 1 }, {
-      ...V.value,
+    ]), 1040)) : (r(), f(O(F.value), u({ key: 1 }, {
+      ...x.value,
       ...l.field?.props || {}
-    }, R(b.value)), null, 16));
+    }, S(V.value)), null, 16));
   }
 });
 export {
-  fe as default
+  ue as default
 };

package/components/Form/composables/useForm.js

@@ -1,115 +1,132 @@
-import { ref as d, computed as H, watch as J } from "vue";
-import { initializeFormValues as O, deepClone as f, getNestedValue as z, evaluateConditional as b, setNestedValue as w, collectFileFields as K, filterNullCustomFields as L } from "../utils/form.utils.js";
-import { useFileUpload as M } from "./useFileUpload.js";
-function ee(I) {
-  const { schema: n, values: A, isUpdate: v = !1, folderId: g, onSubmit: U } = I, { handleUploadFile: E } = M(), t = d(O(n, A)), r = d({}), F = d(!1), c = d(!1), y = d(f(t.value)), m = H(() => n ? Array.isArray(n[0]) ? n.flat() : n : []);
-  J(
-    () => A,
+import { ref as d, computed as G, watch as H } from "vue";
+import { initializeFormValues as q, deepClone as v, getNestedValue as B, evaluateConditional as A, setNestedValue as S, collectFileFields as J, filterNullCustomFields as K } from "../utils/form.utils.js";
+import { useFileUpload as L } from "./useFileUpload.js";
+function ee(D) {
+  const { schema: u, values: w, isUpdate: m = !1, folderId: x, onSubmit: g } = D, { handleUploadFile: z } = L(), t = d(q(u, w)), n = d({}), y = d(!1), f = d(!1), h = d(v(t.value)), p = G(() => u ? Array.isArray(u[0]) ? u.flat() : u : []);
+  H(
+    () => w,
     (e) => {
-      e && (t.value = O(n, e), y.value = f(t.value), c.value = !1);
+      e && (t.value = q(u, e), h.value = v(t.value), f.value = !1);
     },
     { deep: !0 }
   );
-  const h = () => ({
+  const b = () => ({
     values: t.value,
-    isUpdate: v
-  }), S = (e) => z(t.value, e), R = (e) => r.value[e] || "", C = (e, a) => {
-    a ? r.value[e] = a : delete r.value[e];
+    isUpdate: m
+  }), U = (e) => B(t.value, e), M = (e) => n.value[e] || "", E = (e, a) => {
+    a ? n.value[e] = a : delete n.value[e];
   }, V = () => {
-    r.value = {};
-  }, j = (e) => e.when ? b(e.when, h()) : !0, P = (e) => b(e.disabled, h()), $ = (e) => b(e.readonly, h()), N = (e) => {
-    const a = S(e.name);
+    n.value = {};
+  }, C = (e) => e.when ? A(e.when, b()) : !0, j = (e) => A(e.disabled, b()), O = (e) => A(e.readonly, b()), P = (e) => {
+    const a = U(e.name);
     let l = "";
-    return e.required && (a == null || a === "" || Array.isArray(a) && a.length === 0) && (l = `${e.label || e.name} is required`), !l && e.validation && (l = e.validation({
+    if (e.required && (a == null || a === "" || Array.isArray(a) && a.length === 0) && (l = `${e.label || e.name} is required`), !l && e.maxFileSize) {
+      const r = e.maxFileSize * 1024 * 1024;
+      if (a != null && a !== "") {
+        const s = Array.isArray(a) ? a : [a];
+        for (const o of s) {
+          const i = o instanceof File ? o.size : o?.fileSize || o?.file?.size || o?.size;
+          if (i !== void 0 && i > r) {
+            l = `${e.label || e.name} size must be less than ${e.maxFileSize}MB`;
+            break;
+          }
+        }
+      }
+    }
+    if (!l && (e.type === "file" || e.type === "fileUploader") && (e.props?.multiple || e.maxFiles)) {
+      const r = e.maxFiles || e.props?.maxFiles;
+      r && Array.isArray(a) && a.length > r && (l = `Maximum ${r} files allowed`);
+    }
+    return !l && e.validation && (l = e.validation({
       value: a,
       values: t.value,
-      isUpdate: v
-    })), l ? r.value[e.name] = l : delete r.value[e.name], l;
-  }, q = () => {
+      isUpdate: m
+    })), l ? n.value[e.name] = l : delete n.value[e.name], l;
+  }, $ = () => {
     V();
     let e = !0;
-    for (const a of m.value) {
-      if (!j(a) || P(a)) continue;
-      N(a) && (e = !1);
+    for (const a of p.value) {
+      if (!C(a) || j(a)) continue;
+      P(a) && (e = !1);
     }
     return e;
   }, k = (e, a, l) => {
-    t.value = w(t.value, e, a), c.value = !0, delete r.value[e];
-    const o = m.value.find((s) => s.name === e);
-    if (o?.updateValues) {
-      const s = o.updateValues({
+    t.value = S(t.value, e, a), f.value = !0, delete n.value[e];
+    const r = p.value.find((s) => s.name === e);
+    if (r?.updateValues) {
+      const s = r.updateValues({
         values: t.value,
         data: l,
-        isUpdate: v,
-        updateError: C
+        isUpdate: m,
+        updateError: E
       });
       s && typeof s == "object" && (t.value = { ...t.value, ...s });
     }
-  }, B = async () => {
-    const e = f(t.value), l = K(n, e).map(async (s) => {
-      const { name: x, value: i } = s;
+  }, I = async () => {
+    const e = v(t.value), l = J(u, e).map(async (s) => {
+      const { name: o, value: i } = s;
       if (Array.isArray(i)) {
-        const D = i.map(async (u) => u instanceof File || u && typeof u == "object" && u.file instanceof File ? await E(u, g) || null : u), p = await Promise.all(D);
-        return { name: x, value: p };
+        const N = i.map(async (c) => c instanceof File || c && typeof c == "object" && c.file instanceof File ? await z(c, x) || null : c), F = await Promise.all(N);
+        return { name: o, value: F };
       } else {
         if (i instanceof File || i && typeof i == "object" && i.file instanceof File) {
-          const p = await E(i, g);
-          if (p)
-            return { name: x, value: p };
+          const F = await z(i, x);
+          if (F)
+            return { name: o, value: F };
         }
         return null;
       }
     });
     return (await Promise.all(l)).forEach((s) => {
-      s && Object.assign(e, w(e, s.name, s.value));
+      s && Object.assign(e, S(e, s.name, s.value));
     }), e;
-  }, G = (e) => {
+  }, R = (e) => {
     const a = { ...e };
-    for (const l of m.value)
+    for (const l of p.value)
       if (l.type === "customFields" && l.props?.schema) {
-        const o = z(a, l.name);
-        if (Array.isArray(o)) {
-          const s = L(o, l.props.schema);
-          Object.assign(a, w(a, l.name, s));
+        const r = B(a, l.name);
+        if (Array.isArray(r)) {
+          const s = K(r, l.props.schema);
+          Object.assign(a, S(a, l.name, s));
         }
       }
     return a;
   };
   return {
     formValues: t,
-    errors: r,
-    isSubmitting: F,
-    isDirty: c,
+    errors: n,
+    isSubmitting: y,
+    isDirty: f,
     handleFieldChange: k,
-    validateField: N,
-    validateAll: q,
-    isFieldVisible: j,
-    isFieldDisabled: P,
-    isFieldReadonly: $,
-    getFieldValue: S,
-    getFieldError: R,
-    setFieldError: C,
+    validateField: P,
+    validateAll: $,
+    isFieldVisible: C,
+    isFieldDisabled: j,
+    isFieldReadonly: O,
+    getFieldValue: U,
+    getFieldError: M,
+    setFieldError: E,
     clearErrors: V,
     resetForm: () => {
-      t.value = f(y.value), V(), c.value = !1;
+      t.value = v(h.value), V(), f.value = !1;
     },
     handleSubmit: async () => {
-      if (q()) {
-        F.value = !0;
+      if ($()) {
+        y.value = !0;
         try {
-          let a = await B();
-          a = G(a), U && await U({
+          let a = await I();
+          a = R(a), g && await g({
             values: a,
-            isUpdate: v
-          }), c.value = !1, y.value = f(a);
+            isUpdate: m
+          }), f.value = !1, h.value = v(a);
         } catch (a) {
           throw console.error("[useForm] Submit error:", a), a;
         } finally {
-          F.value = !1;
+          y.value = !1;
         }
       }
     },
-    flatSchema: m
+    flatSchema: p
   };
 }
 export {

package/components/Form/types.d.ts

@@ -113,6 +113,10 @@ export interface IForm {
     min?: number;
     /** Max value for number inputs */
     max?: number;
+    /** Maximum file size in MB for file/avatar uploads */
+    maxFileSize?: number;
+    /** Maximum number of files allowed when multiple is true */
+    maxFiles?: number;
     /** i18n keys */
     labelI8n?: string;
     placeholderI8n?: string;

package/components/ThemeToggle.vue.d.ts

@@ -1,3 +1,10 @@
+import { ButtonRounded, ButtonSize, ButtonVariant } from '../types';
+type __VLS_Props = {
+    class?: string;
+    rounded?: ButtonRounded;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -10,7 +17,7 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/components/ThemeToggle.vue.js

@@ -1,23 +1,32 @@
-import { defineComponent as i, renderSlot as m, unref as e, createVNode as r } from "vue";
-import { useTheme as l } from "../composables/useTheme.js";
+import { defineComponent as a, renderSlot as l, unref as e, createVNode as r, normalizeClass as s } from "vue";
+import { useTheme as m } from "../composables/useTheme.js";
 import c from "./Button.vue.js";
-const f = /* @__PURE__ */ i({
+const g = /* @__PURE__ */ a({
   __name: "ThemeToggle",
-  setup(a) {
-    const { theme: t, toggleTheme: o } = l();
-    return (n, h) => m(n.$slots, "default", {
-      toggleTheme: e(o),
-      theme: e(t)
+  props: {
+    class: {},
+    rounded: {},
+    size: {},
+    variant: {}
+  },
+  setup(t) {
+    const { theme: o, toggleTheme: n } = m();
+    return (i, d) => l(i.$slots, "default", {
+      toggleTheme: e(n),
+      theme: e(o)
     }, () => [
       r(c, {
-        icon: e(t) === "light" ? "lucide:sun" : "lucide:moon",
-        variant: "secondary",
-        title: e(t) === "light" ? "Switch to dark mode" : "Switch to light mode",
-        onClick: e(o)
-      }, null, 8, ["icon", "title", "onClick"])
+        icon: e(o) === "light" ? "lucide:sun" : "lucide:moon",
+        variant: t.variant || "secondary",
+        rounded: t.rounded || "md",
+        size: t.size,
+        class: s(t.class),
+        title: e(o) === "light" ? "Switch to dark mode" : "Switch to light mode",
+        onClick: e(n)
+      }, null, 8, ["icon", "variant", "rounded", "size", "class", "title", "onClick"])
     ]);
   }
 });
 export {
-  f as default
+  g as default
 };

package/index.d.ts

@@ -55,3 +55,4 @@ export { createVLite, useVLiteConfig } from './core';
 export { GoogleSignInPlugin };
 export * from './utils';
 export * from './types';
+export * from './components/DataList';

package/index.js

@@ -10,7 +10,7 @@ import { default as S } from "./components/Badge.vue.js";
 import { default as P } from "./components/Button.vue.js";
 import { default as v } from "./components/ButtonGroup.vue.js";
 import { default as C } from "./components/Carousel/Carousel.vue.js";
-import { default as D } from "./components/CheckBox.vue.js";
+import { default as F } from "./components/CheckBox.vue.js";
 import { default as y } from "./components/Chip/Chip.vue.js";
 import { default as k } from "./components/ChoiceBox/ChoiceBox.vue.js";
 import { default as M } from "./components/ColorPicker/ColorPicker.vue.js";
@@ -37,7 +37,7 @@ import { useForm as Se } from "./components/Form/composables/useForm.js";
 import { useFileUpload as Pe } from "./components/Form/composables/useFileUpload.js";
 import { default as ve } from "./components/Heatmap/Heatmap.vue.js";
 import { default as Ce } from "./components/Icon.vue.js";
-import { default as De } from "./components/IconPicker.vue.js";
+import { default as Fe } from "./components/IconPicker.vue.js";
 import { default as ye } from "./components/Input.vue.js";
 import { default as ke } from "./components/Kanban/Kanban.vue.js";
 import { default as Me } from "./components/Kanban/KanbanBoard.vue.js";
@@ -64,7 +64,7 @@ import { default as bo } from "./components/Slider.vue.js";
 import { default as Io } from "./components/Spinner/Spinner.vue.js";
 import { default as ho } from "./components/Switch.vue.js";
 import { default as Ao } from "./components/Tabes/Tabes.vue.js";
-import { default as Fo } from "./components/Textarea.vue.js";
+import { default as Do } from "./components/Textarea.vue.js";
 import { default as wo } from "./components/ThemeToggle.vue.js";
 import { default as No } from "./components/Timeline.vue.js";
 import { default as Bo } from "./components/ToastNotification.vue.js";
@@ -80,9 +80,10 @@ import { vScrollReveal as tr } from "./directives/vScrollReveal.js";
 import { createVLite as fr } from "./core/index.js";
 import { deepMerge as mr } from "./utils/object.js";
 import { camelCase as dr, capitalize as sr, copyToClipboard as ur, debounce as xr, delay as ir, downloadFile as nr, flattenArray as cr, formatCurrency as Tr, getUniqueId as gr, isAppleDevice as br, isEmpty as Sr, randomNumber as Ir, removeExtraProperties as Pr, slugify as hr, throttle as vr, truncate as Ar } from "./utils/functions.js";
-import { lazySearch as Fr, resetSearchIndex as Dr, search as wr } from "./utils/search.util.js";
+import { lazySearch as Dr, resetSearchIndex as Fr, search as wr } from "./utils/search.util.js";
 import { env as Nr } from "./utils/env.js";
-import { useVLiteConfig as Br } from "./core/config.js";
+import { default as Br } from "./components/DataList/DataList.vue.js";
+import { useVLiteConfig as Kr } from "./core/config.js";
 export {
   f as Accordion,
   u as AccordionContent,
@@ -95,12 +96,13 @@ export {
   P as Button,
   v as ButtonGroup,
   C as Carousel,
-  D as CheckBox,
+  F as CheckBox,
   y as Chip,
   k as ChoiceBox,
   M as ColorPicker,
   L as ConfirmationModal,
   ge as CustomFields,
+  Br as DataList,
   O as DataTable,
   z as DataTableHeader,
   V as DataTableRow,
@@ -119,7 +121,7 @@ export {
   t as GoogleSignInPlugin,
   ve as Heatmap,
   Ce as Icon,
-  De as IconPicker,
+  Fe as IconPicker,
   ye as Input,
   ke as Kanban,
   Me as KanbanBoard,
@@ -146,7 +148,7 @@ export {
   Io as Spinner,
   ho as Switch,
   Ao as Tabes,
-  Fo as Textarea,
+  Do as Textarea,
   wo as ThemeToggle,
   No as Timeline,
   Bo as ToastNotification,
@@ -167,12 +169,12 @@ export {
   gr as getUniqueId,
   br as isAppleDevice,
   Sr as isEmpty,
-  Fr as lazySearch,
+  Dr as lazySearch,
   Wo as pauseTimers,
   Ir as randomNumber,
   Pr as removeExtraProperties,
   Yo as removeToast,
-  Dr as resetSearchIndex,
+  Fr as resetSearchIndex,
   _o as resumeTimers,
   wr as search,
   jo as showToast,
@@ -190,6 +192,6 @@ export {
   Qo as useNotifications,
   Zo as useTheme,
   de as useTreeSelection,
-  Br as useVLiteConfig,
+  Kr as useVLiteConfig,
   tr as vScrollReveal
 };

package/package.json

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