@wssto2/vue-core 0.4.15 → 0.4.16

package/dist/form/index.js

@@ -1,47 +1,47 @@
-import { _ as Me, s as Ke, c as $e, f as Xe } from "../FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
-import { E as qo, u as Mo, a as Oo } from "../FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
+import { _ as Me, s as Pe, c as Se, f as Qe } from "../FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
+import { E as Vo, u as qo, a as Mo } from "../FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
 import { f as ze } from "../useCommand-B-N6HJOz.js";
-import { _ as Ro, a as To, u as Eo } from "../useCommand-B-N6HJOz.js";
-import { ref as I, computed as h, defineComponent as G, openBlock as i, createBlock as q, mergeProps as W, unref as n, withCtx as C, createElementVNode as p, normalizeClass as R, createElementBlock as g, Fragment as se, renderList as xe, createVNode as M, createCommentVNode as D, toDisplayString as $, mergeDefaults as ie, useModel as oe, useId as Oe, withKeys as Se, withModifiers as pe, renderSlot as le, createTextVNode as U, mergeModels as ne, useTemplateRef as P, shallowRef as De, watch as re, nextTick as he, provide as Ve, inject as Qe, createSlots as Ze, onBeforeUnmount as je, onMounted as ot, toRef as nt, toValue as qe, getCurrentScope as st, onScopeDispose as rt, shallowReactive as Pe, normalizeStyle as it, resolveDynamicComponent as ut } from "vue";
+import { _ as jo, a as Ro, u as Eo } from "../useCommand-B-N6HJOz.js";
+import { ref as N, computed as x, defineComponent as K, openBlock as i, createBlock as q, mergeProps as J, unref as n, createSlots as re, withCtx as m, createElementVNode as b, normalizeClass as R, createElementBlock as h, Fragment as se, renderList as xe, createVNode as M, createCommentVNode as D, toDisplayString as C, renderSlot as z, mergeDefaults as ue, useModel as oe, useId as Oe, withKeys as Ce, withModifiers as be, createTextVNode as Y, mergeModels as ne, useTemplateRef as A, shallowRef as De, watch as ie, nextTick as ke, provide as Ve, inject as Ze, onBeforeUnmount as je, onMounted as ot, toRef as nt, toValue as qe, getCurrentScope as st, onScopeDispose as rt, shallowReactive as Ae, normalizeStyle as it, resolveDynamicComponent as ut } from "vue";
 import { a as Re } from "../leaveGuard-Cc8yeLxM.js";
 import { M as Go, c as No, i as Ko, l as Po, u as Ao } from "../leaveGuard-Cc8yeLxM.js";
 import { _ as Uo } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-Cv7KlA5y.js";
 import { u as Wo } from "../useResourceForm-CP2lCwmD.js";
-import { _ as J } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as et, _ as ge, f as ue, b as de, a as tt, c as Te, e as dt, h as ct, i as ft, d as mt } from "../control-CX9BG2UB.js";
-import { useI18n as Q } from "vue-i18n";
+import { _ as X } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as et, _ as ye, f as de, b as ce, a as tt, c as Ee, e as dt, h as ct, i as ft, d as mt } from "../control-B_Nwtmag.js";
+import { useI18n as Z } from "vue-i18n";
 import { b as vt } from "../controlSurface-t7OEFESJ.js";
-import { a as pt } from "../TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
-import { _ as Xo } from "../TextField.vue_vue_type_script_setup_true_lang-nqnGG7Zc.js";
+import { a as pt } from "../TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
+import { _ as Xo } from "../TextField.vue_vue_type_script_setup_true_lang-D3-R5XXG.js";
 import { u as bt, l as gt } from "../suggestions-BxMm6MQA.js";
 import { r as Zo } from "../suggestions-BxMm6MQA.js";
-import { s as ke, u as Ae, i as yt, o as we, e as Ce, k as ht, _ as xt, l as _t, c as kt, b as wt, t as Le, g as $t, q as St } from "../useTypedEntry-aTfPBAhw.js";
-import { u as Ct, a as Ft, s as Bt } from "../DateField.vue_vue_type_script_setup_true_lang-DehwWm78.js";
-import { _ as tn } from "../DateField.vue_vue_type_script_setup_true_lang-DehwWm78.js";
+import { s as _e, u as He, i as yt, o as $e, e as Fe, k as ht, _ as kt, l as xt, c as wt, b as _t, t as Te, g as $t, q as St } from "../useTypedEntry-aTfPBAhw.js";
+import { u as Ct, a as Ft, s as Bt } from "../DateField.vue_vue_type_script_setup_true_lang-BufoFwVQ.js";
+import { _ as tn } from "../DateField.vue_vue_type_script_setup_true_lang-BufoFwVQ.js";
 import { _ as at } from "../DateButton.vue_vue_type_script_setup_true_lang-EcqrfWKz.js";
 import { u as Lt } from "../format-B8mJm946.js";
-import { u as Ee } from "../mediaQuery-CygcXmFW.js";
-import { _ as Ie } from "../Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
-import { u as zt } from "../TimeField.vue_vue_type_script_setup_true_lang-Dr0h-V_8.js";
-import { _ as ln } from "../TimeField.vue_vue_type_script_setup_true_lang-Dr0h-V_8.js";
-import { _ as be } from "../Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
-import { _ as Dt, r as Vt } from "../FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { a as nn, c as sn, p as rn, u as un } from "../FormGroup.vue_vue_type_script_setup_true_lang-noYI9QMk.js";
-import { _ as cn } from "../FormView.vue_vue_type_script_setup_true_lang-BcIbTMHN.js";
-import { a as qt } from "../environment-Dva-SG8D.js";
-import { _ as Mt } from "../NumberField.vue_vue_type_script_setup_true_lang-Dm6FfJ2T.js";
-import { _ as Ot } from "../Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
-import { u as jt, a as He } from "../SelectField.vue_vue_type_script_setup_true_lang-DedKLLQK.js";
-import { _ as mn, b as vn } from "../SelectField.vue_vue_type_script_setup_true_lang-DedKLLQK.js";
+import { u as Ie } from "../mediaQuery-CygcXmFW.js";
+import { _ as Ge } from "../Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { u as Tt } from "../TimeField.vue_vue_type_script_setup_true_lang-pAdLPYXA.js";
+import { _ as ln } from "../TimeField.vue_vue_type_script_setup_true_lang-pAdLPYXA.js";
+import { _ as ge } from "../Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as zt, r as Dt } from "../FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { a as nn, c as sn, p as rn, u as un } from "../FormGroup.vue_vue_type_script_setup_true_lang-BokxZ7LU.js";
+import { _ as cn } from "../FormView.vue_vue_type_script_setup_true_lang-Dz5TZt92.js";
+import { a as Vt } from "../environment-Dva-SG8D.js";
+import { _ as qt } from "../NumberField.vue_vue_type_script_setup_true_lang-a8kN3A7k.js";
+import { _ as Mt } from "../Sheet.vue_vue_type_script_setup_true_lang-DgOFV4fa.js";
+import { u as Ot, a as Ue } from "../SelectField.vue_vue_type_script_setup_true_lang-C1Flb1hA.js";
+import { _ as mn, b as vn } from "../SelectField.vue_vue_type_script_setup_true_lang-C1Flb1hA.js";
 import { g as bn, m as gn } from "../options-Ba_0uLWN.js";
 import { _ as hn } from "../OtpInput.vue_vue_type_script_setup_true_lang-gp4FfWAH.js";
-import { _ as Ue } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-QPCW3Xi6.js";
-import { _ as _n } from "../SegmentedField.vue_vue_type_script_setup_true_lang-B2d55hrh.js";
-import { _ as wn } from "../SwitchField.vue_vue_type_script_setup_true_lang-B2Z2hy_h.js";
-import { _ as Sn } from "../TextareaField.vue_vue_type_script_setup_true_lang-BgIQyYtf.js";
-import { _ as Rt } from "../Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
-import { _ as Ye } from "../Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
-import { D as Tt } from "../useWaitStatus-fsacMl4W.js";
+import { _ as Ye } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-QPCW3Xi6.js";
+import { _ as xn } from "../SegmentedField.vue_vue_type_script_setup_true_lang-BMBkEmxr.js";
+import { _ as _n } from "../SwitchField.vue_vue_type_script_setup_true_lang-0weBvsJf.js";
+import { _ as Sn } from "../TextareaField.vue_vue_type_script_setup_true_lang-4wC3c0BM.js";
+import { _ as jt } from "../Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
+import { _ as We } from "../Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+import { D as Rt } from "../useWaitStatus-fsacMl4W.js";
 import { t as Et } from "../toast-CqSDTWRX.js";
 import { a as It } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-B7qSUiee.js";
 import { _ as Gt, a as Nt } from "../SectionList.vue_vue_type_script_setup_true_lang-B0p_8xQG.js";
@@ -49,14 +49,14 @@ import { p as Kt } from "../sectionIndex-BS0ic5W7.js";
 import { u as Pt } from "../useSaveChrome-7huA3FzR.js";
 import { matchedRouteKey as At, onBeforeRouteLeave as Ht } from "vue-router";
 function Ut(o) {
-  const t = I(null);
+  const t = N(null);
   return {
-    isDirty: h(() => t.value !== null && JSON.stringify(o()) !== t.value),
+    isDirty: x(() => t.value !== null && JSON.stringify(o()) !== t.value),
     markClean: () => t.value = JSON.stringify(o())
   };
 }
 function uo(o) {
-  const t = I(!1), e = Ut(o), { confirmDiscard: a } = Re(() => t.value && e.isDirty.value);
+  const t = N(!1), e = Ut(o), { confirmDiscard: l } = Re(() => t.value && e.isDirty.value);
   return {
     /** The sheet was just filled: its current values are the baseline. */
     opened: () => {
@@ -66,7 +66,7 @@ function uo(o) {
     closed: () => {
       t.value = !1;
     },
-    beforeDismiss: a
+    beforeDismiss: l
   };
 }
 const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name", "value", "checked", "disabled", "onChange"], Jt = { class: "min-w-0 flex-1" }, Xt = { class: "block text-body font-semibold text-content-strong" }, Qt = {
@@ -76,9 +76,9 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
   key: 1,
   class: "flex size-5 shrink-0 items-center justify-center rounded-full bg-control-on text-white",
   "aria-hidden": "true"
-}, co = /* @__PURE__ */ G({
+}, co = /* @__PURE__ */ K({
   __name: "CardSelectField",
-  props: /* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -92,52 +92,52 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
     modelValue: {},
     options: {},
     columns: {}
-  }, { ...de, modelValue: null, columns: 2 }),
+  }, { ...ce, modelValue: null, columns: 2 }),
   emits: ["update:modelValue"],
   setup(o, { emit: t }) {
-    const e = o, a = t, { editable: s } = et(e), l = { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4" }, d = h(() => l[e.columns]);
-    return (m, b) => (i(), q(ge, W(n(ue)(e), {
-      value: e.options.find((y) => y.value === e.modelValue)?.label ?? null,
+    const e = o, l = t, { editable: s } = et(e), a = { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4" }, d = x(() => a[e.columns]);
+    return (c, g) => (i(), q(ye, J(n(de)(e), {
+      value: e.options.find((k) => k.value === e.modelValue)?.label ?? null,
       "row-layout": "stacked"
-    }), {
-      default: C(({ id: y, describedby: k, invalid: x }) => [
-        p("div", {
-          id: y,
+    }), re({
+      default: m(({ id: k, describedby: w, invalid: y }) => [
+        b("div", {
+          id: k,
           role: "radiogroup",
           "aria-label": e.label,
-          "aria-describedby": k,
-          "aria-invalid": x || void 0,
+          "aria-describedby": w,
+          "aria-invalid": y || void 0,
           class: R(["grid w-full gap-2.5", d.value]),
           "data-test": "card-select"
         }, [
-          (i(!0), g(se, null, xe(e.options, (r) => (i(), g("label", {
+          (i(!0), h(se, null, xe(e.options, (r) => (i(), h("label", {
             key: r.value,
             class: R(["relative flex items-center gap-3 rounded-group bg-fill p-3.5 transition-colors duration-motion-fast focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-border-focus", [r.value === e.modelValue ? "bg-tint-soft ring-[1.5px] ring-inset ring-border-selected" : "hover:bg-fill-strong", e.disabled || !n(s) || r.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"]])
           }, [
-            p("input", {
+            b("input", {
               type: "radio",
               class: "sr-only",
-              name: e.name ?? y,
+              name: e.name ?? k,
               value: r.value,
               checked: r.value === e.modelValue,
               disabled: e.disabled || !n(s) || r.disabled,
-              onChange: (u) => a("update:modelValue", r.value)
+              onChange: (u) => l("update:modelValue", r.value)
             }, null, 40, Wt),
-            r.icon ? (i(), g("span", {
+            r.icon ? (i(), h("span", {
               key: 0,
               class: R(["flex size-9 shrink-0 items-center justify-center rounded-control", r.value === e.modelValue ? "bg-control-on text-white" : "bg-fill-strong text-content-muted"])
             }, [
-              M(n(J), {
+              M(n(X), {
                 name: r.icon,
                 size: 18
               }, null, 8, ["name"])
             ], 2)) : D("", !0),
-            p("span", Jt, [
-              p("span", Xt, $(r.label), 1),
-              r.description ? (i(), g("span", Qt, $(r.description), 1)) : D("", !0)
+            b("span", Jt, [
+              b("span", Xt, C(r.label), 1),
+              r.description ? (i(), h("span", Qt, C(r.description), 1)) : D("", !0)
             ]),
-            r.value === e.modelValue ? (i(), g("span", Zt, [
-              M(n(J), {
+            r.value === e.modelValue ? (i(), h("span", Zt, [
+              M(n(X), {
                 name: "checkCustom",
                 size: 12
               })
@@ -145,13 +145,35 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
           ], 2))), 128))
         ], 10, Yt)
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      c.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(c.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      c.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(c.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      c.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z(c.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
   }
 }), ea = ["data-field-error"], ta = ["aria-checked", "aria-disabled", "aria-describedby", "aria-invalid", "tabindex", "onKeydown"], aa = { class: "flex min-w-0 flex-1 flex-col items-start" }, la = {
   key: 0,
   class: "flex shrink-0 items-center gap-2.5"
-}, oa = ["id"], fo = /* @__PURE__ */ G({
+}, oa = ["id"], fo = /* @__PURE__ */ K({
   __name: "CheckboxField",
   props: /* @__PURE__ */ ne({
     label: {},
@@ -165,13 +187,13 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = oe(o, "modelValue"), a = !!tt(), s = Oe(), l = () => {
+    const t = o, e = oe(o, "modelValue"), l = !!tt(), s = Oe(), a = () => {
       t.disabled || (e.value = !e.value);
     };
-    return (d, m) => (i(), g("div", {
+    return (d, c) => (i(), h("div", {
       "data-field-error": t.error ? "true" : void 0
     }, [
-      p("div", {
+      b("div", {
         role: "checkbox",
         "aria-checked": e.value,
         "aria-disabled": t.disabled || void 0,
@@ -179,62 +201,62 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
         "aria-invalid": t.error ? !0 : void 0,
         tabindex: t.disabled ? -1 : 0,
         "data-test": "checkbox",
-        class: R(["group/check flex items-center transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-border-focus", [t.variant === "row" ? "gap-3 pl-row-inset focus-visible:-outline-offset-2" : "gap-2.5 rounded-control px-2 py-1.5 focus-visible:outline-offset-1", a && t.variant === "row" ? "first:rounded-t-group last:rounded-b-group" : "", t.disabled ? "cursor-not-allowed" : t.variant === "row" ? "cursor-pointer hover:bg-fill/60 active:bg-fill" : "cursor-pointer hover:bg-fill"]]),
-        onClick: l,
+        class: R(["group/check flex items-center transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-border-focus", [t.variant === "row" ? "gap-3 pl-row-inset focus-visible:-outline-offset-2" : "gap-2.5 rounded-control px-2 py-1.5 focus-visible:outline-offset-1", l && t.variant === "row" ? "first:rounded-t-group last:rounded-b-group" : "", t.disabled ? "cursor-not-allowed" : t.variant === "row" ? "cursor-pointer hover:bg-fill/60 active:bg-fill" : "cursor-pointer hover:bg-fill"]]),
+        onClick: a,
         onKeydown: [
-          Se(pe(l, ["prevent"]), ["space"]),
-          Se(pe(l, ["prevent"]), ["enter"])
+          Ce(be(a, ["prevent"]), ["space"]),
+          Ce(be(a, ["prevent"]), ["enter"])
         ]
       }, [
-        p("span", {
+        b("span", {
           class: R(["flex shrink-0 items-center justify-center rounded-full border-2", [t.variant === "row" ? "size-5.5" : "size-5", e.value ? t.disabled ? "border-content-disabled bg-content-disabled text-white" : "border-control-on bg-control-on text-white" : "border-border-control"]]),
           "aria-hidden": "true"
         }, [
-          e.value ? (i(), q(n(J), {
+          e.value ? (i(), q(n(X), {
             key: 0,
             name: "checkCustom",
             size: 12
           })) : D("", !0)
         ], 2),
-        p("div", {
+        b("div", {
           class: R(["flex min-w-0 flex-1 items-center gap-3", t.variant === "row" ? "min-h-row border-t border-border-separator py-2 pr-row-inset group-first/check:border-t-0" : ""])
         }, [
-          p("div", aa, [
-            p("p", {
+          b("div", aa, [
+            b("p", {
               class: R(["w-full text-body", [t.variant === "row" ? "break-words" : "truncate", t.disabled ? "text-content-muted" : e.value ? "text-content-strong" : "text-content"]])
-            }, $(t.label), 3),
-            t.description ? (i(), g("p", {
+            }, C(t.label), 3),
+            t.description ? (i(), h("p", {
               key: 0,
               class: R(["tabular-nums text-content-muted", t.variant === "row" ? "text-footnote" : "text-xs"])
-            }, $(t.description), 3)) : D("", !0),
-            le(d.$slots, "default")
+            }, C(t.description), 3)) : D("", !0),
+            z(d.$slots, "default")
           ]),
-          d.$slots.trailing ? (i(), g("div", la, [
-            le(d.$slots, "trailing")
+          d.$slots.trailing ? (i(), h("div", la, [
+            z(d.$slots, "trailing")
           ])) : D("", !0)
         ], 2)
       ], 42, ta),
-      t.error ? (i(), g("p", {
+      t.error ? (i(), h("p", {
         key: 0,
         id: `${n(s)}-error`,
         role: "alert",
         class: "flex items-start gap-1.5 px-2 pt-1 text-footnote text-content-destructive"
       }, [
-        M(n(J), {
+        M(n(X), {
           name: "alertTriangle",
           size: 14,
           class: "mt-px shrink-0"
         }),
-        U(" " + $(t.error), 1)
+        Y(" " + C(t.error), 1)
       ], 8, oa)) : D("", !0)
     ], 8, ea));
   }
 }), na = {
   key: 0,
   class: "text-body text-content-muted"
-}, sa = ["id", "aria-label", "aria-describedby", "aria-invalid"], ra = ["aria-pressed", "disabled", "onClick"], mo = /* @__PURE__ */ G({
+}, sa = ["id", "aria-label", "aria-describedby", "aria-invalid"], ra = ["aria-pressed", "disabled", "onClick"], mo = /* @__PURE__ */ K({
   __name: "ChoiceChips",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -246,51 +268,73 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
     presentation: {},
     name: {},
     options: {}
-  }, { ...de }), {
+  }, { ...ce }), {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = oe(o, "modelValue"), a = (s) => e.value = e.value.includes(s) ? e.value.filter((l) => l !== s) : [...e.value, s];
-    return (s, l) => (i(), q(ge, W(n(ue)(t), {
+    const t = o, e = oe(o, "modelValue"), l = (s) => e.value = e.value.includes(s) ? e.value.filter((a) => a !== s) : [...e.value, s];
+    return (s, a) => (i(), q(ye, J(n(de)(t), {
       value: t.options.filter((d) => e.value.includes(d.value)).map((d) => d.label).join(", ") || null,
       "row-layout": "stacked"
-    }), {
-      default: C(({ id: d, describedby: m, invalid: b }) => [
-        t.options.length === 0 ? (i(), g("span", na, "—")) : (i(), g("div", {
+    }), re({
+      default: m(({ id: d, describedby: c, invalid: g }) => [
+        t.options.length === 0 ? (i(), h("span", na, "—")) : (i(), h("div", {
           key: 1,
           id: d,
           role: "group",
           "aria-label": t.label,
-          "aria-describedby": m,
-          "aria-invalid": b || void 0,
+          "aria-describedby": c,
+          "aria-invalid": g || void 0,
           class: "flex flex-wrap gap-1.5 py-1",
           "data-test": "choice-chips"
         }, [
-          (i(!0), g(se, null, xe(t.options, (y) => (i(), g("button", {
-            key: y.value,
+          (i(!0), h(se, null, xe(t.options, (k) => (i(), h("button", {
+            key: k.value,
             type: "button",
-            "aria-pressed": e.value.includes(y.value),
-            disabled: t.disabled || y.disabled,
-            class: R(["inline-flex min-h-8 cursor-pointer items-center gap-1.5 rounded-full px-3 text-subheadline transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-60", e.value.includes(y.value) ? "bg-tint-soft font-semibold text-content-link" : "bg-fill font-medium text-content-strong hover:bg-fill-strong"]),
-            onClick: (k) => a(y.value)
+            "aria-pressed": e.value.includes(k.value),
+            disabled: t.disabled || k.disabled,
+            class: R(["inline-flex min-h-8 cursor-pointer items-center gap-1.5 rounded-full px-3 text-subheadline transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-60", e.value.includes(k.value) ? "bg-tint-soft font-semibold text-content-link" : "bg-fill font-medium text-content-strong hover:bg-fill-strong"]),
+            onClick: (w) => l(k.value)
           }, [
-            e.value.includes(y.value) ? (i(), q(n(J), {
+            e.value.includes(k.value) ? (i(), q(n(X), {
               key: 0,
               name: "checkCustom",
               size: 12
             })) : D("", !0),
-            U(" " + $(y.label), 1)
+            Y(" " + C(k.label), 1)
           ], 10, ra))), 128))
         ], 8, sa))
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      s.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(s.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      s.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(s.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      s.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z(s.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
   }
-}), ia = ["id", "value", "name", "placeholder", "disabled", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], vo = /* @__PURE__ */ G({
+}), ia = ["id", "value", "name", "placeholder", "disabled", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], vo = /* @__PURE__ */ K({
   __name: "ComboField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -310,96 +354,118 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
     limit: {},
     recents: {},
     width: {}
-  }, { ...de, options: void 0, search: void 0, selected: null, placeholder: void 0, minLength: 1, debounce: 300, limit: 30, recents: void 0, width: "md" }), {
+  }, { ...ce, options: void 0, search: void 0, selected: null, placeholder: void 0, minLength: 1, debounce: 300, limit: 30, recents: void 0, width: "md" }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ne(["picked"], ["update:modelValue"]),
   setup(o, { expose: t, emit: e }) {
-    const a = o, s = oe(o, "modelValue"), l = e, { t: d } = Q(), m = !!tt(), b = Te("text", () => a.error ? "error" : a.disabled ? "locked" : "rest"), y = h(() => m ? vt(a.width) : "w-full"), k = P("input"), x = P("anchor"), r = De(null), u = De(""), v = bt({
-      source: () => a.search ?? a.options,
-      minLength: () => a.minLength,
-      debounce: () => a.debounce,
-      limit: () => a.limit,
+    const l = o, s = oe(o, "modelValue"), a = e, { t: d } = Z(), c = !!tt(), g = Ee("text", () => l.error ? "error" : l.disabled ? "locked" : "rest"), k = x(() => c ? vt(l.width) : "w-full"), w = A("input"), y = A("anchor"), r = De(null), u = De(""), p = bt({
+      source: () => l.search ?? l.options,
+      minLength: () => l.minLength,
+      debounce: () => l.debounce,
+      limit: () => l.limit,
       listAllWhenEmpty: !0,
-      recents: () => a.recents
-    }), { items: F, open: L, status: _, highlighted: E, showingRecent: w } = v, O = h(() => {
-      const N = s.value;
-      return N === null ? null : [r.value, a.selected, ...a.options ?? []].find((Y) => Y?.value === N) ?? null;
+      recents: () => l.recents
+    }), { items: F, open: L, status: _, highlighted: G, showingRecent: S } = p, O = x(() => {
+      const E = s.value;
+      return E === null ? null : [r.value, l.selected, ...l.options ?? []].find((W) => W?.value === E) ?? null;
     });
-    re(O, (N) => {
-      L.value || (u.value = N?.label ?? "");
+    ie(O, (E) => {
+      L.value || (u.value = E?.label ?? "");
     }, { immediate: !0 });
-    function T(N) {
-      u.value = N.target.value, v.ask(u.value), u.value === "" && (s.value = null, r.value = null);
+    function I(E) {
+      u.value = E.target.value, p.ask(u.value), u.value === "" && (s.value = null, r.value = null);
     }
-    function A() {
-      a.disabled || v.show("");
+    function H() {
+      l.disabled || p.show("");
     }
-    function Z(N) {
-      v.close(), v.remember(N), r.value = N, s.value = N.value, u.value = N.label, l("picked", N);
+    function ee(E) {
+      p.close(), p.remember(E), r.value = E, s.value = E.value, u.value = E.label, a("picked", E);
     }
-    function ee() {
-      v.close(), u.value = O.value?.label ?? "";
+    function te() {
+      p.close(), u.value = O.value?.label ?? "";
     }
-    const X = h(() => gt(L.value, F.value.length, _.value, !0));
-    return t({ focus: () => k.value?.focus() }), (N, Y) => (i(), q(ge, W(n(ue)(a), {
+    const Q = x(() => gt(L.value, F.value.length, _.value, !0));
+    return t({ focus: () => w.value?.focus() }), (E, W) => (i(), q(ye, J(n(de)(l), {
       value: O.value?.label ?? null
-    }), {
-      default: C(({ id: H, describedby: K, invalid: te }) => [
-        p("div", {
+    }), re({
+      default: m(({ id: U, describedby: P, invalid: ae }) => [
+        b("div", {
           ref_key: "anchor",
-          ref: x,
-          class: R(["flex items-center gap-1.5", [n(b), y.value]])
+          ref: y,
+          class: R(["flex items-center gap-1.5", [n(g), k.value]])
         }, [
-          p("input", {
-            id: H,
+          b("input", {
+            id: U,
             ref_key: "input",
-            ref: k,
+            ref: w,
             role: "combobox",
             type: "text",
             autocomplete: "off",
             value: u.value,
-            name: a.name,
-            placeholder: a.placeholder,
-            disabled: a.disabled,
-            required: a.required,
+            name: l.name,
+            placeholder: l.placeholder,
+            disabled: l.disabled,
+            required: l.required,
             "aria-autocomplete": "list",
-            "aria-expanded": X.value,
-            "aria-controls": `${H}-list`,
-            "aria-activedescendant": X.value && n(F).length > 0 ? `${H}-option-${n(E)}` : void 0,
-            "aria-required": a.required || void 0,
-            "aria-invalid": te || void 0,
-            "aria-describedby": K,
-            class: R(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", m ? "compact:text-right" : ""]),
-            onInput: T,
-            onFocus: A,
-            onBlur: ee,
-            onKeydown: Y[0] || (Y[0] = (ae) => n(v).keydown(ae, { pick: Z, enterNeedsMove: !1 }))
+            "aria-expanded": Q.value,
+            "aria-controls": `${U}-list`,
+            "aria-activedescendant": Q.value && n(F).length > 0 ? `${U}-option-${n(G)}` : void 0,
+            "aria-required": l.required || void 0,
+            "aria-invalid": ae || void 0,
+            "aria-describedby": P,
+            class: R(["block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", c ? "compact:text-right" : ""]),
+            onInput: I,
+            onFocus: H,
+            onBlur: te,
+            onKeydown: W[0] || (W[0] = (le) => n(p).keydown(le, { pick: ee, enterNeedsMove: !1 }))
           }, null, 42, ia),
-          M(n(J), {
+          M(n(X), {
             name: "search",
             size: 14,
             class: "shrink-0 text-content-muted"
           })
         ], 2),
         M(pt, {
-          id: H,
-          anchor: x.value,
+          id: U,
+          anchor: y.value,
           open: n(L),
           items: n(F),
-          highlighted: n(E),
+          highlighted: n(G),
           query: u.value,
           status: n(_),
-          recent: n(w),
+          recent: n(S),
           "empty-message": !0,
           hint: n(d)("core.form.suggestions.keys_pick"),
-          onPick: Z,
-          onHover: Y[1] || (Y[1] = (ae) => n(v).highlight(ae))
+          onPick: ee,
+          onHover: W[1] || (W[1] = (le) => n(p).highlight(le))
         }, null, 8, ["id", "anchor", "open", "items", "highlighted", "query", "status", "recent", "hint"])
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      E.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(E.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      E.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(E.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      E.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z(E.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
   }
 }), ua = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], da = ["aria-label", "onClick"], ca = {
   class: "-m-3 flex",
@@ -407,9 +473,9 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
 }, fa = { class: "flex w-75 flex-col gap-2.5 border-r border-border-separator p-3.5" }, ma = {
   key: 0,
   class: "border-t border-border-separator pt-2.5"
-}, va = { class: "flex w-48 flex-col gap-2.5 px-3 py-3.5" }, pa = ["for"], ba = ["id", "value", "placeholder", "aria-invalid"], ga = ["onClick"], po = /* @__PURE__ */ G({
+}, va = { class: "flex w-48 flex-col gap-2.5 px-3 py-3.5" }, pa = ["for"], ba = ["id", "value", "placeholder", "aria-invalid"], ga = ["onClick"], po = /* @__PURE__ */ K({
   __name: "DateTimeField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -426,216 +492,238 @@ const Yt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Wt = ["name
     openOn: {},
     minuteStep: {},
     quickPicks: {}
-  }, { ...de, min: void 0, max: void 0, disabledDates: void 0, openOn: void 0, minuteStep: 1, quickPicks: void 0 }), {
+  }, { ...ce, min: void 0, max: void 0, disabledDates: void 0, openOn: void 0, minuteStep: 1, quickPicks: void 0 }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const e = o, a = oe(o, "modelValue"), { t: s } = Q(), l = Lt(), d = Ee(), m = P("input"), b = P("popover"), y = P("calendar"), k = P("sheet"), x = h(() => ({ min: e.min?.slice(0, 10), max: e.max?.slice(0, 10), disabled: e.disabledDates })), r = h(() => e.min && e.min.length === 10 ? `${e.min}T00:00` : e.min), u = h(() => e.max && e.max.length === 10 ? `${e.max}T23:59` : e.max), v = (S, j) => !$t(j, { disabled: e.disabledDates }) && (!r.value || S >= r.value) && (!u.value || S <= u.value), F = Ct(() => x.value), L = zt(() => e.minuteStep), _ = h(() => ke(a.value));
-    function E(S) {
-      const { date: j, time: fe } = Bt(S), c = j === null ? _.value.day ?? Ce() : F.parse(j);
-      if (!c) return { error: F.invalidMessage() };
-      let V = _.value.time ?? Le(e.minuteStep);
-      if (fe !== null) {
-        const B = L.parse(fe);
+    const e = o, l = oe(o, "modelValue"), { t: s } = Z(), a = Lt(), d = Ie(), c = A("input"), g = A("popover"), k = A("calendar"), w = A("sheet"), y = x(() => ({ min: e.min?.slice(0, 10), max: e.max?.slice(0, 10), disabled: e.disabledDates })), r = x(() => e.min && e.min.length === 10 ? `${e.min}T00:00` : e.min), u = x(() => e.max && e.max.length === 10 ? `${e.max}T23:59` : e.max), p = ($, j) => !$t(j, { disabled: e.disabledDates }) && (!r.value || $ >= r.value) && (!u.value || $ <= u.value), F = Ct(() => y.value), L = Tt(() => e.minuteStep), _ = x(() => _e(l.value));
+    function G($) {
+      const { date: j, time: me } = Bt($), v = j === null ? _.value.day ?? Fe() : F.parse(j);
+      if (!v) return { error: F.invalidMessage() };
+      let V = _.value.time ?? Te(e.minuteStep);
+      if (me !== null) {
+        const B = L.parse(me);
         if ("error" in B) return B;
         V = B.value;
       }
-      const f = we(c, V);
-      return v(f, c) ? { value: f } : { error: F.unavailableMessage() };
+      const f = $e(v, V);
+      return p(f, v) ? { value: f } : { error: F.unavailableMessage() };
     }
-    const w = Ae({ model: a, display: (S) => `${l.date(ke(S).day)} ${ke(S).time ?? ""}`.trim(), parse: E }), O = h({
+    const S = He({ model: l, display: ($) => `${a.date(_e($).day)} ${_e($).time ?? ""}`.trim(), parse: G }), O = x({
       get: () => _.value.time,
-      set: (S) => {
-        S && yt(S) && (a.value = we(_.value.day ?? Ce(), S));
+      set: ($) => {
+        $ && yt($) && (l.value = $e(_.value.day ?? Fe(), $));
       }
-    }), T = Ae({ model: O, display: (S) => S, parse: L.parse }), A = Ft(() => e.quickPicks ?? (d.value ? void 0 : []), () => d.value, () => x.value), Z = h(() => e.error || w.message.value || T.message.value), ee = h(() => a.value ? l.dateTime(a.value) : null), X = Te("date", () => Z.value ? "error" : e.disabled ? "locked" : "rest"), N = h(() => {
-      const S = w.typed.value;
-      return S ? ke(S).day ?? null : null;
-    }), Y = h(() => N.value ?? (ht(_.value.day) ? _.value.day : null)), H = h(() => w.typed.value ? ke(w.typed.value).time : _.value.time);
-    function K(S) {
-      S && w.set(we(S, _.value.time ?? Le(e.minuteStep)));
+    }), I = He({ model: O, display: ($) => $, parse: L.parse }), H = Ft(() => e.quickPicks ?? (d.value ? void 0 : []), () => d.value, () => y.value), ee = x(() => e.error || S.message.value || I.message.value), te = x(() => l.value ? a.dateTime(l.value) : null), Q = Ee("date", () => ee.value ? "error" : e.disabled ? "locked" : "rest"), E = x(() => {
+      const $ = S.typed.value;
+      return $ ? _e($).day ?? null : null;
+    }), W = x(() => E.value ?? (ht(_.value.day) ? _.value.day : null)), U = x(() => S.typed.value ? _e(S.typed.value).time : _.value.time);
+    function P($) {
+      $ && S.set($e($, _.value.time ?? Te(e.minuteStep)));
     }
-    function te(S) {
-      S && w.set(we(_.value.day ?? Ce(), S));
+    function ae($) {
+      $ && S.set($e(_.value.day ?? Fe(), $));
     }
-    function ae(S) {
-      w.set(we(Ce(), Le(e.minuteStep))), S();
+    function le($) {
+      S.set($e(Fe(), Te(e.minuteStep))), $();
     }
-    const ye = Oe();
-    async function ce(S) {
-      e.disabled || (b.value?.present(), S && (await he(), await he(), y.value?.focus()));
+    const he = Oe();
+    async function fe($) {
+      e.disabled || (g.value?.present(), $ && (await ke(), await ke(), k.value?.focus()));
     }
-    function _e(S) {
-      S.key === "Enter" ? (w.commit(), b.value?.dismiss()) : S.key === "ArrowDown" && (S.preventDefault(), ce(!0));
+    function we($) {
+      $.key === "Enter" ? (S.commit(), g.value?.dismiss()) : $.key === "ArrowDown" && ($.preventDefault(), fe(!0));
     }
-    return t({ focus: () => m.value?.focus() }), (S, j) => (i(), q(ge, W({ ...n(ue)(e), error: Z.value }, {
-      value: ee.value,
+    return t({ focus: () => c.value?.focus() }), ($, j) => (i(), q(ye, J({ ...n(de)(e), error: ee.value }, {
+      value: te.value,
       "value-style": "numeric"
-    }), {
-      default: C(({ id: fe, describedby: c, invalid: V }) => [
-        n(d) ? (i(), g(se, { key: 0 }, [
-          M(at, W({ id: fe, "aria-describedby": c }, {
+    }), re({
+      default: m(({ id: me, describedby: v, invalid: V }) => [
+        n(d) ? (i(), h(se, { key: 0 }, [
+          M(at, J({ id: me, "aria-describedby": v }, {
             disabled: e.disabled,
             invalid: V,
             placeholder: n(s)("core.form.select.choose"),
-            onClick: j[0] || (j[0] = (f) => k.value?.present())
+            onClick: j[0] || (j[0] = (f) => w.value?.present())
           }), {
-            default: C(() => [
-              a.value ? (i(), g(se, { key: 0 }, [
-                U($(n(w).text.value), 1)
+            default: m(() => [
+              l.value ? (i(), h(se, { key: 0 }, [
+                Y(C(n(S).text.value), 1)
               ], 64)) : D("", !0)
             ]),
             _: 1
           }, 16, ["disabled", "invalid", "placeholder"]),
-          M(xt, {
+          M(kt, {
             ref_key: "sheet",
-            ref: k,
+            ref: w,
             title: e.label ?? n(s)("core.form.date.calendar"),
             mode: "datetime",
-            "model-value": a.value,
-            min: x.value.min,
-            max: x.value.max,
+            "model-value": l.value,
+            min: y.value.min,
+            max: y.value.max,
             "disabled-dates": e.disabledDates,
             "open-on": e.openOn,
-            shortcuts: n(A),
+            shortcuts: n(H),
             step: e.minuteStep,
             clearable: !e.required,
-            "onUpdate:modelValue": n(w).set
+            "onUpdate:modelValue": n(S).set
           }, null, 8, ["title", "model-value", "min", "max", "disabled-dates", "open-on", "shortcuts", "step", "clearable", "onUpdate:modelValue"])
-        ], 64)) : (i(), q(Ie, {
+        ], 64)) : (i(), q(Ge, {
           key: 1,
           ref_key: "popover",
-          ref: b,
+          ref: g,
           label: e.label ?? n(s)("core.form.date.calendar"),
           width: "auto",
           placement: "bottom-start",
           arrow: !1,
           autofocus: !1
         }, {
-          trigger: C(({ attrs: f, presented: B }) => [
-            p("div", {
-              class: R(["inline-flex max-w-full items-center gap-2", n(X)])
+          trigger: m(({ attrs: f, presented: B }) => [
+            b("div", {
+              class: R(["inline-flex max-w-full items-center gap-2", n(Q)])
             }, [
-              p("input", W({
-                id: fe,
+              b("input", J({
+                id: me,
                 ref_key: "input",
-                ref: m
+                ref: c
               }, f, {
                 type: "text",
                 role: "combobox",
                 autocomplete: "off",
                 size: "20",
                 name: e.name,
-                value: n(w).text.value,
+                value: n(S).text.value,
                 placeholder: n(F).placeholder.value,
                 disabled: e.disabled,
                 required: e.required,
                 "aria-required": e.required || void 0,
                 "aria-invalid": V || void 0,
-                "aria-describedby": c,
+                "aria-describedby": v,
                 class: "block min-h-7 min-w-0 border-0 bg-transparent py-1 pl-2.5 text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-                onInput: j[1] || (j[1] = (z) => n(w).input(z.target.value)),
-                onBlur: j[2] || (j[2] = (z) => n(w).commit()),
-                onKeydown: _e,
-                onClick: j[3] || (j[3] = (z) => ce(!1))
+                onInput: j[1] || (j[1] = (T) => n(S).input(T.target.value)),
+                onBlur: j[2] || (j[2] = (T) => n(S).commit()),
+                onKeydown: we,
+                onClick: j[3] || (j[3] = (T) => fe(!1))
               }), null, 16, ua),
-              e.disabled ? D("", !0) : (i(), g("button", {
+              e.disabled ? D("", !0) : (i(), h("button", {
                 key: 0,
                 type: "button",
                 tabindex: "-1",
                 "aria-label": n(s)("core.form.date.open"),
                 class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
-                onClick: (z) => B ? b.value?.dismiss() : ce(!0)
+                onClick: (T) => B ? g.value?.dismiss() : fe(!0)
               }, [
-                M(n(J), {
+                M(n(X), {
                   name: "calendarLine",
                   size: 18
                 })
               ], 8, da))
             ], 2)
           ]),
-          default: C(({ dismiss: f }) => [
-            p("div", ca, [
-              p("div", fa, [
-                M(_t, {
+          default: m(({ dismiss: f }) => [
+            b("div", ca, [
+              b("div", fa, [
+                M(xt, {
                   ref_key: "calendar",
-                  ref: y,
-                  "model-value": Y.value,
-                  min: x.value.min,
-                  max: x.value.max,
+                  ref: k,
+                  "model-value": W.value,
+                  min: y.value.min,
+                  max: y.value.max,
                   "disabled-dates": e.disabledDates,
                   "open-on": e.openOn,
-                  "onUpdate:modelValue": K
+                  "onUpdate:modelValue": P
                 }, null, 8, ["model-value", "min", "max", "disabled-dates", "open-on"]),
-                n(A).length > 0 ? (i(), g("div", ma, [
-                  M(kt, {
-                    items: n(A),
-                    selected: Y.value,
-                    onPick: K
+                n(H).length > 0 ? (i(), h("div", ma, [
+                  M(wt, {
+                    items: n(H),
+                    selected: W.value,
+                    onPick: P
                   }, null, 8, ["items", "selected"])
                 ])) : D("", !0)
               ]),
-              p("div", va, [
-                p("label", {
-                  for: n(ye),
+              b("div", va, [
+                b("label", {
+                  for: n(he),
                   class: "text-footnote font-semibold text-content-muted"
-                }, $(n(s)("core.form.time.label")), 9, pa),
-                p("input", {
-                  id: n(ye),
+                }, C(n(s)("core.form.time.label")), 9, pa),
+                b("input", {
+                  id: n(he),
                   type: "text",
                   autocomplete: "off",
                   inputmode: "numeric",
-                  value: n(T).text.value,
+                  value: n(I).text.value,
                   placeholder: n(L).placeholder.value,
-                  "aria-invalid": n(T).message.value ? !0 : void 0,
+                  "aria-invalid": n(I).message.value ? !0 : void 0,
                   class: "rounded-control bg-fill p-1.5 text-center text-[20px] font-semibold tabular-nums text-content-strong placeholder:text-base placeholder:font-normal placeholder:text-content-disabled focus:outline-2 focus:outline-border-focus",
-                  onInput: j[4] || (j[4] = (B) => n(T).input(B.target.value)),
-                  onBlur: j[5] || (j[5] = (B) => n(T).commit()),
-                  onKeydown: j[6] || (j[6] = Se(pe((B) => n(T).commit(), ["prevent"]), ["enter"]))
+                  onInput: j[4] || (j[4] = (B) => n(I).input(B.target.value)),
+                  onBlur: j[5] || (j[5] = (B) => n(I).commit()),
+                  onKeydown: j[6] || (j[6] = Ce(be((B) => n(I).commit(), ["prevent"]), ["enter"]))
                 }, null, 40, ba),
-                M(wt, {
-                  "model-value": H.value,
+                M(_t, {
+                  "model-value": U.value,
                   step: e.minuteStep,
-                  "onUpdate:modelValue": te
+                  "onUpdate:modelValue": ae
                 }, null, 8, ["model-value", "step"]),
-                p("button", {
+                b("button", {
                   type: "button",
                   class: "cursor-pointer self-start rounded-full bg-tint-soft px-2.5 py-1.5 text-footnote font-medium text-content-link focus-visible:outline-2 focus-visible:outline-border-focus",
-                  onClick: (B) => ae(f)
-                }, $(n(s)("core.form.time.now")), 9, ga)
+                  onClick: (B) => le(f)
+                }, C(n(s)("core.form.time.now")), 9, ga)
               ])
             ])
           ]),
           _: 2
         }, 1032, ["label"]))
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      $.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z($.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      $.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z($.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      $.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z($.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
   }
 });
 function lt(o, t = {}) {
   const e = t.accept ?? [];
   if (e.length > 0) {
-    const a = o.name.lastIndexOf("."), s = a === -1 ? "" : o.name.slice(a).toLowerCase(), l = o.type.toLowerCase();
-    if (!e.some((m) => {
-      const b = m.trim().toLowerCase();
-      return b.startsWith(".") ? b === s : b.endsWith("/*") ? l.startsWith(b.slice(0, -1)) : b === l;
+    const l = o.name.lastIndexOf("."), s = l === -1 ? "" : o.name.slice(l).toLowerCase(), a = o.type.toLowerCase();
+    if (!e.some((c) => {
+      const g = c.trim().toLowerCase();
+      return g.startsWith(".") ? g === s : g.endsWith("/*") ? a.startsWith(g.slice(0, -1)) : g === a;
     })) return "invalid_type";
   }
   return (t.maxSize ?? 0) > 0 && o.size > (t.maxSize ?? 0) ? "too_large" : null;
 }
-function Fe(o) {
+function Be(o) {
   return o < 1024 ? `${o} B` : o < 1024 * 1024 ? `${Math.round(o / 1024)} KB` : `${(o / (1024 * 1024)).toFixed(o % (1024 * 1024) === 0 ? 0 : 1)} MB`;
 }
-const ya = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], xa = {
+const ya = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], ka = {
   key: 0,
   class: "flex items-center gap-3 rounded-group bg-fill p-3",
   "data-test": "file-selected"
-}, _a = { class: "min-w-0 flex-1" }, ka = { class: "truncate text-body font-medium text-content-strong" }, wa = { class: "text-footnote text-content-muted" }, $a = ["disabled", "aria-label", "title"], Sa = ["aria-disabled"], Ca = { class: "font-semibold text-content-link" }, Fa = { class: "text-content-muted" }, bo = /* @__PURE__ */ G({
+}, xa = { class: "min-w-0 flex-1" }, wa = { class: "truncate text-body font-medium text-content-strong" }, _a = { class: "text-footnote text-content-muted" }, $a = ["disabled", "aria-label", "title"], Sa = ["aria-disabled"], Ca = { class: "font-semibold text-content-link" }, Fa = { class: "text-content-muted" }, bo = /* @__PURE__ */ K({
   __name: "FileField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -649,100 +737,122 @@ const ya = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describe
     variant: {},
     accept: {},
     maxSize: {}
-  }, { ...de, variant: "button", accept: () => [], maxSize: 0 }), {
+  }, { ...ce, variant: "button", accept: () => [], maxSize: 0 }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const e = o, a = oe(o, "modelValue"), { t: s } = Q(), l = P("chooser"), d = I(!1), m = I(null), b = h(() => {
+    const e = o, l = oe(o, "modelValue"), { t: s } = Z(), a = A("chooser"), d = N(!1), c = N(null), g = x(() => {
       if (e.hint) return e.hint;
-      const x = [];
-      return e.accept.length && x.push(s("core.form.file.allowed", { formats: e.accept.map((r) => r.replace(/^\./, "").toUpperCase()).join(", ") })), e.maxSize > 0 && x.push(s("core.form.file.max_size", { size: Fe(e.maxSize) })), x.join(" · ") || void 0;
+      const y = [];
+      return e.accept.length && y.push(s("core.form.file.allowed", { formats: e.accept.map((r) => r.replace(/^\./, "").toUpperCase()).join(", ") })), e.maxSize > 0 && y.push(s("core.form.file.max_size", { size: Be(e.maxSize) })), y.join(" · ") || void 0;
     });
-    function y(x) {
-      if (!x) return;
-      const r = lt(x, { accept: e.accept, maxSize: e.maxSize });
-      r ? (m.value = r === "invalid_type" ? s("core.form.file.invalid_type") : s("core.form.file.too_large", { size: Fe(e.maxSize) }), a.value = null) : (m.value = null, a.value = x);
+    function k(y) {
+      if (!y) return;
+      const r = lt(y, { accept: e.accept, maxSize: e.maxSize });
+      r ? (c.value = r === "invalid_type" ? s("core.form.file.invalid_type") : s("core.form.file.too_large", { size: Be(e.maxSize) }), l.value = null) : (c.value = null, l.value = y);
     }
-    function k() {
-      a.value = null, m.value = null;
+    function w() {
+      l.value = null, c.value = null;
     }
-    return re(a, (x) => {
-      !x && l.value && (l.value.value = "");
-    }), t({ clear: k }), (x, r) => (i(), q(ge, W({ ...n(ue)(e), hint: b.value, error: m.value ?? e.error }, {
-      value: a.value?.name ?? null,
+    return ie(l, (y) => {
+      !y && a.value && (a.value.value = "");
+    }), t({ clear: w }), (y, r) => (i(), q(ye, J({ ...n(de)(e), hint: g.value, error: c.value ?? e.error }, {
+      value: l.value?.name ?? null,
       "row-layout": "stacked"
-    }), {
-      default: C(({ id: u, describedby: v, invalid: F }) => [
-        p("div", ya, [
-          p("input", {
+    }), re({
+      default: m(({ id: u, describedby: p, invalid: F }) => [
+        b("div", ya, [
+          b("input", {
             id: u,
             ref_key: "chooser",
-            ref: l,
+            ref: a,
             type: "file",
             class: "sr-only",
             tabindex: "-1",
             accept: e.accept.join(",") || void 0,
             disabled: e.disabled,
-            "aria-describedby": v,
+            "aria-describedby": p,
             "aria-invalid": F || void 0,
-            onChange: r[0] || (r[0] = (L) => y(L.target.files?.[0]))
+            onChange: r[0] || (r[0] = (L) => k(L.target.files?.[0]))
           }, null, 40, ha),
-          a.value ? (i(), g("div", xa, [
-            p("div", _a, [
-              p("p", ka, $(a.value.name), 1),
-              p("p", wa, $(n(Fe)(a.value.size)), 1)
+          l.value ? (i(), h("div", ka, [
+            b("div", xa, [
+              b("p", wa, C(l.value.name), 1),
+              b("p", _a, C(n(Be)(l.value.size)), 1)
             ]),
-            p("button", {
+            b("button", {
               type: "button",
               disabled: e.disabled,
               "aria-label": n(s)("core.form.file.remove"),
               title: n(s)("core.form.file.remove"),
               class: "flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-full text-content-muted hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-border-focus disabled:cursor-not-allowed",
-              onClick: k
+              onClick: w
             }, [
-              M(n(J), {
+              M(n(X), {
                 name: "close",
                 size: 14
               })
             ], 8, $a)
-          ])) : e.variant === "dropzone" ? (i(), g("div", {
+          ])) : e.variant === "dropzone" ? (i(), h("div", {
             key: 1,
             role: "button",
             tabindex: "0",
             "data-test": "file-dropzone",
             "aria-disabled": e.disabled || void 0,
             class: R(["cursor-pointer rounded-group border-2 border-dashed p-6 text-center text-body transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-border-focus", d.value ? "border-border-focus bg-tint-soft" : "border-border-control hover:bg-fill"]),
-            onClick: r[1] || (r[1] = (L) => !e.disabled && l.value?.click()),
+            onClick: r[1] || (r[1] = (L) => !e.disabled && a.value?.click()),
             onKeydown: [
-              r[2] || (r[2] = Se(pe((L) => !e.disabled && l.value?.click(), ["prevent"]), ["enter"])),
-              r[3] || (r[3] = Se(pe((L) => !e.disabled && l.value?.click(), ["prevent"]), ["space"]))
+              r[2] || (r[2] = Ce(be((L) => !e.disabled && a.value?.click(), ["prevent"]), ["enter"])),
+              r[3] || (r[3] = Ce(be((L) => !e.disabled && a.value?.click(), ["prevent"]), ["space"]))
             ],
-            onDragover: r[4] || (r[4] = pe((L) => d.value = !0, ["prevent"])),
-            onDragleave: r[5] || (r[5] = pe((L) => d.value = !1, ["prevent"])),
-            onDrop: r[6] || (r[6] = pe((L) => {
-              d.value = !1, e.disabled || y(L.dataTransfer?.files?.[0]);
+            onDragover: r[4] || (r[4] = be((L) => d.value = !0, ["prevent"])),
+            onDragleave: r[5] || (r[5] = be((L) => d.value = !1, ["prevent"])),
+            onDrop: r[6] || (r[6] = be((L) => {
+              d.value = !1, e.disabled || k(L.dataTransfer?.files?.[0]);
             }, ["prevent"]))
           }, [
-            p("span", Ca, $(n(s)("core.form.file.choose")), 1),
-            p("span", Fa, $(n(s)("core.form.file.drop")), 1)
-          ], 42, Sa)) : (i(), q(be, {
+            b("span", Ca, C(n(s)("core.form.file.choose")), 1),
+            b("span", Fa, C(n(s)("core.form.file.drop")), 1)
+          ], 42, Sa)) : (i(), q(ge, {
             key: 2,
             disabled: e.disabled,
-            onClick: r[7] || (r[7] = (L) => l.value?.click())
+            onClick: r[7] || (r[7] = (L) => a.value?.click())
           }, {
-            default: C(() => [
-              U($(n(s)("core.form.file.choose")), 1)
+            default: m(() => [
+              Y(C(n(s)("core.form.file.choose")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]))
         ])
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      y.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(y.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      y.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(y.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      y.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z(y.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
   }
-}), Ba = ["disabled"], go = /* @__PURE__ */ G({
+}), Ba = ["disabled"], go = /* @__PURE__ */ K({
   __name: "FormGroupButton",
   props: {
     label: {},
@@ -751,17 +861,17 @@ const ya = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describe
   },
   emits: ["click"],
   setup(o, { emit: t }) {
-    const e = o, a = t;
-    return (s, l) => (i(), q(Dt, null, {
-      default: C(() => [
+    const e = o, l = t;
+    return (s, a) => (i(), q(zt, null, {
+      default: m(() => [
         M(dt, { layout: "stacked" }, {
-          default: C(() => [
-            p("button", {
+          default: m(() => [
+            b("button", {
               type: "button",
               disabled: e.disabled,
               class: R(["w-full py-1 text-center text-body focus-visible:outline-2 focus-visible:outline-border-focus disabled:text-content-disabled", e.tone === "critical" ? "text-content-destructive" : "text-content-link"]),
-              onClick: l[0] || (l[0] = (d) => a("click"))
-            }, $(e.label), 11, Ba)
+              onClick: a[0] || (a[0] = (d) => l("click"))
+            }, C(e.label), 11, Ba)
           ]),
           _: 1
         })
@@ -769,31 +879,31 @@ const ya = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describe
       _: 1
     }));
   }
-}), yo = /* @__PURE__ */ G({
+}), yo = /* @__PURE__ */ K({
   __name: "FormIndent",
   setup(o) {
-    return Ve(ct, ft() + 1), (t, e) => le(t.$slots, "default");
+    return Ve(ct, ft() + 1), (t, e) => z(t.$slots, "default");
   }
 });
 function La(o, t) {
   return t.filter((e) => (o?.[e] ?? "").trim() === "");
 }
-const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], Va = ["id", "value", "lang", "name", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], qa = {
+const Ta = ["id", "aria-labelledby"], za = ["id", "value", "lang", "name", "rows", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], Da = ["id", "value", "lang", "name", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], Va = {
   key: 0,
   class: "mt-1.5 flex items-center gap-2"
-}, Ma = {
+}, qa = {
   key: 0,
   class: "flex-1 text-footnote text-status-warning-content",
   "data-test": "i18n-missing"
-}, Oa = {
+}, Ma = {
   key: 1,
   class: "flex-1"
-}, ja = ["aria-label"], Ra = ["id", "aria-selected", "tabindex", "aria-controls", "aria-label", "title", "onClick", "onKeydown"], Ta = ["data-state"], Ea = { class: "w-full" }, Ia = { class: "whitespace-pre-line break-words text-body text-content-strong" }, Ga = ["aria-expanded"], Na = { class: "flex-1" }, Ka = {
+}, Oa = ["aria-label"], ja = ["id", "aria-selected", "tabindex", "aria-controls", "aria-label", "title", "onClick", "onKeydown"], Ra = ["data-state"], Ea = { class: "w-full" }, Ia = { class: "whitespace-pre-line break-words text-body text-content-strong" }, Ga = ["aria-expanded"], Na = { class: "flex-1" }, Ka = {
   key: 0,
   class: "mt-1 flex flex-col gap-1.5"
-}, Pa = ["title"], ho = /* @__PURE__ */ G({
+}, Pa = ["title"], ho = /* @__PURE__ */ K({
   __name: "I18nField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -811,70 +921,70 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
     rows: {},
     placeholder: {},
     maxLength: {}
-  }, { ...de, locales: void 0, defaultLocale: void 0, requiredLocales: () => [], multiline: !1, rows: 3, placeholder: void 0, maxLength: void 0 }), {
+  }, { ...ce, locales: void 0, defaultLocale: void 0, requiredLocales: () => [], multiline: !1, rows: 3, placeholder: void 0, maxLength: void 0 }), {
     modelValue: { default: () => ({}) },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const e = o, a = oe(o, "modelValue"), { t: s, locale: l, availableLocales: d } = Q(), m = Qe(qt, null), b = Oe(), y = P("field"), k = P("root"), { editable: x } = et(e), r = Te(e.multiline ? "area" : "text", () => e.error || te.value ? "error" : e.disabled ? "locked" : "rest"), u = h(() => e.locales ?? m?.locales ?? d), v = h(() => e.defaultLocale ?? u.value[0] ?? ""), F = h(() => u.value.includes(v.value) ? [v.value, ...u.value.filter((f) => f !== v.value)] : u.value), L = I(null), _ = h(() => L.value !== null && F.value.includes(L.value) ? L.value : F.value.includes(l.value) ? l.value : v.value), E = (f) => a.value[f] ?? "", w = (f) => E(f).trim() !== "", O = (f) => f.toUpperCase();
-    function T(f) {
+    const e = o, l = oe(o, "modelValue"), { t: s, locale: a, availableLocales: d } = Z(), c = Ze(Vt, null), g = Oe(), k = A("field"), w = A("root"), { editable: y } = et(e), r = Ee(e.multiline ? "area" : "text", () => e.error || ae.value ? "error" : e.disabled ? "locked" : "rest"), u = x(() => e.locales ?? c?.locales ?? d), p = x(() => e.defaultLocale ?? u.value[0] ?? ""), F = x(() => u.value.includes(p.value) ? [p.value, ...u.value.filter((f) => f !== p.value)] : u.value), L = N(null), _ = x(() => L.value !== null && F.value.includes(L.value) ? L.value : F.value.includes(a.value) ? a.value : p.value), G = (f) => l.value[f] ?? "", S = (f) => G(f).trim() !== "", O = (f) => f.toUpperCase();
+    function I(f) {
       try {
-        return new Intl.DisplayNames([l.value], { type: "language" }).of(f) ?? O(f);
+        return new Intl.DisplayNames([a.value], { type: "language" }).of(f) ?? O(f);
       } catch {
         return O(f);
       }
     }
-    const A = (f) => f.map(T).join(", ");
-    function Z(f, B) {
-      a.value = { ...a.value, [f]: B };
+    const H = (f) => f.map(I).join(", ");
+    function ee(f, B) {
+      l.value = { ...l.value, [f]: B };
     }
-    const ee = (f) => `${b}-tab-${f}`;
-    function X(f, B) {
-      L.value = f, B && he(() => y.value?.focus());
+    const te = (f) => `${g}-tab-${f}`;
+    function Q(f, B) {
+      L.value = f, B && ke(() => k.value?.focus());
     }
-    function N(f, B) {
-      const z = F.value.length - 1, me = { ArrowRight: B + 1, ArrowLeft: B - 1, Home: 0, End: z }[f.key];
-      if (me === void 0) return;
+    function E(f, B) {
+      const T = F.value.length - 1, ve = { ArrowRight: B + 1, ArrowLeft: B - 1, Home: 0, End: T }[f.key];
+      if (ve === void 0) return;
       f.preventDefault();
-      const ve = F.value[(me + F.value.length) % F.value.length];
-      ve !== void 0 && (X(ve, !1), he(() => document.getElementById(ee(ve))?.focus()));
+      const pe = F.value[(ve + F.value.length) % F.value.length];
+      pe !== void 0 && (Q(pe, !1), ke(() => document.getElementById(te(pe))?.focus()));
     }
-    const Y = I(!1);
-    function H(f) {
-      k.value?.contains(f.relatedTarget) || (Y.value = !0);
+    const W = N(!1);
+    function U(f) {
+      w.value?.contains(f.relatedTarget) || (W.value = !0);
     }
-    const K = h(() => La(a.value, e.requiredLocales)), te = h(() => Y.value && K.value.length > 0 ? s("core.form.i18n.required", { languages: A(K.value) }) : void 0), ae = h(() => e.requiredLocales.length > 0 ? K.value.length === 0 : F.value.some(w)), ye = h(() => F.value.filter((f) => !w(f) && !(te.value && K.value.includes(f)))), ce = h(() => w(v.value) && F.value.some((f) => f !== v.value && !w(f)));
-    function _e() {
-      const f = E(v.value);
-      a.value = { ...a.value, ...Object.fromEntries(F.value.filter((B) => !w(B)).map((B) => [B, f])) };
+    const P = x(() => La(l.value, e.requiredLocales)), ae = x(() => W.value && P.value.length > 0 ? s("core.form.i18n.required", { languages: H(P.value) }) : void 0), le = x(() => e.requiredLocales.length > 0 ? P.value.length === 0 : F.value.some(S)), he = x(() => F.value.filter((f) => !S(f) && !(ae.value && P.value.includes(f)))), fe = x(() => S(p.value) && F.value.some((f) => f !== p.value && !S(f)));
+    function we() {
+      const f = G(p.value);
+      l.value = { ...l.value, ...Object.fromEntries(F.value.filter((B) => !S(B)).map((B) => [B, f])) };
     }
-    const S = h(() => [l.value, v.value, ...F.value].find((f) => F.value.includes(f) && w(f))), j = h(() => F.value.filter((f) => f !== S.value)), fe = h(() => j.value.filter(w).length), c = I(!1), V = h(() => e.label && !x.value && S.value ? `${e.label} · ${O(S.value)}` : e.label);
-    return t({ focus: () => y.value?.focus() }), (f, B) => (i(), q(ge, W({ ...n(ue)(e), label: V.value, error: e.error ?? te.value, required: e.required || e.requiredLocales.length > 0 }, {
-      value: n(x) ? ae.value ? "written" : null : S.value ? E(S.value) : null,
+    const $ = x(() => [a.value, p.value, ...F.value].find((f) => F.value.includes(f) && S(f))), j = x(() => F.value.filter((f) => f !== $.value)), me = x(() => j.value.filter(S).length), v = N(!1), V = x(() => e.label && !y.value && $.value ? `${e.label} · ${O($.value)}` : e.label);
+    return t({ focus: () => k.value?.focus() }), (f, B) => (i(), q(ye, J({ ...n(de)(e), label: V.value, error: e.error ?? ae.value, required: e.required || e.requiredLocales.length > 0 }, {
+      value: n(y) ? le.value ? "written" : null : $.value ? G($.value) : null,
       "row-layout": "stacked"
-    }), Ze({
-      default: C(({ id: z, describedby: me, invalid: ve }) => [
-        p("div", {
+    }), re({
+      default: m(({ id: T, describedby: ve, invalid: pe }) => [
+        b("div", {
           ref_key: "root",
-          ref: k,
+          ref: w,
           class: "w-full",
-          onFocusout: H
+          onFocusout: U
         }, [
-          p("div", {
-            id: `${n(b)}-panel`,
+          b("div", {
+            id: `${n(g)}-panel`,
             role: "tabpanel",
-            "aria-labelledby": ee(_.value)
+            "aria-labelledby": te(_.value)
           }, [
-            p("div", {
+            b("div", {
               class: R(["w-full", n(r)])
             }, [
-              e.multiline ? (i(), g("textarea", {
+              e.multiline ? (i(), h("textarea", {
                 key: 0,
-                id: z,
+                id: T,
                 ref_key: "field",
-                ref: y,
-                value: E(_.value),
+                ref: k,
+                value: G(_.value),
                 lang: _.value,
                 name: e.name,
                 rows: e.rows,
@@ -882,17 +992,17 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
                 maxlength: e.maxLength,
                 disabled: e.disabled,
                 "aria-required": e.required || void 0,
-                "aria-invalid": ve || void 0,
-                "aria-describedby": me,
+                "aria-invalid": pe || void 0,
+                "aria-describedby": ve,
                 "data-test": "i18n-input",
                 class: "block w-full resize-y border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-                onInput: B[0] || (B[0] = (Be) => Z(_.value, Be.target.value))
-              }, null, 40, Da)) : (i(), g("input", {
+                onInput: B[0] || (B[0] = (Le) => ee(_.value, Le.target.value))
+              }, null, 40, za)) : (i(), h("input", {
                 key: 1,
-                id: z,
+                id: T,
                 ref_key: "field",
-                ref: y,
-                value: E(_.value),
+                ref: k,
+                value: G(_.value),
                 lang: _.value,
                 type: "text",
                 name: e.name,
@@ -900,102 +1010,109 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
                 maxlength: e.maxLength,
                 disabled: e.disabled,
                 "aria-required": e.required || void 0,
-                "aria-invalid": ve || void 0,
-                "aria-describedby": me,
+                "aria-invalid": pe || void 0,
+                "aria-describedby": ve,
                 "data-test": "i18n-input",
                 class: "block w-full min-w-0 border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
-                onInput: B[1] || (B[1] = (Be) => Z(_.value, Be.target.value))
-              }, null, 40, Va))
+                onInput: B[1] || (B[1] = (Le) => ee(_.value, Le.target.value))
+              }, null, 40, Da))
             ], 2)
-          ], 8, za),
-          ye.value.length > 0 || ce.value ? (i(), g("div", qa, [
-            ye.value.length > 0 ? (i(), g("p", Ma, $(n(s)("core.form.i18n.missing", { languages: A(ye.value) })), 1)) : (i(), g("span", Oa)),
-            ce.value && !e.disabled ? (i(), g("button", {
+          ], 8, Ta),
+          he.value.length > 0 || fe.value ? (i(), h("div", Va, [
+            he.value.length > 0 ? (i(), h("p", qa, C(n(s)("core.form.i18n.missing", { languages: H(he.value) })), 1)) : (i(), h("span", Ma)),
+            fe.value && !e.disabled ? (i(), h("button", {
               key: 2,
               type: "button",
               "data-test": "i18n-copy",
               class: "shrink-0 cursor-pointer rounded-control bg-tint-soft px-2.5 py-1.5 text-footnote font-medium text-content-link transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
-              onClick: _e
-            }, $(n(s)("core.form.i18n.copy", { language: O(v.value) })), 1)) : D("", !0)
+              onClick: we
+            }, C(n(s)("core.form.i18n.copy", { language: O(p.value) })), 1)) : D("", !0)
           ])) : D("", !0)
         ], 544)
       ]),
-      labelTrailing: C(() => [
-        p("div", {
+      labelTrailing: m(() => [
+        b("div", {
           role: "tablist",
           "aria-label": n(s)("core.form.i18n.languages"),
           class: "flex shrink-0 gap-0.5 rounded-control bg-fill p-0.5",
           "data-test": "i18n-tabs"
         }, [
-          (i(!0), g(se, null, xe(F.value, (z, me) => (i(), g("button", {
-            id: ee(z),
-            key: z,
+          (i(!0), h(se, null, xe(F.value, (T, ve) => (i(), h("button", {
+            id: te(T),
+            key: T,
             type: "button",
             role: "tab",
-            "aria-selected": z === _.value,
-            tabindex: z === _.value ? 0 : -1,
-            "aria-controls": `${n(b)}-panel`,
-            "aria-label": n(s)(w(z) ? "core.form.i18n.tab_written" : "core.form.i18n.tab_empty", { language: T(z) }),
-            title: T(z),
-            class: R(["flex min-h-7 cursor-pointer items-center gap-1.5 rounded-control px-2.5 py-1 text-footnote font-semibold transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus", z === _.value ? "bg-segment-selected text-content-strong shadow-sm" : "text-content-muted hover:text-content-strong"]),
-            onClick: (ve) => X(z, !0),
-            onKeydown: (ve) => N(ve, me)
+            "aria-selected": T === _.value,
+            tabindex: T === _.value ? 0 : -1,
+            "aria-controls": `${n(g)}-panel`,
+            "aria-label": n(s)(S(T) ? "core.form.i18n.tab_written" : "core.form.i18n.tab_empty", { language: I(T) }),
+            title: I(T),
+            class: R(["flex min-h-7 cursor-pointer items-center gap-1.5 rounded-control px-2.5 py-1 text-footnote font-semibold transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus", T === _.value ? "bg-segment-selected text-content-strong shadow-sm" : "text-content-muted hover:text-content-strong"]),
+            onClick: (pe) => Q(T, !0),
+            onKeydown: (pe) => E(pe, ve)
           }, [
-            U($(O(z)) + " ", 1),
-            p("span", {
+            Y(C(O(T)) + " ", 1),
+            b("span", {
               "aria-hidden": "true",
-              class: R(["size-1.5 rounded-full", w(z) ? "bg-status-success-solid" : te.value && K.value.includes(z) ? "bg-content-destructive" : "bg-content-disabled"]),
+              class: R(["size-1.5 rounded-full", S(T) ? "bg-status-success-solid" : ae.value && P.value.includes(T) ? "bg-content-destructive" : "bg-content-disabled"]),
               "data-test": "i18n-dot",
-              "data-state": w(z) ? "written" : te.value && K.value.includes(z) ? "required" : "empty"
-            }, null, 10, Ta)
-          ], 42, Ra))), 128))
-        ], 8, ja)
+              "data-state": S(T) ? "written" : ae.value && P.value.includes(T) ? "required" : "empty"
+            }, null, 10, Ra)
+          ], 42, ja))), 128))
+        ], 8, Oa)
       ]),
       _: 2
     }, [
-      S.value ? {
+      $.value ? {
         name: "readonly",
-        fn: C(() => [
-          p("div", Ea, [
-            p("p", Ia, $(E(S.value)), 1),
-            j.value.length > 0 ? (i(), g(se, { key: 0 }, [
-              p("button", {
+        fn: m(() => [
+          b("div", Ea, [
+            b("p", Ia, C(G($.value)), 1),
+            j.value.length > 0 ? (i(), h(se, { key: 0 }, [
+              b("button", {
                 type: "button",
-                "aria-expanded": c.value,
+                "aria-expanded": v.value,
                 class: "mt-1.5 flex w-full cursor-pointer items-center gap-2 text-left text-footnote text-content-muted focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus",
-                onClick: B[2] || (B[2] = (z) => c.value = !c.value)
+                onClick: B[2] || (B[2] = (T) => v.value = !v.value)
               }, [
-                p("span", Na, $(n(s)("core.form.i18n.more", { count: j.value.length, filled: fe.value })), 1),
-                M(n(J), {
+                b("span", Na, C(n(s)("core.form.i18n.more", { count: j.value.length, filled: me.value })), 1),
+                M(n(X), {
                   name: "arrowRightSLine",
                   size: 16,
-                  class: R(["shrink-0 transition-transform duration-motion-fast", c.value ? "rotate-90" : ""])
+                  class: R(["shrink-0 transition-transform duration-motion-fast", v.value ? "rotate-90" : ""])
                 }, null, 8, ["class"])
               ], 8, Ga),
-              c.value ? (i(), g("dl", Ka, [
-                (i(!0), g(se, null, xe(j.value, (z) => (i(), g("div", {
-                  key: z,
+              v.value ? (i(), h("dl", Ka, [
+                (i(!0), h(se, null, xe(j.value, (T) => (i(), h("div", {
+                  key: T,
                   class: "flex gap-2 text-body"
                 }, [
-                  p("dt", {
+                  b("dt", {
                     class: "w-8 shrink-0 text-footnote font-semibold leading-6 text-content-muted",
-                    title: T(z)
-                  }, $(O(z)), 9, Pa),
-                  p("dd", {
-                    class: R(["min-w-0 flex-1 whitespace-pre-line break-words", w(z) ? "text-content-strong" : "text-content-disabled"])
-                  }, $(w(z) ? E(z) : n(s)("core.state.no_value")), 3)
+                    title: I(T)
+                  }, C(O(T)), 9, Pa),
+                  b("dd", {
+                    class: R(["min-w-0 flex-1 whitespace-pre-line break-words", S(T) ? "text-content-strong" : "text-content-disabled"])
+                  }, C(S(T) ? G(T) : n(s)("core.state.no_value")), 3)
                 ]))), 128))
               ])) : D("", !0)
             ], 64)) : D("", !0)
           ])
         ]),
         key: "0"
+      } : void 0,
+      f.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(f.$slots, "trailing")
+        ]),
+        key: "1"
       } : void 0
     ]), 1040, ["value"]));
   }
-}), xo = /* @__PURE__ */ G({
+}), ko = /* @__PURE__ */ K({
   __name: "MoneyField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -1010,28 +1127,50 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
     decimals: {},
     negative: { type: Boolean },
     width: {}
-  }, { ...de, decimals: 2, negative: !1, width: "sm" }), {
+  }, { ...ce, decimals: 2, negative: !1, width: "sm" }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o, { expose: t }) {
-    const e = o, a = oe(o, "modelValue"), s = P("field");
-    return t({ focus: () => s.value?.focus() }), (l, d) => (i(), q(Mt, W({
+    const e = o, l = oe(o, "modelValue"), s = A("field");
+    return t({ focus: () => s.value?.focus() }), (a, d) => (i(), q(qt, J({
       ref_key: "field",
       ref: s,
-      modelValue: a.value,
-      "onUpdate:modelValue": d[0] || (d[0] = (m) => a.value = m)
-    }, n(ue)(e), {
+      modelValue: l.value,
+      "onUpdate:modelValue": d[0] || (d[0] = (c) => l.value = c)
+    }, n(de)(e), {
       decimals: e.decimals,
       negative: e.negative,
       suffix: e.currency,
       width: e.width
-    }), null, 16, ["modelValue", "decimals", "negative", "suffix", "width"]));
+    }), re({ _: 2 }, [
+      a.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(a.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      a.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(a.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      a.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z(a.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["modelValue", "decimals", "negative", "suffix", "width"]));
   }
-}), Aa = { class: "flex flex-col gap-2" }, Ha = ["onClick"], _o = /* @__PURE__ */ G({
+}), Aa = { class: "flex flex-col gap-2" }, Ha = ["onClick"], xo = /* @__PURE__ */ K({
   __name: "MonthYearField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -1044,7 +1183,7 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
     name: {},
     minYear: {},
     maxYear: {}
-  }, { ...de, minYear: 1970, maxYear: () => (/* @__PURE__ */ new Date()).getFullYear() + 1 }), {
+  }, { ...ce, minYear: 1970, maxYear: () => (/* @__PURE__ */ new Date()).getFullYear() + 1 }), {
     month: { default: null },
     monthModifiers: {},
     year: { default: null },
@@ -1052,34 +1191,34 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
   }),
   emits: ["update:month", "update:year"],
   setup(o) {
-    const t = o, e = oe(o, "month"), a = oe(o, "year"), { t: s } = Q(), l = h(() => e.value !== null && e.value >= 1 && e.value <= 12), d = (k, x) => s(`core.form.months.${x}.${k}`), m = h(() => l.value && a.value !== null ? s("core.form.months.with_year", { month: d(e.value, "long"), year: a.value }) : a.value !== null ? String(a.value) : l.value ? d(e.value, "long") : "");
-    function b(k, x) {
-      e.value = k.month, a.value = k.year, x();
+    const t = o, e = oe(o, "month"), l = oe(o, "year"), { t: s } = Z(), a = x(() => e.value !== null && e.value >= 1 && e.value <= 12), d = (w, y) => s(`core.form.months.${y}.${w}`), c = x(() => a.value && l.value !== null ? s("core.form.months.with_year", { month: d(e.value, "long"), year: l.value }) : l.value !== null ? String(l.value) : a.value ? d(e.value, "long") : "");
+    function g(w, y) {
+      e.value = w.month, l.value = w.year, y();
     }
-    function y(k) {
-      e.value = null, a.value = null, k();
+    function k(w) {
+      e.value = null, l.value = null, w();
     }
-    return (k, x) => (i(), q(ge, W(n(ue)(t), {
-      value: m.value || null
-    }), {
-      default: C(({ id: r, describedby: u, invalid: v }) => [
-        M(Ie, {
-          label: t.label ?? m.value,
+    return (w, y) => (i(), q(ye, J(n(de)(t), {
+      value: c.value || null
+    }), re({
+      default: m(({ id: r, describedby: u, invalid: p }) => [
+        M(Ge, {
+          label: t.label ?? c.value,
           width: "sm",
           placement: "bottom-start",
           arrow: !1
         }, {
-          trigger: C(({ toggle: F, presented: L }) => [
-            M(at, W({ id: r, "aria-describedby": u }, {
+          trigger: m(({ toggle: F, presented: L }) => [
+            M(at, J({ id: r, "aria-describedby": u }, {
               expanded: L,
               disabled: t.disabled,
-              invalid: v,
+              invalid: p,
               onClick: F
             }), {
-              default: C(() => [
-                m.value ? (i(), g(se, { key: 0 }, [
-                  U($(m.value), 1),
-                  M(n(J), {
+              default: m(() => [
+                c.value ? (i(), h(se, { key: 0 }, [
+                  Y(C(c.value), 1),
+                  M(n(X), {
                     name: "calendarLine",
                     size: 16,
                     class: "ml-2 shrink-0 text-content-muted"
@@ -1089,32 +1228,54 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
               _: 1
             }, 16, ["expanded", "disabled", "invalid", "onClick"])
           ]),
-          default: C(({ dismiss: F }) => [
-            p("div", Aa, [
+          default: m(({ dismiss: F }) => [
+            b("div", Aa, [
               M(St, {
                 month: e.value,
-                year: a.value,
+                year: l.value,
                 "min-year": t.minYear,
                 "max-year": t.maxYear,
-                onPick: (L) => b(L, F)
+                onPick: (L) => g(L, F)
               }, null, 8, ["month", "year", "min-year", "max-year", "onPick"]),
-              l.value || a.value !== null ? (i(), g("button", {
+              a.value || l.value !== null ? (i(), h("button", {
                 key: 0,
                 type: "button",
                 class: "cursor-pointer self-start rounded-control px-1 text-footnote text-content-link",
-                onClick: (L) => y(F)
-              }, $(n(s)("core.form.select.clear")), 9, Ha)) : D("", !0)
+                onClick: (L) => k(F)
+              }, C(n(s)("core.form.select.clear")), 9, Ha)) : D("", !0)
             ])
           ]),
           _: 2
         }, 1032, ["label"])
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      w.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(w.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      w.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(w.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      w.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z(w.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
   }
-}), Ua = { class: "flex min-w-0 flex-wrap items-center gap-1.5 py-0.5" }, Ya = { class: "truncate" }, Wa = ["disabled", "aria-label", "onClick"], Ja = ["id", "disabled", "aria-expanded", "aria-invalid", "aria-describedby", "aria-busy"], Xa = ["id", "disabled", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], Qa = { class: "max-h-72 overflow-y-auto" }, Za = { class: "flex items-center justify-between gap-2" }, We = "inline-flex min-h-7 cursor-pointer items-center gap-1 rounded-control bg-fill px-2.5 py-1 text-body text-content-muted hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", ko = /* @__PURE__ */ G({
+}), Ua = { class: "flex min-w-0 flex-wrap items-center gap-1.5 py-0.5" }, Ya = { class: "truncate" }, Wa = ["disabled", "aria-label", "onClick"], Ja = ["id", "disabled", "aria-expanded", "aria-invalid", "aria-describedby", "aria-busy"], Xa = ["id", "disabled", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], Qa = { class: "max-h-72 overflow-y-auto" }, Za = { class: "flex items-center justify-between gap-2" }, Je = "inline-flex min-h-7 cursor-pointer items-center gap-1 rounded-control bg-fill px-2.5 py-1 text-body text-content-muted hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", wo = /* @__PURE__ */ K({
   __name: "MultiSelectField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -1129,167 +1290,189 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
     selected: {},
     placeholder: {},
     searchFrom: {}
-  }, { ...de, selected: () => [], placeholder: void 0, searchFrom: 9 }), {
+  }, { ...ce, selected: () => [], placeholder: void 0, searchFrom: 9 }), {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = oe(o, "modelValue"), { t: a } = Q(), s = Ee(), l = P("sheet"), d = I(!1), m = jt(() => t.options, (r) => {
-      const u = e.value.filter((v) => r.some((F) => F.value === v));
+    const t = o, e = oe(o, "modelValue"), { t: l } = Z(), s = Ie(), a = A("sheet"), d = N(!1), c = Ot(() => t.options, (r) => {
+      const u = e.value.filter((p) => r.some((F) => F.value === p));
       u.length !== e.value.length && (e.value = u);
-    }), b = h(() => e.value.flatMap((r) => {
-      const u = m.known.value.find((v) => v.value === r) ?? t.selected.find((v) => v.value === r);
+    }), g = x(() => e.value.flatMap((r) => {
+      const u = c.known.value.find((p) => p.value === r) ?? t.selected.find((p) => p.value === r);
       return u ? [u] : [];
-    })), y = h(() => t.placeholder ?? a("core.form.select.choose"));
-    function k(r) {
+    })), k = x(() => t.placeholder ?? l("core.form.select.choose"));
+    function w(r) {
       r !== null && (e.value = e.value.includes(r) ? e.value.filter((u) => u !== r) : [...e.value, r]);
     }
-    const x = (r) => e.value = e.value.filter((u) => u !== r);
-    return (r, u) => (i(), q(ge, W(n(ue)(t), {
-      value: b.value.length ? b.value.map((v) => v.label).join(", ") : null,
+    const y = (r) => e.value = e.value.filter((u) => u !== r);
+    return (r, u) => (i(), q(ye, J(n(de)(t), {
+      value: g.value.length ? g.value.map((p) => p.label).join(", ") : null,
       "row-layout": "stacked"
-    }), {
-      default: C(({ id: v, describedby: F, invalid: L }) => [
-        p("div", Ua, [
-          (i(!0), g(se, null, xe(b.value, (_) => (i(), g("span", {
+    }), re({
+      default: m(({ id: p, describedby: F, invalid: L }) => [
+        b("div", Ua, [
+          (i(!0), h(se, null, xe(g.value, (_) => (i(), h("span", {
             key: String(_.value),
             "data-test": "chip",
             class: "inline-flex min-h-7 max-w-full items-center gap-1 rounded-full bg-tint-soft pl-3 pr-1 text-subheadline font-medium text-content-link"
           }, [
-            p("span", Ya, $(_.label), 1),
-            p("button", {
+            b("span", Ya, C(_.label), 1),
+            b("button", {
               type: "button",
               disabled: t.disabled,
-              "aria-label": `${n(a)("core.form.select.clear")}: ${_.label}`,
+              "aria-label": `${n(l)("core.form.select.clear")}: ${_.label}`,
               class: "flex size-5 shrink-0 cursor-pointer items-center justify-center rounded-full hover:bg-fill focus-visible:outline-2 focus-visible:outline-border-focus disabled:cursor-not-allowed",
-              onClick: (E) => x(_.value)
+              onClick: (G) => y(_.value)
             }, [
-              M(n(J), {
+              M(n(X), {
                 name: "close",
                 size: 12
               })
             ], 8, Wa)
           ]))), 128)),
-          n(s) ? (i(), g("button", {
+          n(s) ? (i(), h("button", {
             key: 0,
-            id: v,
+            id: p,
             type: "button",
             disabled: t.disabled,
             "aria-haspopup": "dialog",
             "aria-expanded": d.value,
             "aria-invalid": L || void 0,
             "aria-describedby": F,
-            "aria-busy": n(m).loading.value || void 0,
-            class: R(We),
-            onClick: u[0] || (u[0] = (_) => l.value?.present())
+            "aria-busy": n(c).loading.value || void 0,
+            class: R(Je),
+            onClick: u[0] || (u[0] = (_) => a.value?.present())
           }, [
-            n(m).loading.value ? (i(), q(n(J), {
+            n(c).loading.value ? (i(), q(n(X), {
               key: 0,
               name: "loader4Line",
               size: 14,
               class: "shrink-0 animate-spin"
             })) : D("", !0),
-            U(" " + $(b.value.length ? n(a)("core.actions.edit") : y.value), 1)
-          ], 8, Ja)) : (i(), q(Ie, {
+            Y(" " + C(g.value.length ? n(l)("core.actions.edit") : k.value), 1)
+          ], 8, Ja)) : (i(), q(Ge, {
             key: 1,
-            label: t.label ?? y.value,
+            label: t.label ?? k.value,
             width: "md",
             "match-trigger-width": "",
             placement: "bottom-start",
             arrow: !1
           }, {
-            trigger: C(({ toggle: _, attrs: E }) => [
-              p("button", W({
-                id: v,
+            trigger: m(({ toggle: _, attrs: G }) => [
+              b("button", J({
+                id: p,
                 type: "button"
-              }, E, {
+              }, G, {
                 "aria-haspopup": "listbox",
                 disabled: t.disabled,
                 "aria-invalid": L || void 0,
                 "aria-describedby": F,
-                "aria-busy": n(m).loading.value || void 0,
-                class: We,
+                "aria-busy": n(c).loading.value || void 0,
+                class: Je,
                 onClick: _
               }), [
-                n(m).loading.value ? (i(), q(n(J), {
+                n(c).loading.value ? (i(), q(n(X), {
                   key: 0,
                   name: "loader4Line",
                   size: 14,
                   class: "shrink-0 animate-spin"
                 })) : D("", !0),
-                U(" " + $(b.value.length ? n(a)("core.actions.edit") : y.value), 1)
+                Y(" " + C(g.value.length ? n(l)("core.actions.edit") : k.value), 1)
               ], 16, Xa)
             ]),
-            default: C(() => [
-              p("div", Qa, [
-                M(He, {
-                  options: n(m).rows.value,
-                  status: n(m).status.value,
+            default: m(() => [
+              b("div", Qa, [
+                M(Ue, {
+                  options: n(c).rows.value,
+                  status: n(c).status.value,
                   "model-value": e.value,
                   multiple: "",
                   "search-from": t.searchFrom,
                   presentation: "plain",
-                  onSelect: k,
-                  onRetry: u[1] || (u[1] = (_) => n(m).reload())
+                  onSelect: w,
+                  onRetry: u[1] || (u[1] = (_) => n(c).reload())
                 }, null, 8, ["options", "status", "model-value", "search-from"])
               ])
             ]),
             _: 2
           }, 1032, ["label"]))
         ]),
-        n(s) ? (i(), q(Ot, {
+        n(s) ? (i(), q(Mt, {
           key: 0,
           ref_key: "sheet",
-          ref: l,
-          title: t.label ?? y.value,
+          ref: a,
+          title: t.label ?? k.value,
           grouped: "",
           onPresented: u[5] || (u[5] = (_) => d.value = !0),
           onDismissed: u[6] || (u[6] = (_) => d.value = !1)
         }, {
-          footer: C(() => [
-            p("div", Za, [
-              M(be, {
+          footer: m(() => [
+            b("div", Za, [
+              M(ge, {
                 prominence: "plain",
                 disabled: e.value.length === 0,
                 onClick: u[3] || (u[3] = (_) => e.value = [])
               }, {
-                default: C(() => [
-                  U($(n(a)("core.form.select.clear")), 1)
+                default: m(() => [
+                  Y(C(n(l)("core.form.select.clear")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
-              M(be, {
+              M(ge, {
                 prominence: "primary",
-                onClick: u[4] || (u[4] = (_) => l.value?.dismiss())
+                onClick: u[4] || (u[4] = (_) => a.value?.dismiss())
               }, {
-                default: C(() => [
-                  U($(n(a)("core.form.select.done")), 1)
+                default: m(() => [
+                  Y(C(n(l)("core.form.select.done")), 1)
                 ]),
                 _: 1
               })
             ])
           ]),
-          default: C(() => [
-            M(He, {
-              options: n(m).rows.value,
-              status: n(m).status.value,
+          default: m(() => [
+            M(Ue, {
+              options: n(c).rows.value,
+              status: n(c).status.value,
               "model-value": e.value,
               multiple: "",
               "search-from": t.searchFrom,
-              onSelect: k,
-              onRetry: u[2] || (u[2] = (_) => n(m).reload())
+              onSelect: w,
+              onRetry: u[2] || (u[2] = (_) => n(c).reload())
             }, null, 8, ["options", "status", "model-value", "search-from"])
           ]),
           _: 1
         }, 8, ["title"])) : D("", !0)
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      r.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(r.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      r.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(r.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0,
+      r.$slots.readonly ? {
+        name: "readonly",
+        fn: m(() => [
+          z(r.$slots, "readonly")
+        ]),
+        key: "2"
+      } : void 0
+    ]), 1040, ["value"]));
   }
-}), el = ["aria-label"], tl = ["src"], al = { class: "flex flex-wrap items-center gap-3" }, ll = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], ol = ["aria-label"], nl = ["src"], wo = /* @__PURE__ */ G({
+}), el = ["aria-label"], tl = ["src"], al = { class: "flex flex-wrap items-center gap-3" }, ll = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], ol = ["aria-label"], nl = ["src"], _o = /* @__PURE__ */ K({
   __name: "PhotoField",
-  props: /* @__PURE__ */ ne(/* @__PURE__ */ ie({
+  props: /* @__PURE__ */ ne(/* @__PURE__ */ ue({
     label: {},
     labelHidden: { type: Boolean },
     hint: {},
@@ -1302,59 +1485,59 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
     name: {},
     accept: {},
     maxSize: {}
-  }, { ...de, accept: () => ["image/jpeg", "image/png", "image/webp", "image/gif"], maxSize: 5 * 1024 * 1024 }), {
+  }, { ...ce, accept: () => ["image/jpeg", "image/png", "image/webp", "image/gif"], maxSize: 5 * 1024 * 1024 }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(o) {
-    const t = o, e = oe(o, "modelValue"), { t: a } = Q(), s = P("chooser"), l = I(null), d = I(null);
-    function m() {
+    const t = o, e = oe(o, "modelValue"), { t: l } = Z(), s = A("chooser"), a = N(null), d = N(null);
+    function c() {
       d.value && URL.revokeObjectURL(d.value), d.value = null;
     }
-    re(
+    ie(
       e,
       (r) => {
-        m(), r instanceof File && (d.value = URL.createObjectURL(r)), r === null && s.value && (s.value.value = "");
+        c(), r instanceof File && (d.value = URL.createObjectURL(r)), r === null && s.value && (s.value.value = "");
       },
       { immediate: !0 }
-    ), je(m);
-    const b = h(() => e.value instanceof File ? d.value : e.value), y = P("viewer"), k = h(() => b.value ? [{ src: b.value, alt: t.label ?? a("core.viewer.label"), downloadName: e.value instanceof File ? e.value.name : void 0 }] : []);
-    function x(r) {
+    ), je(c);
+    const g = x(() => e.value instanceof File ? d.value : e.value), k = A("viewer"), w = x(() => g.value ? [{ src: g.value, alt: t.label ?? l("core.viewer.label"), downloadName: e.value instanceof File ? e.value.name : void 0 }] : []);
+    function y(r) {
       if (!r) return;
       const u = lt(r, { accept: t.accept, maxSize: t.maxSize });
-      u ? l.value = u === "invalid_type" ? a("core.form.file.invalid_type") : a("core.form.file.too_large", { size: Fe(t.maxSize) }) : (l.value = null, e.value = r);
+      u ? a.value = u === "invalid_type" ? l("core.form.file.invalid_type") : l("core.form.file.too_large", { size: Be(t.maxSize) }) : (a.value = null, e.value = r);
     }
-    return (r, u) => (i(), q(ge, W({ ...n(ue)(t), error: l.value ?? t.error }, {
-      value: b.value ? n(a)("core.form.file.choose") : null,
+    return (r, u) => (i(), q(ye, J({ ...n(de)(t), error: a.value ?? t.error }, {
+      value: g.value ? n(l)("core.form.file.choose") : null,
       "row-layout": "stacked"
-    }), {
-      readonly: C(() => [
-        b.value ? (i(), g("button", {
+    }), re({
+      readonly: m(() => [
+        g.value ? (i(), h("button", {
           key: 0,
           type: "button",
-          "aria-label": n(a)("core.viewer.open"),
+          "aria-label": n(l)("core.viewer.open"),
           "data-test": "photo-open",
           class: "block cursor-zoom-in rounded-group focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
-          onClick: u[0] || (u[0] = (v) => y.value?.present(0))
+          onClick: u[0] || (u[0] = (p) => k.value?.present(0))
         }, [
-          p("img", {
-            src: b.value,
+          b("img", {
+            src: g.value,
             alt: "",
             class: "size-40 rounded-group object-cover"
           }, null, 8, tl)
         ], 8, el)) : D("", !0),
-        b.value ? (i(), q(Ue, {
+        g.value ? (i(), q(Ye, {
           key: 1,
           ref_key: "viewer",
-          ref: y,
-          items: k.value
+          ref: k,
+          items: w.value
         }, null, 8, ["items"])) : D("", !0)
       ]),
-      default: C(({ id: v, describedby: F, invalid: L }) => [
-        p("div", al, [
-          p("input", {
-            id: v,
+      default: m(({ id: p, describedby: F, invalid: L }) => [
+        b("div", al, [
+          b("input", {
+            id: p,
             ref_key: "chooser",
             ref: s,
             type: "file",
@@ -1364,58 +1547,73 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
             disabled: t.disabled,
             "aria-describedby": F,
             "aria-invalid": L || void 0,
-            onChange: u[1] || (u[1] = (_) => x(_.target.files?.[0]))
+            onChange: u[1] || (u[1] = (_) => y(_.target.files?.[0]))
           }, null, 40, ll),
-          b.value ? (i(), g("button", {
+          g.value ? (i(), h("button", {
             key: 0,
             type: "button",
-            "aria-label": n(a)("core.viewer.open"),
+            "aria-label": n(l)("core.viewer.open"),
             "data-test": "photo-open",
             class: "block cursor-zoom-in rounded-group focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
-            onClick: u[2] || (u[2] = (_) => y.value?.present(0))
+            onClick: u[2] || (u[2] = (_) => k.value?.present(0))
           }, [
-            p("img", {
-              src: b.value,
+            b("img", {
+              src: g.value,
               alt: "",
               "data-test": "photo-preview",
               class: "size-28 rounded-group object-cover"
             }, null, 8, nl)
           ], 8, ol)) : D("", !0),
-          M(be, {
+          M(ge, {
             disabled: t.disabled,
             onClick: u[3] || (u[3] = (_) => s.value?.click())
           }, {
-            default: C(() => [
-              U($(n(a)("core.form.file.choose")), 1)
+            default: m(() => [
+              Y(C(n(l)("core.form.file.choose")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          b.value ? (i(), q(be, {
+          g.value ? (i(), q(ge, {
             key: 1,
             prominence: "plain",
             tone: "critical",
             disabled: t.disabled,
             onClick: u[4] || (u[4] = (_) => {
-              e.value = null, l.value = null;
+              e.value = null, a.value = null;
             })
           }, {
-            default: C(() => [
-              U($(n(a)("core.form.file.remove")), 1)
+            default: m(() => [
+              Y(C(n(l)("core.form.file.remove")), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : D("", !0)
         ]),
-        b.value ? (i(), q(Ue, {
+        g.value ? (i(), q(Ye, {
           key: 0,
           ref_key: "viewer",
-          ref: y,
-          items: k.value
+          ref: k,
+          items: w.value
         }, null, 8, ["items"])) : D("", !0)
       ]),
-      _: 1
-    }, 16, ["value"]));
+      _: 2
+    }, [
+      r.$slots.trailing ? {
+        name: "trailing",
+        fn: m(() => [
+          z(r.$slots, "trailing")
+        ]),
+        key: "0"
+      } : void 0,
+      r.$slots.labelTrailing ? {
+        name: "labelTrailing",
+        fn: m(() => [
+          z(r.$slots, "labelTrailing")
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1040, ["value"]));
   }
-}), sl = { class: "text-footnote" }, rl = { class: "text-footnote" }, $o = /* @__PURE__ */ G({
+}), sl = { class: "text-footnote" }, rl = { class: "text-footnote" }, $o = /* @__PURE__ */ K({
   __name: "GroupSheet",
   props: {
     sheet: {},
@@ -1428,57 +1626,57 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
   },
   emits: ["saved"],
   setup(o, { emit: t }) {
-    const e = o, a = t, { t: s } = Q(), l = P("modal"), d = P("body"), m = I(!1);
-    let b = null;
-    re(() => e.sheet.open.value, (x) => {
-      x ? (m.value = !1, l.value?.present()) : l.value?.dismiss();
+    const e = o, l = t, { t: s } = Z(), a = A("modal"), d = A("body"), c = N(!1);
+    let g = null;
+    ie(() => e.sheet.open.value, (y) => {
+      y ? (c.value = !1, a.value?.present()) : a.value?.dismiss();
     }), ot(() => {
-      e.sheet.open.value && l.value?.present();
+      e.sheet.open.value && a.value?.present();
     }), je(() => {
-      b && clearTimeout(b);
+      g && clearTimeout(g);
     });
-    async function y() {
-      await e.sheet.save() && (m.value = !0, a("saved"), b = setTimeout(() => e.sheet.dismiss(), Tt));
+    async function k() {
+      await e.sheet.save() && (c.value = !0, l("saved"), g = setTimeout(() => e.sheet.dismiss(), Rt));
     }
-    const k = h(() => e.sheet.saving.value ? "processing" : m.value ? "done" : "idle");
-    return (x, r) => (i(), q(Rt, {
+    const w = x(() => e.sheet.saving.value ? "processing" : c.value ? "done" : "idle");
+    return (y, r) => (i(), q(jt, {
       ref_key: "modal",
-      ref: l,
+      ref: a,
       size: e.size,
       grouped: "",
       title: e.title,
       subtitle: e.subtitle,
       "before-dismiss": e.sheet.beforeDismiss,
       "primary-label": e.editable ? n(s)("core.actions.save") : void 0,
-      status: k.value,
+      status: w.value,
       "processing-label": n(s)("core.actions.saving"),
       "done-label": n(s)("core.actions.saved"),
-      onPrimary: y,
+      onPrimary: k,
       onDismissed: r[0] || (r[0] = (u) => e.sheet.closed())
     }, {
-      default: C(() => [
-        p("div", {
+      default: m(() => [
+        b("div", {
           ref_key: "body",
           ref: d,
           class: "flex min-w-0 flex-col gap-group-gap"
         }, [
-          e.sheet.notice.value ? (i(), q(Ye, {
+          e.sheet.notice.value ? (i(), q(We, {
             key: 0,
             tone: "warning",
             "data-test": "group-sheet-notice"
           }, {
-            default: C(() => [
-              p("p", sl, $(e.sheet.notice.value), 1)
+            default: m(() => [
+              b("p", sl, C(e.sheet.notice.value), 1)
             ]),
             _: 1
           })) : D("", !0),
-          e.sheet.foreignGroups.value.length ? (i(), q(Ye, {
+          e.sheet.foreignGroups.value.length ? (i(), q(We, {
             key: 1,
             tone: "warning",
             "data-test": "group-sheet-foreign"
           }, {
-            default: C(() => [
-              p("p", rl, $(n(s)("core.form.group.foreign", { groups: e.sheet.foreignGroups.value.map(e.groupLabel).join(", ") })), 1)
+            default: m(() => [
+              b("p", rl, C(n(s)("core.form.group.foreign", { groups: e.sheet.foreignGroups.value.map(e.groupLabel).join(", ") })), 1)
             ]),
             _: 1
           })) : D("", !0),
@@ -1487,13 +1685,13 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
             label: e.fieldLabel,
             scope: d.value
           }, null, 8, ["form", "label", "scope"]),
-          le(x.$slots, "default")
+          z(y.$slots, "default")
         ], 512)
       ]),
       _: 3
     }, 8, ["size", "title", "subtitle", "before-dismiss", "primary-label", "status", "processing-label", "done-label"]));
   }
-}), il = ["data-group"], So = /* @__PURE__ */ G({
+}), il = ["data-group"], So = /* @__PURE__ */ K({
   __name: "RecordGroupScope",
   props: {
     only: {},
@@ -1501,61 +1699,61 @@ const za = ["id", "aria-labelledby"], Da = ["id", "value", "lang", "name", "rows
   },
   setup(o) {
     const t = o;
-    return Ve(Vt, { only: nt(t, "only") }), Ve(mt, h(() => t.editable)), (e, a) => (i(), g("div", {
+    return Ve(Dt, { only: nt(t, "only") }), Ve(mt, x(() => t.editable)), (e, l) => (i(), h("div", {
       class: "flex min-w-0 flex-col gap-group-gap",
       "data-test": "record-group-scope",
       "data-group": t.only
     }, [
-      le(e.$slots, "default")
+      z(e.$slots, "default")
     ], 8, il));
   }
 });
 function Co(o) {
   const { form: t } = o;
   if (o.rebase && !t.rebase) throw new Error("useGroupSheet: `rebase` needs a record form (useResourceForm), which can take the freshly read record as its base.");
-  const e = () => typeof o.fields == "function" ? o.fields() : o.fields, a = () => qe(o.restore) ?? e(), s = I(!1), l = I(!1), d = I([]), m = I(null), b = De({});
-  let y = {};
-  const k = (w) => Object.fromEntries(w.map((O) => [O, $e(t.values[O])])), x = h(() => s.value && !Ke(k(a()), b.value)), { confirmDiscard: r } = Re(() => x.value);
+  const e = () => typeof o.fields == "function" ? o.fields() : o.fields, l = () => qe(o.restore) ?? e(), s = N(!1), a = N(!1), d = N([]), c = N(null), g = De({});
+  let k = {};
+  const w = (S) => Object.fromEntries(S.map((O) => [O, Se(t.values[O])])), y = x(() => s.value && !Pe(w(l()), g.value)), { confirmDiscard: r } = Re(() => y.value);
   function u() {
-    y = k(a()), b.value = $e(y);
+    k = w(l()), g.value = Se(k);
   }
-  function v() {
-    u(), d.value = [], m.value = null, t.dismissFailure(), s.value = !0;
+  function p() {
+    u(), d.value = [], c.value = null, t.dismissFailure(), s.value = !0;
   }
   function F() {
     if (s.value) {
-      x.value && Object.assign(t.values, $e(y));
-      for (const w of e()) t.errors.clear(w);
+      y.value && Object.assign(t.values, Se(k));
+      for (const S of e()) t.errors.clear(S);
       t.dismissFailure(), s.value = !1;
     }
   }
-  function L(w) {
-    const O = new Set(e()), T = qe(o.group), A = /* @__PURE__ */ new Set();
-    for (const Z of Object.keys(w.all())) {
-      const ee = Xe(Z);
-      if (O.has(ee)) continue;
-      const X = o.groupOf?.(ee) ?? o.fallbackGroup;
-      X && X !== T && A.add(X);
+  function L(S) {
+    const O = new Set(e()), I = qe(o.group), H = /* @__PURE__ */ new Set();
+    for (const ee of Object.keys(S.all())) {
+      const te = Qe(ee);
+      if (O.has(te)) continue;
+      const Q = o.groupOf?.(te) ?? o.fallbackGroup;
+      Q && Q !== I && H.add(Q);
     }
-    d.value = [...A];
+    d.value = [...H];
   }
-  async function _(w) {
-    const O = $e(k(e().filter((T) => !Ke(t.values[T], b.value[T]))));
+  async function _(S) {
+    const O = Se(w(e().filter((I) => !Pe(t.values[I], g.value[I]))));
     try {
-      await w.reload();
+      await S.reload();
     } catch {
       return;
     }
-    t.rebase?.() && (u(), Object.assign(t.values, O), m.value = w.message());
+    t.rebase?.() && (u(), Object.assign(t.values, O), c.value = S.message());
   }
-  async function E() {
-    if (l.value) return !1;
-    l.value = !0, d.value = [], m.value = null;
+  async function G() {
+    if (a.value) return !1;
+    a.value = !0, d.value = [], c.value = null;
     try {
-      const w = o.onSaved ? () => o.onSaved?.() : void 0;
+      const S = o.onSaved ? () => o.onSaved?.() : void 0;
       let O;
-      if (o.save) O = await t.submitFields(e(), o.save, { refresh: w });
-      else if (t.save) O = await t.save({ refresh: w });
+      if (o.save) O = await t.submitFields(e(), o.save, { refresh: S });
+      else if (t.save) O = await t.save({ refresh: S });
       else throw new Error("useGroupSheet: the form has no full-record save(), so give the sheet its own `save` for a dedicated endpoint.");
       switch (O.status) {
         case "saved":
@@ -1568,65 +1766,65 @@ function Co(o) {
           return O.failure.kind === "conflict" && o.rebase ? await _(o.rebase) : L(t.errors), !1;
       }
     } finally {
-      l.value = !1;
+      a.value = !1;
     }
   }
   return {
     open: s,
-    saving: l,
-    dirty: x,
+    saving: a,
+    dirty: y,
     foreignGroups: d,
-    notice: m,
+    notice: c,
     failure: t.failure,
     form: t,
-    present: v,
+    present: p,
     dismiss: () => {
       s.value = !1;
     },
-    save: E,
+    save: G,
     beforeDismiss: r,
     closed: F
   };
 }
-const ul = { hidden: "" }, dl = /* @__PURE__ */ G({
+const ul = { hidden: "" }, dl = /* @__PURE__ */ K({
   __name: "EditorChrome",
   props: {
     options: {}
   },
   setup(o) {
-    return Pt(o.options), (e, a) => (i(), g("span", ul));
+    return Pt(o.options), (e, l) => (i(), h("span", ul));
   }
 });
 function cl(o) {
-  const t = I(0);
+  const t = N(0);
   let e = 0;
-  const a = () => {
+  const l = () => {
     e || (e = requestAnimationFrame(() => {
       e = 0, t.value++;
     }));
-  }, s = typeof MutationObserver > "u" ? null : new MutationObserver(a);
-  re(
+  }, s = typeof MutationObserver > "u" ? null : new MutationObserver(l);
+  ie(
     () => o.sections.value,
-    (m) => {
+    (c) => {
       s?.disconnect();
-      for (const b of m)
-        s?.observe(b.element, { subtree: !0, childList: !0, attributes: !0, attributeFilter: ["data-field-error", "data-field-required", "data-field-filled"] });
-      a();
+      for (const g of c)
+        s?.observe(g.element, { subtree: !0, childList: !0, attributes: !0, attributeFilter: ["data-field-error", "data-field-required", "data-field-filled"] });
+      l();
     },
     { immediate: !0 }
   ), st() && rt(() => {
     s?.disconnect(), e && cancelAnimationFrame(e);
   });
-  const l = h(() => (t.value, Object.fromEntries(
-    o.sections.value.map((m) => [
-      m.id,
+  const a = x(() => (t.value, Object.fromEntries(
+    o.sections.value.map((c) => [
+      c.id,
       {
-        errors: m.element.querySelectorAll("[data-field-error]").length,
-        required: { total: m.element.querySelectorAll("[data-field-required]").length, filled: m.element.querySelectorAll("[data-field-required][data-field-filled]").length }
+        errors: c.element.querySelectorAll("[data-field-error]").length,
+        required: { total: c.element.querySelectorAll("[data-field-required]").length, filled: c.element.querySelectorAll("[data-field-required][data-field-filled]").length }
       }
     ])
-  ))), d = h(() => Object.values(l.value).reduce((m, b) => ({ filled: m.filled + b.required.filled, total: m.total + b.required.total }), { filled: 0, total: 0 }));
-  return { states: l, totals: d };
+  ))), d = x(() => Object.values(a.value).reduce((c, g) => ({ filled: c.filled + g.required.filled, total: c.total + g.required.total }), { filled: 0, total: 0 }));
+  return { states: a, totals: d };
 }
 const fl = {
   class: "grid min-w-0 grid-cols-1 items-start gap-8 lg:grid-cols-[12.5rem_minmax(0,1fr)]",
@@ -1634,7 +1832,7 @@ const fl = {
 }, ml = {
   key: 0,
   class: "sticky top-[calc(var(--app-bar-height)+1.5rem+var(--shell-banner-h,0px))] hidden min-w-0 flex-col gap-4 self-start lg:flex"
-}, Fo = /* @__PURE__ */ G({
+}, Fo = /* @__PURE__ */ K({
   __name: "EditorPage",
   props: {
     title: {},
@@ -1646,7 +1844,7 @@ const fl = {
   },
   emits: ["save", "cancel"],
   setup(o, { emit: t }) {
-    const e = o, a = t, { t: s } = Q(), l = Ee(), d = Kt(), { states: m, totals: b } = cl(d), y = P("content"), k = h(
+    const e = o, l = t, { t: s } = Z(), a = Ie(), d = Kt(), { states: c, totals: g } = cl(d), k = A("content"), w = x(
       () => e.form ? {
         form: e.form,
         label: () => e.saveLabel ?? s("core.actions.save"),
@@ -1654,95 +1852,95 @@ const fl = {
         disabledWhileClean: !1,
         // a create page: an untouched form is submitted to learn what is missing
         save: () => {
-          e.form?.submitting.value || a("save");
+          e.form?.submitting.value || l("save");
         },
         cancel: () => {
-          e.form?.reset(), a("cancel");
+          e.form?.reset(), l("cancel");
         }
       } : null
     );
-    re(
+    ie(
       () => e.form?.failure.value,
       async (r) => {
-        r?.kind === "invalid" && (await he(), await ze(y.value ?? document, d));
+        r?.kind === "invalid" && (await ke(), await ze(k.value ?? document, d));
       }
     );
-    function x(r) {
-      const u = d.sections.value.find((v) => v.id === r)?.element;
-      u && he(() => ze(u));
+    function y(r) {
+      const u = d.sections.value.find((p) => p.id === r)?.element;
+      u && ke(() => ze(u));
     }
     return (r, u) => (i(), q(It, {
       title: e.title,
       back: e.back,
       width: "content"
-    }, Ze({
-      default: C(() => [
-        k.value ? (i(), q(dl, {
+    }, re({
+      default: m(() => [
+        w.value ? (i(), q(dl, {
           key: 0,
-          options: k.value
+          options: w.value
         }, null, 8, ["options"])) : D("", !0),
-        p("div", fl, [
-          n(l) ? D("", !0) : (i(), g("aside", ml, [
+        b("div", fl, [
+          n(a) ? D("", !0) : (i(), h("aside", ml, [
             M(Gt, {
               standalone: "",
-              states: n(m),
-              progress: n(b),
-              onSelect: x
+              states: n(c),
+              progress: n(g),
+              onSelect: y
             }, null, 8, ["states", "progress"]),
-            le(r.$slots, "aside")
+            z(r.$slots, "aside")
           ])),
-          p("div", {
+          b("div", {
             ref_key: "content",
-            ref: y,
+            ref: k,
             class: "flex min-w-0 flex-col gap-section-gap"
           }, [
             e.form ? (i(), q(Me, {
               key: 0,
               form: e.form,
               label: e.fieldLabel,
-              scope: y.value
+              scope: k.value
             }, null, 8, ["form", "label", "scope"])) : D("", !0),
-            le(r.$slots, "default")
+            z(r.$slots, "default")
           ], 512)
         ]),
-        n(l) ? (i(), q(Nt, {
+        n(a) ? (i(), q(Nt, {
           key: 1,
-          states: n(m)
+          states: n(c)
         }, null, 8, ["states"])) : D("", !0)
       ]),
       _: 2
     }, [
       r.$slots.header ? {
         name: "header",
-        fn: C(() => [
-          le(r.$slots, "header")
+        fn: m(() => [
+          z(r.$slots, "header")
         ]),
         key: "0"
       } : void 0,
       r.$slots.pager ? {
         name: "pager",
-        fn: C(() => [
-          le(r.$slots, "pager")
+        fn: m(() => [
+          z(r.$slots, "pager")
         ]),
         key: "1"
       } : void 0,
       r.$slots.notices ? {
         name: "notices",
-        fn: C(() => [
-          le(r.$slots, "notices")
+        fn: m(() => [
+          z(r.$slots, "notices")
         ]),
         key: "2"
       } : void 0,
       r.$slots.bottom ? {
         name: "bottom",
-        fn: C(() => [
-          le(r.$slots, "bottom")
+        fn: m(() => [
+          z(r.$slots, "bottom")
         ]),
         key: "3"
       } : void 0
     ]), 1032, ["title", "back"]));
   }
-}), vl = ["value", "aria-label", "disabled", "aria-invalid", "placeholder"], Bo = /* @__PURE__ */ G({
+}), vl = ["value", "aria-label", "disabled", "aria-invalid", "placeholder"], Bo = /* @__PURE__ */ K({
   __name: "NumberCell",
   props: /* @__PURE__ */ ne({
     label: {},
@@ -1759,12 +1957,12 @@ const fl = {
   emits: ["update:modelValue"],
   setup(o) {
     const t = o, e = oe(o, "modelValue");
-    function a(l) {
-      const d = l.target.value.replace(/\D/g, "");
+    function l(a) {
+      const d = a.target.value.replace(/\D/g, "");
       e.value = d === "" ? null : Math.min(t.max, Math.max(t.min, Number(d)));
     }
-    const s = (l) => l.target.value = e.value === null ? "" : String(e.value);
-    return (l, d) => (i(), g("input", {
+    const s = (a) => a.target.value = e.value === null ? "" : String(e.value);
+    return (a, d) => (i(), h("input", {
       value: e.value ?? "",
       type: "text",
       inputmode: "numeric",
@@ -1774,12 +1972,12 @@ const fl = {
       "aria-invalid": t.invalid || void 0,
       placeholder: t.placeholder,
       class: R(["rounded-control bg-fill px-2 py-1 text-right text-body tabular-nums text-content-strong transition-[background-color,box-shadow] duration-motion-fast ease-motion-standard placeholder:text-content-disabled focus:bg-surface-cell focus:outline-none focus:ring-[1.5px] focus:ring-inset focus:ring-border-focus disabled:opacity-45", [t.wide ? "w-28" : "w-16", t.invalid ? "bg-status-danger-surface ring-[1.5px] ring-inset ring-border-destructive" : ""]]),
-      onInput: a,
+      onInput: l,
       onBlur: s
     }, null, 42, vl));
   }
-}), Ge = "vue-core:step-draft:";
-function Ne(o) {
+}), Ne = "vue-core:step-draft:";
+function Ke(o) {
   try {
     return (o.storage === "local" ? window.localStorage : window.sessionStorage) ?? null;
   } catch {
@@ -1788,7 +1986,7 @@ function Ne(o) {
 }
 function pl(o) {
   try {
-    const t = Ne(o)?.getItem(Ge + o.key);
+    const t = Ke(o)?.getItem(Ne + o.key);
     if (!t) return null;
     const e = JSON.parse(t);
     return !e || e.version !== (o.version ?? 1) || typeof e.values != "object" || e.values === null || typeof e.step != "string" || !Array.isArray(e.passed) ? null : e;
@@ -1798,226 +1996,226 @@ function pl(o) {
 }
 function bl(o, t) {
   try {
-    const e = Ne(o);
+    const e = Ke(o);
     if (!e) return !1;
-    const a = (s, l) => typeof Blob < "u" && l instanceof Blob ? null : l;
-    return e.setItem(Ge + o.key, JSON.stringify({ version: o.version ?? 1, ...t }, a)), !0;
+    const l = (s, a) => typeof Blob < "u" && a instanceof Blob ? null : a;
+    return e.setItem(Ne + o.key, JSON.stringify({ version: o.version ?? 1, ...t }, l)), !0;
   } catch {
     return !1;
   }
 }
-function Je(o) {
+function Xe(o) {
   try {
-    Ne(o)?.removeItem(Ge + o.key);
+    Ke(o)?.removeItem(Ne + o.key);
   } catch {
   }
 }
 function gl(o, t) {
-  for (const [e, a] of Object.entries(o)) {
+  for (const [e, l] of Object.entries(o)) {
     if (!(e in t)) continue;
     const s = t[e];
-    (s === null || a === null || a === void 0 || typeof s == typeof a && Array.isArray(s) === Array.isArray(a)) && (o[e] = s);
+    (s === null || l === null || l === void 0 || typeof s == typeof l && Array.isArray(s) === Array.isArray(l)) && (o[e] = s);
   }
 }
 function Lo(o, t) {
-  const { t: e } = Q(), a = h(() => qe(t.steps));
-  if (a.value.length === 0) throw new Error("useStepForm: a flow needs at least one step.");
-  const s = I(a.value[0].name), l = Pe(/* @__PURE__ */ new Set()), d = Pe(/* @__PURE__ */ new Set([a.value[0].name])), m = I(null), b = I(!1), y = I(0), k = I(!1), x = I(!1);
+  const { t: e } = Z(), l = x(() => qe(t.steps));
+  if (l.value.length === 0) throw new Error("useStepForm: a flow needs at least one step.");
+  const s = N(l.value[0].name), a = Ae(/* @__PURE__ */ new Set()), d = Ae(/* @__PURE__ */ new Set([l.value[0].name])), c = N(null), g = N(!1), k = N(0), w = N(!1), y = N(!1);
   let r = !1, u = 0;
-  const v = h(() => Math.max(0, a.value.findIndex((c) => c.name === s.value))), F = (c) => c.fields?.filter((V) => o.errors.has(V)).length ?? 0, L = h(
-    () => a.value.map((c, V) => {
-      const f = F(c), B = V === v.value;
+  const p = x(() => Math.max(0, l.value.findIndex((v) => v.name === s.value))), F = (v) => v.fields?.filter((V) => o.errors.has(V)).length ?? 0, L = x(
+    () => l.value.map((v, V) => {
+      const f = F(v), B = V === p.value;
       return {
-        name: c.name,
-        label: c.label,
+        name: v.name,
+        label: v.label,
         position: V + 1,
-        state: B ? "current" : l.has(c.name) && f === 0 ? "done" : "todo",
+        state: B ? "current" : a.has(v.name) && f === 0 ? "done" : "todo",
         errors: f,
-        reachable: !B && (d.has(c.name) || V < v.value)
+        reachable: !B && (d.has(v.name) || V < p.value)
       };
     })
-  ), _ = h(() => L.value[v.value]), E = h(() => L.value.length), w = h(() => v.value === 0), O = h(() => v.value === E.value - 1), T = h(() => b.value || o.submitting.value);
-  function A(c) {
-    const V = a.value[c];
-    V && (m.value = c > v.value ? "forward" : "back", s.value = V.name, d.add(V.name), u = c, k.value = !1);
+  ), _ = x(() => L.value[p.value]), G = x(() => L.value.length), S = x(() => p.value === 0), O = x(() => p.value === G.value - 1), I = x(() => g.value || o.submitting.value);
+  function H(v) {
+    const V = l.value[v];
+    V && (c.value = v > p.value ? "forward" : "back", s.value = V.name, d.add(V.name), u = v, w.value = !1);
   }
-  re(
-    () => a.value.map((c) => c.name).join("\0"),
+  ie(
+    () => l.value.map((v) => v.name).join("\0"),
     () => {
-      const c = a.value, V = c.findIndex((B) => B.name === s.value), f = V === -1 ? Math.min(u, c.length - 1) : V;
-      s.value = c[f].name, u = f, c.forEach((B, z) => {
-        z > f && (l.delete(B.name), d.delete(B.name));
+      const v = l.value, V = v.findIndex((B) => B.name === s.value), f = V === -1 ? Math.min(u, v.length - 1) : V;
+      s.value = v[f].name, u = f, v.forEach((B, T) => {
+        T > f && (a.delete(B.name), d.delete(B.name));
       }), d.add(s.value);
-      for (const B of [l, d]) for (const z of [...B]) c.some((me) => me.name === z) || B.delete(z);
+      for (const B of [a, d]) for (const T of [...B]) v.some((ve) => ve.name === T) || B.delete(T);
     }
   );
-  function Z(c) {
-    const V = c.fields;
+  function ee(v) {
+    const V = v.fields;
     if (!V?.length) return !0;
-    const f = Object.entries(o.errors.all()).filter(([z]) => !V.includes(Xe(z))), B = o.check(c.fields);
+    const f = Object.entries(o.errors.all()).filter(([T]) => !V.includes(Qe(T))), B = o.check(v.fields);
     return f.length > 0 && o.errors.set({ ...Object.fromEntries(f), ...o.errors.all() }), B;
   }
-  async function ee(c) {
-    if (!Z(c))
-      return y.value++, !1;
-    if (!c.beforeNext) return !0;
-    b.value = !0;
+  async function te(v) {
+    if (!ee(v))
+      return k.value++, !1;
+    if (!v.beforeNext) return !0;
+    g.value = !0;
     try {
-      if (await c.beforeNext()) return !0;
+      if (await v.beforeNext()) return !0;
     } finally {
-      b.value = !1;
+      g.value = !1;
     }
-    return y.value++, !1;
+    return k.value++, !1;
   }
-  async function X() {
-    const c = await o.submit(t.submit, t.submitOptions);
-    if (c.status === "saved" || c.status === "saved-refresh-failed")
-      return r = !0, ae(), t.onSaved?.(c.value), !0;
-    if (c.status === "failed" && (y.value++, _.value.errors === 0)) {
+  async function Q() {
+    const v = await o.submit(t.submit, t.submitOptions);
+    if (v.status === "saved" || v.status === "saved-refresh-failed")
+      return r = !0, le(), t.onSaved?.(v.value), !0;
+    if (v.status === "failed" && (k.value++, _.value.errors === 0)) {
       const V = L.value.findIndex((f) => f.errors > 0);
-      V !== -1 && A(V);
+      V !== -1 && H(V);
     }
     return !1;
   }
-  async function N() {
-    if (T.value) return !1;
-    const c = a.value[v.value];
-    return await ee(c) ? (l.add(c.name), v.value < E.value - 1 ? (A(v.value + 1), !0) : X()) : !1;
+  async function E() {
+    if (I.value) return !1;
+    const v = l.value[p.value];
+    return await te(v) ? (a.add(v.name), p.value < G.value - 1 ? (H(p.value + 1), !0) : Q()) : !1;
   }
-  async function Y(c) {
-    if (T.value) return !1;
-    const V = a.value.findIndex((f) => f.name === c);
+  async function W(v) {
+    if (I.value) return !1;
+    const V = l.value.findIndex((f) => f.name === v);
     if (V === -1) return !1;
-    if (V <= v.value)
-      return V < v.value && A(V), !0;
-    if (!d.has(c)) return !1;
-    for (; v.value < V; ) if (!await N()) return !1;
-    return v.value === V;
+    if (V <= p.value)
+      return V < p.value && H(V), !0;
+    if (!d.has(v)) return !1;
+    for (; p.value < V; ) if (!await E()) return !1;
+    return p.value === V;
   }
-  const H = t.draft;
-  let K;
-  function te() {
-    if (K = void 0, !(!H || r)) {
+  const U = t.draft;
+  let P;
+  function ae() {
+    if (P = void 0, !(!U || r)) {
       if (!o.dirty.value) {
-        Je(H), x.value = !1;
+        Xe(U), y.value = !1;
         return;
       }
-      x.value = bl(H, { values: $e(o.values), step: s.value, passed: [...l] });
+      y.value = bl(U, { values: Se(o.values), step: s.value, passed: [...a] });
     }
   }
-  function ae() {
-    r = !0, clearTimeout(K), K = void 0, x.value = !1, H && Je(H);
+  function le() {
+    r = !0, clearTimeout(P), P = void 0, y.value = !1, U && Xe(U);
   }
-  if (H) {
-    const c = pl(H);
-    if (c) {
-      gl(o.values, c.values);
-      const V = a.value.map((f) => f.name);
-      V.includes(c.step) && (s.value = c.step);
-      for (const f of c.passed) V.includes(f) && l.add(f);
-      for (const f of [...l, s.value]) d.add(f);
-      u = v.value, k.value = o.dirty.value, x.value = k.value;
+  if (U) {
+    const v = pl(U);
+    if (v) {
+      gl(o.values, v.values);
+      const V = l.value.map((f) => f.name);
+      V.includes(v.step) && (s.value = v.step);
+      for (const f of v.passed) V.includes(f) && a.add(f);
+      for (const f of [...a, s.value]) d.add(f);
+      u = p.value, w.value = o.dirty.value, y.value = w.value;
     }
-    re(
-      [() => o.values, s, () => [...l].join("\0")],
+    ie(
+      [() => o.values, s, () => [...a].join("\0")],
       () => {
-        r || (clearTimeout(K), K = setTimeout(te, 400));
+        r || (clearTimeout(P), P = setTimeout(ae, 400));
       },
       { deep: !0 }
     ), je(() => {
-      K !== void 0 && (clearTimeout(K), te());
+      P !== void 0 && (clearTimeout(P), ae());
     });
   }
-  const { confirmDiscard: ye } = Re(() => !r && o.dirty.value);
-  Qe(At, null) && Ht(() => (r || ae(), !0));
-  async function ce() {
-    const c = await ye();
-    return c && ae(), c;
+  const { confirmDiscard: he } = Re(() => !r && o.dirty.value);
+  Ze(At, null) && Ht(() => (r || le(), !0));
+  async function fe() {
+    const v = await he();
+    return v && le(), v;
   }
-  function _e() {
-    o.reset(), l.clear(), d.clear(), m.value = null, s.value = a.value[0].name, d.add(s.value), u = 0, k.value = !1, ae(), r = !1;
+  function we() {
+    o.reset(), a.clear(), d.clear(), c.value = null, s.value = l.value[0].name, d.add(s.value), u = 0, w.value = !1, le(), r = !1;
   }
-  const S = h(() => {
-    const c = [e("core.steps.position", { current: v.value + 1, total: E.value }), _.value.label];
-    return x.value && c.push(e("core.steps.draft_saved")), c.join(" · ");
-  }), j = h(() => {
-    const c = a.value[v.value];
-    return c.nextLabel ? c.nextLabel : O.value ? t.submitLabel ?? e("core.actions.save") : e("core.steps.next_named", { step: a.value[v.value + 1].label });
-  }), fe = h(() => w.value ? null : a.value[v.value - 1].label);
+  const $ = x(() => {
+    const v = [e("core.steps.position", { current: p.value + 1, total: G.value }), _.value.label];
+    return y.value && v.push(e("core.steps.draft_saved")), v.join(" · ");
+  }), j = x(() => {
+    const v = l.value[p.value];
+    return v.nextLabel ? v.nextLabel : O.value ? t.submitLabel ?? e("core.actions.save") : e("core.steps.next_named", { step: l.value[p.value + 1].label });
+  }), me = x(() => S.value ? null : l.value[p.value - 1].label);
   return {
     steps: L,
     current: _,
-    index: v,
-    count: E,
-    isFirst: w,
+    index: p,
+    count: G,
+    isFirst: S,
     isLast: O,
-    busy: T,
-    direction: m,
-    subtitle: S,
+    busy: I,
+    direction: c,
+    subtitle: $,
     nextLabel: j,
-    backLabel: fe,
-    restored: k,
-    refusals: y,
+    backLabel: me,
+    restored: w,
+    refusals: k,
     errors: o.errors,
     failure: o.failure,
-    next: N,
-    back: () => A(v.value - 1),
-    goTo: Y,
-    restart: _e,
-    confirmDiscard: ce,
-    bindDialog: () => ({ subtitle: S.value, primaryLabel: j.value, status: T.value ? "processing" : "idle", beforeDismiss: ce })
+    next: E,
+    back: () => H(p.value - 1),
+    goTo: W,
+    restart: we,
+    confirmDiscard: fe,
+    bindDialog: () => ({ subtitle: $.value, primaryLabel: j.value, status: I.value ? "processing" : "idle", beforeDismiss: fe })
   };
 }
 const yl = {
   class: "flex flex-wrap items-center gap-2.5 border-t border-border-separator pt-3.5",
   "data-test": "step-navigation"
-}, hl = /* @__PURE__ */ G({
+}, hl = /* @__PURE__ */ K({
   __name: "StepNavigation",
   props: {
     flow: {}
   },
   emits: ["cancel"],
   setup(o) {
-    const t = o, { t: e } = Q();
-    return (a, s) => (i(), g("div", yl, [
-      t.flow.backLabel.value ? (i(), q(be, {
+    const t = o, { t: e } = Z();
+    return (l, s) => (i(), h("div", yl, [
+      t.flow.backLabel.value ? (i(), q(ge, {
         key: 0,
         prominence: "plain",
         icon: "arrowLeftSLine",
         disabled: t.flow.busy.value,
         "data-test": "step-back",
-        onClick: s[0] || (s[0] = (l) => t.flow.back())
+        onClick: s[0] || (s[0] = (a) => t.flow.back())
       }, {
-        default: C(() => [
-          U($(t.flow.backLabel.value), 1)
+        default: m(() => [
+          Y(C(t.flow.backLabel.value), 1)
         ]),
         _: 1
       }, 8, ["disabled"])) : D("", !0),
-      s[3] || (s[3] = p("div", { class: "grow" }, null, -1)),
-      M(be, {
+      s[3] || (s[3] = b("div", { class: "grow" }, null, -1)),
+      M(ge, {
         prominence: "plain",
         "data-test": "step-cancel",
-        onClick: s[1] || (s[1] = (l) => a.$emit("cancel"))
+        onClick: s[1] || (s[1] = (a) => l.$emit("cancel"))
       }, {
-        default: C(() => [
-          U($(n(e)("core.actions.cancel")), 1)
+        default: m(() => [
+          Y(C(n(e)("core.actions.cancel")), 1)
         ]),
         _: 1
       }),
-      M(be, {
+      M(ge, {
         prominence: "primary",
         processing: t.flow.busy.value,
         "data-test": "step-next",
-        onClick: s[2] || (s[2] = (l) => t.flow.next())
+        onClick: s[2] || (s[2] = (a) => t.flow.next())
       }, {
-        default: C(() => [
-          U($(t.flow.nextLabel.value), 1)
+        default: m(() => [
+          Y(C(t.flow.nextLabel.value), 1)
         ]),
         _: 1
       }, 8, ["processing"])
     ]));
   }
-}), xl = ["aria-label"], _l = ["aria-current"], kl = ["aria-label"], wl = {
+}), kl = ["aria-label"], xl = ["aria-current"], wl = ["aria-label"], _l = {
   key: 2,
   class: "sr-only"
 }, $l = {
@@ -2025,68 +2223,68 @@ const yl = {
   "data-test": "step-dots",
   class: "flex justify-center gap-1.5",
   "aria-hidden": "true"
-}, Sl = ["data-state"], Cl = /* @__PURE__ */ G({
+}, Sl = ["data-state"], Cl = /* @__PURE__ */ K({
   __name: "StepProgress",
   props: {
     flow: {},
     progress: { default: "bar" }
   },
   setup(o) {
-    const t = o, { t: e } = Q();
-    return (a, s) => t.progress === "bar" ? (i(), g("ol", {
+    const t = o, { t: e } = Z();
+    return (l, s) => t.progress === "bar" ? (i(), h("ol", {
       key: 0,
       "aria-label": n(e)("core.steps.label"),
       "data-test": "step-bar",
       class: "grid min-w-0 gap-2",
       style: it({ gridTemplateColumns: `repeat(${t.flow.count.value}, minmax(0, 1fr))` })
     }, [
-      (i(!0), g(se, null, xe(t.flow.steps.value, (l) => (i(), g("li", {
-        key: l.name,
+      (i(!0), h(se, null, xe(t.flow.steps.value, (a) => (i(), h("li", {
+        key: a.name,
         class: "flex min-w-0",
-        "aria-current": l.state === "current" ? "step" : void 0
+        "aria-current": a.state === "current" ? "step" : void 0
       }, [
-        (i(), q(ut(l.reachable ? "button" : "div"), {
-          type: l.reachable ? "button" : void 0,
-          disabled: l.reachable ? t.flow.busy.value : void 0,
-          "data-test": `step-${l.name}`,
-          "data-state": l.errors > 0 ? "error" : l.state,
-          class: R(["group flex min-w-0 flex-1 flex-col gap-1.5 text-left", l.reachable ? "cursor-pointer rounded-control focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-default" : ""]),
-          onClick: (d) => l.reachable ? t.flow.goTo(l.name) : void 0
+        (i(), q(ut(a.reachable ? "button" : "div"), {
+          type: a.reachable ? "button" : void 0,
+          disabled: a.reachable ? t.flow.busy.value : void 0,
+          "data-test": `step-${a.name}`,
+          "data-state": a.errors > 0 ? "error" : a.state,
+          class: R(["group flex min-w-0 flex-1 flex-col gap-1.5 text-left", a.reachable ? "cursor-pointer rounded-control focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-default" : ""]),
+          onClick: (d) => a.reachable ? t.flow.goTo(a.name) : void 0
         }, {
-          default: C(() => [
-            p("span", {
-              class: R(["h-1 rounded-full transition-colors duration-motion-normal", l.errors > 0 ? "bg-status-danger-solid" : l.state === "current" ? "bg-tint" : l.state === "done" ? "bg-control-on" : "bg-fill-strong"]),
+          default: m(() => [
+            b("span", {
+              class: R(["h-1 rounded-full transition-colors duration-motion-normal", a.errors > 0 ? "bg-status-danger-solid" : a.state === "current" ? "bg-tint" : a.state === "done" ? "bg-control-on" : "bg-fill-strong"]),
               "aria-hidden": "true"
             }, null, 2),
-            p("span", {
-              class: R(["flex min-w-0 items-center gap-1.5 text-footnote", l.state === "current" ? "font-bold text-content-strong" : l.state === "done" ? "font-medium text-content-link" : "font-medium text-content-muted"])
+            b("span", {
+              class: R(["flex min-w-0 items-center gap-1.5 text-footnote", a.state === "current" ? "font-bold text-content-strong" : a.state === "done" ? "font-medium text-content-link" : "font-medium text-content-muted"])
             }, [
-              l.state === "done" ? (i(), q(n(J), {
+              a.state === "done" ? (i(), q(n(X), {
                 key: 0,
                 name: "checkCustom",
                 size: 12,
                 class: "shrink-0"
               })) : D("", !0),
-              p("span", {
-                class: R(["truncate", l.reachable ? "group-hover:text-content-link" : ""])
-              }, $(l.position) + ". " + $(l.label), 3),
-              l.errors > 0 ? (i(), g("span", {
+              b("span", {
+                class: R(["truncate", a.reachable ? "group-hover:text-content-link" : ""])
+              }, C(a.position) + ". " + C(a.label), 3),
+              a.errors > 0 ? (i(), h("span", {
                 key: 1,
                 "data-test": "step-errors",
-                "aria-label": n(e)("core.form.sections.errors", { count: l.errors }),
+                "aria-label": n(e)("core.form.sections.errors", { count: a.errors }),
                 class: "min-w-4.5 shrink-0 rounded-full bg-status-danger-solid px-1.5 text-center text-caption font-semibold text-white"
-              }, $(l.errors), 9, kl)) : D("", !0),
-              l.state === "done" ? (i(), g("span", wl, $(n(e)("core.steps.done")), 1)) : D("", !0)
+              }, C(a.errors), 9, wl)) : D("", !0),
+              a.state === "done" ? (i(), h("span", _l, C(n(e)("core.steps.done")), 1)) : D("", !0)
             ], 2)
           ]),
           _: 2
         }, 1032, ["type", "disabled", "data-test", "data-state", "class", "onClick"]))
-      ], 8, _l))), 128))
-    ], 12, xl)) : (i(), g("div", $l, [
-      (i(!0), g(se, null, xe(t.flow.steps.value, (l) => (i(), g("span", {
-        key: l.name,
-        class: R(["h-1.5 rounded-full transition-all duration-motion-fast", [l.state === "current" ? "w-4.5" : "w-1.5", l.errors > 0 ? "bg-status-danger-solid" : l.state === "todo" && l.position > t.flow.index.value ? "bg-fill-strong" : "bg-tint"]]),
-        "data-state": l.errors > 0 ? "error" : l.state
+      ], 8, xl))), 128))
+    ], 12, kl)) : (i(), h("div", $l, [
+      (i(!0), h(se, null, xe(t.flow.steps.value, (a) => (i(), h("span", {
+        key: a.name,
+        class: R(["h-1.5 rounded-full transition-all duration-motion-fast", [a.state === "current" ? "w-4.5" : "w-1.5", a.errors > 0 ? "bg-status-danger-solid" : a.state === "todo" && a.position > t.flow.index.value ? "bg-fill-strong" : "bg-tint"]]),
+        "data-state": a.errors > 0 ? "error" : a.state
       }, null, 10, Sl))), 128))
     ]));
   }
@@ -2097,7 +2295,7 @@ const yl = {
   key: 1,
   "data-test": "step-restored",
   class: "flex items-center gap-2 text-footnote text-content-muted"
-}, zo = /* @__PURE__ */ G({
+}, To = /* @__PURE__ */ K({
   __name: "StepForm",
   props: {
     flow: {},
@@ -2106,12 +2304,12 @@ const yl = {
   },
   emits: ["cancel"],
   setup(o) {
-    const t = o, { t: e } = Q(), a = P("body");
-    return re(() => t.flow.current.value.name, async () => {
-      await he(), a.value?.focus();
-    }), re(() => t.flow.refusals.value, async () => {
-      await he(), a.value && await ze(a.value);
-    }), (s, l) => (i(), g("div", {
+    const t = o, { t: e } = Z(), l = A("body");
+    return ie(() => t.flow.current.value.name, async () => {
+      await ke(), l.value?.focus();
+    }), ie(() => t.flow.refusals.value, async () => {
+      await ke(), l.value && await ze(l.value);
+    }), (s, a) => (i(), h("div", {
       class: "flex min-w-0 flex-col gap-group-gap",
       "data-test": "step-form",
       "data-step": t.flow.current.value.name
@@ -2121,16 +2319,16 @@ const yl = {
         flow: t.flow,
         progress: t.progress
       }, null, 8, ["flow", "progress"])) : D("", !0),
-      p("p", Bl, $(t.flow.subtitle.value), 1),
-      t.flow.restored.value ? (i(), g("div", Ll, [
-        p("span", null, $(n(e)("core.steps.restored")), 1),
-        M(be, {
+      b("p", Bl, C(t.flow.subtitle.value), 1),
+      t.flow.restored.value ? (i(), h("div", Ll, [
+        b("span", null, C(n(e)("core.steps.restored")), 1),
+        M(ge, {
           prominence: "link",
           size: "sm",
-          onClick: l[0] || (l[0] = (d) => t.flow.restart())
+          onClick: a[0] || (a[0] = (d) => t.flow.restart())
         }, {
-          default: C(() => [
-            U($(n(e)("core.steps.start_over")), 1)
+          default: m(() => [
+            Y(C(n(e)("core.steps.start_over")), 1)
           ]),
           _: 1
         })
@@ -2139,18 +2337,18 @@ const yl = {
         key: t.flow.current.value.name,
         form: t.flow
       }, null, 8, ["form"])),
-      (i(), g("form", {
+      (i(), h("form", {
         key: t.flow.current.value.name,
         ref_key: "body",
-        ref: a,
+        ref: l,
         tabindex: "-1",
         novalidate: "",
         "data-test": "step-body",
         class: R(["flex min-w-0 flex-col gap-group-gap outline-none", t.flow.direction.value === "back" ? "animate-step-back" : t.flow.direction.value === "forward" ? "animate-step-in" : ""]),
-        onSubmit: l[1] || (l[1] = pe((d) => t.flow.next(), ["prevent"]))
+        onSubmit: a[1] || (a[1] = be((d) => t.flow.next(), ["prevent"]))
       }, [
-        le(s.$slots, t.flow.current.value.name),
-        l[3] || (l[3] = p("button", {
+        z(s.$slots, t.flow.current.value.name),
+        a[3] || (a[3] = b("button", {
           type: "submit",
           class: "sr-only",
           tabindex: "-1",
@@ -2160,26 +2358,26 @@ const yl = {
       t.navigation === "inline" ? (i(), q(hl, {
         key: 2,
         flow: t.flow,
-        onCancel: l[2] || (l[2] = (d) => s.$emit("cancel"))
+        onCancel: a[2] || (a[2] = (d) => s.$emit("cancel"))
       }, null, 8, ["flow"])) : D("", !0)
     ], 8, Fl));
   }
 });
 export {
-  _t as Calendar,
+  xt as Calendar,
   co as CardSelectField,
   fo as CheckboxField,
   mo as ChoiceChips,
   vo as ComboField,
-  Ro as CommandDialog,
+  jo as CommandDialog,
   tn as DateField,
   po as DateTimeField,
   Fo as EditorPage,
-  qo as ErrorBag,
-  ge as Field,
+  Vo as ErrorBag,
+  ye as Field,
   bo as FileField,
   Me as FormErrors,
-  Dt as FormGroup,
+  zt as FormGroup,
   go as FormGroupButton,
   yo as FormIndent,
   dt as FormRow,
@@ -2189,33 +2387,33 @@ export {
   ho as I18nField,
   Uo as LeaveGuardRoot,
   Go as MissingLeaveGuardRootError,
-  xo as MoneyField,
-  _o as MonthYearField,
-  ko as MultiSelectField,
+  ko as MoneyField,
+  xo as MonthYearField,
+  wo as MultiSelectField,
   Bo as NumberCell,
-  Mt as NumberField,
-  He as OptionList,
+  qt as NumberField,
+  Ue as OptionList,
   hn as OtpInput,
-  wo as PhotoField,
+  _o as PhotoField,
   So as RecordGroupScope,
-  _n as SegmentedField,
+  xn as SegmentedField,
   mn as SelectField,
-  zo as StepForm,
+  To as StepForm,
   hl as StepNavigation,
   Cl as StepProgress,
-  wn as SwitchField,
+  _n as SwitchField,
   Xo as TextField,
   Sn as TextareaField,
   ln as TimeField,
   lt as checkFile,
   sn as createFieldGroups,
   No as createLeaveGuard,
-  de as fieldDefaults,
-  To as fieldKey,
-  ue as fieldProps,
+  ce as fieldDefaults,
+  Ro as fieldKey,
+  de as fieldProps,
   ze as focusFirstError,
   mt as formEditableKey,
-  Fe as formatBytes,
+  Be as formatBytes,
   bn as groupOptions,
   Ko as installLeaveGuard,
   Po as leaveGuardKey,
@@ -2223,13 +2421,13 @@ export {
   La as missingLocales,
   rn as provideRecordGroups,
   Zo as recentChoicesKey,
-  Vt as recordGroupsKey,
+  Dt as recordGroupsKey,
   Eo as useCommand,
   Ut as useDirtySnapshot,
   et as useFieldMode,
-  Mo as useForm,
+  qo as useForm,
   Co as useGroupSheet,
-  Oo as useHiddenFieldErrors,
+  Mo as useHiddenFieldErrors,
   Re as useLeaveGuard,
   Ao as useLeaveGuardContext,
   vn as useOptions,