@aeria-ui/ui 0.0.206 → 0.0.208

package/dist/{index-CtPGU2HF.js → index-3edyOiId.js}

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as X, resolveDirective as ee, createElementBlock as s, openBlock as n, normalizeClass as U, Fragment as Y, renderList as z, withDirectives as K, createCommentVNode as h, createTextVNode as D, toDisplayString as V, unref as t, renderSlot as C, withModifiers as Ie, inject as re, computed as G, createElementVNode as O, mergeProps as x, createBlock as $, withCtx as y, resolveDynamicComponent as pe, useCssVars as Ne, normalizeProps as oe, guardReactiveProps as be, Teleport as Fe, createVNode as L, onMounted as Ue, watch as ae, vModelDynamic as et, onBeforeMount as Xe, normalizeStyle as ve, provide as fe, createSlots as ie, vModelCheckbox as tt, onUnmounted as nt, resolveComponent as at, Suspense as ot, useSlots as lt, h as it } from "vue";
+import { defineComponent as M, ref as K, resolveDirective as ee, createElementBlock as s, openBlock as n, normalizeClass as U, Fragment as W, renderList as z, withDirectives as Y, createCommentVNode as h, createTextVNode as D, toDisplayString as V, unref as t, renderSlot as C, withModifiers as Ie, inject as re, computed as G, createElementVNode as O, mergeProps as x, createBlock as $, withCtx as y, resolveDynamicComponent as pe, useCssVars as Ne, normalizeProps as oe, guardReactiveProps as be, Teleport as Fe, createVNode as L, onMounted as Ue, watch as ae, vModelDynamic as et, onBeforeMount as Xe, normalizeStyle as ve, provide as fe, createSlots as ie, vModelCheckbox as tt, onUnmounted as nt, resolveComponent as at, Suspense as ot, useSlots as lt, h as it } from "vue";
 import { t as R, useI18n as st } from "@aeria-ui/i18n";
 import { INSTANCE_VARS_SYMBOL as rt, useScrollObserver as He, useBreakpoints as Se, useMask as ut, PAGINATION_PER_PAGE_DEFAULTS as ct, API_URL as Je, request as dt, useDebounce as Ze, convertToSearchQuery as mt, useParentCollectionStore as Ae, useCollectionStore as pt, useAction as ft, convertFromSearchQuery as vt, usePasswordPolicy as yt } from "@aeria-ui/core";
 import { arraysIntersect as Ee, deepClone as ke, getReferenceProperty as se, convertConditionToQuery as ht, freshItem as bt, isRequired as je, evaluateCondition as qe, deepMerge as Be } from "@aeriajs/common";
@@ -17,7 +17,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     headers: {}
   },
   setup(e) {
-    const u = X(null), o = (a) => typeof a == "string" ? a : a.title;
+    const r = K(null), o = (a) => typeof a == "string" ? a : a.title;
     return (a, l) => {
       const c = ee("clickable");
       return n(), s("div", {
@@ -26,29 +26,29 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           "accordion--padded": !e.noPadding
         })
       }, [
-        (n(!0), s(Y, null, z(Object.keys(a.$slots).filter((r) => r !== "default"), (r, p) => (n(), s("div", {
-          key: r,
+        (n(!0), s(W, null, z(Object.keys(a.$slots).filter((u) => u !== "default"), (u, p) => (n(), s("div", {
+          key: u,
           class: "accordion__slot"
         }, [
-          K((n(), s("div", {
+          Y((n(), s("div", {
             class: "accordion__header",
-            onClick: (d) => u.value === r ? u.value = null : u.value = r
+            onClick: (d) => r.value === u ? r.value = null : r.value = u
           }, [
             e.enumerate ? (n(), s("span", kt, V(p + 1) + ". ", 1)) : h("", !0),
-            D(" " + V(e.headers[r] ? o(e.headers[r]) : t(R)(r)), 1)
+            D(" " + V(e.headers[u] ? o(e.headers[u]) : t(R)(u)), 1)
           ], 8, gt)), [
             [c]
           ]),
-          u.value === r ? (n(), s("div", Vt, [
-            C(a.$slots, r, {}, void 0, !0)
+          r.value === u ? (n(), s("div", Vt, [
+            C(a.$slots, u, {}, void 0, !0)
           ])) : h("", !0)
         ]))), 128))
       ], 2);
     };
   }
-}), E = (e, u) => {
+}), E = (e, r) => {
   const o = e.__vccOpts || e;
-  for (const [a, l] of u)
+  for (const [a, l] of r)
     o[a] = l;
   return o;
 }, sl = /* @__PURE__ */ E(Ct, [["__scopeId", "data-v-3ea933d4"]]), Ot = /* @__PURE__ */ M({
@@ -58,14 +58,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     alt: { type: Boolean }
   },
   setup(e) {
-    return (u, o) => (n(), s("div", {
+    return (r, o) => (n(), s("div", {
       class: U([
         "badge",
         { "badge--large": e.large },
         { "badge--alt": e.alt }
       ])
     }, [
-      C(u.$slots, "default", {}, void 0, !0)
+      C(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }), he = /* @__PURE__ */ E(Ot, [["__scopeId", "data-v-4cbce7ef"]]), At = /* @__PURE__ */ M({
@@ -75,11 +75,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     disabled: { type: Boolean }
   },
   emits: ["click"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = (c) => {
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = (c) => {
       o.disabled || a("click", c);
     };
-    return (c, r) => e.dummy ? (n(), s("button", {
+    return (c, u) => e.dummy ? (n(), s("button", {
       key: 0,
       class: U([
         "barebutton",
@@ -112,8 +112,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     active: { type: Boolean }
   },
   setup(e) {
-    const u = e, o = re(rt, {}), a = typeof u.reactive == "boolean" ? u.reactive : re("iconReactive", !1), l = G(() => u.icon?.includes(":") ? u.icon : `regular:${u.icon}`);
-    return (c, r) => (n(), s("a", {
+    const r = e, o = re(rt, {}), a = typeof r.reactive == "boolean" ? r.reactive : re("iconReactive", !1), l = G(() => r.icon?.includes(":") ? r.icon : `regular:${r.icon}`);
+    return (c, u) => (n(), s("a", {
       class: U([
         "icon",
         { "icon--reactive": t(a) },
@@ -161,14 +161,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     loading: { type: Boolean }
   },
   setup(e) {
-    const u = e, o = re("buttonVariant", u.variant) || "primary", a = (() => {
+    const r = e, o = re("buttonVariant", r.variant) || "primary", a = (() => {
       switch (!0) {
-        case u.small:
+        case r.small:
           return "small";
-        case u.large:
+        case r.large:
           return "large";
       }
-      return re("buttonSize", u.size) || "medium";
+      return re("buttonSize", r.size) || "medium";
     })();
     return (l, c) => (n(), $(de, {
       class: U([
@@ -204,7 +204,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     horizontal: { type: Boolean }
   },
   setup(e) {
-    return (u, o) => (n(), s("div", {
+    return (r, o) => (n(), s("div", {
       class: U([
         "card",
         { "card--inactive": e.inactive },
@@ -212,19 +212,19 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       ])
     }, [
       O("div", jt, [
-        C(u.$slots, "default", {}, void 0, !0)
+        C(r.$slots, "default", {}, void 0, !0)
       ]),
       O("div", Rt, [
         O("div", qt, [
           O("div", null, [
-            C(u.$slots, "footer", {}, void 0, !0)
+            C(r.$slots, "footer", {}, void 0, !0)
           ]),
           O("div", Lt, [
-            u.$slots.actions ? C(u.$slots, "actions", { key: 0 }, void 0, !0) : h("", !0)
+            r.$slots.actions ? C(r.$slots, "actions", { key: 0 }, void 0, !0) : h("", !0)
           ])
         ]),
         O("div", xt, [
-          C(u.$slots, "badge", {}, void 0, !0)
+          C(r.$slots, "badge", {}, void 0, !0)
         ])
       ])
     ], 2));
@@ -257,17 +257,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     overlayLayer: {}
   },
   emits: ["update:modelValue", "update:collapsed", "update:closeHint", "overlayClick", "close"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = X(o.collapsed), c = X(null), { reachedEnd: r } = He(c), p = () => {
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = K(o.collapsed), c = K(null), { reachedEnd: u } = He(c), p = () => {
       a("update:modelValue", !1), a("close");
     }, d = () => {
       a("overlayClick");
-    }, v = (m) => {
+    }, f = (m) => {
       a("update:collapsed", m), l.value = m;
     };
     return (m, b) => {
       const _ = ee("clickable"), g = ee("loading"), i = ee("overlay");
-      return e.modelValue ? K((n(), s("div", {
+      return e.modelValue ? Y((n(), s("div", {
         key: 0,
         class: U([
           "panel",
@@ -305,21 +305,21 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   C(m.$slots, "extra", {}, void 0, !0)
                 ])) : h("", !0)
               ]),
-              e.collapsible && l.value ? K((n(), $(H, {
+              e.collapsible && l.value ? Y((n(), $(H, {
                 key: 0,
                 reactive: "",
                 icon: "plus",
-                onClick: b[0] || (b[0] = (T) => v(!l.value))
+                onClick: b[0] || (b[0] = (T) => f(!l.value))
               }, null, 512)), [
                 [_]
-              ]) : e.collapsible && !l.value ? K((n(), $(H, {
+              ]) : e.collapsible && !l.value ? Y((n(), $(H, {
                 key: 1,
                 reactive: "",
                 icon: "minus",
-                onClick: b[1] || (b[1] = (T) => v(!l.value))
+                onClick: b[1] || (b[1] = (T) => f(!l.value))
               }, null, 512)), [
                 [_]
-              ]) : e.closeHint ? K((n(), $(H, {
+              ]) : e.closeHint ? Y((n(), $(H, {
                 key: 2,
                 reactive: "",
                 icon: "x",
@@ -328,7 +328,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 [_]
               ]) : h("", !0)
             ], 2)) : h("", !0),
-            l.value ? h("", !0) : K((n(), s("div", {
+            l.value ? h("", !0) : Y((n(), s("div", {
               key: 1,
               ref_key: "body",
               ref: c,
@@ -347,7 +347,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               class: U([
                 "panel__footer",
                 { "panel__footer--padded": !e.fillFooter },
-                { "panel__footer--shadowed": !t(r) }
+                { "panel__footer--shadowed": !t(u) }
               ])
             }, [
               C(m.$slots, "footer", {}, void 0, !0)
@@ -376,19 +376,19 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     overlayLayer: {}
   },
   emits: ["actionClick"],
-  setup(e, { emit: u }) {
+  setup(e, { emit: r }) {
     Ne((d) => ({
       v4078ef85: p.value.x,
       v4078ef86: p.value.y
     }));
-    const o = u, a = X(null), l = X(!1), c = (d) => d?.filter((v) => {
-      if (v.roles) {
+    const o = r, a = K(null), l = K(!1), c = (d) => d?.filter((f) => {
+      if (f.roles) {
         const m = ne("user");
-        return Ee(v.roles, m.currentUser.roles);
+        return Ee(f.roles, m.currentUser.roles);
       }
       return !0;
-    }), r = (d, v) => {
-      const m = v && ke(v);
+    }), u = (d, f) => {
+      const m = f && ke(f);
       d.click && d.click(m), o("actionClick", {
         action: d,
         subject: m
@@ -399,16 +399,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           x: 0,
           y: 0
         };
-      const d = a.value.getBoundingClientRect().top, v = a.value.getBoundingClientRect().left, m = a.value.offsetHeight;
+      const d = a.value.getBoundingClientRect().top, f = a.value.getBoundingClientRect().left, m = a.value.offsetHeight;
       return {
         _: l.value,
-        x: Math.floor(v) + "px",
+        x: Math.floor(f) + "px",
         y: Math.floor(d + m) + "px"
       };
     });
-    return (d, v) => {
+    return (d, f) => {
       const m = ee("overlay");
-      return n(), s(Y, null, [
+      return n(), s(W, null, [
         Object.keys(d.$slots).some((b) => b !== "default") || e.actions !== void 0 && e.actions.length > 0 ? (n(), s("div", {
           key: 0,
           ref_key: "contextmenu",
@@ -417,7 +417,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, [
           O("a", {
             class: "contextmenu__trigger",
-            onClick: v[0] || (v[0] = (b) => l.value = !0)
+            onClick: f[0] || (f[0] = (b) => l.value = !0)
           }, [
             C(d.$slots, "default", oe(be({
               visible: l.value
@@ -428,9 +428,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           key: 1,
           to: "main"
         }, [
-          K((n(), $(Oe, {
+          Y((n(), $(Oe, {
             modelValue: l.value,
-            "onUpdate:modelValue": v[4] || (v[4] = (b) => l.value = b),
+            "onUpdate:modelValue": f[4] || (f[4] = (b) => l.value = b),
             fill: "",
             bordered: "",
             class: "content",
@@ -444,9 +444,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 Object.keys(d.$slots).filter((b) => !["default", "extra", "header"].includes(b)).length > 0 ? (n(), s("div", {
                   key: 1,
                   class: "content__section",
-                  onClick: v[1] || (v[1] = (b) => l.value = !1)
+                  onClick: f[1] || (f[1] = (b) => l.value = !1)
                 }, [
-                  (n(!0), s(Y, null, z(Object.keys(d.$slots).filter((b) => !["default", "extra", "header"].includes(b)), (b, _) => (n(), $(de, {
+                  (n(!0), s(W, null, z(Object.keys(d.$slots).filter((b) => !["default", "extra", "header"].includes(b)), (b, _) => (n(), $(de, {
                     key: `slot-${_}`,
                     class: "content__item content__item--reactive"
                   }, {
@@ -459,12 +459,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 e.actions !== void 0 && e.actions.length > 0 ? (n(), s("div", {
                   key: 2,
                   class: "content__section",
-                  onClick: v[2] || (v[2] = (b) => l.value = !1)
+                  onClick: f[2] || (f[2] = (b) => l.value = !1)
                 }, [
-                  (n(!0), s(Y, null, z(c(e.actions), (b, _) => (n(), $(de, {
+                  (n(!0), s(W, null, z(c(e.actions), (b, _) => (n(), $(de, {
                     key: `action-${_}`,
                     class: "content__item content__item--reactive",
-                    onClick: (g) => r(b, e.subject)
+                    onClick: (g) => u(b, e.subject)
                   }, {
                     default: y(() => [
                       L(H, {
@@ -482,7 +482,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 d.$slots.extra ? (n(), s("div", {
                   key: 3,
                   class: "content__section",
-                  onClick: v[3] || (v[3] = (b) => l.value = !1)
+                  onClick: f[3] || (f[3] = (b) => l.value = !1)
                 }, [
                   O("div", Gt, [
                     d.$slots.extra ? C(d.$slots, "extra", { key: 0 }, void 0, !0) : h("", !0)
@@ -514,8 +514,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     where: { default: "top" }
   },
   setup(e) {
-    const u = Se(), o = X(!1);
-    return (a, l) => t(u).md ? (n(), s("div", {
+    const r = Se(), o = K(!1);
+    return (a, l) => t(r).md ? (n(), s("div", {
       key: 0,
       class: "info",
       onMouseleave: l[1] || (l[1] = (c) => o.value = !1)
@@ -560,9 +560,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     variant: {}
   },
   emits: ["update:modelValue", "input", "change", "clipboardCopy"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = o.property || {}, c = l.icon || "inputType" in l && l.inputType === "search", r = re("searchOnly", !1), p = re("innerInputLabel", !1), d = !r && (o.readOnly || l.readOnly), v = X(!1), m = async (w) => {
-      await navigator.clipboard.writeText(w), a("clipboardCopy", w), v.value = !0;
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = o.property || {}, c = l.icon || "inputType" in l && l.inputType === "search", u = re("searchOnly", !1), p = re("innerInputLabel", !1), d = !u && (o.readOnly || l.readOnly), f = K(!1), m = async (w) => {
+      await navigator.clipboard.writeText(w), a("clipboardCopy", w), f.value = !0;
     }, b = re("inputVariant", o.variant) || "normal", _ = Object.assign(Object.assign({}, o), {
       name: o.propertyName,
       readonly: d,
@@ -586,7 +586,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       })(),
       placeholder: p ? l.description || o.propertyName : l.placeholder
     });
-    "type" in l && ((l.type === "number" || l.type === "integer") && (l.minimum && (_.min = l.minimum), l.exclusiveMinimum && (_.min = l.exclusiveMinimum + 1), l.maximum && (_.max = l.maximum), l.exclusiveMaximum && (_.max = l.exclusiveMaximum - 1)), l.type === "string" && ((l.format === "date" || l.format === "date-time") && (_.type = !r && l.format === "date-time" ? "datetime-local" : "date"), _.minlength = l.minLength, _.maxlength = l.maxLength)), _.type === "text" && r && (_.type = "search"), Ue(() => {
+    "type" in l && ((l.type === "number" || l.type === "integer") && (l.minimum && (_.min = l.minimum), l.exclusiveMinimum && (_.min = l.exclusiveMinimum + 1), l.maximum && (_.max = l.maximum), l.exclusiveMaximum && (_.max = l.exclusiveMaximum - 1)), l.type === "string" && ((l.format === "date" || l.format === "date-time") && (_.type = !u && l.format === "date-time" ? "datetime-local" : "date"), _.minlength = l.minLength, _.maxlength = l.maxLength)), _.type === "text" && u && (_.type = "search"), Ue(() => {
       o.modelValue !== null && F(o.modelValue);
     });
     const g = (w) => {
@@ -605,7 +605,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         default:
           throw new Error();
       }
-    }, i = X(""), T = o.property?.type === "string" && o.property.mask ? ut(o.property.mask) : null;
+    }, i = K(""), T = o.property?.type === "string" && o.property.mask ? ut(o.property.mask) : null;
     ae(() => o.modelValue, (w) => {
       i.value = (() => {
         if (T)
@@ -667,7 +667,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             `input__container--${t(b)}`
           ])
         }, [
-          K(O("textarea", {
+          Y(O("textarea", {
             placeholder: t(_).placeholder,
             readonly: t(_).readonly,
             value: e.modelValue,
@@ -686,7 +686,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             `input__container--${t(b)}`
           ])
         }, [
-          K(O("input", x(t(_), {
+          Y(O("input", x(t(_), {
             value: i.value,
             "data-component": "input",
             class: [
@@ -714,11 +714,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 D("Copiar", -1)
               ])]),
               default: y(() => [
-                v.value ? (n(), $(H, {
+                f.value ? (n(), $(H, {
                   key: 0,
                   reactive: "",
                   icon: "check"
-                })) : K((n(), $(H, {
+                })) : Y((n(), $(H, {
                   key: 1,
                   reactive: "",
                   icon: "clipboard",
@@ -752,12 +752,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     noOutline: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = X(null), c = o.property, r = (m) => {
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = K(null), c = o.property, u = (m) => {
       a("update:modelValue", m), a("change", m);
     }, p = (m) => {
-      m === "" || m === null ? r(null) : o.booleanRef ? r(m === "true") : r(m);
-    }, d = (m) => Array.isArray(o.modelValue) ? o.modelValue.includes(m) : o.modelValue === m, v = G(() => o.multiple ? typeof o.multiple == "number" ? o.multiple : 5 : 1);
+      m === "" || m === null ? u(null) : o.booleanRef ? u(m === "true") : u(m);
+    }, d = (m) => Array.isArray(o.modelValue) ? o.modelValue.includes(m) : o.modelValue === m, f = G(() => o.multiple ? typeof o.multiple == "number" ? o.multiple : 5 : 1);
     return ae(l, (m) => {
       if (m && o.required && !o.modelValue) {
         const b = m.querySelector("option")?.value;
@@ -773,14 +773,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       "read-only": "",
       "model-value": e.modelValue
     }, null, 8, ["model-value"])) : (n(), s("select", x({ key: 0 }, {
-      size: v.value,
+      size: f.value,
       value: e.modelValue
     }, {
       ref_key: "select",
       ref: l,
       class: {
         select: !0,
-        "select--multiple": !!v.value,
+        "select--multiple": !!f.value,
         "select--outline": !e.noOutline
       },
       onChange: b[0] || (b[0] = (_) => p(_.target.value))
@@ -790,7 +790,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         icon: t(c).icon
       }, null, 8, ["icon"])) : h("", !0),
       !o.multiple && !e.required ? (n(), s("option", an, V(t(R)("none")), 1)) : h("", !0),
-      (n(!0), s(Y, null, z(t(c) && "enum" in t(c) ? t(c).enum : [], (_) => (n(), s("option", {
+      (n(!0), s(W, null, z(t(c) && "enum" in t(c) ? t(c).enum : [], (_) => (n(), s("option", {
         key: String(_),
         value: _,
         "data-selected": d(_)
@@ -808,8 +808,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     noSummary: { type: Boolean }
   },
   emits: ["paginate"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = G({
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = G({
       get: () => Math.floor(o.pagination.offset / o.pagination.limit),
       set: (d) => {
         o.pagination.offset = d * o.pagination.limit;
@@ -819,20 +819,20 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       set: (d) => {
         o.pagination.limit = Number(d);
       }
-    }), r = X(l.value ? l.value + 1 : 1), p = G(() => Math.ceil(o.pagination.recordsTotal / o.pagination.limit));
+    }), u = K(l.value ? l.value + 1 : 1), p = G(() => Math.ceil(o.pagination.recordsTotal / o.pagination.limit));
     return ae([
       l,
       c
     ], ([d]) => {
-      r.value = d + 1, a("paginate", {
+      u.value = d + 1, a("paginate", {
         offset: l.value * c.value,
         limit: c.value
       });
-    }), (d, v) => (n(), s("div", sn, [
+    }), (d, f) => (n(), s("div", sn, [
       O("div", rn, [
         L(de, {
           disabled: l.value === 0,
-          onClick: v[0] || (v[0] = (m) => l.value = 0)
+          onClick: f[0] || (f[0] = (m) => l.value = 0)
         }, {
           default: y(() => [
             L(H, { icon: "caret-double-left" })
@@ -841,7 +841,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, 8, ["disabled"]),
         L(de, {
           disabled: l.value === 0,
-          onClick: v[1] || (v[1] = (m) => l.value -= 1)
+          onClick: f[1] || (f[1] = (m) => l.value -= 1)
         }, {
           default: y(() => [
             L(H, { icon: "caret-left" })
@@ -850,7 +850,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, 8, ["disabled"]),
         L(de, {
           disabled: l.value === p.value - 1,
-          onClick: v[2] || (v[2] = (m) => l.value += 1)
+          onClick: f[2] || (f[2] = (m) => l.value += 1)
         }, {
           default: y(() => [
             L(H, { icon: "caret-right" })
@@ -859,7 +859,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, 8, ["disabled"]),
         L(de, {
           disabled: l.value === p.value - 1,
-          onClick: v[3] || (v[3] = (m) => l.value = p.value - 1)
+          onClick: f[3] || (f[3] = (m) => l.value = p.value - 1)
         }, {
           default: y(() => [
             L(H, { icon: "caret-double-right" })
@@ -868,7 +868,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }, 8, ["disabled"]),
         L(Qe, {
           modelValue: c.value,
-          "onUpdate:modelValue": v[4] || (v[4] = (m) => c.value = m),
+          "onUpdate:modelValue": f[4] || (f[4] = (m) => c.value = m),
           property: {
             enum: [],
             icon: "list"
@@ -876,7 +876,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           class: "pagination__control"
         }, {
           default: y(() => [
-            (n(!0), s(Y, null, z(t(ct), (m) => (n(), s("option", {
+            (n(!0), s(W, null, z(t(ct), (m) => (n(), s("option", {
               key: `limit-${m}`,
               value: m
             }, V(m), 9, un))), 128))
@@ -888,15 +888,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         D(V(t(R)("Page")) + " ", 1),
         (n(), $(_e, {
           key: l.value,
-          modelValue: r.value,
-          "onUpdate:modelValue": v[5] || (v[5] = (m) => r.value = m),
+          modelValue: u.value,
+          "onUpdate:modelValue": f[5] || (f[5] = (m) => u.value = m),
           property: {
             type: "number",
             minimum: 1
           },
           style: { height: "100%" },
-          onChange: v[6] || (v[6] = (m) => {
-            l.value = r.value === 0 ? 0 : r.value - 1;
+          onChange: f[6] || (f[6] = (m) => {
+            l.value = u.value === 0 ? 0 : u.value - 1;
           })
         }, null, 8, ["modelValue"])),
         O("span", null, V(t(R)("of")) + " " + V(p.value), 1)
@@ -920,7 +920,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     variant: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: u }) {
+  setup(e, { emit: r }) {
     const o = e, a = o.property, l = o.readOnly || a?.readOnly, c = (() => {
       if (a && "type" in a)
         switch (a.type) {
@@ -929,7 +929,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             return "checkbox";
         }
       return "radio";
-    })(), r = u, p = o.value || !1, d = G({
+    })(), u = r, p = o.value || !1, d = G({
       get: () => {
         if (a) {
           if ("type" in a && a.type === "boolean")
@@ -943,33 +943,33 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         if (!l) {
           if (a) {
             if ("type" in a && a.type === "boolean") {
-              r("update:modelValue", !o.modelValue);
+              u("update:modelValue", !o.modelValue);
               return;
             }
             if ("items" in a) {
               if (o.modelValue?.includes(p)) {
-                r("update:modelValue", o.modelValue.filter((m) => m !== p));
+                u("update:modelValue", o.modelValue.filter((m) => m !== p));
                 return;
               }
-              r("update:modelValue", [p].concat(o.modelValue || []));
+              u("update:modelValue", [p].concat(o.modelValue || []));
               return;
             }
           }
-          r("update:modelValue", o.value);
+          u("update:modelValue", o.value);
         }
       }
-    }), v = (m) => {
+    }), f = (m) => {
       l && m.preventDefault();
     };
     return (m, b) => {
       const _ = ee("clickable");
-      return K((n(), s("label", {
+      return Y((n(), s("label", {
         class: U([
           "checkbox",
           { "checkbox--readOnly": t(l) }
         ])
       }, [
-        K(O("input", x({
+        Y(O("input", x({
           "onUpdate:modelValue": b[0] || (b[0] = (g) => d.value = g)
         }, {
           type: t(c),
@@ -977,7 +977,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           checked: d.value
         }, {
           class: "checkbox__input",
-          onClick: v
+          onClick: f
         }), null, 16), [
           [et, d.value]
         ]),
@@ -1016,8 +1016,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     columns: { default: 1 }
   },
   emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = o.readOnly || o.property.readOnly, c = "items" in o.property ? o.property.items.enum : o.property.enum, r = (p) => {
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = o.readOnly || o.property.readOnly, c = "items" in o.property ? o.property.items.enum : o.property.enum, u = (p) => {
       a("update:modelValue", p);
     };
     return Xe(() => {
@@ -1032,17 +1032,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         "grid-template-columns": "repeat(var(--columns), 1fr)"
       })
     }, [
-      (n(!0), s(Y, null, z(t(c), (v) => (n(), s("div", {
-        key: `option-${v}`,
+      (n(!0), s(W, null, z(t(c), (f) => (n(), s("div", {
+        key: `option-${f}`,
         class: "options__checkbox"
       }, [
         L(_n, x({ ref_for: !0 }, {
-          value: v,
+          value: f,
           readOnly: t(l),
           property: e.property
         }, {
           "model-value": e.modelValue,
-          "onUpdate:modelValue": r
+          "onUpdate:modelValue": u
         }), null, 16, ["model-value"])
       ]))), 128))
     ], 4));
@@ -1062,20 +1062,20 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     required: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = o.property, c = o.readOnly || l?.readOnly, r = () => {
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = o.property, c = o.readOnly || l?.readOnly, u = () => {
       c || (a("change", !o.modelValue), a("update:modelValue", !o.modelValue));
     };
     return (p, d) => {
-      const v = ee("clickable");
+      const f = ee("clickable");
       return n(), s("div", Vn, [
-        K((n(), s("a", {
+        Y((n(), s("a", {
           class: U([
             "switch",
             { "switch--active": e.modelValue },
             { "switch--readOnly": t(c) }
           ]),
-          onClick: Ie(r, ["stop"])
+          onClick: Ie(u, ["stop"])
         }, [
           d[0] || (d[0] = O("div", { class: "switch__slider" }, null, -1)),
           O("div", {
@@ -1085,7 +1085,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             ])
           }, null, 2)
         ], 2)), [
-          [v, {
+          [f, {
             blocked: t(c)
           }]
         ]),
@@ -1111,15 +1111,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     height: { default: "100%" }
   },
   setup(e) {
-    const u = e, o = G(() => u.fileId ? `${Je}/file/${u.fileId}/picture` : u.url || u.modelValue), a = X(!1);
+    const r = e, o = G(() => r.fileId ? `${Je}/file/${r.fileId}/picture` : r.url || r.modelValue), a = K(!1);
     return (l, c) => {
-      const r = ee("overlay");
+      const u = ee("overlay");
       return n(), s("figure", Bn, [
         o.value && a.value ? (n(), $(Fe, {
           key: 0,
           to: "main"
         }, [
-          K((n(), s("div", Sn, [
+          Y((n(), s("div", Sn, [
             O("img", {
               src: o.value,
               alt: e.alt,
@@ -1131,7 +1131,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             }, null, 8, wn),
             e.meta?.owner ? (n(), s("div", Tn, V(l.t("created_by")) + " " + V(e.meta.owner.name) + " em " + V(l.formatDateTime(e.meta.created_at, { hours: !0 })), 1)) : h("", !0)
           ])), [
-            [r, {
+            [u, {
               layer: 60,
               click: () => {
                 a.value = !1;
@@ -1201,7 +1201,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     modelValue: {}
   },
   setup(e) {
-    const u = e, o = "_id" in u.modelValue ? u.modelValue : u.modelValue.file, a = (l) => {
+    const r = e, o = "_id" in r.modelValue ? r.modelValue : r.modelValue.file, a = (l) => {
       const c = l === 0 ? 0 : Math.floor(Math.log(l) / Math.log(1024));
       return `${(l / Math.pow(1024, c)).toFixed(2)} ${[
         "B",
@@ -1258,11 +1258,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     multiple: { type: Boolean }
   },
   emits: ["update:content", "change", "update:modelValue"],
-  setup(e, { emit: u }) {
-    const o = e, a = o.property && se(o.property), l = u, r = we() ? xe() : null, p = o.multiple || o.property && "type" in o.property && o.property.type === "array", d = G(() => {
+  setup(e, { emit: r }) {
+    const o = e, a = o.property && se(o.property), l = r, u = we() ? xe() : null, p = o.multiple || o.property && "type" in o.property && o.property.type === "array", d = G(() => {
       if (o.modelValue)
         return Array.isArray(o.modelValue) ? o.modelValue : [o.modelValue];
-    }), v = (_) => new Promise((g) => {
+    }), f = (_) => new Promise((g) => {
       const i = new FileReader();
       i.onload = () => g(i.result), i.readAsArrayBuffer(_);
     }), m = async (_) => {
@@ -1271,9 +1271,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         return;
       const i = [];
       for (const T of g) {
-        const k = await v(T);
-        if (r) {
-          const { data: { error: F, result: I } } = await dt(`${Je}/${r.$id}/upload?name=${T.name}`, k, {
+        const k = await f(T);
+        if (u) {
+          const { data: { error: F, result: I } } = await dt(`${Je}/${u.$id}/upload?name=${T.name}`, k, {
             params: {
               method: "POST",
               headers: {
@@ -1312,12 +1312,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           onChange: m
         }, null, 40, Hn)),
         d.value && d.value.length > 0 ? (n(), s("div", Dn, [
-          (n(!0), s(Y, null, z(d.value, (T, k) => (n(), $(Fn, {
+          (n(!0), s(W, null, z(d.value, (T, k) => (n(), $(Fn, {
             key: "_id" in T ? String(T._id) : T.file.name,
             "model-value": T
           }, {
             default: y(() => [
-              e.readOnly ? h("", !0) : K((n(), $(H, {
+              e.readOnly ? h("", !0) : Y((n(), $(H, {
                 key: 0,
                 reactive: "",
                 icon: "trash",
@@ -1341,23 +1341,23 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     observeScroll: { type: Boolean }
   },
   emits: ["endReached"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = X(null), c = o.observeScroll ? He(l, {
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = K(null), c = o.observeScroll ? He(l, {
       antecipate: 100
     }).reachedEnd : null;
-    return c !== null && ae(c, (r) => {
-      r && a("endReached", r);
-    }), (r, p) => (n(), s("div", Wn, [
-      r.$slots.default ? (n(), s("div", {
+    return c !== null && ae(c, (u) => {
+      u && a("endReached", u);
+    }), (u, p) => (n(), s("div", Wn, [
+      u.$slots.default ? (n(), s("div", {
         key: 0,
         ref_key: "containerEl",
         ref: l,
         class: "container__content"
       }, [
-        C(r.$slots, "default", {}, void 0, !0)
+        C(u.$slots, "default", {}, void 0, !0)
       ], 512)) : h("", !0),
-      r.$slots.footer ? (n(), s("div", Yn, [
-        C(r.$slots, "footer", {}, void 0, !0)
+      u.$slots.footer ? (n(), s("div", Yn, [
+        C(u.$slots, "footer", {}, void 0, !0)
       ])) : h("", !0)
     ]));
   }
@@ -1371,8 +1371,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     readOnly: { type: Boolean }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { emit: u }) {
-    const o = Ce(), a = e, l = u, c = a.property, r = se(c);
+  setup(e, { emit: r }) {
+    const o = Ce(), a = e, l = r, c = a.property, u = se(c);
     xe();
     const p = G(() => a.modelValue ? Array.isArray(a.modelValue) ? Array.isArray(a.modelValue) && Object.values(a.modelValue).some(({ _id: b }) => a.item._id === b) : a.modelValue._id === a.item._id : !1), d = () => {
       if (p.value)
@@ -1380,8 +1380,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       const b = (g) => g.filter((i) => !!i._id);
       let _;
       "items" in c ? a.modelValue ? _ = b(Array.isArray(a.modelValue) ? a.modelValue : [a.modelValue]) : _ = [] : _ = a.modelValue, Array.isArray(_) ? l("update:modelValue", _.concat([a.item])) : l("update:modelValue", a.item), l("change", a.item);
-    }, v = async (b) => {
-      r.purge && b?.purge;
+    }, f = async (b) => {
+      u.purge && b?.purge;
       const _ = () => {
         const g = Array.isArray(a.modelValue) ? Array.from(a.modelValue) : [], i = g.findIndex((T) => T._id === a.item._id);
         return g.splice(i, 1), g;
@@ -1390,15 +1390,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     }, m = () => {
       if (a.readOnly) {
         o.push({
-          path: `/dashboard/c/${r.$ref}/${a.item._id}`
+          path: `/dashboard/c/${u.$ref}/${a.item._id}`
         });
         return;
       }
-      return p.value ? v() : d();
+      return p.value ? f() : d();
     };
     return (b, _) => {
       const g = ee("clickable");
-      return K((n(), s("div", {
+      return Y((n(), s("div", {
         class: U({
           item: !0,
           "item--selected": p.value
@@ -1407,7 +1407,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       }, [
         C(b.$slots, "default", {}, void 0, !0),
         O("div", Xn, [
-          (n(!0), s(Y, null, z(e.indexes, (i, T) => (n(), s("div", {
+          (n(!0), s(W, null, z(e.indexes, (i, T) => (n(), s("div", {
             key: `index-${e.item._id}-${T}`,
             class: "item__value"
           }, V(e.item[i]), 1))), 128))
@@ -1439,17 +1439,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     panel: { default: void 0 }
   },
   emits: ["update:modelValue", "change", "update:panel"],
-  setup(e, { emit: u }) {
-    const o = e, a = ne("meta"), l = se(o.property), c = o.panel !== void 0 ? G(() => o.panel) : X(!1), r = u, p = ne(se(o.property).$ref), d = we(), v = d ? xe() : null, m = l.indexes;
+  setup(e, { emit: r }) {
+    const o = e, a = ne("meta"), l = se(o.property), c = o.panel !== void 0 ? G(() => o.panel) : K(!1), u = r, p = ne(se(o.property).$ref), d = we(), f = d ? xe() : null, m = l.indexes;
     fe(Te, se(o.property).$ref), fe("innerInputLabel", !0), fe("omitInputLabels", !0);
-    const b = X(o.modelValue), _ = X({
+    const b = K(o.modelValue), _ = K({
       data: [],
       pagination: {}
-    }), g = G(() => _.value.data), i = G(() => _.value.pagination), T = X(0), k = X(!1), F = X(""), I = () => {
+    }), g = G(() => _.value.data), i = G(() => _.value.pagination), T = K(0), k = K(!1), F = K(""), I = () => {
       const Z = {};
       if (d) {
         const P = t(d);
-        Z[P] = v;
+        Z[P] = f;
       }
       return l.constraints ? ht(l.constraints, Z) : {};
     }, w = () => {
@@ -1487,9 +1487,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     }), ce = () => {
       k.value = !0, ue();
     }, $e = () => {
-      "effect" in c ? r("update:panel", !0) : c.value = !0, N();
+      "effect" in c ? u("update:panel", !0) : c.value = !0, N();
     }, me = () => {
-      T.value = 0, _.value.data.splice(0), "effect" in c ? r("update:panel", !1) : c.value = !1;
+      T.value = 0, _.value.data.splice(0), "effect" in c ? u("update:panel", !1) : c.value = !1;
     };
     ae(() => F.value.length, (Z, P) => {
       Z && !P && N();
@@ -1497,12 +1497,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       o.selectOnly && N();
     });
     const A = (Z) => {
-      b.value = Z, o.selectOnly || r("update:modelValue", Z);
+      b.value = Z, o.selectOnly || u("update:modelValue", Z);
     }, j = () => {
-      me(), r("update:modelValue", b.value);
+      me(), u("update:modelValue", b.value);
     };
     return (Z, P) => {
-      const f = ee("clickable");
+      const v = ee("clickable");
       return n(), s("div", null, [
         t(c) ? (n(), $(Fe, {
           key: 0,
@@ -1547,14 +1547,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   onEndReached: w
                 }, {
                   default: y(() => [
-                    (n(!0), s(Y, null, z(g.value, (B) => (n(), $(ze, x({ ref_for: !0 }, {
+                    (n(!0), s(W, null, z(g.value, (B) => (n(), $(ze, x({ ref_for: !0 }, {
                       item: B,
                       indexes: t(m),
                       property: e.property
                     }, {
                       key: `matching-${B._id}`,
                       modelValue: b.value,
-                      "onUpdate:modelValue": P[1] || (P[1] = (W) => b.value = W)
+                      "onUpdate:modelValue": P[1] || (P[1] = (X) => b.value = X)
                     }), null, 16, ["modelValue"]))), 128))
                   ]),
                   _: 1
@@ -1571,7 +1571,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           L(Ge, null, ie({
             default: y(() => [
               "items" in e.property ? (n(), s("div", aa, [
-                (n(!0), s(Y, null, z(e.modelValue, (B) => (n(), $(ze, x({ ref_for: !0 }, {
+                (n(!0), s(W, null, z(e.modelValue, (B) => (n(), $(ze, x({ ref_for: !0 }, {
                   item: B,
                   indexes: t(m),
                   property: e.property,
@@ -1594,7 +1594,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             e.readOnly ? void 0 : {
               name: "footer",
               fn: y(() => [
-                K((n(), $(H, {
+                Y((n(), $(H, {
                   icon: "plus",
                   onClick: $e
                 }, {
@@ -1603,7 +1603,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   ]),
                   _: 1
                 })), [
-                  [f]
+                  [v]
                 ])
               ]),
               key: "0"
@@ -1613,7 +1613,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       ]);
     };
   }
-}), la = /* @__PURE__ */ E(oa, [["__scopeId", "data-v-7a35daa0"]]), We = (e, u) => {
+}), la = /* @__PURE__ */ E(oa, [["__scopeId", "data-v-7a35daa0"]]), We = (e, r) => {
   const o = "items" in e ? e.items : e, a = {
     options: kn,
     select: Qe,
@@ -1638,17 +1638,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     const c = se(e);
     return c ? c.inline ? "form" : c.$ref === "file" ? "file" : "search" : "items" in e && e.uniqueItems ? "options" : "enum" in o ? "select" : "input";
   })();
-  return u[l] ? u[l] : a[l];
-}, ia = (e, u, o) => {
+  return r[l] ? r[l] : a[l];
+}, ia = (e, r, o) => {
   e ??= [];
-  const a = "items" in u ? u.items : u;
+  const a = "items" in r ? r.items : r;
   if ("$ref" in a) {
     const l = ne(a.$ref, o), c = ke(l.$freshItem);
     return e.push(c);
   }
   return "properties" in a ? e.push(bt(a)) : "type" in a && a.type === "boolean" ? e.push({}) : e.push(null);
-}, sa = (e, u) => {
-  e.splice(u, 1);
+}, sa = (e, r) => {
+  e.splice(r, 1);
 }, ra = {
   key: 0,
   class: "form__header"
@@ -1687,49 +1687,50 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     highlightRequired: { type: Boolean, default: !0 },
     focus: { type: Boolean },
     includeId: { type: Boolean },
-    includeTimestamps: { type: Boolean }
+    includeTimestamps: { type: Boolean },
+    includeReadOnly: { type: Boolean }
   },
   emits: ["update:modelValue", "input", "change", "clipboardCopy"],
-  setup(e, { emit: u }) {
-    const o = De(), a = e, l = u;
+  setup(e, { emit: r }) {
+    const o = De(), a = e, l = r;
     Xe(() => {
       a.modelValue || l("update:modelValue", a.property && "items" in a.property ? [] : {});
     });
-    const c = a.property && se(a.property), r = c ? c.$ref : a.collection || we(), p = a.readOnly || a.property?.readOnly, d = r ? ne(t(r)) : null;
-    !r && 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 v = X(!1), m = G(() => {
-      const f = !a.form && a.property ? "type" in a.property && a.property.type === "object" ? "properties" in a.property ? a.property.properties : void 0 : d?.properties : a.form;
-      if (!f)
+    const c = a.property && se(a.property), u = c ? c.$ref : a.collection || we();
+    let p;
+    a.readOnly ? p = a.readOnly : a.property && typeof a.property.readOnly == "boolean" ? p = a.property.readOnly : p = !1;
+    const d = u ? ne(t(u)) : null;
+    !u && 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 f = K(!1), m = G(() => {
+      const v = !a.form && a.property ? "type" in a.property && a.property.type === "object" ? "properties" in a.property ? a.property.properties : void 0 : d?.properties : a.form;
+      if (!v)
         return;
       const B = {};
       if (a.includeId && (B._id = {
         type: "string",
         readOnly: !0
       }), a.includeTimestamps) {
-        const W = {
+        const X = {
           type: "string",
           format: "date-time",
           readOnly: !0,
           isTimestamp: !0
         };
-        f.created_at || (B.created_at = W), f.created_at || (B.updated_at = W);
+        v.created_at || (B.created_at = X), v.created_at || (B.updated_at = X);
       }
-      return Object.assign(B, f), B;
-    }), b = G(() => a.layout || d?.description.formLayout), _ = (f) => {
-      const B = re(f, a[f]);
-      return a[f] && fe(f, a[f]), B;
+      return Object.assign(B, v), B;
+    }), b = G(() => a.layout || d?.description.formLayout), _ = (v) => {
+      const B = re(v, a[v]);
+      return a[v] && fe(v, a[v]), B;
     }, g = G(() => a.validationErrors !== null ? a.validationErrors : d?.validationErrors), i = _("formComponents") || {}, T = _("propertyComponents") || {}, k = _("omitFormHeader"), F = _("omitInputLabels"), I = _("innerInputLabel");
-    r && fe(Te, r), fe("searchOnly", a.searchOnly);
-    const w = (f) => m.value ? Object.entries(m.value).filter(([B, W]) => !W.noForm && f([
-      B,
-      W
-    ])) : null, J = (f, B) => {
-      if (a.searchOnly || !r || a.includeId && f === "_id" || a.includeTimestamps && B.isTimestamp)
+    u && fe(Te, u), fe("searchOnly", a.searchOnly);
+    const w = (v, B) => {
+      if (a.searchOnly || !u || a.includeId && v === "_id" || a.includeTimestamps && B.isTimestamp)
         return !0;
-      const W = a.property && "properties" in a.property ? a.property.form : d?.description?.form;
-      return !W || W.includes(f);
-    }, N = w(([f, B]) => J(f, B) && (!B.readOnly || a.readOnly)), ue = Se(), ce = {}, $e = (f, B) => {
-      const W = [], te = b.value?.fields?.[f];
+      const X = a.property && "properties" in a.property ? a.property.form : d?.description?.form;
+      return !X || X.includes(v);
+    }, N = m.value ? Object.entries(m.value).filter(([v, B]) => w(v, B) && !B.noForm && (!B.readOnly || a.readOnly || a.includeReadOnly)) : null, ue = Se(), ce = {}, $e = (v, B) => {
+      const X = [], te = b.value?.fields?.[v];
       if (!B)
         return;
       if (te?.if && !a.searchOnly) {
@@ -1737,22 +1738,22 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           a.modelValue,
           te.if
         );
-        q.satisfied || (ce[f] && (d ? a.modelValue[f] = typeof d.$freshItem[f] == "object" ? ke(d.$freshItem[f]) : d.$freshItem[f] : a.modelValue[f] = [
+        q.satisfied || (ce[v] && (d ? a.modelValue[v] = typeof d.$freshItem[v] == "object" ? ke(d.$freshItem[v]) : d.$freshItem[v] : a.modelValue[v] = [
           void 0,
           null
-        ].includes(a.modelValue[f]) ? null : a.modelValue[f].constructor()), W.push("display: none")), ce[f] = q.satisfied;
+        ].includes(a.modelValue[v]) ? null : a.modelValue[v].constructor()), X.push("display: none")), ce[v] = q.satisfied;
       }
       const S = ue.value.md && te?.span || 6;
-      return W.push(`--field-span: ${S}`, "grid-column: span var(--field-span) / span var(--field-span)"), te && (te.verticalSpacing && W.push([
+      return X.push(`--field-span: ${S}`, "grid-column: span var(--field-span) / span var(--field-span)"), te && (te.verticalSpacing && X.push([
         `--vertical-spacing: ${te.verticalSpacing}`,
         "padding: var(--vertical-spacing) 0"
-      ]), te.separator && W.push([
+      ]), te.separator && X.push([
         "border-top: 1px solid var(--theme-border-color)",
         "border-width: 1px 0 1px 0",
         "padding: 1rem 0",
         "margin: 1rem 0"
-      ])), W.join(";");
-    }, me = (f) => f === null || f instanceof Object && !Object.keys(f).length, A = G(() => {
+      ])), X.join(";");
+    }, me = (v) => v === null || v instanceof Object && !Object.keys(v).length, A = G(() => {
       if (typeof a.required < "u")
         switch (a.required) {
           case !0:
@@ -1764,40 +1765,40 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         }
       return a.property && "required" in a.property ? a.property.required : a.collection ? d.description.required : void 0;
     }), j = G(() => {
-      let f;
+      let v;
       if (a.form)
-        f = a.form;
+        v = a.form;
       else if (a.property && "properties" in a.property)
-        f = a.property.properties;
+        v = a.property.properties;
       else
         return !0;
       const { error: B } = _t(a.modelValue, {
         type: "object",
         required: A.value,
-        properties: f
+        properties: v
       }, {
         coerce: !0,
         tolerateExtraneous: !0
       });
       return !B;
-    }), Z = (f, B) => g.value?.[f] && (typeof g.value[f].index != "number" || g.value[f].index === B) ? g.value[f].errors : null, P = (f) => {
-      if (!a.focus || p || f.readOnly)
+    }), Z = (v, B) => g.value?.[v] && (typeof g.value[v].index != "number" || g.value[v].index === B) ? g.value[v].errors : null, P = (v) => {
+      if (!a.focus || p || v.readOnly)
         return !1;
-      if (!a.parentPropertyName && !a.parentCollection && !v.value)
-        return v.value = !0, !0;
+      if (!a.parentPropertyName && !a.parentCollection && !f.value)
+        return f.value = !0, !0;
     };
-    return (f, B) => {
-      const W = ee("clickable"), te = ee("focus");
+    return (v, B) => {
+      const X = ee("clickable"), te = ee("focus");
       return n(), s("form", {
         class: "form",
         style: ve(`row-gap: ${t(k) ? ".8rem" : "var(--form-internal-gap, 1.6rem);"};`)
       }, [
-        f.$slots.header && !t(k) ? (n(), s("header", ra, [
-          C(f.$slots, "header", {}, void 0, !0)
+        v.$slots.header && !t(k) ? (n(), s("header", ra, [
+          C(v.$slots, "header", {}, void 0, !0)
         ])) : h("", !0),
-        C(f.$slots, "default", {}, void 0, !0),
+        C(v.$slots, "default", {}, void 0, !0),
         O("fieldset", ua, [
-          (n(!0), s(Y, null, z(t(N), ([S, q]) => (n(), s("div", {
+          (n(!0), s(W, null, z(t(N), ([S, q]) => (n(), s("div", {
             key: `field-${S}`,
             style: ve($e(S, q)),
             class: U({
@@ -1818,7 +1819,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 innerHTML: q.hint
               }, null, 8, da)) : h("", !0)
             ])) : h("", !0),
-            f.$slots[`field-${S}`] ? C(f.$slots, `field-${S}`, x({
+            v.$slots[`field-${S}`] ? C(v.$slots, `field-${S}`, x({
               key: 1,
               ref_for: !0
             }, {
@@ -1895,11 +1896,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 }, 8, ["disabled", "onClick"])
               ])),
               e.modelValue[S]?.length > 0 ? (n(), s("div", ba, [
-                (n(!0), s(Y, null, z(e.modelValue[S], (Q, ge) => (n(), s("div", {
+                (n(!0), s(W, null, z(e.modelValue[S], (Q, ge) => (n(), s("div", {
                   key: `rep-${S}-${t($t)(Q, ge)}`,
                   class: "form__array-item"
                 }, [
-                  t(p) ? h("", !0) : K((n(), $(H, {
+                  t(p) ? h("", !0) : Y((n(), $(H, {
                     key: 0,
                     icon: "trash",
                     class: "form__array-remove",
@@ -1910,7 +1911,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                     ]),
                     _: 1
                   }, 8, ["onClick"])), [
-                    [W]
+                    [X]
                   ]),
                   (n(), $(pe(t(We)(q, t(i))), x({
                     modelValue: e.modelValue[S][ge],
@@ -1919,7 +1920,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                     readOnly: t(p),
                     property: q.items,
                     propertyName: S,
-                    parentCollection: t(r),
+                    parentCollection: t(u),
                     parentPropertyName: e.parentPropertyName,
                     required: !e.searchOnly && (!A.value || t(je)(S, A.value, e.modelValue)),
                     validationErrors: Z(S, ge),
@@ -1930,7 +1931,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "onInput"]))
                 ]))), 128))
               ])) : h("", !0)
-            ])) : e.modelValue ? K((n(), $(pe(t(We)(q, t(i))), x({
+            ])) : e.modelValue ? Y((n(), $(pe(t(We)(q, t(i))), x({
               key: 6,
               modelValue: e.modelValue[S],
               "onUpdate:modelValue": (Q) => e.modelValue[S] = Q
@@ -1939,7 +1940,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               property: q,
               propertyName: S,
               parentPropertyName: e.parentPropertyName,
-              parentCollection: t(r),
+              parentCollection: t(u),
               required: !e.searchOnly && (!A.value || t(je)(S, A.value, e.modelValue)),
               ...q.componentProps || {},
               validationErrors: Z(S)
@@ -1956,24 +1957,24 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             ])) : h("", !0)
           ], 6))), 128))
         ]),
-        f.$slots.after ? C(f.$slots, "after", { key: 1 }, void 0, !0) : h("", !0),
-        f.$slots.footer ? (n(), s("div", ka, [
-          C(f.$slots, "footer", oe(be({
+        v.$slots.after ? C(v.$slots, "after", { key: 1 }, void 0, !0) : h("", !0),
+        v.$slots.footer ? (n(), s("div", ka, [
+          C(v.$slots, "footer", oe(be({
             isInsertReady: j.value
           })), void 0, !0)
         ])) : h("", !0)
       ], 4);
     };
   }
-}), Me = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-a4afcd70"]]), Ca = /* @__PURE__ */ M({
+}), Me = /* @__PURE__ */ E(Va, [["__scopeId", "data-v-017664ad"]]), Ca = /* @__PURE__ */ M({
   __name: "aeria-filter-panel",
   emits: ["update:modelValue"],
-  setup(e, { emit: u }) {
-    const o = u, a = xe(), l = Ce(), c = t(re(Te)), r = () => {
+  setup(e, { emit: r }) {
+    const o = r, a = xe(), l = Ce(), c = t(re(Te)), u = () => {
       if (a.pagination.offset = 0, a.$actions.filter(), o("update:modelValue", !1), "query" in l.currentRoute && l.currentRoute.query && typeof l.currentRoute.query == "object") {
-        const v = l.currentRoute.query;
-        for (const m of Object.keys(v))
-          m.startsWith(`${c}.`) && delete v[m];
+        const f = l.currentRoute.query;
+        for (const m of Object.keys(f))
+          m.startsWith(`${c}.`) && delete f[m];
       }
       const { query: p, ...d } = l.currentRoute.value;
       l.push(Be(d, {
@@ -1984,15 +1985,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       "close-hint": "",
       "fixed-right": "",
       title: p.t("filter_by", { capitalize: !0 }),
-      onClose: d[2] || (d[2] = (v) => o("update:modelValue", !1)),
-      onOverlayClick: d[3] || (d[3] = (v) => o("update:modelValue", !1))
+      onClose: d[2] || (d[2] = (f) => o("update:modelValue", !1)),
+      onOverlayClick: d[3] || (d[3] = (f) => o("update:modelValue", !1))
     }, {
       footer: y(() => [
         t(a).filtersCount > 0 ? (n(), $(le, {
           key: 0,
           variant: "transparent",
-          onClick: d[1] || (d[1] = (v) => {
-            t(a).$actions.clearFilters(), r(), o("update:modelValue", !1);
+          onClick: d[1] || (d[1] = (f) => {
+            t(a).$actions.clearFilters(), u(), o("update:modelValue", !1);
           })
         }, {
           default: y(() => [
@@ -2010,7 +2011,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           large: "",
           icon: "funnel",
           disabled: !t(a).hasActiveFilters,
-          onClick: r
+          onClick: u
         }, {
           default: y(() => [
             D(V(p.t("action.filter", { capitalize: !0 })), 1)
@@ -2021,7 +2022,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       default: y(() => [
         L(Me, x({
           modelValue: t(a).filters,
-          "onUpdate:modelValue": d[0] || (d[0] = (v) => t(a).filters = v)
+          "onUpdate:modelValue": d[0] || (d[0] = (f) => t(a).filters = f)
         }, {
           form: t(a).$actions.useProperties(
             Array.isArray(t(a).description.filters) ? t(a).description.filters : Object.keys(t(a).description.filters)
@@ -2050,13 +2051,13 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     includeTimestamps: { type: Boolean }
   },
   emits: ["update:visible", "update:modelValue", "insert", "cancel"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = ne("meta"), c = o.collection, r = ne(c);
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = ne("meta"), c = o.collection, u = ne(c);
     Ue(() => {
-      o.modelValue && r.$actions.setItem(o.modelValue);
+      o.modelValue && u.$actions.setItem(o.modelValue);
     });
-    const p = G(() => o.form ? r.$actions.useProperties(o.form) : r.description.form ? r.$actions.useProperties(r.description.form) : r.properties), d = async () => {
-      const { error: b, result: _ } = await r.$actions.deepInsert();
+    const p = G(() => o.form ? u.$actions.useProperties(o.form) : u.description.form ? u.$actions.useProperties(u.description.form) : u.properties), d = async () => {
+      const { error: b, result: _ } = await u.$actions.deepInsert();
       if (b) {
         if ("code" in b)
           switch (b.code) {
@@ -2064,10 +2065,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             case "MISSING_PROPERTIES":
               return;
             default: {
-              let g = v("error", {
+              let g = f("error", {
                 capitalize: !0
               });
-              b.message && (g += `: ${v(b.message)}`), g += ` (${v(b.code)})`, l.$actions.spawnToast({
+              b.message && (g += `: ${f(b.message)}`), g += ` (${f(b.code)})`, l.$actions.spawnToast({
                 text: g,
                 icon: "warning"
               });
@@ -2075,28 +2076,28 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           }
         return;
       }
-      a("update:visible", !1), a("update:modelValue", _), a("insert", _), r.$actions.clearItem();
-    }, { t: v } = st(), m = () => {
+      a("update:visible", !1), a("update:modelValue", _), a("insert", _), u.$actions.clearItem();
+    }, { t: f } = st(), m = () => {
       l.$actions.ask({
         action: () => {
-          r.$actions.clearItem(), r.validationErrors = {}, a("cancel");
+          u.$actions.clearItem(), u.validationErrors = {}, a("cancel");
         },
-        body: v("prompt.close_panel")
+        body: f("prompt.close_panel")
       });
     };
-    return ae(() => r.item._id, (b) => {
+    return ae(() => u.item._id, (b) => {
       b === null && a("update:visible", !1);
     }), (b, _) => {
       const g = ee("clickable");
       return n(), $(Oe, x({
         modelValue: e.visible,
-        loading: t(r).loading.get,
+        loading: t(u).loading.get,
         float: e.float,
         fixedRight: e.fixedRight
       }, { onOverlayClick: m }), ie({
         extra: y(() => [
           e.individualActions ? (n(), $(Ve, x({ key: 0 }, {
-            subject: t(r).item,
+            subject: t(u).item,
             actions: e.individualActions.filter(({ action: i }) => i !== "spawnEdit"),
             overlayLayer: 60
           }, {
@@ -2105,7 +2106,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             default: y(({
               visible: i
             }) => [
-              t(r).item._id ? K((n(), $(H, {
+              t(u).item._id ? Y((n(), $(H, {
                 key: 0,
                 reactive: "",
                 active: i,
@@ -2119,15 +2120,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         ]),
         default: y(() => [
           L(Me, x({
-            modelValue: t(r).item,
-            "onUpdate:modelValue": _[0] || (_[0] = (i) => t(r).item = i)
+            modelValue: t(u).item,
+            "onUpdate:modelValue": _[0] || (_[0] = (i) => t(u).item = i)
           }, {
             collection: t(c),
             readOnly: e.readOnly,
             includeId: e.includeId,
             includeTimestamps: e.includeTimestamps,
             form: p.value,
-            layout: t(r).description.formLayout || {}
+            layout: t(u).description.formLayout || {}
           }, {
             focus: "",
             onAdd: _[1] || (_[1] = (i) => i.preventDefault())
@@ -2158,18 +2159,18 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               onClick: m
             }, {
               default: y(() => [
-                D(V(t(v)("action.cancel", { capitalize: !0 })), 1)
+                D(V(t(f)("action.cancel", { capitalize: !0 })), 1)
               ]),
               _: 1
             })) : h("", !0),
             L(le, {
               large: "",
-              disabled: !t(r).isInsertReady || t(r).loading.get,
-              loading: t(r).loading.insert,
+              disabled: !t(u).isInsertReady || t(u).loading.get,
+              loading: t(u).loading.insert,
               onClick: d
             }, {
               default: y(() => [
-                D(V(t(v)("action.insert", { capitalize: !0 })), 1)
+                D(V(t(f)("action.insert", { capitalize: !0 })), 1)
               ]),
               _: 1
             }, 8, ["disabled", "loading"])
@@ -2179,15 +2180,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       ]), 1040);
     };
   }
-}), Pe = (e, u) => {
-  if (u) {
+}), Pe = (e, r) => {
+  if (r) {
     if (!e) {
-      u.filtersPreset = {}, u.preferredTableProperties = [], u.pagination.offset = 0;
+      r.filtersPreset = {}, r.preferredTableProperties = [], r.pagination.offset = 0;
       return;
     }
-    u.filtersPreset = e.filters || {}, u.preferredTableProperties = e.table ? Array.from(e.table) : [], u.pagination.offset = 0;
+    r.filtersPreset = e.filters || {}, r.preferredTableProperties = e.table ? Array.from(e.table) : [], r.pagination.offset = 0;
   }
-}, Aa = (e, u = {
+}, Aa = (e, r = {
   persistInQuery: !0
 }) => {
   const a = Ce().currentRoute;
@@ -2197,7 +2198,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         const c = l || Object.keys(e.description.filtersPresets)[0];
         Pe(e.description.filtersPresets[c], e);
       }
-      if (u.persistInQuery) {
+      if (r.persistInQuery) {
         const c = a.value.query;
         c.offset && (e.pagination.offset = +c.offset), c.limit && (e.pagination.limit = +c.limit), c.search && (e.textQuery = c.search, e.filters.$text = {
           $search: `"${c.search}"`,
@@ -2237,11 +2238,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     layout: {}
   },
   emits: ["itemClick"],
-  setup(e, { emit: u }) {
-    const o = e, a = u, l = Se(), c = o.collection || we(), r = c ? ne(typeof c == "string" ? c : c.value) : null, p = G({
-      get: () => r?.selected,
-      set: (g) => r?.$actions.selectManyItems(g, !0)
-    }), d = G(() => o.columns ? Object.keys(o.columns).length + Number(o.checkbox) : 0), v = (g, i) => g.button ? typeof g.button == "object" ? qe(i, g.button).satisfied : g.button : !1, m = (g) => {
+  setup(e, { emit: r }) {
+    const o = e, a = r, l = Se(), c = o.collection || we(), u = c ? ne(typeof c == "string" ? c : c.value) : null, p = G({
+      get: () => u?.selected,
+      set: (g) => u?.$actions.selectManyItems(g, !0)
+    }), d = G(() => o.columns ? Object.keys(o.columns).length + Number(o.checkbox) : 0), f = (g, i) => g.button ? typeof g.button == "object" ? qe(i, g.button).satisfied : g.button : !1, m = (g) => {
       const i = o.layout?.actions;
       return !l.value.xl || !i || !o.actions ? [] : o.actions.filter((T) => {
         if (T.roles) {
@@ -2250,7 +2251,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             return !1;
         }
         const k = i[T.action];
-        return k && v(k, g);
+        return k && f(k, g);
       });
     }, b = (g) => {
       if (!o.actions)
@@ -2266,7 +2267,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         return k ? k.if ? qe(
           g,
           k.if
-        ).satisfied : !v(k, g) : !0;
+        ).satisfied : !f(k, g) : !0;
       });
     }, _ = (g, i) => {
       const T = [], k = o.layout?.actions?.[i.action];
@@ -2282,14 +2283,14 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           C(g.$slots, "thead", {}, void 0, !0)
         ])) : (n(), s("thead", Sa, [
           O("tr", null, [
-            e.checkbox && t(r) && t(l).md ? (n(), s("th", wa, [
+            e.checkbox && t(u) && t(l).md ? (n(), s("th", wa, [
               O("input", {
                 type: "checkbox",
-                checked: t(r).selected.length > 0 && t(r).selected.length === t(r).itemsCount,
-                onChange: i[0] || (i[0] = (k) => t(r).$actions.selectAllItems(k.target.checked))
+                checked: t(u).selected.length > 0 && t(u).selected.length === t(u).itemsCount,
+                onChange: i[0] || (i[0] = (k) => t(u).$actions.selectAllItems(k.target.checked))
               }, null, 40, Ta)
             ])) : h("", !0),
-            (n(!0), s(Y, null, z(Object.entries(e.columns), ([k, F], I) => (n(), s("th", {
+            (n(!0), s(W, null, z(Object.entries(e.columns), ([k, F], I) => (n(), s("th", {
               key: `header-${I}`,
               class: "table__header"
             }, V(F.description || t(R)(k)), 1))), 128)),
@@ -2299,12 +2300,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         g.$slots.tbody ? (n(), s("tbody", Ra, [
           C(g.$slots, "tbody", {}, void 0, !0)
         ])) : (n(), s("tbody", qa, [
-          (n(!0), s(Y, null, z(e.rows, (k, F) => (n(), s("tr", {
+          (n(!0), s(W, null, z(e.rows, (k, F) => (n(), s("tr", {
             key: k._id,
             onClick: (I) => a("itemClick", k)
           }, [
-            t(r) && e.checkbox && t(l).md ? (n(), s("td", xa, [
-              K(O("input", {
+            t(u) && e.checkbox && t(l).md ? (n(), s("td", xa, [
+              Y(O("input", {
                 "onUpdate:modelValue": i[1] || (i[1] = (I) => p.value = I),
                 type: "checkbox",
                 value: k._id
@@ -2312,13 +2313,13 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 [tt, p.value]
               ])
             ])) : h("", !0),
-            (n(!0), s(Y, null, z(Object.entries(e.columns), ([I, w], J) => (n(), s("td", {
+            (n(!0), s(W, null, z(Object.entries(e.columns), ([I, w], J) => (n(), s("td", {
               key: `column-${k._id}-${J}`
             }, [
               O("div", za, V(w.description || t(R)(I)), 1),
               `row-${I}` in g.$slots ? (n(), s("div", Ea, [
                 C(g.$slots, `row-${I}`, x({ ref_for: !0 }, {
-                  store: t(r),
+                  store: t(u),
                   column: I,
                   property: w,
                   row: k,
@@ -2371,16 +2372,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                       }, V(k[I].filename), 9, Ga)) : (n(), s("div", Wa, " - "))
                     ])) : (n(), s("div", Ya, " - "))
                   ])) : (n(), s("div", Ka, [
-                    t(r) ? (n(), s("span", Xa, V(t(r).$actions.formatValue({
+                    t(u) ? (n(), s("span", Xa, V(t(u).$actions.formatValue({
                       value: k[I],
                       key: I,
                       property: w
                     })), 1)) : (n(), s("span", Ja, V(Array.isArray(k[I]) ? k[I].filter((N) => !!N).join(", ") : [void 0, null].includes(k[I]) ? "-" : k[I]), 1)),
                     t(se)(w)?.indexes?.length > 1 ? (n(), s("div", Za, [
-                      (n(!0), s(Y, null, z(t(se)(w).indexes.slice(1, 2), (N, ue) => (n(), s("div", {
+                      (n(!0), s(W, null, z(t(se)(w).indexes.slice(1, 2), (N, ue) => (n(), s("div", {
                         key: `subvalue-${ue}`,
                         class: "table__cell-subvalue"
-                      }, V(t(r).$actions.formatValue({
+                      }, V(t(u).$actions.formatValue({
                         value: k[I],
                         key: I,
                         property: w,
@@ -2393,7 +2394,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             ]))), 128)),
             e.actions?.length && t(l).md ? (n(), s("td", Pa, [
               O("div", Na, [
-                (n(!0), s(Y, null, z(m(k), (I) => (n(), $(le, {
+                (n(!0), s(W, null, z(m(k), (I) => (n(), $(le, {
                   key: `action-${I.action}`,
                   small: "",
                   variant: "alt",
@@ -2416,7 +2417,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                   default: y(({
                     visible: I
                   }) => [
-                    K(L(H, {
+                    Y(L(H, {
                       reactive: "",
                       active: I,
                       icon: "dots-three"
@@ -2432,7 +2433,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 class: "table__mobile-actions-grid",
                 style: ve(`grid-template-columns: repeat(${m(k).length + (b(k).length ? 1 : 0)}, 1fr);`)
               }, [
-                (n(!0), s(Y, null, z(m(k), (I) => (n(), $(de, {
+                (n(!0), s(W, null, z(m(k), (I) => (n(), $(de, {
                   key: `action-${I.action}`,
                   class: "table__mobile-actions-button",
                   onClick: (w) => I.click(k)
@@ -2472,7 +2473,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           ], 8, La))), 128))
         ])),
         O("tfoot", null, [
-          g.$slots.tfoot ? C(g.$slots, "tfoot", { key: 0 }, void 0, !0) : e.columns && !e.rows?.length && !t(r)?.loading.getAll ? (n(), s("tr", no, [
+          g.$slots.tfoot ? C(g.$slots, "tfoot", { key: 0 }, void 0, !0) : e.columns && !e.rows?.length && !t(u)?.loading.getAll ? (n(), s("tr", no, [
             O("td", {
               colspan: d.value + 1
             }, [
@@ -2491,18 +2492,18 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     componentProps: {}
   },
   setup(e) {
-    const u = e, o = Ae(), a = we(), l = G(() => {
+    const r = e, o = Ae(), a = we(), l = G(() => {
       const c = {
         collection: a,
         checkbox: o.hasSelectionActions,
         columns: o.tableProperties,
         rows: o.items,
-        actions: u.individualActions,
+        actions: r.individualActions,
         layout: o.tableLayout
       };
-      return Object.assign(c, u.componentProps);
+      return Object.assign(c, r.componentProps);
     });
-    return (c, r) => (n(), s("div", null, [
+    return (c, u) => (n(), s("div", null, [
       c.$slots.inner ? C(c.$slots, "inner", { key: 0 }) : h("", !0),
       t(o).properties ? (n(), $(io, x({ key: 1 }, l.value, {
         key: t(o).$id
@@ -2522,13 +2523,13 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     list: { type: Boolean }
   },
   setup(e) {
-    return (u, o) => (n(), s("div", {
+    return (r, o) => (n(), s("div", {
       class: U([
         "grid",
         { "grid--list": e.list }
       ])
     }, [
-      C(u.$slots, "default", {}, void 0, !0)
+      C(r.$slots, "default", {}, void 0, !0)
     ], 2));
   }
 }), uo = /* @__PURE__ */ E(ro, [["__scopeId", "data-v-4839c834"]]), co = { key: 0 }, mo = {
@@ -2547,13 +2548,13 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
   },
   setup(e) {
     const o = e.layoutOptions, a = Ae(), l = (c) => Array.isArray(c) ? c[0] : c;
-    return (c, r) => {
+    return (c, u) => {
       const p = ee("clickable");
       return n(), $(uo, {
         list: e.componentName === "list"
       }, {
         default: y(() => [
-          (n(!0), s(Y, null, z(t(a).items, (d) => (n(), $(zt, {
+          (n(!0), s(W, null, z(t(a).items, (d) => (n(), $(zt, {
             key: d._id,
             inactive: !!(t(o).active && !d[t(o).active]),
             horizontal: e.componentName === "list"
@@ -2561,9 +2562,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             footer: y(() => [
               t(o).title ? (n(), s("div", co, V(d[t(o).title]), 1)) : h("", !0),
               Array.isArray(t(o).information) ? (n(), s("div", mo, [
-                (n(!0), s(Y, null, z(t(o).information, (v) => (n(), s("div", {
-                  key: `info-${v}`
-                }, V(d[v]), 1))), 128))
+                (n(!0), s(W, null, z(t(o).information, (f) => (n(), s("div", {
+                  key: `info-${f}`
+                }, V(d[f]), 1))), 128))
               ])) : t(o).information ? (n(), s("div", po, V(d[t(o).information]), 1)) : h("", !0)
             ]),
             actions: y(() => [
@@ -2575,11 +2576,11 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 actions: e.individualActions
               }), {
                 default: y(({
-                  visible: v
+                  visible: f
                 }) => [
-                  K(L(H, {
+                  Y(L(H, {
                     reactive: "",
-                    active: v,
+                    active: f,
                     icon: "dots-three-vertical"
                   }, null, 8, ["active"]), [
                     [p]
@@ -2601,12 +2602,12 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
             t(o).badge && Array.isArray(d[t(o).badge]) ? {
               name: "badge",
               fn: y(() => [
-                (n(!0), s(Y, null, z(d[t(o).badge], (v) => (n(), $(he, {
-                  key: `${d._id}-${v}`,
+                (n(!0), s(W, null, z(d[t(o).badge], (f) => (n(), $(he, {
+                  key: `${d._id}-${f}`,
                   large: ""
                 }, {
                   default: y(() => [
-                    D(V(t(o).translateBadge ? t(R)(v) : v), 1)
+                    D(V(t(o).translateBadge ? t(R)(f) : f), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -2658,20 +2659,20 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     noQueryPersistence: { type: Boolean }
   },
   emits: ["uiEvent"],
-  setup(e, { emit: u }) {
-    const o = X(!1), a = X(!1), l = X((...A) => null), c = X(), r = e, p = u, d = Ce(), v = ne("meta"), m = Se(), { reachedEnd: b, detach: _ } = He(null, {
+  setup(e, { emit: r }) {
+    const o = K(!1), a = K(!1), l = K((...A) => null), c = K(), u = e, p = r, d = Ce(), f = ne("meta"), m = Se(), { reachedEnd: b, detach: _ } = He(null, {
       antecipate: 600
-    }), g = !m.value.md || r.scrollPagination;
+    }), g = !m.value.md || u.scrollPagination;
     g && ae(b, (A) => {
       A && i.pagination.recordsTotal > i.items.length && F.value < Ke && (F.value += 1, w());
     });
-    const i = pt(r.collection);
+    const i = pt(u.collection);
     Aa(i, {
-      persistInQuery: !r.noQueryPersistence
+      persistInQuery: !u.noQueryPersistence
     });
-    const T = De(), k = r.action ? t(r.action) : ft(i, d, T);
+    const T = De(), k = u.action ? t(u.action) : ft(i, d, T);
     l.value = k[0], c.value = k[1];
-    const F = X(0), I = X(!1), w = async (A) => {
+    const F = K(0), I = K(!1), w = async (A) => {
       i.activeFilters = Object.assign({}, A?.filters || i.$filters), Object.assign(i.activeFilters, i.filtersPreset);
       const j = {
         filters: i.activeFilters,
@@ -2683,8 +2684,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       const { error: Z, result: P } = await i.$actions.retrieveItems(j);
       if (Z)
         return;
-      const { data: f, pagination: B } = P;
-      i.pagination.recordsCount = B.recordsCount, i.pagination.recordsTotal = B.recordsTotal, F.value === 0 && i.items.splice(0), i.items.push(...f), i.loading.getAll = !1, I.value = !0;
+      const { data: v, pagination: B } = P;
+      i.pagination.recordsCount = B.recordsCount, i.pagination.recordsTotal = B.recordsTotal, F.value === 0 && i.items.splice(0), i.items.push(...v), i.loading.getAll = !1, I.value = !0;
     }, J = async (A) => {
       d.push(Be(d.currentRoute.value, {
         query: {
@@ -2700,7 +2701,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       if (j && j[0] === A[0] && j[1] === A[1])
         return;
       const Z = d.currentRoute.value;
-      if (v.view.title = r.collection, !r.noFetch && (!Z.query._popstate || i.itemsCount === 0)) {
+      if (f.view.title = u.collection, !u.noFetch && (!Z.query._popstate || i.itemsCount === 0)) {
         const P = vt(i, Z.query);
         Object.keys(P).length > 0 && Object.assign(i.filters, P), await w();
       }
@@ -2746,15 +2747,15 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           i.$actions.setItem(j.params), o.value = "edit";
         else if (j.name === "duplicate") {
           await Z;
-          const P = Object.entries(i.item).reduce((f, [B, W]) => {
+          const P = Object.entries(i.item).reduce((v, [B, X]) => {
             if (!(B in i.properties))
               return {
-                ...f,
-                [B]: W
+                ...v,
+                [B]: X
               };
             const te = i.properties[B];
             if (te.readOnly)
-              return f;
+              return v;
             const S = (q) => {
               const Q = se(te);
               if (!Q)
@@ -2767,9 +2768,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               }
               return q;
             };
-            return W = Array.isArray(W) ? W.map(S) : S(W), {
-              ...f,
-              [B]: W
+            return X = Array.isArray(X) ? X.map(S) : S(X), {
+              ...v,
+              [B]: X
             };
           }, {
             _id: void 0
@@ -2785,30 +2786,30 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
       A === !1 && i.$actions.clearItem();
     });
     const $e = G(() => {
-      if (!r.noActions)
+      if (!u.noActions)
         return i.individualActions.map((A) => ({
           click: l.value(A),
           ...A
         }));
     }), me = G(() => i.actions.filter((A) => !A.button));
-    return fe(Te, G(() => r.collection)), (A, j) => {
+    return fe(Te, G(() => u.collection)), (A, j) => {
       const Z = ee("clickable"), P = ee("loading");
-      return n(), s(Y, null, [
+      return n(), s(W, null, [
         a.value ? (n(), $(Ca, {
           key: t(i).$id,
           modelValue: a.value,
-          "onUpdate:modelValue": j[0] || (j[0] = (f) => a.value = f)
+          "onUpdate:modelValue": j[0] || (j[0] = (v) => a.value = v)
         }, null, 8, ["modelValue"])) : h("", !0),
         o.value ? (n(), $(Oa, x({
           key: 1,
           visible: o.value,
-          "onUpdate:visible": j[1] || (j[1] = (f) => o.value = f),
+          "onUpdate:visible": j[1] || (j[1] = (v) => o.value = v),
           "fixed-right": ""
         }, {
           collection: e.collection,
           individualActions: $e.value
         }, {
-          onCancel: j[2] || (j[2] = (f) => o.value = !1)
+          onCancel: j[2] || (j[2] = (v) => o.value = !1)
         }), ie({
           header: y(() => [
             O("span", null, V((() => {
@@ -2825,10 +2826,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           ]),
           _: 2
         }, [
-          z(Object.keys(A.$slots).filter((f) => f.startsWith("field-")), (f) => ({
-            name: f,
+          z(Object.keys(A.$slots).filter((v) => v.startsWith("field-")), (v) => ({
+            name: v,
             fn: y((B) => [
-              C(A.$slots, f, oe(be(B)), void 0, !0)
+              C(A.$slots, v, oe(be(B)), void 0, !0)
             ])
           }))
         ]), 1040, ["visible"])) : h("", !0),
@@ -2836,7 +2837,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           t(i).description.search ? (n(), s("div", ho, [
             L(_e, x({
               modelValue: t(i).textQuery,
-              "onUpdate:modelValue": j[3] || (j[3] = (f) => t(i).textQuery = f)
+              "onUpdate:modelValue": j[3] || (j[3] = (v) => t(i).textQuery = v)
             }, {
               property: {
                 type: "string",
@@ -2868,9 +2869,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               Object.keys(t(i).description.filters || {}).length > 0 ? {
                 name: "filter",
                 fn: y(() => [
-                  K((n(), $(H, {
+                  Y((n(), $(H, {
                     icon: "funnel",
-                    onClick: j[4] || (j[4] = (f) => a.value = !0)
+                    onClick: j[4] || (j[4] = (v) => a.value = !0)
                   }, {
                     default: y(() => [
                       D(V(t(R)("filters", { capitalize: !0 })), 1)
@@ -2893,9 +2894,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               !e.noLayoutToggle && t(i).description.layout && t(i).description.layout?.name !== "tabular" ? {
                 name: "layout-toggle",
                 fn: y(() => [
-                  K((n(), $(H, {
+                  Y((n(), $(H, {
                     icon: "table",
-                    onClick: j[5] || (j[5] = (f) => ce(t(i)))
+                    onClick: j[5] || (j[5] = (v) => ce(t(i)))
                   }, {
                     default: y(() => [
                       D(V(t(R)("change_layout", { capitalize: !0 })), 1)
@@ -2907,17 +2908,17 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 ]),
                 key: "1"
               } : void 0,
-              z(me.value, (f, B) => ({
+              z(me.value, (v, B) => ({
                 name: `action-${B}`,
                 fn: y(() => [
-                  f ? (n(), $(H, {
+                  v ? (n(), $(H, {
                     key: 0,
-                    icon: f.icon || "gear",
-                    disabled: t(i).selected.length === 0 && "selection" in f && f.selection,
-                    onClick: (W) => l.value(f)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
+                    icon: v.icon || "gear",
+                    disabled: t(i).selected.length === 0 && "selection" in v && v.selection,
+                    onClick: (X) => l.value(v)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
                   }, {
                     default: y(() => [
-                      D(V(t(R)(f.label, { capitalize: !0 })), 1)
+                      D(V(t(R)(v.label, { capitalize: !0 })), 1)
                     ]),
                     _: 2
                   }, 1032, ["icon", "disabled", "onClick"])) : h("", !0)
@@ -2927,7 +2928,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               key: 1,
               variant: "alt",
               icon: "funnel",
-              onClick: j[6] || (j[6] = (f) => a.value = !0)
+              onClick: j[6] || (j[6] = (v) => a.value = !0)
             }, {
               default: y(() => [
                 O("div", null, V(t(R)("Filters")), 1),
@@ -2940,21 +2941,21 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
               ]),
               _: 1
             })) : h("", !0),
-            (n(!0), s(Y, null, z(t(i).actions.filter((f) => f.button), (f, B) => (n(), $(le, {
+            (n(!0), s(W, null, z(t(i).actions.filter((v) => v.button), (v, B) => (n(), $(le, {
               key: `action-${B}`,
-              icon: f.icon,
-              disabled: t(i).selected.length === 0 && "selection" in f && f.selection,
-              onClick: (W) => l.value(f)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
+              icon: v.icon,
+              disabled: t(i).selected.length === 0 && "selection" in v && v.selection,
+              onClick: (X) => l.value(v)({ _id: t(i).selected.map((te) => typeof te == "string" || te._id) })
             }, {
               default: y(() => [
-                D(V(t(R)(f.label, { capitalize: !0 })), 1)
+                D(V(t(R)(v.label, { capitalize: !0 })), 1)
               ]),
               _: 2
             }, 1032, ["icon", "disabled", "onClick"]))), 128)),
             A.$slots.actions ? C(A.$slots, "actions", { key: 2 }, void 0, !0) : h("", !0)
           ])
         ])) : h("", !0),
-        K((n(), s("div", $o, [
+        Y((n(), s("div", $o, [
           t(i).itemsCount === 0 && !t(i).loading.getAll && I.value && (t(N) || A.$slots.empty) ? (n(), s("div", go, [
             t(N) ? (n(), $(pe(t(N)), oe(x({ key: 0 }, {
               collection: t(i).$id
@@ -2963,7 +2964,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
                 t(i).filtersCount === 0 && t(i).description.actions && "spawnAdd" in t(i).description.actions ? (n(), $(le, {
                   key: 0,
                   icon: "plus",
-                  onClick: j[7] || (j[7] = (f) => l.value({
+                  onClick: j[7] || (j[7] = (v) => l.value({
                     action: "spawnAdd",
                     event: "spawnAdd"
                   })())
@@ -2987,10 +2988,10 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           }, {
             "component-name": e.layout?.name || t(i).$currentLayout
           }), ie({ _: 2 }, [
-            z(Object.keys(A.$slots).filter((f) => f.startsWith("row-")), (f) => ({
-              name: f,
+            z(Object.keys(A.$slots).filter((v) => v.startsWith("row-")), (v) => ({
+              name: v,
               fn: y((B) => [
-                C(A.$slots, f, oe(be(B)), void 0, !0)
+                C(A.$slots, v, oe(be(B)), void 0, !0)
               ])
             })),
             A.$slots.tfoot ? {
@@ -3020,8 +3021,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     options: {}
   },
   setup(e) {
-    const u = ne("meta"), o = (a, l) => {
-      u.$actions.fulfillPrompt(a, l);
+    const r = ne("meta"), o = (a, l) => {
+      r.$actions.fulfillPrompt(a, l);
     };
     return (a, l) => (n(), $(Oe, {
       float: "",
@@ -3035,16 +3036,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           class: "prompt__options",
           style: ve(`grid-template-columns: repeat(${Object.keys(e.options).length}, 1fr)`)
         }, [
-          (n(!0), s(Y, null, z(Object.entries(e.options), ([c, r], p) => (n(), $(de, {
+          (n(!0), s(W, null, z(Object.entries(e.options), ([c, u], p) => (n(), $(de, {
             key: `option-${p}`,
             class: U([
               "prompt__option",
-              `prompt__option--${r.variant || "primary"}`
+              `prompt__option--${u.variant || "primary"}`
             ]),
-            onClick: (d) => r.click ? r.click(c, r) : o(c, r)
+            onClick: (d) => u.click ? u.click(c, u) : o(c, u)
           }, {
             default: y(() => [
-              D(V(r.title), 1)
+              D(V(u.title), 1)
             ]),
             _: 2
           }, 1032, ["class", "onClick"]))), 128))
@@ -3067,16 +3068,16 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     icon: {}
   },
   setup(e) {
-    const u = ne("meta");
+    const r = ne("meta");
     return (o, a) => {
       const l = ee("clickable");
-      return K((n(), s("div", {
+      return Y((n(), s("div", {
         class: U({
           toast: !0,
-          "toast--animate": t(u).toasts[0].itr === e.itr
+          "toast--animate": t(r).toasts[0].itr === e.itr
         }),
-        onAnimationend: a[0] || (a[0] = (c) => t(u).$actions.popToast()),
-        onClick: a[1] || (a[1] = (c) => t(u).$actions.popToast(e.itr))
+        onAnimationend: a[0] || (a[0] = (c) => t(r).$actions.popToast()),
+        onClick: a[1] || (a[1] = (c) => t(r).$actions.popToast(e.itr))
       }, [
         L(H, x(
           e.icon ? { icon: e.icon } : { icon: "warning-circle" },
@@ -3094,7 +3095,7 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
 }), wo = /* @__PURE__ */ E(So, [["__scopeId", "data-v-606d47bf"]]), To = ["innerHTML"], jo = ["innerHTML"], Ro = { class: "main__toasts" }, qo = ["innerHTML"], Lo = /* @__PURE__ */ M({
   __name: "aeria-main",
   setup(e) {
-    const u = ne("meta"), o = G(() => u.themeOverride || u.theme);
+    const r = ne("meta"), o = G(() => r.themeOverride || r.theme);
     return (a, l) => {
       const c = at("router-view");
       return n(), s("main", {
@@ -3108,8 +3109,8 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
         (n(), $(ot, null, {
           default: y(() => [
             a.$slots.default ? C(a.$slots, "default", { key: 0 }, void 0, !0) : (n(), $(c, { key: 1 }, {
-              default: y(({ Component: r }) => [
-                (n(), $(pe(r), null, ie({ _: 2 }, [
+              default: y(({ Component: u }) => [
+                (n(), $(pe(u), null, ie({ _: 2 }, [
                   z(Object.keys(a.$slots), (p) => ({
                     name: p,
                     fn: y(() => [
@@ -3124,39 +3125,39 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
           _: 3
         })),
         L(Oe, x({
-          modelValue: t(u).modal.visible,
-          "onUpdate:modelValue": l[0] || (l[0] = (r) => t(u).modal.visible = r),
+          modelValue: t(r).modal.visible,
+          "onUpdate:modelValue": l[0] || (l[0] = (u) => t(r).modal.visible = u),
           float: "",
           "close-hint": ""
-        }, t(u).modal, {
+        }, t(r).modal, {
           "overlay-layer": 70,
-          onOverlayClick: l[1] || (l[1] = (r) => t(u).modal.visible = !1)
+          onOverlayClick: l[1] || (l[1] = (u) => t(r).modal.visible = !1)
         }), {
           default: y(() => [
-            t(u).modal.body ? (n(), s("div", {
+            t(r).modal.body ? (n(), s("div", {
               key: 0,
               style: { "white-space": "pre-wrap" },
-              innerHTML: t(u).modal.body
+              innerHTML: t(r).modal.body
             }, null, 8, To)) : h("", !0),
-            t(u).modal.component ? (n(), $(pe(t(u).modal.component), { key: 1 })) : h("", !0)
+            t(r).modal.component ? (n(), $(pe(t(r).modal.component), { key: 1 })) : h("", !0)
           ]),
           _: 1
         }, 16, ["modelValue"]),
-        t(u).prompt.visible ? (n(), $(Ao, oe(x({ key: 0 }, t(u).prompt)), {
+        t(r).prompt.visible ? (n(), $(Ao, oe(x({ key: 0 }, t(r).prompt)), {
           default: y(() => [
             O("div", {
-              innerHTML: t(u).prompt.body
+              innerHTML: t(r).prompt.body
             }, null, 8, jo)
           ]),
           _: 1
         }, 16)) : h("", !0),
         O("div", Ro, [
-          (n(!0), s(Y, null, z(t(u).toasts, (r) => (n(), $(wo, x({ ref_for: !0 }, r, {
-            key: `toast-${r.itr}`
+          (n(!0), s(W, null, z(t(r).toasts, (u) => (n(), $(wo, x({ ref_for: !0 }, u, {
+            key: `toast-${u.itr}`
           }), {
             default: y(() => [
               O("div", {
-                innerHTML: t(R)(r.text)
+                innerHTML: t(R)(u.text)
               }, null, 8, qo)
             ]),
             _: 2
@@ -3166,9 +3167,9 @@ const gt = ["onClick"], kt = { key: 0 }, Vt = {
     };
   }
 }), ul = /* @__PURE__ */ E(Lo, [["__scopeId", "data-v-19b147ab"]]), xo = {}, Mo = { class: "menu" };
-function zo(e, u) {
+function zo(e, r) {
   return n(), s("menu", Mo, [
-    (n(!0), s(Y, null, z(Object.keys(e.$slots), (o) => (n(), s("div", {
+    (n(!0), s(W, null, z(Object.keys(e.$slots), (o) => (n(), s("div", {
       key: o,
       class: "menu__entry"
     }, [
@@ -3190,52 +3191,55 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
   props: {
     query: {},
     param: {},
-    dropdown: { type: Boolean }
+    dropdown: { type: Boolean },
+    currentTab: { type: Function }
   },
   setup(e) {
-    const u = e, o = lt(), a = Ce(), l = Se(), c = G(() => {
-      if (u.query) {
-        const p = a.currentRoute.value.query[u.query];
+    const r = e, o = lt(), a = Ce(), l = Se(), c = G(() => {
+      if (r.currentTab)
+        return r.currentTab();
+      if (r.query) {
+        const p = a.currentRoute.value.query[r.query];
         if (p)
           return p;
-      } else if (u.param) {
-        const p = a.currentRoute.value.params[u.param];
+      } else if (r.param) {
+        const p = a.currentRoute.value.params[r.param];
         if (p)
           return p;
       }
       return Object.keys(o)[0];
-    }), r = (p) => {
-      u.query && a.push(Be(a.currentRoute.value, {
+    }), u = (p) => {
+      r.query && a.push(Be(a.currentRoute.value, {
         query: {
-          [u.query]: p
+          [r.query]: p
         }
-      })), u.param && a.push(Be(a.currentRoute.value, {
+      })), r.param && a.push(Be(a.currentRoute.value, {
         params: {
-          [u.param]: p
+          [r.param]: p
         }
       }));
     };
     return (p, d) => {
-      const v = ee("clickable");
+      const f = ee("clickable");
       return n(), s("div", Eo, [
         t(l).md && !e.dropdown ? (n(), s("div", Fo, [
           p.$slots.default ? (n(), s("div", Uo, [
             C(p.$slots, "default", {}, void 0, !0)
           ])) : h("", !0),
-          (n(!0), s(Y, null, z(Object.keys(p.$slots).filter((m) => m !== "default"), (m, b) => (n(), s("div", {
+          (n(!0), s(W, null, z(Object.keys(p.$slots).filter((m) => m !== "default"), (m, b) => (n(), s("div", {
             key: m,
             class: U({
               tabs__tab: !0,
               "tabs__tab--current": m === c.value || !c.value && b === 0
             }),
-            onClick: (_) => r(m)
+            onClick: (_) => u(m)
           }, [
             C(p.$slots, m, {}, void 0, !0)
           ], 10, Ho))), 128))
         ])) : (n(), s("div", Do, [
           L(Ve, null, ie({
             default: y(({ visible: m }) => [
-              K((n(), $(H, {
+              Y((n(), $(H, {
                 "icon-right": "",
                 active: m,
                 icon: "caret-down",
@@ -3247,7 +3251,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
                 ]),
                 _: 3
               }, 8, ["active"])), [
-                [v]
+                [f]
               ])
             ]),
             _: 2
@@ -3256,7 +3260,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
               name: m,
               fn: y(() => [
                 O("div", {
-                  onClick: (b) => r(m)
+                  onClick: (b) => u(m)
                 }, [
                   C(p.$slots, m, {}, void 0, !0)
                 ], 8, Qo)
@@ -3267,16 +3271,16 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       ]);
     };
   }
-}), Wo = /* @__PURE__ */ E(Go, [["__scopeId", "data-v-a20914ab"]]), Yo = M({
+}), Wo = /* @__PURE__ */ E(Go, [["__scopeId", "data-v-fb8920cf"]]), Yo = M({
   props: {
     initialValue: String,
     promise: Promise
   },
   setup(e) {
-    const u = X(e.initialValue);
+    const r = K(e.initialValue);
     return e.promise instanceof Promise && e.promise.then((o) => {
-      u.value = o;
-    }), () => it("div", String(u.value));
+      r.value = o;
+    }), () => it("div", String(r.value));
   }
 }), Ko = ["onClick"], Xo = { key: 1 }, Jo = /* @__PURE__ */ M({
   __name: "aeria-crud-topbar",
@@ -3284,19 +3288,19 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     collection: {}
   },
   setup(e) {
-    const u = e, a = Ce().currentRoute, l = De(), c = G(() => u.collection ? Ae(u.collection, l) : typeof a.value.meta.collection == "string" ? Ae(a.value.meta.collection, l) : typeof a.value.params.collection == "string" ? Ae(a.value.params.collection, l) : null), r = async (p, d) => {
-      const { error: v, result: m } = await d.$functions[p.badgeFunction]({
+    const r = e, a = Ce().currentRoute, l = De(), c = G(() => r.collection ? Ae(r.collection, l) : typeof a.value.meta.collection == "string" ? Ae(a.value.meta.collection, l) : typeof a.value.params.collection == "string" ? Ae(a.value.params.collection, l) : null), u = async (p, d) => {
+      const { error: f, result: m } = await d.$functions[p.badgeFunction]({
         filters: p.filters
       });
-      return v ? 0 : m;
+      return f ? 0 : m;
     };
     return (p, d) => c.value && c.value.description.filtersPresets ? (n(), $(Wo, {
       key: 0,
       dropdown: "",
       query: "section"
     }, ie({ _: 2 }, [
-      z(Object.entries(c.value.description.filtersPresets), ([v, m]) => ({
-        name: v,
+      z(Object.entries(c.value.description.filtersPresets), ([f, m]) => ({
+        name: f,
         fn: y(() => [
           O("div", {
             class: "topbar__preset",
@@ -3307,15 +3311,15 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
               icon: m.icon
             }, {
               default: y(() => [
-                D(V(m.label || t(R)(v, { plural: !0 })), 1)
+                D(V(m.label || t(R)(f, { plural: !0 })), 1)
               ]),
               _: 2
-            }, 1032, ["icon"])) : (n(), s("div", Xo, V(m.label || t(R)(v, { plural: !0 })), 1)),
+            }, 1032, ["icon"])) : (n(), s("div", Xo, V(m.label || t(R)(f, { plural: !0 })), 1)),
             m.badgeFunction ? (n(), $(he, { key: 2 }, {
               default: y(() => [
                 L(t(Yo), {
                   "initial-value": "0",
-                  promise: r(m, c.value)
+                  promise: u(m, c.value)
                 }, null, 8, ["promise"])
               ]),
               _: 2
@@ -3335,11 +3339,11 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
   },
   emits: ["update:modelValue"],
   setup(e) {
-    const u = e;
+    const r = e;
     fe(Te, null);
     const o = yt(), a = G(() => o(
-      u.modelValue.password,
-      u.modelValue.confirmation
+      r.modelValue.password,
+      r.modelValue.confirmation
     ));
     return (l, c) => (n(), $(Me, {
       form: {
@@ -3355,7 +3359,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
         }
       },
       "model-value": e.modelValue,
-      "onUpdate:modelValue": c[0] || (c[0] = (r) => l.$emit("update:modelValue", r))
+      "onUpdate:modelValue": c[0] || (c[0] = (u) => l.$emit("update:modelValue", u))
     }, {
       after: y(() => [
         O("div", null, V(a.value || "Senhas conferem"), 1),
@@ -3364,11 +3368,11 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       _: 3
     }, 8, ["model-value"]));
   }
-}), ml = (e, u = []) => ({
+}), ml = (e, r = []) => ({
   path: "/user",
   name: "/builtin:user",
   component: e,
-  children: u.concat([
+  children: r.concat([
     {
       path: "invite/:id",
       name: "/user/invite/:id",
@@ -3382,7 +3386,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "signin",
       name: "/user/signin",
-      component: () => import("./signin-kU-jRbwv.js"),
+      component: () => import("./signin-DH9qCDxu.js"),
       meta: {
         title: "Sign in"
       }
@@ -3390,7 +3394,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "signup",
       name: "/user/signup",
-      component: () => import("./signup-DPf3f8kO.js"),
+      component: () => import("./signup-nPGf9ydg.js"),
       meta: {
         title: "Sign up"
       }
@@ -3398,7 +3402,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "redefine-password",
       name: "/user/redefine-password",
-      component: () => import("./redefine-password-c-yGEBQh.js"),
+      component: () => import("./redefine-password-D56RgpPt.js"),
       meta: {
         title: "Redefine password"
       }
@@ -3406,13 +3410,13 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
     {
       path: "activation",
       name: "/user/activation",
-      component: () => import("./activation-BwiurFnV.js"),
+      component: () => import("./activation-srNROdzY.js"),
       meta: {
         title: "Activate user"
       }
     }
   ])
-}), pl = (e, u = []) => ({
+}), pl = (e, r = []) => ({
   path: "/dashboard",
   name: "/builtin:dashboard",
   component: e,
@@ -3422,13 +3426,13 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
   meta: {
     title: "Dashboard"
   },
-  children: u.concat([
+  children: r.concat([
     {
       path: "c/:collection",
       name: "/dashboard/:collection",
       props: !0,
       components: {
-        default: () => import("./index-DpzEHDq1.js"),
+        default: () => import("./index-Btoxwrn1.js"),
         topbar: () => Promise.resolve().then(() => Po)
       },
       meta: {
@@ -3442,7 +3446,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       name: "/dashboard/:collection/:id",
       props: !0,
       components: {
-        default: () => import("./_id_-CdyV7SwZ.js")
+        default: () => import("./_id_-BO-vt1sw.js")
       },
       meta: {
         title: ({ collectionName: o, t: a }) => a(o, {
@@ -3462,7 +3466,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
       children: [
         {
           path: "profile",
-          component: () => import("./index-DXOUVfPi.js"),
+          component: () => import("./index-DMX5v03Z.js"),
           meta: {
             title: "User profile",
             icon: "user-square"
@@ -3471,7 +3475,7 @@ const cl = /* @__PURE__ */ E(xo, [["render", zo], ["__scopeId", "data-v-3cfef7fb
         {
           path: "changepass",
           name: "/dashboard/user/changepass",
-          component: () => import("./index-BhJJC_vd.js"),
+          component: () => import("./index-Dzbg_524.js"),
           meta: {
             title: "Change password",
             icon: "lock"