vlite3 0.1.8 → 0.1.10

package/README.md

@@ -73,6 +73,7 @@ You can customize these colors in your CSS by overriding the variables in `:root
 | `--secondary`              | `bg-secondary`                | Secondary background    | Used for secondary actions or muted sections.                               |
 | `--secondary-foreground`   | `text-secondary-foreground`   | Secondary text color    | Text color for content on top of secondary background.                      |
 | `--muted`                  | `bg-muted`                    | Muted background        | Subtle backgrounds (e.g., table headers, disabled states).                  |
+| `--muted`                  | `text-muted`                  | Muted Text              | Secondary text, Unactive Link, description.                                 |
 | `--muted-foreground`       | `text-muted-foreground`       | Muted text color        | Secondary text, hints, placeholders.                                        |
 | `--accent`                 | `bg-accent`                   | Accent background       | Used for hover states, selection highlights.                                |
 | `--accent-foreground`      | `text-accent-foreground`      | Accent text color       | Text color on accent backgrounds.                                           |

package/components/ConfirmationModal.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as f, openBlock as m, createBlock as u, withCtx as a, createElementVNode as x, createVNode as d, renderSlot as r } from "vue";
+import { defineComponent as f, openBlock as m, createBlock as u, withCtx as a, createElementVNode as x, createVNode as r, renderSlot as d } from "vue";
 import g from "./Modal.vue.js";
-import s from "./Button.vue.js";
-const w = { class: "flex w-full items-center justify-end space-x-2 pt-4" }, p = /* @__PURE__ */ f({
+import c from "./Button.vue.js";
+const w = { class: "flex w-full items-center justify-end space-x-2" }, k = /* @__PURE__ */ f({
   __name: "ConfirmationModal",
   props: {
     show: { type: Boolean, default: !1 },
@@ -13,36 +13,39 @@ const w = { class: "flex w-full items-center justify-end space-x-2 pt-4" }, p =
     variant: { default: "danger" }
   },
   emits: ["cancel", "confirm"],
-  setup(e, { emit: c }) {
-    const i = c, n = () => {
+  setup(e, { emit: s }) {
+    const i = s, n = () => {
       i("cancel");
     };
     return (l, t) => (m(), u(g, {
       show: e.show,
       title: e.title,
       description: e.description,
+      footerClass: "border-t-0! pt-0! pb-3.5!",
       "max-width": "max-w-[400px]",
       onClose: n,
       "onUpdate:show": t[1] || (t[1] = (o) => !o && n())
     }, {
       trigger: a(() => [
-        r(l.$slots, "trigger", {}, () => [
-          r(l.$slots, "default")
+        d(l.$slots, "trigger", {}, () => [
+          d(l.$slots, "default")
         ])
       ]),
-      default: a(() => [
+      footer: a(({ close: o }) => [
         x("div", w, [
-          d(s, {
+          r(c, {
             variant: "outline",
             text: e.cancelText,
             disabled: e.loading,
-            onClick: n
-          }, null, 8, ["text", "disabled"]),
-          d(s, {
+            onClick: () => {
+              o?.(), n?.();
+            }
+          }, null, 8, ["text", "disabled", "onClick"]),
+          r(c, {
             variant: e.variant,
             text: e.confirmText,
             loading: e.loading,
-            onClick: t[0] || (t[0] = (o) => i("confirm"))
+            onClick: t[0] || (t[0] = (C) => i("confirm"))
           }, null, 8, ["variant", "text", "loading"])
         ])
       ]),
@@ -51,5 +54,5 @@ const w = { class: "flex w-full items-center justify-end space-x-2 pt-4" }, p =
   }
 });
 export {
-  p as default
+  k as default
 };

package/components/Dropdown/Dropdown.vue.d.ts

@@ -1,4 +1,4 @@
-import { IDropdownOptions, IDropdownOption } from '../../types/styles';
+import { IDropdownOptions, IDropdownOption } from '../../types';
 import { TooltTipPlacement } from 'v-tooltip-lite/types';
 type __VLS_Props = {
     selected?: any;

package/components/Dropdown/Dropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as z, ref as d, computed as C, watch as $, reactive as D, toRefs as R, openBlock as S, createElementBlock as j, normalizeStyle as E, createVNode as h, unref as v, withCtx as r, renderSlot as c, createBlock as U, normalizeClass as q, createSlots as F, normalizeProps as k, guardReactiveProps as w, createCommentVNode as G } from "vue";
+import { defineComponent as z, ref as d, computed as C, watch as $, reactive as D, toRefs as R, openBlock as k, createElementBlock as j, normalizeStyle as E, createVNode as h, unref as v, withCtx as r, renderSlot as c, createBlock as U, normalizeClass as q, createSlots as F, normalizeProps as S, guardReactiveProps as w, createCommentVNode as G } from "vue";
 import J from "v-tooltip-lite";
 import "v-tooltip-lite/style.css";
 import K from "./DropdownMenu.vue.js";
@@ -48,15 +48,15 @@ const se = /* @__PURE__ */ z({
       confirmText: "Confirm",
       cancelText: "Cancel",
       variant: "primary"
-    }), I = C(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), T = C(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), p = d(l.isOpen || !1);
+    }), I = C(() => l.position ? l.position : l.direction === "rtl" ? "bottom-end" : "bottom-start"), T = C(() => l.nestedPosition ? l.nestedPosition : l.direction === "rtl" ? "left-start" : "right-start"), y = d(l.isOpen || !1);
     $(
       () => l.isOpen,
       (e) => {
-        e !== void 0 && (p.value = e);
+        e !== void 0 && (y.value = e);
       }
     );
     const O = (e) => {
-      p.value = e, f("update:isOpen", e), f(e ? "onOpen" : "onClose");
+      y.value = e, f("update:isOpen", e), f(e ? "onOpen" : "onClose");
     }, s = d([]);
     $(
       () => l.options,
@@ -95,17 +95,17 @@ const se = /* @__PURE__ */ z({
         confirmText: "Confirm",
         cancelText: "Cancel",
         variant: "primary"
-      }, m.value = !0, y()) : (b(e), l.closeOnSelect && y());
+      }, m.value = !0, p()) : (b(e), l.closeOnSelect && p());
     }, b = (e) => {
       M(e);
     }, A = () => {
       u.value && (b(u.value), u.value = null, m.value = !1);
     }, V = () => {
       u.value = null, m.value = !1;
-    }, y = () => {
+    }, p = () => {
       O(!1);
     };
-    return (e, n) => (S(), j("div", {
+    return (e, n) => (k(), j("div", {
       class: "relative inline-block text-left",
       style: E({ direction: t.direction })
     }, [
@@ -116,7 +116,7 @@ const se = /* @__PURE__ */ z({
         teleport: t.teleport,
         offset: t.offset,
         placement: I.value,
-        isOpen: p.value,
+        isOpen: y.value,
         menuId: t.menuId,
         ignoreClickOutside: H.value,
         class: "w-full",
@@ -128,7 +128,7 @@ const se = /* @__PURE__ */ z({
         styles: { padding: "0" }
       }, {
         trigger: r(({ isOpen: o }) => [
-          c(e.$slots, "trigger", k(w({ selectedLabel: v(g), isOpen: o })), () => [
+          c(e.$slots, "trigger", S(w({ selectedLabel: v(g), isOpen: o })), () => [
             h(Q, {
               "selected-label": v(g),
               "is-open": o,
@@ -139,7 +139,7 @@ const se = /* @__PURE__ */ z({
         ]),
         default: r(() => [
           c(e.$slots, "default"),
-          t.options?.length || s.value.length || e.$slots.menu || e.$slots.item || t.remote || t.searchable ? (S(), U(K, {
+          t.options?.length || s.value.length || e.$slots.menu || e.$slots.item || t.remote || t.searchable ? (k(), U(K, {
             key: 0,
             options: t.options,
             cachedOptions: s.value,
@@ -158,31 +158,37 @@ const se = /* @__PURE__ */ z({
             searchable: t.searchable,
             remote: t.remote,
             onSelect: L,
-            onClose: y,
+            onClose: p,
             onLoadMore: n[0] || (n[0] = (o) => e.$emit("load-more")),
             onSearch: n[1] || (n[1] = (o) => e.$emit("search", o))
-          }, F({
-            menu: r(() => [
-              c(e.$slots, "menu")
-            ]),
-            item: r((o) => [
-              c(e.$slots, "item", k(w(o)))
-            ]),
-            _: 2
-          }, [
+          }, F({ _: 2 }, [
+            e.$slots.menu ? {
+              name: "menu",
+              fn: r(() => [
+                c(e.$slots, "menu")
+              ]),
+              key: "0"
+            } : void 0,
+            e.$slots.item ? {
+              name: "item",
+              fn: r((o) => [
+                c(e.$slots, "item", S(w(o)))
+              ]),
+              key: "1"
+            } : void 0,
             e.$slots.header ? {
               name: "header",
               fn: r(() => [
                 c(e.$slots, "header")
               ]),
-              key: "0"
+              key: "2"
             } : void 0,
             e.$slots.footer ? {
               name: "footer",
               fn: r(() => [
                 c(e.$slots, "footer")
               ]),
-              key: "1"
+              key: "3"
             } : void 0
           ]), 1032, ["options", "cachedOptions", "class", "selected", "selectedIndex", "maxHeight", "nestedPosition", "nestedOffset", "selectable", "direction", "layout", "columns", "loading", "hasMore", "searchable", "remote"])) : G("", !0)
         ]),

package/components/Dropdown/DropdownMenu.vue.js

@@ -1,30 +1,30 @@
-import { defineComponent as G, defineAsyncComponent as J, ref as B, computed as I, watch as C, toRef as Q, onMounted as W, onBeforeUnmount as X, openBlock as o, createElementBlock as c, createVNode as p, createCommentVNode as u, renderSlot as v, createElementVNode as g, unref as n, normalizeStyle as Y, normalizeClass as T, createBlock as m, Fragment as _, renderList as Z, withCtx as N, toDisplayString as ee, mergeProps as te, nextTick as le } from "vue";
-import M from "../Icon.vue.js";
-import se from "../Input.vue.js";
-import oe from "./DropdownItem.vue.js";
-import ne from "./DropdownBooleanItem.vue.js";
-import re from "./DropdownGroupedLayout.vue.js";
-import { useDropdownNavigation as de } from "./composables/useDropdownNavigation.js";
-import { useDropdownIds as ce } from "./composables/useDropdownIds.js";
-const ae = ["dir"], ie = {
+import { defineComponent as G, defineAsyncComponent as J, ref as B, computed as I, watch as C, toRef as Q, onMounted as W, onBeforeUnmount as X, openBlock as o, createElementBlock as c, createVNode as p, createCommentVNode as u, renderSlot as v, createElementVNode as g, unref as n, normalizeStyle as Y, normalizeClass as T, createBlock as m, Fragment as N, renderList as Z, withCtx as V, toDisplayString as ee, createSlots as te, mergeProps as le, nextTick as se } from "vue";
+import S from "../Icon.vue.js";
+import oe from "../Input.vue.js";
+import ne from "./DropdownItem.vue.js";
+import re from "./DropdownBooleanItem.vue.js";
+import de from "./DropdownGroupedLayout.vue.js";
+import { useDropdownNavigation as ce } from "./composables/useDropdownNavigation.js";
+import { useDropdownIds as ae } from "./composables/useDropdownIds.js";
+const ie = ["dir"], ue = {
   key: 0,
   class: "bg-body border-b mb-1 z-10 rounded-t-md shrink-0"
-}, ue = {
+}, fe = {
   key: 1,
   class: "shrink-0"
-}, fe = {
+}, me = {
   key: 0,
   class: "px-2 py-6 text-center text-sm text-muted-foreground"
-}, me = {
+}, he = {
   key: 0,
   class: "h-px bg-border my-1 mx-1"
-}, he = ["onMouseenter"], ye = { class: "flex items-center gap-2 flex-1 min-w-0" }, ve = { class: "truncate" }, ge = {
+}, ye = ["onMouseenter"], ve = { class: "flex items-center gap-2 flex-1 min-w-0" }, ge = { class: "truncate" }, ke = {
   key: 3,
   class: "flex justify-center py-2"
-}, ke = {
+}, be = {
   key: 2,
   class: "shrink-0 border-t mt-1 pt-1"
-}, Be = /* @__PURE__ */ G({
+}, Ie = /* @__PURE__ */ G({
   __name: "DropdownMenu",
   props: {
     options: { default: () => [] },
@@ -45,8 +45,8 @@ const ae = ["dir"], ie = {
     direction: { default: "ltr" }
   },
   emits: ["select", "close", "load-more", "search"],
-  setup(r, { emit: V }) {
-    const j = J(() => import("./Dropdown.vue2.js")), t = r, i = V, S = B(null), f = B(""), { getMenuId: D, getAllRecursiveIds: E } = ce(), P = I(() => t.remote ? t.searchable : t.searchable && (t.options?.length || 0) > 9);
+  setup(r, { emit: _ }) {
+    const j = J(() => import("./Dropdown.vue2.js")), t = r, i = _, M = B(null), f = B(""), { getMenuId: D, getAllRecursiveIds: E } = ae(), P = I(() => t.remote ? t.searchable : t.searchable && (t.options?.length || 0) > 9);
     let k = null;
     C(f, (e) => {
       t.remote && (k && clearTimeout(k), k = setTimeout(() => {
@@ -63,14 +63,14 @@ const ae = ["dir"], ie = {
       isKeyboardMode: w,
       filteredOptions: R,
       // rename
-      handleKeyDown: O,
-      handleMouseMove: $,
+      handleKeyDown: $,
+      handleMouseMove: O,
       onMouseEnterItem: x,
       scrollToIndex: z
-    } = de({
+    } = ce({
       options: Q(t, "options"),
       searchQuery: f,
-      containerRef: S,
+      containerRef: M,
       emit: (e, ...s) => i(e, ...s),
       handleSelect: (e, s) => b(e)
     }), y = I(() => t.remote ? f.value ? t.options : t.cachedOptions.length ? t.cachedOptions : t.options : R.value), A = (e) => {
@@ -96,7 +96,7 @@ const ae = ["dir"], ie = {
       };
       i("select", d);
     }, q = async () => {
-      await le();
+      await se();
       let e = -1;
       t.layout !== "grouped" && (t.selectedIndex !== null && t.selectedIndex >= 0 ? e = t.selectedIndex : t.selected !== void 0 && typeof t.selected != "object" && (e = t.options.findIndex((s) => s.value === t.selected)), e !== -1 && z(e));
     };
@@ -106,15 +106,15 @@ const ae = ["dir"], ie = {
         h.value = -1;
       }
     ), W(() => {
-      q(), window.addEventListener("keydown", O);
+      q(), window.addEventListener("keydown", $);
     }), X(() => {
-      window.removeEventListener("keydown", O);
+      window.removeEventListener("keydown", $);
     }), (e, s) => (o(), c("div", {
       class: "dropdown-menu w-full min-w-[150px] flex flex-col",
       dir: r.direction
     }, [
-      P.value ? (o(), c("div", ie, [
-        p(se, {
+      P.value ? (o(), c("div", ue, [
+        p(oe, {
           modelValue: f.value,
           "onUpdate:modelValue": s[0] || (s[0] = (l) => f.value = l),
           placeholder: "Search...",
@@ -125,12 +125,12 @@ const ae = ["dir"], ie = {
           "show-clear-button": !1
         }, null, 8, ["modelValue"])
       ])) : u("", !0),
-      e.$slots.header ? (o(), c("div", ue, [
+      e.$slots.header ? (o(), c("div", fe, [
         v(e.$slots, "header")
       ])) : u("", !0),
       g("div", {
         ref_key: "containerRef",
-        ref: S,
+        ref: M,
         tabindex: "0",
         role: "menu",
         class: T([
@@ -139,19 +139,19 @@ const ae = ["dir"], ie = {
         ]),
         style: Y({ maxHeight: t.maxHeight }),
         onMousemove: s[1] || (s[1] = //@ts-ignore
-        (...l) => n($) && n($)(...l)),
+        (...l) => n(O) && n(O)(...l)),
         onScroll: H
       }, [
-        y.value.length === 0 && r.options?.length > 0 && !r.loading ? (o(), c("div", fe, " No options found ")) : u("", !0),
-        r.layout === "grouped" ? (o(), m(re, {
+        y.value.length === 0 && r.options?.length > 0 && !r.loading ? (o(), c("div", me, " No options found ")) : u("", !0),
+        r.layout === "grouped" ? (o(), m(de, {
           key: 1,
           options: y.value,
           selected: r.selected,
           selectable: r.selectable,
           columns: r.columns,
           onSelect: b
-        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), c(_, { key: 2 }, Z(y.value, (l, d) => (o(), c(_, { key: d }, [
-          l.label === "---" ? (o(), c("div", me)) : l.data?.isBoolean ? (o(), m(ne, {
+        }, null, 8, ["options", "selected", "selectable", "columns"])) : (o(!0), c(N, { key: 2 }, Z(y.value, (l, d) => (o(), c(N, { key: d }, [
+          l.label === "---" ? (o(), c("div", he)) : l.data?.isBoolean ? (o(), m(re, {
             key: 1,
             option: l,
             value: F(l),
@@ -173,7 +173,7 @@ const ae = ["dir"], ie = {
             direction: r.direction,
             onOnSelect: (a) => U(l, a)
           }, {
-            trigger: N(() => [
+            trigger: V(() => [
               g("div", {
                 "data-dropdown-item": "",
                 class: T(["relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none transition-colors justify-between w-full", [
@@ -182,22 +182,22 @@ const ae = ["dir"], ie = {
                 ]]),
                 onMouseenter: (a) => n(x)(d)
               }, [
-                g("div", ye, [
-                  l.icon ? (o(), m(M, {
+                g("div", ve, [
+                  l.icon ? (o(), m(S, {
                     key: 0,
                     icon: l.icon,
                     class: "mr-2 h-4 w-4 shrink-0 mt-0.5"
                   }, null, 8, ["icon"])) : u("", !0),
-                  g("span", ve, ee(l.label), 1)
+                  g("span", ge, ee(l.label), 1)
                 ]),
-                p(M, {
+                p(S, {
                   icon: r.direction === "rtl" ? "lucide:chevron-left" : "lucide:chevron-right",
                   class: "h-4 w-4 text-muted-foreground shrink-0 ml-2"
                 }, null, 8, ["icon"])
-              ], 42, he)
+              ], 42, ye)
             ]),
             _: 2
-          }, 1032, ["position", "offset", "options", "selected", "menuId", "nestedPosition", "nestedOffset", "selectable", "ignoreClickOutside", "direction", "onOnSelect"])) : (o(), m(oe, {
+          }, 1032, ["position", "offset", "options", "selected", "menuId", "nestedPosition", "nestedOffset", "selectable", "ignoreClickOutside", "direction", "onOnSelect"])) : (o(), m(ne, {
             key: 3,
             option: l,
             index: d,
@@ -206,27 +206,30 @@ const ae = ["dir"], ie = {
             selectable: r.selectable,
             onClick: (a) => b(l),
             onMouseenter: (a) => n(x)(d)
-          }, {
-            default: N((a) => [
-              v(e.$slots, "item", te({ ref_for: !0 }, a))
-            ]),
-            _: 3
-          }, 8, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
+          }, te({ _: 2 }, [
+            e.$slots.item ? {
+              name: "default",
+              fn: V((a) => [
+                v(e.$slots, "item", le({ ref_for: !0 }, a))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["option", "index", "selected", "focused", "selectable", "onClick", "onMouseenter"]))
         ], 64))), 128)),
-        r.loading ? (o(), c("div", ge, [
-          p(M, {
+        r.loading ? (o(), c("div", ke, [
+          p(S, {
             icon: "lucide:loader-2",
             class: "w-4 h-4 animate-spin text-muted-foreground"
           })
         ])) : u("", !0),
         v(e.$slots, "menu")
       ], 38),
-      e.$slots.footer ? (o(), c("div", ke, [
+      e.$slots.footer ? (o(), c("div", be, [
         v(e.$slots, "footer")
       ])) : u("", !0)
-    ], 8, ae));
+    ], 8, ie));
   }
 });
 export {
-  Be as default
+  Ie as default
 };

package/components/Form/Form.vue.js

@@ -1,7 +1,7 @@
 import o from "./Form.vue2.js";
 /* empty css          */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9ccf0187"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-353f6094"]]);
 export {
-  f as default
+  p as default
 };

package/components/Form/Form.vue2.js

@@ -204,7 +204,7 @@ const le = {
         class: h([
           "form-footer flex items-center justify-end gap-3",
           e.footerClass,
-          $.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border -mx-4 px-4  mt-4" : "mt-6"
+          $.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border/40 -mx-4 px-4  mt-4" : "mt-6"
         ])
       }, [
         G.value ? (s(), p(N, {

package/components/Form/FormField.vue.js

@@ -1,12 +1,13 @@
-import { defineComponent as k, defineAsyncComponent as t, computed as i, markRaw as V, openBlock as w, createBlock as x, resolveDynamicComponent as C, mergeProps as P, toHandlers as U } from "vue";
+import { defineComponent as b, defineAsyncComponent as t, computed as i, markRaw as k, openBlock as V, createBlock as x, resolveDynamicComponent as w, mergeProps as C, toHandlers as P } from "vue";
 import { isComponent as o } from "./utils/form.utils.js";
 import d from "../Input.vue.js";
-import z from "../Switch.vue.js";
-import S from "../CheckBox.vue.js";
-import F from "../Textarea.vue.js";
-import $ from "../FilePicker/FilePicker.vue.js";
-import A from "../AvatarUploader/AvatarUploader.vue.js";
-const M = /* @__PURE__ */ k({
+import U from "../Switch.vue.js";
+import z from "../CheckBox.vue.js";
+import S from "../Textarea.vue.js";
+import F from "../FilePicker/FilePicker.vue.js";
+import $ from "../AvatarUploader/AvatarUploader.vue.js";
+import A from "../Dropdown/Dropdown.vue.js";
+const O = /* @__PURE__ */ b({
   __name: "FormField",
   props: {
     field: {},
@@ -22,14 +23,14 @@ const M = /* @__PURE__ */ k({
   },
   emits: ["change"],
   setup(n, { emit: c }) {
-    const u = t(() => import("../Dropdown/Dropdown.vue2.js")), f = t(() => import("../MultiSelect/MultiSelect.vue2.js")), p = t(() => import("../DatePicker.vue2.js")), m = t(() => import("../ColorPicker/ColorPicker.vue2.js")), h = t(() => import("../IconPicker.vue2.js")), v = t(() => import("./CustomFields.vue.js")), r = n, s = c, l = (e, a) => {
+    const u = t(() => import("../MultiSelect/MultiSelect.vue2.js")), f = t(() => import("../DatePicker.vue2.js")), m = t(() => import("../ColorPicker/ColorPicker.vue2.js")), p = t(() => import("../IconPicker.vue2.js")), h = t(() => import("./CustomFields.vue.js")), r = n, s = c, l = (e, a) => {
       s("change", { value: e, data: a });
-    }, y = (e) => {
+    }, v = (e) => {
       s("change", { value: e });
-    }, g = i(() => {
+    }, _ = i(() => {
       const e = r.field.type;
       if (o(e))
-        return V(e);
+        return k(e);
       switch (e) {
         case "text":
         case "email":
@@ -40,33 +41,33 @@ const M = /* @__PURE__ */ k({
         case "search":
           return d;
         case "textarea":
-          return F;
+          return S;
         case "switch":
-          return z;
+          return U;
         case "check":
-          return S;
+          return z;
         case "select":
-          return u;
+          return A;
         case "multiSelect":
-          return f;
+          return u;
         case "date":
         case "time":
-          return p;
+          return f;
         case "file":
         case "fileUploader":
-          return $;
+          return F;
         case "avatarUpload":
-          return A;
+          return $;
         case "color":
           return m;
         case "iconPicker":
-          return h;
+          return p;
         case "customFields":
-          return v;
+          return h;
         default:
           return d;
       }
-    }), _ = i(() => {
+    }), y = i(() => {
       const e = r.field.type, a = {
         disabled: r.disabled || r.field.disabled === !0,
         ...r.field.props || {}
@@ -155,10 +156,10 @@ const M = /* @__PURE__ */ k({
         value: r.value,
         values: r.values
       } : a;
-    }), b = i(() => {
+    }), g = i(() => {
       const e = r.field.type;
       return e === "text" || e === "email" || e === "password" || e === "number" || e === "tel" || e === "url" || e === "search" || e === "textarea" || e === "switch" || e === "check" || !e ? {
-        "update:modelValue": y
+        "update:modelValue": v
       } : e === "select" ? {
         onSelect: (a) => {
           l(a.value, a.data);
@@ -187,12 +188,12 @@ const M = /* @__PURE__ */ k({
         }
       } : {};
     });
-    return (e, a) => (w(), x(C(g.value), P({
-      ..._.value,
+    return (e, a) => (V(), x(w(_.value), C({
+      ...y.value,
       ...n.field?.props || {}
-    }, U(b.value)), null, 16));
+    }, P(g.value)), null, 16));
   }
 });
 export {
-  M as default
+  O as default
 };

package/components/Form/composables/useFileUpload.js

@@ -4,6 +4,7 @@ function g() {
   const s = u(!1), a = u(null), i = d(), c = async (r, t) => {
     try {
       const e = r instanceof File ? r : r.file;
+      if (!e) return null;
       if (i.services?.upload)
         try {
           return await i.services.upload(e, t);