vlite3 0.1.7 → 0.1.9

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/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/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);

package/components/Form/composables/useForm.js

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

package/components/Navbar/Navbar.vue.d.ts

@@ -2,7 +2,14 @@ import { NavbarProps } from '../../types/navbar.type';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        'mobile-trigger'?(_: {}): any;
+        'mobile-trigger'?(_: {
+            isOpen: boolean;
+            toggle: () => boolean;
+        }): any;
+        'mobile-trigger'?(_: {
+            isOpen: boolean;
+            toggle: () => boolean;
+        }): any;
         logo?(_: {}): any;
         logo?(_: {}): any;
         logo?(_: {}): any;
@@ -35,6 +42,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
     width: string;
     height: string;
     variant: import('../../types/navbar.type').NavbarVariant;
+    contentClass: string;
     border: boolean;
     position: import('../../types/navbar.type').NavbarPosition;
     compact: boolean;
@@ -42,6 +50,9 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarProps, {}, {}
     glass: boolean;
     floating: boolean;
     mobileBreakpoint: "sm" | "md" | "lg" | "xl";
+    logoClass: string;
+    rightClass: string;
+    mobileTriggerClass: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;