vlite3 0.4.2 → 0.4.4

package/components/Form/Form.vue.d.ts

@@ -44,6 +44,8 @@ interface Props {
     footerClass?: string;
     /** Timeline text position */
     timelineTextPosition?: TimelineTextPosition;
+    /** Fields to explicitly include in the submit payload */
+    emitFields?: string[];
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -89,6 +91,7 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     showCancel: boolean;
     groupClass: string;
     timelineTextPosition: TimelineTextPosition;
+    emitFields: string[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLFormElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _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-b1fa52ca"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a67bf34e"]]);
 export {
   f as default
 };

package/components/Form/Form.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as W, inject as X, computed as d, ref as Y, watch as Z, openBlock as l, createElementBlock as o, withModifiers as _, normalizeClass as h, createVNode as x, createCommentVNode as c, unref as t, Fragment as ee, renderList as te, createElementVNode as U, toDisplayString as k, renderSlot as ae, createBlock as p, mergeProps as ie } from "vue";
-import { useForm as se } from "./composables/useForm.js";
+import { defineComponent as W, inject as X, computed as d, ref as Y, watch as Z, openBlock as s, createElementBlock as o, withModifiers as _, normalizeClass as h, createVNode as x, createCommentVNode as c, unref as t, Fragment as ee, renderList as te, createElementVNode as U, toDisplayString as k, renderSlot as ae, createBlock as p, mergeProps as ie } from "vue";
+import { useForm as le } from "./composables/useForm.js";
 import D from "./FormFields.vue.js";
 import A from "../Button.vue.js";
-import le from "../Timeline.vue.js";
+import se from "../Timeline.vue.js";
 const ne = {
   key: 0,
   class: "form-timeline mb-18"
@@ -45,40 +45,42 @@ const ne = {
     groupClass: { default: "" },
     headerClass: { default: "" },
     footerClass: { default: "" },
-    timelineTextPosition: { default: "bottom" }
+    timelineTextPosition: { default: "bottom" },
+    emitFields: { default: () => ["__typename"] }
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction"],
   setup(e, { emit: M }) {
-    const s = e, m = M, f = X("modal-context", null), G = d(() => s.showCancel || !!f), $ = d(() => !!f), b = d(() => !s.schema || s.schema.length === 0 ? !1 : Array.isArray(s.schema[0])), r = d(() => s.tabs && s.tabs.length > 0 && b.value), i = Y(0), w = d(() => s.tabs ? s.tabs.map((n, a) => ({
+    const l = e, m = M, f = X("modal-context", null), G = d(() => l.showCancel || !!f), $ = d(() => !!f), b = d(() => !l.schema || l.schema.length === 0 ? !1 : Array.isArray(l.schema[0])), r = d(() => l.tabs && l.tabs.length > 0 && b.value), i = Y(0), w = d(() => l.tabs ? l.tabs.map((n, a) => ({
       id: n.id?.toString() || a.toString(),
       title: n.title,
       icon: n.icon,
       description: n.description,
       status: a < i.value ? "completed" : a === i.value ? "current" : "upcoming"
-    })) : []), g = d(() => b.value ? s.schema : [s.schema]), P = d(() => r.value ? g.value[i.value] || [] : []), {
+    })) : []), g = d(() => b.value ? l.schema : [l.schema]), P = d(() => r.value ? g.value[i.value] || [] : []), {
       formValues: y,
-      errors: S,
+      errors: F,
       isSubmitting: N,
       handleFieldChange: j,
       validateField: E,
       validateAll: he,
-      isFieldVisible: C,
-      isFieldDisabled: F,
+      isFieldVisible: S,
+      isFieldDisabled: C,
       isFieldReadonly: V,
       getFieldValue: be,
       handleSubmit: L,
       flatSchema: ge
-    } = se({
-      schema: s.schema,
-      values: s.values,
-      isUpdate: s.isUpdate,
-      folderId: s.folderId,
+    } = le({
+      schema: l.schema,
+      values: l.values,
+      isUpdate: l.isUpdate,
+      folderId: l.folderId,
+      emitFields: l.emitFields,
       onSubmit: (n) => {
         m("onSubmit", n, f?.close);
       }
     });
     Z(
-      () => s.values,
+      () => l.values,
       (n) => {
       },
       { deep: !0 }
@@ -90,7 +92,7 @@ const ne = {
       const n = P.value;
       let a = !0;
       for (const u of n) {
-        if (!C(u) || F(u)) continue;
+        if (!S(u) || C(u)) continue;
         E(u) && (a = !1);
       }
       return a;
@@ -112,12 +114,12 @@ const ne = {
     }, O = () => {
       m("onCancel"), f && f?.close?.();
     };
-    return (n, a) => (l(), o("form", {
-      class: h(["form-container", s.class]),
+    return (n, a) => (s(), o("form", {
+      class: h(["form-container", l.class]),
       onSubmit: _(H, ["prevent"])
     }, [
-      r.value && w.value.length > 0 ? (l(), o("div", ne, [
-        x(le, {
+      r.value && w.value.length > 0 ? (s(), o("div", ne, [
+        x(se, {
           steps: w.value,
           activeStep: i.value,
           direction: "horizontal",
@@ -126,71 +128,71 @@ const ne = {
           onStepClick: K
         }, null, 8, ["steps", "activeStep", "textPosition"])
       ])) : c("", !0),
-      b.value ? b.value && !r.value ? (l(), o("div", re, [
-        (l(!0), o(ee, null, te(g.value, (u, v) => (l(), o("div", {
+      b.value ? b.value && !r.value ? (s(), o("div", re, [
+        (s(!0), o(ee, null, te(g.value, (u, v) => (s(), o("div", {
           key: v,
           class: h(["form-group border rounded-lg overflow-hidden", e.groupClass])
         }, [
-          e.groupsHeadings?.[v] ? (l(), o("div", {
+          e.groupsHeadings?.[v] ? (s(), o("div", {
             key: 0,
             class: h(["form-group-header bg-muted/50 px-6 py-4 border-b", e.headerClass])
           }, [
             U("h3", de, k(e.groupsHeadings[v]), 1),
-            e.groupHeadingsDescription?.[v] ? (l(), o("p", ue, k(e.groupHeadingsDescription[v]), 1)) : c("", !0)
+            e.groupHeadingsDescription?.[v] ? (s(), o("p", ue, k(e.groupHeadingsDescription[v]), 1)) : c("", !0)
           ], 2)) : c("", !0),
           U("div", ce, [
             x(D, {
               schema: u,
               values: t(y),
-              errors: t(S),
+              errors: t(F),
               variant: e.variant,
               size: e.size,
               rounded: e.rounded,
               className: e.className,
               isUpdate: e.isUpdate,
-              isFieldVisible: t(C),
-              isFieldDisabled: t(F),
+              isFieldVisible: t(S),
+              isFieldDisabled: t(C),
               isFieldReadonly: t(V),
               onChange: z,
               onAddonAction: a[1] || (a[1] = (Q) => m("onAddonAction", Q))
             }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
           ])
         ], 2))), 128))
-      ])) : r.value ? (l(), o("div", me, [
-        e.tabs?.[i.value] ? (l(), o("div", {
+      ])) : r.value ? (s(), o("div", me, [
+        e.tabs?.[i.value] ? (s(), o("div", {
           key: 0,
           class: h(["form-step-header mb-6", e.headerClass])
         }, [
           U("h2", ve, k(e.tabs[i.value].title), 1),
-          e.tabs[i.value].description ? (l(), o("p", fe, k(e.tabs[i.value].description), 1)) : c("", !0)
+          e.tabs[i.value].description ? (s(), o("p", fe, k(e.tabs[i.value].description), 1)) : c("", !0)
         ], 2)) : c("", !0),
         x(D, {
           schema: P.value,
           values: t(y),
-          errors: t(S),
+          errors: t(F),
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
           className: e.className,
           isUpdate: e.isUpdate,
-          isFieldVisible: t(C),
-          isFieldDisabled: t(F),
+          isFieldVisible: t(S),
+          isFieldDisabled: t(C),
           isFieldReadonly: t(V),
           onChange: z,
           onAddonAction: a[2] || (a[2] = (u) => m("onAddonAction", u))
         }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-      ])) : c("", !0) : (l(), o("div", oe, [
+      ])) : c("", !0) : (s(), o("div", oe, [
         x(D, {
           schema: e.schema,
           values: t(y),
-          errors: t(S),
+          errors: t(F),
           variant: e.variant,
           size: e.size,
           rounded: e.rounded,
           className: e.className,
           isUpdate: e.isUpdate,
-          isFieldVisible: t(C),
-          isFieldDisabled: t(F),
+          isFieldVisible: t(S),
+          isFieldDisabled: t(C),
           isFieldReadonly: t(V),
           onChange: z,
           onAddonAction: a[0] || (a[0] = (u) => m("onAddonAction", u))
@@ -198,11 +200,11 @@ const ne = {
       ])),
       ae(n.$slots, "default", {
         values: t(y),
-        errors: t(S),
+        errors: t(F),
         isSubmitting: t(N),
         handleSubmit: H
       }, void 0, !0),
-      e.footer ? (l(), o("div", {
+      e.footer ? (s(), o("div", {
         key: 4,
         class: h([
           "form-footer flex items-center justify-end gap-3",
@@ -210,7 +212,7 @@ const ne = {
           $.value ? "sticky bottom-0 z-20 bg-body pt-4 border-t border-border/75 -mx-4 px-4  mt-8" : "mt-6"
         ])
       }, [
-        G.value ? (l(), p(A, {
+        G.value ? (s(), p(A, {
           key: 0,
           type: "button",
           variant: "outline",
@@ -218,7 +220,7 @@ const ne = {
           disabled: e.loading || t(N),
           onClick: O
         }, null, 8, ["text", "disabled"])) : c("", !0),
-        r.value && R.value ? (l(), p(A, {
+        r.value && R.value ? (s(), p(A, {
           key: 1,
           type: "button",
           variant: "outline",
@@ -226,14 +228,14 @@ const ne = {
           text: "Previous",
           onClick: J
         })) : c("", !0),
-        r.value && !B.value ? (l(), p(A, {
+        r.value && !B.value ? (s(), p(A, {
           key: 2,
           type: "button",
           variant: "primary",
           text: "Next",
           iconRight: "lucide:arrow-right",
           onClick: T
-        })) : (l(), p(A, ie({
+        })) : (s(), p(A, ie({
           key: 3,
           type: "submit",
           variant: "primary",

package/components/Form/composables/useForm.d.ts

@@ -5,6 +5,7 @@ export interface UseFormOptions {
     values?: Record<string, any>;
     isUpdate?: boolean;
     folderId?: string;
+    emitFields?: string[];
     onSubmit?: (payload: IFormSubmitPayload) => void | Promise<void>;
 }
 export interface UseFormReturn {

package/components/Form/composables/useForm.js

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

package/components/Form/types.d.ts

@@ -71,6 +71,18 @@ export interface IFormCustomFieldsProps {
 export interface IForm {
     /** Field name - supports dot notation for nested paths (e.g., 'pricing.baseAmount') */
     name: string;
+    /** Read initial value from a different key in the incoming data (defaults to name) */
+    mapFrom?: string;
+    /** Write submit value to a different key in the payload (defaults to name) */
+    mapTo?: string;
+    /** Key to extract from object or array of objects. Useful for mapping arrays of objects to simple values. */
+    valueKey?: string;
+    /** Alias for valueKey */
+    key?: string;
+    /** Format raw value before passing to form state */
+    format?: (value: any, rawValues: Record<string, any>) => any;
+    /** Transform form value before submitting */
+    transform?: (value: any, formValues: Record<string, any>) => any;
     /** Field label - can be string or Vue component */
     label?: string | Component;
     /** Placeholder text */
@@ -175,6 +187,8 @@ export interface IFormProps {
     headerClass?: string;
     /** Custom class for the footer area */
     footerClass?: string;
+    /** Fields to explicitly include in the submit payload (e.g., ['__typename', 'id']) */
+    emitFields?: string[];
 }
 /**
  * Form submit payload

package/components/Form/utils/form.utils.d.ts

@@ -47,3 +47,9 @@ export declare function getFieldKey(name: string): string;
  * Check if a value is a Vue component
  */
 export declare function isComponent(value: any): boolean;
+/**
+ * Cleans the submit payload by extracting only schema fields,
+ * injecting specified emitFields, and removing ignoreFields recursively.
+ * Also processes mapped output and transformation functions.
+ */
+export declare function cleanSubmitValues(values: Record<string, any>, schema: IForm[] | IForm[][], emitFields?: string[], ignoreFields?: string[]): Record<string, any>;

package/components/Form/utils/form.utils.js

@@ -1,108 +1,174 @@
-function v(e) {
+function k(e) {
   return !!e && typeof e == "object";
 }
-function u(e, n) {
+function p(e, n) {
   if (!n || !e) return;
-  const t = n.split(".");
-  let f = e;
-  for (const r of t) {
-    if (f == null) return;
-    f = f[r];
+  const r = n.split(".");
+  let l = e;
+  for (const t of r) {
+    if (l == null) return;
+    l = l[t];
   }
-  return f;
+  return l;
 }
-function d(e, n, t) {
+function m(e, n, r) {
   if (!n) return e;
-  const f = n.split("."), r = { ...e };
-  let i = r;
-  for (let o = 0; o < f.length - 1; o++) {
-    const l = f[o];
-    Array.isArray(i[l]) ? i[l] = [...i[l]] : i[l] = i[l] ? { ...i[l] } : {}, i = i[l];
+  const l = n.split("."), t = { ...e };
+  let o = t;
+  for (let i = 0; i < l.length - 1; i++) {
+    const c = l[i];
+    Array.isArray(o[c]) ? o[c] = [...o[c]] : o[c] = o[c] ? { ...o[c] } : {}, o = o[c];
   }
-  return i[f[f.length - 1]] = t, r;
+  return o[l[l.length - 1]] = r, t;
 }
-function m(e, n) {
-  return !v(n) || !n.name ? e : u(e, n.name) === void 0 && n.value !== void 0 ? d(e, n.name, n.value) : e;
+function v(e, n) {
+  return !k(n) || !n.name ? e : p(e, n.name) === void 0 && n.value !== void 0 ? m(e, n.name, n.value) : e;
 }
-function g(e, n) {
-  let t = n ? c(n) : {};
-  const f = Array.isArray(e[0]) ? e.flat() : e;
-  for (const r of f) {
-    if (!r.name) continue;
-    if (u(t, r.name) === void 0) {
-      const o = typeof r.value == "function" ? r.value() : r.value;
-      o !== void 0 && Object.assign(t, d(t, r.name, o));
+function E(e, n) {
+  let r = n ? d(n) : {};
+  const l = Array.isArray(e[0]) ? e.flat() : e;
+  for (const t of l) {
+    if (!t.name) continue;
+    const o = t.mapFrom || t.name;
+    let i = n ? p(n, o) : void 0;
+    if (i != null) {
+      const c = t.valueKey || t.key;
+      c && (Array.isArray(i) ? i = i.map(
+        (y) => y && typeof y == "object" ? p(y, c) : y
+      ) : typeof i == "object" && (i = p(i, c))), t.format && (i = t.format(i, n || {}));
     }
-    t = m(t, r.addonLeft), t = m(t, r.addonRight);
+    if (i === void 0) {
+      if (t.mapFrom && n) {
+        const c = p(n, t.name);
+        c !== void 0 && (i = c);
+      }
+      if (i === void 0) {
+        const c = typeof t.value == "function" ? t.value() : t.value;
+        c !== void 0 && Object.assign(r, m(r, t.name, c));
+      } else
+        Object.assign(r, m(r, t.name, i));
+    } else
+      Object.assign(r, m(r, t.name, i));
+    r = v(r, t.addonLeft), r = v(r, t.addonRight);
   }
-  return t;
+  return r;
 }
-function h(e, n) {
+function O(e, n) {
   return e === void 0 ? !1 : typeof e == "boolean" ? e : typeof e == "function" ? e(n) : !1;
 }
-function V(e, n) {
-  return Array.isArray(e) ? e.filter((t) => t ? !n.every((r) => {
-    const i = t[r.name];
-    return i == null || i === "";
+function S(e, n) {
+  return Array.isArray(e) ? e.filter((r) => r ? !n.every((t) => {
+    const o = r[t.name];
+    return o == null || o === "";
   }) : !1) : [];
 }
 function F(e, n) {
-  const t = [], f = Array.isArray(e[0]) ? e.flat() : e;
-  for (const r of f) {
-    if (!r.name) continue;
-    const i = r.type;
-    if (i === "file" || i === "avatarUpload" || i === "fileUploader") {
-      const o = u(n, r.name);
-      o && t.push({
-        name: r.name,
-        value: o,
-        type: i,
-        field: r
+  const r = [], l = Array.isArray(e[0]) ? e.flat() : e;
+  for (const t of l) {
+    if (!t.name) continue;
+    const o = t.type;
+    if (o === "file" || o === "avatarUpload" || o === "fileUploader") {
+      const i = p(n, t.name);
+      i && r.push({
+        name: t.name,
+        value: i,
+        type: o,
+        field: t
       });
     }
-    if (i === "customFields" && r.props?.schema) {
-      const o = u(n, r.name);
-      if (Array.isArray(o)) {
-        const y = r.props.schema.filter(
-          (a) => a.type === "file" || a.type === "avatarUpload" || a.type === "fileUploader"
+    if (o === "customFields" && t.props?.schema) {
+      const i = p(n, t.name);
+      if (Array.isArray(i)) {
+        const y = t.props.schema.filter(
+          (s) => s.type === "file" || s.type === "avatarUpload" || s.type === "fileUploader"
         );
-        y.length > 0 && o.forEach((a, A) => {
-          y.forEach((s) => {
-            const p = a?.[s.name];
-            p && t.push({
-              name: `${r.name}.${A}.${s.name}`,
-              value: p,
-              type: s.type,
-              field: s
+        y.length > 0 && i.forEach((s, f) => {
+          y.forEach((a) => {
+            const u = s?.[a.name];
+            u && r.push({
+              name: `${t.name}.${f}.${a.name}`,
+              value: u,
+              type: a.type,
+              field: a
             });
           });
         });
       }
     }
   }
-  return t;
+  return r;
 }
-function c(e) {
+function d(e) {
   if (e === null || typeof e != "object") return e;
   if (e instanceof Date) return new Date(e.getTime());
   if (e instanceof File) return e;
-  if (Array.isArray(e)) return e.map((t) => c(t));
+  if (Array.isArray(e)) return e.map((r) => d(r));
   const n = {};
-  for (const t in e)
-    Object.prototype.hasOwnProperty.call(e, t) && (n[t] = c(e[t]));
+  for (const r in e)
+    Object.prototype.hasOwnProperty.call(e, r) && (n[r] = d(e[r]));
   return n;
 }
-function k(e) {
+function x(e) {
   return e ? typeof e == "object" && (typeof e.render == "function" || typeof e.setup == "function" || e.__name !== void 0 || e.name !== void 0) : !1;
 }
+function g(e, n, r, l) {
+  const t = r === void 0 && l === void 0, o = t ? d(e) : {}, i = Array.isArray(n[0]) ? n.flat() : n, c = r || [], y = l || [];
+  for (const s of i) {
+    if (!s.name) continue;
+    let f = p(e, s.name);
+    if (f === void 0) continue;
+    if (s.type === "customFields" && s.props?.schema && Array.isArray(f)) {
+      const A = s.props.schema;
+      f = f.map((h) => g(h, A, r, l));
+    }
+    let a = !1;
+    s.transform && (f = s.transform(f, e), a = !0);
+    const u = s.mapTo || s.name;
+    u !== s.name && (a = !0, t && !s.name.includes(".") && delete o[s.name]), !t || a ? Object.assign(o, m(o, u, f)) : Object.assign(o, m(o, s.name, f));
+  }
+  if (c.length > 0) {
+    const s = (f, a) => {
+      if (!(!f || typeof f != "object") && !(!a || typeof a != "object"))
+        if (Array.isArray(f) && Array.isArray(a))
+          f.forEach((u, A) => {
+            a[A] && s(u, a[A]);
+          });
+        else {
+          for (const u of c)
+            f[u] !== void 0 && a[u] === void 0 && (a[u] = d(f[u]));
+          for (const u in a)
+            typeof a[u] == "object" && a[u] !== null && typeof f[u] == "object" && f[u] !== null && s(f[u], a[u]);
+        }
+    };
+    for (const f of c)
+      e[f] !== void 0 && o[f] === void 0 && (o[f] = d(e[f]));
+    s(e, o);
+  }
+  if (y.length > 0) {
+    const s = (f) => {
+      if (!(!f || typeof f != "object"))
+        if (Array.isArray(f))
+          f.forEach(s);
+        else {
+          for (const a of y)
+            delete f[a];
+          for (const a in f)
+            s(f[a]);
+        }
+    };
+    s(o);
+  }
+  return o;
+}
 export {
+  g as cleanSubmitValues,
   F as collectFileFields,
-  c as deepClone,
-  h as evaluateConditional,
-  V as filterNullCustomFields,
-  u as getNestedValue,
-  g as initializeFormValues,
-  v as isAddonObject,
-  k as isComponent,
-  d as setNestedValue
+  d as deepClone,
+  O as evaluateConditional,
+  S as filterNullCustomFields,
+  p as getNestedValue,
+  E as initializeFormValues,
+  k as isAddonObject,
+  x as isComponent,
+  m as setNestedValue
 };

package/package.json

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

package/style.css

@@ -713,5 +713,5 @@ textarea::-webkit-scrollbar-thumb {
 }
 
 /* --- Vite Generated CSS --- */
-.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-ce6a94e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea,.custom-fields-table[data-v-ce6a94e8] select,.custom-fields-table[data-v-ce6a94e8] .input-wrapper,.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ce6a94e8] input:focus,.custom-fields-table[data-v-ce6a94e8] textarea:focus,.custom-fields-table[data-v-ce6a94e8] select:focus,.custom-fields-table[data-v-ce6a94e8] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-ce6a94e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-ce6a94e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ce6a94e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-b1fa52ca]{width:100%}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-495f8aa0],.slide-right-leave-active[data-v-495f8aa0],.slide-left-enter-active[data-v-495f8aa0],.slide-left-leave-active[data-v-495f8aa0]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-495f8aa0],.slide-right-leave-to[data-v-495f8aa0]{transform:translate(100%)}.slide-left-enter-from[data-v-495f8aa0],.slide-left-leave-to[data-v-495f8aa0]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}
+.accordion-enter-active[data-v-aa189e08],.accordion-leave-active[data-v-aa189e08]{transition:height .3s ease-in-out}.button-group[data-v-ba735fac] button{align-self:stretch;height:auto!important;min-height:unset!important;min-width:unset!important;width:auto!important}.button-group[data-v-ba735fac]:not(.vertical-group) button{aspect-ratio:unset}.attached-group[data-v-ba735fac] button{position:relative;--radius: .375rem}.attached-group[data-v-ba735fac] button:focus-visible,.attached-group[data-v-ba735fac] button:hover{z-index:10}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child){margin-left:-1px}.attached-group[data-v-ba735fac]:not(.vertical-group) button:first-child{border-top-left-radius:var(--radius);border-bottom-left-radius:var(--radius);border-top-right-radius:0;border-bottom-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(:last-child){border-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:last-child{border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-bottom-left-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child){margin-top:-1px}.vertical-group[data-v-ba735fac] button:first-child{border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.vertical-group[data-v-ba735fac] button:not(:first-child):not(:last-child){border-radius:0}.vertical-group[data-v-ba735fac] button:last-child{border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);border-top-left-radius:0;border-top-right-radius:0}.attached-group[data-v-ba735fac]:not(.vertical-group) button:not(:first-child):not(.border):before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none;height:100%}.vertical-group[data-v-ba735fac] button:not(:first-child):not(.border):before{content:"";position:absolute;top:0;left:0;right:0;height:1px;width:100%;background-color:currentColor;opacity:.15;z-index:5;pointer-events:none}.carousel-wrapper[data-v-655a78c8]{width:100%;position:relative}.IroBox{border-radius:8px!important}input[data-v-e7171c4f]::-webkit-outer-spin-button,input[data-v-e7171c4f]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e7171c4f]{-moz-appearance:textfield;appearance:textfield}.custom-fields-table[data-v-ce6a94e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-ce6a94e8] input,.custom-fields-table[data-v-ce6a94e8] textarea,.custom-fields-table[data-v-ce6a94e8] select,.custom-fields-table[data-v-ce6a94e8] .input-wrapper,.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{border:none!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;height:100%!important;min-height:40px}.custom-fields-table[data-v-ce6a94e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-ce6a94e8] input:focus,.custom-fields-table[data-v-ce6a94e8] textarea:focus,.custom-fields-table[data-v-ce6a94e8] select:focus,.custom-fields-table[data-v-ce6a94e8] .input-wrapper:focus-within{background-color:hsla(var(--primary) / .03)!important;box-shadow:inset 0 0 0 2px hsla(var(--primary) / .1)!important}.custom-fields-table[data-v-ce6a94e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-ce6a94e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-ce6a94e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-47af145c]{display:flex;flex-direction:column}.form-field-item[data-v-47af145c]:has([role=switch]),.form-field-item[data-v-47af145c]:has([role=checkbox]){flex-direction:row;align-items:center}.form-container[data-v-a67bf34e]{width:100%}.heatmap-container[data-v-00476f00]{width:100%;height:100%;display:flex;flex-direction:column;min-height:0}.heatmap-wrapper[data-v-00476f00]{width:100%;height:100%;overflow:auto;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;position:relative}.heatmap-grid[data-v-00476f00]{width:fit-content;height:fit-content;transition:all .2s ease-in-out}.heatmap-cell[data-v-00476f00]{aspect-ratio:1 / 1;border-radius:2px;transition:all .15s ease-in-out;border:1px solid transparent;box-sizing:border-box}.heatmap-cell-interactive[data-v-00476f00]{cursor:pointer}.heatmap-cell-interactive[data-v-00476f00]:hover{transform:scale(1.1);border-color:var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;z-index:10;position:relative}.heatmap-cell-empty[data-v-00476f00]{opacity:.6}.heatmap-cell-hovered[data-v-00476f00]{outline:2px solid var(--primary);outline-offset:1px}.heatmap-cell-label[data-v-00476f00]{font-size:8px;font-weight:500;color:var(--foreground);opacity:.8;display:flex;align-items:center;justify-content:center;height:100%;width:100%;pointer-events:none}.heatmap-legend[data-v-00476f00]{display:flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.75rem;color:var(--muted-foreground);flex-shrink:0}.heatmap-legend-label[data-v-00476f00]{font-weight:500}.heatmap-legend-colors[data-v-00476f00]{display:flex;gap:.125rem}.heatmap-legend-item[data-v-00476f00]{width:.75rem;height:.75rem;border-radius:.375rem;border:1px solid var(--border)}@media(max-width:640px){.heatmap-wrapper[data-v-00476f00]{padding:12px}.heatmap-cell[data-v-00476f00]{border-radius:2px}.heatmap-cell-label[data-v-00476f00]{font-size:7px}}@media(min-width:641px)and (max-width:1023px){.heatmap-wrapper[data-v-00476f00]{padding:14px}.heatmap-cell[data-v-00476f00]{border-radius:2px}}@media(min-width:1024px){.heatmap-wrapper[data-v-00476f00]{padding:16px}.heatmap-cell[data-v-00476f00]{border-radius:3px}}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-9ac38977]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-11bc76c9]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.slide-right-enter-active[data-v-495f8aa0],.slide-right-leave-active[data-v-495f8aa0],.slide-left-enter-active[data-v-495f8aa0],.slide-left-leave-active[data-v-495f8aa0]{transition:transform .3s ease-in-out}.slide-right-enter-from[data-v-495f8aa0],.slide-right-leave-to[data-v-495f8aa0]{transform:translate(100%)}.slide-left-enter-from[data-v-495f8aa0],.slide-left-leave-to[data-v-495f8aa0]{transform:translate(-100%)}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.first-toast-enter-active[data-v-6b631840]{animation:first-toast-in-6b631840 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-6b631840]{transition:all .25s ease-in}.first-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-6b631840{0%{opacity:var(--entrance-opacity, .6);transform:translateY(var(--entrance-offset, 25px)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stack-toast-enter-active[data-v-6b631840],.stack-toast-leave-active[data-v-6b631840]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-6b631840]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-6b631840]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-6b631840]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.bg-stripe[data-v-454a1505]{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.animate-progress-stripe[data-v-454a1505]{animation:progress-stripe-454a1505 1s linear infinite}@keyframes progress-stripe-454a1505{0%{background-position:1rem 0}to{background-position:0 0}}.animate-progress-indeterminate[data-v-454a1505]{animation:progress-indeterminate-454a1505 1.5s infinite cubic-bezier(.65,.815,.735,.395)}@keyframes progress-indeterminate-454a1505{0%{transform:translate(-100%) scaleX(.2)}50%{transform:translate(0) scaleX(.5)}to{transform:translate(100%) scaleX(.2)}}