@aeria-ui/ui 0.0.32 → 0.0.34

package/dist/{index-0c058b56.js → index-75991f90.js}

@@ -1,9 +1,9 @@
-import { defineComponent as U, ref as Y, resolveDirective as N, openBlock as n, createElementBlock as s, normalizeClass as W, Fragment as J, renderList as H, withDirectives as Z, toDisplayString as g, createCommentVNode as f, createTextVNode as Q, unref as t, renderSlot as C, inject as fe, computed as D, createElementVNode as k, mergeProps as G, createBlock as $, resolveDynamicComponent as ye, withCtx as m, useCssVars as $t, Teleport as Ge, watch as ue, createVNode as F, vModelDynamic as bt, onBeforeMount as _t, normalizeStyle as he, withModifiers as ze, pushScopeId as Me, popScopeId as qe, provide as ve, onMounted as gt, normalizeProps as se, guardReactiveProps as be, isRef as mt, createSlots as de, vModelCheckbox as kt, onUnmounted as Vt, resolveComponent as Ct, Suspense as It, useSlots as At, h as Ot } from "vue";
-import { t as M, useI18n as wt } from "@aeria-ui/i18n";
-import { useScrollObserver as We, useBreakpoints as je, useClipboard as Bt, PAGINATION_PER_PAGE_DEFAULTS as St, API_URL as ft, request as jt, useDebounce as vt, isDocumentComplete as Tt, convertToSearchQuery as Lt, useAction as Rt, convertFromSearchQuery as zt, usePasswordPolicy as Ft } from "@aeria-ui/core";
-import { useStore as ce, getStoreId as Te, useParentStore as ge, STORE_ID as Ue, getGlobalStateManager as Mt } from "@aeria-ui/state-management";
+import { defineComponent as U, ref as Y, resolveDirective as N, openBlock as n, createElementBlock as s, normalizeClass as W, Fragment as J, renderList as H, withDirectives as Z, toDisplayString as g, createCommentVNode as f, createTextVNode as G, unref as t, renderSlot as C, inject as fe, computed as Q, createElementVNode as k, mergeProps as D, createBlock as $, resolveDynamicComponent as ye, withCtx as m, useCssVars as bt, Teleport as Ge, watch as re, createVNode as F, vModelDynamic as gt, onBeforeMount as _t, normalizeStyle as he, withModifiers as ze, pushScopeId as Me, popScopeId as qe, provide as ve, onMounted as kt, normalizeProps as ce, guardReactiveProps as Ve, isRef as mt, createSlots as de, vModelCheckbox as Vt, onUnmounted as Ct, resolveComponent as It, Suspense as At, useSlots as Ot, h as wt } from "vue";
+import { t as M, useI18n as Bt } from "@aeria-ui/i18n";
+import { useScrollObserver as We, useBreakpoints as je, useClipboard as St, PAGINATION_PER_PAGE_DEFAULTS as jt, API_URL as ft, request as Tt, useDebounce as vt, isDocumentComplete as Lt, convertToSearchQuery as Rt, useAction as zt, convertFromSearchQuery as Ft, usePasswordPolicy as Mt } from "@aeria-ui/core";
+import { useStore as ue, getStoreId as Te, useParentStore as be, STORE_ID as Ue, getGlobalStateManager as qt } from "@aeria-ui/state-management";
 import { useRouter as Le } from "vue-router";
-import { getReferenceProperty as pe, convertConditionToQuery as qt, deepClone as Se, freshItem as Ut, isRequired as Et, evaluateCondition as Qe, isLeft as Ht } from "@aeriajs/common";
+import { isLeft as yt, getReferenceProperty as pe, convertConditionToQuery as Ut, deepClone as Se, freshItem as Et, isRequired as Ht, evaluateCondition as Qe } from "@aeriajs/common";
 const Dt = ["onClick"], Qt = { key: 0 }, Gt = {
   key: 0,
   class: "accordion__content"
@@ -33,7 +33,7 @@ const Dt = ["onClick"], Qt = { key: 0 }, Gt = {
             onClick: (p) => u.value === r ? u.value = null : u.value = r
           }, [
             a.enumerate ? (n(), s("span", Qt, g(y + 1) + ". ", 1)) : f("", !0),
-            Q(" " + g(a.headers[r] ? e(a.headers[r]) : t(M)(r)), 1)
+            G(" " + g(a.headers[r] ? e(a.headers[r]) : t(M)(r)), 1)
           ], 8, Dt)), [
             [i]
           ]),
@@ -103,7 +103,7 @@ const me = /* @__PURE__ */ X(Yt, [["__scopeId", "data-v-35bc81ae"]]), Jt = ["hre
     fill: {}
   },
   setup(c) {
-    const u = c, e = typeof u.reactive == "boolean" ? u.reactive : fe("iconReactive", !1), a = D(() => {
+    const u = c, e = typeof u.reactive == "boolean" ? u.reactive : fe("iconReactive", !1), a = Q(() => {
       var l;
       return (l = u.icon) != null && l.includes(":") ? u.icon : `regular:${u.icon}`;
     });
@@ -121,7 +121,7 @@ const me = /* @__PURE__ */ X(Yt, [["__scopeId", "data-v-35bc81ae"]]), Jt = ["hre
       ${l.iconRight && "icon__icon--right"}
     `)
       }, [
-        (n(), s("svg", G({
+        (n(), s("svg", D({
           width: "24",
           height: "24",
           viewBox: "0 0 256 256",
@@ -167,7 +167,7 @@ const K = /* @__PURE__ */ X(Zt, [["__scopeId", "data-v-4b763bd3"]]), Pt = { clas
   },
   emits: ["update:modelValue", "update:collapsed", "update:closeHint", "overlayClick", "close"],
   setup(c, { emit: u }) {
-    const e = c, a = u, l = D(() => e.floating || e.float), i = Y(e.collapsed), r = Y(null), { reachedEnd: y } = We(r), p = () => {
+    const e = c, a = u, l = Q(() => e.floating || e.float), i = Y(e.collapsed), r = Y(null), { reachedEnd: y } = We(r), p = () => {
       a("update:modelValue", !1), a("close");
     }, h = () => {
       a("overlayClick");
@@ -198,7 +198,7 @@ const K = /* @__PURE__ */ X(Zt, [["__scopeId", "data-v-4b763bd3"]]), Pt = { clas
         ${o.transparentMobile && "panel__content--transparent-mobile"}
         ${o.outerHeader && "panel__content--outer-header"}
       `),
-          onClick: v[1] || (v[1] = (T) => T.stopPropagation())
+          onClick: v[1] || (v[1] = (j) => j.stopPropagation())
         }, {
           default: m(() => [
             o.$slots.header || o.title ? (n(), s("div", {
@@ -219,7 +219,7 @@ const K = /* @__PURE__ */ X(Zt, [["__scopeId", "data-v-4b763bd3"]]), Pt = { clas
                 key: 0,
                 reactive: "",
                 icon: i.value ? "plus" : "minus",
-                onClick: v[0] || (v[0] = (T) => d(!i.value))
+                onClick: v[0] || (v[0] = (j) => d(!i.value))
               }, null, 8, ["icon"])), [
                 [b]
               ]) : o.closeHint ? Z((n(), $(K, {
@@ -320,7 +320,7 @@ const Ae = /* @__PURE__ */ X(en, [["__scopeId", "data-v-6fdc75a0"]]), tn = { cla
     }, 8, ["class", "disabled"]));
   }
 });
-const re = /* @__PURE__ */ X(on, [["__scopeId", "data-v-c328251b"]]), an = { class: "card__picture" }, ln = { class: "card__footer" }, sn = { class: "card__footer-upper" }, rn = { class: "card__badge" }, un = /* @__PURE__ */ U({
+const ie = /* @__PURE__ */ X(on, [["__scopeId", "data-v-c328251b"]]), an = { class: "card__picture" }, ln = { class: "card__footer" }, sn = { class: "card__footer-upper" }, rn = { class: "card__badge" }, un = /* @__PURE__ */ U({
   __name: "aeria-card",
   props: {
     inactive: { type: Boolean },
@@ -363,16 +363,16 @@ const cn = /* @__PURE__ */ X(un, [["__scopeId", "data-v-c1a322df"]]), dn = { cla
   },
   emits: ["actionClick"],
   setup(c, { emit: u }) {
-    $t((h) => ({
+    bt((h) => ({
       fae20070: p.value.x,
       fae2006e: p.value.y
     }));
-    const e = u, a = ce("user"), l = Y(null), i = Y(!1), r = (h) => h.filter((d) => d.roles ? d.roles.include(a.currentUser.role) : !!d.click), y = (h, d) => {
+    const e = u, a = ue("user"), l = Y(null), i = Y(!1), r = (h) => h.filter((d) => d.roles ? d.roles.include(a.currentUser.role) : !!d.click), y = (h, d) => {
       h.click(d), e("actionClick", {
         action: h,
         subject: d
       }), i.value = !1;
-    }, p = D(() => {
+    }, p = Q(() => {
       if (!l.value)
         return {
           x: 0,
@@ -442,7 +442,7 @@ const cn = /* @__PURE__ */ X(un, [["__scopeId", "data-v-c1a322df"]]), dn = { cla
                     (n(!0), s(J, null, H(r(h.actions), (V, R) => (n(), $(me, {
                       key: `action-${R}`,
                       class: "content__item content__item--reactive",
-                      onClick: (T) => y(V, h.subject)
+                      onClick: (j) => y(V, h.subject)
                     }, {
                       default: m(() => [
                         V.icon ? (n(), $(K, {
@@ -450,7 +450,7 @@ const cn = /* @__PURE__ */ X(un, [["__scopeId", "data-v-c1a322df"]]), dn = { cla
                           icon: V.icon
                         }, {
                           default: m(() => [
-                            Q(g(V.translate ? t(M)(V.name, { capitalize: !0 }) : V.name), 1)
+                            G(g(V.translate ? t(M)(V.name, { capitalize: !0 }) : V.name), 1)
                           ]),
                           _: 2
                         }, 1032, ["icon"])) : f("", !0)
@@ -541,7 +541,7 @@ const yn = /* @__PURE__ */ X(vn, [["__scopeId", "data-v-76defa0b"]]), hn = { cla
   },
   emits: ["update:modelValue", "input", "change"],
   setup(c, { emit: u }) {
-    const e = c, a = e.property || {}, l = "icon" in a || "inputType" in a && a.inputType === "search", i = fe("searchOnly", !1), r = fe("innerInputLabel", !1), y = !i && a.readOnly, p = Bt(), h = u, d = fe("inputVariant", e.variant) || "normal", o = {
+    const e = c, a = e.property || {}, l = "icon" in a || "inputType" in a && a.inputType === "search", i = fe("searchOnly", !1), r = fe("innerInputLabel", !1), y = !i && a.readOnly, p = St(), h = u, d = fe("inputVariant", e.variant) || "normal", o = {
       name: e.propertyName,
       readonly: y,
       type: (() => {
@@ -574,35 +574,35 @@ const yn = /* @__PURE__ */ X(vn, [["__scopeId", "data-v-76defa0b"]]), hn = { cla
     }, b = Y([
       "date",
       "date-time"
-    ].includes(o.type) ? v() : e.modelValue === null || e.modelValue === void 0 ? "" : e.modelValue), V = (T) => {
+    ].includes(o.type) ? v() : e.modelValue === null || e.modelValue === void 0 ? "" : e.modelValue), V = (j) => {
       const q = (() => {
         if (o.type === "number" || o.type === "integer")
-          return Number(T);
+          return Number(j);
         if (!("type" in a && a.type === "string"))
-          return T;
+          return j;
         switch (a.format) {
           case "date":
           case "date-time":
-            return new Date(T);
+            return new Date(j);
           default:
-            return T;
+            return j;
         }
       })();
       h("input", q), h("update:modelValue", q);
-    }, R = (T) => {
-      const q = T.target.value;
+    }, R = (j) => {
+      const q = j.target.value;
       b.value = q, V(q);
     };
-    return ue(() => e.modelValue, (T, q) => {
-      T instanceof Date || (q && !T ? b.value = void 0 : T && q === void 0 && (b.value = T));
-    }), (T, q) => {
+    return re(() => e.modelValue, (j, q) => {
+      j instanceof Date || (q && !j ? b.value = void 0 : j && q === void 0 && (b.value = j));
+    }), (j, q) => {
       const w = N("focus"), le = N("clickable");
       return n(), s("label", hn, [
         t(r) ? f("", !0) : (n(), s("div", $n, [
-          T.$slots.default ? C(T.$slots, "default", { key: 0 }, void 0, !0) : C(T.$slots, "description", { key: 1 }, void 0, !0)
+          j.$slots.default ? C(j.$slots, "default", { key: 0 }, void 0, !0) : C(j.$slots, "description", { key: 1 }, void 0, !0)
         ])),
-        T.$slots.hint ? (n(), s("div", bn, [
-          C(T.$slots, "hint", {}, void 0, !0)
+        j.$slots.hint ? (n(), s("div", bn, [
+          C(j.$slots, "hint", {}, void 0, !0)
         ])) : f("", !0),
         "element" in t(a) && t(a).element === "textarea" ? (n(), s("div", {
           key: 2,
@@ -614,7 +614,7 @@ const yn = /* @__PURE__ */ X(vn, [["__scopeId", "data-v-76defa0b"]]), hn = { cla
           Z(k("textarea", {
             placeholder: o.placeholder,
             readonly: o.readonly,
-            value: T.modelValue,
+            value: j.modelValue,
             class: W(`
           input__textarea
           input__input--${t(d)}
@@ -630,7 +630,7 @@ const yn = /* @__PURE__ */ X(vn, [["__scopeId", "data-v-76defa0b"]]), hn = { cla
         input__container--${t(d)}
     `)
         }, [
-          Z(k("input", G(o, {
+          Z(k("input", D(o, {
             value: b.value,
             "data-component": "input",
             class: `
@@ -655,12 +655,12 @@ const yn = /* @__PURE__ */ X(vn, [["__scopeId", "data-v-76defa0b"]]), hn = { cla
           t(y) ? (n(), s("div", Vn, [
             F(yn, null, {
               text: m(() => [
-                Q("Copiar")
+                G("Copiar")
               ]),
               default: m(() => [
                 Z(F(K, {
                   icon: "clipboard",
-                  onClick: q[1] || (q[1] = (oe) => t(p)(String(T.modelValue || "")))
+                  onClick: q[1] || (q[1] = (oe) => t(p)(String(j.modelValue || "")))
                 }, null, 512), [
                   [le]
                 ])
@@ -694,17 +694,17 @@ const Ie = /* @__PURE__ */ X(Cn, [["__scopeId", "data-v-fea1d6e5"]]), In = ["val
       e.booleanRef && (y.value = d), a("update:modelValue", (d == null ? void 0 : d._id) || d), a("change", (d == null ? void 0 : d._id) || d);
     }, y = e.booleanRef ? (() => {
       const d = Y(e.modelValue);
-      return D({
+      return Q({
         get: () => d.value === "true" ? !0 : d.value === "false" ? !1 : null,
         set: (v) => {
           d.value = v;
         }
       });
-    })() : D({
+    })() : Q({
       get: () => e.modelValue,
       set: r
-    }), p = (d) => Array.isArray(e.modelValue) ? e.modelValue.includes(d) : e.modelValue === d, h = D(() => e.multiple ? typeof e.multiple == "number" ? e.multiple : 5 : 1);
-    return e.multiple && ue(() => e.modelValue, (d) => {
+    }), p = (d) => Array.isArray(e.modelValue) ? e.modelValue.includes(d) : e.modelValue === d, h = Q(() => e.multiple ? typeof e.multiple == "number" ? e.multiple : 5 : 1);
+    return e.multiple && re(() => e.modelValue, (d) => {
       var v;
       if (!l.value)
         return;
@@ -716,7 +716,7 @@ const Ie = /* @__PURE__ */ X(Cn, [["__scopeId", "data-v-fea1d6e5"]]), In = ["val
         "select--outline": !d.noOutline
       })
     }, [
-      k("select", G({
+      k("select", D({
         ref_key: "select",
         ref: l,
         value: t(y)
@@ -751,20 +751,20 @@ const Ee = /* @__PURE__ */ X(wn, [["__scopeId", "data-v-7a33443b"]]), Bn = { cla
   },
   emits: ["paginate"],
   setup(c, { emit: u }) {
-    const e = c, a = u, l = D({
+    const e = c, a = u, l = Q({
       get: () => Math.floor(e.pagination.offset / e.pagination.limit),
       set: (h) => {
         e.pagination.offset = h * e.pagination.limit;
       }
-    }), i = D({
+    }), i = Q({
       get: () => e.pagination.limit,
       set: (h) => {
         e.pagination.limit = Number(h);
       }
-    }), r = Y(l.value ? l.value + 1 : 1), y = D(() => Math.ceil(e.pagination.recordsTotal / e.pagination.limit)), p = (h) => {
+    }), r = Y(l.value ? l.value + 1 : 1), y = Q(() => Math.ceil(e.pagination.recordsTotal / e.pagination.limit)), p = (h) => {
       l.value = h === "previous" ? l.value - 1 : l.value + 1;
     };
-    return ue([
+    return re([
       l,
       i
     ], ([h]) => {
@@ -783,7 +783,7 @@ const Ee = /* @__PURE__ */ X(wn, [["__scopeId", "data-v-7a33443b"]]), Bn = { cla
         class: "pagination__control"
       }, {
         default: m(() => [
-          (n(!0), s(J, null, H(t(St), (o) => (n(), s("option", {
+          (n(!0), s(J, null, H(t(jt), (o) => (n(), s("option", {
             key: `limit-${o}`,
             value: o
           }, g(o), 9, Sn))), 128))
@@ -875,7 +875,7 @@ const Rn = /* @__PURE__ */ X(Ln, [["__scopeId", "data-v-41aa1ffc"]]), zn = { cla
     const e = c, a = e.property || {}, l = !("enum" in a) && [
       "array",
       "boolean"
-    ].includes(a.type) ? "checkbox" : "radio", i = u, r = e.value || !1, y = D({
+    ].includes(a.type) ? "checkbox" : "radio", i = u, r = e.value || !1, y = Q({
       get: () => {
         var p;
         return "type" in a && a.type === "boolean" ? !!e.value : "items" in a ? (p = e.modelValue) == null ? void 0 : p.includes(e.value) : e.modelValue === e.value;
@@ -906,14 +906,14 @@ const Rn = /* @__PURE__ */ X(Ln, [["__scopeId", "data-v-41aa1ffc"]]), zn = { cla
     ${t(a).readOnly && "checkbox--readOnly"}
   `)
       }, [
-        Z(k("input", G({
+        Z(k("input", D({
           "onUpdate:modelValue": h[0] || (h[0] = (o) => y.value = o)
         }, {
           type: t(l),
           readOnly: t(a).readOnly,
           checked: y.value
         }, { class: "checkbox__input" }), null, 16), [
-          [bt, y.value]
+          [gt, y.value]
         ]),
         k("div", zn, [
           k("div", null, [
@@ -969,7 +969,7 @@ const Hn = /* @__PURE__ */ X(En, [["__scopeId", "data-v-256eb557"]]), Dn = {
         key: `option-${p}`,
         class: "options__checkbox"
       }, [
-        F(Hn, G({
+        F(Hn, D({ ref_for: !0 }, {
           value: p,
           property: r.property
         }, {
@@ -1025,20 +1025,20 @@ const Gn = /* @__PURE__ */ X(Qn, [["__scopeId", "data-v-43cda372"]]), Wn = (c) =
     };
   }
 });
-const Pn = /* @__PURE__ */ X(Zn, [["__scopeId", "data-v-30f5a5ca"]]), yt = (c) => (Me("data-v-153a2e0f"), c = c(), qe(), c), Nn = { class: "picture" }, xn = {
+const Pn = /* @__PURE__ */ X(Zn, [["__scopeId", "data-v-30f5a5ca"]]), ht = (c) => (Me("data-v-153a2e0f"), c = c(), qe(), c), Nn = { class: "picture" }, xn = {
   key: 0,
   style: { position: "fixed", top: "50%", left: "50%", transform: "translate(-50%, -50%)" }
 }, eo = ["src", "alt"], to = {
   key: 0,
   class: "picture__meta"
-}, no = ["src"], oo = /* @__PURE__ */ yt(() => /* @__PURE__ */ k("line", {
+}, no = ["src"], oo = /* @__PURE__ */ ht(() => /* @__PURE__ */ k("line", {
   x1: "0",
   y1: "0",
   x2: "200",
   y2: "200",
   stroke: "#000",
   "vector-effect": "non-scaling-stroke"
-}, null, -1)), ao = /* @__PURE__ */ yt(() => /* @__PURE__ */ k("line", {
+}, null, -1)), ao = /* @__PURE__ */ ht(() => /* @__PURE__ */ k("line", {
   x1: "200",
   y1: "0",
   x2: "0",
@@ -1063,7 +1063,7 @@ const Pn = /* @__PURE__ */ X(Zn, [["__scopeId", "data-v-30f5a5ca"]]), yt = (c) =
     meta: {}
   },
   setup(c) {
-    const u = c, e = D(() => u.fileId ? `${ft}/file/${u.fileId}/picture` : u.url || u.modelValue), a = Y(!1);
+    const u = c, e = Q(() => u.fileId ? `${ft}/file/${u.fileId}/picture` : u.url || u.modelValue), a = Y(!1);
     return (l, i) => {
       var y;
       const r = N("overlay");
@@ -1147,12 +1147,12 @@ const Fe = /* @__PURE__ */ X(io, [["__scopeId", "data-v-153a2e0f"]]), ro = { cla
   },
   emits: ["update:content", "change", "update:modelValue"],
   setup(c, { emit: u }) {
-    const e = c, a = u, i = Te() ? ge() : null, r = Y(null), y = D(() => {
+    const e = c, a = u, i = Te() ? be() : null, r = Y(null), y = Q(() => {
       var b;
       return r.value ? URL.createObjectURL(r.value) : (b = e.modelValue) == null ? void 0 : b.link;
-    }), p = D(() => {
+    }), p = Q(() => {
       var b, V, R;
-      return /^image\//.test((b = e.modelValue) == null ? void 0 : b.mime) && !((V = r.value) != null && V.type) || /^image\//.test((R = r.value) == null ? void 0 : R.type);
+      return /^image\//.test((b = e.modelValue) == null ? void 0 : b.type) && !((V = r.value) != null && V.type) || /^image\//.test((R = r.value) == null ? void 0 : R.type);
     }), h = (b) => new Promise((V) => {
       const R = new FileReader();
       R.onload = () => V(R.result), R.readAsArrayBuffer(b);
@@ -1162,7 +1162,7 @@ const Fe = /* @__PURE__ */ X(io, [["__scopeId", "data-v-153a2e0f"]]), ro = { cla
       r.value = b.target.files[0];
       const V = r.value, R = await h(V);
       if (i) {
-        const { data: T } = await jt(`${ft}/${i.$id}/upload?name=${V.name}`, R, {
+        const { data: j } = await Tt(`${ft}/${i.$id}/upload?name=${V.name}`, R, {
           params: {
             method: "POST",
             headers: {
@@ -1171,7 +1171,9 @@ const Fe = /* @__PURE__ */ X(io, [["__scopeId", "data-v-153a2e0f"]]), ro = { cla
             }
           }
         });
-        a("update:modelValue", T);
+        if (yt(j))
+          return;
+        a("update:modelValue", j);
       } else
         a("update:modelValue", V);
       a("update:content", R), a("change", R);
@@ -1179,7 +1181,7 @@ const Fe = /* @__PURE__ */ X(io, [["__scopeId", "data-v-153a2e0f"]]), ro = { cla
       a("update:modelValue", null);
     };
     return (b, V) => {
-      var R, T, q, w, le, oe;
+      var R, j, q, w, le, oe;
       return n(), s("div", ro, [
         r.value || (R = b.modelValue) != null && R._id ? (n(), s("div", uo, [
           p.value ? (n(), $(Fe, {
@@ -1189,7 +1191,7 @@ const Fe = /* @__PURE__ */ X(io, [["__scopeId", "data-v-153a2e0f"]]), ro = { cla
             alt: "Image preview",
             class: W(`
           file__image
-          ${!t(i) || ((T = b.modelValue) == null ? void 0 : T._id) || "file__image--unsent"}
+          ${!t(i) || ((j = b.modelValue) == null ? void 0 : j._id) || "file__image--unsent"}
         `)
           }, null, 8, ["modelValue", "class"])) : f("", !0),
           (q = b.modelValue) != null && q._id ? (n(), s("a", {
@@ -1205,22 +1207,22 @@ const Fe = /* @__PURE__ */ X(io, [["__scopeId", "data-v-153a2e0f"]]), ro = { cla
             onChange: o
           }, null, 40, _o),
           r.value ? (n(), s("div", mo, [
-            F(re, {
+            F(ie, {
               small: "",
               onClick: ze(d, ["prevent"])
             }, {
               default: m(() => [
-                Q(g(t(M)("action.clear", { capitalize: !0 })), 1)
+                G(g(t(M)("action.clear", { capitalize: !0 })), 1)
               ]),
               _: 1
             })
           ])) : (oe = b.modelValue) != null && oe._id ? (n(), s("div", fo, [
-            F(re, {
+            F(ie, {
               small: "",
               onClick: ze(v, ["prevent"])
             }, {
               default: m(() => [
-                Q(g(t(M)("action.remove", { capitalize: !0 })), 1)
+                G(g(t(M)("action.remove", { capitalize: !0 })), 1)
               ]),
               _: 1
             })
@@ -1230,7 +1232,7 @@ const Fe = /* @__PURE__ */ X(io, [["__scopeId", "data-v-153a2e0f"]]), ro = { cla
     };
   }
 });
-const yo = /* @__PURE__ */ X(vo, [["__scopeId", "data-v-38fc243c"]]), ho = { class: "container" }, $o = {
+const yo = /* @__PURE__ */ X(vo, [["__scopeId", "data-v-5fa55625"]]), ho = { class: "container" }, $o = {
   key: 1,
   class: "container__footer"
 }, bo = /* @__PURE__ */ U({
@@ -1243,7 +1245,7 @@ const yo = /* @__PURE__ */ X(vo, [["__scopeId", "data-v-38fc243c"]]), ho = { cla
     const e = c, a = u, l = Y(null), i = e.observeScroll ? We(l, {
       antecipate: 100
     }).reachedEnd : null;
-    return i !== null && ue(i, (r) => {
+    return i !== null && re(i, (r) => {
       r && a("endReached", r);
     }), (r, y) => (n(), s("div", ho, [
       r.$slots.default ? (n(), s("div", {
@@ -1270,7 +1272,7 @@ const st = /* @__PURE__ */ X(bo, [["__scopeId", "data-v-c86e2d2a"]]), go = { cla
   },
   emits: ["update:modelValue", "change"],
   setup(c, { emit: u }) {
-    const e = c, a = u, l = e.property, i = pe(l), r = ge(), y = D(() => Array.isArray(e.modelValue) ? Array.isArray(e.modelValue) && Object.values(e.modelValue).some(({ _id: d }) => e.item._id === d) : e.modelValue && e.modelValue._id === e.item._id), p = () => {
+    const e = c, a = u, l = e.property, i = pe(l), r = be(), y = Q(() => Array.isArray(e.modelValue) ? Array.isArray(e.modelValue) && Object.values(e.modelValue).some(({ _id: d }) => e.item._id === d) : e.modelValue && e.modelValue._id === e.item._id), p = () => {
       if (y.value)
         return;
       const d = (v) => v.filter((b) => !!(b != null && b._id)), o = "items" in l ? d(Array.isArray(e.modelValue) ? e.modelValue : [e.modelValue]) : e.modelValue;
@@ -1331,18 +1333,18 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
   },
   emits: ["update:modelValue", "change", "update:panel"],
   setup(c, { emit: u }) {
-    const e = c, a = pe(e.property), l = e.panel !== void 0 ? D(() => e.panel) : Y(!1), i = u, r = ce(pe(e.property).$ref), y = Te(), p = y ? ge() : null, h = a.indexes;
+    const e = c, a = pe(e.property), l = e.panel !== void 0 ? Q(() => e.panel) : Y(!1), i = u, r = ue(pe(e.property).$ref), y = Te(), p = y ? be() : null, h = a.indexes;
     ve(Ue, pe(e.property).$ref), ve("innerInputLabel", !0), ve("omitInputLabels", !0);
     const d = Y(e.modelValue), o = Y({
       data: [],
       pagination: {}
-    }), v = D(() => o.value.data), b = D(() => o.value.pagination), V = Y(0), R = Y(h[0]), T = Y(!1), q = Y({}), w = () => {
+    }), v = Q(() => o.value.data), b = Q(() => o.value.pagination), V = Y(0), R = Y(h[0]), j = Y(!1), q = Y({}), w = () => {
       const I = {};
       if (y) {
         const L = t(y);
         I[L] = p;
       }
-      return a.constraints ? qt(a.constraints, I) : {};
+      return a.constraints ? Ut(a.constraints, I) : {};
     }, le = () => {
       v.value.length < b.value.recordsTotal && (V.value += 1, S());
     }, oe = async () => Object.values(q.value).every((I) => !(String(I).length > 0)) ? r.$actions.custom("getAll", {
@@ -1372,17 +1374,17 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
     }, [x] = vt({
       delay: 800
     })(() => {
-      V.value = 0, S(), T.value = !1;
+      V.value = 0, S(), j.value = !1;
     }), O = () => {
-      T.value = !0, x();
+      j.value = !0, x();
     }, z = () => {
       "effect" in l ? i("update:panel", !0) : l.value = !0, S();
     }, ee = () => {
       V.value = 0, o.value.data.splice(0), "effect" in l ? i("update:panel", !1) : l.value = !1;
-    }, ne = D(() => !Object.values(q.value).some((I) => !!I));
-    ue(ne, (I, L) => {
+    }, ne = Q(() => !Object.values(q.value).some((I) => !!I));
+    re(ne, (I, L) => {
       I && !L && S();
-    }), gt(() => {
+    }), kt(() => {
       e.selectOnly && S();
     });
     const _ = (I) => {
@@ -1408,18 +1410,18 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
             onOverlayClick: ee
           }, {
             footer: m(() => [
-              F(re, {
+              F(ie, {
                 large: "",
                 onClick: E
               }, {
                 default: m(() => [
-                  Q(g(t(M)("action.save", { capitalize: !0 })), 1)
+                  G(g(t(M)("action.save", { capitalize: !0 })), 1)
                 ]),
                 _: 1
               })
             ]),
             default: m(() => {
-              var j, te;
+              var T, te;
               return [
                 k("div", Vo, [
                   k("div", Co, [
@@ -1456,7 +1458,7 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
                     onEndReached: le
                   }, {
                     default: m(() => [
-                      (n(!0), s(J, null, H(v.value, (B) => (n(), $(De, G({
+                      (n(!0), s(J, null, H(v.value, (B) => (n(), $(De, D({ ref_for: !0 }, {
                         item: B,
                         indexes: t(h),
                         property: I.property
@@ -1468,7 +1470,7 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
                     ]),
                     _: 1
                   })) : (n(), s("div", Oo, [
-                    T.value ? (n(), s("div", wo, g(t(M)("searching", { capitalize: !0 })) + "... ", 1)) : !t(r).loading.getAll && Object.values(q.value).filter((B) => !!B).length > 0 && !("items" in I.property && ((j = I.modelValue) != null && j.length) || !Array.isArray(I.modelValue) && ((te = I.modelValue) != null && te._id)) ? (n(), s("div", Bo, g(t(M)("no_results", { capitalize: !0 })), 1)) : f("", !0)
+                    j.value ? (n(), s("div", wo, g(t(M)("searching", { capitalize: !0 })) + "... ", 1)) : !t(r).loading.getAll && Object.values(q.value).filter((B) => !!B).length > 0 && !("items" in I.property && ((T = I.modelValue) != null && T.length) || !Array.isArray(I.modelValue) && ((te = I.modelValue) != null && te._id)) ? (n(), s("div", Bo, g(t(M)("no_results", { capitalize: !0 })), 1)) : f("", !0)
                   ]))
                 ]),
                 k("div", So, g(t(M)("showing", { capitalize: !0 })) + " " + g(v.value.length) + " " + g(t(M)("of")) + " " + g(b.value.recordsTotal), 1)
@@ -1485,7 +1487,7 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
                 onClick: z
               }, {
                 default: m(() => [
-                  Q(g(t(M)("action.select", { capitalize: !0 })), 1)
+                  G(g(t(M)("action.select", { capitalize: !0 })), 1)
                 ]),
                 _: 1
               })), [
@@ -1493,10 +1495,10 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
               ])
             ]),
             default: m(() => {
-              var j;
+              var T;
               return [
                 "items" in I.property ? (n(), s("div", To, [
-                  (n(!0), s(J, null, H(I.modelValue, (te) => (n(), $(De, G({
+                  (n(!0), s(J, null, H(I.modelValue, (te) => (n(), $(De, D({ ref_for: !0 }, {
                     item: te,
                     indexes: t(h),
                     property: I.property,
@@ -1505,7 +1507,7 @@ const De = /* @__PURE__ */ X(ko, [["__scopeId", "data-v-fa7fea9f"]]), Vo = { cla
                     key: `selected-${te._id}`,
                     "onUpdate:modelValue": _
                   }), null, 16))), 128))
-                ])) : (j = I.modelValue) != null && j._id ? (n(), $(De, G({ key: 1 }, {
+                ])) : (T = I.modelValue) != null && T._id ? (n(), $(De, D({ key: 1 }, {
                   item: I.modelValue,
                   indexes: t(h),
                   property: t(a),
@@ -1550,10 +1552,10 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
   c ?? (c = []);
   const e = "items" in u ? u.items : u;
   if ("$ref" in u) {
-    const a = ce(u.$ref), l = Se(a.$freshItem);
+    const a = ue(u.$ref), l = Se(a.$freshItem);
     return c.unshift(l);
   }
-  return "properties" in e ? c.unshift(Ut(e)) : "type" in e && e.type === "boolean" ? c.unshift({}) : c.unshift(null);
+  return "properties" in e ? c.unshift(Et(e)) : "type" in e && e.type === "boolean" ? c.unshift({}) : c.unshift(null);
 }, Fo = (c, u) => {
   c.splice(u, 1);
 }, Mo = {
@@ -1600,13 +1602,13 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
     _t(() => {
       e.modelValue || a("update:modelValue", e.property && "items" in e.property ? [] : {});
     });
-    const l = e.property && pe(e.property), i = l ? l.$ref : e.collection || Te(), r = i ? ce(t(i)) : null;
+    const l = e.property && pe(e.property), i = l ? l.$ref : e.collection || Te(), r = i ? ue(t(i)) : null;
     !i && process.env.NODE_ENV !== "production" && console.warn(`aeria-form was used without providing storeId or specifying
     collection prop, some features may not work as intended`);
-    const y = Y(!1), p = D(() => !e.form && e.property ? "properties" in e.property ? e.property.properties : r == null ? void 0 : r.properties : e.form), h = D(() => e.layout || (r == null ? void 0 : r.description.formLayout)), d = (_) => {
+    const y = Y(!1), p = Q(() => !e.form && e.property ? "properties" in e.property ? e.property.properties : r == null ? void 0 : r.properties : e.form), h = Q(() => e.layout || (r == null ? void 0 : r.description.formLayout)), d = (_) => {
       const E = fe(_, e[_]);
       return e[_] && ve(_, e[_]), E;
-    }, o = D(() => e.validationErrors !== null ? e.validationErrors : r == null ? void 0 : r.validationErrors), v = d("formComponents") || {}, b = d("propertyComponents") || {}, V = d("omitFormHeader"), R = d("omitInputLabels"), T = d("innerInputLabel");
+    }, o = Q(() => e.validationErrors !== null ? e.validationErrors : r == null ? void 0 : r.validationErrors), v = d("formComponents") || {}, b = d("propertyComponents") || {}, V = d("omitFormHeader"), R = d("omitInputLabels"), j = d("innerInputLabel");
     i && ve(Ue, i), ve("searchOnly", e.searchOnly);
     const q = (_) => p.value ? Object.entries(p.value).filter(([E, I]) => !I.noForm && _([
       E,
@@ -1618,8 +1620,8 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
       const E = e.property && "properties" in e.property ? e.property.form : (I = r == null ? void 0 : r.description) == null ? void 0 : I.form;
       return !E || E.includes(_);
     }, le = q(([_]) => w(_)), oe = je(), S = {}, x = (_, E) => {
-      var j, te, B, ae;
-      const I = [], L = ((te = (j = h.value) == null ? void 0 : j.fields) == null ? void 0 : te[_]) || ((ae = (B = h.value) == null ? void 0 : B.fields) == null ? void 0 : ae.$default);
+      var T, te, B, ae;
+      const I = [], L = ((te = (T = h.value) == null ? void 0 : T.fields) == null ? void 0 : te[_]) || ((ae = (B = h.value) == null ? void 0 : B.fields) == null ? void 0 : ae.$default);
       if (!E)
         return;
       if (L != null && L.if && !e.searchOnly) {
@@ -1645,7 +1647,7 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
       padding: 1rem 0;
       margin: 1rem 0;
     `)), I.join("");
-    }, O = (_) => _ === null || _ instanceof Object && !Object.keys(_).length, z = D(() => e.required ? e.required : e.property && "required" in e.property ? e.property.required : r == null ? void 0 : r.description.required), ee = D(() => e.form ? Tt(
+    }, O = (_) => _ === null || _ instanceof Object && !Object.keys(_).length, z = Q(() => e.required ? e.required : e.property && "required" in e.property ? e.property.required : r == null ? void 0 : r.description.required), ee = Q(() => e.form ? Lt(
       e.modelValue,
       e.form,
       z.value,
@@ -1665,64 +1667,70 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
         ])) : f("", !0),
         C(_.$slots, "default", {}, void 0, !0),
         _.isReadOnly ? f("", !0) : (n(), s("fieldset", qo, [
-          (n(!0), s(J, null, H(t(le), ([A, j]) => {
-            var te, B, ae, _e, ke, Xe, Ye, Je, Ke, Ze, Pe, Ne, xe;
+          (n(!0), s(J, null, H(t(le), ([A, T]) => {
+            var te, B, ae, _e, ge, Xe, Ye, Je, Ke, Ze, Pe, Ne, xe;
             return n(), s("div", {
               key: `field-${A}`,
-              style: he(x(A, j)),
+              style: he(x(A, T)),
               class: "form__field"
             }, [
-              (!("type" in j) || j.type !== "boolean" || _.searchOnly) && !j.noLabel && !t(R) && !t(T) ? (n(), s("label", Uo, [
+              (!("type" in T) || T.type !== "boolean" || _.searchOnly) && !T.noLabel && !t(R) && !t(j) ? (n(), s("label", Uo, [
                 k("div", {
                   class: W({
                     "form__field-label": !0,
-                    "form__field-label--section": "items" in j ? "properties" in j.items : "properties" in j,
-                    "form__field-required-hint": _.highlightRequired && !_.searchOnly && (!z.value || t(Et)(A, z.value, _.modelValue))
+                    "form__field-label--section": "items" in T ? "properties" in T.items : "properties" in T,
+                    "form__field-required-hint": _.highlightRequired && !_.searchOnly && (!z.value || t(Ht)(A, z.value, _.modelValue))
                   })
-                }, g(j.description || t(M)(A)), 3),
-                j.hint ? (n(), s("div", {
+                }, g(T.description || t(M)(A)), 3),
+                T.hint ? (n(), s("div", {
                   key: 0,
-                  innerHTML: j.hint
+                  innerHTML: T.hint
                 }, null, 8, Eo)) : f("", !0)
               ])) : f("", !0),
-              _.$slots[`field-${A}`] ? C(_.$slots, `field-${A}`, se(G({ key: 1 }, {
-                propery: j,
+              _.$slots[`field-${A}`] ? C(_.$slots, `field-${A}`, D({
+                key: 1,
+                ref_for: !0
+              }, {
+                propery: T,
                 properyName: A,
                 modelValue: _.modelValue
-              })), void 0, !0) : (ae = (B = (te = _.layout) == null ? void 0 : te.fields) == null ? void 0 : B[A]) != null && ae.component && t(b)[_.layout.fields[A].component.name] ? (n(), $(ye(t(b)[_.layout.fields[A].component.name]), G({
+              }), void 0, !0) : (ae = (B = (te = _.layout) == null ? void 0 : te.fields) == null ? void 0 : B[A]) != null && ae.component && t(b)[_.layout.fields[A].component.name] ? (n(), $(ye(t(b)[_.layout.fields[A].component.name]), D({
                 key: 2,
                 modelValue: _.modelValue[A],
-                "onUpdate:modelValue": (P) => _.modelValue[A] = P
+                "onUpdate:modelValue": (P) => _.modelValue[A] = P,
+                ref_for: !0
               }, {
-                property: j,
+                property: T,
                 propertyName: A,
                 ..._.layout.fields[A].component.props || {}
               }, {
                 onInput: (P) => a("input", A),
                 onChange: E[0] || (E[0] = (P) => a("change", P))
-              }), null, 16, ["modelValue", "onUpdate:modelValue", "onInput"])) : "format" in j && ["date", "date-time"].includes(j.format) && _.searchOnly ? (n(), s("div", {
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onInput"])) : "format" in T && ["date", "date-time"].includes(T.format) && _.searchOnly ? (n(), s("div", {
                 key: 3,
                 style: { display: "grid", "grid-template-columns": "repeat(2, 1fr)", "column-gap": "1rem" },
                 onInput: (P) => a("input", A),
                 onChange: E[1] || (E[1] = (P) => a("change", P))
               }, [
-                F(Ie, G({
+                F(Ie, D({
                   modelValue: _.modelValue[A].$gte,
-                  "onUpdate:modelValue": (P) => _.modelValue[A].$gte = P
+                  "onUpdate:modelValue": (P) => _.modelValue[A].$gte = P,
+                  ref_for: !0
                 }, {
-                  property: j,
+                  property: T,
                   propertyName: A
                 }), null, 16, ["modelValue", "onUpdate:modelValue"]),
-                F(Ie, G({
+                F(Ie, D({
                   modelValue: _.modelValue[A].$lte,
-                  "onUpdate:modelValue": (P) => _.modelValue[A].$lte = P
+                  "onUpdate:modelValue": (P) => _.modelValue[A].$lte = P,
+                  ref_for: !0
                 }, {
-                  property: j,
+                  property: T,
                   propertyName: A
                 }), null, 16, ["modelValue", "onUpdate:modelValue"])
-              ], 40, Ho)) : "type" in j && j.type === "boolean" && _.searchOnly ? (n(), s("div", Do, [
-                F(Ee, G({
-                  property: j,
+              ], 40, Ho)) : "type" in T && T.type === "boolean" && _.searchOnly ? (n(), s("div", Do, [
+                F(Ee, D({ ref_for: !0 }, {
+                  property: T,
                   propertyName: A
                 }, {
                   "boolean-ref": "",
@@ -1738,19 +1746,19 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
                   ]),
                   _: 2
                 }, 1040, ["model-value", "onUpdate:modelValue"])
-              ])) : _.modelValue && "items" in j && !j.uniqueItems && (!("$ref" in j.items) || j.items.inline || j.items.$ref === "file") ? (n(), s("div", Wo, [
+              ])) : _.modelValue && "items" in T && !T.uniqueItems && (!("$ref" in T.items) || T.items.inline || T.items.$ref === "file") ? (n(), s("div", Wo, [
                 k("div", null, [
-                  F(re, {
+                  F(ie, {
                     small: "",
                     variant: "alt",
                     icon: "plus",
-                    disabled: !("inline" in j.items && j.items.inline) && (((_e = _.modelValue[A]) == null ? void 0 : _e.length) >= j.maxItems || O((Xe = _.modelValue[A]) == null ? void 0 : Xe[((ke = _.modelValue[A]) == null ? void 0 : ke.length) - 1])),
+                    disabled: !("inline" in T.items && T.items.inline) && (((_e = _.modelValue[A]) == null ? void 0 : _e.length) >= T.maxItems || O((Xe = _.modelValue[A]) == null ? void 0 : Xe[((ge = _.modelValue[A]) == null ? void 0 : ge.length) - 1])),
                     onClick: ze((P) => {
-                      _.modelValue[A] || (_.modelValue[A] = []), t(zo)(_.modelValue[A], j);
+                      _.modelValue[A] || (_.modelValue[A] = []), t(zo)(_.modelValue[A], T);
                     }, ["prevent"])
                   }, {
                     default: m(() => [
-                      Q(g(t(M)("action.add", { capitalize: !0 })), 1)
+                      G(g(t(M)("action.add", { capitalize: !0 })), 1)
                     ]),
                     _: 2
                   }, 1032, ["disabled", "onClick"])
@@ -1762,17 +1770,18 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
                     style: { display: "flex", "column-gap": ".6rem", "align-items": "center" }
                   }, [
                     k("div", Xo, [
-                      (n(), $(ye(t(it)(j, t(v))), G({
+                      (n(), $(ye(t(it)(T, t(v))), D({
                         modelValue: _.modelValue[A][Oe],
-                        "onUpdate:modelValue": (we) => _.modelValue[A][Oe] = we
+                        "onUpdate:modelValue": (we) => _.modelValue[A][Oe] = we,
+                        ref_for: !0
                       }, {
-                        property: j.items,
+                        property: T.items,
                         propertyName: A,
                         parentCollection: t(i),
                         parentPropertyName: _.parentPropertyName,
                         columns: ((nt = (tt = (et = _.layout) == null ? void 0 : et.fields) == null ? void 0 : tt[A]) == null ? void 0 : nt.optionsColumns) || ((lt = (at = (ot = _.layout) == null ? void 0 : ot.fields) == null ? void 0 : at.$default) == null ? void 0 : lt.optionsColumns),
                         validationErrors: ne(A, Oe),
-                        ...j.componentProps || {}
+                        ...T.componentProps || {}
                       }, {
                         onInput: (we) => a("input", A),
                         onChange: E[3] || (E[3] = (we) => a("change", we))
@@ -1787,17 +1796,18 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
                     ])
                   ]);
                 }), 128))
-              ])) : _.modelValue ? Z((n(), $(ye(t(it)(j, t(v))), G({
+              ])) : _.modelValue ? Z((n(), $(ye(t(it)(T, t(v))), D({
                 key: 6,
                 modelValue: _.modelValue[A],
-                "onUpdate:modelValue": (P) => _.modelValue[A] = P
+                "onUpdate:modelValue": (P) => _.modelValue[A] = P,
+                ref_for: !0
               }, {
-                property: j,
+                property: T,
                 propertyName: A,
                 parentPropertyName: _.parentPropertyName,
                 parentCollection: t(i),
                 columns: ((Ke = (Je = (Ye = _.layout) == null ? void 0 : Ye.fields) == null ? void 0 : Je[A]) == null ? void 0 : Ke.optionsColumns) || ((Ne = (Pe = (Ze = _.layout) == null ? void 0 : Ze.fields) == null ? void 0 : Pe.$default) == null ? void 0 : Ne.optionsColumns),
-                ...j.componentProps || {},
+                ...T.componentProps || {},
                 validationErrors: ne(A)
               }, {
                 onInput: (P) => a("input", A),
@@ -1814,7 +1824,7 @@ const Ro = /* @__PURE__ */ X(Lo, [["__scopeId", "data-v-d9d768a1"]]), it = (c, u
         ])),
         _.$slots.after ? C(_.$slots, "after", { key: 2 }, void 0, !0) : f("", !0),
         _.$slots.footer ? (n(), s("div", Zo, [
-          C(_.$slots, "footer", se(be({
+          C(_.$slots, "footer", ce(Ve({
             isInsertReady: ee.value
           })), void 0, !0)
         ])) : f("", !0)
@@ -1826,9 +1836,9 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
   __name: "aeria-filter-panel",
   emits: ["update:modelValue"],
   setup(c, { emit: u }) {
-    const e = u, a = ge(), l = Le(), i = () => {
+    const e = u, a = be(), l = Le(), i = () => {
       a.pagination.offset = 0, a.$actions.filter(), e("update:modelValue", !1), l.push({
-        query: Lt(a)
+        query: Rt(a)
       });
     };
     return (r, y) => (n(), $(Ae, {
@@ -1839,7 +1849,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
       onOverlayClick: y[3] || (y[3] = (p) => e("update:modelValue", !1))
     }, {
       footer: m(() => [
-        t(a).filtersCount > 0 ? (n(), $(re, {
+        t(a).filtersCount > 0 ? (n(), $(ie, {
           key: 0,
           variant: "transparent",
           onClick: y[1] || (y[1] = (p) => {
@@ -1847,30 +1857,30 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
           })
         }, {
           default: m(() => [
-            Q(g(r.t("action.clear", { capitalize: !0 })) + " ", 1),
+            G(g(r.t("action.clear", { capitalize: !0 })) + " ", 1),
             F($e, null, {
               default: m(() => [
-                Q(g(t(a).filtersCount), 1)
+                G(g(t(a).filtersCount), 1)
               ]),
               _: 1
             })
           ]),
           _: 1
         })) : f("", !0),
-        F(re, {
+        F(ie, {
           large: "",
           icon: "funnel",
           disabled: !t(a).hasActiveFilters,
           onClick: i
         }, {
           default: m(() => [
-            Q(g(r.t("action.filter", { capitalize: !0 })), 1)
+            G(g(r.t("action.filter", { capitalize: !0 })), 1)
           ]),
           _: 1
         }, 8, ["disabled"])
       ]),
       default: m(() => [
-        F(He, G({
+        F(He, D({
           modelValue: t(a).filters,
           "onUpdate:modelValue": y[0] || (y[0] = (p) => t(a).filters = p)
         }, {
@@ -1882,34 +1892,34 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
       _: 1
     }, 8, ["title"]));
   }
-}), ie = Y(!1), rt = Y(!1), Ve = Y(!1), Be = Y((...c) => null), ut = Y(), ct = !1, xo = /* @__PURE__ */ U({
+}), se = Y(!1), rt = Y(!1), ke = Y(!1), Be = Y((...c) => null), ut = Y(), ct = !1, xo = /* @__PURE__ */ U({
   __name: "aeria-insert-panel",
   setup(c) {
-    const u = ce("meta"), e = ce(u.view.collection), a = fe("individualActions", []), l = async () => {
+    const u = ue("meta"), e = ue(u.view.collection), a = fe("individualActions", []), l = async () => {
       const y = await e.$actions.deepInsert();
-      Ht(y) || (ie.value = !1);
-    }, { t: i } = wt(), r = () => {
+      yt(y) || (se.value = !1);
+    }, { t: i } = Bt(), r = () => {
       u.$actions.ask({
         action: () => {
-          e.$actions.clearItem(), e.validationErrors = {}, ie.value = !1;
+          e.$actions.clearItem(), e.validationErrors = {}, se.value = !1;
         },
         body: i("prompt.close_panel")
       });
     };
-    return ue(() => e.item._id, (y) => {
-      y === null && (ie.value = !1);
+    return re(() => e.item._id, (y) => {
+      y === null && (se.value = !1);
     }), (y, p) => {
       const h = N("clickable");
       return n(), $(Ae, {
-        modelValue: t(ie),
-        "onUpdate:modelValue": p[3] || (p[3] = (d) => mt(ie) ? ie.value = d : null),
+        modelValue: t(se),
+        "onUpdate:modelValue": p[3] || (p[3] = (d) => mt(se) ? se.value = d : null),
         "fixed-right": "",
         loading: t(e).loading.get,
         onOverlayClick: r
       }, {
         header: m(() => [
           k("span", null, g((() => {
-            switch (t(ie)) {
+            switch (t(se)) {
               case "add":
                 return t(i)("action.add", { capitalize: !0 });
               case "duplicate":
@@ -1922,11 +1932,11 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
           k("span", null, " " + g(t(i)(t(u).view.collection)), 1)
         ]),
         extra: m(() => [
-          F(Ce, G({
+          F(Ce, D({
             subject: t(e).item,
             actions: t(a).filter(({ action: d }) => d !== "ui/spawnEdit")
           }, {
-            onActionClick: p[2] || (p[2] = (d) => ie.value = !1)
+            onActionClick: p[2] || (p[2] = (d) => se.value = !1)
           }), {
             default: m(() => [
               t(e).item._id ? Z((n(), $(K, {
@@ -1941,29 +1951,29 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
           }, 16)
         ]),
         footer: m(() => [
-          F(re, {
+          F(ie, {
             variant: "transparent",
             onClick: r
           }, {
             default: m(() => [
-              Q(g(t(i)("action.cancel", { capitalize: !0 })), 1)
+              G(g(t(i)("action.cancel", { capitalize: !0 })), 1)
             ]),
             _: 1
           }),
-          F(re, {
+          F(ie, {
             large: "",
             disabled: !t(e).isInsertReady || ct || t(e).loading.get,
             loading: t(e).loading.insert,
             onClick: l
           }, {
             default: m(() => [
-              Q(g(t(i)("action.insert", { capitalize: !0 })), 1)
+              G(g(t(i)("action.insert", { capitalize: !0 })), 1)
             ]),
             _: 1
           }, 8, ["disabled", "loading"])
         ]),
         default: m(() => [
-          F(He, G({
+          F(He, D({
             modelValue: t(e).item,
             "onUpdate:modelValue": p[0] || (p[0] = (d) => t(e).item = d)
           }, {
@@ -1978,7 +1988,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
             H(Object.keys(y.$slots).filter((d) => d.startsWith("field-")), (d) => ({
               name: d,
               fn: m((o) => [
-                C(y.$slots, d, se(be(o)))
+                C(y.$slots, d, ce(Ve(o)))
               ])
             }))
           ]), 1040, ["modelValue"])
@@ -1987,7 +1997,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
       }, 8, ["modelValue", "loading"]);
     };
   }
-}), ht = (c, u) => {
+}), $t = (c, u) => {
   if (u) {
     if (!c) {
       u.filtersPreset = {}, u.preferredTableProperties = [], u.pagination.offset = 0;
@@ -1999,11 +2009,11 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
   persistInQuery: !0
 }) => {
   const a = Le().currentRoute;
-  return ue(() => a.value.query.section, (l) => {
+  return re(() => a.value.query.section, (l) => {
     if (c) {
       if (c.description.filtersPresets) {
         const i = l || Object.keys(c.description.filtersPresets)[0];
-        ht(c.description.filtersPresets[i], c);
+        $t(c.description.filtersPresets[i], c);
       }
       if (u.persistInQuery) {
         const i = a.value.query;
@@ -2016,7 +2026,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
   }, {
     immediate: !0
   });
-}, ta = (c) => (Me("data-v-51392b44"), c = c(), qe(), c), na = {
+}, ta = (c) => (Me("data-v-b6b6dff5"), c = c(), qe(), c), na = {
   key: 0,
   class: "table aeria-surface"
 }, oa = { key: 0 }, aa = { key: 1 }, la = { key: 0 }, sa = ["checked"], ia = {
@@ -2050,7 +2060,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
   },
   emits: ["itemClick"],
   setup(c, { emit: u }) {
-    const e = c, a = u, l = je(), i = e.collection || Te(), r = i ? ce(typeof i == "string" ? i : i.value) : null, y = D({
+    const e = c, a = u, l = je(), i = e.collection || Te(), r = i ? ue(typeof i == "string" ? i : i.value) : null, y = Q({
       get: () => r == null ? void 0 : r.selected,
       set: (v) => r == null ? void 0 : r.$actions.selectManyItems(v, !0)
     }), p = (v, b) => v != null && v.button ? typeof v.button == "object" ? Qe(b, v.button).satisfied : v.button : !1, h = (v) => {
@@ -2066,15 +2076,15 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
         return !p(R, v);
       }) : [];
     }, o = (v, b) => {
-      var T, q;
-      const V = [], R = (q = (T = e.layout) == null ? void 0 : T.actions) == null ? void 0 : q[b.action];
+      var j, q;
+      const V = [], R = (q = (j = e.layout) == null ? void 0 : j.actions) == null ? void 0 : q[b.action];
       return R != null && R.if && (Qe(
         v,
         R.if
       ).satisfied || V.push("display: none;")), V.join("");
     };
     return (v, b) => {
-      var R, T, q;
+      var R, j, q;
       const V = N("clickable");
       return v.columns && Object.keys(v.columns).length > 0 || v.$slots.thead ? (n(), s("table", na, [
         v.$slots.thead ? (n(), s("thead", oa, [
@@ -2110,7 +2120,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
                   type: "checkbox",
                   value: w._id
                 }, null, 8, pa), [
-                  [kt, y.value]
+                  [Vt, y.value]
                 ])
               ])) : f("", !0),
               (n(!0), s(J, null, H(Object.entries(v.columns), ([S, x], O) => {
@@ -2120,12 +2130,12 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
                 }, [
                   k("div", _a, g(x.description || t(M)(S)), 1),
                   `row-${S}` in v.$slots ? (n(), s("div", ma, [
-                    C(v.$slots, `row-${S}`, se(be({
+                    C(v.$slots, `row-${S}`, D({ ref_for: !0 }, {
                       store: t(r),
                       column: S,
                       property: x,
                       row: w
-                    })), void 0, !0)
+                    }), void 0, !0)
                   ])) : (n(), s("div", fa, [
                     k("div", va, [
                       "type" in x && x.type === "boolean" ? (n(), s("div", ya, [
@@ -2135,7 +2145,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
                           "icon-classes": "aeria-blueish"
                         }, {
                           default: m(() => [
-                            Q(g(t(M)("yes")), 1)
+                            G(g(t(M)("yes")), 1)
                           ]),
                           _: 1
                         })) : (n(), $(K, {
@@ -2144,12 +2154,12 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
                           "icon-classes": "aeria-redish"
                         }, {
                           default: m(() => [
-                            Q(g(t(M)("no")), 1)
+                            G(g(t(M)("no")), 1)
                           ]),
                           _: 1
                         }))
                       ])) : ((z = t(pe)(x)) == null ? void 0 : z.$ref) === "file" ? (n(), s("div", ha, [
-                        /^image/.test((ee = w[S][0]) == null ? void 0 : ee.mime) && "items" in x ? (n(), $(Fe, {
+                        /^image/.test((ee = w[S][0]) == null ? void 0 : ee.type) && "items" in x ? (n(), $(Fe, {
                           key: 0,
                           modelValue: w[S][0].link,
                           "onUpdate:modelValue": (L) => w[S][0].link = L,
@@ -2157,7 +2167,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
                           meta: w[S][0],
                           alt: "Row image",
                           class: "table__picture"
-                        }, null, 8, ["modelValue", "onUpdate:modelValue", "meta"])) : /^image/.test((ne = w[S]) == null ? void 0 : ne.mime) ? (n(), $(Fe, {
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "meta"])) : /^image/.test((ne = w[S]) == null ? void 0 : ne.type) ? (n(), $(Fe, {
                           key: 1,
                           modelValue: w[S].link,
                           "onUpdate:modelValue": (L) => w[S].link = L,
@@ -2194,7 +2204,7 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
               }), 128)),
               (le = v.actions) != null && le.length && t(l).md ? (n(), s("td", Ia, [
                 k("div", Aa, [
-                  (n(!0), s(J, null, H(h(w), (S) => (n(), $(re, {
+                  (n(!0), s(J, null, H(h(w), (S) => (n(), $(ie, {
                     key: `action-${S.action}`,
                     small: "",
                     variant: "transparent",
@@ -2203,14 +2213,17 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
                     onClick: (x) => S.click(w)
                   }, {
                     default: m(() => [
-                      Q(g(t(M)(S.name)), 1)
+                      G(g(t(M)(S.name)), 1)
                     ]),
                     _: 2
                   }, 1032, ["icon", "style", "onClick"]))), 128)),
-                  d(w).length > 0 ? (n(), $(Ce, se(G({ key: 0 }, {
+                  d(w).length > 0 ? (n(), $(Ce, D({
+                    key: 0,
+                    ref_for: !0
+                  }, {
                     subject: w,
                     actions: d(w)
-                  })), {
+                  }), {
                     default: m(() => [
                       Z(F(K, {
                         reactive: "",
@@ -2237,17 +2250,20 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
                         icon: S.icon || "gear"
                       }, {
                         default: m(() => [
-                          Q(g(t(M)(S.name)), 1)
+                          G(g(t(M)(S.name)), 1)
                         ]),
                         _: 2
                       }, 1032, ["icon"])
                     ]),
                     _: 2
                   }, 1032, ["onClick"]))), 128)),
-                  d(w).length > 0 ? (n(), $(Ce, se(G({ key: 0 }, {
+                  d(w).length > 0 ? (n(), $(Ce, D({
+                    key: 0,
+                    ref_for: !0
+                  }, {
                     subject: w,
                     actions: d(w)
-                  })), {
+                  }), {
                     default: m(() => [
                       F(K, {
                         icon: "dots-three",
@@ -2265,13 +2281,13 @@ const He = /* @__PURE__ */ X(Po, [["__scopeId", "data-v-1960a932"]]), No = /* @_
           }), 128))
         ])),
         k("tfoot", null, [
-          v.$slots.tfoot ? C(v.$slots, "tfoot", { key: 0 }, void 0, !0) : v.columns && !((T = v.rows) != null && T.length) && !((q = t(r)) != null && q.loading.getAll) ? (n(), s("tr", Ba, ja)) : f("", !0)
+          v.$slots.tfoot ? C(v.$slots, "tfoot", { key: 0 }, void 0, !0) : v.columns && !((j = v.rows) != null && j.length) && !((q = t(r)) != null && q.loading.getAll) ? (n(), s("tr", Ba, ja)) : f("", !0)
         ])
       ])) : f("", !0);
     };
   }
 });
-const La = /* @__PURE__ */ X(Ta, [["__scopeId", "data-v-51392b44"]]), Ra = /* @__PURE__ */ U({
+const La = /* @__PURE__ */ X(Ta, [["__scopeId", "data-v-b6b6dff5"]]), Ra = /* @__PURE__ */ U({
   __name: "aeria-tabular",
   props: {
     individualActions: {},
@@ -2279,7 +2295,7 @@ const La = /* @__PURE__ */ X(Ta, [["__scopeId", "data-v-51392b44"]]), Ra = /* @_
     componentProps: {}
   },
   setup(c) {
-    const u = c, e = ge(), a = Te(), l = D(() => {
+    const u = c, e = be(), a = Te(), l = Q(() => {
       const i = {
         collection: a,
         checkbox: e.hasSelectionActions,
@@ -2292,13 +2308,13 @@ const La = /* @__PURE__ */ X(Ta, [["__scopeId", "data-v-51392b44"]]), Ra = /* @_
     });
     return (i, r) => (n(), s("div", null, [
       i.$slots.inner ? C(i.$slots, "inner", { key: 0 }) : f("", !0),
-      t(e).properties ? (n(), $(La, G({ key: 1 }, l.value, {
+      t(e).properties ? (n(), $(La, D({ key: 1 }, l.value, {
         key: t(e).$id
       }), de({ _: 2 }, [
         H(Object.keys(i.$slots).filter((y) => !["inner"].includes(y)), (y) => ({
           name: y,
           fn: m((p) => [
-            C(i.$slots, y, se(be(p)))
+            C(i.$slots, y, ce(Ve(p)))
           ])
         }))
       ]), 1040)) : f("", !0)
@@ -2332,7 +2348,7 @@ const Fa = /* @__PURE__ */ X(za, [["__scopeId", "data-v-438c4aed"]]), Ma = { key
     componentName: {}
   },
   setup(c) {
-    const e = c.layoutOptions, a = ge(), l = (i) => Array.isArray(i) ? i[0] : i;
+    const e = c.layoutOptions, a = be(), l = (i) => Array.isArray(i) ? i[0] : i;
     return (i, r) => {
       const y = N("clickable");
       return n(), $(Fa, {
@@ -2349,10 +2365,13 @@ const Fa = /* @__PURE__ */ X(za, [["__scopeId", "data-v-438c4aed"]]), Ma = { key
               t(e).information ? (n(), s("div", qa, g(p[t(e).information]), 1)) : f("", !0)
             ]),
             actions: m(() => [
-              i.individualActions.length > 0 ? (n(), $(Ce, se(G({ key: 0 }, {
+              i.individualActions.length > 0 ? (n(), $(Ce, D({
+                key: 0,
+                ref_for: !0
+              }, {
                 subject: p,
                 actions: i.individualActions
-              })), {
+              }), {
                 default: m(() => [
                   Z(F(K, {
                     reactive: "",
@@ -2385,7 +2404,7 @@ const Fa = /* @__PURE__ */ X(za, [["__scopeId", "data-v-438c4aed"]]), Ma = { key
                   large: ""
                 }, {
                   default: m(() => [
-                    Q(g(t(e).translateBadge ? t(M)(h) : h), 1)
+                    G(g(t(e).translateBadge ? t(M)(h) : h), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -2396,7 +2415,7 @@ const Fa = /* @__PURE__ */ X(za, [["__scopeId", "data-v-438c4aed"]]), Ma = { key
               fn: m(() => [
                 F($e, null, {
                   default: m(() => [
-                    Q(g(t(e).translateBadge ? t(M)(p[t(e).badge]) : p[t(e)[i.badge]]), 1)
+                    G(g(t(e).translateBadge ? t(M)(p[t(e).badge]) : p[t(e)[i.badge]]), 1)
                   ]),
                   _: 2
                 }, 1024)
@@ -2441,19 +2460,19 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
   setup(c, { emit: u }) {
     const e = c, a = u, l = Le(), i = vt({
       delay: 600
-    }), r = ce("meta"), y = je(), { reachedEnd: p, detach: h } = We(null, {
+    }), r = ue("meta"), y = je(), { reachedEnd: p, detach: h } = We(null, {
       antecipate: 600
     }), d = !y.value.md || e.scrollPagination;
-    d && ue(p, (O) => {
-      O && o.pagination.recordsTotal > o.items.length && V.value < pt && (V.value += 1, T());
+    d && re(p, (O) => {
+      O && o.pagination.recordsTotal > o.items.length && V.value < pt && (V.value += 1, j());
     });
-    const o = ce(e.collection);
+    const o = ue(e.collection);
     ea(o, {
       persistInQuery: !e.noQueryPersistence
     });
-    const v = Mt(), b = e.action ? t(e.action) : Rt(o, l, v);
+    const v = qt(), b = e.action ? t(e.action) : zt(o, l, v);
     Be.value = b[0], ut.value = b[1];
-    const V = Y(0), R = Y(!1), T = async (O) => {
+    const V = Y(0), R = Y(!1), j = async (O) => {
       o.activeFilters = Object.assign({}, (O == null ? void 0 : O.filters) || o.$filters), Object.assign(o.activeFilters, o.filtersPreset);
       const z = {
         filters: o.activeFilters,
@@ -2471,9 +2490,9 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
           offset: O.offset,
           limit: O.limit
         }
-      }), o.pagination.offset = O.offset, o.pagination.limit = O.limit, T();
+      }), o.pagination.offset = O.offset, o.pagination.limit = O.limit, j();
     }, w = fe("noResultsComponent", null);
-    ue(() => [
+    re(() => [
       l.currentRoute.value.path,
       l.currentRoute.value.query.section
     ], async (O, z) => {
@@ -2481,8 +2500,8 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
         return;
       const ee = l.currentRoute.value;
       if (r.view.title = e.collection, r.view.collection = e.collection, rt.value = !1, !e.noFetch && !ee.query._popstate) {
-        const ne = zt(o, ee);
-        Object.keys(ne).length > 0 && Object.assign(o.filters, ne), await T();
+        const ne = Ft(o, ee);
+        Object.keys(ne).length > 0 && Object.assign(o.filters, ne), await j();
       }
     }, {
       immediate: !0,
@@ -2497,18 +2516,18 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
         $search: `"${O}"`,
         $caseSensitive: !1
       }
-    }), T({
+    }), j({
       offset: 0
-    })) : (o.filters = Se(o.freshFilters), V.value = 0, T())));
-    ue(() => o.textQuery, (O) => {
+    })) : (o.filters = Se(o.freshFilters), V.value = 0, j())));
+    re(() => o.textQuery, (O) => {
       le(O);
     });
     const oe = (O) => {
       O.currentLayout = O.currentLayout === "tabular" ? O.description.layout.name : "tabular";
     };
-    Vt(() => {
+    Ct(() => {
       o.$actions.clearFilters(), o.textQuery = "", h();
-    }), ue(() => ut.value, async (O) => {
+    }), re(() => ut.value, async (O) => {
       var ne;
       const z = Se(O);
       let ee;
@@ -2524,11 +2543,11 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
         })), z.name === "spawnAdd")
           o.$actions.clearItem(), (ne = z.params) != null && ne.item && (o.$actions.setItem(z.params.item), Object.keys(z.params.item).forEach((_) => {
             delete o.referenceItem[_];
-          })), ie.value = "add";
+          })), se.value = "add";
         else if (z.name === "spawnEdit")
-          o.$actions.setItem(z.params), ie.value = "edit";
+          o.$actions.setItem(z.params), se.value = "edit";
         else if (z.name === "spawnView")
-          rt.value = !0, ie.value = "view";
+          rt.value = !0, se.value = "view";
         else if (z.name === "duplicate") {
           await ee;
           const _ = Object.entries(o.item).reduce((E, [I, L]) => {
@@ -2540,7 +2559,7 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
             const A = o.properties[I];
             if (A.readOnly)
               return E;
-            const j = (te) => {
+            const T = (te) => {
               const B = pe(A);
               if (!B)
                 return te;
@@ -2552,43 +2571,43 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
               }
               return te;
             };
-            return L = Array.isArray(L) ? L.map(j) : j(L), {
+            return L = Array.isArray(L) ? L.map(T) : T(L), {
               ...E,
               [I]: L
             };
           }, {});
-          o.$actions.setItem(_), delete o.item._id, o.referenceItem = {}, ie.value = "duplicate";
+          o.$actions.setItem(_), delete o.item._id, o.referenceItem = {}, se.value = "duplicate";
         } else
           a("uiEvent", z);
     }, {
       deep: !0
-    }), ue(() => ie, (O) => {
+    }), re(() => se, (O) => {
       O.value === !1 && (r.view.collection = e.collection, o.$actions.clearItem());
     });
-    const S = D(() => o.individualActions.map((O) => ({
+    const S = Q(() => o.individualActions.map((O) => ({
       click: Be.value(O),
       ...O
-    }))), x = D(() => o.actions.filter((O) => !O.button));
-    return ve(Ue, D(() => e.collection)), ve("individualActions", S), (O, z) => {
-      var _, E, I, L, A, j, te;
+    }))), x = Q(() => o.actions.filter((O) => !O.button));
+    return ve(Ue, Q(() => e.collection)), ve("individualActions", S), (O, z) => {
+      var _, E, I, L, A, T, te;
       const ee = N("clickable"), ne = N("loading");
       return n(), s(J, null, [
-        t(Ve) ? (n(), $(No, {
+        t(ke) ? (n(), $(No, {
           key: t(o).$id,
-          modelValue: t(Ve),
-          "onUpdate:modelValue": z[0] || (z[0] = (B) => mt(Ve) ? Ve.value = B : null)
+          modelValue: t(ke),
+          "onUpdate:modelValue": z[0] || (z[0] = (B) => mt(ke) ? ke.value = B : null)
         }, null, 8, ["modelValue"])) : f("", !0),
-        t(ie) ? (n(), $(xo, { key: 1 }, de({ _: 2 }, [
+        t(se) ? (n(), $(xo, { key: 1 }, de({ _: 2 }, [
           H(Object.keys(O.$slots).filter((B) => B.startsWith("field-")), (B) => ({
             name: B,
             fn: m((ae) => [
-              C(O.$slots, B, se(be(ae)), void 0, !0)
+              C(O.$slots, B, ce(Ve(ae)), void 0, !0)
             ])
           }))
         ]), 1024)) : f("", !0),
         !O.noActions && (t(o).description.search || Object.keys(t(o).availableFilters).length > 0 || ((_ = t(o)) == null ? void 0 : _.actions.length) > 0 || O.$slots.actions || !O.noLayoutToggle && t(o).description.layout && ((E = t(o).description.layout) == null ? void 0 : E.name) !== "tabular") ? (n(), s("div", Da, [
           t(o).description.search ? (n(), s("div", Qa, [
-            F(Ie, G({
+            F(Ie, D({
               modelValue: t(o).textQuery,
               "onUpdate:modelValue": z[1] || (z[1] = (B) => t(o).textQuery = B)
             }, {
@@ -2602,14 +2621,14 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
           k("div", Ga, [
             x.value.length > 0 || !O.noLayoutToggle && t(o).description.layout && ((I = t(o).description.layout) == null ? void 0 : I.name) !== "tabular" ? (n(), $(Ce, { key: 0 }, de({
               default: m(() => [
-                F(re, {
+                F(ie, {
                   variant: "alt",
                   icon: "sliders"
                 }, {
                   default: m(() => [
                     t(o).filtersCount ? (n(), $($e, { key: 0 }, {
                       default: m(() => [
-                        Q(g(t(o).filtersCount), 1)
+                        G(g(t(o).filtersCount), 1)
                       ]),
                       _: 1
                     })) : f("", !0)
@@ -2624,10 +2643,10 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
                 fn: m(() => [
                   Z((n(), $(K, {
                     icon: "funnel",
-                    onClick: z[2] || (z[2] = (B) => Ve.value = !0)
+                    onClick: z[2] || (z[2] = (B) => ke.value = !0)
                   }, {
                     default: m(() => [
-                      Q(g(t(M)("filters", { capitalize: !0 })), 1)
+                      G(g(t(M)("filters", { capitalize: !0 })), 1)
                     ]),
                     _: 1
                   })), [
@@ -2636,7 +2655,7 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
                   k("div", Wa, [
                     t(o).filtersCount ? (n(), $($e, { key: 0 }, {
                       default: m(() => [
-                        Q(g(t(o).filtersCount), 1)
+                        G(g(t(o).filtersCount), 1)
                       ]),
                       _: 1
                     })) : f("", !0)
@@ -2652,7 +2671,7 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
                     onClick: z[3] || (z[3] = (B) => oe(t(o)))
                   }, {
                     default: m(() => [
-                      Q(g(t(M)("change_layout", { capitalize: !0 })), 1)
+                      G(g(t(M)("change_layout", { capitalize: !0 })), 1)
                     ]),
                     _: 1
                   })), [
@@ -2668,40 +2687,40 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
                     key: 0,
                     icon: B.icon || "gear",
                     disabled: t(o).selected.length === 0 && B.selection,
-                    onClick: (_e) => t(Be)(B)({ _id: t(o).selected.map((ke) => ke._id) })
+                    onClick: (_e) => t(Be)(B)({ _id: t(o).selected.map((ge) => ge._id) })
                   }, {
                     default: m(() => [
-                      Q(g(t(M)(B.name, { capitalize: !0 })), 1)
+                      G(g(t(M)(B.name, { capitalize: !0 })), 1)
                     ]),
                     _: 2
                   }, 1032, ["icon", "disabled", "onClick"])) : f("", !0)
                 ])
               }))
-            ]), 1024)) : Object.keys(t(o).availableFilters).length > 0 ? (n(), $(re, {
+            ]), 1024)) : Object.keys(t(o).availableFilters).length > 0 ? (n(), $(ie, {
               key: 1,
               variant: "alt",
               icon: "funnel",
-              onClick: z[4] || (z[4] = (B) => Ve.value = !0)
+              onClick: z[4] || (z[4] = (B) => ke.value = !0)
             }, {
               default: m(() => [
                 Xa,
                 t(o).filtersCount ? (n(), $($e, { key: 0 }, {
                   default: m(() => [
-                    Q(g(t(o).filtersCount), 1)
+                    G(g(t(o).filtersCount), 1)
                   ]),
                   _: 1
                 })) : f("", !0)
               ]),
               _: 1
             })) : f("", !0),
-            (n(!0), s(J, null, H(t(o).actions.filter((B) => B.button), (B, ae) => (n(), $(re, {
+            (n(!0), s(J, null, H(t(o).actions.filter((B) => B.button), (B, ae) => (n(), $(ie, {
               key: `action-${ae}`,
               icon: B.icon,
               disabled: t(o).selected.length === 0 && B.selection,
-              onClick: (_e) => t(Be)(B)({ _id: t(o).selected.map((ke) => ke._id) })
+              onClick: (_e) => t(Be)(B)({ _id: t(o).selected.map((ge) => ge._id) })
             }, {
               default: m(() => [
-                Q(g(t(M)(B.name, { capitalize: !0 })), 1)
+                G(g(t(M)(B.name, { capitalize: !0 })), 1)
               ]),
               _: 2
             }, 1032, ["icon", "disabled", "onClick"]))), 128)),
@@ -2710,11 +2729,11 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
         ])) : f("", !0),
         Z((n(), s("div", null, [
           t(o).itemsCount === 0 && !t(o).loading.getAll && R.value && (t(w) || O.$slots.empty) ? (n(), s("div", Ya, [
-            t(w) ? (n(), $(ye(t(w)), se(G({ key: 0 }, {
+            t(w) ? (n(), $(ye(t(w)), ce(D({ key: 0 }, {
               collection: t(o).$id
             })), {
               default: m(() => [
-                t(o).filtersCount === 0 && t(o).description.actions && "ui:spawnAdd" in t(o).description.actions ? (n(), $(re, {
+                t(o).filtersCount === 0 && t(o).description.actions && "ui:spawnAdd" in t(o).description.actions ? (n(), $(ie, {
                   key: 0,
                   icon: "plus",
                   onClick: z[5] || (z[5] = (B) => t(Be)({
@@ -2722,20 +2741,20 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
                   })())
                 }, {
                   default: m(() => [
-                    Q(g(t(M)("add_first_item", { capitalize: !0 })), 1)
+                    G(g(t(M)("add_first_item", { capitalize: !0 })), 1)
                   ]),
                   _: 1
                 })) : f("", !0)
               ]),
               _: 1
-            }, 16)) : C(O.$slots, "empty", se(G({ key: 1 }, {
+            }, 16)) : C(O.$slots, "empty", ce(D({ key: 1 }, {
               collection: t(o).$id
             })), void 0, !0)
-          ])) : O.$slots.component ? C(O.$slots, "component", se(G({ key: 1 }, {
+          ])) : O.$slots.component ? C(O.$slots, "component", ce(D({ key: 1 }, {
             store: t(o)
-          })), void 0, !0) : (n(), $(ye(t(Ea)(((A = O.layout) == null ? void 0 : A.name) || t(o).$currentLayout)), G({ key: 2 }, {
+          })), void 0, !0) : (n(), $(ye(t(Ea)(((A = O.layout) == null ? void 0 : A.name) || t(o).$currentLayout)), D({ key: 2 }, {
             individualActions: S.value,
-            layoutOptions: ((j = O.layout) == null ? void 0 : j.options) || t(o).layout.options,
+            layoutOptions: ((T = O.layout) == null ? void 0 : T.options) || t(o).layout.options,
             componentProps: O.componentProps
           }, {
             "component-name": ((te = O.layout) == null ? void 0 : te.name) || t(o).$currentLayout
@@ -2743,7 +2762,7 @@ const dt = /* @__PURE__ */ X(Ua, [["__scopeId", "data-v-71a3bd40"]]), Ea = (c) =
             H(Object.keys(O.$slots).filter((B) => B.startsWith("row-")), (B) => ({
               name: B,
               fn: m((ae) => [
-                C(O.$slots, B, se(be(ae)), void 0, !0)
+                C(O.$slots, B, ce(Ve(ae)), void 0, !0)
               ])
             })),
             O.$slots.tfoot ? {
@@ -2774,7 +2793,7 @@ const jl = /* @__PURE__ */ X(Ka, [["__scopeId", "data-v-9c163d4e"]]), Za = { cla
     actions: {}
   },
   setup(c) {
-    const u = ce("meta"), e = (a) => {
+    const u = ue("meta"), e = (a) => {
       u.$actions.fulfillPrompt(a);
     };
     return (a, l) => (n(), $(Ae, {
@@ -2797,7 +2816,7 @@ const jl = /* @__PURE__ */ X(Ka, [["__scopeId", "data-v-9c163d4e"]]), Za = { cla
             onClick: (y) => i.click ? i.click(i) : e(i)
           }, {
             default: m(() => [
-              Q(g(i.title || i.name), 1)
+              G(g(i.title || i.name), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -2813,7 +2832,7 @@ const jl = /* @__PURE__ */ X(Ka, [["__scopeId", "data-v-9c163d4e"]]), Za = { cla
       a.title ? {
         name: "title",
         fn: m(() => [
-          Q(g(a.title), 1)
+          G(g(a.title), 1)
         ]),
         key: "0"
       } : void 0
@@ -2829,7 +2848,7 @@ const Na = /* @__PURE__ */ X(Pa, [["__scopeId", "data-v-5443f297"]]), xa = { cla
     icon: {}
   },
   setup(c) {
-    const u = ce("meta");
+    const u = ue("meta");
     return (e, a) => {
       const l = N("clickable");
       return Z((n(), s("div", {
@@ -2840,7 +2859,7 @@ const Na = /* @__PURE__ */ X(Pa, [["__scopeId", "data-v-5443f297"]]), xa = { cla
         onAnimationend: a[0] || (a[0] = (i) => t(u).$actions.popToast()),
         onClick: a[1] || (a[1] = (i) => t(u).$actions.popToast(e.itr))
       }, [
-        F(K, G(
+        F(K, D(
           e.icon ? { icon: e.icon } : { icon: "warning-circle" },
           { style: { "--icon-size": "4rem", "--icon-color": "var(--theme-brand-color-shade-3)" } }
         ), null, 16),
@@ -2857,9 +2876,9 @@ const Na = /* @__PURE__ */ X(Pa, [["__scopeId", "data-v-5443f297"]]), xa = { cla
 const nl = /* @__PURE__ */ X(tl, [["__scopeId", "data-v-54736bc3"]]), ol = ["innerHTML"], al = { class: "main__toasts" }, ll = ["innerHTML"], sl = /* @__PURE__ */ U({
   __name: "aeria-main",
   setup(c) {
-    const u = ce("meta"), e = D(() => u.themeOverride || u.theme);
+    const u = ue("meta"), e = Q(() => u.themeOverride || u.theme);
     return (a, l) => {
-      const i = Ct("router-view");
+      const i = It("router-view");
       return n(), s("main", {
         id: "main",
         class: W(`
@@ -2868,7 +2887,7 @@ const nl = /* @__PURE__ */ X(tl, [["__scopeId", "data-v-54736bc3"]]), ol = ["inn
       ${e.value === "dark" && "tw-dark"}
   `)
       }, [
-        (n(), $(It, null, {
+        (n(), $(At, null, {
           default: m(() => [
             F(i, null, {
               default: m(({ Component: r }) => [
@@ -2887,7 +2906,7 @@ const nl = /* @__PURE__ */ X(tl, [["__scopeId", "data-v-54736bc3"]]), ol = ["inn
           _: 3
         })),
         C(a.$slots, "default", {}, void 0, !0),
-        F(Ae, G({
+        F(Ae, D({
           modelValue: t(u).modal.visible,
           "onUpdate:modelValue": l[0] || (l[0] = (r) => t(u).modal.visible = r),
           float: "",
@@ -2906,14 +2925,14 @@ const nl = /* @__PURE__ */ X(tl, [["__scopeId", "data-v-54736bc3"]]), ol = ["inn
           ]),
           _: 1
         }, 16, ["modelValue"]),
-        t(u).prompt.visible ? (n(), $(Na, se(G({ key: 0 }, t(u).prompt)), {
+        t(u).prompt.visible ? (n(), $(Na, ce(D({ key: 0 }, t(u).prompt)), {
           default: m(() => [
-            Q(g(t(u).prompt.body), 1)
+            G(g(t(u).prompt.body), 1)
           ]),
           _: 1
         }, 16)) : f("", !0),
         k("div", al, [
-          (n(!0), s(J, null, H(t(u).toasts, (r) => (n(), $(nl, G(r, {
+          (n(!0), s(J, null, H(t(u).toasts, (r) => (n(), $(nl, D({ ref_for: !0 }, r, {
             key: `toast-${r.itr}`
           }), {
             default: m(() => [
@@ -2957,7 +2976,7 @@ const Ll = /* @__PURE__ */ X(il, [["render", ul], ["__scopeId", "data-v-3cfef7fb
     dropdown: { type: Boolean }
   },
   setup(c) {
-    const u = c, e = At(), a = Le(), l = je(), i = "query" in u && u.query ? "query" : "params", r = D(() => {
+    const u = c, e = Ot(), a = Le(), l = je(), i = "query" in u && u.query ? "query" : "params", r = Q(() => {
       const p = a.currentRoute.value[i][u.query || u.param];
       return p || Object.keys(e)[0];
     }), y = (p) => {
@@ -3037,7 +3056,7 @@ const yl = /* @__PURE__ */ X(vl, [["__scopeId", "data-v-4dd516ec"]]), hl = U({
     const u = Y(c.initialValue);
     return c.promise instanceof Promise && c.promise.then((e) => {
       u.value = e;
-    }), () => Ot("div", u.value);
+    }), () => wt("div", u.value);
   }
 }), $l = ["onClick"], bl = { key: 1 }, gl = /* @__PURE__ */ U({
   __name: "aeria-crud-topbar",
@@ -3045,10 +3064,10 @@ const yl = /* @__PURE__ */ X(vl, [["__scopeId", "data-v-4dd516ec"]]), hl = U({
     collection: {}
   },
   setup(c) {
-    const u = c, a = Le().currentRoute, l = D(() => {
+    const u = c, a = Le().currentRoute, l = Q(() => {
       try {
         const i = u.collection ? u.collection : a.value.meta.collection || a.value.params.collection;
-        return ge(i);
+        return be(i);
       } catch {
         return null;
       }
@@ -3063,14 +3082,14 @@ const yl = /* @__PURE__ */ X(vl, [["__scopeId", "data-v-4dd516ec"]]), hl = U({
         fn: m(() => [
           k("div", {
             class: "topbar__preset",
-            onClick: (h) => t(ht)(p, l.value)
+            onClick: (h) => t($t)(p, l.value)
           }, [
             p.icon ? (n(), $(K, {
               key: 0,
               icon: p.icon
             }, {
               default: m(() => [
-                Q(g(p.name || t(M)(y, { plural: !0 })), 1)
+                G(g(p.name || t(M)(y, { plural: !0 })), 1)
               ]),
               _: 2
             }, 1032, ["icon"])) : (n(), s("div", bl, g(p.name || t(M)(y, { plural: !0 })), 1)),
@@ -3101,7 +3120,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
   setup(c) {
     const u = c;
     ve(Ue, null);
-    const e = Ft(), a = D(() => e(
+    const e = Mt(), a = Q(() => e(
       u.modelValue.password,
       u.modelValue.confirmation
     ));
@@ -3123,7 +3142,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
     }, {
       after: m(() => [
         k("div", null, g(a.value || "Senhas conferem"), 1),
-        C(l.$slots, "default", se(be({ passwordError: a.value })))
+        C(l.$slots, "default", ce(Ve({ passwordError: a.value })))
       ]),
       _: 3
     }, 8, ["model-value"]));
@@ -3146,7 +3165,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
     {
       path: "signin",
       name: "/user/signin",
-      component: () => import("./signin-72b3b697.js"),
+      component: () => import("./signin-0db1eb4f.js"),
       meta: {
         title: "Autenticação"
       }
@@ -3154,7 +3173,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
     {
       path: "signup",
       name: "/user/signup",
-      component: () => import("./signup-0257e6aa.js"),
+      component: () => import("./signup-57507eb3.js"),
       meta: {
         title: "Registro"
       }
@@ -3162,7 +3181,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
     {
       path: "activation",
       name: "/user/activation",
-      component: () => import("./activation-b2a947e0.js"),
+      component: () => import("./activation-d238ff2c.js"),
       meta: {
         title: "Ativação"
       }
@@ -3184,7 +3203,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
       name: "/dashboard/crud",
       props: !0,
       components: {
-        default: () => import("./crud-view-232aa79c.js"),
+        default: () => import("./crud-view-1bbc1387.js"),
         topbar: () => Promise.resolve().then(() => Vl)
       },
       meta: {
@@ -3202,7 +3221,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
       children: [
         {
           path: "profile",
-          component: () => import("./profile-d956dbdb.js"),
+          component: () => import("./profile-1660e4f2.js"),
           meta: {
             title: "Meu perfil",
             icon: "user-square"
@@ -3211,7 +3230,7 @@ const kl = /* @__PURE__ */ X(gl, [["__scopeId", "data-v-57d3d562"]]), Vl = /* @_
         {
           path: "changepass",
           name: "/dashboard/user/changepass",
-          component: () => import("./password-change-f12b3652.js"),
+          component: () => import("./password-change-6277346e.js"),
           meta: {
             title: "Mudar senha",
             icon: "lock"
@@ -3229,7 +3248,7 @@ export {
   zl as E,
   Fl as F,
   Rl as _,
-  re as a,
+  ie as a,
   K as b,
   Hn as c,
   jl as d,