vlite3 0.9.4 → 0.9.6

package/components/ColorPicker/ColorIro.vue3.js

@@ -1,5 +1,5 @@
-import o from "./ColorIro.vue.js";
-/* empty css              */
+import o from "./ColorIro.vue2.js";
+/* empty css             */
 export {
   o as default
 };

package/components/ColorPicker/ColorPicker.vue.js

@@ -6,8 +6,8 @@ import O from "../Input.vue.js";
 import "../../core/config.js";
 /* empty css                            */
 import y from "../Button.vue.js";
-import E from "./ColorIro.vue.js";
-/* empty css              */
+import E from "./ColorIro.vue2.js";
+/* empty css             */
 import { useEyeDropper as P } from "@vueuse/core";
 const I = {
   key: 0,

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

@@ -20,6 +20,8 @@ interface Props {
     class?: string;
     className?: string;
     groupClass?: string;
+    groupBodyClass?: string;
+    groupContainerClass?: string;
     headerClass?: string;
     footerClass?: string;
     timelineTextPosition?: TimelineTextPosition;
@@ -85,6 +87,8 @@ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {},
     submitText: string;
     showCancel: boolean;
     groupClass: string;
+    groupBodyClass: string;
+    groupContainerClass: string;
     timelineTextPosition: TimelineTextPosition;
     emitFields: string[];
     stickyFooter: boolean;

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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-d7b4ffda"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-06b1158f"]]);
 export {
-  a as default
+  p as default
 };

package/components/Form/Form.vue2.js

@@ -1,28 +1,25 @@
-import { defineComponent as ye, inject as xe, computed as n, onMounted as _, onUnmounted as E, ref as z, watch as ee, openBlock as o, createElementBlock as d, withKeys as te, withModifiers as G, normalizeClass as f, createElementVNode as v, createVNode as k, mergeProps as B, toDisplayString as A, unref as a, renderSlot as ae, createCommentVNode as c, Fragment as ke, renderList as pe, createBlock as R } from "vue";
-import { useForm as Se } from "./composables/useForm.js";
+import { defineComponent as ye, inject as xe, computed as n, onMounted as _, onUnmounted as E, ref as U, watch as ee, openBlock as o, createElementBlock as d, withKeys as te, withModifiers as G, normalizeClass as m, createElementVNode as v, createVNode as k, mergeProps as z, toDisplayString as A, unref as a, renderSlot as ae, createCommentVNode as c, Fragment as ke, renderList as Ce, createBlock as R } from "vue";
+import { useForm as pe } from "./composables/useForm.js";
 import O from "./FormFields.vue.js";
-import p from "../Button.vue.js";
-import Ce from "../BackButton.vue.js";
+import C from "../Button.vue.js";
+import Se from "../BackButton.vue.js";
 import Fe from "../Timeline/Timeline.vue.js";
 import "@iconify/vue";
 import { $t as we } from "../../utils/i18n.js";
 import { useVLiteConfig as Ae } from "../../core/config.js";
-const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { class: "flex items-center gap-2 flex-shrink-0" }, Te = {
+const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ve = { class: "flex items-center gap-2 flex-shrink-0" }, Be = {
   key: 0,
   class: "form-fields-single"
-}, Ue = {
-  key: 1,
-  class: "form-groups space-y-6"
-}, Ve = { class: "text-base font-semibold text-foreground" }, ze = {
+}, Ne = { class: "text-base font-semibold text-foreground" }, Te = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, Be = { class: "form-group-body p-4.5" }, De = {
+}, Ue = {
   key: 2,
   class: "form-step"
-}, Le = { class: "text-lg font-semibold text-foreground" }, qe = {
+}, ze = { class: "text-lg font-semibold text-foreground" }, De = {
   key: 0,
   class: "text-sm text-muted-foreground mt-1"
-}, He = { class: "flex items-center gap-3" }, Qe = /* @__PURE__ */ ye({
+}, Le = { class: "flex items-center gap-3" }, Oe = /* @__PURE__ */ ye({
   __name: "Form",
   props: {
     schema: {},
@@ -44,6 +41,8 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
     class: { default: "" },
     className: { default: "" },
     groupClass: { default: "" },
+    groupBodyClass: { default: "" },
+    groupContainerClass: { default: "" },
     headerClass: { default: "" },
     footerClass: { default: "" },
     timelineTextPosition: { default: "right" },
@@ -60,15 +59,15 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
   },
   emits: ["onSubmit", "onCancel", "onStepChange", "onAddonAction", "onBack"],
   setup(e, { emit: ie }) {
-    const i = e, g = ie, m = xe("modal-context", null), se = Ae(), P = n(() => se?.components?.form || {}), D = n(() => i.variant ?? P.value.variant ?? "outline"), L = n(() => i.size ?? P.value.size ?? "md"), q = n(() => i.rounded ?? P.value.rounded ?? "md"), H = n(
+    const i = e, g = ie, f = xe("modal-context", null), se = Ae(), P = n(() => se?.components?.form || {}), D = n(() => i.variant ?? P.value.variant ?? "outline"), L = n(() => i.size ?? P.value.size ?? "md"), q = n(() => i.rounded ?? P.value.rounded ?? "md"), H = n(
       () => i.showRequiredAsterisk ?? P.value.showRequiredAsterisk ?? !0
-    ), le = n(() => i.showCancel || !!m), x = n(() => !!m), S = n(() => i.stickyFooter || x.value);
+    ), le = n(() => i.showCancel || !!f), x = n(() => !!f), p = n(() => i.stickyFooter || x.value);
     _(() => {
-      i.footer && x.value && m?.registerFormFooter?.(!0);
+      i.footer && x.value && f?.registerFormFooter?.(!0);
     }), E(() => {
-      x.value && m?.registerFormFooter?.(!1);
+      x.value && f?.registerFormFooter?.(!1);
     });
-    const oe = z(null), I = z(null), J = z(!1);
+    const oe = U(null), I = U(null), J = U(!1);
     let K = null;
     _(() => {
       I.value && (K = new IntersectionObserver(
@@ -80,13 +79,13 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
     }), E(() => {
       K?.disconnect();
     });
-    const N = n(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), r = n(() => i.tabs && i.tabs.length > 0 && N.value), l = z(0), Q = n(() => i.tabs ? i.tabs.map((t, s) => ({
+    const V = n(() => !i.schema || i.schema.length === 0 ? !1 : Array.isArray(i.schema[0])), r = n(() => i.tabs && i.tabs.length > 0 && V.value), l = U(0), Q = n(() => i.tabs ? i.tabs.map((t, s) => ({
       id: t.id?.toString() || s.toString(),
       title: t.title,
       icon: t.icon,
       description: t.description,
       status: s < l.value ? "completed" : s === l.value ? "current" : "upcoming"
-    })) : []), C = n(() => N.value ? i.schema : [i.schema]), W = n(() => r.value ? C.value[l.value] || [] : []), {
+    })) : []), S = n(() => V.value ? i.schema : [i.schema]), W = n(() => r.value ? S.value[l.value] || [] : []), {
       formValues: F,
       errors: w,
       isSubmitting: h,
@@ -94,29 +93,29 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
       handleFieldChange: ne,
       validateField: re,
       validateAll: ue,
-      isFieldVisible: T,
-      isFieldDisabled: U,
+      isFieldVisible: B,
+      isFieldDisabled: N,
       isFieldReadonly: $,
       handleSubmit: de
-    } = Se({
+    } = pe({
       schema: i.schema,
       values: i.values,
       isUpdate: i.isUpdate,
       folderId: i.folderId,
       emitFields: i.emitFields,
       onSubmit: (t) => {
-        g("onSubmit", t, m?.close || (() => {
+        g("onSubmit", t, f?.close || (() => {
         }));
       }
     });
     ee(
       () => i.loading || h.value,
       (t) => {
-        m?.setSubmitting && m.setSubmitting(t);
+        f?.setSubmitting && f.setSubmitting(t);
       },
       { immediate: !0 }
     ), E(() => {
-      m?.setSubmitting && m.setSubmitting(!1);
+      f?.setSubmitting && f.setSubmitting(!1);
     }), ee(
       () => i.values,
       (t) => {
@@ -125,29 +124,29 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
     );
     const j = (t, s) => {
       ne(t, s.value, s.data);
-    }, ce = () => {
+    }, ce = async () => {
       if (!r.value) return !0;
       const t = W.value;
       let s = !0;
       for (const u of t) {
-        if (!T(u) || U(u)) continue;
-        re(u) && (s = !1);
+        if (!B(u) || N(u)) continue;
+        await re(u) && (s = !1);
       }
       return s;
-    }, me = n(() => r.value ? l.value < C.value.length - 1 : !1), X = n(() => r.value ? l.value > 0 : !1), V = n(() => r.value ? l.value === C.value.length - 1 : !0), Y = () => {
-      me.value && ce() && (l.value++, g("onStepChange", l.value));
+    }, me = n(() => r.value ? l.value < S.value.length - 1 : !1), X = n(() => r.value ? l.value > 0 : !1), T = n(() => r.value ? l.value === S.value.length - 1 : !0), Y = async () => {
+      !me.value || !await ce() || (l.value++, g("onStepChange", l.value));
     }, fe = () => {
       X.value && (l.value--, g("onStepChange", l.value));
     }, ve = (t, s) => {
       s <= l.value && (l.value = s, g("onStepChange", l.value));
     }, y = async () => {
       if (r.value) {
-        if (!V.value && !i.isUpdate) {
-          Y();
+        if (!T.value && !i.isUpdate) {
+          await Y();
           return;
         }
-        if (!ue()) {
-          const s = C.value.findIndex(
+        if (!await ue()) {
+          const s = S.value.findIndex(
             (u) => u.some((b) => !!w.value[b.name])
           );
           s !== -1 && s !== l.value && (l.value = s, g("onStepChange", l.value));
@@ -165,10 +164,10 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
     }, Z = (t) => {
       (t.metaKey || t.ctrlKey) && t.key === "s" && (t.preventDefault(), y());
     }, be = () => {
-      g("onCancel"), m && m?.close?.();
+      g("onCancel"), f && f?.close?.();
     };
     return (t, s) => (o(), d("form", {
-      class: f(["form-container ", i.class]),
+      class: m(["form-container ", i.class]),
       onSubmit: G(y, ["prevent"]),
       onKeydown: [
         ge,
@@ -178,27 +177,27 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
     }, [
       e.isPage ? (o(), d("div", {
         key: 0,
-        class: f([
+        class: m([
           "form-page-header sticky top-0 z-30 bg-background flex items-center justify-between  pb-2 pt-4 -mt-4 mb-6.5",
           e.pageHeaderClass
         ])
       }, [
         v("div", Pe, [
-          k(Ce, B(e.backButtonProps, {
+          k(Se, z(e.backButtonProps, {
             fallback: e.backButtonPath,
             class: "max-sm:w-8 max-sm:h-8 max-sm:min-w-8 max-sm:min-h-8 max-sm:px-0 flex-shrink-0"
           }), null, 16, ["fallback"]),
           v("h1", {
-            class: f(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
+            class: m(["text-foreground max-sm:text-lg text-fs-5 truncate", e.pageTitleClass])
           }, A(e.pageTitleI18n ? a(we)(e.pageTitleI18n) : e.pageTitle), 3)
         ]),
-        v("div", Ne, [
+        v("div", Ve, [
           ae(t.$slots, "header-actions", {
             values: a(F),
             isSubmitting: a(h),
             handleSubmit: y
           }, void 0, !0),
-          k(p, B({
+          k(C, z({
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
             text: e.submitText
@@ -211,7 +210,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
       ], 2)) : c("", !0),
       r.value && Q.value.length > 0 ? (o(), d("div", {
         key: 1,
-        class: f(["form-timeline", e.timelineTextPosition == "right" ? "mb-6.5" : "mb-13"])
+        class: m(["form-timeline", e.timelineTextPosition == "right" ? "mb-6.5" : "mb-13"])
       }, [
         k(a(Fe), {
           steps: Q.value,
@@ -223,21 +222,26 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
         }, null, 8, ["steps", "activeStep", "textPosition"])
       ], 2)) : c("", !0),
       v("div", {
-        class: f(e.footer && S.value ? "pb-2" : "")
+        class: m(e.footer && p.value ? "pb-2" : "")
       }, [
-        N.value ? N.value && !r.value ? (o(), d("div", Ue, [
-          (o(!0), d(ke, null, pe(C.value, (u, b) => (o(), d("div", {
+        V.value ? V.value && !r.value ? (o(), d("div", {
+          key: 1,
+          class: m(["form-groups space-y-6", e.groupContainerClass])
+        }, [
+          (o(!0), d(ke, null, Ce(S.value, (u, b) => (o(), d("div", {
             key: b,
-            class: f(["form-group border rounded overflow-hidden bg-body", e.groupClass])
+            class: m(["form-group border rounded overflow-hidden bg-body", e.groupClass])
           }, [
             e.groupsHeadings?.[b] ? (o(), d("div", {
               key: 0,
-              class: f(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
+              class: m(["form-group-header bg-muted/50 px-4 py-2.5 border-b", e.headerClass])
             }, [
-              v("h3", Ve, A(e.groupsHeadings[b]), 1),
-              e.groupHeadingsDescription?.[b] ? (o(), d("p", ze, A(e.groupHeadingsDescription[b]), 1)) : c("", !0)
+              v("h3", Ne, A(e.groupsHeadings[b]), 1),
+              e.groupHeadingsDescription?.[b] ? (o(), d("p", Te, A(e.groupHeadingsDescription[b]), 1)) : c("", !0)
             ], 2)) : c("", !0),
-            v("div", Be, [
+            v("div", {
+              class: m(["form-group-body p-4.5", e.groupBodyClass])
+            }, [
               k(O, {
                 schema: u,
                 values: a(F),
@@ -249,21 +253,21 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
                 className: e.className,
                 isUpdate: e.isUpdate,
                 showRequiredAsterisk: H.value,
-                isFieldVisible: a(T),
-                isFieldDisabled: a(U),
+                isFieldVisible: a(B),
+                isFieldDisabled: a(N),
                 isFieldReadonly: a($),
                 onChange: j,
                 onAddonAction: s[1] || (s[1] = (he) => g("onAddonAction", he))
               }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-            ])
+            ], 2)
           ], 2))), 128))
-        ])) : r.value ? (o(), d("div", De, [
+        ], 2)) : r.value ? (o(), d("div", Ue, [
           e.tabs?.[l.value] ? (o(), d("div", {
             key: 0,
-            class: f(["form-step-header mb-6", e.headerClass])
+            class: m(["form-step-header mb-6", e.headerClass])
           }, [
-            v("h2", Le, A(e.tabs[l.value].title), 1),
-            e.tabs[l.value].description ? (o(), d("p", qe, A(e.tabs[l.value].description), 1)) : c("", !0)
+            v("h2", ze, A(e.tabs[l.value].title), 1),
+            e.tabs[l.value].description ? (o(), d("p", De, A(e.tabs[l.value].description), 1)) : c("", !0)
           ], 2)) : c("", !0),
           k(O, {
             schema: W.value,
@@ -276,13 +280,13 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
             className: e.className,
             isUpdate: e.isUpdate,
             showRequiredAsterisk: H.value,
-            isFieldVisible: a(T),
-            isFieldDisabled: a(U),
+            isFieldVisible: a(B),
+            isFieldDisabled: a(N),
             isFieldReadonly: a($),
             onChange: j,
             onAddonAction: s[2] || (s[2] = (u) => g("onAddonAction", u))
           }, null, 8, ["schema", "values", "errors", "fieldLoading", "variant", "size", "rounded", "className", "isUpdate", "showRequiredAsterisk", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
-        ])) : c("", !0) : (o(), d("div", Te, [
+        ])) : c("", !0) : (o(), d("div", Be, [
           k(O, {
             schema: e.schema,
             values: a(F),
@@ -294,8 +298,8 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
             className: e.className,
             isUpdate: e.isUpdate,
             showRequiredAsterisk: H.value,
-            isFieldVisible: a(T),
-            isFieldDisabled: a(U),
+            isFieldVisible: a(B),
+            isFieldDisabled: a(N),
             isFieldReadonly: a($),
             onChange: j,
             onAddonAction: s[0] || (s[0] = (u) => g("onAddonAction", u))
@@ -318,7 +322,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
         key: 2,
         ref_key: "footerRef",
         ref: oe,
-        class: f([
+        class: m([
           "form-footer items-center gap-3 z-20 rounded-b!",
           e.isPage ? "flex sm:hidden" : "flex",
           e.footerClass,
@@ -327,18 +331,18 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
           // `sticky bottom-0` anchors the footer to the bottom of the nearest scrollable ancestor
           // (the modal's overflow-y-auto body), keeping it visible at all times without leaving
           // the normal document flow (unlike `fixed` which would escape the modal bounds).
-          S.value ? "sticky bottom-0 bg-body pt-3 pb-3 -mx-0.5 px-0.5 border-t border-border/75" : "mt-6",
+          p.value ? "sticky bottom-0 bg-body pt-3 pb-3 -mx-0.5 px-0.5 border-t border-border/75" : "mt-6",
           // Show a subtle top shadow while content is scrolling beneath the sticky footer
-          (S.value && J.value, ""),
+          (p.value && J.value, ""),
           // Inside modal: extend footer flush to modal edge padding
           x.value ? "-mx-4 px-4 pb-3! mt-4.5!" : "",
           // Non-sticky inside modal keeps the original border styling
-          !S.value && x.value ? "border-t border-border/75 mt-5" : "",
-          !S.value && !x.value ? "mt-6" : ""
+          !p.value && x.value ? "border-t border-border/75 mt-5" : "",
+          !p.value && !x.value ? "mt-6" : ""
         ])
       }, [
-        v("div", He, [
-          le.value ? (o(), R(p, {
+        v("div", Le, [
+          le.value ? (o(), R(C, {
             key: 0,
             type: "button",
             variant: "outline",
@@ -346,7 +350,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
             disabled: e.loading || a(h),
             onClick: be
           }, null, 8, ["text", "disabled"])) : c("", !0),
-          r.value && e.isUpdate && !V.value ? (o(), R(p, B({
+          r.value && e.isUpdate && !T.value ? (o(), R(C, z({
             key: 1,
             type: "button",
             variant: "primary",
@@ -357,9 +361,9 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
           }), null, 16, ["text", "loading"])) : c("", !0)
         ]),
         v("div", {
-          class: f(["flex items-center gap-3", r.value && "ml-auto"])
+          class: m(["flex items-center gap-3", r.value && "ml-auto"])
         }, [
-          r.value && X.value ? (o(), R(p, {
+          r.value && X.value ? (o(), R(C, {
             key: 0,
             type: "button",
             variant: "outline",
@@ -367,7 +371,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
             text: "Previous",
             onClick: fe
           })) : c("", !0),
-          r.value && !V.value ? (o(), R(p, {
+          r.value && !T.value ? (o(), R(C, {
             key: 1,
             type: "button",
             variant: e.isUpdate ? "outline" : "primary",
@@ -375,7 +379,7 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
             iconRight: "lucide:arrow-right",
             onClick: Y
           }, null, 8, ["variant"])) : c("", !0),
-          !r.value || V.value ? (o(), R(p, B({
+          !r.value || T.value ? (o(), R(C, z({
             key: 2,
             type: "submit",
             variant: "primary",
@@ -389,5 +393,5 @@ const Re = ["onKeydown"], Pe = { class: "flex items-center gap-3" }, Ne = { clas
   }
 });
 export {
-  Qe as default
+  Oe as default
 };

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

@@ -20,11 +20,11 @@ export interface UseFormReturn {
     /** Loading state of individual fields (e.g. file uploads) */
     fieldLoading: Ref<Record<string, boolean>>;
     /** Handle field value change */
-    handleFieldChange: (name: string, value: any, data?: any) => void;
+    handleFieldChange: (name: string, value: any, data?: any) => Promise<void>;
     /** Validate a single field */
-    validateField: (field: IForm) => string;
+    validateField: (field: IForm) => Promise<string>;
     /** Validate all fields */
-    validateAll: () => boolean;
+    validateAll: () => Promise<boolean>;
     /** Check if field is visible */
     isFieldVisible: (field: IForm) => boolean;
     /** Check if field is disabled */

package/components/Form/composables/useForm.js

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

package/components/Form/types.d.ts

@@ -43,7 +43,7 @@ export interface IFormValidationContext {
     values: Record<string, any>;
     isUpdate?: boolean;
 }
-export type IFormValidation = (context: IFormValidationContext) => string;
+export type IFormValidation = (context: IFormValidationContext) => string | Promise<string>;
 /**
  * UpdateValues function signature - allows computed/derived fields
  */
@@ -53,7 +53,7 @@ export interface IFormUpdateContext {
     isUpdate?: boolean;
     updateError?: (name: string, error: string) => void;
 }
-export type IFormUpdateValues = (context: IFormUpdateContext) => Record<string, any>;
+export type IFormUpdateValues = (context: IFormUpdateContext) => Record<string, any> | void | Promise<Record<string, any> | void>;
 /**
  * When condition - controls field visibility
  */
@@ -81,9 +81,9 @@ export interface IForm {
     /** Alias for valueKey */
     key?: string;
     /** Format raw value before passing to form state */
-    format?: (value: any, rawValues: Record<string, any>) => any;
+    format?: (value: any, rawValues: Record<string, any>) => any | Promise<any>;
     /** Transform form value before submitting */
-    transform?: (value: any, formValues: Record<string, any>) => any;
+    transform?: (value: any, formValues: Record<string, any>) => any | Promise<any>;
     /** Field label - can be string or Vue component */
     label?: string | Component;
     /** I18n translation key for the label */

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

@@ -16,8 +16,9 @@ export declare function getNestedValue(obj: Record<string, any>, path: string):
 export declare function setNestedValue(obj: Record<string, any>, path: string, value: any): Record<string, any>;
 /**
  * Initialize form values from schema and optional initial values
+ * Updated to support Async format handlers cleanly without race conditions.
  */
-export declare function initializeFormValues(schema: IForm[] | IForm[][], initialValues?: Record<string, any>): Record<string, any>;
+export declare function initializeFormValues(schema: IForm[] | IForm[][], initialValues?: Record<string, any>): Promise<Record<string, any>>;
 /**
  * Evaluate a conditional (disabled/readonly/when) function or boolean
  */
@@ -54,13 +55,13 @@ export declare function isComponent(value: any): boolean;
  *
  * KEY BEHAVIOUR (fix for Prisma / Postgres sync on updates):
  * A field is included in the payload only when:
- *   1. It has a non-empty value — always included (create & update).
- *   2. It is empty AND the field key already existed in the original `values`
- *      object — meaning the user explicitly cleared a pre-existing value during
- *      an update. In this case the canonical empty value (`[]` for multiSelect,
- *      `null` for everything else) is sent so the backend overwrites the old data.
+ * 1. It has a non-empty value — always included (create & update).
+ * 2. It is empty AND the field key already existed in the original `values`
+ * object — meaning the user explicitly cleared a pre-existing value during
+ * an update. In this case the canonical empty value (`[]` for multiSelect,
+ * `null` for everything else) is sent so the backend overwrites the old data.
  *
  * Fields that were never filled in (key absent from `values`) are silently
  * omitted to keep create payloads lean.
  */
-export declare function cleanSubmitValues(values: Record<string, any>, schema: IForm[] | IForm[][], emitFields?: string[], ignoreFields?: string[]): Record<string, any>;
+export declare function cleanSubmitValues(values: Record<string, any>, schema: IForm[] | IForm[][], emitFields?: string[], ignoreFields?: string[]): Promise<Record<string, any>>;

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

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

package/components/Screen/ScreenFilter.vue.js

@@ -12,7 +12,7 @@ import "v-datepicker-lite";
 import "v-datepicker-lite/style.css";
 import "@jaames/iro";
 import "@vueuse/core";
-/* empty css                           */
+/* empty css                          */
 import "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
 import "vue-draggable-plus";

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

@@ -30,7 +30,7 @@ const D = ["href", "target"], $ = /* @__PURE__ */ p({
     return (r, N) => {
       const g = C("router-link");
       return n(), a(h(x), {
-        class: "py-0.5!",
+        class: "py-3!",
         title: e.emptyTitle,
         titleI18n: e.emptyTitleI18n,
         description: e.emptyDescription,

package/components/Screen/components/ScreenQuickFilters.vue.js

@@ -22,7 +22,7 @@ const p = { class: "w-max" }, g = /* @__PURE__ */ i({
     };
     return (e, v) => (r(), u("div", p, [
       m(d(b), {
-        class: "border-b-0! border-0! pb-0 gap-3.5!",
+        class: "border-b-0! border-0! pb-0 gap-3!",
         "model-value": a.modelValue,
         options: t.value,
         variant: a.variant || "line",

package/package.json

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

package/style.css

@@ -968,5 +968,5 @@ textarea::-webkit-scrollbar-thumb:hover {
 }
 
 /* --- Vite Generated CSS --- */
-input[data-v-9a771336]::-webkit-outer-spin-button,input[data-v-9a771336]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-9a771336]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.dropdown-menu[data-v-adc57063]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7c958115]{background-color:#00000052}.v-modal-backdrop[data-v-7c958115]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7c958115]{will-change:transform;contain:layout style}.blink-bg[data-v-7c958115]{animation:blink-animation-7c958115 1s infinite}@keyframes blink-animation-7c958115{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-90c3a6e8]{will-change:transform;contain:layout style}.custom-fields-table[data-v-90c3a6e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-90c3a6e8] input,.custom-fields-table[data-v-90c3a6e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-90c3a6e8] input,.custom-fields-table[data-v-90c3a6e8] textarea,.custom-fields-table[data-v-90c3a6e8] select,.custom-fields-table[data-v-90c3a6e8] .input-wrapper,.custom-fields-table[data-v-90c3a6e8] .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-90c3a6e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-90c3a6e8] input:focus,.custom-fields-table[data-v-90c3a6e8] textarea:focus,.custom-fields-table[data-v-90c3a6e8] select:focus,.custom-fields-table[data-v-90c3a6e8] .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-90c3a6e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-90c3a6e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-90c3a6e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-1139135c]{display:flex;flex-direction:column}.form-field-item[data-v-1139135c]:has([role=switch]),.form-field-item[data-v-1139135c]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-d7b4ffda]{width:100%}[data-tabes][data-v-262d5698]:not(.inline-flex):not([class*=gap-6])>:where(button,a,[role=tab]){flex:1 1 0%;min-width:0}[data-tabes].inline-flex[data-v-262d5698]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes].inline-flex[data-v-262d5698]::-webkit-scrollbar{display:none}@media(max-width:480px){[data-tabes][data-v-262d5698]:not([class*=flex-wrap]){overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes][data-v-262d5698]:not([class*=flex-wrap])::-webkit-scrollbar{display:none}}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-ff2923de]{background-color:#0003}.sidepanel-body[data-v-ff2923de]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.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}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-e8fba320]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.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)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.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}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{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-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}
+input[data-v-9a771336]::-webkit-outer-spin-button,input[data-v-9a771336]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-9a771336]{-moz-appearance:textfield;appearance:textfield}@keyframes onAutoFillStart{0%{opacity:1}to{opacity:1}}@keyframes onAutoFillCancel{0%{opacity:1}to{opacity:1}}input.autofill-detect:-webkit-autofill{animation-name:onAutoFillStart;animation-duration:1ms;animation-fill-mode:both}input.autofill-detect:not(:-webkit-autofill){animation-name:onAutoFillCancel;animation-duration:1ms;animation-fill-mode:both}.dropdown-menu[data-v-adc57063]{will-change:transform;contain:layout style}.v-modal-overlay[data-v-7c958115]{background-color:#00000052}.v-modal-backdrop[data-v-7c958115]{transform:translateZ(0);will-change:opacity}.modal-body[data-v-7c958115]{will-change:transform;contain:layout style}.blink-bg[data-v-7c958115]{animation:blink-animation-7c958115 1s infinite}@keyframes blink-animation-7c958115{0%{background-color:inherit}15%{background-color:var(--color-gray-250)}35%{background-color:inherit}75%{background-color:var(--color-gray-250)}to{background-color:inherit}}.IroBox{border-radius:8px!important}.custom-fields-table[data-v-90c3a6e8]{will-change:transform;contain:layout style}.custom-fields-table[data-v-90c3a6e8] .form-field-item{margin-bottom:0!important;height:100%}.custom-fields-table[data-v-90c3a6e8] input,.custom-fields-table[data-v-90c3a6e8] textarea{padding-left:1em;padding-right:.5em}.custom-fields-table[data-v-90c3a6e8] input,.custom-fields-table[data-v-90c3a6e8] textarea,.custom-fields-table[data-v-90c3a6e8] select,.custom-fields-table[data-v-90c3a6e8] .input-wrapper,.custom-fields-table[data-v-90c3a6e8] .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-90c3a6e8] .tooltip-trigger button{justify-content:space-between!important}.custom-fields-table[data-v-90c3a6e8] input:focus,.custom-fields-table[data-v-90c3a6e8] textarea:focus,.custom-fields-table[data-v-90c3a6e8] select:focus,.custom-fields-table[data-v-90c3a6e8] .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-90c3a6e8] .w-full{width:100%;height:100%}.list-enter-active[data-v-90c3a6e8]{transition:all .15s cubic-bezier(.16,1,.3,1)}.list-enter-from[data-v-90c3a6e8]{opacity:0;transform:translateY(-5px)}.form-field-item[data-v-1139135c]{display:flex;flex-direction:column}.form-field-item[data-v-1139135c]:has([role=switch]),.form-field-item[data-v-1139135c]:has([role=checkbox]){flex-direction:row;align-items:center;justify-content:flex-start}.form-container[data-v-06b1158f]{width:100%}[data-tabes][data-v-262d5698]:not(.inline-flex):not([class*=gap-6])>:where(button,a,[role=tab]){flex:1 1 0%;min-width:0}[data-tabes].inline-flex[data-v-262d5698]{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes].inline-flex[data-v-262d5698]::-webkit-scrollbar{display:none}@media(max-width:480px){[data-tabes][data-v-262d5698]:not([class*=flex-wrap]){overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}[data-tabes][data-v-262d5698]:not([class*=flex-wrap])::-webkit-scrollbar{display:none}}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar{width:0px}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar[data-v-3a733454]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-3a733454]{will-change:transform;contain:layout style}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar{height:8px}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-track{background:transparent}.custom-scrollbar-x[data-v-1285df4f]::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.scrollable-container[data-v-1285df4f]{will-change:transform;contain:layout style}.v-sidepanel-overlay[data-v-ff2923de]{background-color:#0003}.sidepanel-body[data-v-ff2923de]{will-change:transform;contain:layout style}.navbar-tabs-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.navbar-tabs-no-scrollbar::-webkit-scrollbar{display:none}.fade-x-enter-active,.fade-x-leave-active{transition:opacity .15s ease}.fade-x-enter-from,.fade-x-leave-to{opacity:0}.breadcrumb-item[data-v-ecb5df7c]{display:inline-flex;align-items:center;cursor:pointer}.breadcrumb-link[data-v-ecb5df7c]{display:inline-flex;align-items:center;gap:.35em;color:var(--color-muted-foreground);text-decoration:none;transition:color .15s ease,background-color .15s ease;border-radius:var(--radius-sm)}.breadcrumb-link[data-v-ecb5df7c]:not(.current):not(.disabled):hover{color:var(--color-foreground)}.breadcrumb-link.current[data-v-ecb5df7c]{color:var(--color-foreground);font-weight:600;cursor:default}.breadcrumb-link.disabled[data-v-ecb5df7c]{opacity:.45;cursor:not-allowed;pointer-events:none}.breadcrumb-icon[data-v-ecb5df7c]{flex-shrink:0}.breadcrumb-list[data-v-d1e90135]{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:.38em}.breadcrumb--sm[data-v-d1e90135]{font-size:var(--text--fs-2)}.breadcrumb--md[data-v-d1e90135]{font-size:var(--text-fs-0.5, 1em)}.breadcrumb--lg[data-v-d1e90135]{font-size:var(--text-fs-2)}.breadcrumb-separator[data-v-d1e90135]{display:inline-flex;align-items:center;color:var(--color-gray-500);-webkit-user-select:none;user-select:none;font-size:.9em;line-height:1;padding:0 .1em}.breadcrumb-ellipsis[data-v-d1e90135]{display:inline-flex;align-items:center}.breadcrumb-ellipsis-btn[data-v-d1e90135]{display:inline-flex;align-items:center;justify-content:center;width:1.6em;height:1.6em;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted-foreground);cursor:pointer;font-size:.9em;line-height:1;letter-spacing:.05em;transition:all .15s ease}.breadcrumb-ellipsis-btn[data-v-d1e90135]:hover{background:var(--color-accent);color:var(--color-foreground);border-color:var(--color-gray-350)}.breadcrumb--contained[data-v-d1e90135]{background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.45em 1em}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link{padding:.2em .7em;border-radius:9999px;background:var(--color-secondary);border:1px solid var(--color-border)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent);border-color:var(--color-gray-350)}.breadcrumb--pills[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.breadcrumb--arrow .breadcrumb-list[data-v-d1e90135]{gap:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link{padding:.35em .9em .35em 1.4em;background:var(--color-secondary);clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%,.6em 50%);border:none;margin-left:-.3em}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-item:first-child .breadcrumb-link{padding-left:.9em;clip-path:polygon(0 0,calc(100% - .6em) 0,100% 50%,calc(100% - .6em) 100%,0 100%);border-radius:var(--radius-sm) 0 0 var(--radius-sm);margin-left:0}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link:not(.current):not(.disabled):hover{background:var(--color-accent)}.breadcrumb--arrow[data-v-d1e90135] .breadcrumb-link.current{background:var(--color-primary);color:var(--color-primary-foreground)}.breadcrumb--arrow .breadcrumb-separator[data-v-d1e90135]{display:none}.import-table[data-v-cfd99cc9]{width:100%;font-size:.875rem;text-align:left;border-collapse:collapse}.import-thead[data-v-cfd99cc9]{font-size:.75rem;color:var(--color-muted-foreground, #6b7280);text-transform:uppercase;background-color:var(--color-muted, #f3f4f6);position:sticky;top:0;z-index:10}.import-th[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500}.import-th-center[data-v-cfd99cc9]{text-align:center;width:4rem}.import-tbody .import-tr[data-v-cfd99cc9]{border-bottom:1px solid var(--color-border, #e5e7eb)}.import-tbody .import-tr[data-v-cfd99cc9]:last-child{border-bottom:none}.import-tr-active[data-v-cfd99cc9]{transition:background-color .2s ease-in-out}.import-tr-active[data-v-cfd99cc9]:hover{background-color:var(--color-muted, #f3f4f6);opacity:.85}.import-tr-ignored[data-v-cfd99cc9]{background-color:var(--color-muted, #f3f4f6);opacity:.6}.import-td-header[data-v-cfd99cc9]{padding:.75rem 1rem;font-weight:500;color:var(--color-foreground, #111827);white-space:nowrap}.import-td-dropdown[data-v-cfd99cc9]{padding:.5rem 1rem;min-width:200px}.import-td-preview[data-v-cfd99cc9]{padding:.75rem 1rem;color:var(--color-muted-foreground, #6b7280);min-width:200px;max-width:300px}.import-td-action[data-v-cfd99cc9]{padding:.75rem 1rem;text-align:center;vertical-align:middle}.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}}.masonry-item[data-v-c29d0159]{content-visibility:auto;contain-intrinsic-size:1px 200px}.carousel-wrapper[data-v-e8fba320]{width:100%;position:relative;will-change:transform;contain:layout style}.file-tree-container[data-v-91337be9],.sheet-container[data-v-a5e9ca6f]{will-change:transform;contain:layout style}.accordion-enter-active[data-v-0075dffb],.accordion-leave-active[data-v-0075dffb]{transition:height .3s ease-in-out;will-change:height}.content-wrapper[data-v-0075dffb]{contain:paint}.sidebar-manu-item .tooltip-trigger{width:100%!important}.sidebar-menu-tooltip{margin-left:4px!important}[dir=rtl] .sidebar-menu-tooltip{margin-right:4px!important}.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)}}.permission-matrix-wrapper[data-v-ba68e64a]{max-height:70vh;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-ba68e64a]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.permission-list-wrapper[data-v-a42b2fb0]{border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;background-color:var(--color-background);will-change:transform;contain:layout style}.custom-list-header[data-v-a42b2fb0]{background-color:var(--color-muted);border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]{border-bottom:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);background-color:var(--color-background)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:hover{background-color:var(--color-accent)}.custom-list-group-content .custom-list-item[data-v-a42b2fb0]:last-child{border-bottom:none}.custom-list-group-content+.custom-list-header[data-v-a42b2fb0],.custom-list-header+.custom-list-header[data-v-a42b2fb0]{border-top:1px solid var(--color-border)}.permission-list-wrapper>.custom-list-header[data-v-a42b2fb0]:last-child{border-bottom:none}.permission-matrix-wrapper[data-v-0b1ab970]{border:1px solid var(--color-border);background-color:var(--color-gray-100);border-radius:.5rem;overflow:auto;max-height:65vh;position:relative;will-change:transform;contain:layout style}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar{width:6px;height:6px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-track{background:transparent}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb{background:var(--color-gray-350);border-radius:3px}.permission-matrix-wrapper[data-v-0b1ab970]::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.custom-table[data-v-0b1ab970]{width:100%;border-collapse:collapse}.custom-sticky-header th[data-v-0b1ab970]{position:sticky;top:0;z-index:20;box-shadow:0 1px 0 var(--color-border)}.custom-th[data-v-0b1ab970]{background-color:var(--color-gray-150);color:var(--color-foreground);background-clip:padding-box;border-bottom:none;border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px);text-align:left;font-weight:600;min-width:200px}thead:not(.custom-sticky-header) .custom-th[data-v-0b1ab970]{border-bottom:1px solid var(--color-border)}.custom-th.text-center[data-v-0b1ab970]{text-align:center;min-width:100px}.custom-th[data-v-0b1ab970]:first-child{border-left:none}.custom-td[data-v-0b1ab970]{border-bottom:1px solid var(--color-border);border-left:1px solid var(--color-border);padding:var(--cell-py) var(--cell-px)}.custom-td.text-center[data-v-0b1ab970]{text-align:center}.custom-td[data-v-0b1ab970]:first-child{border-left:none}.custom-group-row td[data-v-0b1ab970]{background-color:var(--color-gray-100);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.custom-entity-row[data-v-0b1ab970]{background-color:var(--color-background);transition:background-color .1s ease}.custom-entity-row[data-v-0b1ab970]:hover{background-color:var(--color-gray-50)}.custom-entity-row:last-child td[data-v-0b1ab970]{border-bottom:none}.custom-active-cell[data-v-0b1ab970]{cursor:pointer}.custom-active-cell[data-v-0b1ab970]:hover{background-color:var(--color-accent)}.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}.toast-item[data-v-9c775c23]{will-change:transform,opacity;contain:layout style}.first-toast-enter-active[data-v-9c775c23]{animation:first-toast-in-9c775c23 .45s cubic-bezier(.23,1,.32,1) forwards}.first-toast-leave-active[data-v-9c775c23]{transition:all .25s ease-in}.first-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.98)}@keyframes first-toast-in-9c775c23{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-9c775c23],.stack-toast-leave-active[data-v-9c775c23]{transition:all .3s cubic-bezier(.16,1,.3,1)}.stack-toast-enter-from[data-v-9c775c23]{opacity:0;transform:scale(.95) translateY(10px)}.stack-toast-leave-to[data-v-9c775c23]{opacity:0;transform:scale(.95)}.stack-toast-move[data-v-9c775c23]{transition:transform .4s cubic-bezier(.16,1,.3,1)}.cp-item-transition[data-v-66b1ae06]{transition:background-color 80ms ease,color 80ms ease}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar{width:4px}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-track{background:transparent}.command-palette-content[data-v-1bae4c0f] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:9999px}.cp-scroll-container[data-v-1bae4c0f]{transform:translateZ(0);will-change:transform;touch-action:pan-y;backface-visibility:hidden}