@wssto2/vue-core 0.9.4 → 0.11.0

package/dist/form/index.js

@@ -1,50 +1,48 @@
-import { _ as Ue, c as tt, f as at } from "../FormErrors.vue_vue_type_script_setup_true_lang-CIggKPtq.js";
-import { E as Bo, u as Lo, a as To } from "../FormErrors.vue_vue_type_script_setup_true_lang-CIggKPtq.js";
-import { f as Te } from "../useCommand-Dc8Lgs9h.js";
-import { _ as Vo, a as qo, u as Do } from "../useCommand-Dc8Lgs9h.js";
-import { ref as P, computed as h, defineComponent as A, openBlock as u, createBlock as D, mergeProps as W, unref as l, createSlots as J, withCtx as f, createElementVNode as y, normalizeClass as I, createElementBlock as g, Fragment as ie, renderList as xe, createVNode as j, createCommentVNode as L, toDisplayString as _, renderSlot as F, mergeDefaults as ue, useModel as re, useId as De, withKeys as Ce, withModifiers as pe, createTextVNode as H, mergeModels as le, useTemplateRef as U, shallowRef as Ee, watch as ye, normalizeProps as ze, guardReactiveProps as Ve, nextTick as he, provide as lt, inject as Ye, onBeforeUnmount as We, getCurrentScope as ot, onScopeDispose as nt, toValue as st, shallowReactive as Ne, normalizeStyle as rt, resolveDynamicComponent as it } from "vue";
+import { a as tt, _ as Ue, c as at, f as lt } from "../FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
+import { E as Fo, b as Bo, d as Lo, p as To, r as zo, u as Vo, e as qo, g as Do } from "../FormGroup.vue_vue_type_script_setup_true_lang-D6jYfNjW.js";
+import { f as Te } from "../useCommand-Ch_nx1AQ.js";
+import { _ as Mo, a as jo, u as Io } from "../useCommand-Ch_nx1AQ.js";
+import { ref as P, computed as h, defineComponent as A, openBlock as u, createBlock as D, mergeProps as W, unref as l, createSlots as J, withCtx as f, createElementVNode as y, normalizeClass as I, createElementBlock as g, Fragment as ie, renderList as xe, createVNode as j, createCommentVNode as L, toDisplayString as _, renderSlot as F, mergeDefaults as ue, useModel as re, useId as De, withKeys as Ce, withModifiers as pe, createTextVNode as H, mergeModels as le, useTemplateRef as U, shallowRef as Ee, watch as ye, normalizeProps as ze, guardReactiveProps as Ve, nextTick as he, provide as ot, inject as Ye, onBeforeUnmount as We, getCurrentScope as nt, onScopeDispose as st, toValue as rt, shallowReactive as Ne, normalizeStyle as it, resolveDynamicComponent as ut } from "vue";
 import { a as Je } from "../leaveGuard-Cc8yeLxM.js";
-import { M as Mo, c as jo, i as Io, l as Oo, u as Eo } from "../leaveGuard-Cc8yeLxM.js";
-import { _ as Ao } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-CIwW7y4j.js";
-import { u as Ko } from "../useResourceForm-DJ4Q75pq.js";
+import { M as Eo, c as No, i as Ao, l as Go, u as Ko } from "../leaveGuard-Cc8yeLxM.js";
+import { _ as Ho } from "../LeaveGuardRoot.vue_vue_type_script_setup_true_lang-CIwW7y4j.js";
+import { u as Yo } from "../useResourceForm-Dl6YFYyz.js";
 import { _ as Z } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { u as Ze, _ as ge, f as de, b as ce, a as Xe, e as Re, g as ut, j as dt, k as ct } from "../options-QuOkMKVZ.js";
-import { d as Ho, i as Uo, m as Yo } from "../options-QuOkMKVZ.js";
+import { u as Ze, _ as ge, f as de, b as ce, a as Xe, e as Re, g as dt, j as ct, k as ft } from "../options-B48UiYsG.js";
+import { d as Jo, h as Zo, m as Xo } from "../options-B48UiYsG.js";
 import { useI18n as oe } from "vue-i18n";
-import { b as ft } from "../controlSurface-t7OEFESJ.js";
-import { a as mt } from "../TextField.vue_vue_type_script_setup_true_lang-BFVsqcBX.js";
-import { _ as Jo } from "../TextField.vue_vue_type_script_setup_true_lang-BFVsqcBX.js";
-import { u as vt, l as pt } from "../suggestions-BVQhoXzS.js";
-import { r as Xo } from "../suggestions-BVQhoXzS.js";
-import { s as $e, u as Ae, i as bt, o as _e, e as Se, k as yt, _ as gt, l as ht, c as kt, b as xt, t as Le, g as wt, q as $t } from "../useTypedEntry-C_Bk4sI0.js";
-import { u as _t, a as Ct, s as St } from "../DateField.vue_vue_type_script_setup_true_lang-BhKdCVFn.js";
-import { _ as en } from "../DateField.vue_vue_type_script_setup_true_lang-BhKdCVFn.js";
+import { b as mt } from "../controlSurface-t7OEFESJ.js";
+import { a as vt } from "../TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
+import { _ as en } from "../TextField.vue_vue_type_script_setup_true_lang-CWIeeZRE.js";
+import { u as pt, l as bt } from "../suggestions-q_v3M7G6.js";
+import { r as an } from "../suggestions-q_v3M7G6.js";
+import { s as $e, u as Ae, i as yt, o as _e, e as Se, k as gt, _ as ht, l as kt, c as xt, b as wt, t as Le, g as $t, q as _t } from "../useTypedEntry-C_Bk4sI0.js";
+import { u as Ct, a as St, s as Ft } from "../DateField.vue_vue_type_script_setup_true_lang-CeNwBbJT.js";
+import { _ as on } from "../DateField.vue_vue_type_script_setup_true_lang-CeNwBbJT.js";
 import { _ as Qe } from "../DateButton.vue_vue_type_script_setup_true_lang-CovKG5lN.js";
-import { u as Ft } from "../format-D8KUBmbS.js";
+import { u as Bt } from "../format-D8KUBmbS.js";
 import { u as Me } from "../mediaQuery-CygcXmFW.js";
 import { _ as je } from "../Popover.vue_vue_type_script_setup_true_lang-C20Hf3Hl.js";
-import { u as Bt } from "../TimeField.vue_vue_type_script_setup_true_lang-gGFfQLuK.js";
-import { _ as an } from "../TimeField.vue_vue_type_script_setup_true_lang-gGFfQLuK.js";
-import { _ as be } from "../Button.vue_vue_type_script_setup_true_lang-Dp7OB-eF.js";
-import { _ as Lt } from "../FormGroup.vue_vue_type_script_setup_true_lang-B37dixvJ.js";
-import { a as on, c as nn, p as sn, r as rn, u as un } from "../FormGroup.vue_vue_type_script_setup_true_lang-B37dixvJ.js";
-import { _ as cn } from "../FormView.vue_vue_type_script_setup_true_lang-aaNnMIOi.js";
+import { u as Lt } from "../TimeField.vue_vue_type_script_setup_true_lang-D-Em4glH.js";
+import { _ as sn } from "../TimeField.vue_vue_type_script_setup_true_lang-D-Em4glH.js";
+import { _ as be } from "../Button.vue_vue_type_script_setup_true_lang-C74hcb0N.js";
+import { _ as un } from "../FormView.vue_vue_type_script_setup_true_lang-DvbPEiNQ.js";
 import { i as Tt } from "../intlLocale-CeRU44qJ.js";
 import { a as zt } from "../environment-Dva-SG8D.js";
-import { _ as Vt } from "../NumberField.vue_vue_type_script_setup_true_lang-TGGAq8J-.js";
+import { _ as Vt } from "../NumberField.vue_vue_type_script_setup_true_lang-B3UrXNqH.js";
 import { _ as qt } from "../Sheet.vue_vue_type_script_setup_true_lang-B91aRD_y.js";
-import { b as Dt, a as Ge } from "../SelectField.vue_vue_type_script_setup_true_lang-BP8nAQwo.js";
-import { _ as mn, u as vn } from "../SelectField.vue_vue_type_script_setup_true_lang-BP8nAQwo.js";
-import { _ as bn, b as yn, a as gn, u as hn } from "../useGroupSheet-DQ6cVG-z.js";
+import { b as Dt, a as Ge } from "../SelectField.vue_vue_type_script_setup_true_lang-BZwdANL3.js";
+import { _ as cn, u as fn } from "../SelectField.vue_vue_type_script_setup_true_lang-BZwdANL3.js";
+import { _ as vn, b as pn, a as bn, u as yn } from "../useGroupSheet-CPjHydQV.js";
 import { _ as Ke } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-Bqxj_uJ5.js";
-import { _ as xn } from "../SegmentedField.vue_vue_type_script_setup_true_lang-ChfDFAA2.js";
-import { _ as $n } from "../SwitchField.vue_vue_type_script_setup_true_lang-BMA2YXTZ.js";
-import { _ as Cn } from "../TextareaField.vue_vue_type_script_setup_true_lang-Dyh4Hhyl.js";
-import { a as Rt } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-DdJOodn8.js";
-import { _ as Mt, a as jt } from "../SectionList.vue_vue_type_script_setup_true_lang-CtdF1zuv.js";
+import { _ as hn } from "../SegmentedField.vue_vue_type_script_setup_true_lang-zv_AxpBn.js";
+import { _ as xn } from "../SwitchField.vue_vue_type_script_setup_true_lang-Ds4q0bbl.js";
+import { _ as $n } from "../TextareaField.vue_vue_type_script_setup_true_lang-D2j4s96s.js";
+import { _ as Rt } from "../AdaptivePageShell.vue_vue_type_script_setup_true_lang-D5i77H6S.js";
+import { _ as Mt, a as jt } from "../SectionList.vue_vue_type_script_setup_true_lang-DR0_NsqC.js";
 import { p as It } from "../sectionIndex-BS0ic5W7.js";
 import { u as Ot } from "../useSaveChrome-7huA3FzR.js";
-import { u as Fn } from "../useRecordDialog-BTsbHY38.js";
+import { u as Cn } from "../useRecordDialog-DdkauXnU.js";
 import { matchedRouteKey as Et, onBeforeRouteLeave as Nt } from "vue-router";
 function At(o) {
   const a = P(null);
@@ -53,7 +51,7 @@ function At(o) {
     markClean: () => a.value = JSON.stringify(o())
   };
 }
-function so(o) {
+function no(o) {
   const a = P(!1), e = At(o), { confirmDiscard: t } = Je(() => a.value && e.isDirty.value);
   return {
     /** The sheet was just filled: its current values are the baseline. */
@@ -74,7 +72,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
   key: 1,
   class: "flex size-5 shrink-0 items-center justify-center rounded-full bg-control-on text-white",
   "aria-hidden": "true"
-}, ro = /* @__PURE__ */ A({
+}, so = /* @__PURE__ */ A({
   __name: "CardSelectField",
   props: /* @__PURE__ */ ue({
     label: {},
@@ -171,7 +169,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
 }), Wt = ["data-field-error"], Jt = ["aria-checked", "aria-disabled", "aria-describedby", "aria-invalid", "tabindex", "onKeydown"], Zt = { class: "flex min-w-0 flex-1 flex-col items-start" }, Xt = {
   key: 0,
   class: "flex shrink-0 items-center gap-2.5"
-}, Qt = ["id"], io = /* @__PURE__ */ A({
+}, Qt = ["id"], ro = /* @__PURE__ */ A({
   __name: "CheckboxField",
   props: /* @__PURE__ */ le({
     label: {},
@@ -252,7 +250,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
 }), ea = {
   key: 0,
   class: "text-body text-content-muted"
-}, ta = ["id", "aria-label", "aria-describedby", "aria-invalid"], aa = ["aria-pressed", "disabled", "onClick"], uo = /* @__PURE__ */ A({
+}, ta = ["id", "aria-label", "aria-describedby", "aria-invalid"], aa = ["aria-pressed", "disabled", "onClick"], io = /* @__PURE__ */ A({
   __name: "ChoiceChips",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -334,7 +332,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
   key: 0,
   class: "flex shrink-0 items-center",
   "data-test": "field-value"
-}, oa = ["id", "value", "name", "placeholder", "disabled", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], na = { class: "block break-words text-body text-content-strong" }, co = /* @__PURE__ */ A({
+}, oa = ["id", "value", "name", "placeholder", "disabled", "required", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-required", "aria-invalid", "aria-describedby"], na = { class: "block break-words text-body text-content-strong" }, uo = /* @__PURE__ */ A({
   __name: "ComboField",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -363,7 +361,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
   }),
   emits: /* @__PURE__ */ le(["picked", "focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: a, emit: e }) {
-    const t = o, s = re(o, "modelValue"), n = e, { t: c } = oe(), i = !!Xe(), p = Re("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), k = h(() => t.rowLayout === "stacked"), w = h(() => i && !k.value ? ft(t.width) : "w-full"), $ = U("input"), r = U("anchor"), m = Ee(null), b = Ee(""), C = vt({
+    const t = o, s = re(o, "modelValue"), n = e, { t: c } = oe(), i = !!Xe(), p = Re("text", () => t.error ? "error" : t.disabled ? "locked" : "rest"), k = h(() => t.rowLayout === "stacked"), w = h(() => i && !k.value ? mt(t.width) : "w-full"), $ = U("input"), r = U("anchor"), m = Ee(null), b = Ee(""), C = pt({
       source: () => t.search ?? t.options,
       minLength: () => t.minLength,
       debounce: () => t.debounce,
@@ -389,7 +387,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
     function fe(T) {
       C.close(), b.value = M.value?.label ?? "", n("blur", T);
     }
-    const me = h(() => pt(x.value, q.value.length, O.value, !0));
+    const me = h(() => bt(x.value, q.value.length, O.value, !0));
     return a({ focus: () => $.value?.focus() }), (T, G) => (u(), D(ge, W(l(de)(t), {
       value: M.value?.label ?? null,
       "row-layout": t.rowLayout
@@ -436,7 +434,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
             class: "shrink-0 text-content-muted"
           })
         ], 2),
-        j(mt, {
+        j(vt, {
           id: E,
           anchor: r.value,
           open: l(x),
@@ -504,7 +502,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
 }, fa = { class: "flex w-75 flex-col gap-2.5 border-r border-border-separator p-3.5" }, ma = {
   key: 0,
   class: "border-t border-border-separator pt-2.5"
-}, va = { class: "flex w-48 flex-col gap-2.5 px-3 py-3.5" }, pa = ["for"], ba = ["id", "value", "placeholder", "aria-invalid"], ya = ["onClick"], fo = /* @__PURE__ */ A({
+}, va = { class: "flex w-48 flex-col gap-2.5 px-3 py-3.5" }, pa = ["for"], ba = ["id", "value", "placeholder", "aria-invalid"], ya = ["onClick"], co = /* @__PURE__ */ A({
   __name: "DateTimeField",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -529,9 +527,9 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
   }),
   emits: /* @__PURE__ */ le(["focus", "blur"], ["update:modelValue"]),
   setup(o, { expose: a, emit: e }) {
-    const t = o, s = re(o, "modelValue"), n = e, { t: c } = oe(), i = Ft(), p = Me(), k = U("input"), w = U("popover"), $ = U("calendar"), r = U("sheet"), m = h(() => ({ min: t.min?.slice(0, 10), max: t.max?.slice(0, 10), disabled: t.disabledDates })), b = h(() => t.min && t.min.length === 10 ? `${t.min}T00:00` : t.min), C = h(() => t.max && t.max.length === 10 ? `${t.max}T23:59` : t.max), q = (B, d) => !wt(d, { disabled: t.disabledDates }) && (!b.value || B >= b.value) && (!C.value || B <= C.value), x = _t(() => m.value), O = Bt(() => t.minuteStep), R = h(() => $e(s.value));
+    const t = o, s = re(o, "modelValue"), n = e, { t: c } = oe(), i = Bt(), p = Me(), k = U("input"), w = U("popover"), $ = U("calendar"), r = U("sheet"), m = h(() => ({ min: t.min?.slice(0, 10), max: t.max?.slice(0, 10), disabled: t.disabledDates })), b = h(() => t.min && t.min.length === 10 ? `${t.min}T00:00` : t.min), C = h(() => t.max && t.max.length === 10 ? `${t.max}T23:59` : t.max), q = (B, d) => !$t(d, { disabled: t.disabledDates }) && (!b.value || B >= b.value) && (!C.value || B <= C.value), x = Ct(() => m.value), O = Lt(() => t.minuteStep), R = h(() => $e(s.value));
     function X(B) {
-      const { date: d, time: z } = St(B), v = d === null ? R.value.day ?? Se() : x.parse(d);
+      const { date: d, time: z } = Ft(B), v = d === null ? R.value.day ?? Se() : x.parse(d);
       if (!v) return { error: x.invalidMessage() };
       let V = R.value.time ?? Le(t.minuteStep);
       if (z !== null) {
@@ -545,12 +543,12 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
     const M = Ae({ model: s, display: (B) => `${i.date($e(B).day)} ${$e(B).time ?? ""}`.trim(), parse: X }), ne = h({
       get: () => R.value.time,
       set: (B) => {
-        B && bt(B) && (s.value = _e(R.value.day ?? Se(), B));
+        B && yt(B) && (s.value = _e(R.value.day ?? Se(), B));
       }
-    }), Q = Ae({ model: ne, display: (B) => B, parse: O.parse }), te = Ct(() => t.quickPicks ?? (p.value ? void 0 : []), () => p.value, () => m.value), fe = h(() => t.error || M.message.value || Q.message.value), me = h(() => s.value ? i.dateTime(s.value) : null), T = Re("date", () => fe.value ? "error" : t.disabled ? "locked" : "rest"), G = h(() => {
+    }), Q = Ae({ model: ne, display: (B) => B, parse: O.parse }), te = St(() => t.quickPicks ?? (p.value ? void 0 : []), () => p.value, () => m.value), fe = h(() => t.error || M.message.value || Q.message.value), me = h(() => s.value ? i.dateTime(s.value) : null), T = Re("date", () => fe.value ? "error" : t.disabled ? "locked" : "rest"), G = h(() => {
       const B = M.typed.value;
       return B ? $e(B).day ?? null : null;
-    }), E = h(() => G.value ?? (yt(R.value.day) ? R.value.day : null)), ae = h(() => M.typed.value ? $e(M.typed.value).time : R.value.time);
+    }), E = h(() => G.value ?? (gt(R.value.day) ? R.value.day : null)), ae = h(() => M.typed.value ? $e(M.typed.value).time : R.value.time);
     function se(B) {
       B && M.set(_e(B, R.value.time ?? Le(t.minuteStep)));
     }
@@ -588,7 +586,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
             ]),
             _: 1
           }, 16, ["disabled", "invalid", "placeholder"]),
-          j(gt, {
+          j(ht, {
             ref_key: "sheet",
             ref: r,
             title: t.label ?? l(c)("core.form.date.calendar"),
@@ -661,7 +659,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
           default: f(({ dismiss: S }) => [
             y("div", ca, [
               y("div", fa, [
-                j(ht, {
+                j(kt, {
                   ref_key: "calendar",
                   ref: $,
                   "model-value": E.value,
@@ -672,7 +670,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
                   "onUpdate:modelValue": se
                 }, null, 8, ["model-value", "min", "max", "disabled-dates", "open-on"]),
                 l(te).length > 0 ? (u(), g("div", ma, [
-                  j(kt, {
+                  j(xt, {
                     items: l(te),
                     selected: E.value,
                     onPick: se
@@ -697,7 +695,7 @@ const Gt = ["id", "aria-label", "aria-describedby", "aria-invalid"], Kt = ["name
                   onBlur: d[6] || (d[6] = (N) => l(Q).commit()),
                   onKeydown: d[7] || (d[7] = Ce(pe((N) => l(Q).commit(), ["prevent"]), ["enter"]))
                 }, null, 40, ba),
-                j(xt, {
+                j(wt, {
                   "model-value": ae.value,
                   step: t.minuteStep,
                   "onUpdate:modelValue": ee
@@ -757,7 +755,7 @@ const ga = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describe
   key: 0,
   class: "flex items-center gap-3 rounded-group bg-fill p-3",
   "data-test": "file-selected"
-}, xa = { class: "min-w-0 flex-1" }, wa = { class: "truncate text-body font-medium text-content-strong" }, $a = { class: "text-footnote text-content-muted" }, _a = ["disabled", "aria-label", "title"], Ca = ["aria-disabled"], Sa = { class: "font-semibold text-content-link" }, Fa = { class: "text-content-muted" }, mo = /* @__PURE__ */ A({
+}, xa = { class: "min-w-0 flex-1" }, wa = { class: "truncate text-body font-medium text-content-strong" }, $a = { class: "text-footnote text-content-muted" }, _a = ["disabled", "aria-label", "title"], Ca = ["aria-disabled"], Sa = { class: "font-semibold text-content-link" }, Fa = { class: "text-content-muted" }, fo = /* @__PURE__ */ A({
   __name: "FileField",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -888,7 +886,7 @@ const ga = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describe
       } : void 0
     ]), 1040, ["value"]));
   }
-}), Ba = ["disabled"], vo = /* @__PURE__ */ A({
+}), Ba = ["disabled"], mo = /* @__PURE__ */ A({
   __name: "FormGroupButton",
   props: {
     label: {},
@@ -898,9 +896,9 @@ const ga = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describe
   emits: ["click"],
   setup(o, { emit: a }) {
     const e = o, t = a;
-    return (s, n) => (u(), D(Lt, null, {
+    return (s, n) => (u(), D(tt, null, {
       default: f(() => [
-        j(ut, { layout: "stacked" }, {
+        j(dt, { layout: "stacked" }, {
           default: f(() => [
             y("button", {
               type: "button",
@@ -915,10 +913,10 @@ const ga = { class: "w-full" }, ha = ["id", "accept", "disabled", "aria-describe
       _: 1
     }));
   }
-}), po = /* @__PURE__ */ A({
+}), vo = /* @__PURE__ */ A({
   __name: "FormIndent",
   setup(o) {
-    return lt(dt, ct() + 1), (a, e) => F(a.$slots, "default");
+    return ot(ct, ft() + 1), (a, e) => F(a.$slots, "default");
   }
 });
 function La(o, a) {
@@ -937,7 +935,7 @@ const Ta = ["id", "aria-labelledby"], za = ["id", "value", "lang", "name", "rows
 }, Ma = ["aria-label"], ja = ["id", "aria-selected", "tabindex", "aria-controls", "aria-label", "title", "onClick", "onKeydown"], Ia = ["data-state"], Oa = { class: "w-full" }, Ea = { class: "whitespace-pre-line break-words text-body text-content-strong" }, Na = ["aria-expanded"], Aa = { class: "flex-1" }, Ga = {
   key: 0,
   class: "mt-1 flex flex-col gap-1.5"
-}, Ka = ["title"], bo = /* @__PURE__ */ A({
+}, Ka = ["title"], po = /* @__PURE__ */ A({
   __name: "I18nField",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -1158,10 +1156,10 @@ function qe(o, a, e) {
   else if (o && typeof o == "object")
     for (const [t, s] of Object.entries(o)) qe(s, [...a, t], e);
 }
-function yo(o, a) {
+function bo(o, a) {
   qe(o, [], a);
 }
-const go = /* @__PURE__ */ A({
+const yo = /* @__PURE__ */ A({
   __name: "MoneyField",
   props: /* @__PURE__ */ ue({
     label: {},
@@ -1221,7 +1219,7 @@ const go = /* @__PURE__ */ A({
       } : void 0
     ]), 1040, ["model-value", "decimals", "negative", "blank-zero", "suffix", "width"]));
   }
-}), Ya = { class: "flex flex-col gap-2" }, Wa = ["onClick"], ho = /* @__PURE__ */ A({
+}), Ya = { class: "flex flex-col gap-2" }, Wa = ["onClick"], go = /* @__PURE__ */ A({
   __name: "MonthYearField",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -1285,7 +1283,7 @@ const go = /* @__PURE__ */ A({
           ]),
           default: f(({ dismiss: C }) => [
             y("div", Ya, [
-              j($t, {
+              j(_t, {
                 month: e.value,
                 year: t.value,
                 "min-year": a.minYear,
@@ -1328,7 +1326,7 @@ const go = /* @__PURE__ */ A({
       } : void 0
     ]), 1040, ["value"]));
   }
-}), Ja = { class: "flex min-w-0 flex-wrap items-center gap-1.5 py-0.5" }, Za = { class: "truncate" }, Xa = ["disabled", "aria-label", "onClick"], Qa = ["id", "disabled", "aria-expanded", "aria-invalid", "aria-describedby", "aria-busy"], el = ["id", "disabled", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], tl = { class: "max-h-72 overflow-y-auto" }, al = { class: "flex items-center justify-between gap-2" }, Pe = "inline-flex min-h-7 cursor-pointer items-center gap-1 rounded-control bg-fill px-2.5 py-1 text-body text-content-muted hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", ko = /* @__PURE__ */ A({
+}), Ja = { class: "flex min-w-0 flex-wrap items-center gap-1.5 py-0.5" }, Za = { class: "truncate" }, Xa = ["disabled", "aria-label", "onClick"], Qa = ["id", "disabled", "aria-expanded", "aria-invalid", "aria-describedby", "aria-busy"], el = ["id", "disabled", "aria-invalid", "aria-describedby", "aria-busy", "onClick"], tl = { class: "max-h-72 overflow-y-auto" }, al = { class: "flex items-center justify-between gap-2" }, Pe = "inline-flex min-h-7 cursor-pointer items-center gap-1 rounded-control bg-fill px-2.5 py-1 text-body text-content-muted hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-45", ho = /* @__PURE__ */ A({
   __name: "MultiSelectField",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -1541,7 +1539,7 @@ const go = /* @__PURE__ */ A({
       } : void 0
     ]), 1040, ["value"]));
   }
-}), ll = ["aria-label"], ol = ["src"], nl = { class: "flex flex-wrap items-center gap-3" }, sl = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], rl = ["aria-label"], il = ["src"], xo = /* @__PURE__ */ A({
+}), ll = ["aria-label"], ol = ["src"], nl = { class: "flex flex-wrap items-center gap-3" }, sl = ["id", "accept", "disabled", "aria-describedby", "aria-invalid"], rl = ["aria-label"], il = ["src"], ko = /* @__PURE__ */ A({
   __name: "PhotoField",
   props: /* @__PURE__ */ le(/* @__PURE__ */ ue({
     label: {},
@@ -1710,7 +1708,7 @@ function cl(o) {
       t();
     },
     { immediate: !0 }
-  ), ot() && nt(() => {
+  ), nt() && st(() => {
     s?.disconnect(), e && cancelAnimationFrame(e);
   });
   const n = h(() => (a.value, Object.fromEntries(
@@ -1730,7 +1728,7 @@ const fl = {
 }, ml = {
   key: 0,
   class: "sticky top-[calc(var(--app-bar-height)+1.5rem+var(--shell-banner-h,0px))] hidden min-w-0 flex-col gap-4 self-start lg:flex"
-}, wo = /* @__PURE__ */ A({
+}, xo = /* @__PURE__ */ A({
   __name: "EditorPage",
   props: {
     title: {},
@@ -1838,7 +1836,7 @@ const fl = {
       } : void 0
     ]), 1032, ["title", "back"]));
   }
-}), vl = ["value", "aria-label", "disabled", "aria-invalid", "placeholder"], $o = /* @__PURE__ */ A({
+}), vl = ["value", "aria-label", "disabled", "aria-invalid", "placeholder"], wo = /* @__PURE__ */ A({
   __name: "NumberCell",
   props: /* @__PURE__ */ le({
     label: {},
@@ -1915,8 +1913,8 @@ function yl(o, a) {
     (s === null || t === null || t === void 0 || typeof s == typeof t && Array.isArray(s) === Array.isArray(t)) && (o[e] = s);
   }
 }
-function _o(o, a) {
-  const { t: e } = oe(), t = h(() => st(a.steps));
+function $o(o, a) {
+  const { t: e } = oe(), t = h(() => rt(a.steps));
   if (t.value.length === 0) throw new Error("useStepForm: a flow needs at least one step.");
   const s = P(t.value[0].name), n = Ne(/* @__PURE__ */ new Set()), c = Ne(/* @__PURE__ */ new Set([t.value[0].name])), i = P(null), p = P(!1), k = P(0), w = P(!1), $ = P(!1);
   let r = !1, m = 0;
@@ -1950,7 +1948,7 @@ function _o(o, a) {
   function Q(d) {
     const z = d.fields;
     if (!z?.length) return !0;
-    const v = Object.entries(o.errors.all()).filter(([S]) => !z.includes(at(S))), V = o.check(d.fields);
+    const v = Object.entries(o.errors.all()).filter(([S]) => !z.includes(lt(S))), V = o.check(d.fields);
     return v.length > 0 && o.errors.set({ ...Object.fromEntries(v), ...o.errors.all() }), V;
   }
   async function te(d) {
@@ -1998,7 +1996,7 @@ function _o(o, a) {
         He(G), $.value = !1;
         return;
       }
-      $.value = bl(G, { values: tt(o.values), step: s.value, passed: [...n] });
+      $.value = bl(G, { values: at(o.values), step: s.value, passed: [...n] });
     }
   }
   function se() {
@@ -2134,14 +2132,14 @@ const gl = {
       "aria-label": l(e)("core.steps.label"),
       "data-test": "step-bar",
       class: "grid min-w-0 gap-2",
-      style: rt({ gridTemplateColumns: `repeat(${a.flow.count.value}, minmax(0, 1fr))` })
+      style: it({ gridTemplateColumns: `repeat(${a.flow.count.value}, minmax(0, 1fr))` })
     }, [
       (u(!0), g(ie, null, xe(a.flow.steps.value, (n) => (u(), g("li", {
         key: n.name,
         class: "flex min-w-0",
         "aria-current": n.state === "current" ? "step" : void 0
       }, [
-        (u(), D(it(n.reachable ? "button" : "div"), {
+        (u(), D(ut(n.reachable ? "button" : "div"), {
           type: n.reachable ? "button" : void 0,
           disabled: n.reachable ? a.flow.busy.value : void 0,
           "data-test": `step-${n.name}`,
@@ -2193,7 +2191,7 @@ const gl = {
   key: 1,
   "data-test": "step-restored",
   class: "flex items-center gap-2 text-footnote text-content-muted"
-}, Co = /* @__PURE__ */ A({
+}, _o = /* @__PURE__ */ A({
   __name: "StepForm",
   props: {
     flow: {},
@@ -2271,81 +2269,81 @@ const gl = {
   }
 });
 export {
-  ht as Calendar,
-  ro as CardSelectField,
-  io as CheckboxField,
-  uo as ChoiceChips,
-  co as ComboField,
-  Vo as CommandDialog,
-  en as DateField,
-  fo as DateTimeField,
-  wo as EditorPage,
-  Bo as ErrorBag,
+  kt as Calendar,
+  so as CardSelectField,
+  ro as CheckboxField,
+  io as ChoiceChips,
+  uo as ComboField,
+  Mo as CommandDialog,
+  on as DateField,
+  co as DateTimeField,
+  xo as EditorPage,
+  Fo as ErrorBag,
   ge as Field,
-  mo as FileField,
+  fo as FileField,
   Ue as FormErrors,
-  Lt as FormGroup,
-  vo as FormGroupButton,
-  po as FormIndent,
-  ut as FormRow,
-  cn as FormView,
-  on as GroupEditAction,
-  bn as GroupSheet,
-  bo as I18nField,
-  Ao as LeaveGuardRoot,
-  Mo as MissingLeaveGuardRootError,
-  go as MoneyField,
-  ho as MonthYearField,
-  ko as MultiSelectField,
-  $o as NumberCell,
+  tt as FormGroup,
+  mo as FormGroupButton,
+  vo as FormIndent,
+  dt as FormRow,
+  un as FormView,
+  Bo as GroupEditAction,
+  vn as GroupSheet,
+  po as I18nField,
+  Ho as LeaveGuardRoot,
+  Eo as MissingLeaveGuardRootError,
+  yo as MoneyField,
+  go as MonthYearField,
+  ho as MultiSelectField,
+  wo as NumberCell,
   Vt as NumberField,
   Ge as OptionList,
-  yn as OtpInput,
-  xo as PhotoField,
-  gn as RecordGroupScope,
-  xn as SegmentedField,
-  mn as SelectField,
-  Co as StepForm,
+  pn as OtpInput,
+  ko as PhotoField,
+  bn as RecordGroupScope,
+  hn as SegmentedField,
+  cn as SelectField,
+  _o as StepForm,
   hl as StepNavigation,
   Sl as StepProgress,
-  $n as SwitchField,
-  Jo as TextField,
-  Cn as TextareaField,
-  an as TimeField,
+  xn as SwitchField,
+  en as TextField,
+  $n as TextareaField,
+  sn as TimeField,
   et as checkFile,
-  nn as createFieldGroups,
-  jo as createLeaveGuard,
+  Lo as createFieldGroups,
+  No as createLeaveGuard,
   ce as fieldDefaults,
-  qo as fieldKey,
+  jo as fieldKey,
   de as fieldProps,
   Te as focusFirstError,
-  Ho as formEditableKey,
+  Jo as formEditableKey,
   Fe as formatBytes,
-  Uo as groupOptions,
+  Zo as groupOptions,
   Ua as hasUnsupportedCharacters,
-  Io as installLeaveGuard,
-  Oo as leaveGuardKey,
-  Yo as matchOptions,
+  Ao as installLeaveGuard,
+  Go as leaveGuardKey,
+  Xo as matchOptions,
   La as missingLocales,
-  sn as provideRecordGroups,
-  Xo as recentChoicesKey,
-  rn as recordGroupsKey,
-  yo as refineStorableText,
+  To as provideRecordGroups,
+  an as recentChoicesKey,
+  zo as recordGroupsKey,
+  bo as refineStorableText,
   Pa as unsupportedCharactersCode,
-  Do as useCommand,
+  Io as useCommand,
   At as useDirtySnapshot,
   Ze as useFieldMode,
-  Lo as useForm,
-  hn as useGroupSheet,
-  To as useHiddenFieldErrors,
+  Vo as useForm,
+  yn as useGroupSheet,
+  qo as useHiddenFieldErrors,
   Je as useLeaveGuard,
-  Eo as useLeaveGuardContext,
-  vn as useOptions,
-  Fn as useRecordDialog,
-  un as useRecordGroups,
-  Ko as useResourceForm,
+  Ko as useLeaveGuardContext,
+  fn as useOptions,
+  Cn as useRecordDialog,
+  Do as useRecordGroups,
+  Yo as useResourceForm,
   Ot as useSaveChrome,
   cl as useSectionStates,
-  so as useSheetDiscardGuard,
-  _o as useStepForm
+  no as useSheetDiscardGuard,
+  $o as useStepForm
 };

package/dist/format/index.d.ts

@@ -1,2 +1,3 @@
 export { createFormatting, formattingKey, installFormatting, intlFormatters, toDate, useFormat } from "./format";
 export type { DateInput, Formatters, Formatting, FormattingOptions, MoneyOptions } from "./format";
+export { slugify } from "./slug";

package/dist/format/index.js

@@ -1,9 +1,13 @@
-import { c as r, f as s, i as o, a as e, t as i, u as m } from "../format-D8KUBmbS.js";
+import { c as o, f as s, i, a as l, t as n, u as g } from "../format-D8KUBmbS.js";
+function e(a) {
+  return a.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[đĐ]/g, "d").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
 export {
-  r as createFormatting,
+  o as createFormatting,
   s as formattingKey,
-  o as installFormatting,
-  e as intlFormatters,
-  i as toDate,
-  m as useFormat
+  i as installFormatting,
+  l as intlFormatters,
+  e as slugify,
+  n as toDate,
+  g as useFormat
 };

package/dist/format/slug.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A URL-fragment slug for a human title: "Stanje i boja" gives "stanje-i-boja", "Karakteristike
+ * vozila" gives "karakteristike-vozila". Diacritics are folded (č ć š ž đ become c c s z d), so
+ * links stay readable and copy-paste safe; what is left of nothing is the empty string.
+ *
+ *   <section :id="slugify(group.title)">   // linked as #stanje-i-boja
+ */
+export declare function slugify(text: string): string;