@wssto2/vue-core 0.4.20 → 0.4.21

package/dist/form/index.js

@@ -1,21 +1,21 @@
 import { _ as Me, s as He, c as Se, f as et } from "../FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
 import { E as Ko, u as Ao, a as Ho } from "../FormErrors.vue_vue_type_script_setup_true_lang-DWcVKZM3.js";
-import { f as De, u as st } from "../useCommand-YN9EMb7s.js";
-import { _ as Yo, a as Wo } from "../useCommand-YN9EMb7s.js";
-import { ref as N, computed as k, defineComponent as P, openBlock as i, createBlock as O, mergeProps as Q, unref as s, createSlots as ee, withCtx as m, createElementVNode as p, normalizeClass as j, createElementBlock as y, Fragment as ue, renderList as xe, createVNode as M, createCommentVNode as T, toDisplayString as _, renderSlot as C, mergeDefaults as ce, useModel as ie, useId as je, withKeys as Ce, withModifiers as be, createTextVNode as Y, mergeModels as se, useTemplateRef as U, shallowRef as Le, watch as de, normalizeProps as Ve, guardReactiveProps as qe, nextTick as he, provide as Re, inject as tt, onBeforeUnmount as Ee, onMounted as rt, toRef as it, toValue as Oe, getCurrentScope as ut, onScopeDispose as dt, shallowReactive as Ue, normalizeStyle as ct, resolveDynamicComponent as ft } from "vue";
+import { f as De, u as st } from "../useCommand-VIZE7xG-.js";
+import { _ as Yo, a as Wo } from "../useCommand-VIZE7xG-.js";
+import { ref as N, computed as k, defineComponent as P, openBlock as u, createBlock as O, mergeProps as Q, unref as s, createSlots as ee, withCtx as v, createElementVNode as b, normalizeClass as j, createElementBlock as y, Fragment as ue, renderList as we, createVNode as M, createCommentVNode as T, toDisplayString as _, renderSlot as C, mergeDefaults as ce, useModel as ie, useId as je, withKeys as Ce, withModifiers as be, createTextVNode as Y, mergeModels as se, useTemplateRef as H, shallowRef as Le, watch as de, normalizeProps as Ve, guardReactiveProps as qe, nextTick as he, provide as Re, inject as tt, onBeforeUnmount as Ee, onMounted as rt, toRef as it, toValue as Oe, getCurrentScope as ut, onScopeDispose as dt, shallowReactive as Ue, normalizeStyle as ct, resolveDynamicComponent as ft } from "vue";
 import { a as Ie } from "../leaveGuard-Cc8yeLxM.js";
 import { M as Zo, c as Xo, i as Qo, l as en, u as tn } from "../leaveGuard-Cc8yeLxM.js";
 import { _ as ln } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-Cv7KlA5y.js";
 import { u as nn } from "../useResourceForm-CP2lCwmD.js";
 import { _ as te } from "../Icon.vue_vue_type_script_lang-D7oC-d-S.js";
-import { u as at, _ as ye, f as fe, b as me, a as lt, c as Ge, e as mt, h as vt, i as pt, d as bt } from "../control-B4SdblL6.js";
+import { u as at, _ as ye, f as fe, b as ve, a as lt, c as Ge, e as vt, h as mt, i as pt, d as bt } from "../control-B4SdblL6.js";
 import { useI18n as oe } from "vue-i18n";
 import { b as gt } from "../controlSurface-t7OEFESJ.js";
 import { a as yt } from "../TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { _ as rn } from "../TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
 import { u as ht, l as kt } from "../suggestions-DHJFKB26.js";
 import { r as dn } from "../suggestions-DHJFKB26.js";
-import { s as $e, u as Ye, i as xt, o as _e, e as Fe, k as wt, _ as $t, l as _t, c as St, b as Ct, t as ze, g as Ft, q as Bt } from "../useTypedEntry-C7k7Dyl-.js";
+import { s as $e, u as Ye, i as wt, o as _e, e as Fe, k as xt, _ as $t, l as _t, c as St, b as Ct, t as ze, g as Ft, q as Bt } from "../useTypedEntry-C7k7Dyl-.js";
 import { u as Lt, a as Tt, s as zt } from "../DateField.vue_vue_type_script_setup_true_lang-CpuH0WTl.js";
 import { _ as fn } from "../DateField.vue_vue_type_script_setup_true_lang-CpuH0WTl.js";
 import { _ as ot } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
@@ -23,11 +23,11 @@ import { u as Dt } from "../format-D8X4zsx6.js";
 import { u as Ne } from "../mediaQuery-CygcXmFW.js";
 import { _ as Pe } from "../Popover.vue_vue_type_script_setup_true_lang-C70GrCP7.js";
 import { u as Vt } from "../TimeField.vue_vue_type_script_setup_true_lang-DBxKAWRo.js";
-import { _ as vn } from "../TimeField.vue_vue_type_script_setup_true_lang-DBxKAWRo.js";
+import { _ as mn } from "../TimeField.vue_vue_type_script_setup_true_lang-DBxKAWRo.js";
 import { _ as ge } from "../Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
 import { _ as qt, r as Rt } from "../FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
 import { a as bn, c as gn, p as yn, u as hn } from "../FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { _ as xn } from "../FormView.vue_vue_type_script_setup_true_lang-Dbfg_jGh.js";
+import { _ as wn } from "../FormView.vue_vue_type_script_setup_true_lang-Dbfg_jGh.js";
 import { i as Ot } from "../intlLocale-CeRU44qJ.js";
 import { a as Mt } from "../environment-Dva-SG8D.js";
 import { _ as jt } from "../NumberField.vue_vue_type_script_setup_true_lang-DaE5BLm4.js";
@@ -49,15 +49,15 @@ import { _ as At, a as Ht } from "../SectionList.vue_vue_type_script_setup_true_
 import { p as Ut } from "../sectionIndex-BS0ic5W7.js";
 import { u as Yt } from "../useSaveChrome-7huA3FzR.js";
 import { matchedRouteKey as Wt, onBeforeRouteLeave as Jt } from "vue-router";
-function Zt(o) {
+function Zt(l) {
   const t = N(null);
   return {
-    isDirty: k(() => t.value !== null && JSON.stringify(o()) !== t.value),
-    markClean: () => t.value = JSON.stringify(o())
+    isDirty: k(() => t.value !== null && JSON.stringify(l()) !== t.value),
+    markClean: () => t.value = JSON.stringify(l())
   };
 }
-function ko(o) {
-  const t = N(!1), e = Zt(o), { confirmDiscard: a } = Ie(() => t.value && e.isDirty.value);
+function ko(l) {
+  const t = N(!1), e = Zt(l), { confirmDiscard: a } = Ie(() => t.value && e.isDirty.value);
   return {
     /** The sheet was just filled: its current values are the baseline. */
     opened: () => {
@@ -77,7 +77,7 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
   key: 1,
   class: "flex size-5 shrink-0 items-center justify-center rounded-full bg-control-on text-white",
   "aria-hidden": "true"
-}, xo = /* @__PURE__ */ P({
+}, wo = /* @__PURE__ */ P({
   __name: "CardSelectField",
   props: /* @__PURE__ */ ce({
     label: {},
@@ -93,38 +93,38 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     modelValue: {},
     options: {},
     columns: {}
-  }, { ...me, modelValue: null, columns: 2 }),
+  }, { ...ve, modelValue: null, columns: 2 }),
   emits: ["update:modelValue"],
-  setup(o, { emit: t }) {
-    const e = o, a = t, { editable: n } = at(e), l = { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4" }, u = k(() => l[e.columns]);
-    return (c, b) => (i(), O(ye, Q(s(fe)(e), {
+  setup(l, { emit: t }) {
+    const e = l, a = t, { editable: o } = at(e), n = { 1: "grid-cols-1", 2: "grid-cols-2", 3: "grid-cols-3", 4: "grid-cols-4" }, d = k(() => n[e.columns]);
+    return (i, m) => (u(), O(ye, Q(s(fe)(e), {
       value: e.options.find((h) => h.value === e.modelValue)?.label ?? null,
       "row-layout": "stacked"
     }), ee({
-      default: m(({ id: h, describedby: w, invalid: x }) => [
-        p("div", {
+      default: v(({ id: h, describedby: x, invalid: w }) => [
+        b("div", {
           id: h,
           role: "radiogroup",
           "aria-label": e.label,
-          "aria-describedby": w,
-          "aria-invalid": x || void 0,
-          class: j(["grid w-full gap-2.5", u.value]),
+          "aria-describedby": x,
+          "aria-invalid": w || void 0,
+          class: j(["grid w-full gap-2.5", d.value]),
           "data-test": "card-select"
         }, [
-          (i(!0), y(ue, null, xe(e.options, (r) => (i(), y("label", {
+          (u(!0), y(ue, null, we(e.options, (r) => (u(), y("label", {
             key: r.value,
-            class: j(["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 || !s(n) || r.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"]])
+            class: j(["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 || !s(o) || r.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"]])
           }, [
-            p("input", {
+            b("input", {
               type: "radio",
               class: "sr-only",
               name: e.name ?? h,
               value: r.value,
               checked: r.value === e.modelValue,
-              disabled: e.disabled || !s(n) || r.disabled,
+              disabled: e.disabled || !s(o) || r.disabled,
               onChange: (f) => a("update:modelValue", r.value)
             }, null, 40, Qt),
-            r.icon ? (i(), y("span", {
+            r.icon ? (u(), y("span", {
               key: 0,
               class: j(["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"])
             }, [
@@ -133,11 +133,11 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
                 size: 18
               }, null, 8, ["name"])
             ], 2)) : T("", !0),
-            p("span", ea, [
-              p("span", ta, _(r.label), 1),
-              r.description ? (i(), y("span", aa, _(r.description), 1)) : T("", !0)
+            b("span", ea, [
+              b("span", ta, _(r.label), 1),
+              r.description ? (u(), y("span", aa, _(r.description), 1)) : T("", !0)
             ]),
-            r.value === e.modelValue ? (i(), y("span", la, [
+            r.value === e.modelValue ? (u(), y("span", la, [
               M(s(te), {
                 name: "checkCustom",
                 size: 12
@@ -148,24 +148,24 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
       ]),
       _: 2
     }, [
-      c.$slots.trailing ? {
+      i.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
-          C(c.$slots, "trailing")
+        fn: v(() => [
+          C(i.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
-      c.$slots.labelTrailing ? {
+      i.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
-          C(c.$slots, "labelTrailing")
+        fn: v(() => [
+          C(i.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
-      c.$slots.readonly ? {
+      i.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
-          C(c.$slots, "readonly")
+        fn: v(() => [
+          C(i.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -174,7 +174,7 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
 }), oa = ["data-field-error"], na = ["aria-checked", "aria-disabled", "aria-describedby", "aria-invalid", "tabindex", "onKeydown"], sa = { class: "flex min-w-0 flex-1 flex-col items-start" }, ra = {
   key: 0,
   class: "flex shrink-0 items-center gap-2.5"
-}, ia = ["id"], wo = /* @__PURE__ */ P({
+}, ia = ["id"], xo = /* @__PURE__ */ P({
   __name: "CheckboxField",
   props: /* @__PURE__ */ se({
     label: {},
@@ -187,59 +187,59 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const t = o, e = ie(o, "modelValue"), a = !!lt(), n = je(), l = () => {
+  setup(l) {
+    const t = l, e = ie(l, "modelValue"), a = !!lt(), o = je(), n = () => {
       t.disabled || (e.value = !e.value);
     };
-    return (u, c) => (i(), y("div", {
+    return (d, i) => (u(), y("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,
-        "aria-describedby": t.error ? `${s(n)}-error` : void 0,
+        "aria-describedby": t.error ? `${s(o)}-error` : void 0,
         "aria-invalid": t.error ? !0 : void 0,
         tabindex: t.disabled ? -1 : 0,
         "data-test": "checkbox",
         class: j(["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,
+        onClick: n,
         onKeydown: [
-          Ce(be(l, ["prevent"]), ["space"]),
-          Ce(be(l, ["prevent"]), ["enter"])
+          Ce(be(n, ["prevent"]), ["space"]),
+          Ce(be(n, ["prevent"]), ["enter"])
         ]
       }, [
-        p("span", {
+        b("span", {
           class: j(["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(), O(s(te), {
+          e.value ? (u(), O(s(te), {
             key: 0,
             name: "checkCustom",
             size: 12
           })) : T("", !0)
         ], 2),
-        p("div", {
+        b("div", {
           class: j(["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", sa, [
-            p("p", {
+          b("div", sa, [
+            b("p", {
               class: j(["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(), y("p", {
+            t.description ? (u(), y("p", {
               key: 0,
               class: j(["tabular-nums text-content-muted", t.variant === "row" ? "text-footnote" : "text-xs"])
             }, _(t.description), 3)) : T("", !0),
-            C(u.$slots, "default")
+            C(d.$slots, "default")
           ]),
-          u.$slots.trailing ? (i(), y("div", ra, [
-            C(u.$slots, "trailing")
+          d.$slots.trailing ? (u(), y("div", ra, [
+            C(d.$slots, "trailing")
           ])) : T("", !0)
         ], 2)
       ], 42, na),
-      t.error ? (i(), y("p", {
+      t.error ? (u(), y("p", {
         key: 0,
-        id: `${s(n)}-error`,
+        id: `${s(o)}-error`,
         role: "alert",
         class: "flex items-start gap-1.5 px-2 pt-1 text-footnote text-content-destructive"
       }, [
@@ -269,37 +269,37 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     presentation: {},
     name: {},
     options: {}
-  }, { ...me }), {
+  }, { ...ve }), {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const t = o, e = ie(o, "modelValue"), a = (n) => e.value = e.value.includes(n) ? e.value.filter((l) => l !== n) : [...e.value, n];
-    return (n, l) => (i(), O(ye, Q(s(fe)(t), {
-      value: t.options.filter((u) => e.value.includes(u.value)).map((u) => u.label).join(", ") || null,
+  setup(l) {
+    const t = l, e = ie(l, "modelValue"), a = (o) => e.value = e.value.includes(o) ? e.value.filter((n) => n !== o) : [...e.value, o];
+    return (o, n) => (u(), O(ye, Q(s(fe)(t), {
+      value: t.options.filter((d) => e.value.includes(d.value)).map((d) => d.label).join(", ") || null,
       "row-layout": "stacked"
     }), ee({
-      default: m(({ id: u, describedby: c, invalid: b }) => [
-        t.options.length === 0 ? (i(), y("span", ua, "—")) : (i(), y("div", {
+      default: v(({ id: d, describedby: i, invalid: m }) => [
+        t.options.length === 0 ? (u(), y("span", ua, "—")) : (u(), y("div", {
           key: 1,
-          id: u,
+          id: d,
           role: "group",
           "aria-label": t.label,
-          "aria-describedby": c,
-          "aria-invalid": b || void 0,
+          "aria-describedby": i,
+          "aria-invalid": m || void 0,
           class: "flex flex-wrap gap-1.5 py-1",
           "data-test": "choice-chips"
         }, [
-          (i(!0), y(ue, null, xe(t.options, (h) => (i(), y("button", {
+          (u(!0), y(ue, null, we(t.options, (h) => (u(), y("button", {
             key: h.value,
             type: "button",
             "aria-pressed": e.value.includes(h.value),
             disabled: t.disabled || h.disabled,
             class: j(["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(h.value) ? "bg-tint-soft font-semibold text-content-link" : "bg-fill font-medium text-content-strong hover:bg-fill-strong"]),
-            onClick: (w) => a(h.value)
+            onClick: (x) => a(h.value)
           }, [
-            e.value.includes(h.value) ? (i(), O(s(te), {
+            e.value.includes(h.value) ? (u(), O(s(te), {
               key: 0,
               name: "checkCustom",
               size: 12
@@ -310,24 +310,24 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
       ]),
       _: 2
     }, [
-      n.$slots.trailing ? {
+      o.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
-          C(n.$slots, "trailing")
+        fn: v(() => [
+          C(o.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
-      n.$slots.labelTrailing ? {
+      o.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
-          C(n.$slots, "labelTrailing")
+        fn: v(() => [
+          C(o.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
-      n.$slots.readonly ? {
+      o.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
-          C(n.$slots, "readonly")
+        fn: v(() => [
+          C(o.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -337,7 +337,7 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
   key: 0,
   class: "flex shrink-0 items-center",
   "data-test": "field-value"
-}, ma = ["id", "value", "name", "placeholder", "disabled", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], va = { class: "block break-words text-body text-content-strong" }, _o = /* @__PURE__ */ P({
+}, va = ["id", "value", "name", "placeholder", "disabled", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], ma = { class: "block break-words text-body text-content-strong" }, _o = /* @__PURE__ */ P({
   __name: "ComboField",
   props: /* @__PURE__ */ se(/* @__PURE__ */ ce({
     label: {},
@@ -360,13 +360,13 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     recents: {},
     width: {},
     rowLayout: {}
-  }, { ...me, options: void 0, search: void 0, selected: null, placeholder: void 0, minLength: 1, debounce: 300, limit: 30, recents: void 0, width: "md", rowLayout: void 0 }), {
+  }, { ...ve, options: void 0, search: void 0, selected: null, placeholder: void 0, minLength: 1, debounce: 300, limit: 30, recents: void 0, width: "md", rowLayout: void 0 }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ se(["picked", "focus", "blur"], ["update:modelValue"]),
-  setup(o, { expose: t, emit: e }) {
-    const a = o, n = ie(o, "modelValue"), l = e, { t: u } = oe(), c = !!lt(), b = Ge("text", () => a.error ? "error" : a.disabled ? "locked" : "rest"), h = k(() => a.rowLayout === "stacked"), w = k(() => c && !h.value ? gt(a.width) : "w-full"), x = U("input"), r = U("anchor"), f = Le(null), g = Le(""), S = ht({
+  setup(l, { expose: t, emit: e }) {
+    const a = l, o = ie(l, "modelValue"), n = e, { t: d } = oe(), i = !!lt(), m = Ge("text", () => a.error ? "error" : a.disabled ? "locked" : "rest"), h = k(() => a.rowLayout === "stacked"), x = k(() => i && !h.value ? gt(a.width) : "w-full"), w = H("input"), r = H("anchor"), f = Le(null), g = Le(""), S = ht({
       source: () => a.search ?? a.options,
       minLength: () => a.minLength,
       debounce: () => a.debounce,
@@ -374,44 +374,44 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
       listAllWhenEmpty: !0,
       recents: () => a.recents
     }), { items: z, open: $, status: I, highlighted: F, showingRecent: E } = S, R = k(() => {
-      const D = n.value;
+      const D = o.value;
       return D === null ? null : [f.value, a.selected, ...a.options ?? []].find((A) => A?.value === D) ?? null;
     });
     de(R, (D) => {
       $.value || (g.value = D?.label ?? "");
     }, { immediate: !0 });
     function Z(D) {
-      g.value = D.target.value, S.ask(g.value), g.value === "" && (n.value = null, f.value = null);
+      g.value = D.target.value, S.ask(g.value), g.value === "" && (o.value = null, f.value = null);
     }
     function W(D) {
-      l("focus", D), a.disabled || S.show("");
+      n("focus", D), a.disabled || S.show("");
     }
     function J(D) {
-      S.close(), S.remember(D), f.value = D, n.value = D.value, g.value = D.label, l("picked", D);
+      S.close(), S.remember(D), f.value = D, o.value = D.value, g.value = D.label, n("picked", D);
     }
     function ae(D) {
-      S.close(), g.value = R.value?.label ?? "", l("blur", D);
+      S.close(), g.value = R.value?.label ?? "", n("blur", D);
     }
-    const ve = k(() => kt($.value, z.value.length, I.value, !0));
-    return t({ focus: () => x.value?.focus() }), (D, A) => (i(), O(ye, Q(s(fe)(a), {
+    const me = k(() => kt($.value, z.value.length, I.value, !0));
+    return t({ focus: () => w.value?.focus() }), (D, A) => (u(), O(ye, Q(s(fe)(a), {
       value: R.value?.label ?? null,
       "row-layout": a.rowLayout
     }), ee({
-      default: m(({ id: G, describedby: ne, invalid: re }) => [
-        p("div", {
+      default: v(({ id: G, describedby: ne, invalid: re }) => [
+        b("div", {
           ref_key: "anchor",
           ref: r,
-          class: j(["flex items-center gap-1.5", [s(b), w.value]])
+          class: j(["flex items-center gap-1.5", [s(m), x.value]])
         }, [
-          D.$slots.value && R.value ? (i(), y("span", fa, [
+          D.$slots.value && R.value ? (u(), y("span", fa, [
             C(D.$slots, "value", {
               option: R.value
             })
           ])) : T("", !0),
-          p("input", {
+          b("input", {
             id: G,
             ref_key: "input",
-            ref: x,
+            ref: w,
             role: "combobox",
             type: "text",
             autocomplete: "off",
@@ -421,18 +421,18 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
             disabled: a.disabled,
             required: a.required,
             "aria-autocomplete": "list",
-            "aria-expanded": ve.value,
+            "aria-expanded": me.value,
             "aria-controls": `${G}-list`,
-            "aria-activedescendant": ve.value && s(z).length > 0 ? `${G}-option-${s(F)}` : void 0,
+            "aria-activedescendant": me.value && s(z).length > 0 ? `${G}-option-${s(F)}` : void 0,
             "aria-required": a.required || void 0,
             "aria-invalid": re || void 0,
             "aria-describedby": ne,
-            class: j(["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 && !h.value ? "compact:text-right" : ""]),
+            class: j(["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", i && !h.value ? "compact:text-right" : ""]),
             onInput: Z,
             onFocus: W,
             onBlur: ae,
             onKeydown: A[0] || (A[0] = (le) => s(S).keydown(le, { pick: J, enterNeedsMove: !1 }))
-          }, null, 42, ma),
+          }, null, 42, va),
           M(s(te), {
             name: "search",
             size: 14,
@@ -449,14 +449,14 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
           status: s(I),
           recent: s(E),
           "empty-message": !0,
-          selected: n.value,
-          hint: s(u)("core.form.suggestions.keys_pick"),
+          selected: o.value,
+          hint: s(d)("core.form.suggestions.keys_pick"),
           onPick: J,
           onHover: A[1] || (A[1] = (le) => s(S).highlight(le))
         }, ee({ _: 2 }, [
           D.$slots.option ? {
             name: "option",
-            fn: m((le) => [
+            fn: v((le) => [
               C(D.$slots, "option", Ve(qe(le)))
             ]),
             key: "0"
@@ -467,28 +467,28 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     }, [
       D.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
+        fn: v(() => [
           C(D.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       D.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
+        fn: v(() => [
           C(D.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       D.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
+        fn: v(() => [
           C(D.$slots, "readonly")
         ]),
         key: "2"
       } : D.$slots.value && R.value ? {
         name: "readonly",
-        fn: m(() => [
-          p("span", va, [
+        fn: v(() => [
+          b("span", ma, [
             C(D.$slots, "value", {
               option: R.value
             })
@@ -504,7 +504,7 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
 }, ba = { class: "whitespace-nowrap" }, ga = { class: "whitespace-nowrap" }, ya = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], ha = ["aria-label", "onClick"], ka = {
   class: "-m-3 flex",
   "data-test": "date-time-popover"
-}, xa = { class: "flex w-75 flex-col gap-2.5 border-r border-border-separator p-3.5" }, wa = {
+}, wa = { class: "flex w-75 flex-col gap-2.5 border-r border-border-separator p-3.5" }, xa = {
   key: 0,
   class: "border-t border-border-separator pt-2.5"
 }, $a = { class: "flex w-48 flex-col gap-2.5 px-3 py-3.5" }, _a = ["for"], Sa = ["id", "value", "placeholder", "aria-invalid"], Ca = ["onClick"], So = /* @__PURE__ */ P({
@@ -526,34 +526,34 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     openOn: {},
     minuteStep: {},
     quickPicks: {}
-  }, { ...me, min: void 0, max: void 0, disabledDates: void 0, openOn: void 0, minuteStep: 1, quickPicks: void 0 }), {
+  }, { ...ve, min: void 0, max: void 0, disabledDates: void 0, openOn: void 0, minuteStep: 1, quickPicks: void 0 }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ se(["focus", "blur"], ["update:modelValue"]),
-  setup(o, { expose: t, emit: e }) {
-    const a = o, n = ie(o, "modelValue"), l = e, { t: u } = oe(), c = Dt(), b = Ne(), h = U("input"), w = U("popover"), x = U("calendar"), r = U("sheet"), f = k(() => ({ min: a.min?.slice(0, 10), max: a.max?.slice(0, 10), disabled: a.disabledDates })), g = k(() => a.min && a.min.length === 10 ? `${a.min}T00:00` : a.min), S = k(() => a.max && a.max.length === 10 ? `${a.max}T23:59` : a.max), z = (L, d) => !Ft(d, { disabled: a.disabledDates }) && (!g.value || L >= g.value) && (!S.value || L <= S.value), $ = Lt(() => f.value), I = Vt(() => a.minuteStep), F = k(() => $e(n.value));
+  setup(l, { expose: t, emit: e }) {
+    const a = l, o = ie(l, "modelValue"), n = e, { t: d } = oe(), i = Dt(), m = Ne(), h = H("input"), x = H("popover"), w = H("calendar"), r = H("sheet"), f = k(() => ({ min: a.min?.slice(0, 10), max: a.max?.slice(0, 10), disabled: a.disabledDates })), g = k(() => a.min && a.min.length === 10 ? `${a.min}T00:00` : a.min), S = k(() => a.max && a.max.length === 10 ? `${a.max}T23:59` : a.max), z = (L, c) => !Ft(c, { disabled: a.disabledDates }) && (!g.value || L >= g.value) && (!S.value || L <= S.value), $ = Lt(() => f.value), I = Vt(() => a.minuteStep), F = k(() => $e(o.value));
     function E(L) {
-      const { date: d, time: V } = zt(L), v = d === null ? F.value.day ?? Fe() : $.parse(d);
-      if (!v) return { error: $.invalidMessage() };
+      const { date: c, time: V } = zt(L), p = c === null ? F.value.day ?? Fe() : $.parse(c);
+      if (!p) return { error: $.invalidMessage() };
       let q = F.value.time ?? ze(a.minuteStep);
       if (V !== null) {
         const K = I.parse(V);
         if ("error" in K) return K;
         q = K.value;
       }
-      const B = _e(v, q);
-      return z(B, v) ? { value: B } : { error: $.unavailableMessage() };
+      const B = _e(p, q);
+      return z(B, p) ? { value: B } : { error: $.unavailableMessage() };
     }
-    const R = Ye({ model: n, display: (L) => `${c.date($e(L).day)} ${$e(L).time ?? ""}`.trim(), parse: E }), Z = k({
+    const R = Ye({ model: o, display: (L) => `${i.date($e(L).day)} ${$e(L).time ?? ""}`.trim(), parse: E }), Z = k({
       get: () => F.value.time,
       set: (L) => {
-        L && xt(L) && (n.value = _e(F.value.day ?? Fe(), L));
+        L && wt(L) && (o.value = _e(F.value.day ?? Fe(), L));
       }
-    }), W = Ye({ model: Z, display: (L) => L, parse: I.parse }), J = Tt(() => a.quickPicks ?? (b.value ? void 0 : []), () => b.value, () => f.value), ae = k(() => a.error || R.message.value || W.message.value), ve = k(() => n.value ? c.dateTime(n.value) : null), D = Ge("date", () => ae.value ? "error" : a.disabled ? "locked" : "rest"), A = k(() => {
+    }), W = Ye({ model: Z, display: (L) => L, parse: I.parse }), J = Tt(() => a.quickPicks ?? (m.value ? void 0 : []), () => m.value, () => f.value), ae = k(() => a.error || R.message.value || W.message.value), me = k(() => o.value ? i.dateTime(o.value) : null), D = Ge("date", () => ae.value ? "error" : a.disabled ? "locked" : "rest"), A = k(() => {
       const L = R.typed.value;
       return L ? $e(L).day ?? null : null;
-    }), G = k(() => A.value ?? (wt(F.value.day) ? F.value.day : null)), ne = k(() => R.typed.value ? $e(R.typed.value).time : F.value.time);
+    }), G = k(() => A.value ?? (xt(F.value.day) ? F.value.day : null)), ne = k(() => R.typed.value ? $e(R.typed.value).time : F.value.time);
     function re(L) {
       L && R.set(_e(L, F.value.time ?? ze(a.minuteStep)));
     }
@@ -563,30 +563,30 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     function ke(L) {
       R.set(_e(Fe(), ze(a.minuteStep))), L();
     }
-    const we = je();
+    const xe = je();
     async function X(L) {
-      a.disabled || (w.value?.present(), L && (await he(), await he(), x.value?.focus()));
+      a.disabled || (x.value?.present(), L && (await he(), await he(), w.value?.focus()));
     }
     function pe(L) {
-      L.key === "Enter" ? (R.commit(), w.value?.dismiss()) : L.key === "ArrowDown" && (L.preventDefault(), X(!0));
+      L.key === "Enter" ? (R.commit(), x.value?.dismiss()) : L.key === "ArrowDown" && (L.preventDefault(), X(!0));
     }
-    return t({ focus: () => h.value?.focus() }), (L, d) => (i(), O(ye, Q({ ...s(fe)(a), error: ae.value }, {
-      value: ve.value,
+    return t({ focus: () => h.value?.focus() }), (L, c) => (u(), O(ye, Q({ ...s(fe)(a), error: ae.value }, {
+      value: me.value,
       "value-style": "numeric"
     }), ee({
-      default: m(({ id: V, describedby: v, invalid: q }) => [
-        s(b) ? (i(), y(ue, { key: 0 }, [
-          M(ot, Q({ id: V, "aria-describedby": v }, {
+      default: v(({ id: V, describedby: p, invalid: q }) => [
+        s(m) ? (u(), y(ue, { key: 0 }, [
+          M(ot, Q({ id: V, "aria-describedby": p }, {
             disabled: a.disabled,
             invalid: q,
-            placeholder: s(u)("core.form.select.choose"),
-            onClick: d[0] || (d[0] = (B) => r.value?.present())
+            placeholder: s(d)("core.form.select.choose"),
+            onClick: c[0] || (c[0] = (B) => r.value?.present())
           }), {
-            default: m(() => [
-              n.value ? (i(), y("span", pa, [
-                p("span", ba, _(s(c).date(F.value.day)), 1),
-                d[8] || (d[8] = Y(_(" "), -1)),
-                p("span", ga, _(F.value.time), 1)
+            default: v(() => [
+              o.value ? (u(), y("span", pa, [
+                b("span", ba, _(s(i).date(F.value.day)), 1),
+                c[8] || (c[8] = Y(_(" "), -1)),
+                b("span", ga, _(F.value.time), 1)
               ])) : T("", !0)
             ]),
             _: 1
@@ -594,9 +594,9 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
           M($t, {
             ref_key: "sheet",
             ref: r,
-            title: a.label ?? s(u)("core.form.date.calendar"),
+            title: a.label ?? s(d)("core.form.date.calendar"),
             mode: "datetime",
-            "model-value": n.value,
+            "model-value": o.value,
             min: f.value.min,
             max: f.value.max,
             "disabled-dates": a.disabledDates,
@@ -606,21 +606,21 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
             clearable: !a.required,
             "onUpdate:modelValue": s(R).set
           }, null, 8, ["title", "model-value", "min", "max", "disabled-dates", "open-on", "shortcuts", "step", "clearable", "onUpdate:modelValue"])
-        ], 64)) : (i(), O(Pe, {
+        ], 64)) : (u(), O(Pe, {
           key: 1,
           ref_key: "popover",
-          ref: w,
-          label: a.label ?? s(u)("core.form.date.calendar"),
+          ref: x,
+          label: a.label ?? s(d)("core.form.date.calendar"),
           width: "auto",
           placement: "bottom-start",
           arrow: !1,
           autofocus: !1
         }, {
-          trigger: m(({ attrs: B, presented: K }) => [
-            p("div", {
+          trigger: v(({ attrs: B, presented: K }) => [
+            b("div", {
               class: j(["inline-flex max-w-full items-center gap-2", s(D)])
             }, [
-              p("input", Q({
+              b("input", Q({
                 id: V,
                 ref_key: "input",
                 ref: h
@@ -636,23 +636,23 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
                 required: a.required,
                 "aria-required": a.required || void 0,
                 "aria-invalid": q || void 0,
-                "aria-describedby": v,
+                "aria-describedby": p,
                 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: d[1] || (d[1] = (H) => s(R).input(H.target.value)),
-                onFocus: d[2] || (d[2] = (H) => l("focus", H)),
-                onBlur: d[3] || (d[3] = (H) => {
-                  s(R).commit(), l("blur", H);
+                onInput: c[1] || (c[1] = (U) => s(R).input(U.target.value)),
+                onFocus: c[2] || (c[2] = (U) => n("focus", U)),
+                onBlur: c[3] || (c[3] = (U) => {
+                  s(R).commit(), n("blur", U);
                 }),
                 onKeydown: pe,
-                onClick: d[4] || (d[4] = (H) => X(!1))
+                onClick: c[4] || (c[4] = (U) => X(!1))
               }), null, 16, ya),
-              a.disabled ? T("", !0) : (i(), y("button", {
+              a.disabled ? T("", !0) : (u(), y("button", {
                 key: 0,
                 type: "button",
                 tabindex: "-1",
-                "aria-label": s(u)("core.form.date.open"),
+                "aria-label": s(d)("core.form.date.open"),
                 class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
-                onClick: (H) => K ? w.value?.dismiss() : X(!0)
+                onClick: (U) => K ? x.value?.dismiss() : X(!0)
               }, [
                 M(s(te), {
                   name: "calendarLine",
@@ -661,12 +661,12 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
               ], 8, ha))
             ], 2)
           ]),
-          default: m(({ dismiss: B }) => [
-            p("div", ka, [
-              p("div", xa, [
+          default: v(({ dismiss: B }) => [
+            b("div", ka, [
+              b("div", wa, [
                 M(_t, {
                   ref_key: "calendar",
-                  ref: x,
+                  ref: w,
                   "model-value": G.value,
                   min: f.value.min,
                   max: f.value.max,
@@ -674,7 +674,7 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
                   "open-on": a.openOn,
                   "onUpdate:modelValue": re
                 }, null, 8, ["model-value", "min", "max", "disabled-dates", "open-on"]),
-                s(J).length > 0 ? (i(), y("div", wa, [
+                s(J).length > 0 ? (u(), y("div", xa, [
                   M(St, {
                     items: s(J),
                     selected: G.value,
@@ -682,13 +682,13 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
                   }, null, 8, ["items", "selected"])
                 ])) : T("", !0)
               ]),
-              p("div", $a, [
-                p("label", {
-                  for: s(we),
+              b("div", $a, [
+                b("label", {
+                  for: s(xe),
                   class: "text-footnote font-semibold text-content-muted"
-                }, _(s(u)("core.form.time.label")), 9, _a),
-                p("input", {
-                  id: s(we),
+                }, _(s(d)("core.form.time.label")), 9, _a),
+                b("input", {
+                  id: s(xe),
                   type: "text",
                   autocomplete: "off",
                   inputmode: "numeric",
@@ -696,20 +696,20 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
                   placeholder: s(I).placeholder.value,
                   "aria-invalid": s(W).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: d[5] || (d[5] = (K) => s(W).input(K.target.value)),
-                  onBlur: d[6] || (d[6] = (K) => s(W).commit()),
-                  onKeydown: d[7] || (d[7] = Ce(be((K) => s(W).commit(), ["prevent"]), ["enter"]))
+                  onInput: c[5] || (c[5] = (K) => s(W).input(K.target.value)),
+                  onBlur: c[6] || (c[6] = (K) => s(W).commit()),
+                  onKeydown: c[7] || (c[7] = Ce(be((K) => s(W).commit(), ["prevent"]), ["enter"]))
                 }, null, 40, Sa),
                 M(Ct, {
                   "model-value": ne.value,
                   step: a.minuteStep,
                   "onUpdate:modelValue": le
                 }, 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: (K) => ke(B)
-                }, _(s(u)("core.form.time.now")), 9, Ca)
+                }, _(s(d)("core.form.time.now")), 9, Ca)
               ])
             ])
           ]),
@@ -720,21 +720,21 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     }, [
       L.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
+        fn: v(() => [
           C(L.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       L.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
+        fn: v(() => [
           C(L.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       L.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
+        fn: v(() => [
           C(L.$slots, "readonly")
         ]),
         key: "2"
@@ -742,19 +742,19 @@ const Xt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Qt = ["name
     ]), 1040, ["value"]));
   }
 });
-function nt(o, t = {}) {
+function nt(l, t = {}) {
   const e = t.accept ?? [];
   if (e.length > 0) {
-    const a = o.name.lastIndexOf("."), n = a === -1 ? "" : o.name.slice(a).toLowerCase(), l = o.type.toLowerCase();
-    if (!e.some((c) => {
-      const b = c.trim().toLowerCase();
-      return b.startsWith(".") ? b === n : b.endsWith("/*") ? l.startsWith(b.slice(0, -1)) : b === l;
+    const a = l.name.lastIndexOf("."), o = a === -1 ? "" : l.name.slice(a).toLowerCase(), n = l.type.toLowerCase();
+    if (!e.some((i) => {
+      const m = i.trim().toLowerCase();
+      return m.startsWith(".") ? m === o : m.endsWith("/*") ? n.startsWith(m.slice(0, -1)) : m === n;
     })) return "invalid_type";
   }
-  return (t.maxSize ?? 0) > 0 && o.size > (t.maxSize ?? 0) ? "too_large" : null;
+  return (t.maxSize ?? 0) > 0 && l.size > (t.maxSize ?? 0) ? "too_large" : null;
 }
-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`;
+function Be(l) {
+  return l < 1024 ? `${l} B` : l < 1024 * 1024 ? `${Math.round(l / 1024)} KB` : `${(l / (1024 * 1024)).toFixed(l % (1024 * 1024) === 0 ? 0 : 1)} MB`;
 }
 const Fa = { class: "w-full" }, Ba = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], La = {
   key: 0,
@@ -776,37 +776,37 @@ const Fa = { class: "w-full" }, Ba = ["id", "accept", "disabled", "aria-describe
     variant: {},
     accept: {},
     maxSize: {}
-  }, { ...me, variant: "button", accept: () => [], maxSize: 0 }), {
+  }, { ...ve, variant: "button", accept: () => [], maxSize: 0 }), {
     modelValue: { default: null },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o, { expose: t }) {
-    const e = o, a = ie(o, "modelValue"), { t: n } = oe(), l = U("chooser"), u = N(!1), c = N(null), b = k(() => {
+  setup(l, { expose: t }) {
+    const e = l, a = ie(l, "modelValue"), { t: o } = oe(), n = H("chooser"), d = N(!1), i = N(null), m = k(() => {
       if (e.hint) return e.hint;
-      const x = [];
-      return e.accept.length && x.push(n("core.form.file.allowed", { formats: e.accept.map((r) => r.replace(/^\./, "").toUpperCase()).join(", ") })), e.maxSize > 0 && x.push(n("core.form.file.max_size", { size: Be(e.maxSize) })), x.join(" · ") || void 0;
+      const w = [];
+      return e.accept.length && w.push(o("core.form.file.allowed", { formats: e.accept.map((r) => r.replace(/^\./, "").toUpperCase()).join(", ") })), e.maxSize > 0 && w.push(o("core.form.file.max_size", { size: Be(e.maxSize) })), w.join(" · ") || void 0;
     });
-    function h(x) {
-      if (!x) return;
-      const r = nt(x, { accept: e.accept, maxSize: e.maxSize });
-      r ? (c.value = r === "invalid_type" ? n("core.form.file.invalid_type") : n("core.form.file.too_large", { size: Be(e.maxSize) }), a.value = null) : (c.value = null, a.value = x);
+    function h(w) {
+      if (!w) return;
+      const r = nt(w, { accept: e.accept, maxSize: e.maxSize });
+      r ? (i.value = r === "invalid_type" ? o("core.form.file.invalid_type") : o("core.form.file.too_large", { size: Be(e.maxSize) }), a.value = null) : (i.value = null, a.value = w);
     }
-    function w() {
-      a.value = null, c.value = null;
+    function x() {
+      a.value = null, i.value = null;
     }
-    return de(a, (x) => {
-      !x && l.value && (l.value.value = "");
-    }), t({ clear: w }), (x, r) => (i(), O(ye, Q({ ...s(fe)(e), hint: b.value, error: c.value ?? e.error }, {
+    return de(a, (w) => {
+      !w && n.value && (n.value.value = "");
+    }), t({ clear: x }), (w, r) => (u(), O(ye, Q({ ...s(fe)(e), hint: m.value, error: i.value ?? e.error }, {
       value: a.value?.name ?? null,
       "row-layout": "stacked"
     }), ee({
-      default: m(({ id: f, describedby: g, invalid: S }) => [
-        p("div", Fa, [
-          p("input", {
+      default: v(({ id: f, describedby: g, invalid: S }) => [
+        b("div", Fa, [
+          b("input", {
             id: f,
             ref_key: "chooser",
-            ref: l,
+            ref: n,
             type: "file",
             class: "sr-only",
             tabindex: "-1",
@@ -816,51 +816,51 @@ const Fa = { class: "w-full" }, Ba = ["id", "accept", "disabled", "aria-describe
             "aria-invalid": S || void 0,
             onChange: r[0] || (r[0] = (z) => h(z.target.files?.[0]))
           }, null, 40, Ba),
-          a.value ? (i(), y("div", La, [
-            p("div", Ta, [
-              p("p", za, _(a.value.name), 1),
-              p("p", Da, _(s(Be)(a.value.size)), 1)
+          a.value ? (u(), y("div", La, [
+            b("div", Ta, [
+              b("p", za, _(a.value.name), 1),
+              b("p", Da, _(s(Be)(a.value.size)), 1)
             ]),
-            p("button", {
+            b("button", {
               type: "button",
               disabled: e.disabled,
-              "aria-label": s(n)("core.form.file.remove"),
-              title: s(n)("core.form.file.remove"),
+              "aria-label": s(o)("core.form.file.remove"),
+              title: s(o)("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: w
+              onClick: x
             }, [
               M(s(te), {
                 name: "close",
                 size: 14
               })
             ], 8, Va)
-          ])) : e.variant === "dropzone" ? (i(), y("div", {
+          ])) : e.variant === "dropzone" ? (u(), y("div", {
             key: 1,
             role: "button",
             tabindex: "0",
             "data-test": "file-dropzone",
             "aria-disabled": e.disabled || void 0,
-            class: j(["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", u.value ? "border-border-focus bg-tint-soft" : "border-border-control hover:bg-fill"]),
-            onClick: r[1] || (r[1] = (z) => !e.disabled && l.value?.click()),
+            class: j(["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] = (z) => !e.disabled && n.value?.click()),
             onKeydown: [
-              r[2] || (r[2] = Ce(be((z) => !e.disabled && l.value?.click(), ["prevent"]), ["enter"])),
-              r[3] || (r[3] = Ce(be((z) => !e.disabled && l.value?.click(), ["prevent"]), ["space"]))
+              r[2] || (r[2] = Ce(be((z) => !e.disabled && n.value?.click(), ["prevent"]), ["enter"])),
+              r[3] || (r[3] = Ce(be((z) => !e.disabled && n.value?.click(), ["prevent"]), ["space"]))
             ],
-            onDragover: r[4] || (r[4] = be((z) => u.value = !0, ["prevent"])),
-            onDragleave: r[5] || (r[5] = be((z) => u.value = !1, ["prevent"])),
+            onDragover: r[4] || (r[4] = be((z) => d.value = !0, ["prevent"])),
+            onDragleave: r[5] || (r[5] = be((z) => d.value = !1, ["prevent"])),
             onDrop: r[6] || (r[6] = be((z) => {
-              u.value = !1, e.disabled || h(z.dataTransfer?.files?.[0]);
+              d.value = !1, e.disabled || h(z.dataTransfer?.files?.[0]);
             }, ["prevent"]))
           }, [
-            p("span", Ra, _(s(n)("core.form.file.choose")), 1),
-            p("span", Oa, _(" " + s(n)("core.form.file.drop")), 1)
-          ], 42, qa)) : (i(), O(ge, {
+            b("span", Ra, _(s(o)("core.form.file.choose")), 1),
+            b("span", Oa, _(" " + s(o)("core.form.file.drop")), 1)
+          ], 42, qa)) : (u(), O(ge, {
             key: 2,
             disabled: e.disabled,
-            onClick: r[7] || (r[7] = (z) => l.value?.click())
+            onClick: r[7] || (r[7] = (z) => n.value?.click())
           }, {
-            default: m(() => [
-              Y(_(s(n)("core.form.file.choose")), 1)
+            default: v(() => [
+              Y(_(s(o)("core.form.file.choose")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]))
@@ -868,24 +868,24 @@ const Fa = { class: "w-full" }, Ba = ["id", "accept", "disabled", "aria-describe
       ]),
       _: 2
     }, [
-      x.$slots.trailing ? {
+      w.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
-          C(x.$slots, "trailing")
+        fn: v(() => [
+          C(w.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
-      x.$slots.labelTrailing ? {
+      w.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
-          C(x.$slots, "labelTrailing")
+        fn: v(() => [
+          C(w.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
-      x.$slots.readonly ? {
+      w.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
-          C(x.$slots, "readonly")
+        fn: v(() => [
+          C(w.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -899,17 +899,17 @@ const Fa = { class: "w-full" }, Ba = ["id", "accept", "disabled", "aria-describe
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(o, { emit: t }) {
-    const e = o, a = t;
-    return (n, l) => (i(), O(qt, null, {
-      default: m(() => [
-        M(mt, { layout: "stacked" }, {
-          default: m(() => [
-            p("button", {
+  setup(l, { emit: t }) {
+    const e = l, a = t;
+    return (o, n) => (u(), O(qt, null, {
+      default: v(() => [
+        M(vt, { layout: "stacked" }, {
+          default: v(() => [
+            b("button", {
               type: "button",
               disabled: e.disabled,
               class: j(["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] = (u) => a("click"))
+              onClick: n[0] || (n[0] = (d) => a("click"))
             }, _(e.label), 11, Ma)
           ]),
           _: 1
@@ -920,12 +920,12 @@ const Fa = { class: "w-full" }, Ba = ["id", "accept", "disabled", "aria-describe
   }
 }), Bo = /* @__PURE__ */ P({
   __name: "FormIndent",
-  setup(o) {
-    return Re(vt, pt() + 1), (t, e) => C(t.$slots, "default");
+  setup(l) {
+    return Re(mt, pt() + 1), (t, e) => C(t.$slots, "default");
   }
 });
-function ja(o, t) {
-  return t.filter((e) => (o?.[e] ?? "").trim() === "");
+function ja(l, t) {
+  return t.filter((e) => (l?.[e] ?? "").trim() === "");
 }
 const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], Ga = ["id", "value", "lang", "name", "placeholder", "maxlength", "disabled", "aria-required", "aria-invalid", "aria-describedby"], Na = {
   key: 0,
@@ -960,65 +960,65 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     rows: {},
     placeholder: {},
     maxLength: {}
-  }, { ...me, locales: void 0, defaultLocale: void 0, requiredLocales: () => [], multiline: !1, rows: 3, placeholder: void 0, maxLength: void 0 }), {
+  }, { ...ve, 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 = ie(o, "modelValue"), { t: n, locale: l, availableLocales: u } = oe(), c = tt(Mt, null), b = je(), h = U("field"), w = U("root"), { editable: x } = at(e), r = Ge(e.multiline ? "area" : "text", () => e.error || ne.value ? "error" : e.disabled ? "locked" : "rest"), f = k(() => e.locales ?? c?.locales ?? u), g = k(() => e.defaultLocale ?? f.value[0] ?? ""), S = k(() => f.value.includes(g.value) ? [g.value, ...f.value.filter((v) => v !== g.value)] : f.value), z = N(null), $ = k(() => z.value !== null && S.value.includes(z.value) ? z.value : S.value.includes(l.value) ? l.value : g.value), I = (v) => a.value[v] ?? "", F = (v) => I(v).trim() !== "", E = (v) => v.toUpperCase();
-    function R(v) {
+  setup(l, { expose: t }) {
+    const e = l, a = ie(l, "modelValue"), { t: o, locale: n, availableLocales: d } = oe(), i = tt(Mt, null), m = je(), h = H("field"), x = H("root"), { editable: w } = at(e), r = Ge(e.multiline ? "area" : "text", () => e.error || ne.value ? "error" : e.disabled ? "locked" : "rest"), f = k(() => e.locales ?? i?.locales ?? d), g = k(() => e.defaultLocale ?? f.value[0] ?? ""), S = k(() => f.value.includes(g.value) ? [g.value, ...f.value.filter((p) => p !== g.value)] : f.value), z = N(null), $ = k(() => z.value !== null && S.value.includes(z.value) ? z.value : S.value.includes(n.value) ? n.value : g.value), I = (p) => a.value[p] ?? "", F = (p) => I(p).trim() !== "", E = (p) => p.toUpperCase();
+    function R(p) {
       try {
-        return new Intl.DisplayNames([Ot(l.value)], { type: "language" }).of(v) ?? E(v);
+        return new Intl.DisplayNames([Ot(n.value)], { type: "language" }).of(p) ?? E(p);
       } catch {
-        return E(v);
+        return E(p);
       }
     }
-    const Z = (v) => v.map(R).join(", ");
-    function W(v, q) {
-      a.value = { ...a.value, [v]: q };
+    const Z = (p) => p.map(R).join(", ");
+    function W(p, q) {
+      a.value = { ...a.value, [p]: q };
     }
-    const J = (v) => `${b}-tab-${v}`;
-    function ae(v, q) {
-      z.value = v, q && he(() => h.value?.focus());
+    const J = (p) => `${m}-tab-${p}`;
+    function ae(p, q) {
+      z.value = p, q && he(() => h.value?.focus());
     }
-    function ve(v, q) {
-      const B = S.value.length - 1, K = { ArrowRight: q + 1, ArrowLeft: q - 1, Home: 0, End: B }[v.key];
+    function me(p, q) {
+      const B = S.value.length - 1, K = { ArrowRight: q + 1, ArrowLeft: q - 1, Home: 0, End: B }[p.key];
       if (K === void 0) return;
-      v.preventDefault();
-      const H = S.value[(K + S.value.length) % S.value.length];
-      H !== void 0 && (ae(H, !1), he(() => document.getElementById(J(H))?.focus()));
+      p.preventDefault();
+      const U = S.value[(K + S.value.length) % S.value.length];
+      U !== void 0 && (ae(U, !1), he(() => document.getElementById(J(U))?.focus()));
     }
     const D = N(!1);
-    function A(v) {
-      w.value?.contains(v.relatedTarget) || (D.value = !0);
+    function A(p) {
+      x.value?.contains(p.relatedTarget) || (D.value = !0);
     }
-    const G = k(() => ja(a.value, e.requiredLocales)), ne = k(() => D.value && G.value.length > 0 ? n("core.form.i18n.required", { languages: Z(G.value) }) : void 0), re = k(() => e.requiredLocales.length > 0 ? G.value.length === 0 : S.value.some(F)), le = k(() => S.value.filter((v) => !F(v) && !(ne.value && G.value.includes(v)))), ke = k(() => F(g.value) && S.value.some((v) => v !== g.value && !F(v)));
-    function we() {
-      const v = I(g.value);
-      a.value = { ...a.value, ...Object.fromEntries(S.value.filter((q) => !F(q)).map((q) => [q, v])) };
+    const G = k(() => ja(a.value, e.requiredLocales)), ne = k(() => D.value && G.value.length > 0 ? o("core.form.i18n.required", { languages: Z(G.value) }) : void 0), re = k(() => e.requiredLocales.length > 0 ? G.value.length === 0 : S.value.some(F)), le = k(() => S.value.filter((p) => !F(p) && !(ne.value && G.value.includes(p)))), ke = k(() => F(g.value) && S.value.some((p) => p !== g.value && !F(p)));
+    function xe() {
+      const p = I(g.value);
+      a.value = { ...a.value, ...Object.fromEntries(S.value.filter((q) => !F(q)).map((q) => [q, p])) };
     }
-    const X = k(() => [l.value, g.value, ...S.value].find((v) => S.value.includes(v) && F(v))), pe = k(() => S.value.filter((v) => v !== X.value)), L = k(() => pe.value.filter(F).length), d = N(!1), V = k(() => e.label && !x.value && X.value ? `${e.label} · ${E(X.value)}` : e.label);
-    return t({ focus: () => h.value?.focus() }), (v, q) => (i(), O(ye, Q({ ...s(fe)(e), label: V.value, error: e.error ?? ne.value, required: e.required || e.requiredLocales.length > 0 }, {
-      value: s(x) ? re.value ? "written" : null : X.value ? I(X.value) : null,
+    const X = k(() => [n.value, g.value, ...S.value].find((p) => S.value.includes(p) && F(p))), pe = k(() => S.value.filter((p) => p !== X.value)), L = k(() => pe.value.filter(F).length), c = N(!1), V = k(() => e.label && !w.value && X.value ? `${e.label} · ${E(X.value)}` : e.label);
+    return t({ focus: () => h.value?.focus() }), (p, q) => (u(), O(ye, Q({ ...s(fe)(e), label: V.value, error: e.error ?? ne.value, required: e.required || e.requiredLocales.length > 0 }, {
+      value: s(w) ? re.value ? "written" : null : X.value ? I(X.value) : null,
       "row-layout": "stacked"
     }), ee({
-      default: m(({ id: B, describedby: K, invalid: H }) => [
-        p("div", {
+      default: v(({ id: B, describedby: K, invalid: U }) => [
+        b("div", {
           ref_key: "root",
-          ref: w,
+          ref: x,
           class: "w-full",
           onFocusout: A
         }, [
-          p("div", {
-            id: `${s(b)}-panel`,
+          b("div", {
+            id: `${s(m)}-panel`,
             role: "tabpanel",
             "aria-labelledby": J($.value)
           }, [
-            p("div", {
+            b("div", {
               class: j(["w-full", s(r)])
             }, [
-              e.multiline ? (i(), y("textarea", {
+              e.multiline ? (u(), y("textarea", {
                 key: 0,
                 id: B,
                 ref_key: "field",
@@ -1031,12 +1031,12 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
                 maxlength: e.maxLength,
                 disabled: e.disabled,
                 "aria-required": e.required || void 0,
-                "aria-invalid": H || void 0,
+                "aria-invalid": U || void 0,
                 "aria-describedby": K,
                 "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: q[0] || (q[0] = (Te) => W($.value, Te.target.value))
-              }, null, 40, Ia)) : (i(), y("input", {
+              }, null, 40, Ia)) : (u(), y("input", {
                 key: 1,
                 id: B,
                 ref_key: "field",
@@ -1049,7 +1049,7 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
                 maxlength: e.maxLength,
                 disabled: e.disabled,
                 "aria-required": e.required || void 0,
-                "aria-invalid": H || void 0,
+                "aria-invalid": U || void 0,
                 "aria-describedby": K,
                 "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",
@@ -1057,41 +1057,41 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
               }, null, 40, Ga))
             ], 2)
           ], 8, Ea),
-          le.value.length > 0 || ke.value ? (i(), y("div", Na, [
-            le.value.length > 0 ? (i(), y("p", Pa, _(s(n)("core.form.i18n.missing", { languages: Z(le.value) })), 1)) : (i(), y("span", Ka)),
-            ke.value && !e.disabled ? (i(), y("button", {
+          le.value.length > 0 || ke.value ? (u(), y("div", Na, [
+            le.value.length > 0 ? (u(), y("p", Pa, _(s(o)("core.form.i18n.missing", { languages: Z(le.value) })), 1)) : (u(), y("span", Ka)),
+            ke.value && !e.disabled ? (u(), y("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: we
-            }, _(s(n)("core.form.i18n.copy", { language: E(g.value) })), 1)) : T("", !0)
+              onClick: xe
+            }, _(s(o)("core.form.i18n.copy", { language: E(g.value) })), 1)) : T("", !0)
           ])) : T("", !0)
         ], 544)
       ]),
-      labelTrailing: m(() => [
-        p("div", {
+      labelTrailing: v(() => [
+        b("div", {
           role: "tablist",
-          "aria-label": s(n)("core.form.i18n.languages"),
+          "aria-label": s(o)("core.form.i18n.languages"),
           class: "flex shrink-0 gap-0.5 rounded-control bg-fill p-0.5",
           "data-test": "i18n-tabs"
         }, [
-          (i(!0), y(ue, null, xe(S.value, (B, K) => (i(), y("button", {
+          (u(!0), y(ue, null, we(S.value, (B, K) => (u(), y("button", {
             id: J(B),
             key: B,
             type: "button",
             role: "tab",
             "aria-selected": B === $.value,
             tabindex: B === $.value ? 0 : -1,
-            "aria-controls": `${s(b)}-panel`,
-            "aria-label": s(n)(F(B) ? "core.form.i18n.tab_written" : "core.form.i18n.tab_empty", { language: R(B) }),
+            "aria-controls": `${s(m)}-panel`,
+            "aria-label": s(o)(F(B) ? "core.form.i18n.tab_written" : "core.form.i18n.tab_empty", { language: R(B) }),
             title: R(B),
             class: j(["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", B === $.value ? "bg-segment-selected text-content-strong shadow-sm" : "text-content-muted hover:text-content-strong"]),
-            onClick: (H) => ae(B, !0),
-            onKeydown: (H) => ve(H, K)
+            onClick: (U) => ae(B, !0),
+            onKeydown: (U) => me(U, K)
           }, [
             Y(_(E(B)) + " ", 1),
-            p("span", {
+            b("span", {
               "aria-hidden": "true",
               class: j(["size-1.5 rounded-full", F(B) ? "bg-status-success-solid" : ne.value && G.value.includes(B) ? "bg-content-destructive" : "bg-content-disabled"]),
               "data-test": "i18n-dot",
@@ -1104,35 +1104,35 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     }, [
       X.value ? {
         name: "readonly",
-        fn: m(() => [
-          p("div", Ya, [
-            p("p", Wa, _(I(X.value)), 1),
-            pe.value.length > 0 ? (i(), y(ue, { key: 0 }, [
-              p("button", {
+        fn: v(() => [
+          b("div", Ya, [
+            b("p", Wa, _(I(X.value)), 1),
+            pe.value.length > 0 ? (u(), y(ue, { key: 0 }, [
+              b("button", {
                 type: "button",
-                "aria-expanded": d.value,
+                "aria-expanded": c.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: q[2] || (q[2] = (B) => d.value = !d.value)
+                onClick: q[2] || (q[2] = (B) => c.value = !c.value)
               }, [
-                p("span", Za, _(s(n)("core.form.i18n.more", { count: pe.value.length, filled: L.value })), 1),
+                b("span", Za, _(s(o)("core.form.i18n.more", { count: pe.value.length, filled: L.value })), 1),
                 M(s(te), {
                   name: "arrowRightSLine",
                   size: 16,
-                  class: j(["shrink-0 transition-transform duration-motion-fast", d.value ? "rotate-90" : ""])
+                  class: j(["shrink-0 transition-transform duration-motion-fast", c.value ? "rotate-90" : ""])
                 }, null, 8, ["class"])
               ], 8, Ja),
-              d.value ? (i(), y("dl", Xa, [
-                (i(!0), y(ue, null, xe(pe.value, (B) => (i(), y("div", {
+              c.value ? (u(), y("dl", Xa, [
+                (u(!0), y(ue, null, we(pe.value, (B) => (u(), y("div", {
                   key: B,
                   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: R(B)
                   }, _(E(B)), 9, Qa),
-                  p("dd", {
+                  b("dd", {
                     class: j(["min-w-0 flex-1 whitespace-pre-line break-words", F(B) ? "text-content-strong" : "text-content-disabled"])
-                  }, _(F(B) ? I(B) : s(n)("core.state.no_value")), 3)
+                  }, _(F(B) ? I(B) : s(o)("core.state.no_value")), 3)
                 ]))), 128))
               ])) : T("", !0)
             ], 64)) : T("", !0)
@@ -1140,10 +1140,10 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
         ]),
         key: "0"
       } : void 0,
-      v.$slots.trailing ? {
+      p.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
-          C(v.$slots, "trailing")
+        fn: v(() => [
+          C(p.$slots, "trailing")
         ]),
         key: "1"
       } : void 0
@@ -1168,42 +1168,42 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     blankZero: { type: Boolean },
     negative: { type: Boolean },
     width: {}
-  }, { ...me, modelValue: void 0, decimals: 2, blankZero: !1, negative: !1, width: "sm" }),
+  }, { ...ve, modelValue: void 0, decimals: 2, blankZero: !1, negative: !1, width: "sm" }),
   emits: ["update:modelValue", "focus", "blur"],
-  setup(o, { expose: t, emit: e }) {
-    const a = o, n = e, l = U("field");
-    return t({ focus: () => l.value?.focus() }), (u, c) => (i(), O(jt, Q({
+  setup(l, { expose: t, emit: e }) {
+    const a = l, o = e, n = H("field");
+    return t({ focus: () => n.value?.focus() }), (d, i) => (u(), O(jt, Q({
       ref_key: "field",
-      ref: l,
+      ref: n,
       "model-value": a.modelValue,
-      "onUpdate:modelValue": c[0] || (c[0] = (b) => n("update:modelValue", b))
+      "onUpdate:modelValue": i[0] || (i[0] = (m) => o("update:modelValue", m))
     }, s(fe)(a), {
       decimals: a.decimals,
       negative: a.negative,
       "blank-zero": a.blankZero,
       suffix: a.currency,
       width: a.width,
-      onFocus: c[1] || (c[1] = (b) => n("focus", b)),
-      onBlur: c[2] || (c[2] = (b) => n("blur", b))
+      onFocus: i[1] || (i[1] = (m) => o("focus", m)),
+      onBlur: i[2] || (i[2] = (m) => o("blur", m))
     }), ee({ _: 2 }, [
-      u.$slots.trailing ? {
+      d.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
-          C(u.$slots, "trailing")
+        fn: v(() => [
+          C(d.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
-      u.$slots.labelTrailing ? {
+      d.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
-          C(u.$slots, "labelTrailing")
+        fn: v(() => [
+          C(d.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
-      u.$slots.readonly ? {
+      d.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
-          C(u.$slots, "readonly")
+        fn: v(() => [
+          C(d.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -1224,41 +1224,41 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     name: {},
     minYear: {},
     maxYear: {}
-  }, { ...me, minYear: 1970, maxYear: () => (/* @__PURE__ */ new Date()).getFullYear() + 1 }), {
+  }, { ...ve, minYear: 1970, maxYear: () => (/* @__PURE__ */ new Date()).getFullYear() + 1 }), {
     month: { default: null },
     monthModifiers: {},
     year: { default: null },
     yearModifiers: {}
   }),
   emits: ["update:month", "update:year"],
-  setup(o) {
-    const t = o, e = ie(o, "month"), a = ie(o, "year"), { t: n } = oe(), l = k(() => e.value !== null && e.value >= 1 && e.value <= 12), u = (w, x) => n(`core.form.months.${x}.${w}`), c = k(() => l.value && a.value !== null ? n("core.form.months.with_year", { month: u(e.value, "long"), year: a.value }) : a.value !== null ? String(a.value) : l.value ? u(e.value, "long") : "");
-    function b(w, x) {
-      e.value = w.month, a.value = w.year, x();
+  setup(l) {
+    const t = l, e = ie(l, "month"), a = ie(l, "year"), { t: o } = oe(), n = k(() => e.value !== null && e.value >= 1 && e.value <= 12), d = (x, w) => o(`core.form.months.${w}.${x}`), i = k(() => n.value && a.value !== null ? o("core.form.months.with_year", { month: d(e.value, "long"), year: a.value }) : a.value !== null ? String(a.value) : n.value ? d(e.value, "long") : "");
+    function m(x, w) {
+      e.value = x.month, a.value = x.year, w();
     }
-    function h(w) {
-      e.value = null, a.value = null, w();
+    function h(x) {
+      e.value = null, a.value = null, x();
     }
-    return (w, x) => (i(), O(ye, Q(s(fe)(t), {
-      value: c.value || null
+    return (x, w) => (u(), O(ye, Q(s(fe)(t), {
+      value: i.value || null
     }), ee({
-      default: m(({ id: r, describedby: f, invalid: g }) => [
+      default: v(({ id: r, describedby: f, invalid: g }) => [
         M(Pe, {
-          label: t.label ?? c.value,
+          label: t.label ?? i.value,
           width: "sm",
           placement: "bottom-start",
           arrow: !1
         }, {
-          trigger: m(({ toggle: S, presented: z }) => [
+          trigger: v(({ toggle: S, presented: z }) => [
             M(ot, Q({ id: r, "aria-describedby": f }, {
               expanded: z,
               disabled: t.disabled,
               invalid: g,
               onClick: S
             }), {
-              default: m(() => [
-                c.value ? (i(), y(ue, { key: 0 }, [
-                  Y(_(c.value), 1),
+              default: v(() => [
+                i.value ? (u(), y(ue, { key: 0 }, [
+                  Y(_(i.value), 1),
                   M(s(te), {
                     name: "calendarLine",
                     size: 16,
@@ -1269,21 +1269,21 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
               _: 1
             }, 16, ["expanded", "disabled", "invalid", "onClick"])
           ]),
-          default: m(({ dismiss: S }) => [
-            p("div", el, [
+          default: v(({ dismiss: S }) => [
+            b("div", el, [
               M(Bt, {
                 month: e.value,
                 year: a.value,
                 "min-year": t.minYear,
                 "max-year": t.maxYear,
-                onPick: (z) => b(z, S)
+                onPick: (z) => m(z, S)
               }, null, 8, ["month", "year", "min-year", "max-year", "onPick"]),
-              l.value || a.value !== null ? (i(), y("button", {
+              n.value || a.value !== null ? (u(), y("button", {
                 key: 0,
                 type: "button",
                 class: "cursor-pointer self-start rounded-control px-1 text-footnote text-content-link",
                 onClick: (z) => h(S)
-              }, _(s(n)("core.form.select.clear")), 9, tl)) : T("", !0)
+              }, _(s(o)("core.form.select.clear")), 9, tl)) : T("", !0)
             ])
           ]),
           _: 2
@@ -1291,24 +1291,24 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
       ]),
       _: 2
     }, [
-      w.$slots.trailing ? {
+      x.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
-          C(w.$slots, "trailing")
+        fn: v(() => [
+          C(x.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
-      w.$slots.labelTrailing ? {
+      x.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
-          C(w.$slots, "labelTrailing")
+        fn: v(() => [
+          C(x.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
-      w.$slots.readonly ? {
+      x.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
-          C(w.$slots, "readonly")
+        fn: v(() => [
+          C(x.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
@@ -1331,41 +1331,41 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     selected: {},
     placeholder: {},
     searchFrom: {}
-  }, { ...me, selected: () => [], placeholder: void 0, searchFrom: 9 }), {
+  }, { ...ve, selected: () => [], placeholder: void 0, searchFrom: 9 }), {
     modelValue: { default: () => [] },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const t = o, e = ie(o, "modelValue"), { t: a } = oe(), n = Ne(), l = U("sheet"), u = N(!1), c = It(() => t.options, (r) => {
+  setup(l) {
+    const t = l, e = ie(l, "modelValue"), { t: a } = oe(), o = Ne(), n = H("sheet"), d = N(!1), i = It(() => t.options, (r) => {
       const f = e.value.filter((g) => r.some((S) => S.value === g));
       f.length !== e.value.length && (e.value = f);
-    }), b = k(() => e.value.flatMap((r) => {
-      const f = c.known.value.find((g) => g.value === r) ?? t.selected.find((g) => g.value === r);
+    }), m = k(() => e.value.flatMap((r) => {
+      const f = i.known.value.find((g) => g.value === r) ?? t.selected.find((g) => g.value === r);
       return f ? [f] : [];
     })), h = k(() => t.placeholder ?? a("core.form.select.choose"));
-    function w(r) {
+    function x(r) {
       r !== null && (e.value = e.value.includes(r) ? e.value.filter((f) => f !== r) : [...e.value, r]);
     }
-    const x = (r) => e.value = e.value.filter((f) => f !== r);
-    return (r, f) => (i(), O(ye, Q(s(fe)(t), {
-      value: b.value.length ? b.value.map((g) => g.label).join(", ") : null,
+    const w = (r) => e.value = e.value.filter((f) => f !== r);
+    return (r, f) => (u(), O(ye, Q(s(fe)(t), {
+      value: m.value.length ? m.value.map((g) => g.label).join(", ") : null,
       "row-layout": "stacked"
     }), ee({
-      default: m(({ id: g, describedby: S, invalid: z }) => [
-        p("div", al, [
-          (i(!0), y(ue, null, xe(b.value, ($) => (i(), y("span", {
+      default: v(({ id: g, describedby: S, invalid: z }) => [
+        b("div", al, [
+          (u(!0), y(ue, null, we(m.value, ($) => (u(), y("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", ll, _($.label), 1),
-            p("button", {
+            b("span", ll, _($.label), 1),
+            b("button", {
               type: "button",
               disabled: t.disabled,
               "aria-label": `${s(a)("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: (I) => x($.value)
+              onClick: (I) => w($.value)
             }, [
               M(s(te), {
                 name: "close",
@@ -1373,27 +1373,27 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
               })
             ], 8, ol)
           ]))), 128)),
-          s(n) ? (i(), y("button", {
+          s(o) ? (u(), y("button", {
             key: 0,
             id: g,
             type: "button",
             disabled: t.disabled,
             "aria-haspopup": "dialog",
-            "aria-expanded": u.value,
+            "aria-expanded": d.value,
             "aria-invalid": z || void 0,
             "aria-describedby": S,
-            "aria-busy": s(c).loading.value || void 0,
+            "aria-busy": s(i).loading.value || void 0,
             class: j(Xe),
-            onClick: f[0] || (f[0] = ($) => l.value?.present())
+            onClick: f[0] || (f[0] = ($) => n.value?.present())
           }, [
-            s(c).loading.value ? (i(), O(s(te), {
+            s(i).loading.value ? (u(), O(s(te), {
               key: 0,
               name: "loader4Line",
               size: 14,
               class: "shrink-0 animate-spin"
             })) : T("", !0),
-            Y(" " + _(b.value.length ? s(a)("core.actions.edit") : h.value), 1)
-          ], 8, nl)) : (i(), O(Pe, {
+            Y(" " + _(m.value.length ? s(a)("core.actions.edit") : h.value), 1)
+          ], 8, nl)) : (u(), O(Pe, {
             key: 1,
             label: t.label ?? h.value,
             width: "lg",
@@ -1401,8 +1401,8 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
             placement: "bottom-start",
             arrow: !1
           }, {
-            trigger: m(({ toggle: $, attrs: I }) => [
-              p("button", Q({
+            trigger: v(({ toggle: $, attrs: I }) => [
+              b("button", Q({
                 id: g,
                 type: "button"
               }, I, {
@@ -1410,34 +1410,34 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
                 disabled: t.disabled,
                 "aria-invalid": z || void 0,
                 "aria-describedby": S,
-                "aria-busy": s(c).loading.value || void 0,
+                "aria-busy": s(i).loading.value || void 0,
                 class: Xe,
                 onClick: $
               }), [
-                s(c).loading.value ? (i(), O(s(te), {
+                s(i).loading.value ? (u(), O(s(te), {
                   key: 0,
                   name: "loader4Line",
                   size: 14,
                   class: "shrink-0 animate-spin"
                 })) : T("", !0),
-                Y(" " + _(b.value.length ? s(a)("core.actions.edit") : h.value), 1)
+                Y(" " + _(m.value.length ? s(a)("core.actions.edit") : h.value), 1)
               ], 16, sl)
             ]),
-            default: m(() => [
-              p("div", rl, [
+            default: v(() => [
+              b("div", rl, [
                 M(We, {
-                  options: s(c).rows.value,
-                  status: s(c).status.value,
+                  options: s(i).rows.value,
+                  status: s(i).status.value,
                   "model-value": e.value,
                   multiple: "",
                   "search-from": t.searchFrom,
                   presentation: "plain",
-                  onSelect: w,
-                  onRetry: f[1] || (f[1] = ($) => s(c).reload())
+                  onSelect: x,
+                  onRetry: f[1] || (f[1] = ($) => s(i).reload())
                 }, ee({ _: 2 }, [
                   r.$slots.option ? {
                     name: "option",
-                    fn: m(($) => [
+                    fn: v(($) => [
                       C(r.$slots, "option", Ve(qe($)))
                     ]),
                     key: "0"
@@ -1448,51 +1448,51 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
             _: 2
           }, 1032, ["label"]))
         ]),
-        s(n) ? (i(), O(Et, {
+        s(o) ? (u(), O(Et, {
           key: 0,
           ref_key: "sheet",
-          ref: l,
+          ref: n,
           title: t.label ?? h.value,
           grouped: "",
-          onPresented: f[5] || (f[5] = ($) => u.value = !0),
-          onDismissed: f[6] || (f[6] = ($) => u.value = !1)
+          onPresented: f[5] || (f[5] = ($) => d.value = !0),
+          onDismissed: f[6] || (f[6] = ($) => d.value = !1)
         }, {
-          footer: m(() => [
-            p("div", il, [
+          footer: v(() => [
+            b("div", il, [
               M(ge, {
                 prominence: "plain",
                 disabled: e.value.length === 0,
                 onClick: f[3] || (f[3] = ($) => e.value = [])
               }, {
-                default: m(() => [
+                default: v(() => [
                   Y(_(s(a)("core.form.select.clear")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"]),
               M(ge, {
                 prominence: "primary",
-                onClick: f[4] || (f[4] = ($) => l.value?.dismiss())
+                onClick: f[4] || (f[4] = ($) => n.value?.dismiss())
               }, {
-                default: m(() => [
+                default: v(() => [
                   Y(_(s(a)("core.form.select.done")), 1)
                 ]),
                 _: 1
               })
             ])
           ]),
-          default: m(() => [
+          default: v(() => [
             M(We, {
-              options: s(c).rows.value,
-              status: s(c).status.value,
+              options: s(i).rows.value,
+              status: s(i).status.value,
               "model-value": e.value,
               multiple: "",
               "search-from": t.searchFrom,
-              onSelect: w,
-              onRetry: f[2] || (f[2] = ($) => s(c).reload())
+              onSelect: x,
+              onRetry: f[2] || (f[2] = ($) => s(i).reload())
             }, ee({ _: 2 }, [
               r.$slots.option ? {
                 name: "option",
-                fn: m(($) => [
+                fn: v(($) => [
                   C(r.$slots, "option", Ve(qe($)))
                 ]),
                 key: "0"
@@ -1506,28 +1506,28 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     }, [
       r.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       r.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "labelTrailing")
         ]),
         key: "1"
       } : void 0,
       r.$slots.readonly ? {
         name: "readonly",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "readonly")
         ]),
         key: "2"
       } : void 0
     ]), 1040, ["value"]));
   }
-}), ul = ["aria-label"], dl = ["src"], cl = { class: "flex flex-wrap items-center gap-3" }, fl = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], ml = ["aria-label"], vl = ["src"], Vo = /* @__PURE__ */ P({
+}), ul = ["aria-label"], dl = ["src"], cl = { class: "flex flex-wrap items-center gap-3" }, fl = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], vl = ["aria-label"], ml = ["src"], Vo = /* @__PURE__ */ P({
   __name: "PhotoField",
   props: /* @__PURE__ */ se(/* @__PURE__ */ ce({
     label: {},
@@ -1542,35 +1542,35 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     name: {},
     accept: {},
     maxSize: {}
-  }, { ...me, accept: () => ["image/jpeg", "image/png", "image/webp", "image/gif"], maxSize: 5 * 1024 * 1024 }), {
+  }, { ...ve, 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 = ie(o, "modelValue"), { t: a } = oe(), n = U("chooser"), l = N(null), u = N(null);
-    function c() {
-      u.value && URL.revokeObjectURL(u.value), u.value = null;
+  setup(l) {
+    const t = l, e = ie(l, "modelValue"), { t: a } = oe(), o = H("chooser"), n = N(null), d = N(null);
+    function i() {
+      d.value && URL.revokeObjectURL(d.value), d.value = null;
     }
     de(
       e,
       (r) => {
-        c(), r instanceof File && (u.value = URL.createObjectURL(r)), r === null && n.value && (n.value.value = "");
+        i(), r instanceof File && (d.value = URL.createObjectURL(r)), r === null && o.value && (o.value.value = "");
       },
       { immediate: !0 }
-    ), Ee(c);
-    const b = k(() => e.value instanceof File ? u.value : e.value), h = U("viewer"), w = k(() => 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) {
+    ), Ee(i);
+    const m = k(() => e.value instanceof File ? d.value : e.value), h = H("viewer"), x = k(() => m.value ? [{ src: m.value, alt: t.label ?? a("core.viewer.label"), downloadName: e.value instanceof File ? e.value.name : void 0 }] : []);
+    function w(r) {
       if (!r) return;
       const f = nt(r, { accept: t.accept, maxSize: t.maxSize });
-      f ? l.value = f === "invalid_type" ? a("core.form.file.invalid_type") : a("core.form.file.too_large", { size: Be(t.maxSize) }) : (l.value = null, e.value = r);
+      f ? n.value = f === "invalid_type" ? a("core.form.file.invalid_type") : a("core.form.file.too_large", { size: Be(t.maxSize) }) : (n.value = null, e.value = r);
     }
-    return (r, f) => (i(), O(ye, Q({ ...s(fe)(t), error: l.value ?? t.error }, {
-      value: b.value ? s(a)("core.form.file.choose") : null,
+    return (r, f) => (u(), O(ye, Q({ ...s(fe)(t), error: n.value ?? t.error }, {
+      value: m.value ? s(a)("core.form.file.choose") : null,
       "row-layout": "stacked"
     }), ee({
-      readonly: m(() => [
-        b.value ? (i(), y("button", {
+      readonly: v(() => [
+        m.value ? (u(), y("button", {
           key: 0,
           type: "button",
           "aria-label": s(a)("core.viewer.open"),
@@ -1578,25 +1578,25 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
           class: "block cursor-zoom-in rounded-group focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
           onClick: f[0] || (f[0] = (g) => h.value?.present(0))
         }, [
-          p("img", {
-            src: b.value,
+          b("img", {
+            src: m.value,
             alt: "",
             class: "size-40 rounded-group object-cover"
           }, null, 8, dl)
         ], 8, ul)) : T("", !0),
-        b.value ? (i(), O(Je, {
+        m.value ? (u(), O(Je, {
           key: 1,
           ref_key: "viewer",
           ref: h,
-          items: w.value
+          items: x.value
         }, null, 8, ["items"])) : T("", !0)
       ]),
-      default: m(({ id: g, describedby: S, invalid: z }) => [
-        p("div", cl, [
-          p("input", {
+      default: v(({ id: g, describedby: S, invalid: z }) => [
+        b("div", cl, [
+          b("input", {
             id: g,
             ref_key: "chooser",
-            ref: n,
+            ref: o,
             type: "file",
             class: "sr-only",
             tabindex: "-1",
@@ -1604,9 +1604,9 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
             disabled: t.disabled,
             "aria-describedby": S,
             "aria-invalid": z || void 0,
-            onChange: f[1] || (f[1] = ($) => x($.target.files?.[0]))
+            onChange: f[1] || (f[1] = ($) => w($.target.files?.[0]))
           }, null, 40, fl),
-          b.value ? (i(), y("button", {
+          m.value ? (u(), y("button", {
             key: 0,
             type: "button",
             "aria-label": s(a)("core.viewer.open"),
@@ -1614,56 +1614,56 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
             class: "block cursor-zoom-in rounded-group focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus",
             onClick: f[2] || (f[2] = ($) => h.value?.present(0))
           }, [
-            p("img", {
-              src: b.value,
+            b("img", {
+              src: m.value,
               alt: "",
               "data-test": "photo-preview",
               class: "size-28 rounded-group object-cover"
-            }, null, 8, vl)
-          ], 8, ml)) : T("", !0),
+            }, null, 8, ml)
+          ], 8, vl)) : T("", !0),
           M(ge, {
             disabled: t.disabled,
-            onClick: f[3] || (f[3] = ($) => n.value?.click())
+            onClick: f[3] || (f[3] = ($) => o.value?.click())
           }, {
-            default: m(() => [
+            default: v(() => [
               Y(_(s(a)("core.form.file.choose")), 1)
             ]),
             _: 1
           }, 8, ["disabled"]),
-          b.value ? (i(), O(ge, {
+          m.value ? (u(), O(ge, {
             key: 1,
             prominence: "plain",
             tone: "critical",
             disabled: t.disabled,
             onClick: f[4] || (f[4] = ($) => {
-              e.value = null, l.value = null;
+              e.value = null, n.value = null;
             })
           }, {
-            default: m(() => [
+            default: v(() => [
               Y(_(s(a)("core.form.file.remove")), 1)
             ]),
             _: 1
           }, 8, ["disabled"])) : T("", !0)
         ]),
-        b.value ? (i(), O(Je, {
+        m.value ? (u(), O(Je, {
           key: 0,
           ref_key: "viewer",
           ref: h,
-          items: w.value
+          items: x.value
         }, null, 8, ["items"])) : T("", !0)
       ]),
       _: 2
     }, [
       r.$slots.trailing ? {
         name: "trailing",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "trailing")
         ]),
         key: "0"
       } : void 0,
       r.$slots.labelTrailing ? {
         name: "labelTrailing",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "labelTrailing")
         ]),
         key: "1"
@@ -1682,67 +1682,67 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     fieldLabel: { type: Function, default: void 0 }
   },
   emits: ["saved"],
-  setup(o, { emit: t }) {
-    const e = o, a = t, { t: n } = oe(), l = U("modal"), u = U("body"), c = N(!1);
-    let b = null;
-    de(() => e.sheet.open.value, (x) => {
-      x ? (c.value = !1, l.value?.present()) : l.value?.dismiss();
+  setup(l, { emit: t }) {
+    const e = l, a = t, { t: o } = oe(), n = H("modal"), d = H("body"), i = N(!1);
+    let m = null;
+    de(() => e.sheet.open.value, (w) => {
+      w ? (i.value = !1, n.value?.present()) : n.value?.dismiss();
     }), rt(() => {
-      e.sheet.open.value && l.value?.present();
+      e.sheet.open.value && n.value?.present();
     }), Ee(() => {
-      b && clearTimeout(b);
+      m && clearTimeout(m);
     });
     async function h() {
-      await e.sheet.save() && (c.value = !0, a("saved"), b = setTimeout(() => e.sheet.dismiss(), Nt));
+      await e.sheet.save() && (i.value = !0, a("saved"), m = setTimeout(() => e.sheet.dismiss(), Nt));
     }
-    const w = k(() => e.sheet.saving.value ? "processing" : c.value ? "done" : "idle");
-    return (x, r) => (i(), O(Gt, {
+    const x = k(() => e.sheet.saving.value ? "processing" : i.value ? "done" : "idle");
+    return (w, r) => (u(), O(Gt, {
       ref_key: "modal",
-      ref: l,
+      ref: n,
       size: e.size,
       grouped: "",
       title: e.title,
       subtitle: e.subtitle,
       "before-dismiss": e.sheet.beforeDismiss,
-      "primary-label": e.editable ? s(n)("core.actions.save") : void 0,
-      status: w.value,
-      "processing-label": s(n)("core.actions.saving"),
-      "done-label": s(n)("core.actions.saved"),
+      "primary-label": e.editable ? s(o)("core.actions.save") : void 0,
+      status: x.value,
+      "processing-label": s(o)("core.actions.saving"),
+      "done-label": s(o)("core.actions.saved"),
       onPrimary: h,
       onDismissed: r[0] || (r[0] = (f) => e.sheet.closed())
     }, {
-      default: m(() => [
-        p("div", {
+      default: v(() => [
+        b("div", {
           ref_key: "body",
-          ref: u,
+          ref: d,
           class: "flex min-w-0 flex-col gap-group-gap"
         }, [
-          e.sheet.notice.value ? (i(), O(Ze, {
+          e.sheet.notice.value ? (u(), O(Ze, {
             key: 0,
             tone: "warning",
             "data-test": "group-sheet-notice"
           }, {
-            default: m(() => [
-              p("p", pl, _(e.sheet.notice.value), 1)
+            default: v(() => [
+              b("p", pl, _(e.sheet.notice.value), 1)
             ]),
             _: 1
           })) : T("", !0),
-          e.sheet.foreignGroups.value.length ? (i(), O(Ze, {
+          e.sheet.foreignGroups.value.length ? (u(), O(Ze, {
             key: 1,
             tone: "warning",
             "data-test": "group-sheet-foreign"
           }, {
-            default: m(() => [
-              p("p", bl, _(s(n)("core.form.group.foreign", { groups: e.sheet.foreignGroups.value.map(e.groupLabel).join(", ") })), 1)
+            default: v(() => [
+              b("p", bl, _(s(o)("core.form.group.foreign", { groups: e.sheet.foreignGroups.value.map(e.groupLabel).join(", ") })), 1)
             ]),
             _: 1
           })) : T("", !0),
           M(Me, {
             form: e.sheet.form,
             label: e.fieldLabel,
-            scope: u.value
+            scope: d.value
           }, null, 8, ["form", "label", "scope"]),
-          C(x.$slots, "default")
+          C(w.$slots, "default")
         ], 512)
       ]),
       _: 3
@@ -1754,9 +1754,9 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     only: {},
     editable: { type: Boolean }
   },
-  setup(o) {
-    const t = o;
-    return Re(Rt, { only: it(t, "only") }), Re(bt, k(() => t.editable)), (e, a) => (i(), y("div", {
+  setup(l) {
+    const t = l;
+    return Re(Rt, { only: it(t, "only") }), Re(bt, k(() => t.editable)), (e, a) => (u(), y("div", {
       class: "flex min-w-0 flex-col gap-group-gap",
       "data-test": "record-group-scope",
       "data-group": t.only
@@ -1765,51 +1765,51 @@ const Ea = ["id", "aria-labelledby"], Ia = ["id", "value", "lang", "name", "rows
     ], 8, gl));
   }
 });
-function Oo(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 = () => Oe(o.restore) ?? e(), n = N(!1), l = N(!1), u = N([]), c = N(null), b = Le({});
+function Oo(l) {
+  const { form: t } = l;
+  if (l.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 l.fields == "function" ? l.fields() : l.fields, a = () => Oe(l.restore) ?? e(), o = N(!1), n = N(!1), d = N([]), i = N(null), m = Le({});
   let h = {};
-  const w = (F) => Object.fromEntries(F.map((E) => [E, Se(t.values[E])])), x = k(() => n.value && !He(w(a()), b.value)), { confirmDiscard: r } = Ie(() => x.value);
+  const x = (F) => Object.fromEntries(F.map((E) => [E, Se(t.values[E])])), w = k(() => o.value && !He(x(a()), m.value)), { confirmDiscard: r } = Ie(() => w.value);
   function f() {
-    h = w(a()), b.value = Se(h);
+    h = x(a()), m.value = Se(h);
   }
   function g() {
-    f(), u.value = [], c.value = null, t.dismissFailure(), n.value = !0;
+    f(), d.value = [], i.value = null, t.dismissFailure(), o.value = !0;
   }
   function S() {
-    if (n.value) {
-      x.value && Object.assign(t.values, Se(h));
+    if (o.value) {
+      w.value && Object.assign(t.values, Se(h));
       for (const F of e()) t.errors.clear(F);
-      t.dismissFailure(), n.value = !1;
+      t.dismissFailure(), o.value = !1;
     }
   }
   function z(F) {
-    const E = new Set(e()), R = Oe(o.group), Z = /* @__PURE__ */ new Set();
+    const E = new Set(e()), R = Oe(l.group), Z = /* @__PURE__ */ new Set();
     for (const W of Object.keys(F.all())) {
       const J = et(W);
       if (E.has(J)) continue;
-      const ae = o.groupOf?.(J) ?? o.fallbackGroup;
+      const ae = l.groupOf?.(J) ?? l.fallbackGroup;
       ae && ae !== R && Z.add(ae);
     }
-    u.value = [...Z];
+    d.value = [...Z];
   }
   async function $(F) {
-    const E = Se(w(e().filter((R) => !He(t.values[R], b.value[R]))));
+    const E = Se(x(e().filter((R) => !He(t.values[R], m.value[R]))));
     try {
       await F.reload();
     } catch {
       return;
     }
-    t.rebase?.() && (f(), Object.assign(t.values, E), c.value = F.message());
+    t.rebase?.() && (f(), Object.assign(t.values, E), i.value = F.message());
   }
   async function I() {
-    if (l.value) return !1;
-    l.value = !0, u.value = [], c.value = null;
+    if (n.value) return !1;
+    n.value = !0, d.value = [], i.value = null;
     try {
-      const F = o.onSaved ? () => o.onSaved?.() : void 0;
+      const F = l.onSaved ? () => l.onSaved?.() : void 0;
       let E;
-      if (o.save) E = await t.submitFields(e(), o.save, { refresh: F });
+      if (l.save) E = await t.submitFields(e(), l.save, { refresh: F });
       else if (t.save) E = await t.save({ refresh: F });
       else throw new Error("useGroupSheet: the form has no full-record save(), so give the sheet its own `save` for a dedicated endpoint.");
       switch (E.status) {
@@ -1820,23 +1820,23 @@ function Oo(o) {
         case "aborted":
           return !1;
         case "failed":
-          return E.failure.kind === "conflict" && o.rebase ? await $(o.rebase) : z(t.errors), !1;
+          return E.failure.kind === "conflict" && l.rebase ? await $(l.rebase) : z(t.errors), !1;
       }
     } finally {
-      l.value = !1;
+      n.value = !1;
     }
   }
   return {
-    open: n,
-    saving: l,
-    dirty: x,
-    foreignGroups: u,
-    notice: c,
+    open: o,
+    saving: n,
+    dirty: w,
+    foreignGroups: d,
+    notice: i,
     failure: t.failure,
     form: t,
     present: g,
     dismiss: () => {
-      n.value = !1;
+      o.value = !1;
     },
     save: I,
     beforeDismiss: r,
@@ -1848,45 +1848,45 @@ const yl = { hidden: "" }, hl = /* @__PURE__ */ P({
   props: {
     options: {}
   },
-  setup(o) {
-    return Yt(o.options), (e, a) => (i(), y("span", yl));
+  setup(l) {
+    return Yt(l.options), (e, a) => (u(), y("span", yl));
   }
 });
-function kl(o) {
+function kl(l) {
   const t = N(0);
   let e = 0;
   const a = () => {
     e || (e = requestAnimationFrame(() => {
       e = 0, t.value++;
     }));
-  }, n = typeof MutationObserver > "u" ? null : new MutationObserver(a);
+  }, o = typeof MutationObserver > "u" ? null : new MutationObserver(a);
   de(
-    () => o.sections.value,
-    (c) => {
-      n?.disconnect();
-      for (const b of c)
-        n?.observe(b.element, { subtree: !0, childList: !0, attributes: !0, attributeFilter: ["data-field-error", "data-field-required", "data-field-filled"] });
+    () => l.sections.value,
+    (i) => {
+      o?.disconnect();
+      for (const m of i)
+        o?.observe(m.element, { subtree: !0, childList: !0, attributes: !0, attributeFilter: ["data-field-error", "data-field-required", "data-field-filled"] });
       a();
     },
     { immediate: !0 }
   ), ut() && dt(() => {
-    n?.disconnect(), e && cancelAnimationFrame(e);
+    o?.disconnect(), e && cancelAnimationFrame(e);
   });
-  const l = k(() => (t.value, Object.fromEntries(
-    o.sections.value.map((c) => [
-      c.id,
+  const n = k(() => (t.value, Object.fromEntries(
+    l.sections.value.map((i) => [
+      i.id,
       {
-        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 }
+        errors: i.element.querySelectorAll("[data-field-error]").length,
+        required: { total: i.element.querySelectorAll("[data-field-required]").length, filled: i.element.querySelectorAll("[data-field-required][data-field-filled]").length }
       }
     ])
-  ))), u = k(() => Object.values(l.value).reduce((c, b) => ({ filled: c.filled + b.required.filled, total: c.total + b.required.total }), { filled: 0, total: 0 }));
-  return { states: l, totals: u };
+  ))), d = k(() => Object.values(n.value).reduce((i, m) => ({ filled: i.filled + m.required.filled, total: i.total + m.required.total }), { filled: 0, total: 0 }));
+  return { states: n, totals: d };
 }
-const xl = {
+const wl = {
   class: "grid min-w-0 grid-cols-1 items-start gap-8 lg:grid-cols-[12.5rem_minmax(0,1fr)]",
   "data-test": "editor-page"
-}, wl = {
+}, xl = {
   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"
 }, Mo = /* @__PURE__ */ P({
@@ -1900,11 +1900,11 @@ const xl = {
     fieldLabel: { type: Function, default: void 0 }
   },
   emits: ["save", "cancel"],
-  setup(o, { emit: t }) {
-    const e = o, a = t, { t: n } = oe(), l = Ne(), u = Ut(), { states: c, totals: b } = kl(u), h = U("content"), w = k(
+  setup(l, { emit: t }) {
+    const e = l, a = t, { t: o } = oe(), n = Ne(), d = Ut(), { states: i, totals: m } = kl(d), h = H("content"), x = k(
       () => e.form ? {
         form: e.form,
-        label: () => e.saveLabel ?? n("core.actions.save"),
+        label: () => e.saveLabel ?? o("core.actions.save"),
         allowed: () => e.canSave,
         disabledWhileClean: !1,
         // a create page: an untouched form is submitted to learn what is missing
@@ -1919,39 +1919,39 @@ const xl = {
     de(
       () => e.form?.failure.value,
       async (r) => {
-        r?.kind === "invalid" && (await he(), await De(h.value ?? document, u));
+        r?.kind === "invalid" && (await he(), await De(h.value ?? document, d));
       }
     );
-    function x(r) {
-      const f = u.sections.value.find((g) => g.id === r)?.element;
+    function w(r) {
+      const f = d.sections.value.find((g) => g.id === r)?.element;
       f && he(() => De(f));
     }
-    return (r, f) => (i(), O(Kt, {
+    return (r, f) => (u(), O(Kt, {
       title: e.title,
       back: e.back,
       width: "content"
     }, ee({
-      default: m(() => [
-        w.value ? (i(), O(hl, {
+      default: v(() => [
+        x.value ? (u(), O(hl, {
           key: 0,
-          options: w.value
+          options: x.value
         }, null, 8, ["options"])) : T("", !0),
-        p("div", xl, [
-          s(l) ? T("", !0) : (i(), y("aside", wl, [
+        b("div", wl, [
+          s(n) ? T("", !0) : (u(), y("aside", xl, [
             M(At, {
               standalone: "",
-              states: s(c),
-              progress: s(b),
-              onSelect: x
+              states: s(i),
+              progress: s(m),
+              onSelect: w
             }, null, 8, ["states", "progress"]),
             C(r.$slots, "aside")
           ])),
-          p("div", {
+          b("div", {
             ref_key: "content",
             ref: h,
             class: "flex min-w-0 flex-col gap-section-gap"
           }, [
-            e.form ? (i(), O(Me, {
+            e.form ? (u(), O(Me, {
               key: 0,
               form: e.form,
               label: e.fieldLabel,
@@ -1960,37 +1960,37 @@ const xl = {
             C(r.$slots, "default")
           ], 512)
         ]),
-        s(l) ? (i(), O(Ht, {
+        s(n) ? (u(), O(Ht, {
           key: 1,
-          states: s(c)
+          states: s(i)
         }, null, 8, ["states"])) : T("", !0)
       ]),
       _: 2
     }, [
       r.$slots.header ? {
         name: "header",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "header")
         ]),
         key: "0"
       } : void 0,
       r.$slots.pager ? {
         name: "pager",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "pager")
         ]),
         key: "1"
       } : void 0,
       r.$slots.notices ? {
         name: "notices",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "notices")
         ]),
         key: "2"
       } : void 0,
       r.$slots.bottom ? {
         name: "bottom",
-        fn: m(() => [
+        fn: v(() => [
           C(r.$slots, "bottom")
         ]),
         key: "3"
@@ -1998,17 +1998,17 @@ const xl = {
     ]), 1032, ["title", "back"]));
   }
 });
-function jo(o) {
+function jo(l) {
   const t = Le(null);
   let e = null;
   const a = st({
-    ...o,
-    done: o.done ? (n) => o.done?.(n, { editing: e }) : void 0,
-    run(n, l) {
-      const u = e = t.value;
-      if (u === null) return o.create(n, l);
-      if (!o.update) throw new Error("useRecordDialog: edit() needs an `update`.");
-      return o.update(u, n, l);
+    ...l,
+    done: l.done ? (o) => l.done?.(o, { editing: e }) : void 0,
+    run(o, n) {
+      const d = e = t.value;
+      if (d === null) return l.create(o, n);
+      if (!l.update) throw new Error("useRecordDialog: edit() needs an `update`.");
+      return l.update(d, o, n);
     }
   });
   return {
@@ -2018,8 +2018,8 @@ function jo(o) {
     create() {
       t.value = null, a.present();
     },
-    edit(n) {
-      t.value = n, a.present(o.toValues?.(n));
+    edit(o) {
+      t.value = o, a.present(l.toValues?.(o));
     }
   };
 }
@@ -2038,14 +2038,14 @@ const $l = ["value", "aria-label", "disabled", "aria-invalid", "placeholder"], E
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(o) {
-    const t = o, e = ie(o, "modelValue");
-    function a(l) {
-      const u = l.target.value.replace(/\D/g, "");
-      e.value = u === "" ? null : Math.min(t.max, Math.max(t.min, Number(u)));
+  setup(l) {
+    const t = l, e = ie(l, "modelValue");
+    function a(n) {
+      const d = n.target.value.replace(/\D/g, "");
+      e.value = d === "" ? null : Math.min(t.max, Math.max(t.min, Number(d)));
     }
-    const n = (l) => l.target.value = e.value === null ? "" : String(e.value);
-    return (l, u) => (i(), y("input", {
+    const o = (n) => n.target.value = e.value === null ? "" : String(e.value);
+    return (n, d) => (u(), y("input", {
       value: e.value ?? "",
       type: "text",
       inputmode: "numeric",
@@ -2056,151 +2056,151 @@ const $l = ["value", "aria-label", "disabled", "aria-invalid", "placeholder"], E
       placeholder: t.placeholder,
       class: j(["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,
-      onBlur: n
+      onBlur: o
     }, null, 42, $l));
   }
 }), Ke = "vue-core:step-draft:";
-function Ae(o) {
+function Ae(l) {
   try {
-    return (o.storage === "local" ? window.localStorage : window.sessionStorage) ?? null;
+    return (l.storage === "local" ? window.localStorage : window.sessionStorage) ?? null;
   } catch {
     return null;
   }
 }
-function _l(o) {
+function _l(l) {
   try {
-    const t = Ae(o)?.getItem(Ke + o.key);
+    const t = Ae(l)?.getItem(Ke + l.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;
+    return !e || e.version !== (l.version ?? 1) || typeof e.values != "object" || e.values === null || typeof e.step != "string" || !Array.isArray(e.passed) ? null : e;
   } catch {
     return null;
   }
 }
-function Sl(o, t) {
+function Sl(l, t) {
   try {
-    const e = Ae(o);
+    const e = Ae(l);
     if (!e) return !1;
-    const a = (n, l) => typeof Blob < "u" && l instanceof Blob ? null : l;
-    return e.setItem(Ke + o.key, JSON.stringify({ version: o.version ?? 1, ...t }, a)), !0;
+    const a = (o, n) => typeof Blob < "u" && n instanceof Blob ? null : n;
+    return e.setItem(Ke + l.key, JSON.stringify({ version: l.version ?? 1, ...t }, a)), !0;
   } catch {
     return !1;
   }
 }
-function Qe(o) {
+function Qe(l) {
   try {
-    Ae(o)?.removeItem(Ke + o.key);
+    Ae(l)?.removeItem(Ke + l.key);
   } catch {
   }
 }
-function Cl(o, t) {
-  for (const [e, a] of Object.entries(o)) {
+function Cl(l, t) {
+  for (const [e, a] of Object.entries(l)) {
     if (!(e in t)) continue;
-    const n = t[e];
-    (n === null || a === null || a === void 0 || typeof n == typeof a && Array.isArray(n) === Array.isArray(a)) && (o[e] = n);
+    const o = t[e];
+    (o === null || a === null || a === void 0 || typeof o == typeof a && Array.isArray(o) === Array.isArray(a)) && (l[e] = o);
   }
 }
-function Io(o, t) {
+function Io(l, t) {
   const { t: e } = oe(), a = k(() => Oe(t.steps));
   if (a.value.length === 0) throw new Error("useStepForm: a flow needs at least one step.");
-  const n = N(a.value[0].name), l = Ue(/* @__PURE__ */ new Set()), u = Ue(/* @__PURE__ */ new Set([a.value[0].name])), c = N(null), b = N(!1), h = N(0), w = N(!1), x = N(!1);
+  const o = N(a.value[0].name), n = Ue(/* @__PURE__ */ new Set()), d = Ue(/* @__PURE__ */ new Set([a.value[0].name])), i = N(null), m = N(!1), h = N(0), x = N(!1), w = N(!1);
   let r = !1, f = 0;
-  const g = k(() => Math.max(0, a.value.findIndex((d) => d.name === n.value))), S = (d) => d.fields?.filter((V) => o.errors.has(V)).length ?? 0, z = k(
-    () => a.value.map((d, V) => {
-      const v = S(d), q = V === g.value;
+  const g = k(() => Math.max(0, a.value.findIndex((c) => c.name === o.value))), S = (c) => c.fields?.filter((V) => l.errors.has(V)).length ?? 0, z = k(
+    () => a.value.map((c, V) => {
+      const p = S(c), q = V === g.value;
       return {
-        name: d.name,
-        label: d.label,
+        name: c.name,
+        label: c.label,
         position: V + 1,
-        state: q ? "current" : l.has(d.name) && v === 0 ? "done" : "todo",
-        errors: v,
-        reachable: !q && (u.has(d.name) || V < g.value)
+        state: q ? "current" : n.has(c.name) && p === 0 ? "done" : "todo",
+        errors: p,
+        reachable: !q && (d.has(c.name) || V < g.value)
       };
     })
-  ), $ = k(() => z.value[g.value]), I = k(() => z.value.length), F = k(() => g.value === 0), E = k(() => g.value === I.value - 1), R = k(() => b.value || o.submitting.value);
-  function Z(d) {
-    const V = a.value[d];
-    V && (c.value = d > g.value ? "forward" : "back", n.value = V.name, u.add(V.name), f = d, w.value = !1);
+  ), $ = k(() => z.value[g.value]), I = k(() => z.value.length), F = k(() => g.value === 0), E = k(() => g.value === I.value - 1), R = k(() => m.value || l.submitting.value);
+  function Z(c) {
+    const V = a.value[c];
+    V && (i.value = c > g.value ? "forward" : "back", o.value = V.name, d.add(V.name), f = c, x.value = !1);
   }
   de(
-    () => a.value.map((d) => d.name).join("\0"),
+    () => a.value.map((c) => c.name).join("\0"),
     () => {
-      const d = a.value, V = d.findIndex((q) => q.name === n.value), v = V === -1 ? Math.min(f, d.length - 1) : V;
-      n.value = d[v].name, f = v, d.forEach((q, B) => {
-        B > v && (l.delete(q.name), u.delete(q.name));
-      }), u.add(n.value);
-      for (const q of [l, u]) for (const B of [...q]) d.some((K) => K.name === B) || q.delete(B);
+      const c = a.value, V = c.findIndex((q) => q.name === o.value), p = V === -1 ? Math.min(f, c.length - 1) : V;
+      o.value = c[p].name, f = p, c.forEach((q, B) => {
+        B > p && (n.delete(q.name), d.delete(q.name));
+      }), d.add(o.value);
+      for (const q of [n, d]) for (const B of [...q]) c.some((K) => K.name === B) || q.delete(B);
     }
   );
-  function W(d) {
-    const V = d.fields;
+  function W(c) {
+    const V = c.fields;
     if (!V?.length) return !0;
-    const v = Object.entries(o.errors.all()).filter(([B]) => !V.includes(et(B))), q = o.check(d.fields);
-    return v.length > 0 && o.errors.set({ ...Object.fromEntries(v), ...o.errors.all() }), q;
+    const p = Object.entries(l.errors.all()).filter(([B]) => !V.includes(et(B))), q = l.check(c.fields);
+    return p.length > 0 && l.errors.set({ ...Object.fromEntries(p), ...l.errors.all() }), q;
   }
-  async function J(d) {
-    if (!W(d))
+  async function J(c) {
+    if (!W(c))
       return h.value++, !1;
-    if (!d.beforeNext) return !0;
-    b.value = !0;
+    if (!c.beforeNext) return !0;
+    m.value = !0;
     try {
-      if (await d.beforeNext()) return !0;
+      if (await c.beforeNext()) return !0;
     } finally {
-      b.value = !1;
+      m.value = !1;
     }
     return h.value++, !1;
   }
   async function ae() {
-    const d = await o.submit(t.submit, t.submitOptions);
-    if (d.status === "saved" || d.status === "saved-refresh-failed")
-      return r = !0, re(), t.onSaved?.(d.value), !0;
-    if (d.status === "failed" && (h.value++, $.value.errors === 0)) {
-      const V = z.value.findIndex((v) => v.errors > 0);
+    const c = await l.submit(t.submit, t.submitOptions);
+    if (c.status === "saved" || c.status === "saved-refresh-failed")
+      return r = !0, re(), t.onSaved?.(c.value), !0;
+    if (c.status === "failed" && (h.value++, $.value.errors === 0)) {
+      const V = z.value.findIndex((p) => p.errors > 0);
       V !== -1 && Z(V);
     }
     return !1;
   }
-  async function ve() {
+  async function me() {
     if (R.value) return !1;
-    const d = a.value[g.value];
-    return await J(d) ? (l.add(d.name), g.value < I.value - 1 ? (Z(g.value + 1), !0) : ae()) : !1;
+    const c = a.value[g.value];
+    return await J(c) ? (n.add(c.name), g.value < I.value - 1 ? (Z(g.value + 1), !0) : ae()) : !1;
   }
-  async function D(d) {
+  async function D(c) {
     if (R.value) return !1;
-    const V = a.value.findIndex((v) => v.name === d);
+    const V = a.value.findIndex((p) => p.name === c);
     if (V === -1) return !1;
     if (V <= g.value)
       return V < g.value && Z(V), !0;
-    if (!u.has(d)) return !1;
-    for (; g.value < V; ) if (!await ve()) return !1;
+    if (!d.has(c)) return !1;
+    for (; g.value < V; ) if (!await me()) return !1;
     return g.value === V;
   }
   const A = t.draft;
   let G;
   function ne() {
     if (G = void 0, !(!A || r)) {
-      if (!o.dirty.value) {
-        Qe(A), x.value = !1;
+      if (!l.dirty.value) {
+        Qe(A), w.value = !1;
         return;
       }
-      x.value = Sl(A, { values: Se(o.values), step: n.value, passed: [...l] });
+      w.value = Sl(A, { values: Se(l.values), step: o.value, passed: [...n] });
     }
   }
   function re() {
-    r = !0, clearTimeout(G), G = void 0, x.value = !1, A && Qe(A);
+    r = !0, clearTimeout(G), G = void 0, w.value = !1, A && Qe(A);
   }
   if (A) {
-    const d = _l(A);
-    if (d) {
-      Cl(o.values, d.values);
-      const V = a.value.map((v) => v.name);
-      V.includes(d.step) && (n.value = d.step);
-      for (const v of d.passed) V.includes(v) && l.add(v);
-      for (const v of [...l, n.value]) u.add(v);
-      f = g.value, w.value = o.dirty.value, x.value = w.value;
+    const c = _l(A);
+    if (c) {
+      Cl(l.values, c.values);
+      const V = a.value.map((p) => p.name);
+      V.includes(c.step) && (o.value = c.step);
+      for (const p of c.passed) V.includes(p) && n.add(p);
+      for (const p of [...n, o.value]) d.add(p);
+      f = g.value, x.value = l.dirty.value, w.value = x.value;
     }
     de(
-      [() => o.values, n, () => [...l].join("\0")],
+      [() => l.values, o, () => [...n].join("\0")],
       () => {
         r || (clearTimeout(G), G = setTimeout(ne, 400));
       },
@@ -2209,21 +2209,21 @@ function Io(o, t) {
       G !== void 0 && (clearTimeout(G), ne());
     });
   }
-  const { confirmDiscard: le } = Ie(() => !r && o.dirty.value);
+  const { confirmDiscard: le } = Ie(() => !r && l.dirty.value);
   tt(Wt, null) && Jt(() => (r || re(), !0));
   async function ke() {
-    const d = await le();
-    return d && re(), d;
+    const c = await le();
+    return c && re(), c;
   }
-  function we() {
-    o.reset(), l.clear(), u.clear(), c.value = null, n.value = a.value[0].name, u.add(n.value), f = 0, w.value = !1, re(), r = !1;
+  function xe() {
+    l.reset(), n.clear(), d.clear(), i.value = null, o.value = a.value[0].name, d.add(o.value), f = 0, x.value = !1, re(), r = !1;
   }
   const X = k(() => {
-    const d = [e("core.steps.position", { current: g.value + 1, total: I.value }), $.value.label];
-    return x.value && d.push(e("core.steps.draft_saved")), d.join(" · ");
+    const c = [e("core.steps.position", { current: g.value + 1, total: I.value }), $.value.label];
+    return w.value && c.push(e("core.steps.draft_saved")), c.join(" · ");
   }), pe = k(() => {
-    const d = a.value[g.value];
-    return d.nextLabel ? d.nextLabel : E.value ? t.submitLabel ?? e("core.actions.save") : e("core.steps.next_named", { step: a.value[g.value + 1].label });
+    const c = a.value[g.value];
+    return c.nextLabel ? c.nextLabel : E.value ? t.submitLabel ?? e("core.actions.save") : e("core.steps.next_named", { step: a.value[g.value + 1].label });
   }), L = k(() => F.value ? null : a.value[g.value - 1].label);
   return {
     steps: z,
@@ -2233,18 +2233,18 @@ function Io(o, t) {
     isFirst: F,
     isLast: E,
     busy: R,
-    direction: c,
+    direction: i,
     subtitle: X,
     nextLabel: pe,
     backLabel: L,
-    restored: w,
+    restored: x,
     refusals: h,
-    errors: o.errors,
-    failure: o.failure,
-    next: ve,
+    errors: l.errors,
+    failure: l.failure,
+    next: me,
     back: () => Z(g.value - 1),
     goTo: D,
-    restart: we,
+    restart: xe,
     confirmDiscard: ke,
     bindDialog: () => ({ subtitle: X.value, primaryLabel: pe.value, status: R.value ? "processing" : "idle", beforeDismiss: ke })
   };
@@ -2258,29 +2258,29 @@ const Fl = {
     flow: {}
   },
   emits: ["cancel"],
-  setup(o) {
-    const t = o, { t: e } = oe();
-    return (a, n) => (i(), y("div", Fl, [
-      t.flow.backLabel.value ? (i(), O(ge, {
+  setup(l) {
+    const t = l, { t: e } = oe();
+    return (a, o) => (u(), y("div", Fl, [
+      t.flow.backLabel.value ? (u(), O(ge, {
         key: 0,
         prominence: "plain",
         icon: "arrowLeftSLine",
         disabled: t.flow.busy.value,
         "data-test": "step-back",
-        onClick: n[0] || (n[0] = (l) => t.flow.back())
+        onClick: o[0] || (o[0] = (n) => t.flow.back())
       }, {
-        default: m(() => [
+        default: v(() => [
           Y(_(t.flow.backLabel.value), 1)
         ]),
         _: 1
       }, 8, ["disabled"])) : T("", !0),
-      n[3] || (n[3] = p("div", { class: "grow" }, null, -1)),
+      o[3] || (o[3] = b("div", { class: "grow" }, null, -1)),
       M(ge, {
         prominence: "plain",
         "data-test": "step-cancel",
-        onClick: n[1] || (n[1] = (l) => a.$emit("cancel"))
+        onClick: o[1] || (o[1] = (n) => a.$emit("cancel"))
       }, {
-        default: m(() => [
+        default: v(() => [
           Y(_(s(e)("core.actions.cancel")), 1)
         ]),
         _: 1
@@ -2289,9 +2289,9 @@ const Fl = {
         prominence: "primary",
         processing: t.flow.busy.value,
         "data-test": "step-next",
-        onClick: n[2] || (n[2] = (l) => t.flow.next())
+        onClick: o[2] || (o[2] = (n) => t.flow.next())
       }, {
-        default: m(() => [
+        default: v(() => [
           Y(_(t.flow.nextLabel.value), 1)
         ]),
         _: 1
@@ -2312,62 +2312,62 @@ const Fl = {
     flow: {},
     progress: { default: "bar" }
   },
-  setup(o) {
-    const t = o, { t: e } = oe();
-    return (a, n) => t.progress === "bar" ? (i(), y("ol", {
+  setup(l) {
+    const t = l, { t: e } = oe();
+    return (a, o) => t.progress === "bar" ? (u(), y("ol", {
       key: 0,
       "aria-label": s(e)("core.steps.label"),
       "data-test": "step-bar",
       class: "grid min-w-0 gap-2",
       style: ct({ gridTemplateColumns: `repeat(${t.flow.count.value}, minmax(0, 1fr))` })
     }, [
-      (i(!0), y(ue, null, xe(t.flow.steps.value, (l) => (i(), y("li", {
-        key: l.name,
+      (u(!0), y(ue, null, we(t.flow.steps.value, (n) => (u(), y("li", {
+        key: n.name,
         class: "flex min-w-0",
-        "aria-current": l.state === "current" ? "step" : void 0
+        "aria-current": n.state === "current" ? "step" : void 0
       }, [
-        (i(), O(ft(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: j(["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: (u) => l.reachable ? t.flow.goTo(l.name) : void 0
+        (u(), O(ft(n.reachable ? "button" : "div"), {
+          type: n.reachable ? "button" : void 0,
+          disabled: n.reachable ? t.flow.busy.value : void 0,
+          "data-test": `step-${n.name}`,
+          "data-state": n.errors > 0 ? "error" : n.state,
+          class: j(["group flex min-w-0 flex-1 flex-col gap-1.5 text-left", n.reachable ? "cursor-pointer rounded-control focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-default" : ""]),
+          onClick: (d) => n.reachable ? t.flow.goTo(n.name) : void 0
         }, {
-          default: m(() => [
-            p("span", {
-              class: j(["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: v(() => [
+            b("span", {
+              class: j(["h-1 rounded-full transition-colors duration-motion-normal", n.errors > 0 ? "bg-status-danger-solid" : n.state === "current" ? "bg-tint" : n.state === "done" ? "bg-control-on" : "bg-fill-strong"]),
               "aria-hidden": "true"
             }, null, 2),
-            p("span", {
-              class: j(["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: j(["flex min-w-0 items-center gap-1.5 text-footnote", n.state === "current" ? "font-bold text-content-strong" : n.state === "done" ? "font-medium text-content-link" : "font-medium text-content-muted"])
             }, [
-              l.state === "done" ? (i(), O(s(te), {
+              n.state === "done" ? (u(), O(s(te), {
                 key: 0,
                 name: "checkCustom",
                 size: 12,
                 class: "shrink-0"
               })) : T("", !0),
-              p("span", {
-                class: j(["truncate", l.reachable ? "group-hover:text-content-link" : ""])
-              }, _(l.position) + ". " + _(l.label), 3),
-              l.errors > 0 ? (i(), y("span", {
+              b("span", {
+                class: j(["truncate", n.reachable ? "group-hover:text-content-link" : ""])
+              }, _(n.position) + ". " + _(n.label), 3),
+              n.errors > 0 ? (u(), y("span", {
                 key: 1,
                 "data-test": "step-errors",
-                "aria-label": s(e)("core.form.sections.errors", { count: l.errors }),
+                "aria-label": s(e)("core.form.sections.errors", { count: n.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, zl)) : T("", !0),
-              l.state === "done" ? (i(), y("span", Dl, _(s(e)("core.steps.done")), 1)) : T("", !0)
+              }, _(n.errors), 9, zl)) : T("", !0),
+              n.state === "done" ? (u(), y("span", Dl, _(s(e)("core.steps.done")), 1)) : T("", !0)
             ], 2)
           ]),
           _: 2
         }, 1032, ["type", "disabled", "data-test", "data-state", "class", "onClick"]))
       ], 8, Tl))), 128))
-    ], 12, Ll)) : (i(), y("div", Vl, [
-      (i(!0), y(ue, null, xe(t.flow.steps.value, (l) => (i(), y("span", {
-        key: l.name,
-        class: j(["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
+    ], 12, Ll)) : (u(), y("div", Vl, [
+      (u(!0), y(ue, null, we(t.flow.steps.value, (n) => (u(), y("span", {
+        key: n.name,
+        class: j(["h-1.5 rounded-full transition-all duration-motion-fast", [n.state === "current" ? "w-4.5" : "w-1.5", n.errors > 0 ? "bg-status-danger-solid" : n.state === "todo" && n.position > t.flow.index.value ? "bg-fill-strong" : "bg-tint"]]),
+        "data-state": n.errors > 0 ? "error" : n.state
       }, null, 10, ql))), 128))
     ]));
   }
@@ -2386,41 +2386,50 @@ const Fl = {
     navigation: { default: "inline" }
   },
   emits: ["cancel"],
-  setup(o) {
-    const t = o, { t: e } = oe(), a = U("body");
+  setup(l) {
+    const t = l, { t: e } = oe(), a = H("body"), o = H("root");
+    function n(d) {
+      for (let i = d.parentElement; i; i = i.parentElement) {
+        const m = getComputedStyle(i).overflowY;
+        if ((m === "auto" || m === "scroll") && i.scrollHeight > i.clientHeight) return d.getBoundingClientRect().top < i.getBoundingClientRect().top;
+      }
+      return d.getBoundingClientRect().top < 0;
+    }
     return de(() => t.flow.current.value.name, async () => {
-      await he(), a.value?.focus();
+      await he(), o.value && n(o.value) && o.value.scrollIntoView?.({ block: "start" }), a.value?.focus({ preventScroll: !0 });
     }), de(() => t.flow.refusals.value, async () => {
       await he(), a.value && await De(a.value);
-    }), (n, l) => (i(), y("div", {
+    }), (d, i) => (u(), y("div", {
+      ref_key: "root",
+      ref: o,
       class: "flex min-w-0 flex-col gap-group-gap",
       "data-test": "step-form",
       "data-step": t.flow.current.value.name
     }, [
-      t.progress !== "none" ? (i(), O(Rl, {
+      t.progress !== "none" ? (u(), O(Rl, {
         key: 0,
         flow: t.flow,
         progress: t.progress
       }, null, 8, ["flow", "progress"])) : T("", !0),
-      p("p", Ml, _(t.flow.subtitle.value), 1),
-      t.flow.restored.value ? (i(), y("div", jl, [
-        p("span", null, _(s(e)("core.steps.restored")), 1),
+      b("p", Ml, _(t.flow.subtitle.value), 1),
+      t.flow.restored.value ? (u(), y("div", jl, [
+        b("span", null, _(s(e)("core.steps.restored")), 1),
         M(ge, {
           prominence: "link",
           size: "sm",
-          onClick: l[0] || (l[0] = (u) => t.flow.restart())
+          onClick: i[0] || (i[0] = (m) => t.flow.restart())
         }, {
-          default: m(() => [
+          default: v(() => [
             Y(_(s(e)("core.steps.start_over")), 1)
           ]),
           _: 1
         })
       ])) : T("", !0),
-      (i(), O(Me, {
+      (u(), O(Me, {
         key: t.flow.current.value.name,
         form: t.flow
       }, null, 8, ["form"])),
-      (i(), y("form", {
+      (u(), y("form", {
         key: t.flow.current.value.name,
         ref_key: "body",
         ref: a,
@@ -2428,28 +2437,28 @@ const Fl = {
         novalidate: "",
         "data-test": "step-body",
         class: j(["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] = be((u) => t.flow.next(), ["prevent"]))
+        onSubmit: i[1] || (i[1] = be((m) => t.flow.next(), ["prevent"]))
       }, [
-        C(n.$slots, t.flow.current.value.name),
-        l[3] || (l[3] = p("button", {
+        C(d.$slots, t.flow.current.value.name),
+        i[3] || (i[3] = b("button", {
           type: "submit",
           class: "sr-only",
           tabindex: "-1",
           "aria-hidden": "true"
         }, null, -1))
       ], 34)),
-      t.navigation === "inline" ? (i(), O(Bl, {
+      t.navigation === "inline" ? (u(), O(Bl, {
         key: 2,
         flow: t.flow,
-        onCancel: l[2] || (l[2] = (u) => n.$emit("cancel"))
+        onCancel: i[2] || (i[2] = (m) => d.$emit("cancel"))
       }, null, 8, ["flow"])) : T("", !0)
     ], 8, Ol));
   }
 });
 export {
   _t as Calendar,
-  xo as CardSelectField,
-  wo as CheckboxField,
+  wo as CardSelectField,
+  xo as CheckboxField,
   $o as ChoiceChips,
   _o as ComboField,
   Yo as CommandDialog,
@@ -2463,8 +2472,8 @@ export {
   qt as FormGroup,
   Fo as FormGroupButton,
   Bo as FormIndent,
-  mt as FormRow,
-  xn as FormView,
+  vt as FormRow,
+  wn as FormView,
   bn as GroupEditAction,
   qo as GroupSheet,
   Lo as I18nField,
@@ -2487,11 +2496,11 @@ export {
   Vn as SwitchField,
   rn as TextField,
   Rn as TextareaField,
-  vn as TimeField,
+  mn as TimeField,
   nt as checkFile,
   gn as createFieldGroups,
   Xo as createLeaveGuard,
-  me as fieldDefaults,
+  ve as fieldDefaults,
   Wo as fieldKey,
   fe as fieldProps,
   De as focusFirstError,