bank20baht-ui 0.4.0 → 0.4.2

package/dist/chunks/{baht-workflow-h9pLnwlk.js → baht-workflow-Dy8HZQ_f.js}

@@ -1,20 +1,20 @@
-import { nothing as h, html as n, svg as A } from "lit";
-import { property as l, customElement as u, state as y, query as Et } from "lit/decorators.js";
-import { B as $, b as ne, h as q, a as W } from "./base-CajA2aCO.js";
-import { t as v } from "./i18n-BcPL9_Jh.js";
-import { n as ve, k as Lt, o as ps, i as Rt, p as ds, d as se, a as as, m as Me, v as Ae, c as us, g as bs, l as fs } from "./display-DQRcvsn7.js";
-import { repeat as Oe } from "lit/directives/repeat.js";
-import { html as ee, unsafeStatic as is } from "lit/static-html.js";
-import { c as ms, r as U } from "./baht-toast-CD1WrOYr.js";
-import { live as rt } from "lit/directives/live.js";
-import { ifDefined as L } from "lit/directives/if-defined.js";
-import vs from "flatpickr";
-var $s = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, he = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ys(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+import { nothing as h, html as n, svg as L } from "lit";
+import { property as l, customElement as b, state as y, query as It } from "lit/decorators.js";
+import { B as g, b as he, h as S, a as Y } from "./base-CajA2aCO.js";
+import { t as m } from "./i18n-BcPL9_Jh.js";
+import { n as $e, k as Nt, o as ds, i as zt, p as us, d as ae, a as rs, m as Ae, v as Le, c as bs, g as fs, l as ms } from "./display-DQRcvsn7.js";
+import { repeat as Ce } from "lit/directives/repeat.js";
+import { html as se, unsafeStatic as os } from "lit/static-html.js";
+import { c as vs, r as W } from "./baht-toast-CD1WrOYr.js";
+import { live as lt } from "lit/directives/live.js";
+import { ifDefined as N } from "lit/directives/if-defined.js";
+import $s from "flatpickr";
+var ys = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, ce = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? gs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && $s(e, i, s), s;
+  return a && s && ys(e, i, s), s;
 };
-let zt = class extends $ {
+let Vt = class extends g {
   constructor() {
     super(...arguments), this.tone = "neutral", this.label = "", this.dot = null;
   }
@@ -28,50 +28,50 @@ let zt = class extends $ {
     </span>`;
   }
 };
-he([
+ce([
   l()
-], zt.prototype, "tone", 2);
-he([
+], Vt.prototype, "tone", 2);
+ce([
   l()
-], zt.prototype, "label", 2);
-he([
+], Vt.prototype, "label", 2);
+ce([
   l({ attribute: !1 })
-], zt.prototype, "dot", 2);
-zt = he([
-  u("baht-badge")
-], zt);
-var gs = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, Ie = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ws(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Vt.prototype, "dot", 2);
+Vt = ce([
+  b("baht-badge")
+], Vt);
+var ws = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, Me = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? xs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && gs(e, i, s), s;
+  return a && s && ws(e, i, s), s;
 };
-let ae = class extends $ {
+let ie = class extends g {
   constructor() {
     super(...arguments), this.variant = "inline", this.code = "";
   }
   firstUpdated() {
     const t = this.renderRoot.querySelector(this.variant === "block" ? "pre" : "code");
-    t && ne(this, t);
+    t && he(this, t);
   }
   render() {
     return this.variant === "block" ? n`<pre class="baht-code baht-code--block" tabindex="0">${this.code}</pre>` : n`<code class="baht-code">${this.code}</code>`;
   }
 };
-Ie([
+Me([
   l()
-], ae.prototype, "variant", 2);
-Ie([
+], ie.prototype, "variant", 2);
+Me([
   l()
-], ae.prototype, "code", 2);
-ae = Ie([
-  u("baht-code")
-], ae);
-var xs = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, $t = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? _s(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], ie.prototype, "code", 2);
+ie = Me([
+  b("baht-code")
+], ie);
+var _s = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, gt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ks(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && xs(e, i, s), s;
+  return a && s && _s(e, i, s), s;
 };
-let nt = class extends $ {
+let ht = class extends g {
   constructor() {
     super(...arguments), this.page = 1, this.totalPages = 1, this.variant = "numbered", this.siblings = 1, this.hasNext = !1, this.hasPrev = !1;
   }
@@ -99,7 +99,7 @@ let nt = class extends $ {
     const { page: t, totalPages: e, siblings: i } = this, a = /* @__PURE__ */ new Set([1, e]);
     for (let c = t - i; c <= t + i; c++)
       c >= 1 && c <= e && a.add(c);
-    const s = [...a].sort((c, m) => c - m), r = [];
+    const s = [...a].sort((c, f) => c - f), r = [];
     let o = 0;
     for (const c of s)
       o && c - o === 2 ? r.push(o + 1) : o && c - o > 2 && r.push(null), r.push(c), o = c;
@@ -126,34 +126,34 @@ let nt = class extends $ {
     </nav>`;
   }
 };
-$t([
+gt([
   l({ type: Number })
-], nt.prototype, "page", 2);
-$t([
+], ht.prototype, "page", 2);
+gt([
   l({ type: Number, attribute: "total-pages" })
-], nt.prototype, "totalPages", 2);
-$t([
+], ht.prototype, "totalPages", 2);
+gt([
   l()
-], nt.prototype, "variant", 2);
-$t([
+], ht.prototype, "variant", 2);
+gt([
   l({ type: Number })
-], nt.prototype, "siblings", 2);
-$t([
+], ht.prototype, "siblings", 2);
+gt([
   l({ type: Boolean, attribute: "has-next" })
-], nt.prototype, "hasNext", 2);
-$t([
+], ht.prototype, "hasNext", 2);
+gt([
   l({ type: Boolean, attribute: "has-prev" })
-], nt.prototype, "hasPrev", 2);
-nt = $t([
-  u("baht-pagination")
-], nt);
-var ks = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, C = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ps(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], ht.prototype, "hasPrev", 2);
+ht = gt([
+  b("baht-pagination")
+], ht);
+var Ps = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, O = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Os(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ks(e, i, s), s;
+  return a && s && Ps(e, i, s), s;
 };
-const Os = " › ", $e = (t) => t !== null && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date), te = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
-let P = class extends $ {
+const Cs = " › ", ye = (t) => t !== null && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date), ee = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+let k = class extends g {
   constructor() {
     super(...arguments), this.items = [], this.columns = {}, this.loading = !1, this.error = !1, this.errorMessage = "Couldn't load data. Try again.", this.emptyMessage = "No records yet.", this.showIndex = !0, this.indexOffset = 0, this.skeletonRows = 10, this.rowKey = "", this.clickable = !0, this.renderers = {}, this.visibleColumns = [], this.columnPicker = !0, this.page = 1, this.totalPages = 1, this.cursorMode = !1, this.hasNext = !1, this.hasPrev = !1, this.pickerOpen = !1, this.pickedColumns = null, this.draftColumns = [], this.pickAvail = [], this.pickSel = [], this.expanded = [], this.pickerPreviousFocus = null, this.onPickerKeydown = (t) => {
       t.key === "Escape" ? this.closePicker() : t.key === "Tab" && this.trapPickerFocus(t);
@@ -178,7 +178,7 @@ let P = class extends $ {
     r != null && r.contains(s) ? t.shiftKey && s === i ? (a.focus(), t.preventDefault()) : !t.shiftKey && s === a && (i.focus(), t.preventDefault()) : (i.focus(), t.preventDefault());
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), q() && document.removeEventListener("keydown", this.onPickerKeydown);
+    super.disconnectedCallback(), S() && document.removeEventListener("keydown", this.onPickerKeydown);
   }
   willUpdate(t) {
     t.has("visibleColumns") && !t.has("columns") && (this.pickedColumns = null);
@@ -191,10 +191,10 @@ let P = class extends $ {
     if (!t) return {};
     const e = {};
     for (const [i, a] of Object.entries(t))
-      e[i] = $e(a) ? {
-        label: te(i),
-        fields: Object.fromEntries(Object.keys(a).map((s) => [s, te(s)]))
-      } : te(i);
+      e[i] = ye(a) ? {
+        label: ee(i),
+        fields: Object.fromEntries(Object.keys(a).map((s) => [s, ee(s)]))
+      } : ee(i);
     return e;
   }
   /** Walk a dotted key through the spec; undefined when no such column exists. */
@@ -233,25 +233,25 @@ let P = class extends $ {
     for (const a of t.split(".")) {
       const s = i == null ? void 0 : i[a];
       if (s === void 0) {
-        e.push(te(a)), i = void 0;
+        e.push(ee(a)), i = void 0;
         continue;
       }
       e.push(typeof s == "string" ? s : s.label), i = typeof s == "string" ? void 0 : s.fields;
     }
-    return e.join(Os);
+    return e.join(Cs);
   }
   /** The row's value at a dotted key (`requester.department`). */
   static valueAt(t, e) {
     let i = t;
     for (const a of e.split(".")) {
-      if (!$e(i)) return;
+      if (!ye(i)) return;
       i = i[a];
     }
     return i;
   }
   // ---- picker -----------------------------------------------------------
   openPicker() {
-    this.draftColumns = this.columnKeys.slice(), this.pickAvail = [], this.pickSel = [], this.pickerOpen = !0, this.pickerPreviousFocus = document.activeElement, q() && document.addEventListener("keydown", this.onPickerKeydown), this.updateComplete.then(() => {
+    this.draftColumns = this.columnKeys.slice(), this.pickAvail = [], this.pickSel = [], this.pickerOpen = !0, this.pickerPreviousFocus = document.activeElement, S() && document.addEventListener("keydown", this.onPickerKeydown), this.updateComplete.then(() => {
       var t;
       this.pickerOpen && ((t = this.pickerFocusables()[0]) == null || t.focus());
     });
@@ -259,7 +259,7 @@ let P = class extends $ {
   closePicker() {
     var e;
     if (!this.pickerOpen) return;
-    this.pickerOpen = !1, q() && document.removeEventListener("keydown", this.onPickerKeydown);
+    this.pickerOpen = !1, S() && document.removeEventListener("keydown", this.onPickerKeydown);
     const t = this.pickerPreviousFocus;
     this.pickerPreviousFocus = null, t != null && t.isConnected && ((e = t.focus) == null || e.call(t));
   }
@@ -309,9 +309,9 @@ let P = class extends $ {
     );
   }
   cell(t, e) {
-    const i = this.renderers[e], a = P.valueAt(t, e);
+    const i = this.renderers[e], a = k.valueAt(t, e);
     if (i) return i(a, t);
-    if ($e(a)) {
+    if (ye(a)) {
       const s = a.name ?? a.label ?? a.title ?? a.id;
       return s == null ? "" : String(s);
     }
@@ -380,7 +380,7 @@ let P = class extends $ {
     </li>`;
   }
   renderColumnModal() {
-    const t = this.allColumnKeys, e = this.allPaths().filter((a) => !this.draftColumns.includes(a)).length, i = (a) => (s) => a(P.selectedValues(s));
+    const t = this.allColumnKeys, e = this.allPaths().filter((a) => !this.draftColumns.includes(a)).length, i = (a) => (s) => a(k.selectedValues(s));
     return n`<div
       class="baht-table-picker-scrim"
       @click=${(a) => a.target === a.currentTarget && this.closePicker()}
@@ -456,90 +456,90 @@ let P = class extends $ {
     </div>`;
   }
 };
-C([
+O([
   l({ attribute: !1 })
-], P.prototype, "items", 2);
-C([
+], k.prototype, "items", 2);
+O([
   l({ attribute: !1 })
-], P.prototype, "columns", 2);
-C([
+], k.prototype, "columns", 2);
+O([
   l({ type: Boolean })
-], P.prototype, "loading", 2);
-C([
+], k.prototype, "loading", 2);
+O([
   l({ type: Boolean })
-], P.prototype, "error", 2);
-C([
+], k.prototype, "error", 2);
+O([
   l({ attribute: "error-message" })
-], P.prototype, "errorMessage", 2);
-C([
+], k.prototype, "errorMessage", 2);
+O([
   l({ attribute: "empty-message" })
-], P.prototype, "emptyMessage", 2);
-C([
+], k.prototype, "emptyMessage", 2);
+O([
   l({ type: Boolean, attribute: "show-index" })
-], P.prototype, "showIndex", 2);
-C([
+], k.prototype, "showIndex", 2);
+O([
   l({ type: Number, attribute: "index-offset" })
-], P.prototype, "indexOffset", 2);
-C([
+], k.prototype, "indexOffset", 2);
+O([
   l({ type: Number, attribute: "skeleton-rows" })
-], P.prototype, "skeletonRows", 2);
-C([
+], k.prototype, "skeletonRows", 2);
+O([
   l({ attribute: "row-key" })
-], P.prototype, "rowKey", 2);
-C([
+], k.prototype, "rowKey", 2);
+O([
   l({ type: Boolean })
-], P.prototype, "clickable", 2);
-C([
+], k.prototype, "clickable", 2);
+O([
   l({ attribute: !1 })
-], P.prototype, "renderers", 2);
-C([
+], k.prototype, "renderers", 2);
+O([
   l({ attribute: !1 })
-], P.prototype, "visibleColumns", 2);
-C([
+], k.prototype, "visibleColumns", 2);
+O([
   l({ type: Boolean, attribute: "column-picker" })
-], P.prototype, "columnPicker", 2);
-C([
+], k.prototype, "columnPicker", 2);
+O([
   l({ type: Number })
-], P.prototype, "page", 2);
-C([
+], k.prototype, "page", 2);
+O([
   l({ type: Number, attribute: "total-pages" })
-], P.prototype, "totalPages", 2);
-C([
+], k.prototype, "totalPages", 2);
+O([
   l({ type: Boolean, attribute: "cursor-mode" })
-], P.prototype, "cursorMode", 2);
-C([
+], k.prototype, "cursorMode", 2);
+O([
   l({ type: Boolean, attribute: "has-next" })
-], P.prototype, "hasNext", 2);
-C([
+], k.prototype, "hasNext", 2);
+O([
   l({ type: Boolean, attribute: "has-prev" })
-], P.prototype, "hasPrev", 2);
-C([
+], k.prototype, "hasPrev", 2);
+O([
   y()
-], P.prototype, "pickerOpen", 2);
-C([
+], k.prototype, "pickerOpen", 2);
+O([
   y()
-], P.prototype, "pickedColumns", 2);
-C([
+], k.prototype, "pickedColumns", 2);
+O([
   y()
-], P.prototype, "draftColumns", 2);
-C([
+], k.prototype, "draftColumns", 2);
+O([
   y()
-], P.prototype, "pickAvail", 2);
-C([
+], k.prototype, "pickAvail", 2);
+O([
   y()
-], P.prototype, "pickSel", 2);
-C([
+], k.prototype, "pickSel", 2);
+O([
   y()
-], P.prototype, "expanded", 2);
-P = C([
-  u("baht-table")
-], P);
-var Cs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, dt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ds(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], k.prototype, "expanded", 2);
+k = O([
+  b("baht-table")
+], k);
+var Ds = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, ut = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Fs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Cs(e, i, s), s;
+  return a && s && Ds(e, i, s), s;
 };
-let at = class extends $ {
+let rt = class extends g {
   constructor() {
     super(...arguments), this.items = [], this.loading = !1, this.error = !1, this.errorMessage = "Couldn't load data. Try again.", this.emptyMessage = "Nothing here yet.", this.skeletonRows = 5, this.clickable = !0;
   }
@@ -585,36 +585,36 @@ let at = class extends $ {
     return n`<div class="baht-list" role=${t ? "list" : h}>${this.renderRows()}</div>`;
   }
 };
-dt([
+ut([
   l({ attribute: !1 })
-], at.prototype, "items", 2);
-dt([
+], rt.prototype, "items", 2);
+ut([
   l({ type: Boolean })
-], at.prototype, "loading", 2);
-dt([
+], rt.prototype, "loading", 2);
+ut([
   l({ type: Boolean })
-], at.prototype, "error", 2);
-dt([
+], rt.prototype, "error", 2);
+ut([
   l({ attribute: "error-message" })
-], at.prototype, "errorMessage", 2);
-dt([
+], rt.prototype, "errorMessage", 2);
+ut([
   l({ attribute: "empty-message" })
-], at.prototype, "emptyMessage", 2);
-dt([
+], rt.prototype, "emptyMessage", 2);
+ut([
   l({ type: Number, attribute: "skeleton-rows" })
-], at.prototype, "skeletonRows", 2);
-dt([
+], rt.prototype, "skeletonRows", 2);
+ut([
   l({ type: Boolean })
-], at.prototype, "clickable", 2);
-at = dt([
-  u("baht-list")
-], at);
-var Fs = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, Wt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Es(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], rt.prototype, "clickable", 2);
+rt = ut([
+  b("baht-list")
+], rt);
+var Es = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Jt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Bs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Fs(e, i, s), s;
+  return a && s && Es(e, i, s), s;
 };
-let _t = class extends $ {
+let Pt = class extends g {
   constructor() {
     super(...arguments), this.text = "", this.position = "top", this.dismissed = !1;
   }
@@ -633,7 +633,7 @@ let _t = class extends $ {
     t ? (t.setAttribute("aria-describedby", this.tooltipId), this.anchorEl.removeAttribute("tabindex"), this.anchorEl.removeAttribute("aria-describedby")) : (this.anchorEl.setAttribute("tabindex", "0"), this.anchorEl.setAttribute("aria-describedby", this.tooltipId));
   }
   firstUpdated() {
-    ne(this, this.anchorEl), this.wireDescribedBy(), setTimeout(() => this.isConnected && this.wireDescribedBy(), 0);
+    he(this, this.anchorEl), this.wireDescribedBy(), setTimeout(() => this.isConnected && this.wireDescribedBy(), 0);
   }
   onKeydown(t) {
     t.key === "Escape" && (this.dismissed = !0);
@@ -653,27 +653,27 @@ let _t = class extends $ {
     </span>`;
   }
 };
-Wt([
+Jt([
   l()
-], _t.prototype, "text", 2);
-Wt([
+], Pt.prototype, "text", 2);
+Jt([
   l()
-], _t.prototype, "position", 2);
-Wt([
-  Et(".baht-tooltip-anchor")
-], _t.prototype, "anchorEl", 2);
-Wt([
+], Pt.prototype, "position", 2);
+Jt([
+  It(".baht-tooltip-anchor")
+], Pt.prototype, "anchorEl", 2);
+Jt([
   y()
-], _t.prototype, "dismissed", 2);
-_t = Wt([
-  u("baht-tooltip")
-], _t);
-var Bs = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, Bt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Is(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Pt.prototype, "dismissed", 2);
+Pt = Jt([
+  b("baht-tooltip")
+], Pt);
+var Is = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Mt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ms(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Bs(e, i, s), s;
+  return a && s && Is(e, i, s), s;
 };
-let bt = class extends $ {
+let mt = class extends g {
   constructor() {
     super(...arguments), this.tone = "info", this.heading = "", this.message = "", this.dismissible = !1, this.dismissed = !1, this.generation = 0;
   }
@@ -689,7 +689,7 @@ let bt = class extends $ {
       e();
       return;
     }
-    i.classList.add("baht-alert--leaving"), ms(i, e);
+    i.classList.add("baht-alert--leaving"), vs(i, e);
   }
   render() {
     return this.dismissed ? h : n`<div class="baht-alert baht-alert--${this.tone}" role="alert">
@@ -697,34 +697,34 @@ let bt = class extends $ {
         ${this.heading ? n`<div class="baht-alert-title">${this.heading}</div>` : h}
         ${this.message ? n`<div class="baht-alert-message">${this.message}</div>` : h}
       </div>
-      ${this.dismissible ? n`<button type="button" class="baht-alert-dismiss" aria-label=${v("dismiss")} @click=${() => this.dismiss()}>×</button>` : h}
+      ${this.dismissible ? n`<button type="button" class="baht-alert-dismiss" aria-label=${m("dismiss")} @click=${() => this.dismiss()}>×</button>` : h}
     </div>`;
   }
 };
-Bt([
+Mt([
   l()
-], bt.prototype, "tone", 2);
-Bt([
+], mt.prototype, "tone", 2);
+Mt([
   l()
-], bt.prototype, "heading", 2);
-Bt([
+], mt.prototype, "heading", 2);
+Mt([
   l()
-], bt.prototype, "message", 2);
-Bt([
+], mt.prototype, "message", 2);
+Mt([
   l({ type: Boolean })
-], bt.prototype, "dismissible", 2);
-Bt([
+], mt.prototype, "dismissible", 2);
+Mt([
   y()
-], bt.prototype, "dismissed", 2);
-bt = Bt([
-  u("baht-alert")
-], bt);
-var js = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, It = (t, e, i, a) => {
+], mt.prototype, "dismissed", 2);
+mt = Mt([
+  b("baht-alert")
+], mt);
+var js = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, jt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ss(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && js(e, i, s), s;
 };
-let ft = class extends $ {
+let vt = class extends g {
   constructor() {
     super(...arguments), this.value = 0, this.max = 5, this.readonly = !1, this.label = "Rating", this.hover = 0;
   }
@@ -777,30 +777,30 @@ let ft = class extends $ {
     </div>`;
   }
 };
-It([
+jt([
   l({ type: Number })
-], ft.prototype, "value", 2);
-It([
+], vt.prototype, "value", 2);
+jt([
   l({ type: Number })
-], ft.prototype, "max", 2);
-It([
+], vt.prototype, "max", 2);
+jt([
   l({ type: Boolean })
-], ft.prototype, "readonly", 2);
-It([
+], vt.prototype, "readonly", 2);
+jt([
   l()
-], ft.prototype, "label", 2);
-It([
+], vt.prototype, "label", 2);
+jt([
   y()
-], ft.prototype, "hover", 2);
-ft = It([
-  u("baht-rating")
-], ft);
-var Ts = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, ut = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ms(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], vt.prototype, "hover", 2);
+vt = jt([
+  b("baht-rating")
+], vt);
+var Ts = Object.defineProperty, As = Object.getOwnPropertyDescriptor, bt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? As(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ts(e, i, s), s;
 };
-let it = class extends $ {
+let ot = class extends g {
   constructor() {
     super(...arguments), this.value = 0, this.min = 0, this.max = 100, this.step = 1, this.label = "", this.disabled = !1, this.showValue = !0;
   }
@@ -821,7 +821,7 @@ let it = class extends $ {
           type="range"
           id=${this.inputId}
           aria-label=${this.label ? h : "Value"}
-          .value=${rt(String(this.value))}
+          .value=${lt(String(this.value))}
           min=${this.min}
           max=${this.max}
           step=${this.step}
@@ -833,36 +833,36 @@ let it = class extends $ {
     </div>`;
   }
 };
-ut([
+bt([
   l({ type: Number })
-], it.prototype, "value", 2);
-ut([
+], ot.prototype, "value", 2);
+bt([
   l({ type: Number })
-], it.prototype, "min", 2);
-ut([
+], ot.prototype, "min", 2);
+bt([
   l({ type: Number })
-], it.prototype, "max", 2);
-ut([
+], ot.prototype, "max", 2);
+bt([
   l({ type: Number })
-], it.prototype, "step", 2);
-ut([
+], ot.prototype, "step", 2);
+bt([
   l()
-], it.prototype, "label", 2);
-ut([
+], ot.prototype, "label", 2);
+bt([
   l({ type: Boolean })
-], it.prototype, "disabled", 2);
-ut([
+], ot.prototype, "disabled", 2);
+bt([
   l({ type: Boolean, attribute: "show-value" })
-], it.prototype, "showValue", 2);
-it = ut([
-  u("baht-range")
-], it);
-var As = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, jt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ls(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], ot.prototype, "showValue", 2);
+ot = bt([
+  b("baht-range")
+], ot);
+var Ls = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, St = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ns(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && As(e, i, s), s;
+  return a && s && Ls(e, i, s), s;
 };
-let mt = class extends $ {
+let $t = class extends g {
   constructor() {
     super(...arguments), this.length = 6, this.value = "", this.disabled = !1, this.mode = "numeric", this.label = "One-time code", this._chars = [], this._lastValue = "", this._wasFull = !1;
   }
@@ -936,7 +936,7 @@ let mt = class extends $ {
           inputmode=${this.mode === "numeric" ? "numeric" : "text"}
           maxlength="1"
           autocomplete=${e === 0 ? "one-time-code" : "off"}
-          aria-label=${v("otpCharacter", { i: e + 1, n: this.length })}
+          aria-label=${m("otpCharacter", { i: e + 1, n: this.length })}
           .value=${t}
           ?disabled=${this.disabled}
           @input=${(i) => this.onInput(e, i)}
@@ -946,30 +946,30 @@ let mt = class extends $ {
     </div>`;
   }
 };
-jt([
+St([
   l({ type: Number })
-], mt.prototype, "length", 2);
-jt([
+], $t.prototype, "length", 2);
+St([
   l()
-], mt.prototype, "value", 2);
-jt([
+], $t.prototype, "value", 2);
+St([
   l({ type: Boolean })
-], mt.prototype, "disabled", 2);
-jt([
+], $t.prototype, "disabled", 2);
+St([
   l()
-], mt.prototype, "mode", 2);
-jt([
+], $t.prototype, "mode", 2);
+St([
   l()
-], mt.prototype, "label", 2);
-mt = jt([
-  u("baht-otp")
-], mt);
-var Ns = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, St = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? qs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], $t.prototype, "label", 2);
+$t = St([
+  b("baht-otp")
+], $t);
+var qs = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, Tt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Rs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ns(e, i, s), s;
+  return a && s && qs(e, i, s), s;
 };
-let vt = class extends $ {
+let yt = class extends g {
   constructor() {
     super(...arguments), this.options = [], this.selected = [], this.multiple = !0, this.disabled = !1, this.label = "Filters";
   }
@@ -993,30 +993,30 @@ let vt = class extends $ {
     </div>`;
   }
 };
-St([
+Tt([
   l({ attribute: !1 })
-], vt.prototype, "options", 2);
-St([
+], yt.prototype, "options", 2);
+Tt([
   l({ attribute: !1 })
-], vt.prototype, "selected", 2);
-St([
+], yt.prototype, "selected", 2);
+Tt([
   l({ type: Boolean })
-], vt.prototype, "multiple", 2);
-St([
+], yt.prototype, "multiple", 2);
+Tt([
   l({ type: Boolean })
-], vt.prototype, "disabled", 2);
-St([
+], yt.prototype, "disabled", 2);
+Tt([
   l()
-], vt.prototype, "label", 2);
-vt = St([
-  u("baht-filter")
-], vt);
-var Rs = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, ce = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? zs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], yt.prototype, "label", 2);
+yt = Tt([
+  b("baht-filter")
+], yt);
+var zs = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, pe = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Vs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Rs(e, i, s), s;
+  return a && s && zs(e, i, s), s;
 };
-let Vt = class extends $ {
+let Kt = class extends g {
   constructor() {
     super(...arguments), this.variant = "rect", this.width = "100%", this.height = "";
   }
@@ -1029,24 +1029,24 @@ let Vt = class extends $ {
     ></span>`;
   }
 };
-ce([
+pe([
   l()
-], Vt.prototype, "variant", 2);
-ce([
+], Kt.prototype, "variant", 2);
+pe([
   l()
-], Vt.prototype, "width", 2);
-ce([
+], Kt.prototype, "width", 2);
+pe([
   l()
-], Vt.prototype, "height", 2);
-Vt = ce([
-  u("baht-skeleton")
-], Vt);
-var Vs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Jt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ks(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Kt.prototype, "height", 2);
+Kt = pe([
+  b("baht-skeleton")
+], Kt);
+var Ks = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, Yt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Us(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Vs(e, i, s), s;
+  return a && s && Ks(e, i, s), s;
 };
-let kt = class extends $ {
+let Ot = class extends g {
   constructor() {
     super(...arguments), this.value = null, this.tone = "primary", this.showLabel = !1, this.label = "Progress";
   }
@@ -1067,27 +1067,27 @@ let kt = class extends $ {
     </div>`;
   }
 };
-Jt([
+Yt([
   l({ type: Number })
-], kt.prototype, "value", 2);
-Jt([
+], Ot.prototype, "value", 2);
+Yt([
   l()
-], kt.prototype, "tone", 2);
-Jt([
+], Ot.prototype, "tone", 2);
+Yt([
   l({ type: Boolean, attribute: "show-label" })
-], kt.prototype, "showLabel", 2);
-Jt([
+], Ot.prototype, "showLabel", 2);
+Yt([
   l()
-], kt.prototype, "label", 2);
-kt = Jt([
-  u("baht-progress")
-], kt);
-var Us = Object.defineProperty, Hs = Object.getOwnPropertyDescriptor, je = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Hs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ot.prototype, "label", 2);
+Ot = Yt([
+  b("baht-progress")
+], Ot);
+var Hs = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, je = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Gs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Us(e, i, s), s;
+  return a && s && Hs(e, i, s), s;
 };
-let ie = class extends $ {
+let re = class extends g {
   constructor() {
     super(...arguments), this.size = "md", this.label = "Loading";
   }
@@ -1098,24 +1098,24 @@ let ie = class extends $ {
 };
 je([
   l()
-], ie.prototype, "size", 2);
+], re.prototype, "size", 2);
 je([
   l()
-], ie.prototype, "label", 2);
-ie = je([
-  u("baht-spinner")
-], ie);
-var Gs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Yt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ws(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], re.prototype, "label", 2);
+re = je([
+  b("baht-spinner")
+], re);
+var Ws = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Xt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Js(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Gs(e, i, s), s;
+  return a && s && Ws(e, i, s), s;
 };
-let Pt = class extends $ {
+let Ct = class extends g {
   constructor() {
     super(...arguments), this.heading = "", this.subtitle = "", this.hero = !1;
   }
   firstUpdated() {
-    ne(this, this.bodyEl);
+    he(this, this.bodyEl);
   }
   render() {
     return n`<div class="baht-card${this.hero ? " baht-card--hero" : ""}">
@@ -1125,32 +1125,32 @@ let Pt = class extends $ {
     </div>`;
   }
 };
-Yt([
+Xt([
   l()
-], Pt.prototype, "heading", 2);
-Yt([
+], Ct.prototype, "heading", 2);
+Xt([
   l()
-], Pt.prototype, "subtitle", 2);
-Yt([
+], Ct.prototype, "subtitle", 2);
+Xt([
   l({ type: Boolean })
-], Pt.prototype, "hero", 2);
-Yt([
-  Et(".baht-card-body")
-], Pt.prototype, "bodyEl", 2);
-Pt = Yt([
-  u("baht-card")
-], Pt);
-var Js = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, pe = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ys(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ct.prototype, "hero", 2);
+Xt([
+  It(".baht-card-body")
+], Ct.prototype, "bodyEl", 2);
+Ct = Xt([
+  b("baht-card")
+], Ct);
+var Ys = Object.defineProperty, Xs = Object.getOwnPropertyDescriptor, de = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Xs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Js(e, i, s), s;
+  return a && s && Ys(e, i, s), s;
 };
-let Kt = class extends $ {
+let Ut = class extends g {
   constructor() {
     super(...arguments), this.legend = "", this.disabled = !1;
   }
   firstUpdated() {
-    ne(this, this.bodyEl);
+    he(this, this.bodyEl);
   }
   render() {
     return n`<fieldset class="baht-fieldset" ?disabled=${this.disabled}>
@@ -1159,24 +1159,24 @@ let Kt = class extends $ {
     </fieldset>`;
   }
 };
-pe([
+de([
   l()
-], Kt.prototype, "legend", 2);
-pe([
+], Ut.prototype, "legend", 2);
+de([
   l({ type: Boolean })
-], Kt.prototype, "disabled", 2);
-pe([
-  Et(".baht-fieldset-body")
-], Kt.prototype, "bodyEl", 2);
-Kt = pe([
-  u("baht-fieldset")
-], Kt);
-var Xs = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, rs = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Zs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ut.prototype, "disabled", 2);
+de([
+  It(".baht-fieldset-body")
+], Ut.prototype, "bodyEl", 2);
+Ut = de([
+  b("baht-fieldset")
+], Ut);
+var Zs = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, ls = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Qs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Xs(e, i, s), s;
+  return a && s && Zs(e, i, s), s;
 };
-let Ce = class extends $ {
+let De = class extends g {
   constructor() {
     super(...arguments), this.items = [];
   }
@@ -1200,18 +1200,18 @@ let Ce = class extends $ {
     </div>`;
   }
 };
-rs([
+ls([
   l({ attribute: !1 })
-], Ce.prototype, "items", 2);
-Ce = rs([
-  u("baht-timeline")
-], Ce);
-var Qs = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, de = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ta(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], De.prototype, "items", 2);
+De = ls([
+  b("baht-timeline")
+], De);
+var ta = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, ue = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ea(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Qs(e, i, s), s;
+  return a && s && ta(e, i, s), s;
 };
-let Ot = class extends $ {
+let Dt = class extends g {
   constructor() {
     super(...arguments), this.items = [], this.multiple = !1, this.openSet = /* @__PURE__ */ new Set(), this.itemsFingerprint = "";
   }
@@ -1220,7 +1220,7 @@ let Ot = class extends $ {
   }
   willUpdate(t) {
     if (t.has("items")) {
-      const e = Ot.fingerprint(this.items);
+      const e = Dt.fingerprint(this.items);
       e !== this.itemsFingerprint && (this.itemsFingerprint = e, this.openSet = new Set(this.items.flatMap((i, a) => i.open ? [a] : [])));
     }
   }
@@ -1252,24 +1252,24 @@ let Ot = class extends $ {
     </div>`;
   }
 };
-de([
+ue([
   l({ attribute: !1 })
-], Ot.prototype, "items", 2);
-de([
+], Dt.prototype, "items", 2);
+ue([
   l({ type: Boolean })
-], Ot.prototype, "multiple", 2);
-de([
+], Dt.prototype, "multiple", 2);
+ue([
   y()
-], Ot.prototype, "openSet", 2);
-Ot = de([
-  u("baht-accordion")
-], Ot);
-var ea = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Xt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? sa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Dt.prototype, "openSet", 2);
+Dt = ue([
+  b("baht-accordion")
+], Dt);
+var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, Zt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? aa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ea(e, i, s), s;
+  return a && s && sa(e, i, s), s;
 };
-let Ct = class extends $ {
+let Ft = class extends g {
   constructor() {
     super(...arguments), this.href = "", this.label = "", this.external = !1, this.externalHint = "opens in new tab";
   }
@@ -1282,27 +1282,27 @@ let Ct = class extends $ {
     >${this.label}${this.external ? n` <span class="baht-link-external" aria-hidden="true">↗</span><span class="baht-visually-hidden"> (${this.externalHint})</span>` : h}</a>`;
   }
 };
-Xt([
+Zt([
   l()
-], Ct.prototype, "href", 2);
-Xt([
+], Ft.prototype, "href", 2);
+Zt([
   l()
-], Ct.prototype, "label", 2);
-Xt([
+], Ft.prototype, "label", 2);
+Zt([
   l({ type: Boolean })
-], Ct.prototype, "external", 2);
-Xt([
+], Ft.prototype, "external", 2);
+Zt([
   l({ attribute: "external-hint" })
-], Ct.prototype, "externalHint", 2);
-Ct = Xt([
-  u("baht-link")
-], Ct);
-var aa = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, Se = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ia(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ft.prototype, "externalHint", 2);
+Ft = Zt([
+  b("baht-link")
+], Ft);
+var ia = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, Se = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ra(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && aa(e, i, s), s;
+  return a && s && ia(e, i, s), s;
 };
-let re = class extends $ {
+let oe = class extends g {
   constructor() {
     super(...arguments), this.items = [], this.separator = "›";
   }
@@ -1329,28 +1329,28 @@ let re = class extends $ {
 };
 Se([
   l({ attribute: !1 })
-], re.prototype, "items", 2);
+], oe.prototype, "items", 2);
 Se([
   l()
-], re.prototype, "separator", 2);
-re = Se([
-  u("baht-breadcrumbs")
-], re);
-var ra = Object.getOwnPropertyDescriptor, oa = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ra(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], oe.prototype, "separator", 2);
+oe = Se([
+  b("baht-breadcrumbs")
+], oe);
+var oa = Object.getOwnPropertyDescriptor, la = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? oa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Le = class extends W {
+let Ne = class extends Y {
   renderControl() {
     return n`<input
       class="baht-control baht-control--text"
       id=${this.controlId}
       type=${this.field.type === "email" ? "email" : this.field.type === "password" ? "password" : "text"}
-      .value=${rt(this.shownValue == null ? "" : String(this.shownValue))}
-      placeholder=${L(this.field.placeholder)}
-      maxlength=${L(this.field.max_length)}
-      autocomplete=${L(this.field.autocomplete)}
+      .value=${lt(this.shownValue == null ? "" : String(this.shownValue))}
+      placeholder=${N(this.field.placeholder)}
+      maxlength=${N(this.field.max_length)}
+      autocomplete=${N(this.field.autocomplete)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1360,24 +1360,24 @@ let Le = class extends W {
     />`;
   }
 };
-Le = oa([
-  u("baht-input")
-], Le);
-var la = Object.getOwnPropertyDescriptor, na = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? la(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ne = la([
+  b("baht-input")
+], Ne);
+var na = Object.getOwnPropertyDescriptor, ha = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? na(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ne = class extends W {
+let qe = class extends Y {
   renderControl() {
     return n`<textarea
       class="baht-control baht-control--textarea"
       id=${this.controlId}
-      .value=${rt(this.shownValue == null ? "" : String(this.shownValue))}
-      placeholder=${L(this.field.placeholder)}
-      maxlength=${L(this.field.max_length)}
+      .value=${lt(this.shownValue == null ? "" : String(this.shownValue))}
+      placeholder=${N(this.field.placeholder)}
+      maxlength=${N(this.field.max_length)}
       rows=${this.field.rows ?? 3}
-      autocomplete=${L(this.field.autocomplete)}
+      autocomplete=${N(this.field.autocomplete)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1387,25 +1387,25 @@ let Ne = class extends W {
     ></textarea>`;
   }
 };
-Ne = na([
-  u("baht-textarea")
-], Ne);
-var ha = Object.getOwnPropertyDescriptor, ca = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ha(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+qe = ha([
+  b("baht-textarea")
+], qe);
+var ca = Object.getOwnPropertyDescriptor, pa = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ca(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let qe = class extends W {
+let Re = class extends Y {
   renderControl() {
     return n`<input
       class="baht-control baht-control--number"
       id=${this.controlId}
       type="number"
-      .value=${rt(this.shownValue == null ? "" : String(this.shownValue))}
-      placeholder=${L(this.field.placeholder)}
-      min=${L(this.field.min)}
-      max=${L(this.field.max)}
-      step=${L(this.field.step)}
+      .value=${lt(this.shownValue == null ? "" : String(this.shownValue))}
+      placeholder=${N(this.field.placeholder)}
+      min=${N(this.field.min)}
+      max=${N(this.field.max)}
+      step=${N(this.field.step)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1418,23 +1418,23 @@ let qe = class extends W {
     />`;
   }
 };
-qe = ca([
-  u("baht-number")
-], qe);
-var pa = Object.defineProperty, da = Object.getOwnPropertyDescriptor, Te = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? da(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Re = pa([
+  b("baht-number")
+], Re);
+var da = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, Te = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ua(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && pa(e, i, s), s;
+  return a && s && da(e, i, s), s;
 };
-const ua = 500;
-let oe = class extends W {
+const ba = 500;
+let le = class extends Y {
   constructor() {
     super(...arguments), this.open = !1, this.active = 0, this.typeBuffer = "", this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
     };
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.typeTimer), q() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.typeTimer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   get listId() {
     return `${this.controlId}-list`;
@@ -1445,7 +1445,7 @@ let oe = class extends W {
   /** Placeholder row first (picks `null`), then the field's options. */
   get rows() {
     return [
-      { key: "", label: this.field.placeholder ?? v("choose") },
+      { key: "", label: this.field.placeholder ?? m("choose") },
       ...this.field.options ?? []
     ];
   }
@@ -1469,10 +1469,10 @@ let oe = class extends W {
     (e = t == null ? void 0 : t.scrollIntoView) == null || e.call(t, { block: "nearest" });
   }
   openList() {
-    !this.interactive || this.open || (this.active = this.selectedIndex, this.open = !0, q() && document.addEventListener("mousedown", this.onDocMousedown));
+    !this.interactive || this.open || (this.active = this.selectedIndex, this.open = !0, S() && document.addEventListener("mousedown", this.onDocMousedown));
   }
   close() {
-    this.open && (this.open = !1, q() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, S() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   toggle() {
     this.open ? this.close() : this.openList();
@@ -1490,7 +1490,7 @@ let oe = class extends W {
   }
   /** Type-to-select: first option (after the highlighted one) starting with the buffer. */
   typeahead(t) {
-    clearTimeout(this.typeTimer), this.typeBuffer += t.toLowerCase(), this.typeTimer = setTimeout(() => this.typeBuffer = "", ua);
+    clearTimeout(this.typeTimer), this.typeBuffer += t.toLowerCase(), this.typeTimer = setTimeout(() => this.typeBuffer = "", ba);
     const e = this.rows, i = this.typeBuffer.length === 1 ? this.active + 1 : this.active;
     for (let a = 0; a < e.length; a++) {
       const s = (i + a) % e.length;
@@ -1586,19 +1586,19 @@ let oe = class extends W {
 };
 Te([
   y()
-], oe.prototype, "open", 2);
+], le.prototype, "open", 2);
 Te([
   y()
-], oe.prototype, "active", 2);
-oe = Te([
-  u("baht-select")
-], oe);
-var ba = Object.getOwnPropertyDescriptor, fa = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ba(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], le.prototype, "active", 2);
+le = Te([
+  b("baht-select")
+], le);
+var fa = Object.getOwnPropertyDescriptor, ma = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? fa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Re = class extends W {
+let ze = class extends Y {
   get selected() {
     return Array.isArray(this.value) ? this.value : [];
   }
@@ -1618,7 +1618,7 @@ let Re = class extends W {
           <input
             type="checkbox"
             value=${t.key}
-            .checked=${rt(this.selected.includes(t.key))}
+            .checked=${lt(this.selected.includes(t.key))}
             ?disabled=${this.disabled || this.readonly}
             @change=${(e) => this.toggle(t.key, e.target.checked)}
           />
@@ -1628,15 +1628,15 @@ let Re = class extends W {
     </div>`;
   }
 };
-Re = fa([
-  u("baht-multiselect")
-], Re);
-var ma = Object.getOwnPropertyDescriptor, va = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ma(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+ze = ma([
+  b("baht-multiselect")
+], ze);
+var va = Object.getOwnPropertyDescriptor, $a = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? va(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let ze = class extends W {
+let Ve = class extends Y {
   /** Label sits beside the box, so suppress the block label. */
   renderLabel() {
     return h;
@@ -1646,7 +1646,7 @@ let ze = class extends W {
       <input
         type="checkbox"
         id=${this.controlId}
-        .checked=${rt(this.value === !0)}
+        .checked=${lt(this.value === !0)}
         ?disabled=${this.disabled || this.readonly}
         ?required=${this.required}
         aria-invalid=${this.invalid}
@@ -1659,15 +1659,15 @@ let ze = class extends W {
     </label>`;
   }
 };
-ze = va([
-  u("baht-checkbox")
-], ze);
-var $a = Object.getOwnPropertyDescriptor, ya = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? $a(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ve = $a([
+  b("baht-checkbox")
+], Ve);
+var ya = Object.getOwnPropertyDescriptor, ga = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ya(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ve = class extends W {
+let Ke = class extends Y {
   renderControl() {
     return n`<div
       class="baht-control baht-control--radio"
@@ -1683,7 +1683,7 @@ let Ve = class extends W {
             type="radio"
             name=${this.controlId}
             value=${t.key}
-            .checked=${rt(this.value === t.key)}
+            .checked=${lt(this.value === t.key)}
             ?disabled=${this.disabled || this.readonly}
             @change=${() => this.emitInput(t.key)}
           />
@@ -1693,15 +1693,15 @@ let Ve = class extends W {
     </div>`;
   }
 };
-Ve = ya([
-  u("baht-radio")
-], Ve);
-var ga = Object.getOwnPropertyDescriptor, wa = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ga(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ke = ga([
+  b("baht-radio")
+], Ke);
+var wa = Object.getOwnPropertyDescriptor, xa = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? wa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ke = class extends W {
+let Ue = class extends Y {
   renderLabel() {
     return h;
   }
@@ -1712,7 +1712,7 @@ let Ke = class extends W {
         role="switch"
         id=${this.controlId}
         aria-checked=${this.value === !0 ? "true" : "false"}
-        .checked=${rt(this.value === !0)}
+        .checked=${lt(this.value === !0)}
         ?disabled=${this.disabled || this.readonly}
         ?required=${this.required}
         aria-invalid=${this.invalid}
@@ -1726,15 +1726,15 @@ let Ke = class extends W {
     </label>`;
   }
 };
-Ke = wa([
-  u("baht-toggle")
-], Ke);
-var xa = Object.getOwnPropertyDescriptor, _a = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? xa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ue = xa([
+  b("baht-toggle")
+], Ue);
+var _a = Object.getOwnPropertyDescriptor, ka = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? _a(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ue = class extends W {
+let He = class extends Y {
   constructor() {
     super(...arguments), this.lastEmitted = null;
   }
@@ -1744,7 +1744,7 @@ let Ue = class extends W {
       id=${this.controlId}
       type="text"
       autocomplete="off"
-      placeholder=${L(this.field.placeholder)}
+      placeholder=${N(this.field.placeholder)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1765,7 +1765,7 @@ let Ue = class extends W {
       return;
     }
     if (!this.fp || this.fp.input !== e || t.has("field") || t.has("disabled") || t.has("readonly")) {
-      this.teardown(), this.fp = vs(e, this.options());
+      this.teardown(), this.fp = $s(e, this.options());
       return;
     }
     t.has("value") && (this.lastEmitted = null, this.syncValue());
@@ -1778,10 +1778,10 @@ let Ue = class extends W {
   syncValue() {
     if (!this.fp) return;
     const t = this.datesOf(this.value);
-    Ge(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
+    We(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
   }
   options() {
-    const t = this.field, e = ve(t), i = Lt(t.min), a = Lt(t.max);
+    const t = this.field, e = $e(t), i = Nt(t.min), a = Nt(t.max);
     return {
       static: !0,
       disableMobile: !0,
@@ -1793,7 +1793,7 @@ let Ue = class extends W {
       defaultDate: this.datesOf(this.value),
       ...i ? { minDate: i } : {},
       ...a ? { maxDate: a } : {},
-      disable: We(t),
+      disable: Je(t),
       onReady: (s, r, o) => this.mountFooter(o),
       onOpen: () => this.refreshFooter(),
       onChange: (s) => {
@@ -1810,9 +1810,9 @@ let Ue = class extends W {
     const e = document.createElement("div");
     e.className = "baht-datepicker-footer";
     const i = document.createElement("button");
-    i.type = "button", i.className = "baht-button baht-button--sm baht-datepicker-today", i.textContent = v("today"), i.addEventListener("click", () => this.pickToday());
+    i.type = "button", i.className = "baht-button baht-button--sm baht-datepicker-today", i.textContent = m("today"), i.addEventListener("click", () => this.pickToday());
     const a = document.createElement("button");
-    a.type = "button", a.className = "baht-button baht-button--danger baht-button--sm baht-datepicker-clear", a.textContent = v("clear"), a.addEventListener("click", () => {
+    a.type = "button", a.className = "baht-button baht-button--danger baht-button--sm baht-datepicker-clear", a.textContent = m("clear"), a.addEventListener("click", () => {
       var s, r;
       (s = this.fp) == null || s.clear(), (r = this.fp) == null || r.close();
     }), e.append(i, a), t.calendarContainer.appendChild(e), this.todayBtn = i, this.clearBtn = a, this.refreshFooter(t);
@@ -1824,15 +1824,15 @@ let Ue = class extends W {
     t && (this.todayBtn && (this.todayBtn.disabled = !this.todayAllowed()), this.clearBtn && (this.clearBtn.disabled = t.selectedDates.length === 0));
   }
   todayAllowed() {
-    const t = xt(/* @__PURE__ */ new Date()), e = Lt(this.field.min), i = Lt(this.field.max);
-    if (e && t < xt(e) || i && t > xt(i)) return !1;
-    for (const a of We(this.field) ?? [])
+    const t = kt(/* @__PURE__ */ new Date()), e = Nt(this.field.min), i = Nt(this.field.max);
+    if (e && t < kt(e) || i && t > kt(i)) return !1;
+    for (const a of Je(this.field) ?? [])
       if (a instanceof Date) {
-        if (He(a, t)) return !1;
+        if (Ge(a, t)) return !1;
       } else if (typeof a == "function") {
         if (a(t)) return !1;
       } else if (typeof a == "object" && "from" in a) {
-        const s = xt(new Date(a.from)), r = xt(new Date(a.to));
+        const s = kt(new Date(a.from)), r = kt(new Date(a.to));
         if (t >= s && t <= r) return !1;
       }
     return !0;
@@ -1840,13 +1840,13 @@ let Ue = class extends W {
   pickToday() {
     const t = this.fp;
     if (!t || !this.todayAllowed()) return;
-    const e = xt(/* @__PURE__ */ new Date());
-    switch (ve(this.field)) {
+    const e = kt(/* @__PURE__ */ new Date());
+    switch ($e(this.field)) {
       case "range":
         t.setDate([e, e], !0);
         break;
       case "multiple": {
-        t.selectedDates.some((a) => He(a, e)) || t.setDate([...t.selectedDates, e], !0);
+        t.selectedDates.some((a) => Ge(a, e)) || t.setDate([...t.selectedDates, e], !0);
         break;
       }
       default:
@@ -1856,16 +1856,16 @@ let Ue = class extends W {
   }
   emitIfChanged(t) {
     const e = this.lastEmitted ?? this.datesOf(this.value);
-    Ge(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
+    We(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
   }
   /** Host value (any mode) -> the Date list flatpickr works with. */
   datesOf(t) {
-    return ps(t).map(Lt).filter((e) => e !== null);
+    return ds(t).map(Nt).filter((e) => e !== null);
   }
   /** flatpickr's selection -> the value shape of the field's mode. */
   toValue(t) {
-    const e = t.map(Rt);
-    switch (ve(this.field)) {
+    const e = t.map(zt);
+    switch ($e(this.field)) {
       case "range":
         return e.length === 2 ? [e[0], e[1]] : null;
       case "multiple":
@@ -1875,44 +1875,44 @@ let Ue = class extends W {
     }
   }
 };
-Ue = _a([
-  u("baht-datepicker")
-], Ue);
-function xt(t) {
+He = ka([
+  b("baht-datepicker")
+], He);
+function kt(t) {
   return new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-function He(t, e) {
-  return Rt(t) === Rt(e);
-}
 function Ge(t, e) {
-  return t.length !== e.length ? !1 : t.every((i, a) => Rt(i) === Rt(e[a]));
+  return zt(t) === zt(e);
+}
+function We(t, e) {
+  return t.length !== e.length ? !1 : t.every((i, a) => zt(i) === zt(e[a]));
 }
-function We(t) {
+function Je(t) {
   const e = [];
   for (const a of t.disabled_dates ?? []) {
-    const s = ds(a);
+    const s = us(a);
     s && e.push(s[0].getTime() === s[1].getTime() ? s[0] : { from: s[0], to: s[1] });
   }
   const i = t.disabled_weekdays;
   return i != null && i.length && e.push((a) => i.includes(a.getDay())), e;
 }
-var ka = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, Zt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Pa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Pa = Object.defineProperty, Oa = Object.getOwnPropertyDescriptor, Qt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Oa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ka(e, i, s), s;
+  return a && s && Pa(e, i, s), s;
 };
-function Je(t) {
+function Ye(t) {
   return t !== null && typeof t == "object" && typeof t.url == "string";
 }
-function ye(t) {
+function ge(t) {
   return t >= 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(1)} MB` : t >= 1024 ? `${Math.round(t / 1024)} KB` : `${t} B`;
 }
-let Dt = class extends W {
+let Et = class extends Y {
   constructor() {
     super(...arguments), this.uploadingCount = 0, this.uploadError = null, this.rejectedNames = [];
   }
   get refs() {
-    return Array.isArray(this.value) ? this.value.filter(Je) : Je(this.value) ? [this.value] : [];
+    return Array.isArray(this.value) ? this.value.filter(Ye) : Ye(this.value) ? [this.value] : [];
   }
   emitRefs(t) {
     this.emitInput(this.field.multiple ? t : t[0] ?? null);
@@ -1925,7 +1925,7 @@ let Dt = class extends W {
       try {
         e.push(await this.uploader(i));
       } catch {
-        this.uploadError = v("uploadFailed");
+        this.uploadError = m("uploadFailed");
       } finally {
         this.uploadingCount -= 1;
       }
@@ -1950,7 +1950,7 @@ let Dt = class extends W {
     const t = [];
     return this.field.accept && t.push(
       this.field.accept.split(",").map((e) => e.trim()).join(", ")
-    ), this.field.max_size && t.push(v("uploadMaxSize", { size: ye(this.field.max_size) })), t.join(" · ");
+    ), this.field.max_size && t.push(m("uploadMaxSize", { size: ge(this.field.max_size) })), t.join(" · ");
   }
   renderControl() {
     const t = this.disabled || this.readonly || this.uploadingCount > 0, e = this.hintText(), i = [
@@ -1973,7 +1973,7 @@ let Dt = class extends W {
           class="baht-control baht-control--file baht-dropzone-input"
           id=${this.controlId}
           type="file"
-          accept=${L(this.field.accept)}
+          accept=${N(this.field.accept)}
           ?multiple=${this.field.multiple}
           ?disabled=${t}
           ?required=${this.required}
@@ -1981,83 +1981,83 @@ let Dt = class extends W {
           aria-describedby=${this.describedBy}
           @change=${(a) => this.onPick(a)}
         />
-        <span class="baht-dropzone-icon" aria-hidden="true">${U("upload")}</span>
+        <span class="baht-dropzone-icon" aria-hidden="true">${W("upload")}</span>
         <span class="baht-dropzone-text">
           <label class="baht-dropzone-action" for=${this.controlId}
-            >${this.field.multiple ? v("chooseFiles") : v("chooseFile")}</label
+            >${this.field.multiple ? m("chooseFiles") : m("chooseFile")}</label
           >
-          <span class="baht-dropzone-or">${v("orDropHere")}</span>
+          <span class="baht-dropzone-or">${m("orDropHere")}</span>
         </span>
         ${e ? n`<span class="baht-dropzone-hint">${e}</span>` : h}
       </div>
-      ${this.uploadingCount > 0 ? n`<p class="baht-file-status" role="status">${v("uploading")}</p>` : h}
+      ${this.uploadingCount > 0 ? n`<p class="baht-file-status" role="status">${m("uploading")}</p>` : h}
       ${this.uploadError ? n`<p class="baht-error" role="alert">${this.uploadError}</p>` : h}
       ${this.rejectedNames.length > 0 ? n`<p class="baht-error baht-file-rejected" role="alert">
-              ${v("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
+              ${m("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
             </p>` : h}
       ${this.captured.map(
       (a) => n`<span class="baht-file-chip">
           <span class="baht-file-name">${a.name}</span>
-          <span class="baht-file-size">${ye(a.size)}</span>
+          <span class="baht-file-size">${ge(a.size)}</span>
         </span>`
     )}
       ${this.refs.map(
       (a) => n`<span class="baht-file-chip">
           <a href=${a.url} target="_blank" rel="noreferrer"
-            >${a.name}<span class="baht-visually-hidden"> (${v("opensInNewTab")})</span></a
+            >${a.name}<span class="baht-visually-hidden"> (${m("opensInNewTab")})</span></a
           >
-          <span class="baht-file-size">${ye(a.size)}</span>
+          <span class="baht-file-size">${ge(a.size)}</span>
           ${this.disabled || this.readonly ? h : n`<button
                 type="button"
                 class="baht-file-remove"
-                aria-label=${v("removeFile")}
-                title=${v("removeFile")}
+                aria-label=${m("removeFile")}
+                title=${m("removeFile")}
                 @click=${() => this.emitRefs(this.refs.filter((s) => s !== a))}
               >
-                ${U("close")}
+                ${W("close")}
               </button>`}
         </span>`
     )}`;
   }
 };
-Zt([
+Qt([
   l({ attribute: !1 })
-], Dt.prototype, "uploader", 2);
-Zt([
+], Et.prototype, "uploader", 2);
+Qt([
   y()
-], Dt.prototype, "uploadingCount", 2);
-Zt([
+], Et.prototype, "uploadingCount", 2);
+Qt([
   y()
-], Dt.prototype, "uploadError", 2);
-Zt([
+], Et.prototype, "uploadError", 2);
+Qt([
   y()
-], Dt.prototype, "rejectedNames", 2);
-Dt = Zt([
-  u("baht-file")
-], Dt);
-var Oa = Object.defineProperty, Ca = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ca(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Et.prototype, "rejectedNames", 2);
+Et = Qt([
+  b("baht-file")
+], Et);
+var Ca = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Da(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Oa(e, i, s), s;
+  return a && s && Ca(e, i, s), s;
 };
-function Da(t, e) {
+function Fa(t, e) {
   return e.split(".").reduce((i, a) => {
     if (i !== null && typeof i == "object") return i[a];
   }, t);
 }
-function Fa(t, e) {
+function Ea(t, e) {
   const i = t.trim();
   if (!i) return null;
   try {
     const a = JSON.parse(i);
     if (typeof a == "string") return a;
-    const s = e ? Da(a, e) : a;
+    const s = e ? Fa(a, e) : a;
     return typeof s == "string" && s ? s : null;
   } catch {
     return /^(https?:\/\/|\/|data:|blob:)/.test(i) ? i : null;
   }
 }
-function Ea(t) {
+function Ba(t) {
   const i = (t.split(/[?#]/)[0] ?? t).split("/").filter(Boolean).pop() ?? t;
   try {
     return decodeURIComponent(i);
@@ -2065,10 +2065,10 @@ function Ea(t) {
     return i;
   }
 }
-function ge(t) {
+function we(t) {
   return t >= 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(1)} MB` : t >= 1024 ? `${Math.round(t / 1024)} KB` : `${t} B`;
 }
-let F = class extends $ {
+let F = class extends g {
   constructor() {
     super(...arguments), this.url = "", this.method = "POST", this.fieldName = "file", this.responseKey = "url", this.headers = {}, this.withCredentials = !1, this.value = null, this.label = "", this.hint = "", this.multiple = !1, this.disabled = !1, this.required = !1, this.error = null, this.pending = [], this.rejectedNames = [], this.dragging = !1, this.known = /* @__PURE__ */ new Map(), this.seq = 0;
   }
@@ -2079,7 +2079,7 @@ let F = class extends $ {
     return `baht-upload-${this.uid}`;
   }
   fileFor(t) {
-    return this.known.get(t) ?? { name: Ea(t), size: 0, url: t };
+    return this.known.get(t) ?? { name: Ba(t), size: 0, url: t };
   }
   /** Empty the value (does not delete anything on the server). */
   clear() {
@@ -2139,7 +2139,7 @@ let F = class extends $ {
         })
       );
     }, e.onload = () => {
-      const a = e.status >= 200 && e.status < 300, s = a ? Fa(e.responseText, this.responseKey) : null;
+      const a = e.status >= 200 && e.status < 300, s = a ? Ea(e.responseText, this.responseKey) : null;
       if (!a || !s) return this.failed(t, a ? 0 : e.status);
       this.known.set(s, {
         name: t.file.name,
@@ -2152,7 +2152,7 @@ let F = class extends $ {
     i.append(this.fieldName || "file", t.file, t.file.name), e.send(i);
   }
   failed(t, e) {
-    const i = v("uploadFailed");
+    const i = m("uploadFailed");
     this.patch(t.id, { error: i, percent: 0 }), this.dispatchEvent(
       new CustomEvent("baht-upload-error", {
         detail: { file: t.file, status: e, message: i },
@@ -2171,7 +2171,7 @@ let F = class extends $ {
     const t = [];
     return this.accept && t.push(
       this.accept.split(",").map((e) => e.trim()).join(", ")
-    ), this.maxSize && t.push(v("uploadMaxSize", { size: ge(this.maxSize) })), t.join(" · ");
+    ), this.maxSize && t.push(m("uploadMaxSize", { size: we(this.maxSize) })), t.join(" · ");
   }
   render() {
     const t = this.pending.some((c) => !c.error), e = !!this.error, i = this.hint || this.defaultHint(), a = i ? `${this.inputId}-hint` : void 0, s = this.error ? `${this.inputId}-error` : void 0, r = [a, s].filter(Boolean).join(" ") || void 0, o = [
@@ -2194,22 +2194,22 @@ let F = class extends $ {
           class="baht-dropzone-input"
           id=${this.inputId}
           type="file"
-          accept=${L(this.accept)}
+          accept=${N(this.accept)}
           ?multiple=${this.multiple}
           ?disabled=${this.disabled}
           ?required=${this.required}
           aria-invalid=${e ? "true" : "false"}
-          aria-describedby=${L(r)}
+          aria-describedby=${N(r)}
           @change=${(c) => this.onPick(c)}
         />
-        <span class="baht-dropzone-icon" aria-hidden="true">${U("upload")}</span>
+        <span class="baht-dropzone-icon" aria-hidden="true">${W("upload")}</span>
         <span class="baht-dropzone-text">
           <label class="baht-dropzone-action" for=${this.inputId}
-            >${this.multiple ? v("chooseFiles") : v("chooseFile")}</label
+            >${this.multiple ? m("chooseFiles") : m("chooseFile")}</label
           >
-          <span class="baht-dropzone-or">${v("orDropHere")}</span>
+          <span class="baht-dropzone-or">${m("orDropHere")}</span>
         </span>
-        ${i ? n`<span class="baht-dropzone-hint" id=${L(a)}>${i}</span>` : h}
+        ${i ? n`<span class="baht-dropzone-hint" id=${N(a)}>${i}</span>` : h}
       </div>
 
       ${this.pending.length > 0 || this.urls.length > 0 ? n`<ul class="baht-upload-list" aria-live="polite" aria-busy=${t ? "true" : "false"}>
@@ -2217,50 +2217,50 @@ let F = class extends $ {
               ${this.pending.map((c) => this.renderPending(c))}
             </ul>` : h}
       ${this.rejectedNames.length > 0 ? n`<p class="baht-error" role="alert">
-              ${v("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
+              ${m("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
             </p>` : h}
-      ${this.error ? n`<p class="baht-error" id=${L(s)} role="alert">${this.error}</p>` : h}
+      ${this.error ? n`<p class="baht-error" id=${N(s)} role="alert">${this.error}</p>` : h}
     </div>`;
   }
   renderStored(t) {
     const e = this.fileFor(t);
     return n`<li class="baht-file-chip baht-file-chip--done">
-      <span class="baht-file-chip-icon" aria-hidden="true">${U("check")}</span>
+      <span class="baht-file-chip-icon" aria-hidden="true">${W("check")}</span>
       <a class="baht-file-name" href=${t} target="_blank" rel="noreferrer"
-        >${e.name}<span class="baht-visually-hidden"> (${v("opensInNewTab")})</span></a
+        >${e.name}<span class="baht-visually-hidden"> (${m("opensInNewTab")})</span></a
       >
-      ${e.size > 0 ? n`<span class="baht-file-size">${ge(e.size)}</span>` : h}
+      ${e.size > 0 ? n`<span class="baht-file-size">${we(e.size)}</span>` : h}
       ${this.disabled ? h : n`<button
               type="button"
               class="baht-file-remove"
-              aria-label=${v("removeFile")}
-              title=${v("removeFile")}
+              aria-label=${m("removeFile")}
+              title=${m("removeFile")}
               @click=${() => this.emitValue(this.urls.filter((i) => i !== t))}
             >
-              ${U("close")}
+              ${W("close")}
             </button>`}
     </li>`;
   }
   renderPending(t) {
     return n`<li class="baht-file-chip ${t.error ? "baht-file-chip--error" : "baht-file-chip--busy"}">
       <span class="baht-file-name">${t.file.name}</span>
-      <span class="baht-file-size">${ge(t.file.size)}</span>
+      <span class="baht-file-size">${we(t.file.size)}</span>
       ${t.error ? n`<span class="baht-file-status baht-file-status--error" role="alert">${t.error}</span>
               <button type="button" class="baht-upload-retry" @click=${() => this.retry(t)}>
-                ${v("retry")}
+                ${m("retry")}
               </button>
               <button
                 type="button"
                 class="baht-file-remove"
-                aria-label=${v("removeFile")}
-                title=${v("removeFile")}
+                aria-label=${m("removeFile")}
+                title=${m("removeFile")}
                 @click=${() => this.dismiss(t)}
               >
-                ${U("close")}
+                ${W("close")}
               </button>` : n`<span
               class="baht-upload-bar"
               role="progressbar"
-              aria-label=${v("uploading")}
+              aria-label=${m("uploading")}
               aria-valuemin="0"
               aria-valuemax="100"
               aria-valuenow=${String(t.percent)}
@@ -2324,50 +2324,50 @@ I([
   y()
 ], F.prototype, "dragging", 2);
 F = I([
-  u("baht-upload")
+  b("baht-upload")
 ], F);
-var Ba = Object.defineProperty, Ia = Object.getOwnPropertyDescriptor, os = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ia(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Ia = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ns = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ma(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ba(e, i, s), s;
+  return a && s && Ia(e, i, s), s;
 };
-let De = class extends $ {
+let Fe = class extends g {
   render() {
     if (!this.field) return h;
     const t = this.field.variant ?? "body";
     return n`<div class="baht-text baht-text--${t}">${this.field.text ?? this.field.label ?? ""}</div>`;
   }
 };
-os([
+ns([
   l({ attribute: !1 })
-], De.prototype, "field", 2);
-De = os([
-  u("baht-text")
-], De);
-var ja = Object.defineProperty, Sa = Object.getOwnPropertyDescriptor, ls = (t, e, i, a) => {
+], Fe.prototype, "field", 2);
+Fe = ns([
+  b("baht-text")
+], Fe);
+var ja = Object.defineProperty, Sa = Object.getOwnPropertyDescriptor, hs = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Sa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && ja(e, i, s), s;
 };
-let Fe = class extends $ {
+let Ee = class extends g {
   render() {
     return this.field ? n`<div class="baht-section">
       <span class="baht-section-label">${this.field.text ?? this.field.label ?? ""}</span>
     </div>` : h;
   }
 };
-ls([
+hs([
   l({ attribute: !1 })
-], Fe.prototype, "field", 2);
-Fe = ls([
-  u("baht-section")
-], Fe);
-var Ta = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ue = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ma(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ee.prototype, "field", 2);
+Ee = hs([
+  b("baht-section")
+], Ee);
+var Ta = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, be = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Aa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ta(e, i, s), s;
 };
-let Ut = class extends $ {
+let Ht = class extends g {
   constructor() {
     super(...arguments), this.total = 0, this.label = "", this.color = "";
   }
@@ -2381,31 +2381,31 @@ let Ut = class extends $ {
     </div>`;
   }
 };
-ue([
+be([
   l({ type: Number })
-], Ut.prototype, "total", 2);
-ue([
+], Ht.prototype, "total", 2);
+be([
   l()
-], Ut.prototype, "label", 2);
-ue([
+], Ht.prototype, "label", 2);
+be([
   l()
-], Ut.prototype, "color", 2);
-Ut = ue([
-  u("baht-stat-chart")
-], Ut);
-var Aa = Object.defineProperty, Tt = (t, e, i, a) => {
+], Ht.prototype, "color", 2);
+Ht = be([
+  b("baht-stat-chart")
+], Ht);
+var La = Object.defineProperty, At = (t, e, i, a) => {
   for (var s = void 0, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(e, i, s) || s);
-  return s && Aa(e, i, s), s;
+  return s && La(e, i, s), s;
 };
-const La = 10;
-function lt(t, e) {
-  return e && t === 0 ? e : `var(--baht-chart-${t % La + 1})`;
+const Na = 10;
+function ft(t, e) {
+  return e && t === 0 ? e : `var(--baht-chart-${t % Na + 1})`;
 }
-function Ye(t, e = 5) {
+function Xe(t, e = 5) {
   return `var(--baht-chart-seq-${Math.min(e - 1, Math.max(0, t)) + 1})`;
 }
-function qt(t, e = "number", i = "THB") {
+function Rt(t, e = "number", i = "THB") {
   if (!Number.isFinite(t)) return "—";
   switch (e) {
     case "currency":
@@ -2429,22 +2429,22 @@ function qt(t, e = "number", i = "THB") {
       return new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(t);
   }
 }
-function Ee(t, e = 4) {
+function Be(t, e = 4) {
   if (!Number.isFinite(t) || t <= 0) return [0, 1];
   const i = t / (Math.max(1, e) + 1), a = 10 ** Math.floor(Math.log10(i)), s = [1, 2, 2.5, 5, 10].map((c) => c * a).find((c) => c >= i - 1e-9) ?? 10 * a, r = Math.ceil(t / s) * s, o = [];
   for (let c = 0; c <= r + s / 1e3; c += s) o.push(Number(c.toFixed(10)));
   return o;
 }
-function le(t, e) {
+function ne(t, e) {
   const [i, a] = t, [s, r] = e, o = a - i;
   return !Number.isFinite(o) || o === 0 ? () => s : (c) => s + (c - i) / o * (r - s);
 }
-function Na(t, e, i = "Other") {
+function qa(t, e, i = "Other") {
   if (t.length <= e) return t;
   const a = t.slice(0, e - 1), s = t.slice(e - 1).reduce((r, o) => r + o.count, 0);
   return [...a, { label: i, count: s }];
 }
-function be(t, e, i, a = "View as table") {
+function fe(t, e, i, a = "View as table") {
   return n`<details class="baht-chart-table">
     <summary>${a}</summary>
     <table>
@@ -2466,13 +2466,13 @@ function be(t, e, i, a = "View as table") {
     </table>
   </details>`;
 }
-class Q extends $ {
+class st extends g {
   constructor() {
     super(...arguments), this.emptyMessage = "No data to chart", this.loading = !1, this.showTable = !0, this.format = "number", this.currency = "THB", this.held = null;
   }
   /** Value → display text using this chart's `format` / `currency`. */
   fmt(e) {
-    return qt(e, this.format, this.currency);
+    return Rt(e, this.format, this.currency);
   }
   /**
    * The snapshot to draw. While `loading` is set the previous one is returned,
@@ -2495,21 +2495,21 @@ class Q extends $ {
    * untrusted data (interaction.md).
    */
   showTip(e, i) {
-    var g;
+    var $;
     const a = this.tipEl;
     if (!a) return;
     a.textContent = i, a.hidden = !1;
     const s = this.querySelector(".baht-chart");
     if (!s || typeof s.getBoundingClientRect != "function") return;
     const r = s.getBoundingClientRect(), o = e;
-    let c, m;
+    let c, f;
     if (typeof o.clientX == "number" && (o.clientX !== 0 || o.clientY !== 0))
-      c = o.clientX - r.left, m = o.clientY - r.top;
+      c = o.clientX - r.left, f = o.clientY - r.top;
     else {
-      const _ = e.currentTarget, p = (g = _ == null ? void 0 : _.getBoundingClientRect) == null ? void 0 : g.call(_);
-      c = p ? p.left + p.width / 2 - r.left : 0, m = p ? p.top - r.top : 0;
+      const w = e.currentTarget, p = ($ = w == null ? void 0 : w.getBoundingClientRect) == null ? void 0 : $.call(w);
+      c = p ? p.left + p.width / 2 - r.left : 0, f = p ? p.top - r.top : 0;
     }
-    a.style.left = `${Math.round(c)}px`, a.style.top = `${Math.round(m)}px`;
+    a.style.left = `${Math.round(c)}px`, a.style.top = `${Math.round(f)}px`;
   }
   /** Hide the tooltip (pointerleave / blur). */
   hideTip() {
@@ -2538,78 +2538,78 @@ class Q extends $ {
     </div>`;
   }
 }
-Tt([
+At([
   l({ attribute: "empty-message" })
-], Q.prototype, "emptyMessage");
-Tt([
+], st.prototype, "emptyMessage");
+At([
   l({ type: Boolean, reflect: !0 })
-], Q.prototype, "loading");
-Tt([
+], st.prototype, "loading");
+At([
   l({ type: Boolean, attribute: "show-table" })
-], Q.prototype, "showTable");
-Tt([
+], st.prototype, "showTable");
+At([
   l()
-], Q.prototype, "format");
-Tt([
+], st.prototype, "format");
+At([
   l()
-], Q.prototype, "currency");
-Tt([
-  Et(".baht-chart-tooltip")
-], Q.prototype, "tipEl");
-var qa = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, yt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ra(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], st.prototype, "currency");
+At([
+  It(".baht-chart-tooltip")
+], st.prototype, "tipEl");
+var Ra = Object.defineProperty, za = Object.getOwnPropertyDescriptor, wt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? za(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && qa(e, i, s), s;
+  return a && s && Ra(e, i, s), s;
 };
-let ht = class extends $ {
+let ct = class extends g {
   constructor() {
     super(...arguments), this.values = [], this.width = 96, this.height = 24, this.accentLast = !0, this.color = "", this.label = "";
   }
   render() {
-    const t = (this.values ?? []).filter((k) => Number.isFinite(k));
+    const t = (this.values ?? []).filter((x) => Number.isFinite(x));
     if (t.length < 2) return h;
-    const e = Math.max(16, this.width), i = Math.max(8, this.height), a = 3, s = Math.min(...t), r = Math.max(...t), o = le([0, t.length - 1], [a, e - a]), c = le([s, r === s ? s + 1 : r], [i - a, a]), m = t.map((k, b) => `${o(b).toFixed(2)},${c(k).toFixed(2)}`).join(" "), g = o(t.length - 1), _ = c(t[t.length - 1]), p = this.color || "var(--baht-chart-muted)", f = this.label || `Trend of ${t.length} points`;
+    const e = Math.max(16, this.width), i = Math.max(8, this.height), a = 3, s = Math.min(...t), r = Math.max(...t), o = ne([0, t.length - 1], [a, e - a]), c = ne([s, r === s ? s + 1 : r], [i - a, a]), f = t.map((x, u) => `${o(u).toFixed(2)},${c(x).toFixed(2)}`).join(" "), $ = o(t.length - 1), w = c(t[t.length - 1]), p = this.color || "var(--baht-chart-muted)", P = this.label || `Trend of ${t.length} points`;
     return n`<svg
       class="baht-sparkline"
       width=${e}
       height=${i}
       viewBox="0 0 ${e} ${i}"
       role="img"
-      aria-label=${f}
+      aria-label=${P}
     >
-      ${A`<polyline class="baht-sparkline-line" points=${m} fill="none" stroke=${p}/>`}
-      ${this.accentLast ? A`<circle class="baht-sparkline-dot" cx=${g.toFixed(2)} cy=${_.toFixed(2)} r="3"
+      ${L`<polyline class="baht-sparkline-line" points=${f} fill="none" stroke=${p}/>`}
+      ${this.accentLast ? L`<circle class="baht-sparkline-dot" cx=${$.toFixed(2)} cy=${w.toFixed(2)} r="3"
               fill="var(--baht-chart-1)"/>` : h}
     </svg>`;
   }
 };
-yt([
+wt([
   l({ type: Array })
-], ht.prototype, "values", 2);
-yt([
+], ct.prototype, "values", 2);
+wt([
   l({ type: Number })
-], ht.prototype, "width", 2);
-yt([
+], ct.prototype, "width", 2);
+wt([
   l({ type: Number })
-], ht.prototype, "height", 2);
-yt([
+], ct.prototype, "height", 2);
+wt([
   l({ type: Boolean, attribute: "accent-last" })
-], ht.prototype, "accentLast", 2);
-yt([
+], ct.prototype, "accentLast", 2);
+wt([
   l()
-], ht.prototype, "color", 2);
-yt([
+], ct.prototype, "color", 2);
+wt([
   l()
-], ht.prototype, "label", 2);
-ht = yt([
-  u("baht-sparkline")
-], ht);
-var za = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, J = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Va(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], ct.prototype, "label", 2);
+ct = wt([
+  b("baht-sparkline")
+], ct);
+var Va = Object.defineProperty, Ka = Object.getOwnPropertyDescriptor, X = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ka(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && za(e, i, s), s;
+  return a && s && Va(e, i, s), s;
 };
-let z = class extends $ {
+let K = class extends g {
   constructor() {
     super(...arguments), this.label = "", this.value = 0, this.format = "number", this.currency = "THB", this.delta = null, this.deltaKind = "pct", this.deltaLabel = "", this.upIsGood = !0, this.trend = [], this.size = "md";
   }
@@ -2624,19 +2624,20 @@ let z = class extends $ {
   }
   get deltaText() {
     const t = this.delta ?? 0, e = Math.abs(t);
-    return this.deltaKind === "pct" ? `${qt(e / 100, "percent")}` : qt(e, this.format, this.currency);
+    return this.deltaKind === "pct" ? `${Rt(e / 100, "percent")}` : Rt(e, this.format, this.currency);
   }
   render() {
     const t = this.delta != null && Number.isFinite(this.delta), e = this.tone, i = (this.delta ?? 0) > 0 ? "up" : (this.delta ?? 0) < 0 ? "down" : "flat";
     return n`<div class="baht-stat${this.size === "hero" ? " baht-stat--hero" : ""}">
       ${this.label ? n`<div class="baht-stat-label">${this.label}</div>` : h}
-      <div class="baht-stat-value">${qt(this.value, this.format, this.currency)}</div>
+      <div class="baht-stat-value">${Rt(this.value, this.format, this.currency)}</div>
       ${t ? n`<div class="baht-stat-delta baht-stat-delta--${e}">
               <span class="baht-stat-arrow" aria-hidden="true">${this.arrow}</span>
               <span class="baht-stat-delta-value">${this.deltaText}</span>
               <span class="baht-visually-hidden">${i}</span>
               ${this.deltaLabel ? n`<span class="baht-stat-delta-label">${this.deltaLabel}</span>` : h}
             </div>` : h}
+      ${!t && this.deltaLabel ? n`<div class="baht-stat-caption">${this.deltaLabel}</div>` : h}
       ${this.trend.length > 1 ? n`<baht-sparkline
               class="baht-stat-trend"
               .values=${this.trend}
@@ -2645,46 +2646,46 @@ let z = class extends $ {
     </div>`;
   }
 };
-J([
+X([
   l()
-], z.prototype, "label", 2);
-J([
+], K.prototype, "label", 2);
+X([
   l({ type: Number })
-], z.prototype, "value", 2);
-J([
+], K.prototype, "value", 2);
+X([
   l()
-], z.prototype, "format", 2);
-J([
+], K.prototype, "format", 2);
+X([
   l()
-], z.prototype, "currency", 2);
-J([
+], K.prototype, "currency", 2);
+X([
   l({ type: Number })
-], z.prototype, "delta", 2);
-J([
+], K.prototype, "delta", 2);
+X([
   l({ attribute: "delta-kind" })
-], z.prototype, "deltaKind", 2);
-J([
+], K.prototype, "deltaKind", 2);
+X([
   l({ attribute: "delta-label" })
-], z.prototype, "deltaLabel", 2);
-J([
+], K.prototype, "deltaLabel", 2);
+X([
   l({ type: Boolean, attribute: "up-is-good" })
-], z.prototype, "upIsGood", 2);
-J([
+], K.prototype, "upIsGood", 2);
+X([
   l({ type: Array })
-], z.prototype, "trend", 2);
-J([
+], K.prototype, "trend", 2);
+X([
   l()
-], z.prototype, "size", 2);
-z = J([
-  u("baht-stat")
-], z);
-var Ka = Object.defineProperty, Ua = Object.getOwnPropertyDescriptor, Mt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ua(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], K.prototype, "size", 2);
+K = X([
+  b("baht-stat")
+], K);
+var Ua = Object.defineProperty, Ha = Object.getOwnPropertyDescriptor, Lt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ha(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ka(e, i, s), s;
+  return a && s && Ua(e, i, s), s;
 };
-const Xe = 6;
-let H = class extends Q {
+const Ze = 6;
+let J = class extends st {
   constructor() {
     super(...arguments), this.groups = [], this.total = null, this.color = "", this.centerLabel = "records", this.otherLabel = "Other";
   }
@@ -2692,24 +2693,24 @@ let H = class extends Q {
     const t = this.hold(this.groups ?? []);
     if (t.length === 0)
       return n`<div class=${this.rootClass("baht-donut-chart")}>${this.renderEmpty()}</div>`;
-    const e = Na(t, Xe, this.otherLabel), i = e.reduce((p, f) => p + f.count, 0) || 1, a = this.total ?? t.reduce((p, f) => p + f.count, 0), s = H.R, r = 2 * Math.PI * s, o = e.length > 1 ? H.GAP : 0, c = t.length > Xe;
-    let m = 0;
-    const g = e.map((p, f) => {
-      const k = p.count / i, b = Math.max(0, k * r - o), w = {
+    const e = qa(t, Ze, this.otherLabel), i = e.reduce((p, P) => p + P.count, 0) || 1, a = this.total ?? t.reduce((p, P) => p + P.count, 0), s = J.R, r = 2 * Math.PI * s, o = e.length > 1 ? J.GAP : 0, c = t.length > Ze;
+    let f = 0;
+    const $ = e.map((p, P) => {
+      const x = p.count / i, u = Math.max(0, x * r - o), v = {
         ...p,
-        frac: k,
-        dash: `${b} ${r - b}`,
-        offset: -m * r,
+        frac: x,
+        dash: `${u} ${r - u}`,
+        offset: -f * r,
         // the folded tail is grey — never a generated ninth hue
-        color: c && f === e.length - 1 ? "var(--baht-chart-muted)" : lt(f, this.color || void 0)
+        color: c && P === e.length - 1 ? "var(--baht-chart-muted)" : ft(P, this.color || void 0)
       };
-      return m += k, w;
-    }), _ = `${a} ${this.centerLabel}: ${g.map((p) => `${p.label || "(empty)"} ${p.count} (${Math.round(p.frac * 100)}%)`).join(", ")}`;
+      return f += x, v;
+    }), w = `${a} ${this.centerLabel}: ${$.map((p) => `${p.label || "(empty)"} ${p.count} (${Math.round(p.frac * 100)}%)`).join(", ")}`;
     return n`<div class=${this.rootClass("baht-donut-chart")}>
-      <svg width="160" height="160" viewBox="0 0 160 160" role="img" aria-label=${_}>
+      <svg width="160" height="160" viewBox="0 0 160 160" role="img" aria-label=${w}>
         <g transform="translate(80,80) rotate(-90)">
-          ${g.map(
-      (p) => A`<circle r=${s} cx="0" cy="0" fill="none" stroke=${p.color}
+          ${$.map(
+      (p) => L`<circle r=${s} cx="0" cy="0" fill="none" stroke=${p.color}
                 stroke-width="22" stroke-dasharray=${p.dash} stroke-dashoffset=${p.offset}/>`
     )}
         </g>
@@ -2717,7 +2718,7 @@ let H = class extends Q {
         <text x="80" y="94" text-anchor="middle" class="baht-donut-chart-sub">${this.centerLabel}</text>
       </svg>
       <div class="baht-chart-legend">
-        ${g.map(
+        ${$.map(
       (p) => n`<div class="baht-chart-legend-row">
             <span class="baht-chart-swatch" style="background:${p.color}" aria-hidden="true"></span>
             <span class="baht-chart-legend-label">${p.label || "(empty)"}</span>
@@ -2726,10 +2727,10 @@ let H = class extends Q {
           </div>`
     )}
       </div>
-      ${this.showTable ? be(
+      ${this.showTable ? fe(
       `${a} ${this.centerLabel}`,
       ["Slice", "Value", "Share"],
-      g.map((p) => [
+      $.map((p) => [
         p.label || "(empty)",
         this.fmt(p.count),
         `${Math.round(p.frac * 100)}%`
@@ -2738,35 +2739,60 @@ let H = class extends Q {
     </div>`;
   }
 };
-H.R = 54;
-H.GAP = 2;
-Mt([
+J.R = 54;
+J.GAP = 2;
+Lt([
   l({ attribute: !1 })
-], H.prototype, "groups", 2);
-Mt([
+], J.prototype, "groups", 2);
+Lt([
   l({ type: Number })
-], H.prototype, "total", 2);
-Mt([
+], J.prototype, "total", 2);
+Lt([
   l()
-], H.prototype, "color", 2);
-Mt([
+], J.prototype, "color", 2);
+Lt([
   l({ attribute: "center-label" })
-], H.prototype, "centerLabel", 2);
-Mt([
+], J.prototype, "centerLabel", 2);
+Lt([
   l({ attribute: "other-label" })
-], H.prototype, "otherLabel", 2);
-H = Mt([
-  u("baht-donut-chart")
-], H);
-var Ha = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, K = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ga(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], J.prototype, "otherLabel", 2);
+J = Lt([
+  b("baht-donut-chart")
+], J);
+var Ga = Object.defineProperty, Wa = Object.getOwnPropertyDescriptor, V = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Wa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ha(e, i, s), s;
+  return a && s && Ga(e, i, s), s;
 };
-const Ze = 24;
-let R = class extends Q {
+const Qe = 24, ts = 2, Ja = 56, Ya = 26;
+let z = class extends st {
   constructor() {
-    super(...arguments), this.groups = [], this.series = [], this.categories = [], this.orientation = "horizontal", this.stacked = !1, this.compare = [], this.markers = [], this.labelValues = "ends", this.emphasis = null, this.color = "", this.label = "";
+    super(...arguments), this.groups = [], this.series = [], this.categories = [], this.orientation = "horizontal", this.stacked = !1, this.compare = [], this.compareLabel = "Previous period", this.markers = [], this.labelValues = "ends", this.emphasis = null, this.color = "", this.label = "", this.band = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback(), !(!S() || typeof ResizeObserver > "u") && (this.resizeObserver = new ResizeObserver(() => this.measure()), this.resizeObserver.observe(this));
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.resizeObserver) == null || t.disconnect(), this.resizeObserver = void 0, super.disconnectedCallback();
+  }
+  firstUpdated() {
+    S() && queueMicrotask(() => this.measure());
+  }
+  /** Host width → px per category. Never runs on the server (`hasDom` guard). */
+  measure() {
+    var r;
+    if (!S() || !this.isConnected || this.orientation !== "vertical") return;
+    const t = this.columnCount;
+    if (t === 0) return;
+    const e = ((r = this.getBoundingClientRect) == null ? void 0 : r.call(this).width) ?? 0;
+    if (!e) return;
+    const a = (Math.max(0, e - Ja) - ts * (t - 1)) / t, s = a > 0 ? Math.floor(a * 100) / 100 : 0;
+    Math.abs(s - this.band) > 0.01 && (this.band = s);
+  }
+  get columnCount() {
+    const t = this.model.series;
+    return t.length === 0 ? 0 : Math.max(...t.map((e) => e.values.length));
   }
   /** The series actually drawn — `groups` is normalised into one series. */
   get model() {
@@ -2782,7 +2808,7 @@ let R = class extends Q {
   }
   colorFor(t, e, i) {
     const a = this.model.series[t];
-    return this.emphasis != null && !(i ? t === this.emphasis : e === this.emphasis) ? "var(--baht-chart-muted)" : lt(i ? t : 0, this.color || (a == null ? void 0 : a.color) || void 0);
+    return this.emphasis != null && !(i ? t === this.emphasis : e === this.emphasis) ? "var(--baht-chart-muted)" : ft(i ? t : 0, this.color || (a == null ? void 0 : a.color) || void 0);
   }
   render() {
     const t = this.hold(this.model);
@@ -2792,7 +2818,7 @@ let R = class extends Q {
   domainMax(t, e, i) {
     const a = Math.max(...t.map((c) => c.values.length)), s = Array.from(
       { length: a },
-      (c, m) => e ? t.reduce((g, _) => g + (_.values[m] ?? 0), 0) : Math.max(...t.map((g) => g.values[m] ?? 0))
+      (c, f) => e ? t.reduce(($, w) => $ + (w.values[f] ?? 0), 0) : Math.max(...t.map(($) => $.values[f] ?? 0))
     ), r = Math.max(
       1,
       ...s,
@@ -2800,284 +2826,345 @@ let R = class extends Q {
       ...(this.markers ?? []).map((c) => c.value)
     );
     if (i) return r;
-    const o = Ee(r, 4);
+    const o = Be(r, 4);
     return o[o.length - 1] ?? r;
   }
   tableTwin(t, e, i) {
-    var s;
+    var r;
     if (!this.showTable) return h;
-    const a = ["Category", ...t.map((r) => r.name || "Value")];
-    return (s = this.compare) != null && s.length && a.push("Previous"), be(
-      this.label || "Bar chart data",
-      a,
-      Array.from({ length: i }, (r, o) => {
-        var m;
-        const c = [
-          e[o] || "(empty)",
-          ...t.map((g) => this.fmt(g.values[o] ?? 0))
-        ];
-        return (m = this.compare) != null && m.length && c.push(this.fmt(this.compare[o] ?? 0)), c;
-      })
-    );
+    const a = ["Category", ...t.map((o) => o.name || "Value")];
+    (r = this.compare) != null && r.length && a.push(this.compareLabel);
+    const s = Array.from({ length: i }, (o, c) => {
+      var $;
+      const f = [
+        e[c] || "(empty)",
+        ...t.map((w) => this.fmt(w.values[c] ?? 0))
+      ];
+      return ($ = this.compare) != null && $.length && f.push(this.fmt(this.compare[c] ?? 0)), f;
+    });
+    for (const o of this.markers ?? [])
+      s.push([
+        `${o.label ?? "Target"}${o.category ? ` (${o.category})` : ""}`,
+        this.fmt(o.value),
+        ...Array.from({ length: a.length - 2 }, () => "—")
+      ]);
+    return fe(this.label || "Bar chart data", a, s);
   }
   /** Markers with no `category` span the chart; the rest ride their own row. */
   markersFor(t) {
     return (this.markers ?? []).filter((e) => !e.category || e.category === t);
   }
+  /** Markers that apply to every row / column. */
+  get chartMarkers() {
+    return (this.markers ?? []).filter((t) => !t.category);
+  }
+  /** What a marker reads as: its own label, else its formatted value. */
+  markerText(t) {
+    return t.label ? `${t.label} ${this.fmt(t.value)}` : this.fmt(t.value);
+  }
+  /**
+   * Marker lines, positioned along the value axis. The label is drawn separately
+   * (`markerLabels`) as real text — a `title` attribute alone never reaches AT.
+   */
   markerOverlay(t, e) {
     return this.markersFor(e).map(
       (i) => n`<span
         class="baht-bar-chart-marker"
         style=${`left:${Math.min(100, i.value / t * 100).toFixed(2)}%`}
-        title=${i.label ?? this.fmt(i.value)}
         aria-hidden="true"
       ></span>`
     );
   }
+  /**
+   * Marker labels, sorted along the axis and thinned so neighbours never collide:
+   * a dropped label keeps its line, and its value still reads in the table twin.
+   */
+  placedMarkers(t) {
+    const e = [], i = [...this.chartMarkers].sort((a, s) => a.value - s.value);
+    for (const a of i) {
+      const s = Math.min(100, Math.max(0, a.value / t * 100)), r = e[e.length - 1];
+      r && s - r.pct < 12 || e.push({ m: a, pct: s });
+    }
+    return e;
+  }
+  /** Legend rows: one per series, plus the muted `compare` key when it is set. */
+  legendEntries(t) {
+    const e = t.map((i, a) => ({
+      label: i.name || "Value",
+      color: ft(a, i.color)
+    }));
+    return (this.compare ?? []).length > 0 && e.push({ label: this.compareLabel, color: "var(--baht-chart-muted)" }), e;
+  }
   renderHorizontal(t) {
-    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((p) => p.values.length)), o = this.domainMax(e, this.stacked, a), c = (this.compare ?? []).length > 0, m = (this.stacked ? 1 : e.length) + (c ? 1 : 0), g = Math.min(Ze, Math.max(6, Math.floor(48 / m))), _ = Array.from({ length: r }, (p, f) => {
-      const k = i[f] || "(empty)", b = e.reduce((O, At) => O + (At.values[f] ?? 0), 0), w = `${k}: ${e.map((O) => `${O.name ? `${O.name} ` : ""}${this.fmt(O.values[f] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[f] ?? 0)}` : ""}`, D = e.map((O, At) => ({
-        value: O.values[f] ?? 0,
-        color: this.colorFor(At, f, s),
-        name: O.name
+    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((P) => P.values.length)), o = this.domainMax(e, this.stacked, a), c = (this.compare ?? []).length > 0, f = (this.stacked ? 1 : e.length) + (c ? 1 : 0), $ = Math.min(Qe, Math.max(6, Math.floor(48 / f))), w = Array.from({ length: r }, (P, x) => {
+      const u = i[x] || "(empty)", v = e.reduce((C, R) => C + (R.values[x] ?? 0), 0), D = `${u}: ${e.map((C) => `${C.name ? `${C.name} ` : ""}${this.fmt(C.values[x] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[x] ?? 0)}` : ""}`, G = e.map((C, R) => ({
+        value: C.values[x] ?? 0,
+        color: this.colorFor(R, x, s),
+        name: C.name
       }));
       return n`<div class="baht-bar-chart-row">
-        <span class="baht-bar-chart-label" title=${k}>${k}</span>
+        <span class="baht-bar-chart-label" title=${u}>${u}</span>
         <div
           class="baht-bar-chart-track${this.stacked ? " baht-bar-chart-track--stacked" : ""}"
           tabindex="0"
           role="button"
-          aria-label=${w}
-          @pointermove=${(O) => this.showTip(O, w)}
+          aria-label=${D}
+          @pointermove=${(C) => this.showTip(C, D)}
           @pointerleave=${() => this.hideTip()}
-          @focus=${(O) => this.showTip(O, w)}
+          @focus=${(C) => this.showTip(C, D)}
           @blur=${() => this.hideTip()}
         >
-          ${this.markerOverlay(o, k)}
+          ${this.markerOverlay(o, u)}
           <div class="baht-bar-chart-bars">
-            ${this.stacked ? n`<div class="baht-bar-chart-stack" style=${`height:${g}px`}>
-                    ${D.map(
-        (O) => n`<div
+            ${this.stacked ? n`<div class="baht-bar-chart-stack" style=${`height:${$}px`}>
+                    ${G.map(
+        (C) => n`<div
                         class="baht-bar-chart-bar baht-bar-chart-bar--segment"
-                        style=${`width:${Math.max(0, O.value / o * 100)}%;background:${O.color}`}
+                        style=${`width:${Math.max(0, C.value / o * 100)}%;background:${C.color}`}
                       ></div>`
       )}
-                  </div>` : D.map(
-        (O) => n`<div
+                  </div>` : G.map(
+        (C) => n`<div
                       class="baht-bar-chart-bar"
-                      style=${`width:${Math.max(2, O.value / o * 100)}%;height:${g}px;background:${O.color}`}
+                      style=${`width:${Math.max(2, C.value / o * 100)}%;height:${$}px;background:${C.color}`}
                     ></div>`
       )}
             ${c ? n`<div
                     class="baht-bar-chart-bar baht-bar-chart-bar--compare"
-                    style=${`width:${Math.max(2, (this.compare[f] ?? 0) / o * 100)}%;height:${Math.min(8, g)}px`}
+                    style=${`width:${Math.max(2, (this.compare[x] ?? 0) / o * 100)}%;height:${Math.min(8, $)}px`}
                   ></div>` : h}
           </div>
         </div>
         ${this.labelValues === "ends" ? n`<span class="baht-bar-chart-count"
-                >${a ? e[0].values[f] ?? 0 : this.fmt(this.stacked ? b : e[0].values[f] ?? 0)}</span
+                >${a ? e[0].values[x] ?? 0 : this.fmt(this.stacked ? v : e[0].values[x] ?? 0)}</span
               >` : h}
       </div>`;
-    });
+    }), p = this.placedMarkers(o);
     return n`<div class=${this.rootClass("baht-bar-chart")}>
-      ${_}
+      ${p.length > 0 ? n`<div class="baht-bar-chart-row baht-bar-chart-row--markers">
+              <span class="baht-bar-chart-label"></span>
+              <div class="baht-bar-chart-markbar">
+                ${p.map(
+      ({ m: P, pct: x }) => n`<span
+                    class="baht-bar-chart-marker-label"
+                    style=${`left:${x.toFixed(2)}%;transform:translateX(${x > 88 ? "-100%" : x < 12 ? "0" : "-50%"})`}
+                    >${this.markerText(P)}</span
+                  >`
+    )}
+              </div>
+              ${this.labelValues === "ends" ? n`<span class="baht-bar-chart-count"></span>` : h}
+            </div>` : h}
+      ${w}
       ${this.renderTooltip()}
-      ${this.renderLegend(e.map((p, f) => ({ label: p.name, color: lt(f, p.color) })))}
+      ${this.renderLegend(this.legendEntries(e))}
       ${this.tableTwin(e, i, r)}
     </div>`;
   }
   renderVertical(t) {
-    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((f) => f.values.length)), o = this.domainMax(e, this.stacked, a), c = Ee(o, 4), m = (this.compare ?? []).length > 0, g = (this.stacked ? 1 : e.length) + (m ? 1 : 0), _ = Math.min(Ze, Math.max(4, Math.floor(48 / g))), p = this.label || `Column chart, ${r} categories. ${i.map((f, k) => `${f} ${this.fmt(e[0].values[k] ?? 0)}`).join(", ")}`;
+    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((v) => v.values.length)), o = this.domainMax(e, this.stacked, a), c = Be(o, 4), f = (this.compare ?? []).length > 0, $ = (this.stacked ? 1 : e.length) + (f ? 1 : 0), w = this.band > 0 ? (this.band - ts) / $ : 48 / $, p = Math.min(Qe, Math.max(2, Math.floor(w))), P = this.band > 0 ? Math.max(1, Math.ceil(Ya / Math.max(1, this.band))) : Math.max(1, Math.ceil(r / 12)), x = this.chartMarkers.map((v) => this.markerText(v)), u = this.label || `Column chart, ${r} categories. ${i.map((v, D) => `${v} ${this.fmt(e[0].values[D] ?? 0)}`).join(", ")}${x.length ? `. Reference lines: ${x.join(", ")}` : ""}`;
     return n`<div class=${this.rootClass("baht-bar-chart baht-bar-chart--vertical")}>
-      <div class="baht-bar-chart-plot" role="img" aria-label=${p}>
+      <div class="baht-bar-chart-plot" role="img" aria-label=${u}>
         <div class="baht-bar-chart-yaxis" aria-hidden="true">
-          ${[...c].reverse().map((f) => n`<span class="baht-chart-tick-text">${this.fmt(f)}</span>`)}
+          ${[...c].reverse().map((v) => n`<span class="baht-chart-tick-text">${this.fmt(v)}</span>`)}
         </div>
         <div class="baht-bar-chart-grid">
-          ${(this.markers ?? []).filter((f) => !f.category).map(
-      (f) => n`<span
-                class="baht-bar-chart-marker baht-bar-chart-marker--horizontal"
-                style=${`bottom:${Math.min(100, f.value / o * 100).toFixed(2)}%`}
-                title=${f.label ?? this.fmt(f.value)}
-                aria-hidden="true"
-              ></span>`
+          ${this.chartMarkers.map(
+      (v) => n`<span
+              class="baht-bar-chart-marker baht-bar-chart-marker--horizontal"
+              style=${`bottom:${Math.min(100, v.value / o * 100).toFixed(2)}%`}
+              aria-hidden="true"
+            ></span>`
+    )}
+          ${this.placedMarkers(o).map(
+      ({ m: v, pct: D }) => n`<span
+              class="baht-bar-chart-marker-label baht-bar-chart-marker-label--end"
+              style=${`bottom:${D.toFixed(2)}%`}
+              >${this.markerText(v)}</span
+            >`
     )}
           ${[...c].reverse().map(() => n`<span class="baht-chart-grid-rule" aria-hidden="true"></span>`)}
           <div class="baht-bar-chart-columns">
-            ${Array.from({ length: r }, (f, k) => {
-      const b = i[k] || "(empty)", w = `${b}: ${e.map((D) => `${D.name ? `${D.name} ` : ""}${this.fmt(D.values[k] ?? 0)}`).join(", ")}`;
+            ${Array.from({ length: r }, (v, D) => {
+      const G = i[D] || "(empty)", C = `${G}: ${e.map((R) => `${R.name ? `${R.name} ` : ""}${this.fmt(R.values[D] ?? 0)}`).join(", ")}`;
       return n`<div
                 class="baht-bar-chart-column"
+                style=${this.band > 0 ? `flex:0 0 auto;width:${this.band}px` : h}
                 tabindex="0"
                 role="button"
-                aria-label=${w}
-                @pointermove=${(D) => this.showTip(D, w)}
+                aria-label=${C}
+                @pointermove=${(R) => this.showTip(R, C)}
                 @pointerleave=${() => this.hideTip()}
-                @focus=${(D) => this.showTip(D, w)}
+                @focus=${(R) => this.showTip(R, C)}
                 @blur=${() => this.hideTip()}
               >
                 <div class="baht-bar-chart-column-bars">
                   ${e.map(
-        (D, O) => n`<div
+        (R, d) => n`<div
                       class="baht-bar-chart-col"
-                      style=${`height:${Math.max(1, (D.values[k] ?? 0) / o * 100)}%;width:${_}px;background:${this.colorFor(O, k, s)}`}
+                      style=${`height:${Math.max(1, (R.values[D] ?? 0) / o * 100)}%;width:${p}px;background:${this.colorFor(d, D, s)}`}
                     ></div>`
       )}
-                  ${m ? n`<div
+                  ${f ? n`<div
                           class="baht-bar-chart-col baht-bar-chart-col--compare"
-                          style=${`height:${Math.max(1, (this.compare[k] ?? 0) / o * 100)}%;width:${Math.min(8, _)}px`}
+                          style=${`height:${Math.max(1, (this.compare[D] ?? 0) / o * 100)}%;width:${Math.min(8, p)}px`}
                         ></div>` : h}
                 </div>
-                <span class="baht-bar-chart-xlabel">${b}</span>
+                ${D % P === 0 ? n`<span class="baht-bar-chart-xlabel">${G}</span>` : h}
               </div>`;
     })}
           </div>
         </div>
       </div>
       ${this.renderTooltip()}
-      ${this.renderLegend(e.map((f, k) => ({ label: f.name, color: lt(k, f.color) })))}
+      ${this.renderLegend(this.legendEntries(e))}
       ${this.tableTwin(e, i, r)}
     </div>`;
   }
 };
-K([
+V([
   l({ attribute: !1 })
-], R.prototype, "groups", 2);
-K([
+], z.prototype, "groups", 2);
+V([
   l({ attribute: !1 })
-], R.prototype, "series", 2);
-K([
+], z.prototype, "series", 2);
+V([
   l({ attribute: !1 })
-], R.prototype, "categories", 2);
-K([
+], z.prototype, "categories", 2);
+V([
   l()
-], R.prototype, "orientation", 2);
-K([
+], z.prototype, "orientation", 2);
+V([
   l({ type: Boolean })
-], R.prototype, "stacked", 2);
-K([
+], z.prototype, "stacked", 2);
+V([
   l({ attribute: !1 })
-], R.prototype, "compare", 2);
-K([
+], z.prototype, "compare", 2);
+V([
+  l({ attribute: "compare-label" })
+], z.prototype, "compareLabel", 2);
+V([
   l({ attribute: !1 })
-], R.prototype, "markers", 2);
-K([
+], z.prototype, "markers", 2);
+V([
   l({ attribute: "label-values" })
-], R.prototype, "labelValues", 2);
-K([
+], z.prototype, "labelValues", 2);
+V([
   l({ type: Number })
-], R.prototype, "emphasis", 2);
-K([
+], z.prototype, "emphasis", 2);
+V([
   l()
-], R.prototype, "color", 2);
-K([
+], z.prototype, "color", 2);
+V([
   l()
-], R.prototype, "label", 2);
-R = K([
-  u("baht-bar-chart")
-], R);
-var Wa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, ot = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ja(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], z.prototype, "label", 2);
+V([
+  y()
+], z.prototype, "band", 2);
+z = V([
+  b("baht-bar-chart")
+], z);
+var Xa = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, nt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Za(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Wa(e, i, s), s;
+  return a && s && Xa(e, i, s), s;
 };
-const Qe = 640, we = 260, B = { top: 14, right: 72, bottom: 30, left: 60 };
-let Z = class extends Q {
+const es = 640, xe = 260, B = { top: 14, right: 72, bottom: 30, left: 60 };
+let et = class extends st {
   constructor() {
     super(...arguments), this.series = [], this.categories = [], this.area = !1, this.markers = [], this.forecast = 0, this.baseline = null, this.labelValues = "ends", this.label = "", this.crosshairAt = null;
   }
   get plot() {
-    return { w: Qe - B.left - B.right, h: we - B.top - B.bottom };
+    return { w: es - B.left - B.right, h: xe - B.top - B.bottom };
   }
   render() {
     const t = this.hold({
       series: (this.series ?? []).filter((d) => {
-        var x;
-        return d && ((x = d.values) == null ? void 0 : x.length);
+        var _;
+        return d && ((_ = d.values) == null ? void 0 : _.length);
       }),
       categories: this.categories ?? []
     }), { series: e, categories: i } = t;
     if (e.length === 0)
       return n`<div class=${this.rootClass("baht-line-chart")}>${this.renderEmpty()}</div>`;
-    const a = Math.max(...e.map((d) => d.values.length)), s = e.flatMap((d) => d.values).filter((d) => Number.isFinite(d)), r = Math.max(0, ...s, ...(this.markers ?? []).map((d) => d.value)), o = Ee(r, 4), c = o[o.length - 1] ?? 1, { w: m, h: g } = this.plot, _ = le([0, Math.max(1, a - 1)], [B.left, B.left + m]), p = le([0, c], [B.top + g, B.top]), f = Math.max(0, a - 1 - Math.max(0, this.forecast)), k = (d, x, X) => d.slice(x, X + 1).map((et, st) => `${st === 0 ? "M" : "L"}${_(x + st).toFixed(2)},${p(et).toFixed(2)}`).join(" "), b = e.map((d, x) => ({
-      i: x,
+    const a = Math.max(...e.map((d) => d.values.length)), s = e.flatMap((d) => d.values).filter((d) => Number.isFinite(d)), r = Math.max(0, ...s, ...(this.markers ?? []).map((d) => d.value)), o = Be(r, 4), c = o[o.length - 1] ?? 1, { w: f, h: $ } = this.plot, w = ne([0, Math.max(1, a - 1)], [B.left, B.left + f]), p = ne([0, c], [B.top + $, B.top]), P = Math.max(0, a - 1 - Math.max(0, this.forecast)), x = (d, _, tt) => d.slice(_, tt + 1).map((at, it) => `${it === 0 ? "M" : "L"}${w(_ + it).toFixed(2)},${p(at).toFixed(2)}`).join(" "), u = e.map((d, _) => ({
+      i: _,
       name: d.name,
       value: d.values[d.values.length - 1] ?? 0,
       yPos: p(d.values[d.values.length - 1] ?? 0),
-      color: lt(x, d.color)
-    })), w = [...b].sort((d, x) => d.yPos - x.yPos), D = w.some((d, x) => x > 0 && d.yPos - w[x - 1].yPos < 15), O = this.labelValues === "ends" && !D, At = Math.max(1, Math.ceil(a / 8)), cs = this.label || `Line chart, ${e.length} series over ${a} points. ${e.map((d, x) => `${d.name}: ${this.fmt(b[x].value)} at the end`).join(". ")}`;
+      color: ft(_, d.color)
+    })), v = [...u].sort((d, _) => d.yPos - _.yPos), D = v.some((d, _) => _ > 0 && d.yPos - v[_ - 1].yPos < 15), G = this.labelValues === "ends" && !D, C = Math.max(1, Math.ceil(a / 8)), R = this.label || `Line chart, ${e.length} series over ${a} points. ${e.map((d, _) => `${d.name}: ${this.fmt(u[_].value)} at the end`).join(". ")}`;
     return n`<div class=${this.rootClass("baht-line-chart")}>
       <svg
         class="baht-chart-svg"
-        viewBox="0 0 ${Qe} ${we}"
+        viewBox="0 0 ${es} ${xe}"
         preserveAspectRatio="xMidYMid meet"
         role="img"
-        aria-label=${cs}
+        aria-label=${R}
       >
         ${o.map(
-      (d) => A`
-            <line class="baht-chart-grid-line" x1=${B.left} x2=${B.left + m}
+      (d) => L`
+            <line class="baht-chart-grid-line" x1=${B.left} x2=${B.left + f}
               y1=${p(d).toFixed(2)} y2=${p(d).toFixed(2)}/>
             <text class="baht-chart-tick" x=${B.left - 8} y=${(p(d) + 4).toFixed(2)}
               text-anchor="end">${this.fmt(d)}</text>`
     )}
         ${this.baseline != null ? [
-      A`<line class="baht-chart-baseline" x1=${B.left} x2=${B.left + m}
+      L`<line class="baht-chart-baseline" x1=${B.left} x2=${B.left + f}
               y1=${p(this.baseline).toFixed(2)} y2=${p(this.baseline).toFixed(2)}/>`
     ] : []}
         ${(this.markers ?? []).map(
-      (d) => A`
-            <line class="baht-chart-marker-line" x1=${B.left} x2=${B.left + m}
+      (d) => L`
+            <line class="baht-chart-marker-line" x1=${B.left} x2=${B.left + f}
               y1=${p(d.value).toFixed(2)} y2=${p(d.value).toFixed(2)}/>
-            <text class="baht-chart-marker-label" x=${B.left + m} y=${(p(d.value) - 5).toFixed(2)}
+            <text class="baht-chart-marker-label" x=${B.left + f} y=${(p(d.value) - 5).toFixed(2)}
               text-anchor="end">${d.label ?? this.fmt(d.value)}</text>`
     )}
-        ${this.area && e.length === 1 ? A`<path class="baht-chart-area" fill=${lt(0, e[0].color)}
-                d=${`${k(e[0].values, 0, a - 1)} L${_(a - 1).toFixed(2)},${p(0).toFixed(2)} L${_(0).toFixed(2)},${p(0).toFixed(2)} Z`}/>` : h}
-        ${e.map((d, x) => {
-      const X = lt(x, d.color), et = [
-        A`<path class="baht-chart-line" d=${k(d.values, 0, f)} stroke=${X} fill="none"/>`
+        ${this.area && e.length === 1 ? L`<path class="baht-chart-area" fill=${ft(0, e[0].color)}
+                d=${`${x(e[0].values, 0, a - 1)} L${w(a - 1).toFixed(2)},${p(0).toFixed(2)} L${w(0).toFixed(2)},${p(0).toFixed(2)} Z`}/>` : h}
+        ${e.map((d, _) => {
+      const tt = ft(_, d.color), at = [
+        L`<path class="baht-chart-line" d=${x(d.values, 0, P)} stroke=${tt} fill="none"/>`
       ];
-      return f < a - 1 && et.push(
-        A`<path class="baht-chart-line baht-chart-line--forecast" d=${k(d.values, f, a - 1)}
-                stroke=${X} fill="none"/>`
-      ), et.push(
-        A`<circle class="baht-chart-end-dot" cx=${_(a - 1).toFixed(2)}
-              cy=${p(d.values[d.values.length - 1] ?? 0).toFixed(2)} r="4" fill=${X}/>`
-      ), et;
+      return P < a - 1 && at.push(
+        L`<path class="baht-chart-line baht-chart-line--forecast" d=${x(d.values, P, a - 1)}
+                stroke=${tt} fill="none"/>`
+      ), at.push(
+        L`<circle class="baht-chart-end-dot" cx=${w(a - 1).toFixed(2)}
+              cy=${p(d.values[d.values.length - 1] ?? 0).toFixed(2)} r="4" fill=${tt}/>`
+      ), at;
     })}
-        ${O ? b.map(
-      (d) => A`
-                  <text class="baht-chart-end-label" x=${_(a - 1) + 10} y=${(d.yPos + 4).toFixed(2)}
+        ${G ? u.map(
+      (d) => L`
+                  <text class="baht-chart-end-label" x=${w(a - 1) + 10} y=${(d.yPos + 4).toFixed(2)}
                     text-anchor="start">${this.fmt(d.value)}</text>`
     ) : h}
         ${i.map(
-      (d, x) => x % At === 0 ? A`<text class="baht-chart-tick" x=${_(x).toFixed(2)} y=${we - 10} text-anchor="middle">${d}</text>` : h
+      (d, _) => _ % C === 0 ? L`<text class="baht-chart-tick" x=${w(_).toFixed(2)} y=${xe - 10} text-anchor="middle">${d}</text>` : h
     )}
-        ${Array.from({ length: a }, (d, x) => {
-      const X = m / Math.max(1, a - 1), et = `${i[x] ?? `Point ${x + 1}`}: ${e.map((st) => `${st.name} ${this.fmt(st.values[x] ?? 0)}`).join(", ")}`;
-      return A`<rect class="baht-chart-hit" x=${(_(x) - X / 2).toFixed(2)} y=${B.top}
-            width=${Math.max(24, X).toFixed(2)} height=${g} tabindex="0" role="button"
-            aria-label=${et}
-            @pointermove=${(st) => this.onHover(st, x, et)}
+        ${Array.from({ length: a }, (d, _) => {
+      const tt = f / Math.max(1, a - 1), at = `${i[_] ?? `Point ${_ + 1}`}: ${e.map((it) => `${it.name} ${this.fmt(it.values[_] ?? 0)}`).join(", ")}`;
+      return L`<rect class="baht-chart-hit" x=${(w(_) - tt / 2).toFixed(2)} y=${B.top}
+            width=${Math.max(24, tt).toFixed(2)} height=${$} tabindex="0" role="button"
+            aria-label=${at}
+            @pointermove=${(it) => this.onHover(it, _, at)}
             @pointerleave=${() => this.onLeave()}
-            @focus=${(st) => this.onHover(st, x, et)}
+            @focus=${(it) => this.onHover(it, _, at)}
             @blur=${() => this.onLeave()}/>`;
     })}
-        ${this.crosshairAt != null ? A`<line class="baht-chart-crosshair" x1=${_(this.crosshairAt).toFixed(2)}
-                x2=${_(this.crosshairAt).toFixed(2)} y1=${B.top} y2=${B.top + g}/>` : h}
+        ${this.crosshairAt != null ? L`<line class="baht-chart-crosshair" x1=${w(this.crosshairAt).toFixed(2)}
+                x2=${w(this.crosshairAt).toFixed(2)} y1=${B.top} y2=${B.top + $}/>` : h}
       </svg>
       ${this.renderTooltip()}
       ${this.renderLegend(
-      e.map((d, x) => ({ label: d.name, color: lt(x, d.color) })),
+      e.map((d, _) => ({ label: d.name, color: ft(_, d.color) })),
       "line"
     )}
-      ${this.showTable ? be(
+      ${this.showTable ? fe(
       this.label || "Line chart data",
       ["Point", ...e.map((d) => d.name)],
-      Array.from({ length: a }, (d, x) => [
-        i[x] ?? `Point ${x + 1}`,
-        ...e.map((X) => this.fmt(X.values[x] ?? 0))
+      Array.from({ length: a }, (d, _) => [
+        i[_] ?? `Point ${_ + 1}`,
+        ...e.map((tt) => this.fmt(tt.values[_] ?? 0))
       ])
     ) : h}
     </div>`;
@@ -3089,85 +3176,85 @@ let Z = class extends Q {
     this.crosshairAt = null, this.requestUpdate(), this.hideTip();
   }
 };
-ot([
+nt([
   l({ attribute: !1 })
-], Z.prototype, "series", 2);
-ot([
+], et.prototype, "series", 2);
+nt([
   l({ attribute: !1 })
-], Z.prototype, "categories", 2);
-ot([
+], et.prototype, "categories", 2);
+nt([
   l({ type: Boolean })
-], Z.prototype, "area", 2);
-ot([
+], et.prototype, "area", 2);
+nt([
   l({ attribute: !1 })
-], Z.prototype, "markers", 2);
-ot([
+], et.prototype, "markers", 2);
+nt([
   l({ type: Number })
-], Z.prototype, "forecast", 2);
-ot([
+], et.prototype, "forecast", 2);
+nt([
   l({ type: Number })
-], Z.prototype, "baseline", 2);
-ot([
+], et.prototype, "baseline", 2);
+nt([
   l({ attribute: "label-values" })
-], Z.prototype, "labelValues", 2);
-ot([
+], et.prototype, "labelValues", 2);
+nt([
   l()
-], Z.prototype, "label", 2);
-Z = ot([
-  u("baht-line-chart")
-], Z);
-var Ya = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, gt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Xa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], et.prototype, "label", 2);
+et = nt([
+  b("baht-line-chart")
+], et);
+var Qa = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, xt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ti(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ya(e, i, s), s;
+  return a && s && Qa(e, i, s), s;
 };
-const xe = 22, Nt = 24, ts = 34, _e = 18, Za = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-function ke(t) {
+const _e = 22, qt = 24, ss = 34, ke = 18, ei = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+function Pe(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})/.exec(t ?? "");
   return e ? new Date(Date.UTC(+e[1], +e[2] - 1, +e[3])) : null;
 }
-function Pe(t) {
+function Oe(t) {
   return t.toISOString().slice(0, 10);
 }
-let ct = class extends Q {
+let pt = class extends st {
   constructor() {
     super(...arguments), this.values = [], this.from = "", this.to = "", this.lessLabel = "Less", this.moreLabel = "More", this.label = "";
   }
   get range() {
-    const t = (this.values ?? []).map((a) => ke(a.date)).filter((a) => !!a), e = ke(this.from) ?? (t.length ? new Date(Math.min(...t.map((a) => +a))) : null), i = ke(this.to) ?? (t.length ? new Date(Math.max(...t.map((a) => +a))) : null);
+    const t = (this.values ?? []).map((a) => Pe(a.date)).filter((a) => !!a), e = Pe(this.from) ?? (t.length ? new Date(Math.min(...t.map((a) => +a))) : null), i = Pe(this.to) ?? (t.length ? new Date(Math.max(...t.map((a) => +a))) : null);
     return !e || !i || +i < +e ? null : { start: e, end: i };
   }
   render() {
     const t = this.hold({ values: this.values ?? [], range: this.range }), e = t.range;
     if (!e || t.values.length === 0)
       return n`<div class=${this.rootClass("baht-heatmap")}>${this.renderEmpty()}</div>`;
-    const i = new Map(t.values.map((b) => [b.date.slice(0, 10), b.value])), a = [], s = new Date(e.start), r = (e.start.getUTCDay() + 6) % 7;
+    const i = new Map(t.values.map((u) => [u.date.slice(0, 10), u.value])), a = [], s = new Date(e.start), r = (e.start.getUTCDay() + 6) % 7;
     let o = 0;
     for (; +s <= +e.end; ) {
-      const b = Pe(s), w = (s.getUTCDay() + 6) % 7, D = Math.floor((r + o) / 7);
-      a.push({ iso: b, value: i.has(b) ? i.get(b) : null, col: D, row: w }), s.setUTCDate(s.getUTCDate() + 1), o += 1;
+      const u = Oe(s), v = (s.getUTCDay() + 6) % 7, D = Math.floor((r + o) / 7);
+      a.push({ iso: u, value: i.has(u) ? i.get(u) : null, col: D, row: v }), s.setUTCDate(s.getUTCDate() + 1), o += 1;
     }
-    const c = Math.max(1, ...a.map((b) => b.col + 1)), m = ts + c * Nt, g = _e + 7 * Nt + 4, _ = Math.max(1, ...a.map((b) => b.value ?? 0)), p = (b) => Math.min(4, Math.max(0, Math.ceil(b / _ * 5) - 1)), f = a.reduce((b, w) => b + (w.value ?? 0), 0), k = this.label || `Calendar heatmap, ${a.length} days from ${Pe(e.start)} to ${Pe(e.end)}, total ${this.fmt(f)}`;
+    const c = Math.max(1, ...a.map((u) => u.col + 1)), f = ss + c * qt, $ = ke + 7 * qt + 4, w = Math.max(1, ...a.map((u) => u.value ?? 0)), p = (u) => Math.min(4, Math.max(0, Math.ceil(u / w * 5) - 1)), P = a.reduce((u, v) => u + (v.value ?? 0), 0), x = this.label || `Calendar heatmap, ${a.length} days from ${Oe(e.start)} to ${Oe(e.end)}, total ${this.fmt(P)}`;
     return n`<div class=${this.rootClass("baht-heatmap")}>
       <svg
         class="baht-chart-svg baht-heatmap-svg"
-        width=${m}
-        height=${g}
-        viewBox="0 0 ${m} ${g}"
+        width=${f}
+        height=${$}
+        viewBox="0 0 ${f} ${$}"
         preserveAspectRatio="xMinYMin meet"
         role="img"
-        aria-label=${k}
+        aria-label=${x}
       >
-        ${Za.map(
-      (b, w) => w % 2 === 0 ? A`<text class="baht-chart-tick" x="0" y=${_e + w * Nt + xe / 2 + 4}>${b}</text>` : h
+        ${ei.map(
+      (u, v) => v % 2 === 0 ? L`<text class="baht-chart-tick" x="0" y=${ke + v * qt + _e / 2 + 4}>${u}</text>` : h
     )}
-        ${a.map((b) => {
-      const w = b.value == null ? `${b.iso}: no activity` : `${b.iso}: ${this.fmt(b.value)}`, D = b.value == null || b.value <= 0 ? "var(--baht-chart-grid)" : Ye(p(b.value));
-      return A`<rect class="baht-heatmap-cell" x=${ts + b.col * Nt} y=${_e + b.row * Nt}
-            width=${xe} height=${xe} rx="3" fill=${D} tabindex="0" role="button" aria-label=${w}
-            @pointermove=${(O) => this.showTip(O, w)}
+        ${a.map((u) => {
+      const v = u.value == null ? `${u.iso}: no activity` : `${u.iso}: ${this.fmt(u.value)}`, D = u.value == null || u.value <= 0 ? "var(--baht-chart-grid)" : Xe(p(u.value));
+      return L`<rect class="baht-heatmap-cell" x=${ss + u.col * qt} y=${ke + u.row * qt}
+            width=${_e} height=${_e} rx="3" fill=${D} tabindex="0" role="button" aria-label=${v}
+            @pointermove=${(G) => this.showTip(G, v)}
             @pointerleave=${() => this.hideTip()}
-            @focus=${(O) => this.showTip(O, w)}
+            @focus=${(G) => this.showTip(G, v)}
             @blur=${() => this.hideTip()}/>`;
     })}
       </svg>
@@ -3175,73 +3262,79 @@ let ct = class extends Q {
       <div class="baht-heatmap-scale">
         <span class="baht-heatmap-scale-label">${this.lessLabel}</span>
         ${[0, 1, 2, 3, 4].map(
-      (b) => n`<span
+      (u) => n`<span
               class="baht-chart-swatch"
-              style=${`background:${Ye(b)}`}
+              style=${`background:${Xe(u)}`}
               aria-hidden="true"
             ></span>`
     )}
         <span class="baht-heatmap-scale-label">${this.moreLabel}</span>
       </div>
-      ${this.showTable ? be(
+      ${this.showTable ? fe(
       this.label || "Calendar heatmap data",
       ["Date", "Value"],
-      a.map((b) => [b.iso, b.value == null ? "—" : this.fmt(b.value)])
+      a.map((u) => [u.iso, u.value == null ? "—" : this.fmt(u.value)])
     ) : h}
     </div>`;
   }
 };
-gt([
+xt([
   l({ attribute: !1 })
-], ct.prototype, "values", 2);
-gt([
+], pt.prototype, "values", 2);
+xt([
   l()
-], ct.prototype, "from", 2);
-gt([
+], pt.prototype, "from", 2);
+xt([
   l()
-], ct.prototype, "to", 2);
-gt([
+], pt.prototype, "to", 2);
+xt([
   l({ attribute: "less-label" })
-], ct.prototype, "lessLabel", 2);
-gt([
+], pt.prototype, "lessLabel", 2);
+xt([
   l({ attribute: "more-label" })
-], ct.prototype, "moreLabel", 2);
-gt([
+], pt.prototype, "moreLabel", 2);
+xt([
   l()
-], ct.prototype, "label", 2);
-ct = gt([
-  u("baht-heatmap")
-], ct);
-var Qa = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, tt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ti(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], pt.prototype, "label", 2);
+pt = xt([
+  b("baht-heatmap")
+], pt);
+var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Z = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ai(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Qa(e, i, s), s;
+  return a && s && si(e, i, s), s;
 };
-let G = class extends $ {
+let U = class extends g {
   constructor() {
-    super(...arguments), this.value = 0, this.max = 100, this.label = "", this.format = "number", this.currency = "THB", this.thresholds = { warning: 0.8, danger: 1 }, this.expected = null, this.overLabel = "Over budget", this.nearLabel = "Near limit";
+    super(...arguments), this.value = 0, this.max = 100, this.label = "", this.format = "number", this.currency = "THB", this.thresholds = { warning: 0.8, danger: 1 }, this.expected = null, this.overLabel = "Over budget", this.atLabel = "At budget", this.nearLabel = "Near limit";
   }
   get fraction() {
     const t = this.max || 1, e = this.value / t;
     return Number.isFinite(e) ? Math.max(0, e) : 0;
   }
-  /** `ok` | `warning` | `danger`, from the fraction and the thresholds. */
+  /**
+   * `ok` | `warning` | `danger`, from the fraction and the thresholds. `danger` is
+   * strictly **above** its threshold: spending exactly the budget is not
+   * overspending, so it reads as the warning tone with an "At budget" status.
+   * `warning` stays inclusive (`>=`).
+   */
   get severity() {
     const { warning: t, danger: e } = this.thresholds ?? { warning: 0.8, danger: 1 }, i = this.fraction;
-    return i >= e ? "danger" : i >= t ? "warning" : "ok";
+    return i > e ? "danger" : i >= t ? "warning" : "ok";
   }
   get statusText() {
-    const t = this.severity;
-    return t === "danger" ? this.overLabel : t === "warning" ? this.nearLabel : "";
+    const { danger: t } = this.thresholds ?? { danger: 1 }, e = this.severity;
+    return e === "danger" ? this.overLabel : e === "warning" ? this.fraction >= t ? this.atLabel : this.nearLabel : "";
   }
   render() {
-    const t = this.severity, e = Math.min(100, this.fraction * 100), i = (o) => qt(o, this.format, this.currency), a = this.expected != null && Number.isFinite(this.expected) && this.max ? Math.min(100, Math.max(0, this.expected / this.max * 100)) : null, s = `${i(this.value)} of ${i(this.max)}`, r = t === "danger" ? "!" : t === "warning" ? "△" : "";
+    var c;
+    const t = this.severity, e = Math.min(100, this.fraction * 100), i = (f) => Rt(f, this.format, this.currency), a = this.expected != null && Number.isFinite(this.expected) && this.max ? Math.min(100, Math.max(0, this.expected / this.max * 100)) : null, s = `${i(this.value)} of ${i(this.max)}`, r = t === "warning" && this.fraction >= (((c = this.thresholds) == null ? void 0 : c.danger) ?? 1), o = t === "danger" ? "!" : r ? "=" : t === "warning" ? "△" : "";
     return n`<div class="baht-meter baht-meter--${t}">
       <div class="baht-meter-head">
         ${this.label ? n`<span class="baht-meter-label">${this.label}</span>` : h}
         <span class="baht-meter-value">${s}</span>
         ${this.statusText ? n`<span class="baht-meter-status"
-                ><span class="baht-meter-icon" aria-hidden="true">${r}</span
+                ><span class="baht-meter-icon" aria-hidden="true">${o}</span
                 >${this.statusText}</span
               >` : h}
       </div>
@@ -3265,42 +3358,45 @@ let G = class extends $ {
     </div>`;
   }
 };
-tt([
+Z([
   l({ type: Number })
-], G.prototype, "value", 2);
-tt([
+], U.prototype, "value", 2);
+Z([
   l({ type: Number })
-], G.prototype, "max", 2);
-tt([
+], U.prototype, "max", 2);
+Z([
   l()
-], G.prototype, "label", 2);
-tt([
+], U.prototype, "label", 2);
+Z([
   l()
-], G.prototype, "format", 2);
-tt([
+], U.prototype, "format", 2);
+Z([
   l()
-], G.prototype, "currency", 2);
-tt([
+], U.prototype, "currency", 2);
+Z([
   l({ attribute: !1 })
-], G.prototype, "thresholds", 2);
-tt([
+], U.prototype, "thresholds", 2);
+Z([
   l({ type: Number })
-], G.prototype, "expected", 2);
-tt([
+], U.prototype, "expected", 2);
+Z([
   l({ attribute: "over-label" })
-], G.prototype, "overLabel", 2);
-tt([
+], U.prototype, "overLabel", 2);
+Z([
+  l({ attribute: "at-label" })
+], U.prototype, "atLabel", 2);
+Z([
   l({ attribute: "near-label" })
-], G.prototype, "nearLabel", 2);
-G = tt([
-  u("baht-meter")
-], G);
-var ei = Object.defineProperty, si = Object.getOwnPropertyDescriptor, fe = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? si(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], U.prototype, "nearLabel", 2);
+U = Z([
+  b("baht-meter")
+], U);
+var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, me = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ri(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ei(e, i, s), s;
+  return a && s && ii(e, i, s), s;
 };
-let Ht = class extends $ {
+let Gt = class extends g {
   constructor() {
     super(...arguments), this.icon = "🗂️", this.message = "Nothing to display", this.hint = "";
   }
@@ -3312,24 +3408,24 @@ let Ht = class extends $ {
     </div>`;
   }
 };
-fe([
+me([
   l()
-], Ht.prototype, "icon", 2);
-fe([
+], Gt.prototype, "icon", 2);
+me([
   l()
-], Ht.prototype, "message", 2);
-fe([
+], Gt.prototype, "message", 2);
+me([
   l()
-], Ht.prototype, "hint", 2);
-Ht = fe([
-  u("baht-empty-state")
-], Ht);
-var ai = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, Qt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ii(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Gt.prototype, "hint", 2);
+Gt = me([
+  b("baht-empty-state")
+], Gt);
+var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, te = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? li(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ai(e, i, s), s;
+  return a && s && oi(e, i, s), s;
 };
-let Ft = class extends $ {
+let Bt = class extends g {
   constructor() {
     super(...arguments), this.icon = "⚠️", this.heading = "Something went wrong", this.message = "", this.retryLabel = "";
   }
@@ -3345,27 +3441,27 @@ let Ft = class extends $ {
     </div>`;
   }
 };
-Qt([
+te([
   l()
-], Ft.prototype, "icon", 2);
-Qt([
+], Bt.prototype, "icon", 2);
+te([
   l()
-], Ft.prototype, "heading", 2);
-Qt([
+], Bt.prototype, "heading", 2);
+te([
   l()
-], Ft.prototype, "message", 2);
-Qt([
+], Bt.prototype, "message", 2);
+te([
   l({ attribute: "retry-label" })
-], Ft.prototype, "retryLabel", 2);
-Ft = Qt([
-  u("baht-error-state")
-], Ft);
-var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, wt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? oi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Bt.prototype, "retryLabel", 2);
+Bt = te([
+  b("baht-error-state")
+], Bt);
+var ni = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, _t = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? hi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ri(e, i, s), s;
+  return a && s && ni(e, i, s), s;
 };
-let pt = class extends $ {
+let dt = class extends g {
   constructor() {
     super(...arguments), this.value = {}, this.keyPlaceholder = "key", this.valuePlaceholder = "value", this.add_label = "Add row", this.disabled = !1, this.rows = [{ k: "", v: "" }], this.syncedJson = "";
   }
@@ -3422,7 +3518,7 @@ let pt = class extends $ {
             aria-label="Remove row ${e + 1}"
             ?disabled=${this.disabled}
             @click=${() => this.commit(this.rows.filter((i, a) => a !== e))}
-          >${U("close")}</button>
+          >${W("close")}</button>
         </div>`
     )}
       <button
@@ -3430,37 +3526,37 @@ let pt = class extends $ {
         class="baht-keyvalue-add"
         ?disabled=${this.disabled}
         @click=${this.addRow}
-      >${U("plus")}${this.add_label}</button>
+      >${W("plus")}${this.add_label}</button>
     </div>`;
   }
 };
-wt([
+_t([
   l({ attribute: !1 })
-], pt.prototype, "value", 2);
-wt([
+], dt.prototype, "value", 2);
+_t([
   l({ attribute: "key-placeholder" })
-], pt.prototype, "keyPlaceholder", 2);
-wt([
+], dt.prototype, "keyPlaceholder", 2);
+_t([
   l({ attribute: "value-placeholder" })
-], pt.prototype, "valuePlaceholder", 2);
-wt([
+], dt.prototype, "valuePlaceholder", 2);
+_t([
   l({ attribute: "add-label" })
-], pt.prototype, "add_label", 2);
-wt([
+], dt.prototype, "add_label", 2);
+_t([
   l({ type: Boolean })
-], pt.prototype, "disabled", 2);
-wt([
+], dt.prototype, "disabled", 2);
+_t([
   y()
-], pt.prototype, "rows", 2);
-pt = wt([
-  u("baht-keyvalue-editor")
-], pt);
-var li = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, M = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ni(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], dt.prototype, "rows", 2);
+dt = _t([
+  b("baht-keyvalue-editor")
+], dt);
+var ci = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, A = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? pi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && li(e, i, s), s;
+  return a && s && ci(e, i, s), s;
 };
-let S = class extends $ {
+let j = class extends g {
   constructor() {
     super(...arguments), this.label = "Reference", this.value = "", this.display = "", this.placeholder = "", this.disabled = !1, this.invalid = !1, this.href = "", this.lookupLabel = "Look up records", this.debounce = 200, this.fetcher = null, this.open = !1, this.term = "", this.options = [], this.loading = !1, this.activeIndex = -1, this.fetchSeq = 0, this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
@@ -3470,16 +3566,16 @@ let S = class extends $ {
     return `baht-refpicker-list-${this.uid}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), q() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   openLookup() {
-    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, q() && document.addEventListener("mousedown", this.onDocMousedown), this.search(""), this.updateComplete.then(() => {
+    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, S() && document.addEventListener("mousedown", this.onDocMousedown), this.search(""), this.updateComplete.then(() => {
       var t;
       return (t = this.inputEl) == null ? void 0 : t.focus();
     }));
   }
   close() {
-    this.open && (this.open = !1, this.loading = !1, clearTimeout(this.timer), q() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, this.loading = !1, clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   search(t) {
     clearTimeout(this.timer), this.timer = setTimeout(async () => {
@@ -3554,7 +3650,7 @@ let S = class extends $ {
               aria-label="Clear"
               @mousedown=${(e) => e.preventDefault()}
               @click=${() => this.clear()}
-            >${U("close")}</button>` : h}
+            >${W("close")}</button>` : h}
       </div>
       <button
         type="button"
@@ -3563,13 +3659,13 @@ let S = class extends $ {
         title=${this.lookupLabel}
         ?disabled=${this.disabled}
         @click=${() => this.open ? this.close() : this.openLookup()}
-      >${U("search")}</button>
+      >${W("search")}</button>
       ${this.value && this.href ? n`<a
             class="baht-refpicker-open"
             href=${this.href}
             aria-label="Open record"
             title="Open record"
-          >${U("external")}</a>` : h}
+          >${W("external")}</a>` : h}
       <div
         class="baht-refpicker-list"
         id=${this.listboxId}
@@ -3596,63 +3692,63 @@ let S = class extends $ {
     </div>`;
   }
 };
-M([
+A([
   l()
-], S.prototype, "label", 2);
-M([
+], j.prototype, "label", 2);
+A([
   l()
-], S.prototype, "value", 2);
-M([
+], j.prototype, "value", 2);
+A([
   l()
-], S.prototype, "display", 2);
-M([
+], j.prototype, "display", 2);
+A([
   l()
-], S.prototype, "placeholder", 2);
-M([
+], j.prototype, "placeholder", 2);
+A([
   l({ type: Boolean })
-], S.prototype, "disabled", 2);
-M([
+], j.prototype, "disabled", 2);
+A([
   l({ type: Boolean })
-], S.prototype, "invalid", 2);
-M([
+], j.prototype, "invalid", 2);
+A([
   l()
-], S.prototype, "href", 2);
-M([
+], j.prototype, "href", 2);
+A([
   l({ attribute: "lookup-label" })
-], S.prototype, "lookupLabel", 2);
-M([
+], j.prototype, "lookupLabel", 2);
+A([
   l({ type: Number })
-], S.prototype, "debounce", 2);
-M([
+], j.prototype, "debounce", 2);
+A([
   l({ attribute: !1 })
-], S.prototype, "fetcher", 2);
-M([
+], j.prototype, "fetcher", 2);
+A([
   y()
-], S.prototype, "open", 2);
-M([
+], j.prototype, "open", 2);
+A([
   y()
-], S.prototype, "term", 2);
-M([
+], j.prototype, "term", 2);
+A([
   y()
-], S.prototype, "options", 2);
-M([
+], j.prototype, "options", 2);
+A([
   y()
-], S.prototype, "loading", 2);
-M([
+], j.prototype, "loading", 2);
+A([
   y()
-], S.prototype, "activeIndex", 2);
-M([
-  Et("input")
-], S.prototype, "inputEl", 2);
-S = M([
-  u("baht-reference-picker")
-], S);
-var hi = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, j = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ci(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], j.prototype, "activeIndex", 2);
+A([
+  It("input")
+], j.prototype, "inputEl", 2);
+j = A([
+  b("baht-reference-picker")
+], j);
+var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, M = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ui(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && hi(e, i, s), s;
+  return a && s && di(e, i, s), s;
 };
-let E = class extends $ {
+let E = class extends g {
   constructor() {
     super(...arguments), this.label = "Search", this.value = "", this.placeholder = "", this.disabled = !1, this.invalid = !1, this.options = [], this.fetcher = null, this.debounce = 150, this.minChars = 1, this.maxItems = 8, this.freeText = !0, this.autocomplete = "off", this.term = "", this.open = !1, this.results = [], this.loading = !1, this.activeIndex = -1, this.fetchSeq = 0, this.picked = null, this.lastPicked = null, this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
@@ -3668,7 +3764,7 @@ let E = class extends $ {
     return `${this.listboxId}-${t}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), q() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   willUpdate(t) {
     super.willUpdate(t), t.has("value") && this.timer === void 0 && (this.term = this.value);
@@ -3715,10 +3811,10 @@ let E = class extends $ {
     this.activeIndex !== t && (this.activeIndex = t);
   }
   listen() {
-    q() && document.addEventListener("mousedown", this.onDocMousedown);
+    S() && document.addEventListener("mousedown", this.onDocMousedown);
   }
   close() {
-    q() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
+    S() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
   }
   // ---- events ------------------------------------------------------------
   emitChange(t, e) {
@@ -3798,7 +3894,7 @@ let E = class extends $ {
         aria-invalid=${this.invalid ? "true" : h}
         autocomplete=${this.autocomplete}
         placeholder=${this.placeholder || h}
-        .value=${rt(this.term)}
+        .value=${lt(this.term)}
         ?disabled=${this.disabled}
         @input=${(i) => this.onInput(i)}
         @keydown=${(i) => this.onKeydown(i)}
@@ -3835,64 +3931,64 @@ let E = class extends $ {
     </div>`;
   }
 };
-j([
+M([
   l()
 ], E.prototype, "label", 2);
-j([
+M([
   l()
 ], E.prototype, "value", 2);
-j([
+M([
   l()
 ], E.prototype, "placeholder", 2);
-j([
+M([
   l({ type: Boolean })
 ], E.prototype, "disabled", 2);
-j([
+M([
   l({ type: Boolean })
 ], E.prototype, "invalid", 2);
-j([
+M([
   l({ attribute: !1 })
 ], E.prototype, "options", 2);
-j([
+M([
   l({ attribute: !1 })
 ], E.prototype, "fetcher", 2);
-j([
+M([
   l({ type: Number })
 ], E.prototype, "debounce", 2);
-j([
+M([
   l({ type: Number, attribute: "min-chars" })
 ], E.prototype, "minChars", 2);
-j([
+M([
   l({ type: Number, attribute: "max-items" })
 ], E.prototype, "maxItems", 2);
-j([
+M([
   l({ attribute: "free-text", converter: (t) => t !== "false" })
 ], E.prototype, "freeText", 2);
-j([
+M([
   l()
 ], E.prototype, "autocomplete", 2);
-j([
+M([
   y()
 ], E.prototype, "term", 2);
-j([
+M([
   y()
 ], E.prototype, "open", 2);
-j([
+M([
   y()
 ], E.prototype, "results", 2);
-j([
+M([
   y()
 ], E.prototype, "loading", 2);
-j([
+M([
   y()
 ], E.prototype, "activeIndex", 2);
-j([
-  Et("input")
+M([
+  It("input")
 ], E.prototype, "inputEl", 2);
-E = j([
-  u("baht-typeahead")
+E = M([
+  b("baht-typeahead")
 ], E);
-const ns = {
+const cs = {
   text: "baht-input",
   email: "baht-input",
   password: "baht-input",
@@ -3909,22 +4005,22 @@ const ns = {
   section: "baht-section",
   repeater: "baht-repeater"
 };
-var pi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, hs = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? di(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var bi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, ps = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? fi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && pi(e, i, s), s;
+  return a && s && bi(e, i, s), s;
 };
-const ui = {
+const mi = {
   "1/4": "baht-field--w-1-4",
   "1/2": "baht-field--w-1-2",
   "3/4": "baht-field--w-3-4",
   full: "baht-field--w-full"
-}, es = /* @__PURE__ */ new Map();
-function bi(t) {
-  let e = es.get(t);
-  return e || (e = is(t), es.set(t, e)), e;
+}, as = /* @__PURE__ */ new Map();
+function vi(t) {
+  let e = as.get(t);
+  return e || (e = os(t), as.set(t, e)), e;
 }
-let Be = class extends W {
+let Ie = class extends Y {
   constructor() {
     super(...arguments), this.rowErrors = [];
   }
@@ -3944,7 +4040,7 @@ let Be = class extends W {
   addRow() {
     const t = {};
     for (const e of this.subFields)
-      e.type === "label" || e.type === "section" || (t[e.key] = se(e));
+      e.type === "label" || e.type === "section" || (t[e.key] = ae(e));
     this.emitInput([...this.rows, t]);
   }
   removeRow(t) {
@@ -3953,7 +4049,7 @@ let Be = class extends W {
   /** Pending keystrokes in any row land in the array before the host reads it. */
   flushTyped() {
     var t;
-    if (!q()) return super.flushTyped();
+    if (!S()) return super.flushTyped();
     for (const e of this.querySelectorAll(".baht-repeater-row > .baht-field > *"))
       (t = e.flushTyped) == null || t.call(e);
     super.flushTyped();
@@ -3969,17 +4065,17 @@ let Be = class extends W {
    * focus, same as <baht-form> — and the whole thing renders on the server.
    */
   renderSub(t, e, i) {
-    const a = ns[i.type];
+    const a = cs[i.type];
     if (!a) return h;
-    const s = bi(a), r = ui[i.width ?? "full"] ?? "baht-field--w-full", o = (c) => {
+    const s = vi(a), r = mi[i.width ?? "full"] ?? "baht-field--w-full", o = (c) => {
       c.stopPropagation();
-      const { value: m } = c.detail;
-      this.patchRow(e, i.key, m);
+      const { value: f } = c.detail;
+      this.patchRow(e, i.key, f);
     };
     return n`<div class="baht-field ${r}" data-key=${i.key} data-type=${i.type}>
-      ${ee`<${s}
+      ${se`<${s}
         .field=${i}
-        .value=${Object.hasOwn(t, i.key) ? t[i.key] : se(i)}
+        .value=${Object.hasOwn(t, i.key) ? t[i.key] : ae(i)}
         .disabled=${this.disabled}
         .readonly=${this.readonly}
         .required=${!!i.required}
@@ -3998,16 +4094,16 @@ let Be = class extends W {
       aria-labelledby=${this.field.label ? this.labelId : h}
       aria-describedby=${this.describedBy}
     >
-      ${Oe(
+      ${Ce(
       t,
       (a, s) => s,
       (a, s) => n`<div
           class="baht-repeater-row"
           data-row=${s}
           role="group"
-          aria-label=${v("row", { n: s + 1 })}
+          aria-label=${m("row", { n: s + 1 })}
         >
-          ${Oe(
+          ${Ce(
         this.subFields,
         (r) => r.key,
         (r) => this.renderSub(a, s, r)
@@ -4015,8 +4111,8 @@ let Be = class extends W {
           ${e ? n`<button
                 type="button"
                 class="baht-repeater-remove"
-                aria-label=${v("removeRowN", { n: s + 1 })}
-                title=${v("removeRowN", { n: s + 1 })}
+                aria-label=${m("removeRowN", { n: s + 1 })}
+                title=${m("removeRowN", { n: s + 1 })}
                 @click=${() => this.removeRow(s)}
               >
                 ✕
@@ -4029,23 +4125,23 @@ let Be = class extends W {
             ?disabled=${this.disabled || i}
             @click=${() => this.addRow()}
           >
-            + ${this.field.add_label ?? v("addRow")}
+            + ${this.field.add_label ?? m("addRow")}
           </button>`}
     </div>`;
   }
 };
-hs([
+ps([
   l({ attribute: !1 })
-], Be.prototype, "rowErrors", 2);
-Be = hs([
-  u("baht-repeater")
-], Be);
-var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, me = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? mi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ie.prototype, "rowErrors", 2);
+Ie = ps([
+  b("baht-repeater")
+], Ie);
+var $i = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ve = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? yi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && fi(e, i, s), s;
+  return a && s && $i(e, i, s), s;
 };
-let Gt = class extends $ {
+let Wt = class extends g {
   constructor() {
     super(...arguments), this.steps = [], this.current = 0, this.variant = "default";
   }
@@ -4053,7 +4149,7 @@ let Gt = class extends $ {
     const t = this.variant === "sidebar";
     return n`<ol
       class="baht-steps ${t ? "baht-steps--sidebar" : ""}"
-      aria-label=${v("step", { current: this.current + 1, total: this.steps.length })}
+      aria-label=${m("step", { current: this.current + 1, total: this.steps.length })}
     >
       ${this.steps.map((e, i) => {
       const a = i < this.current ? "done" : i === this.current ? "current" : "todo";
@@ -4063,40 +4159,40 @@ let Gt = class extends $ {
         >
           ${t ? h : n`<span class="baht-step-marker" aria-hidden="true">${a === "done" ? "✓" : i + 1}</span>`}
           <span class="baht-step-label">${e}</span>
-          ${a === "done" ? n`<span class="baht-visually-hidden"> (${v("stepDone")})</span>` : a === "current" ? n`<span class="baht-visually-hidden"> (${v("stepCurrent")})</span>` : h}
+          ${a === "done" ? n`<span class="baht-visually-hidden"> (${m("stepDone")})</span>` : a === "current" ? n`<span class="baht-visually-hidden"> (${m("stepCurrent")})</span>` : h}
         </li>`;
     })}
     </ol>`;
   }
 };
-me([
+ve([
   l({ attribute: !1 })
-], Gt.prototype, "steps", 2);
-me([
+], Wt.prototype, "steps", 2);
+ve([
   l({ type: Number })
-], Gt.prototype, "current", 2);
-me([
+], Wt.prototype, "current", 2);
+ve([
   l()
-], Gt.prototype, "variant", 2);
-Gt = me([
-  u("baht-steps")
-], Gt);
-var vi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, Y = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? $i(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Wt.prototype, "variant", 2);
+Wt = ve([
+  b("baht-steps")
+], Wt);
+var gi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, Q = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? wi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && vi(e, i, s), s;
+  return a && s && gi(e, i, s), s;
 };
-const yi = {
+const xi = {
   "1/4": "baht-field--w-1-4",
   "1/2": "baht-field--w-1-2",
   "3/4": "baht-field--w-3-4",
   full: "baht-field--w-full"
-}, ss = /* @__PURE__ */ new Map();
-function gi(t) {
-  let e = ss.get(t);
-  return e || (e = is(t), ss.set(t, e)), e;
+}, is = /* @__PURE__ */ new Map();
+function _i(t) {
+  let e = is.get(t);
+  return e || (e = os(t), is.set(t, e)), e;
 }
-let V = class extends $ {
+let H = class extends g {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.options = {}, this.fieldStates = {}, this.flags = {}, this.readonly = !1, this.edits = {}, this.errors = [], this.dynamicOptions = /* @__PURE__ */ new Map(), this.optionsSnapshots = /* @__PURE__ */ new Map(), this.optionsEpoch = /* @__PURE__ */ new Map(), this.warnedViews = /* @__PURE__ */ new Set(), this.flagCache = {};
   }
@@ -4104,7 +4200,7 @@ let V = class extends $ {
     return this.form ? ((this.flagCache.form !== this.form || this.flagCache.flags !== this.flags) && (this.flagCache = {
       form: this.form,
       flags: this.flags,
-      out: as(this.form, this.flags)
+      out: rs(this.form, this.flags)
     }), this.flagCache.out) : this.form;
   }
   willUpdate(t) {
@@ -4120,7 +4216,7 @@ let V = class extends $ {
     const t = this.getData();
     for (const a of ((e = this.effectiveForm) == null ? void 0 : e.fields) ?? []) {
       if (!a.options_from) continue;
-      const s = JSON.stringify((a.options_deps ?? []).map((m) => t[m] ?? null));
+      const s = JSON.stringify((a.options_deps ?? []).map((f) => t[f] ?? null));
       if (this.optionsSnapshots.get(a.key) === s) continue;
       this.optionsSnapshots.set(a.key, s);
       const r = (this.optionsEpoch.get(a.key) ?? 0) + 1;
@@ -4131,10 +4227,10 @@ let V = class extends $ {
         continue;
       }
       const c = o(t);
-      c instanceof Promise ? c.then((m) => {
-        this.optionsEpoch.get(a.key) === r && (this.dynamicOptions.set(a.key, m), this.requestUpdate());
-      }).catch((m) => {
-        console.warn(`[bahtui] options fetcher "${a.options_from}" failed`, m), this.optionsEpoch.get(a.key) === r && this.optionsSnapshots.delete(a.key);
+      c instanceof Promise ? c.then((f) => {
+        this.optionsEpoch.get(a.key) === r && (this.dynamicOptions.set(a.key, f), this.requestUpdate());
+      }).catch((f) => {
+        console.warn(`[bahtui] options fetcher "${a.options_from}" failed`, f), this.optionsEpoch.get(a.key) === r && this.optionsSnapshots.delete(a.key);
       }) : this.dynamicOptions.set(a.key, c);
     }
   }
@@ -4149,13 +4245,13 @@ let V = class extends $ {
     for (; e.length > 0; ) {
       const r = e.shift();
       for (const o of ((a = this.effectiveForm) == null ? void 0 : a.fields) ?? [])
-        !((s = o.options_deps) != null && s.includes(r)) || i.has(o.key) || (i.add(o.key), this.edits = { ...this.edits, [o.key]: se(o) }, e.push(o.key));
+        !((s = o.options_deps) != null && s.includes(r)) || i.has(o.key) || (i.add(o.key), this.edits = { ...this.edits, [o.key]: ae(o) }, e.push(o.key));
     }
   }
   get sortedFields() {
     if (!this.form) return [];
-    const t = Me(this.effectiveForm, this.view);
-    return t || (this.view !== void 0 && !this.warnedViews.has(this.view) && (this.warnedViews.add(this.view), console.warn(`[bahtui] unknown view "${this.view}" — showing the full form`)), Me(this.effectiveForm) ?? []);
+    const t = Ae(this.effectiveForm, this.view);
+    return t || (this.view !== void 0 && !this.warnedViews.has(this.view) && (this.warnedViews.add(this.view), console.warn(`[bahtui] unknown view "${this.view}" — showing the full form`)), Ae(this.effectiveForm) ?? []);
   }
   stateFor(t) {
     return this.fieldStates[t.key] ?? {
@@ -4167,13 +4263,13 @@ let V = class extends $ {
     };
   }
   valueFor(t) {
-    return Object.hasOwn(this.edits, t.key) ? this.edits[t.key] : Object.hasOwn(this.value, t.key) ? this.value[t.key] : se(t);
+    return Object.hasOwn(this.edits, t.key) ? this.edits[t.key] : Object.hasOwn(this.value, t.key) ? this.value[t.key] : ae(t);
   }
   // ---- public API (spec 01 §6) ----
   /** Debounced keystrokes still in a control land in `edits` before anyone reads them. */
   flushTyped() {
     var t;
-    if (q())
+    if (S())
       for (const e of this.querySelectorAll(":scope > .baht-form > .baht-field > *"))
         (t = e.flushTyped) == null || t.call(e);
   }
@@ -4195,7 +4291,7 @@ let V = class extends $ {
       const s = this.stateFor(a);
       if (!s.visible) continue;
       const r = s.required === !!a.required ? a : { ...a, required: s.required };
-      t.push(...Ae(r, this.valueFor(a), this.registry, e));
+      t.push(...Le(r, this.valueFor(a), this.registry, e));
     }
     this.errors = t;
     const i = { valid: t.length === 0, errors: t };
@@ -4225,7 +4321,7 @@ let V = class extends $ {
     const e = this.stateFor(t);
     if (!e.visible) return [];
     const i = this.getData(), a = e.required === !!t.required ? t : { ...t, required: e.required };
-    return Ae(a, this.valueFor(t), this.registry, i);
+    return Le(a, this.valueFor(t), this.registry, i);
   }
   /** `validateOn: 'blur'` — validate just the field the user left, same as
    * how errors are shown elsewhere (merged into `this.errors`, painted by
@@ -4236,51 +4332,51 @@ let V = class extends $ {
     this.errors = [...i, ...e];
   }
   renderField(t) {
-    var k, b;
-    const e = ns[t.type];
+    var x, u;
+    const e = cs[t.type];
     if (!e)
       return console.warn(`[bahtui] unknown field type "${t.type}" — skipped`), h;
-    const i = this.stateFor(t), a = yi[t.width ?? "full"] ?? "baht-field--w-full", s = ((k = this.errors.find((w) => w.key === t.key)) == null ? void 0 : k.message) ?? null;
+    const i = this.stateFor(t), a = xi[t.width ?? "full"] ?? "baht-field--w-full", s = ((x = this.errors.find((v) => v.key === t.key)) == null ? void 0 : x.message) ?? null;
     if (this.readonly && t.type !== "label" && t.type !== "section")
       return this.renderReadonlyField(t, a, i.visible);
-    const r = t.options_from ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, o = this.valueFor(t), c = !i.enabled, m = this.readonly || i.readonly, g = this.options.inputDebounce, _ = (w) => this.onControlInput(t.key, w), p = gi(e);
-    let f;
+    const r = t.options_from ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, o = this.valueFor(t), c = !i.enabled, f = this.readonly || i.readonly, $ = this.options.inputDebounce, w = (v) => this.onControlInput(t.key, v), p = _i(e);
+    let P;
     if (t.type === "repeater") {
-      const w = this.errors.filter((D) => D.key.startsWith(`${t.key}[`));
-      f = ee`<${p}
+      const v = this.errors.filter((D) => D.key.startsWith(`${t.key}[`));
+      P = se`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
-        .readonly=${m}
+        .readonly=${f}
         .required=${i.required}
         .error=${s}
-        .debounce=${g}
-        .rowErrors=${w}
-        @baht-input=${_}
+        .debounce=${$}
+        .rowErrors=${v}
+        @baht-input=${w}
       ></${p}>`;
     } else if (t.type === "file") {
-      let w;
-      t.uploader && (w = (b = this.registry.uploaders) == null ? void 0 : b[t.uploader], w || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`)), f = ee`<${p}
+      let v;
+      t.uploader && (v = (u = this.registry.uploaders) == null ? void 0 : u[t.uploader], v || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`)), P = se`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
-        .readonly=${m}
+        .readonly=${f}
         .required=${i.required}
         .error=${s}
-        .debounce=${g}
-        .uploader=${w}
-        @baht-input=${_}
+        .debounce=${$}
+        .uploader=${v}
+        @baht-input=${w}
       ></${p}>`;
     } else
-      f = ee`<${p}
+      P = se`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
-        .readonly=${m}
+        .readonly=${f}
         .required=${i.required}
         .error=${s}
-        .debounce=${g}
-        @baht-input=${_}
+        .debounce=${$}
+        @baht-input=${w}
       ></${p}>`;
     return n`<div
       class="baht-field ${a} ${i.visible ? "" : "baht-field--hidden"}"
@@ -4289,7 +4385,7 @@ let V = class extends $ {
       data-testid="${this.form.form_id}.${t.key}"
       @focusout=${() => this.onFieldBlur(t)}
     >
-      ${f}
+      ${P}
     </div>`;
   }
   /**
@@ -4302,7 +4398,7 @@ let V = class extends $ {
     i && this.onFieldInput(i, e);
   }
   renderReadonlyField(t, e, i) {
-    const a = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = us(t, this.valueFor(t), a), r = s.kind === "empty" ? n`<span class="baht-readonly-value baht-readonly-value--empty">${v("emptyValue")}</span>` : s.kind === "text" ? n`<span class="baht-readonly-value">${s.text}</span>` : s.kind === "chips" ? n`<span class="baht-readonly-value baht-readonly-chips"
+    const a = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = bs(t, this.valueFor(t), a), r = s.kind === "empty" ? n`<span class="baht-readonly-value baht-readonly-value--empty">${m("emptyValue")}</span>` : s.kind === "text" ? n`<span class="baht-readonly-value">${s.text}</span>` : s.kind === "chips" ? n`<span class="baht-readonly-value baht-readonly-chips"
                 >${s.items.map((o) => n`<span class="baht-readonly-chip">${o}</span>`)}</span
               >` : n`<div class="baht-readonly-rows">
                 ${s.rows.map(
@@ -4328,7 +4424,7 @@ let V = class extends $ {
   }
   render() {
     return n`<div class="baht-form ${this.readonly ? "baht-form--readonly" : ""}">
-      ${Oe(
+      ${Ce(
       this.sortedFields,
       (t) => t.key,
       (t) => this.renderField(t)
@@ -4336,45 +4432,45 @@ let V = class extends $ {
     </div>`;
   }
 };
-Y([
+Q([
   l({ attribute: !1 })
-], V.prototype, "form", 2);
-Y([
+], H.prototype, "form", 2);
+Q([
   l({ attribute: !1 })
-], V.prototype, "value", 2);
-Y([
+], H.prototype, "value", 2);
+Q([
   l({ attribute: !1 })
-], V.prototype, "registry", 2);
-Y([
+], H.prototype, "registry", 2);
+Q([
   l({ attribute: !1 })
-], V.prototype, "options", 2);
-Y([
+], H.prototype, "options", 2);
+Q([
   l({ attribute: !1 })
-], V.prototype, "fieldStates", 2);
-Y([
+], H.prototype, "fieldStates", 2);
+Q([
   l({ type: String })
-], V.prototype, "view", 2);
-Y([
+], H.prototype, "view", 2);
+Q([
   l({ attribute: !1 })
-], V.prototype, "flags", 2);
-Y([
+], H.prototype, "flags", 2);
+Q([
   l({ type: Boolean })
-], V.prototype, "readonly", 2);
-Y([
+], H.prototype, "readonly", 2);
+Q([
   y()
-], V.prototype, "edits", 2);
-Y([
+], H.prototype, "edits", 2);
+Q([
   y()
-], V.prototype, "errors", 2);
-V = Y([
-  u("baht-form")
-], V);
-var wi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, N = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? xi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], H.prototype, "errors", 2);
+H = Q([
+  b("baht-form")
+], H);
+var ki = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, q = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Pi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && wi(e, i, s), s;
+  return a && s && ki(e, i, s), s;
 };
-let T = class extends $ {
+let T = class extends g {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.validateGate = !0, this.showBack = !0, this.flags = {}, this.showSteps = !1, this.stepsVariant = "default", this.data = {}, this.derived = null, this.current = null, this.approvalError = null, this.history = [], this.flagCache = {};
   }
@@ -4385,7 +4481,7 @@ let T = class extends $ {
     return this.workflow ? ((this.flagCache.workflow !== this.workflow || this.flagCache.flags !== this.flags) && (this.flagCache = {
       workflow: this.workflow,
       flags: this.flags,
-      out: as(this.workflow, this.flags)
+      out: rs(this.workflow, this.flags)
     }), this.flagCache.out) : this.workflow;
   }
   willUpdate(t) {
@@ -4393,7 +4489,7 @@ let T = class extends $ {
     t.has("workflow") || t.has("value") ? (this.data = structuredClone(this.value ?? {}), this.reevaluate(), this.history = [], this.current = ((e = this.visibleForms[0]) == null ? void 0 : e.form_name) ?? null, this.approvalError = null) : t.has("flags") && (this.reevaluate(), this.current && !this.visibleForms.some((a) => a.form_name === this.current) && (this.current = ((i = this.visibleForms[0]) == null ? void 0 : i.form_name) ?? null));
   }
   reevaluate() {
-    this.derived = bs(this.effectiveWorkflow, this.data), this.data = this.derived.data;
+    this.derived = fs(this.effectiveWorkflow, this.data), this.data = this.derived.data;
   }
   /** Forms in ascending order whose derived visibility is true. */
   get visibleForms() {
@@ -4413,7 +4509,7 @@ let T = class extends $ {
     if (!this.current) return "end";
     const t = this.effectiveWorkflow;
     if (t.transitions && t.transitions.length > 0)
-      return fs(t, this.current, this.data);
+      return ms(t, this.current, this.data);
     const e = this.visibleForms, i = e.findIndex((s) => s.form_name === this.current);
     return ((a = e[i + 1]) == null ? void 0 : a.form_name) ?? "end";
   }
@@ -4490,12 +4586,12 @@ let T = class extends $ {
     this.decide("rejected");
   }
   decide(t) {
-    var m;
+    var f;
     const e = this.currentForm;
     if (!e || e.kind !== "approval") return;
-    const i = e.approval ?? {}, a = String(((m = this.data[e.form_name]) == null ? void 0 : m.comment) ?? ""), s = i.comment ?? "optional";
+    const i = e.approval ?? {}, a = String(((f = this.data[e.form_name]) == null ? void 0 : f.comment) ?? ""), s = i.comment ?? "optional";
     if ((s === "required" || s === "requireOnReject" && t === "rejected") && a.trim() === "") {
-      this.approvalError = v("commentRequired");
+      this.approvalError = m("commentRequired");
       return;
     }
     this.approvalError = null, this.data = {
@@ -4509,7 +4605,7 @@ let T = class extends $ {
     }
     this.emit("baht-reject", o);
     const c = i.on_reject ?? { action: "end" };
-    c.action === "goto" && this.visibleForms.some((g) => g.form_name === c.form) ? this.gotoForm(c.form) : this.emit("baht-complete", { data: this.getData(), status: "rejected" });
+    c.action === "goto" && this.visibleForms.some(($) => $.form_name === c.form) ? this.gotoForm(c.form) : this.emit("baht-complete", { data: this.getData(), status: "rejected" });
   }
   /** Jump back to a visible form, truncating the history to that point. */
   gotoForm(t) {
@@ -4558,7 +4654,7 @@ let T = class extends $ {
     const e = ((a = t.approval) == null ? void 0 : a.comment) ?? "optional", i = this.summary_forms(t);
     return n`<div class="baht-approval">
       <div class="baht-approval-summary">
-        ${i.length === 0 ? n`<p class="baht-approval-empty">${v("nothingToReview")}</p>` : i.map(
+        ${i.length === 0 ? n`<p class="baht-approval-empty">${m("nothingToReview")}</p>` : i.map(
       (r) => n`<section class="baht-approval-group">
                   <h4 class="baht-approval-group-title">${r.form_name}</h4>
                   <baht-form
@@ -4572,7 +4668,7 @@ let T = class extends $ {
       </div>
       ${e !== "hidden" ? n`<label class="baht-approval-comment">
             <span class="baht-approval-comment-label">
-              ${v("comment")}${e === "required" ? v("commentRequiredSuffix") : ""}
+              ${m("comment")}${e === "required" ? m("commentRequiredSuffix") : ""}
             </span>
             <textarea
               rows="3"
@@ -4596,7 +4692,7 @@ let T = class extends $ {
       data-testid="${this.workflow.workflow_id}.${t.form_name}"
     >
       <div class="baht-visually-hidden" role="status">
-        ${v("step", { current: a + 1, total: i.length })}
+        ${m("step", { current: a + 1, total: i.length })}
       </div>
       ${this.showSteps ? n`<baht-steps
               .steps=${i.map((o) => o.form_name)}
@@ -4616,7 +4712,7 @@ let T = class extends $ {
               data-testid="${this.workflow.workflow_id}.back"
               @click=${() => this.back()}
             >
-              ${this.backLabel ?? v("back")}
+              ${this.backLabel ?? m("back")}
             </button>` : h}
         ${e ? n`<button
                 type="button"
@@ -4624,7 +4720,7 @@ let T = class extends $ {
                 data-testid="${this.workflow.workflow_id}.reject"
                 @click=${() => this.decide("rejected")}
               >
-                ${((s = t.approval) == null ? void 0 : s.reject_label) ?? v("reject")}
+                ${((s = t.approval) == null ? void 0 : s.reject_label) ?? m("reject")}
               </button>
               <button
                 type="button"
@@ -4632,123 +4728,123 @@ let T = class extends $ {
                 data-testid="${this.workflow.workflow_id}.approve"
                 @click=${() => this.decide("approved")}
               >
-                ${((r = t.approval) == null ? void 0 : r.approve_label) ?? v("approve")}
+                ${((r = t.approval) == null ? void 0 : r.approve_label) ?? m("approve")}
               </button>` : n`<button type="button" class="baht-button baht-button--next"
               data-testid="${this.workflow.workflow_id}.next"
               @click=${() => this.next()}
             >
-              ${this.isLast ? this.submitLabel ?? v("submit") : this.nextLabel ?? v("next")}
+              ${this.isLast ? this.submitLabel ?? m("submit") : this.nextLabel ?? m("next")}
             </button>`}
       </div>
     </div>`;
   }
 };
-N([
+q([
   l({ attribute: !1 })
 ], T.prototype, "workflow", 2);
-N([
+q([
   l({ attribute: !1 })
 ], T.prototype, "value", 2);
-N([
+q([
   l({ attribute: !1 })
 ], T.prototype, "registry", 2);
-N([
+q([
   l({ type: Boolean, attribute: "validate-gate" })
 ], T.prototype, "validateGate", 2);
-N([
+q([
   l({ attribute: "next-label" })
 ], T.prototype, "nextLabel", 2);
-N([
+q([
   l({ attribute: "submit-label" })
 ], T.prototype, "submitLabel", 2);
-N([
+q([
   l({ attribute: "back-label" })
 ], T.prototype, "backLabel", 2);
-N([
+q([
   l({ type: Boolean, attribute: "show-back" })
 ], T.prototype, "showBack", 2);
-N([
+q([
   l({ attribute: !1 })
 ], T.prototype, "flags", 2);
-N([
+q([
   l({ type: Boolean, attribute: "show-steps" })
 ], T.prototype, "showSteps", 2);
-N([
+q([
   l({ attribute: "steps-variant" })
 ], T.prototype, "stepsVariant", 2);
-N([
+q([
   y()
 ], T.prototype, "data", 2);
-N([
+q([
   y()
 ], T.prototype, "derived", 2);
-N([
+q([
   y()
 ], T.prototype, "current", 2);
-N([
+q([
   y()
 ], T.prototype, "approvalError", 2);
-T = N([
-  u("baht-workflow")
+T = q([
+  b("baht-workflow")
 ], T);
 export {
-  Ye as $,
-  nt as A,
-  Ot as B,
-  kt as C,
-  Ve as D,
-  it as E,
-  ft as F,
-  S as G,
-  Be as H,
-  Fe as I,
-  oe as J,
-  Vt as K,
-  ht as L,
-  ie as M,
-  z as N,
-  Ut as O,
-  Gt as P,
-  P as Q,
-  De as R,
-  Ne as S,
-  Ce as T,
-  Ke as U,
-  _t as V,
+  Xe as $,
+  ht as A,
+  Dt as B,
+  Ot as C,
+  Ke as D,
+  ot as E,
+  vt as F,
+  j as G,
+  Ie as H,
+  Ee as I,
+  le as J,
+  Kt as K,
+  ct as L,
+  re as M,
+  K as N,
+  Ht as O,
+  Wt as P,
+  k as Q,
+  Fe as R,
+  qe as S,
+  De as T,
+  Ue as U,
+  Pt as V,
   E as W,
   F as X,
   T as Y,
-  ns as Z,
-  lt as _,
-  bt as a,
-  Na as a0,
-  qt as a1,
-  le as a2,
-  Ee as a3,
-  be as a4,
-  zt as b,
-  R as c,
-  re as d,
-  Pt as e,
-  Q as f,
-  ze as g,
-  ae as h,
-  Ue as i,
-  H as j,
-  Ht as k,
-  Ft as l,
-  Kt as m,
-  Dt as n,
-  vt as o,
-  V as p,
-  ct as q,
-  Le as r,
-  pt as s,
-  Z as t,
-  Ct as u,
-  at as v,
-  G as w,
-  Re as x,
-  qe as y,
-  mt as z
+  cs as Z,
+  ft as _,
+  mt as a,
+  qa as a0,
+  Rt as a1,
+  ne as a2,
+  Be as a3,
+  fe as a4,
+  Vt as b,
+  z as c,
+  oe as d,
+  Ct as e,
+  st as f,
+  Ve as g,
+  ie as h,
+  He as i,
+  J as j,
+  Gt as k,
+  Bt as l,
+  Ut as m,
+  Et as n,
+  yt as o,
+  H as p,
+  pt as q,
+  Ne as r,
+  dt as s,
+  et as t,
+  Ft as u,
+  rt as v,
+  U as w,
+  ze as x,
+  Re as y,
+  $t as z
 };