bank20baht-ui 0.5.4 → 0.5.5

package/dist/chunks/{baht-workflow-DXR5kjJz.js → baht-workflow-C27godQM.js}

@@ -1,20 +1,20 @@
 import { nothing as h, html as l, svg as R } from "lit";
-import { property as n, customElement as f, state as v, query as It } from "lit/decorators.js";
-import { B as y, b as ce, h as T, a as X } from "./base-D1pT3J5T.js";
+import { property as n, customElement as f, state as v, query as Bt } from "lit/decorators.js";
+import { B as y, b as ce, h as j, a as X } from "./base-D1pT3J5T.js";
 import { t as u } from "./i18n-CWv5lrun.js";
-import { s as ye, m as qt, t as ws, j as Vt, p as xs, d as ie, a as ps, o as Re, v as ze, k as ge, q as we, c as _s, M as Ve, e as ks, h as Os, n as Ps } from "./display-CX-bz0Da.js";
+import { k as Re, j as ae, u as ye, n as qt, o as ws, x as xs, p as _s, d as ie, a as ps, s as ze, v as Ve, l as ge, t as we, c as ks, M as Ke, e as Os, h as Ps, q as Cs } from "./display-Cm3Pmp9U.js";
 import { repeat as Fe } from "lit/directives/repeat.js";
-import { html as ae, unsafeStatic as ds } from "lit/static-html.js";
-import { r as j, e as Cs, i as us, d as pe, c as bs } from "./baht-toast-8qUXxEvh.js";
+import { html as se, unsafeStatic as ds } from "lit/static-html.js";
+import { r as T, e as Ds, i as us, d as pe, c as bs } from "./baht-toast-8qUXxEvh.js";
 import { live as Z } from "lit/directives/live.js";
 import { ifDefined as L } from "lit/directives/if-defined.js";
-import Ds from "flatpickr";
-var Ss = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, de = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Fs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ss(e, a, s), s;
+import Ss from "flatpickr";
+var Fs = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, de = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ms(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Fs(e, s, a), a;
 };
-let Kt = class extends y {
+let Vt = class extends y {
   constructor() {
     super(...arguments), this.tone = "neutral", this.label = "", this.dot = null;
   }
@@ -30,20 +30,20 @@ let Kt = class extends y {
 };
 de([
   n()
-], Kt.prototype, "tone", 2);
+], Vt.prototype, "tone", 2);
 de([
   n()
-], Kt.prototype, "label", 2);
+], Vt.prototype, "label", 2);
 de([
   n({ attribute: !1 })
-], Kt.prototype, "dot", 2);
-Kt = de([
+], Vt.prototype, "dot", 2);
+Vt = de([
   f("baht-badge")
-], Kt);
-var Ms = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Ee = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Bs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ms(e, a, s), s;
+], Vt);
+var Is = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Ee = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Bs(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Is(e, s, a), a;
 };
 let re = class extends y {
   constructor() {
@@ -66,10 +66,10 @@ Ee([
 re = Ee([
   f("baht-code")
 ], re);
-var Is = Object.defineProperty, js = Object.getOwnPropertyDescriptor, gt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? js(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Is(e, a, s), s;
+var Ts = Object.defineProperty, js = Object.getOwnPropertyDescriptor, gt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? js(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Ts(e, s, a), a;
 };
 let ht = class extends y {
   constructor() {
@@ -84,12 +84,12 @@ let ht = class extends y {
   }
   /** Visible page numbers with `null` marking an ellipsis gap. */
   get pageItems() {
-    const { page: t, totalPages: e, siblings: a } = this, i = /* @__PURE__ */ new Set([1, e]);
-    for (let c = t - a; c <= t + a; c++)
+    const { page: t, totalPages: e, siblings: s } = this, i = /* @__PURE__ */ new Set([1, e]);
+    for (let c = t - s; c <= t + s; c++)
       c >= 1 && c <= e && i.add(c);
-    const s = [...i].sort((c, m) => c - m), r = [];
+    const a = [...i].sort((c, m) => c - m), r = [];
     let o = 0;
-    for (const c of s)
+    for (const c of a)
       o && c - o === 2 ? r.push(o + 1) : o && c - o > 2 && r.push(null), r.push(c), o = c;
     return r;
   }
@@ -103,12 +103,12 @@ let ht = class extends y {
     return l`<nav class="baht-pagination" aria-label="Pagination">
       <button type="button" aria-label="Previous page" ?disabled=${t} @click=${() => this.go(this.page - 1)}><span aria-hidden="true">«</span></button>
       ${this.variant === "compact" ? l`<span class="baht-pagination-label">Page ${this.page} of ${this.totalPages}</span>` : this.pageItems.map(
-      (a) => a === null ? l`<span class="baht-pagination-ellipsis" aria-hidden="true">…</span>` : l`<button
+      (s) => s === null ? l`<span class="baht-pagination-ellipsis" aria-hidden="true">…</span>` : l`<button
                   type="button"
-                  aria-current=${a === this.page ? "page" : h}
-                  aria-label="Page ${a}"
-                  @click=${() => this.go(a)}
-                >${a}</button>`
+                  aria-current=${s === this.page ? "page" : h}
+                  aria-label="Page ${s}"
+                  @click=${() => this.go(s)}
+                >${s}</button>`
     )}
       <button type="button" aria-label="Next page" ?disabled=${e} @click=${() => this.go(this.page + 1)}><span aria-hidden="true">»</span></button>
     </nav>`;
@@ -135,12 +135,12 @@ gt([
 ht = gt([
   f("baht-pagination")
 ], ht);
-var Ts = Object.defineProperty, As = Object.getOwnPropertyDescriptor, O = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? As(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ts(e, a, s), s;
+var As = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, O = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Es(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && As(e, s, a), a;
 };
-const Es = " › ", xe = (t) => t !== null && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date), se = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+const Ls = " › ", xe = (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 x = class extends y {
   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.selectable = !1, this.selected = [], this.sortable = !1, this.sort = null, this.rowActions = !1, 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) => {
@@ -162,11 +162,11 @@ let x = class extends y {
   trapPickerFocus(t) {
     const e = this.pickerFocusables();
     if (e.length === 0) return;
-    const a = e[0], i = e[e.length - 1], s = document.activeElement, r = this.querySelector(".baht-table-picker-modal");
-    r != null && r.contains(s) ? t.shiftKey && s === a ? (i.focus(), t.preventDefault()) : !t.shiftKey && s === i && (a.focus(), t.preventDefault()) : (a.focus(), t.preventDefault());
+    const s = e[0], i = e[e.length - 1], a = document.activeElement, r = this.querySelector(".baht-table-picker-modal");
+    r != null && r.contains(a) ? t.shiftKey && a === s ? (i.focus(), t.preventDefault()) : !t.shiftKey && a === i && (s.focus(), t.preventDefault()) : (s.focus(), t.preventDefault());
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), T() && document.removeEventListener("keydown", this.onPickerKeydown);
+    super.disconnectedCallback(), j() && document.removeEventListener("keydown", this.onPickerKeydown);
   }
   willUpdate(t) {
     t.has("visibleColumns") && !t.has("columns") && (this.pickedColumns = null);
@@ -178,23 +178,23 @@ let x = class extends y {
     const t = this.items[0];
     if (!t) return {};
     const e = {};
-    for (const [a, i] of Object.entries(t))
-      e[a] = xe(i) ? {
-        label: se(a),
-        fields: Object.fromEntries(Object.keys(i).map((s) => [s, se(s)]))
-      } : se(a);
+    for (const [s, i] of Object.entries(t))
+      e[s] = xe(i) ? {
+        label: ee(s),
+        fields: Object.fromEntries(Object.keys(i).map((a) => [a, ee(a)]))
+      } : ee(s);
     return e;
   }
   /** Walk a dotted key through the spec; undefined when no such column exists. */
   specAt(t) {
-    let e = this.spec, a;
+    let e = this.spec, s;
     for (const i of t.split(".")) {
-      const s = e == null ? void 0 : e[i];
-      if (s === void 0) return;
-      const r = typeof s == "string" ? { label: s } : s;
-      a = r, e = r.fields;
+      const a = e == null ? void 0 : e[i];
+      if (a === void 0) return;
+      const r = typeof a == "string" ? { label: a } : a;
+      s = r, e = r.fields;
     }
-    return a;
+    return s;
   }
   isReference(t) {
     var e;
@@ -202,11 +202,11 @@ let x = class extends y {
   }
   childrenOf(t) {
     var e;
-    return Object.keys(((e = this.specAt(t)) == null ? void 0 : e.fields) ?? {}).map((a) => `${t}.${a}`);
+    return Object.keys(((e = this.specAt(t)) == null ? void 0 : e.fields) ?? {}).map((s) => `${t}.${s}`);
   }
   /** Every pickable key, reference fields included (`requester`, `requester.name`, ...). */
   allPaths(t = "") {
-    return (t ? this.childrenOf(t) : this.allColumnKeys).flatMap((a) => this.isReference(a) ? [a, ...this.allPaths(a)] : [a]);
+    return (t ? this.childrenOf(t) : this.allColumnKeys).flatMap((s) => this.isReference(s) ? [s, ...this.allPaths(s)] : [s]);
   }
   get allColumnKeys() {
     return Object.keys(this.spec);
@@ -217,29 +217,29 @@ let x = class extends y {
   /** "Requested by › Department" for a dotted key; the plain label otherwise. */
   labelFor(t) {
     const e = [];
-    let a = this.spec;
+    let s = this.spec;
     for (const i of t.split(".")) {
-      const s = a == null ? void 0 : a[i];
-      if (s === void 0) {
-        e.push(se(i)), a = void 0;
+      const a = s == null ? void 0 : s[i];
+      if (a === void 0) {
+        e.push(ee(i)), s = void 0;
         continue;
       }
-      e.push(typeof s == "string" ? s : s.label), a = typeof s == "string" ? void 0 : s.fields;
+      e.push(typeof a == "string" ? a : a.label), s = typeof a == "string" ? void 0 : a.fields;
     }
-    return e.join(Es);
+    return e.join(Ls);
   }
   /** The row's value at a dotted key (`requester.department`). */
   static valueAt(t, e) {
-    let a = t;
+    let s = t;
     for (const i of e.split(".")) {
-      if (!xe(a)) return;
-      a = a[i];
+      if (!xe(s)) return;
+      s = s[i];
     }
-    return a;
+    return s;
   }
   // ---- picker -----------------------------------------------------------
   openPicker() {
-    this.draftColumns = this.columnKeys.slice(), this.pickAvail = [], this.pickSel = [], this.pickerOpen = !0, this.pickerPreviousFocus = document.activeElement, T() && document.addEventListener("keydown", this.onPickerKeydown), this.updateComplete.then(() => {
+    this.draftColumns = this.columnKeys.slice(), this.pickAvail = [], this.pickSel = [], this.pickerOpen = !0, this.pickerPreviousFocus = document.activeElement, j() && document.addEventListener("keydown", this.onPickerKeydown), this.updateComplete.then(() => {
       var t;
       this.pickerOpen && ((t = this.pickerFocusables()[0]) == null || t.focus());
     });
@@ -247,7 +247,7 @@ let x = class extends y {
   closePicker() {
     var e;
     if (!this.pickerOpen) return;
-    this.pickerOpen = !1, T() && document.removeEventListener("keydown", this.onPickerKeydown);
+    this.pickerOpen = !1, j() && document.removeEventListener("keydown", this.onPickerKeydown);
     const t = this.pickerPreviousFocus;
     this.pickerPreviousFocus = null, t != null && t.isConnected && ((e = t.focus) == null || e.call(t));
   }
@@ -270,10 +270,10 @@ let x = class extends y {
     this.draftColumns = this.draftColumns.filter((t) => !this.pickSel.includes(t)), this.pickSel = [];
   }
   moveSelected(t) {
-    const e = [...this.draftColumns], a = this.pickSel.map((i) => e.indexOf(i)).filter((i) => i >= 0).sort((i, s) => t === -1 ? i - s : s - i);
-    for (const i of a) {
-      const s = i + t;
-      s < 0 || s >= e.length || ([e[i], e[s]] = [e[s], e[i]]);
+    const e = [...this.draftColumns], s = this.pickSel.map((i) => e.indexOf(i)).filter((i) => i >= 0).sort((i, a) => t === -1 ? i - a : a - i);
+    for (const i of s) {
+      const a = i + t;
+      a < 0 || a >= e.length || ([e[i], e[a]] = [e[a], e[i]]);
     }
     this.draftColumns = e;
   }
@@ -300,11 +300,11 @@ let x = class extends y {
     return this.selected.includes(this.keyOf(t, e));
   }
   emitSelection(t) {
-    const e = this.items.filter((a, i) => t.includes(this.keyOf(a, i)));
+    const e = this.items.filter((s, i) => t.includes(this.keyOf(s, i)));
     this.emit("baht-selection-change", { selected: t, rows: e });
   }
   toggleRow(t, e) {
-    const a = this.keyOf(t, e), i = this.isSelected(t, e) ? this.selected.filter((s) => s !== a) : [...this.selected, a];
+    const s = this.keyOf(t, e), i = this.isSelected(t, e) ? this.selected.filter((a) => a !== s) : [...this.selected, s];
     this.emitSelection(i);
   }
   get pageKeys() {
@@ -332,8 +332,8 @@ let x = class extends y {
     return this.sortable || ((e = this.specAt(t)) == null ? void 0 : e.sortable) === !0;
   }
   requestSort(t) {
-    var a;
-    const e = ((a = this.sort) == null ? void 0 : a.key) === t && this.sort.direction === "asc" ? "desc" : "asc";
+    var s;
+    const e = ((s = this.sort) == null ? void 0 : s.key) === t && this.sort.direction === "asc" ? "desc" : "asc";
     this.emit("baht-sort-change", { key: t, direction: e });
   }
   /** Alignment class for a column (explicit `align` beats `numeric`). */
@@ -342,11 +342,11 @@ let x = class extends y {
     return e != null && e.align ? ` baht-table-align-${e.align}` : e != null && e.numeric ? " baht-table-numeric" : "";
   }
   cell(t, e) {
-    const a = this.renderers[e], i = x.valueAt(t, e);
-    if (a) return a(i, t);
+    const s = this.renderers[e], i = x.valueAt(t, e);
+    if (s) return s(i, t);
     if (xe(i)) {
-      const s = i.name ?? i.label ?? i.title ?? i.id;
-      return s == null ? "" : String(s);
+      const a = i.name ?? i.label ?? i.title ?? i.id;
+      return a == null ? "" : String(a);
     }
     return i == null ? "" : String(i);
   }
@@ -354,36 +354,36 @@ let x = class extends y {
     const e = t.length + (this.showIndex ? 1 : 0) + (this.selectable ? 1 : 0) + (this.rowActions ? 1 : 0);
     return this.loading ? l`${Array.from(
       { length: this.skeletonRows },
-      (a, i) => l`<tr class="baht-table-row">
+      (s, i) => l`<tr class="baht-table-row">
           ${this.selectable ? l`<td class="baht-table-select"></td>` : h}
           ${this.showIndex ? l`<td class="baht-table-index">${this.indexOffset + i + 1}</td>` : h}
           ${t.map(() => l`<td><span class="baht-skeleton" style="height:16px;"></span></td>`)}
           ${this.rowActions ? l`<td class="baht-table-actions"></td>` : h}
         </tr>`
-    )}` : this.error ? l`<tr><td colspan=${e}><div class="baht-table-state baht-table-state--error" role="alert">${this.errorMessage}</div></td></tr>` : this.items.length === 0 ? l`<tr><td colspan=${e}><div class="baht-table-state">${this.emptyMessage}</div></td></tr>` : l`${this.items.map((a, i) => {
-      const s = this.selectable && this.isSelected(a, i);
+    )}` : this.error ? l`<tr><td colspan=${e}><div class="baht-table-state baht-table-state--error" role="alert">${this.errorMessage}</div></td></tr>` : this.items.length === 0 ? l`<tr><td colspan=${e}><div class="baht-table-state">${this.emptyMessage}</div></td></tr>` : l`${this.items.map((s, i) => {
+      const a = this.selectable && this.isSelected(s, i);
       return l`<tr
-        class="baht-table-row${s ? " baht-table-row--selected" : ""}"
-        aria-selected=${this.selectable ? s ? "true" : "false" : h}
+        class="baht-table-row${a ? " baht-table-row--selected" : ""}"
+        aria-selected=${this.selectable ? a ? "true" : "false" : h}
         tabindex=${this.clickable ? "0" : h}
-        @click=${() => this.emitRow(a, i)}
+        @click=${() => this.emitRow(s, i)}
         @keydown=${(r) => {
-        r.key !== "Enter" && r.key !== " " || r.target === r.currentTarget && (r.preventDefault(), this.emitRow(a, i));
+        r.key !== "Enter" && r.key !== " " || r.target === r.currentTarget && (r.preventDefault(), this.emitRow(s, i));
       }}
       >
         ${this.selectable ? l`<td class="baht-table-select">
                 <input
                   type="checkbox"
                   aria-label=${u("selectRow", { n: this.indexOffset + i + 1 })}
-                  .checked=${s}
+                  .checked=${a}
                   @click=${(r) => {
-        r.stopPropagation(), this.toggleRow(a, i);
+        r.stopPropagation(), this.toggleRow(s, i);
       }}
                 />
               </td>` : h}
         ${this.showIndex ? l`<td class="baht-table-index">${this.indexOffset + i + 1}</td>` : h}
         ${t.map(
-        (r) => l`<td data-col=${r} class="baht-table-cell${this.alignClass(r)}">${this.cell(a, r)}</td>`
+        (r) => l`<td data-col=${r} class="baht-table-cell${this.alignClass(r)}">${this.cell(s, r)}</td>`
       )}
         ${this.rowActions ? l`<td class="baht-table-actions">
                 <button
@@ -391,27 +391,27 @@ let x = class extends y {
                   class="baht-table-actions-btn baht-button baht-button--ghost baht-button--icon baht-button--sm"
                   aria-label=${u("rowActions")}
                   @click=${(r) => {
-        r.stopPropagation(), this.emit("baht-row-actions", { row: a, index: i, id: this.idOf(a) });
+        r.stopPropagation(), this.emit("baht-row-actions", { row: s, index: i, id: this.idOf(s) });
       }}
-                >${j("more")}</button>
+                >${T("more")}</button>
               </td>` : h}
       </tr>`;
     })}`;
   }
   renderHeaderCell(t) {
     var o;
-    const e = this.labelFor(t), a = ((o = this.sort) == null ? void 0 : o.key) === t ? this.sort.direction : null, i = a === "asc" ? "ascending" : a === "desc" ? "descending" : h, s = `baht-table-cell${this.alignClass(t)}`;
+    const e = this.labelFor(t), s = ((o = this.sort) == null ? void 0 : o.key) === t ? this.sort.direction : null, i = s === "asc" ? "ascending" : s === "desc" ? "descending" : h, a = `baht-table-cell${this.alignClass(t)}`;
     if (!this.isSortable(t))
-      return l`<th scope="col" data-col=${t} class=${s}>${e}</th>`;
-    const r = a === "asc" ? "chevron-up" : a === "desc" ? "chevron-down" : "sort";
-    return l`<th scope="col" data-col=${t} class=${s} aria-sort=${i}>
+      return l`<th scope="col" data-col=${t} class=${a}>${e}</th>`;
+    const r = s === "asc" ? "chevron-up" : s === "desc" ? "chevron-down" : "sort";
+    return l`<th scope="col" data-col=${t} class=${a} aria-sort=${i}>
       <button
         type="button"
-        class="baht-table-sort${a ? " baht-table-sort--active" : ""}"
+        class="baht-table-sort${s ? " baht-table-sort--active" : ""}"
         aria-label=${u("sortBy", { label: e })}
         @click=${() => this.requestSort(t)}
       >
-        <span>${e}</span>${j(r)}
+        <span>${e}</span>${T(r)}
       </button>
     </th>`;
   }
@@ -437,7 +437,7 @@ let x = class extends y {
       aria-haspopup="dialog"
       aria-expanded=${this.pickerOpen ? "true" : "false"}
       @click=${() => this.openPicker()}
-    >${j("columns")}</button>`;
+    >${T("columns")}</button>`;
   }
   /**
    * One row of the Available tree. A reference column gets an expander that
@@ -445,16 +445,16 @@ let x = class extends y {
    * list works from the keyboard without the native multi-select.
    */
   renderAvailRow(t, e) {
-    const a = this.specAt(t), i = (a == null ? void 0 : a.fields) !== void 0, s = this.expanded.includes(t), r = this.draftColumns.includes(t);
+    const s = this.specAt(t), i = (s == null ? void 0 : s.fields) !== void 0, a = this.expanded.includes(t), r = this.draftColumns.includes(t);
     return l`<li class="baht-table-picker-node" style="--baht-picker-depth:${e}">
       <div class="baht-table-picker-row">
         ${i ? l`<button
                 type="button"
                 class="baht-table-picker-expand"
-                aria-label=${s ? `Collapse ${a == null ? void 0 : a.label}` : `Expand ${a == null ? void 0 : a.label}`}
-                aria-expanded=${s ? "true" : "false"}
+                aria-label=${a ? `Collapse ${s == null ? void 0 : s.label}` : `Expand ${s == null ? void 0 : s.label}`}
+                aria-expanded=${a ? "true" : "false"}
                 @click=${() => this.toggleExpanded(t)}
-              >${j(s ? "chevron-down" : "chevron-right")}</button>` : l`<span class="baht-table-picker-expand baht-table-picker-expand--leaf"></span>`}
+              >${T(a ? "chevron-down" : "chevron-right")}</button>` : l`<span class="baht-table-picker-expand baht-table-picker-expand--leaf"></span>`}
         <button
           type="button"
           class="baht-table-picker-option"
@@ -462,15 +462,15 @@ let x = class extends y {
           ?disabled=${r}
           aria-pressed=${this.pickAvail.includes(t) ? "true" : "false"}
           @click=${() => this.toggleAvail(t)}
-        >${e === 0 ? this.labelFor(t) : (a == null ? void 0 : a.label) ?? t}</button>
+        >${e === 0 ? this.labelFor(t) : (s == null ? void 0 : s.label) ?? t}</button>
       </div>
-      ${i && s ? l`<ul class="baht-table-picker-tree">
+      ${i && a ? l`<ul class="baht-table-picker-tree">
               ${this.childrenOf(t).map((o) => this.renderAvailRow(o, e + 1))}
             </ul>` : h}
     </li>`;
   }
   renderColumnModal() {
-    const t = this.allColumnKeys, e = this.allPaths().filter((i) => !this.draftColumns.includes(i)).length, a = (i) => (s) => i(x.selectedValues(s));
+    const t = this.allColumnKeys, e = this.allPaths().filter((i) => !this.draftColumns.includes(i)).length, s = (i) => (a) => i(x.selectedValues(a));
     return l`<div
       class="baht-table-picker-scrim"
       @click=${(i) => i.target === i.currentTarget && this.closePicker()}
@@ -495,7 +495,7 @@ let x = class extends y {
           </div>
           <div>
             <div class="baht-table-picker-collabel">Selected (${this.draftColumns.length})</div>
-            <select multiple size="10" class="baht-table-picker-select" aria-label="Selected columns" @change=${a((i) => this.pickSel = i)}>
+            <select multiple size="10" class="baht-table-picker-select" aria-label="Selected columns" @change=${s((i) => this.pickSel = i)}>
               ${this.draftColumns.map(
       (i) => l`<option value=${i} ?selected=${this.pickSel.includes(i)}>${this.labelFor(i)}</option>`
     )}
@@ -654,10 +654,10 @@ O([
 x = O([
   f("baht-table")
 ], x);
-var Ls = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, ut = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ns(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ls(e, a, s), s;
+var Ns = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, ut = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? qs(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Ns(e, s, a), a;
 };
 let ot = class extends y {
   constructor() {
@@ -681,8 +681,8 @@ let ot = class extends y {
         role="listitem"
         tabindex=${this.clickable ? "0" : h}
         @click=${() => this.emitItem(t, e)}
-        @keydown=${(a) => {
-        a.key !== "Enter" && a.key !== " " || (a.preventDefault(), this.emitItem(t, e));
+        @keydown=${(s) => {
+        s.key !== "Enter" && s.key !== " " || (s.preventDefault(), this.emitItem(t, e));
       }}
       >
         <div class="baht-list-main">
@@ -723,10 +723,10 @@ ut([
 ot = ut([
   f("baht-list")
 ], ot);
-var qs = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, Jt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Rs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && qs(e, a, s), s;
+var Rs = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Wt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? zs(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Rs(e, s, a), a;
 };
 let Ot = class extends y {
   constructor() {
@@ -767,25 +767,25 @@ let Ot = class extends y {
     </span>`;
   }
 };
-Jt([
+Wt([
   n()
 ], Ot.prototype, "text", 2);
-Jt([
+Wt([
   n()
 ], Ot.prototype, "position", 2);
-Jt([
-  It(".baht-tooltip-anchor")
+Wt([
+  Bt(".baht-tooltip-anchor")
 ], Ot.prototype, "anchorEl", 2);
-Jt([
+Wt([
   v()
 ], Ot.prototype, "dismissed", 2);
-Ot = Jt([
+Ot = Wt([
   f("baht-tooltip")
 ], Ot);
-var zs = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, jt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Vs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && zs(e, a, s), s;
+var Vs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Tt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ks(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Vs(e, s, a), a;
 };
 let mt = class extends y {
   constructor() {
@@ -798,12 +798,12 @@ let mt = class extends y {
     this.emit("baht-dismiss");
     const t = this.generation, e = () => {
       t === this.generation && (this.dismissed = !0);
-    }, a = this.querySelector(".baht-alert");
-    if (!a) {
+    }, s = this.querySelector(".baht-alert");
+    if (!s) {
       e();
       return;
     }
-    a.classList.add("baht-alert--leaving"), Cs(a, e);
+    s.classList.add("baht-alert--leaving"), Ds(s, e);
   }
   render() {
     return this.dismissed ? h : l`<div class="baht-alert baht-alert--${this.tone}" role="alert">
@@ -815,28 +815,28 @@ let mt = class extends y {
     </div>`;
   }
 };
-jt([
+Tt([
   n()
 ], mt.prototype, "tone", 2);
-jt([
+Tt([
   n()
 ], mt.prototype, "heading", 2);
-jt([
+Tt([
   n()
 ], mt.prototype, "message", 2);
-jt([
+Tt([
   n({ type: Boolean })
 ], mt.prototype, "dismissible", 2);
-jt([
+Tt([
   v()
 ], mt.prototype, "dismissed", 2);
-mt = jt([
+mt = Tt([
   f("baht-alert")
 ], mt);
-var Ks = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, Tt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Us(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ks(e, a, s), s;
+var Us = Object.defineProperty, Hs = Object.getOwnPropertyDescriptor, jt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Hs(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Us(e, s, a), a;
 };
 let vt = class extends y {
   constructor() {
@@ -852,13 +852,13 @@ let vt = class extends y {
   onKeydown(t, e) {
     var i;
     if (this.readonly) return;
-    let a;
-    if (t.key === "ArrowRight" || t.key === "ArrowUp") a = Math.min(e + 1, this.max);
-    else if (t.key === "ArrowLeft" || t.key === "ArrowDown") a = Math.max(e - 1, 1);
-    else if (t.key === "Home") a = 1;
-    else if (t.key === "End") a = this.max;
+    let s;
+    if (t.key === "ArrowRight" || t.key === "ArrowUp") s = Math.min(e + 1, this.max);
+    else if (t.key === "ArrowLeft" || t.key === "ArrowDown") s = Math.max(e - 1, 1);
+    else if (t.key === "Home") s = 1;
+    else if (t.key === "End") s = this.max;
     else return;
-    t.preventDefault(), this.emitValue(a), (i = this.querySelectorAll("button")[a - 1]) == null || i.focus();
+    t.preventDefault(), this.emitValue(s), (i = this.querySelectorAll("button")[s - 1]) == null || i.focus();
   }
   setHover(t) {
     this.readonly || (this.hover = t);
@@ -871,15 +871,15 @@ let vt = class extends y {
       aria-label=${this.label}
       @mouseleave=${() => this.setHover(0)}
     >
-      ${Array.from({ length: this.max }, (e, a) => {
-      const i = a + 1, s = this.value || 1;
+      ${Array.from({ length: this.max }, (e, s) => {
+      const i = s + 1, a = this.value || 1;
       return l`<button
           type="button"
           class=${i <= t ? "baht-rating--on" : ""}
           role="radio"
           aria-checked=${i === this.value}
           aria-label="${i} of ${this.max}"
-          tabindex=${i === s ? "0" : "-1"}
+          tabindex=${i === a ? "0" : "-1"}
           ?disabled=${this.readonly}
           @mouseenter=${() => this.setHover(i)}
           @click=${() => this.pick(i)}
@@ -889,28 +889,28 @@ let vt = class extends y {
     </div>`;
   }
 };
-Tt([
+jt([
   n({ type: Number })
 ], vt.prototype, "value", 2);
-Tt([
+jt([
   n({ type: Number })
 ], vt.prototype, "max", 2);
-Tt([
+jt([
   n({ type: Boolean })
 ], vt.prototype, "readonly", 2);
-Tt([
+jt([
   n()
 ], vt.prototype, "label", 2);
-Tt([
+jt([
   v()
 ], vt.prototype, "hover", 2);
-vt = Tt([
+vt = jt([
   f("baht-rating")
 ], vt);
-var Hs = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, bt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Gs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Hs(e, a, s), s;
+var Gs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, bt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ws(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Gs(e, s, a), a;
 };
 let lt = class extends y {
   constructor() {
@@ -967,10 +967,10 @@ bt([
 lt = bt([
   f("baht-range")
 ], lt);
-var Ws = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, At = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Js(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ws(e, a, s), s;
+var Js = Object.defineProperty, Xs = Object.getOwnPropertyDescriptor, At = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Xs(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Js(e, s, a), a;
 };
 let $t = class extends y {
   constructor() {
@@ -985,46 +985,46 @@ let $t = class extends y {
   willUpdate(t) {
     super.willUpdate(t);
     const e = t.has("value") && this.value !== this._lastValue;
-    !this.hasUpdated || e ? (this._chars = Array.from({ length: this.length }, (a, i) => this.value[i] ?? ""), this._lastValue = this.value, this._wasFull = this._chars.length > 0 && this._chars.every((a) => a !== "")) : this._chars.length !== this.length && (this._chars = Array.from({ length: this.length }, (a, i) => this._chars[i] ?? ""));
+    !this.hasUpdated || e ? (this._chars = Array.from({ length: this.length }, (s, i) => this.value[i] ?? ""), this._lastValue = this.value, this._wasFull = this._chars.length > 0 && this._chars.every((s) => s !== "")) : this._chars.length !== this.length && (this._chars = Array.from({ length: this.length }, (s, i) => this._chars[i] ?? ""));
   }
   /** Writes `text` into `_chars` starting at `start`. Returns the index just
    *  past the last box written (may equal `this.length`). */
   fill(t, e) {
-    let a = t;
+    let s = t;
     for (const i of e) {
-      if (a >= this.length) break;
-      this._chars[a] = i, a += 1;
+      if (s >= this.length) break;
+      this._chars[s] = i, s += 1;
     }
-    return a;
+    return s;
   }
   commit() {
     const t = this._chars.join("").slice(0, this.length);
     this.value = t, this._lastValue = t, this.requestUpdate(), this.emit("baht-change", { value: this.value });
-    const e = this._chars.length > 0 && this._chars.every((a) => a !== "");
+    const e = this._chars.length > 0 && this._chars.every((s) => s !== "");
     e && !this._wasFull && this.emit("baht-otp-complete", { value: this.value }), this._wasFull = e;
   }
   onInput(t, e) {
     var r, o;
-    const a = e.target, i = this.clean(a.value);
+    const s = e.target, i = this.clean(s.value);
     if (i.length > 1) {
       const c = this.fill(t, i);
-      a.value = this._chars[t] ?? "", this.commit(), (r = this.inputs()[Math.min(c, this.length - 1)]) == null || r.focus();
+      s.value = this._chars[t] ?? "", this.commit(), (r = this.inputs()[Math.min(c, this.length - 1)]) == null || r.focus();
       return;
     }
-    const s = i.slice(-1);
-    a.value = s, this._chars[t] = s, this.commit(), s && t < this.length - 1 && ((o = this.inputs()[t + 1]) == null || o.focus());
+    const a = i.slice(-1);
+    s.value = a, this._chars[t] = a, this.commit(), a && t < this.length - 1 && ((o = this.inputs()[t + 1]) == null || o.focus());
   }
   onKeydown(t, e) {
-    var a;
-    e.key === "Backspace" && !this._chars[t] && t > 0 && (this._chars[t - 1] = "", this.commit(), (a = this.inputs()[t - 1]) == null || a.focus(), e.preventDefault());
+    var s;
+    e.key === "Backspace" && !this._chars[t] && t > 0 && (this._chars[t - 1] = "", this.commit(), (s = this.inputs()[t - 1]) == null || s.focus(), e.preventDefault());
   }
   onPaste(t) {
-    var i, s;
+    var i, a;
     t.preventDefault();
     const e = this.clean(((i = t.clipboardData) == null ? void 0 : i.getData("text")) ?? "").slice(0, this.length);
     if (!e) return;
-    const a = this.fill(0, e);
-    this.commit(), (s = this.inputs()[Math.min(a, this.length - 1)]) == null || s.focus();
+    const s = this.fill(0, e);
+    this.commit(), (a = this.inputs()[Math.min(s, this.length - 1)]) == null || a.focus();
   }
   render() {
     return l`<div class="baht-otp" role="group" aria-label=${this.label} @paste=${(t) => this.onPaste(t)}>
@@ -1037,8 +1037,8 @@ let $t = class extends y {
           aria-label=${u("otpCharacter", { i: e + 1, n: this.length })}
           .value=${t}
           ?disabled=${this.disabled}
-          @input=${(a) => this.onInput(e, a)}
-          @keydown=${(a) => this.onKeydown(e, a)}
+          @input=${(s) => this.onInput(e, s)}
+          @keydown=${(s) => this.onKeydown(e, s)}
         />`
     )}
     </div>`;
@@ -1062,10 +1062,10 @@ At([
 $t = At([
   f("baht-otp")
 ], $t);
-var Xs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, Et = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ys(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Xs(e, a, s), s;
+var Ys = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, Et = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Zs(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Ys(e, s, a), a;
 };
 let yt = class extends y {
   constructor() {
@@ -1073,8 +1073,8 @@ let yt = class extends y {
   }
   toggle(t) {
     const e = this.selected.includes(t);
-    let a;
-    this.multiple ? (a = e ? this.selected.filter((s) => s !== t) : [...this.selected, t], a = this.options.map((s) => s.key).filter((s) => a.includes(s))) : a = e ? [] : [t], this.emit("baht-change", { selected: a });
+    let s;
+    this.multiple ? (s = e ? this.selected.filter((a) => a !== t) : [...this.selected, t], s = this.options.map((a) => a.key).filter((a) => s.includes(a))) : s = e ? [] : [t], this.emit("baht-change", { selected: s });
   }
   render() {
     return l`<div class="baht-filter" role="group" aria-label=${this.label}>
@@ -1107,12 +1107,12 @@ Et([
 yt = Et([
   f("baht-filter")
 ], yt);
-var Zs = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, ue = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Qs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Zs(e, a, s), s;
+var Qs = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, ue = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ta(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Qs(e, s, a), a;
 };
-let Ut = class extends y {
+let Kt = class extends y {
   constructor() {
     super(...arguments), this.variant = "rect", this.width = "100%", this.height = "";
   }
@@ -1127,30 +1127,30 @@ let Ut = class extends y {
 };
 ue([
   n()
-], Ut.prototype, "variant", 2);
+], Kt.prototype, "variant", 2);
 ue([
   n()
-], Ut.prototype, "width", 2);
+], Kt.prototype, "width", 2);
 ue([
   n()
-], Ut.prototype, "height", 2);
-Ut = ue([
+], Kt.prototype, "height", 2);
+Kt = ue([
   f("baht-skeleton")
-], Ut);
-var ta = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, Xt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ea(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ta(e, a, s), s;
+], Kt);
+var ea = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Jt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? sa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ea(e, s, a), a;
 };
 let Pt = class extends y {
   constructor() {
     super(...arguments), this.value = null, this.tone = "primary", this.showLabel = !1, this.label = "Progress";
   }
   render() {
-    const t = this.value == null || Number.isNaN(this.value), e = t ? 0 : Math.min(100, Math.max(0, this.value)), a = this.tone === "primary" ? "" : ` baht-progress--${this.tone}`;
+    const t = this.value == null || Number.isNaN(this.value), e = t ? 0 : Math.min(100, Math.max(0, this.value)), s = this.tone === "primary" ? "" : ` baht-progress--${this.tone}`;
     return l`<div>
       <div
-        class="baht-progress${a}${t ? " baht-progress--indeterminate" : ""}"
+        class="baht-progress${s}${t ? " baht-progress--indeterminate" : ""}"
         role="progressbar"
         aria-label=${this.label}
         aria-valuemin="0"
@@ -1163,25 +1163,25 @@ let Pt = class extends y {
     </div>`;
   }
 };
-Xt([
+Jt([
   n({ type: Number })
 ], Pt.prototype, "value", 2);
-Xt([
+Jt([
   n()
 ], Pt.prototype, "tone", 2);
-Xt([
+Jt([
   n({ type: Boolean, attribute: "show-label" })
 ], Pt.prototype, "showLabel", 2);
-Xt([
+Jt([
   n()
 ], Pt.prototype, "label", 2);
-Pt = Xt([
+Pt = Jt([
   f("baht-progress")
 ], Pt);
-var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, Le = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? aa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && sa(e, a, s), s;
+var aa = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, Le = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ia(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && aa(e, s, a), a;
 };
 let oe = class extends y {
   constructor() {
@@ -1201,10 +1201,10 @@ Le([
 oe = Le([
   f("baht-spinner")
 ], oe);
-var ia = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, Yt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ra(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ia(e, a, s), s;
+var ra = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, Xt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? oa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ra(e, s, a), a;
 };
 let Ct = class extends y {
   constructor() {
@@ -1221,25 +1221,25 @@ let Ct = class extends y {
     </div>`;
   }
 };
-Yt([
+Xt([
   n()
 ], Ct.prototype, "heading", 2);
-Yt([
+Xt([
   n()
 ], Ct.prototype, "subtitle", 2);
-Yt([
+Xt([
   n({ type: Boolean })
 ], Ct.prototype, "hero", 2);
-Yt([
-  It(".baht-card-body")
+Xt([
+  Bt(".baht-card-body")
 ], Ct.prototype, "bodyEl", 2);
-Ct = Yt([
+Ct = Xt([
   f("baht-card")
 ], Ct);
-var oa = Object.defineProperty, la = Object.getOwnPropertyDescriptor, Zt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? la(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && oa(e, a, s), s;
+var la = Object.defineProperty, na = Object.getOwnPropertyDescriptor, Yt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? na(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && la(e, s, a), a;
 };
 let Dt = class extends y {
   constructor() {
@@ -1256,25 +1256,25 @@ let Dt = class extends y {
     </fieldset>`;
   }
 };
-Zt([
+Yt([
   n()
 ], Dt.prototype, "legend", 2);
-Zt([
+Yt([
   n()
 ], Dt.prototype, "help", 2);
-Zt([
+Yt([
   n({ type: Boolean })
 ], Dt.prototype, "disabled", 2);
-Zt([
-  It(".baht-fieldset-body")
+Yt([
+  Bt(".baht-fieldset-body")
 ], Dt.prototype, "bodyEl", 2);
-Dt = Zt([
+Dt = Yt([
   f("baht-fieldset")
 ], Dt);
-var na = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, fs = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ha(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && na(e, a, s), s;
+var ha = Object.defineProperty, ca = Object.getOwnPropertyDescriptor, fs = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ca(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ha(e, s, a), a;
 };
 let Me = class extends y {
   constructor() {
@@ -1306,10 +1306,10 @@ fs([
 Me = fs([
   f("baht-timeline")
 ], Me);
-var ca = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, be = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? pa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ca(e, a, s), s;
+var pa = Object.defineProperty, da = Object.getOwnPropertyDescriptor, be = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? da(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && pa(e, s, a), a;
 };
 let St = class extends y {
   constructor() {
@@ -1321,30 +1321,30 @@ let St = class extends y {
   willUpdate(t) {
     if (t.has("items")) {
       const e = St.fingerprint(this.items);
-      e !== this.itemsFingerprint && (this.itemsFingerprint = e, this.openSet = new Set(this.items.flatMap((a, i) => a.open ? [i] : [])));
+      e !== this.itemsFingerprint && (this.itemsFingerprint = e, this.openSet = new Set(this.items.flatMap((s, i) => s.open ? [i] : [])));
     }
   }
   toggle(t) {
-    const e = !this.openSet.has(t), a = this.multiple ? new Set(this.openSet) : /* @__PURE__ */ new Set();
-    e ? a.add(t) : a.delete(t), this.openSet = a, this.emit("baht-toggle", { index: t, open: e });
+    const e = !this.openSet.has(t), s = this.multiple ? new Set(this.openSet) : /* @__PURE__ */ new Set();
+    e ? s.add(t) : s.delete(t), this.openSet = s, this.emit("baht-toggle", { index: t, open: e });
   }
   render() {
     return l`<div class="baht-accordion">
       ${this.items.map((t, e) => {
-      const a = this.openSet.has(e), i = `baht-acc-${this.uid}-t-${e}`, s = `baht-acc-${this.uid}-p-${e}`;
-      return l`<div class="baht-accordion-item${a ? " baht-accordion-item--open" : ""}">
+      const s = this.openSet.has(e), i = `baht-acc-${this.uid}-t-${e}`, a = `baht-acc-${this.uid}-p-${e}`;
+      return l`<div class="baht-accordion-item${s ? " baht-accordion-item--open" : ""}">
           <button
             type="button"
             class="baht-accordion-trigger"
             id=${i}
-            aria-expanded=${a}
-            aria-controls=${a ? s : h}
+            aria-expanded=${s}
+            aria-controls=${s ? a : h}
             @click=${() => this.toggle(e)}
           >
             <span>${t.title}</span>
-            <span class="baht-accordion-chevron" aria-hidden="true">${j("chevron-down")}</span>
+            <span class="baht-accordion-chevron" aria-hidden="true">${T("chevron-down")}</span>
           </button>
-          ${a ? l`<div class="baht-accordion-content" id=${s} role="region" aria-labelledby=${i}>${t.content}</div>` : h}
+          ${s ? l`<div class="baht-accordion-content" id=${a} role="region" aria-labelledby=${i}>${t.content}</div>` : h}
         </div>`;
     })}
     </div>`;
@@ -1362,10 +1362,10 @@ be([
 St = be([
   f("baht-accordion")
 ], St);
-var da = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, Qt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ua(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && da(e, a, s), s;
+var ua = Object.defineProperty, ba = Object.getOwnPropertyDescriptor, Zt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ba(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ua(e, s, a), a;
 };
 let Ft = class extends y {
   constructor() {
@@ -1380,25 +1380,25 @@ let Ft = class extends y {
     >${this.label}${this.external ? l` <span class="baht-link-external" aria-hidden="true">↗</span><span class="baht-visually-hidden"> (${this.externalHint})</span>` : h}</a>`;
   }
 };
-Qt([
+Zt([
   n()
 ], Ft.prototype, "href", 2);
-Qt([
+Zt([
   n()
 ], Ft.prototype, "label", 2);
-Qt([
+Zt([
   n({ type: Boolean })
 ], Ft.prototype, "external", 2);
-Qt([
+Zt([
   n({ attribute: "external-hint" })
 ], Ft.prototype, "externalHint", 2);
-Ft = Qt([
+Ft = Zt([
   f("baht-link")
 ], Ft);
-var ba = Object.defineProperty, fa = Object.getOwnPropertyDescriptor, Ne = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? fa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ba(e, a, s), s;
+var fa = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, Ne = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ma(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && fa(e, s, a), a;
 };
 let le = class extends y {
   constructor() {
@@ -1410,13 +1410,13 @@ let le = class extends y {
   render() {
     const t = this.items.length - 1;
     return l`<nav class="baht-breadcrumbs" aria-label="Breadcrumb">
-      ${this.items.map((e, a) => {
-      const i = a < t ? l`<span class="baht-breadcrumbs-sep" aria-hidden="true">${this.separator}</span>` : h;
-      return a === t ? l`<span class="baht-breadcrumbs-current" aria-current="page">${e.label}</span>${i}` : e.href ? l`<a class="baht-link" href=${e.href}>${e.label}</a>${i}` : l`<a
+      ${this.items.map((e, s) => {
+      const i = s < t ? l`<span class="baht-breadcrumbs-sep" aria-hidden="true">${this.separator}</span>` : h;
+      return s === t ? l`<span class="baht-breadcrumbs-current" aria-current="page">${e.label}</span>${i}` : e.href ? l`<a class="baht-link" href=${e.href}>${e.label}</a>${i}` : l`<a
           class="baht-link"
           href="#"
-          @click=${(s) => {
-        s.preventDefault(), this.navigate(e, a);
+          @click=${(a) => {
+        a.preventDefault(), this.navigate(e, s);
       }}
         >${e.label}</a>${i}`;
     })}
@@ -1432,12 +1432,12 @@ Ne([
 le = Ne([
   f("baht-breadcrumbs")
 ], le);
-var ma = Object.getOwnPropertyDescriptor, va = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ma(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+var va = Object.getOwnPropertyDescriptor, $a = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? va(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let Ke = class extends X {
+let Ue = class extends X {
   renderControl() {
     return l`<input
       class="baht-control baht-control--text"
@@ -1456,15 +1456,15 @@ let Ke = class extends X {
     />`;
   }
 };
-Ke = va([
+Ue = $a([
   f("baht-input")
-], Ke);
-var $a = Object.getOwnPropertyDescriptor, ya = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? $a(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+], Ue);
+var ya = Object.getOwnPropertyDescriptor, ga = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ya(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let Ue = class extends X {
+let He = class extends X {
   renderControl() {
     return l`<textarea
       class="baht-control baht-control--textarea"
@@ -1483,15 +1483,15 @@ let Ue = class extends X {
     ></textarea>`;
   }
 };
-Ue = ya([
+He = ga([
   f("baht-textarea")
-], Ue);
-var ga = Object.getOwnPropertyDescriptor, wa = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ga(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+], He);
+var wa = Object.getOwnPropertyDescriptor, xa = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? wa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let He = class extends X {
+let Ge = class extends X {
   renderControl() {
     return l`<input
       class="baht-control baht-control--number"
@@ -1514,31 +1514,31 @@ let He = class extends X {
     />`;
   }
 };
-He = wa([
+Ge = xa([
   f("baht-number")
-], He);
-var xa = Object.defineProperty, _a = Object.getOwnPropertyDescriptor, ms = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? _a(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && xa(e, a, s), s;
+], Ge);
+var _a = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, ms = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ka(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && _a(e, s, a), a;
 };
-function Ge(t) {
+function We(t) {
   const e = t.replace(/,/g, "").trim();
   if (e === "" || e === "-") return null;
-  const a = Number(e);
-  return Number.isNaN(a) ? null : a;
+  const s = Number(e);
+  return Number.isNaN(s) ? null : s;
 }
-function ka(t) {
+function Oa(t) {
   return t.toLocaleString("en-US", { maximumFractionDigits: 2 });
 }
-let Be = class extends X {
+let Ie = class extends X {
   constructor() {
     super(...arguments), this.focused = !1;
   }
   displayFor(t) {
     if (t == null || t === "") return "";
-    const e = typeof t == "number" ? t : Ge(String(t));
-    return e == null ? String(t) : this.focused ? String(e) : ka(e);
+    const e = typeof t == "number" ? t : We(String(t));
+    return e == null ? String(t) : this.focused ? String(e) : Oa(e);
   }
   renderControl() {
     return l`<input
@@ -1562,23 +1562,23 @@ let Be = class extends X {
     }}
       @input=${(t) => {
       const e = t.target.value;
-      this.emitTyped(e === "" ? null : Ge(e));
+      this.emitTyped(e === "" ? null : We(e));
     }}
     />`;
   }
 };
 ms([
   v()
-], Be.prototype, "focused", 2);
-Be = ms([
+], Ie.prototype, "focused", 2);
+Ie = ms([
   f("baht-currency")
-], Be);
-var Oa = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, qe = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Pa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Oa(e, a, s), s;
+], Ie);
+var Pa = Object.defineProperty, Ca = Object.getOwnPropertyDescriptor, qe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ca(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Pa(e, s, a), a;
 };
-const Ca = 500;
+const Da = 500;
 let ne = class extends X {
   constructor() {
     super(...arguments), this.open = !1, this.active = 0, this.typeBuffer = "", this.onDocMousedown = (t) => {
@@ -1586,7 +1586,7 @@ let ne = class extends X {
     };
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.typeTimer), T() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.typeTimer), j() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   get listId() {
     return `${this.controlId}-list`;
@@ -1621,10 +1621,10 @@ let ne = class extends X {
     (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, T() && document.addEventListener("mousedown", this.onDocMousedown));
+    !this.interactive || this.open || (this.active = this.selectedIndex, this.open = !0, j() && document.addEventListener("mousedown", this.onDocMousedown));
   }
   close() {
-    this.open && (this.open = !1, T() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, j() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   toggle() {
     this.open ? this.close() : this.openList();
@@ -1642,12 +1642,12 @@ let ne = class extends X {
   }
   /** 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 = "", Ca);
-    const e = this.rows, a = this.typeBuffer.length === 1 ? this.active + 1 : this.active;
+    clearTimeout(this.typeTimer), this.typeBuffer += t.toLowerCase(), this.typeTimer = setTimeout(() => this.typeBuffer = "", Da);
+    const e = this.rows, s = this.typeBuffer.length === 1 ? this.active + 1 : this.active;
     for (let i = 0; i < e.length; i++) {
-      const s = (a + i) % e.length;
-      if (s !== 0 && e[s].label.toLowerCase().startsWith(this.typeBuffer)) {
-        this.open ? this.active = s : this.commit(s);
+      const a = (s + i) % e.length;
+      if (a !== 0 && e[a].label.toLowerCase().startsWith(this.typeBuffer)) {
+        this.open ? this.active = a : this.commit(a);
         return;
       }
     }
@@ -1687,11 +1687,11 @@ let ne = class extends X {
     }
   }
   renderControl() {
-    const t = this.rows, e = this.selectedIndex, a = e === 0;
+    const t = this.rows, e = this.selectedIndex, s = e === 0;
     return l`<div class="baht-select${this.open ? " baht-select--open" : ""}">
       <button
         type="button"
-        class="baht-control baht-control--select baht-select-trigger${a ? " baht-select-trigger--placeholder" : ""}"
+        class="baht-control baht-control--select baht-select-trigger${s ? " baht-select-trigger--placeholder" : ""}"
         id=${this.controlId}
         role="combobox"
         aria-haspopup="listbox"
@@ -1708,7 +1708,7 @@ let ne = class extends X {
         @keydown=${(i) => this.onKeydown(i)}
       >
         <span class="baht-select-value">${t[e].label}</span>
-        <span class="baht-select-chevron" aria-hidden="true">${j("chevron-down")}</span>
+        <span class="baht-select-chevron" aria-hidden="true">${T("chevron-down")}</span>
       </button>
       <div
         class="baht-listbox baht-select-list"
@@ -1719,15 +1719,15 @@ let ne = class extends X {
       >
         ${t.map(
       // eslint-disable-next-line lit-a11y/click-events-have-key-events -- keyboard lives on the combobox (aria-activedescendant pattern); options are never focused
-      (i, s) => l`<div
-            class="baht-listbox-option${s === this.active ? " baht-listbox-option--active" : ""}${s === 0 ? " baht-listbox-option--placeholder" : ""}"
-            id=${this.optionId(s)}
+      (i, a) => l`<div
+            class="baht-listbox-option${a === this.active ? " baht-listbox-option--active" : ""}${a === 0 ? " baht-listbox-option--placeholder" : ""}"
+            id=${this.optionId(a)}
             role="option"
-            aria-selected=${s === e ? "true" : "false"}
+            aria-selected=${a === e ? "true" : "false"}
             data-key=${i.key}
             @mousedown=${(r) => r.preventDefault()}
-            @mousemove=${() => this.highlight(s)}
-            @click=${() => this.commit(s)}
+            @mousemove=${() => this.highlight(a)}
+            @click=${() => this.commit(a)}
           >
             ${i.label}
           </div>`
@@ -1745,18 +1745,18 @@ qe([
 ne = qe([
   f("baht-select")
 ], ne);
-var Da = Object.getOwnPropertyDescriptor, Sa = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Da(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+var Sa = Object.getOwnPropertyDescriptor, Fa = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Sa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let We = class extends X {
+let Je = class extends X {
   get selected() {
     return Array.isArray(this.value) ? this.value : [];
   }
   toggle(t, e) {
-    const a = e ? [...this.selected, t] : this.selected.filter((s) => s !== t), i = (this.field.options ?? []).map((s) => s.key);
-    this.emitInput(i.filter((s) => a.includes(s)));
+    const s = e ? [...this.selected, t] : this.selected.filter((a) => a !== t), i = (this.field.options ?? []).map((a) => a.key);
+    this.emitInput(i.filter((a) => s.includes(a)));
   }
   renderControl() {
     return l`<div
@@ -1780,15 +1780,15 @@ let We = class extends X {
     </div>`;
   }
 };
-We = Sa([
+Je = Fa([
   f("baht-multiselect")
-], We);
-var Fa = Object.getOwnPropertyDescriptor, Ma = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Fa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+], Je);
+var Ma = Object.getOwnPropertyDescriptor, Ia = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ma(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let Je = class extends X {
+let Xe = class extends X {
   /** Label sits beside the box, so suppress the block label. */
   renderLabel() {
     return h;
@@ -1811,15 +1811,15 @@ let Je = class extends X {
     </label>`;
   }
 };
-Je = Ma([
+Xe = Ia([
   f("baht-checkbox")
-], Je);
-var Ba = Object.getOwnPropertyDescriptor, Ia = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ba(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+], Xe);
+var Ba = Object.getOwnPropertyDescriptor, Ta = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ba(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let Xe = class extends X {
+let Ye = class extends X {
   renderOption(t) {
     return l`<label class="baht-option">
       <input
@@ -1844,7 +1844,7 @@ let Xe = class extends X {
           ?disabled=${this.disabled || this.readonly}
           @change=${() => this.emitInput(t.key)}
         />
-        ${t.icon && us(t.icon) ? l`<span class="baht-option-card-icon">${j(t.icon)}</span>` : h}
+        ${t.icon && us(t.icon) ? l`<span class="baht-option-card-icon">${T(t.icon)}</span>` : h}
         <span class="baht-option-card-title">${t.label}</span>
       </span>
       ${t.description ? l`<span class="baht-option-card-desc">${t.description}</span>` : h}
@@ -1866,15 +1866,15 @@ let Xe = class extends X {
     </div>`;
   }
 };
-Xe = Ia([
+Ye = Ta([
   f("baht-radio")
-], Xe);
-var ja = Object.getOwnPropertyDescriptor, Ta = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ja(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+], Ye);
+var ja = Object.getOwnPropertyDescriptor, Aa = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ja(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let Ye = class extends X {
+let Ze = class extends X {
   renderLabel() {
     return h;
   }
@@ -1899,15 +1899,15 @@ let Ye = class extends X {
     </label>`;
   }
 };
-Ye = Ta([
+Ze = Aa([
   f("baht-toggle")
-], Ye);
-var Aa = Object.getOwnPropertyDescriptor, Ea = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Aa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(s) || s);
-  return s;
+], Ze);
+var Ea = Object.getOwnPropertyDescriptor, La = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ea(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(a) || a);
+  return a;
 };
-let Ze = class extends X {
+let Qe = class extends X {
   constructor() {
     super(...arguments), this.lastEmitted = null;
   }
@@ -1925,7 +1925,7 @@ let Ze = class extends X {
         aria-invalid=${this.invalid}
         aria-describedby=${this.describedBy}
       />
-      <span class="baht-datepicker-field-icon" aria-hidden="true">${j("calendar")}</span>
+      <span class="baht-datepicker-field-icon" aria-hidden="true">${T("calendar")}</span>
     </span>`;
   }
   connectedCallback() {
@@ -1941,7 +1941,7 @@ let Ze = class extends X {
       return;
     }
     if (!this.fp || this.fp.input !== e || t.has("field") || t.has("disabled") || t.has("readonly")) {
-      this.teardown(), this.fp = Ds(e, this.options());
+      this.teardown(), this.fp = Ss(e, this.options());
       return;
     }
     t.has("value") && (this.lastEmitted = null, this.syncValue());
@@ -1954,30 +1954,37 @@ let Ze = class extends X {
   syncValue() {
     if (!this.fp) return;
     const t = this.datesOf(this.value);
-    ts(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
+    this.sameInstants(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
+  }
+  /** Value-equality for the picker's own selection (minute-precise with `enable_time`). */
+  sameInstants(t, e) {
+    if (t.length !== e.length) return !1;
+    const s = this.field.enable_time ? Re : ae;
+    return t.every((i, a) => s(i) === s(e[a]));
   }
   options() {
-    const t = this.field, e = ye(t), a = qt(t.min), i = qt(t.max);
+    const t = this.field, e = ye(t), s = qt(t.min), i = qt(t.max);
     return {
       static: !0,
       disableMobile: !0,
       // our calendar everywhere — never the OS date wheel
       mode: e,
-      dateFormat: t.date_format ?? "Y-m-d",
+      dateFormat: t.date_format ?? (t.enable_time ? "Y-m-d H:i" : "Y-m-d"),
+      ...t.enable_time ? { enableTime: !0, time_24hr: t.time_24hr ?? !1 } : {},
       allowInput: !0,
       clickOpens: !this.disabled && !this.readonly,
       defaultDate: this.datesOf(this.value),
-      ...a ? { minDate: a } : {},
+      ...s ? { minDate: s } : {},
       ...i ? { maxDate: i } : {},
       disable: es(t),
-      onReady: (s, r, o) => this.mountFooter(o),
+      onReady: (a, r, o) => this.mountFooter(o),
       onOpen: () => this.refreshFooter(),
-      onChange: (s) => {
-        this.refreshFooter(), !(e === "range" && s.length === 1) && this.emitIfChanged(s);
+      onChange: (a) => {
+        this.refreshFooter(), !(e === "range" && a.length === 1) && this.emitIfChanged(a);
       },
-      onClose: (s) => {
+      onClose: (a) => {
         var r, o;
-        e === "range" && s.length === 1 && ((r = this.fp) == null || r.clear(!1)), this.emitIfChanged(((o = this.fp) == null ? void 0 : o.selectedDates) ?? []);
+        e === "range" && a.length === 1 && ((r = this.fp) == null || r.clear(!1)), this.emitIfChanged(((o = this.fp) == null ? void 0 : o.selectedDates) ?? []);
       }
     };
   }
@@ -1985,13 +1992,13 @@ let Ze = class extends X {
   mountFooter(t) {
     const e = document.createElement("div");
     e.className = "baht-datepicker-footer";
-    const a = document.createElement("button");
-    a.type = "button", a.className = "baht-button baht-button--sm baht-datepicker-today", a.textContent = u("today"), a.addEventListener("click", () => this.pickToday());
+    const s = document.createElement("button");
+    s.type = "button", s.className = "baht-button baht-button--sm baht-datepicker-today", s.textContent = u("today"), s.addEventListener("click", () => this.pickToday());
     const i = document.createElement("button");
     i.type = "button", i.className = "baht-button baht-button--danger baht-button--sm baht-datepicker-clear", i.textContent = u("clear"), i.addEventListener("click", () => {
-      var s, r;
-      (s = this.fp) == null || s.clear(), (r = this.fp) == null || r.close();
-    }), e.append(a, i), t.calendarContainer.appendChild(e), this.todayBtn = a, this.clearBtn = i, this.refreshFooter(t);
+      var a, r;
+      (a = this.fp) == null || a.clear(), (r = this.fp) == null || r.close();
+    }), e.append(s, i), t.calendarContainer.appendChild(e), this.todayBtn = s, this.clearBtn = i, this.refreshFooter(t);
   }
   /** Today greys out when the rules exclude it; Clear when there is nothing to clear.
    *  `fp` is passed explicitly from onReady — it fires inside the flatpickr()
@@ -2000,16 +2007,16 @@ let Ze = class extends X {
     t && (this.todayBtn && (this.todayBtn.disabled = !this.todayAllowed()), this.clearBtn && (this.clearBtn.disabled = t.selectedDates.length === 0));
   }
   todayAllowed() {
-    const t = kt(/* @__PURE__ */ new Date()), e = qt(this.field.min), a = qt(this.field.max);
-    if (e && t < kt(e) || a && t > kt(a)) return !1;
+    const t = kt(/* @__PURE__ */ new Date()), e = qt(this.field.min), s = qt(this.field.max);
+    if (e && t < kt(e) || s && t > kt(s)) return !1;
     for (const i of es(this.field) ?? [])
       if (i instanceof Date) {
-        if (Qe(i, t)) return !1;
+        if (ts(i, t)) return !1;
       } else if (typeof i == "function") {
         if (i(t)) return !1;
       } else if (typeof i == "object" && "from" in i) {
-        const s = kt(new Date(i.from)), r = kt(new Date(i.to));
-        if (t >= s && t <= r) return !1;
+        const a = kt(new Date(i.from)), r = kt(new Date(i.to));
+        if (t >= a && t <= r) return !1;
       }
     return !0;
   }
@@ -2022,7 +2029,7 @@ let Ze = class extends X {
         t.setDate([e, e], !0);
         break;
       case "multiple": {
-        t.selectedDates.some((i) => Qe(i, e)) || t.setDate([...t.selectedDates, e], !0);
+        t.selectedDates.some((i) => ts(i, e)) || t.setDate([...t.selectedDates, e], !0);
         break;
       }
       default:
@@ -2032,50 +2039,48 @@ let Ze = class extends X {
   }
   emitIfChanged(t) {
     const e = this.lastEmitted ?? this.datesOf(this.value);
-    ts(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
+    this.sameInstants(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
   }
   /** Host value (any mode) -> the Date list flatpickr works with. */
   datesOf(t) {
-    return ws(t).map(qt).filter((e) => e !== null);
+    const e = this.field.enable_time ? ws : qt;
+    return xs(t).map(e).filter((s) => s !== null);
   }
   /** flatpickr's selection -> the value shape of the field's mode. */
   toValue(t) {
-    const e = t.map(Vt);
+    const e = this.field.enable_time ? Re : ae, s = t.map(e);
     switch (ye(this.field)) {
       case "range":
-        return e.length === 2 ? [e[0], e[1]] : null;
+        return s.length === 2 ? [s[0], s[1]] : null;
       case "multiple":
-        return e;
+        return s;
       default:
-        return e[0] ?? null;
+        return s[0] ?? null;
     }
   }
 };
-Ze = Ea([
+Qe = La([
   f("baht-datepicker")
-], Ze);
+], Qe);
 function kt(t) {
   return new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-function Qe(t, e) {
-  return Vt(t) === Vt(e);
-}
 function ts(t, e) {
-  return t.length !== e.length ? !1 : t.every((a, i) => Vt(a) === Vt(e[i]));
+  return ae(t) === ae(e);
 }
 function es(t) {
   const e = [];
   for (const i of t.disabled_dates ?? []) {
-    const s = xs(i);
-    s && e.push(s[0].getTime() === s[1].getTime() ? s[0] : { from: s[0], to: s[1] });
+    const a = _s(i);
+    a && e.push(a[0].getTime() === a[1].getTime() ? a[0] : { from: a[0], to: a[1] });
   }
-  const a = t.disabled_weekdays;
-  return a != null && a.length && e.push((i) => a.includes(i.getDay())), e;
+  const s = t.disabled_weekdays;
+  return s != null && s.length && e.push((i) => s.includes(i.getDay())), e;
 }
-var La = Object.defineProperty, Na = Object.getOwnPropertyDescriptor, te = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Na(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && La(e, a, s), s;
+var Na = Object.defineProperty, qa = Object.getOwnPropertyDescriptor, Qt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? qa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Na(e, s, a), a;
 };
 function ss(t) {
   return t !== null && typeof t == "object" && typeof t.url == "string";
@@ -2097,9 +2102,9 @@ let Mt = class extends X {
     if (!this.uploader) return;
     this.uploadError = null, this.uploadingCount += t.length;
     const e = this.field.multiple ? [...this.refs] : [];
-    for (const a of t)
+    for (const s of t)
       try {
-        e.push(await this.uploader(a));
+        e.push(await this.uploader(s));
       } catch {
         this.uploadError = u("uploadFailed");
       } finally {
@@ -2112,8 +2117,8 @@ let Mt = class extends X {
     this.take(Array.from(e.files ?? []), e);
   }
   take(t, e) {
-    const a = this.field.max_size, i = a ? t.filter((r) => r.size <= a) : t, s = a ? t.filter((r) => r.size > a) : [];
-    if (this.rejectedNames = s.map((r) => r.name), this.uploader) {
+    const s = this.field.max_size, i = s ? t.filter((r) => r.size <= s) : t, a = s ? t.filter((r) => r.size > s) : [];
+    if (this.rejectedNames = a.map((r) => r.name), this.uploader) {
       e && (e.value = ""), this.uploadAll(i);
       return;
     }
@@ -2129,20 +2134,20 @@ let Mt = class extends X {
     ), this.field.max_size && t.push(u("uploadMaxSize", { size: _e(this.field.max_size) })), t.join(" · ");
   }
   renderControl() {
-    const t = this.disabled || this.readonly || this.uploadingCount > 0, e = this.hintText(), a = [
+    const t = this.disabled || this.readonly || this.uploadingCount > 0, e = this.hintText(), s = [
       "baht-dropzone",
       t ? "baht-dropzone--disabled" : "",
       this.invalid === "true" ? "baht-dropzone--invalid" : ""
     ].filter(Boolean).join(" ");
     return l`<div
-        class=${a}
+        class=${s}
         @dragover=${(i) => {
       t || (i.preventDefault(), i.currentTarget.classList.add("baht-dropzone--over"));
     }}
         @dragleave=${(i) => i.currentTarget.classList.remove("baht-dropzone--over")}
         @drop=${(i) => {
-      var s;
-      i.preventDefault(), i.currentTarget.classList.remove("baht-dropzone--over"), t || this.take(Array.from(((s = i.dataTransfer) == null ? void 0 : s.files) ?? []));
+      var a;
+      i.preventDefault(), i.currentTarget.classList.remove("baht-dropzone--over"), t || this.take(Array.from(((a = i.dataTransfer) == null ? void 0 : a.files) ?? []));
     }}
       >
         <input
@@ -2188,57 +2193,57 @@ let Mt = class extends X {
                 class="baht-file-remove"
                 aria-label=${u("removeFile")}
                 title=${u("removeFile")}
-                @click=${() => this.emitRefs(this.refs.filter((s) => s !== i))}
+                @click=${() => this.emitRefs(this.refs.filter((a) => a !== i))}
               >
-                ${j("close")}
+                ${T("close")}
               </button>`}
         </span>`
     )}`;
   }
 };
-te([
+Qt([
   n({ attribute: !1 })
 ], Mt.prototype, "uploader", 2);
-te([
+Qt([
   v()
 ], Mt.prototype, "uploadingCount", 2);
-te([
+Qt([
   v()
 ], Mt.prototype, "uploadError", 2);
-te([
+Qt([
   v()
 ], Mt.prototype, "rejectedNames", 2);
-Mt = te([
+Mt = Qt([
   f("baht-file")
 ], Mt);
-var qa = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, B = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ra(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && qa(e, a, s), s;
+var Ra = Object.defineProperty, za = Object.getOwnPropertyDescriptor, I = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? za(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Ra(e, s, a), a;
 };
-function za(t, e) {
-  return e.split(".").reduce((a, i) => {
-    if (a !== null && typeof a == "object") return a[i];
+function Va(t, e) {
+  return e.split(".").reduce((s, i) => {
+    if (s !== null && typeof s == "object") return s[i];
   }, t);
 }
-function Va(t, e) {
-  const a = t.trim();
-  if (!a) return null;
+function Ka(t, e) {
+  const s = t.trim();
+  if (!s) return null;
   try {
-    const i = JSON.parse(a);
+    const i = JSON.parse(s);
     if (typeof i == "string") return i;
-    const s = e ? za(i, e) : i;
-    return typeof s == "string" && s ? s : null;
+    const a = e ? Va(i, e) : i;
+    return typeof a == "string" && a ? a : null;
   } catch {
-    return /^(https?:\/\/|\/|data:|blob:)/.test(a) ? a : null;
+    return /^(https?:\/\/|\/|data:|blob:)/.test(s) ? s : null;
   }
 }
-function Ka(t) {
-  const a = (t.split(/[?#]/)[0] ?? t).split("/").filter(Boolean).pop() ?? t;
+function Ua(t) {
+  const s = (t.split(/[?#]/)[0] ?? t).split("/").filter(Boolean).pop() ?? t;
   try {
-    return decodeURIComponent(a);
+    return decodeURIComponent(s);
   } catch {
-    return a;
+    return s;
   }
 }
 function ke(t) {
@@ -2255,7 +2260,7 @@ let S = class extends y {
     return `baht-upload-${this.uid}`;
   }
   fileFor(t) {
-    return this.known.get(t) ?? { name: Ka(t), size: 0, url: t };
+    return this.known.get(t) ?? { name: Ua(t), size: 0, url: t };
   }
   /** Empty the value (does not delete anything on the server). */
   clear() {
@@ -2265,15 +2270,15 @@ let S = class extends y {
     const e = this.multiple ? t : t[0] ?? null;
     this.value = e, this.emit("baht-change", {
       value: e,
-      files: t.map((a) => this.fileFor(a))
+      files: t.map((s) => this.fileFor(s))
     });
   }
   accept_(t) {
     if (this.disabled || t.length === 0) return;
-    const e = this.maxSize, a = e ? t.filter((s) => s.size <= e) : t;
-    this.rejectedNames = e ? t.filter((s) => s.size > e).map((s) => s.name) : [];
-    const i = this.multiple ? a : a.slice(0, 1);
-    for (const s of i) this.start(s);
+    const e = this.maxSize, s = e ? t.filter((a) => a.size <= e) : t;
+    this.rejectedNames = e ? t.filter((a) => a.size > e).map((a) => a.name) : [];
+    const i = this.multiple ? s : s.slice(0, 1);
+    for (const a of i) this.start(a);
   }
   onPick(t) {
     const e = t.target;
@@ -2294,36 +2299,36 @@ let S = class extends y {
     this.pending = this.multiple ? [...this.pending, e] : [e], this.emit("baht-upload-start", { file: t }), this.send(e);
   }
   patch(t, e) {
-    this.pending = this.pending.map((a) => a.id === t ? { ...a, ...e } : a);
+    this.pending = this.pending.map((s) => s.id === t ? { ...s, ...e } : s);
   }
   send(t) {
     const e = new XMLHttpRequest();
     e.open(this.method || "POST", this.url);
-    for (const [i, s] of Object.entries(this.headers ?? {})) e.setRequestHeader(i, s);
+    for (const [i, a] of Object.entries(this.headers ?? {})) e.setRequestHeader(i, a);
     e.withCredentials = this.withCredentials, e.upload.onprogress = (i) => {
-      const s = i.total > 0 ? Math.round(i.loaded / i.total * 100) : 0;
-      this.patch(t.id, { percent: s }), this.emit("baht-upload-progress", {
+      const a = i.total > 0 ? Math.round(i.loaded / i.total * 100) : 0;
+      this.patch(t.id, { percent: a }), this.emit("baht-upload-progress", {
         file: t.file,
         loaded: i.loaded,
         total: i.total,
-        percent: s
+        percent: a
       });
     }, e.onload = () => {
-      const i = e.status >= 200 && e.status < 300, s = i ? Va(e.responseText, this.responseKey) : null;
-      if (!i || !s) return this.failed(t, i ? 0 : e.status);
-      this.known.set(s, {
+      const i = e.status >= 200 && e.status < 300, a = i ? Ka(e.responseText, this.responseKey) : null;
+      if (!i || !a) return this.failed(t, i ? 0 : e.status);
+      this.known.set(a, {
         name: t.file.name,
         size: t.file.size,
         type: t.file.type || void 0,
-        url: s
-      }), this.pending = this.pending.filter((r) => r.id !== t.id), this.emitValue(this.multiple ? [...this.urls, s] : [s]);
+        url: a
+      }), this.pending = this.pending.filter((r) => r.id !== t.id), this.emitValue(this.multiple ? [...this.urls, a] : [a]);
     }, e.onerror = () => this.failed(t, 0);
-    const a = new FormData();
-    a.append(this.fieldName || "file", t.file, t.file.name), e.send(a);
+    const s = new FormData();
+    s.append(this.fieldName || "file", t.file, t.file.name), e.send(s);
   }
   failed(t, e) {
-    const a = u("uploadFailed");
-    this.patch(t.id, { error: a, percent: 0 }), this.emit("baht-upload-error", { file: t.file, status: e, message: a });
+    const s = u("uploadFailed");
+    this.patch(t.id, { error: s, percent: 0 }), this.emit("baht-upload-error", { file: t.file, status: e, message: s });
   }
   retry(t) {
     this.patch(t.id, { error: null, percent: 0 }), this.send({ ...t, error: null, percent: 0 });
@@ -2338,7 +2343,7 @@ let S = class extends y {
     ), this.maxSize && t.push(u("uploadMaxSize", { size: ke(this.maxSize) })), t.join(" · ");
   }
   render() {
-    const t = this.pending.some((c) => !c.error), e = !!this.error, a = this.hint || this.defaultHint(), i = a ? `${this.inputId}-hint` : void 0, s = this.error ? `${this.inputId}-error` : void 0, r = [i, s].filter(Boolean).join(" ") || void 0, o = [
+    const t = this.pending.some((c) => !c.error), e = !!this.error, s = this.hint || this.defaultHint(), i = s ? `${this.inputId}-hint` : void 0, a = this.error ? `${this.inputId}-error` : void 0, r = [i, a].filter(Boolean).join(" ") || void 0, o = [
       "baht-dropzone",
       this.dragging ? "baht-dropzone--over" : "",
       this.disabled ? "baht-dropzone--disabled" : "",
@@ -2373,7 +2378,7 @@ let S = class extends y {
           >
           <span class="baht-dropzone-or">${u("orDropHere")}</span>
         </span>
-        ${a ? l`<span class="baht-dropzone-hint" id=${L(i)}>${a}</span>` : h}
+        ${s ? l`<span class="baht-dropzone-hint" id=${L(i)}>${s}</span>` : h}
       </div>
 
       ${this.pending.length > 0 || this.urls.length > 0 ? l`<ul class="baht-upload-list" aria-live="polite" aria-busy=${t ? "true" : "false"}>
@@ -2383,13 +2388,13 @@ let S = class extends y {
       ${this.rejectedNames.length > 0 ? l`<p class="baht-error" role="alert">
               ${u("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
             </p>` : h}
-      ${this.error ? l`<p class="baht-error" id=${L(s)} role="alert">${this.error}</p>` : h}
+      ${this.error ? l`<p class="baht-error" id=${L(a)} role="alert">${this.error}</p>` : h}
     </div>`;
   }
   renderStored(t) {
     const e = this.fileFor(t);
     return l`<li class="baht-file-chip baht-file-chip--done">
-      <span class="baht-file-chip-icon" aria-hidden="true">${j("check")}</span>
+      <span class="baht-file-chip-icon" aria-hidden="true">${T("check")}</span>
       <a class="baht-file-name" href=${t} target="_blank" rel="noreferrer"
         >${e.name}<span class="baht-visually-hidden"> (${u("opensInNewTab")})</span></a
       >
@@ -2399,9 +2404,9 @@ let S = class extends y {
               class="baht-file-remove"
               aria-label=${u("removeFile")}
               title=${u("removeFile")}
-              @click=${() => this.emitValue(this.urls.filter((a) => a !== t))}
+              @click=${() => this.emitValue(this.urls.filter((s) => s !== t))}
             >
-              ${j("close")}
+              ${T("close")}
             </button>`}
     </li>`;
   }
@@ -2420,7 +2425,7 @@ let S = class extends y {
                 title=${u("removeFile")}
                 @click=${() => this.dismiss(t)}
               >
-                ${j("close")}
+                ${T("close")}
               </button>` : l`<span
               class="baht-upload-bar"
               role="progressbar"
@@ -2433,69 +2438,69 @@ let S = class extends y {
     </li>`;
   }
 };
-B([
+I([
   n()
 ], S.prototype, "url", 2);
-B([
+I([
   n()
 ], S.prototype, "method", 2);
-B([
+I([
   n({ attribute: "field-name" })
 ], S.prototype, "fieldName", 2);
-B([
+I([
   n({ attribute: "response-key" })
 ], S.prototype, "responseKey", 2);
-B([
+I([
   n({ attribute: !1 })
 ], S.prototype, "headers", 2);
-B([
+I([
   n({ type: Boolean, attribute: "with-credentials" })
 ], S.prototype, "withCredentials", 2);
-B([
+I([
   n({ attribute: !1 })
 ], S.prototype, "value", 2);
-B([
+I([
   n()
 ], S.prototype, "label", 2);
-B([
+I([
   n()
 ], S.prototype, "hint", 2);
-B([
+I([
   n()
 ], S.prototype, "accept", 2);
-B([
+I([
   n({ type: Boolean })
 ], S.prototype, "multiple", 2);
-B([
+I([
   n({ type: Number, attribute: "max-size" })
 ], S.prototype, "maxSize", 2);
-B([
+I([
   n({ type: Boolean })
 ], S.prototype, "disabled", 2);
-B([
+I([
   n({ type: Boolean })
 ], S.prototype, "required", 2);
-B([
+I([
   n()
 ], S.prototype, "error", 2);
-B([
+I([
   v()
 ], S.prototype, "pending", 2);
-B([
+I([
   v()
 ], S.prototype, "rejectedNames", 2);
-B([
+I([
   v()
 ], S.prototype, "dragging", 2);
-S = B([
+S = I([
   f("baht-upload")
 ], S);
-var Ua = Object.defineProperty, Ha = Object.getOwnPropertyDescriptor, vs = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ha(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ua(e, a, s), s;
+var Ha = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, vs = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ga(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Ha(e, s, a), a;
 };
-let Ie = class extends y {
+let Be = class extends y {
   render() {
     if (!this.field) return h;
     const t = this.field.variant ?? "body";
@@ -2504,16 +2509,16 @@ let Ie = class extends y {
 };
 vs([
   n({ attribute: !1 })
-], Ie.prototype, "field", 2);
-Ie = vs([
+], Be.prototype, "field", 2);
+Be = vs([
   f("baht-text")
-], Ie);
-var Ga = Object.defineProperty, Wa = Object.getOwnPropertyDescriptor, $s = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Wa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ga(e, a, s), s;
+], Be);
+var Wa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, $s = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ja(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Wa(e, s, a), a;
 };
-let je = class extends y {
+let Te = class extends y {
   render() {
     return this.field ? l`<div class="baht-section">
       <span class="baht-section-label">${this.field.text ?? this.field.label ?? ""}</span>
@@ -2522,16 +2527,16 @@ let je = class extends y {
 };
 $s([
   n({ attribute: !1 })
-], je.prototype, "field", 2);
-je = $s([
+], Te.prototype, "field", 2);
+Te = $s([
   f("baht-section")
-], je);
-var Ja = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, fe = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Xa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ja(e, a, s), s;
+], Te);
+var Xa = Object.defineProperty, Ya = Object.getOwnPropertyDescriptor, fe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ya(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Xa(e, s, a), a;
 };
-let Ht = class extends y {
+let Ut = class extends y {
   constructor() {
     super(...arguments), this.total = 0, this.label = "", this.color = "";
   }
@@ -2547,35 +2552,35 @@ let Ht = class extends y {
 };
 fe([
   n({ type: Number })
-], Ht.prototype, "total", 2);
+], Ut.prototype, "total", 2);
 fe([
   n()
-], Ht.prototype, "label", 2);
+], Ut.prototype, "label", 2);
 fe([
   n()
-], Ht.prototype, "color", 2);
-Ht = fe([
+], Ut.prototype, "color", 2);
+Ut = fe([
   f("baht-stat-chart")
-], Ht);
-var Ya = Object.defineProperty, Lt = (t, e, a, i) => {
-  for (var s = void 0, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = o(e, a, s) || s);
-  return s && Ya(e, a, s), s;
+], Ut);
+var Za = Object.defineProperty, Lt = (t, e, s, i) => {
+  for (var a = void 0, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = o(e, s, a) || a);
+  return a && Za(e, s, a), a;
 };
-const Za = 10;
+const Qa = 10;
 function ft(t, e) {
-  return e && t === 0 ? e : `var(--baht-chart-${t % Za + 1})`;
+  return e && t === 0 ? e : `var(--baht-chart-${t % Qa + 1})`;
 }
 function as(t, e = 5) {
   return `var(--baht-chart-seq-${Math.min(e - 1, Math.max(0, t)) + 1})`;
 }
-function zt(t, e = "number", a = "THB") {
+function zt(t, e = "number", s = "THB") {
   if (!Number.isFinite(t)) return "—";
   switch (e) {
     case "currency":
       return new Intl.NumberFormat("en-US", {
         style: "currency",
-        currency: a || "THB",
+        currency: s || "THB",
         currencyDisplay: "narrowSymbol",
         maximumFractionDigits: 0
       }).format(t).replace(/THB\s?/, "฿");
@@ -2593,35 +2598,35 @@ function zt(t, e = "number", a = "THB") {
       return new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(t);
   }
 }
-function Te(t, e = 4) {
+function je(t, e = 4) {
   if (!Number.isFinite(t) || t <= 0) return [0, 1];
-  const a = t / (Math.max(1, e) + 1), i = 10 ** Math.floor(Math.log10(a)), s = [1, 2, 2.5, 5, 10].map((c) => c * i).find((c) => c >= a - 1e-9) ?? 10 * i, r = Math.ceil(t / s) * s, o = [];
-  for (let c = 0; c <= r + s / 1e3; c += s) o.push(Number(c.toFixed(10)));
+  const s = t / (Math.max(1, e) + 1), i = 10 ** Math.floor(Math.log10(s)), a = [1, 2, 2.5, 5, 10].map((c) => c * i).find((c) => c >= s - 1e-9) ?? 10 * i, r = Math.ceil(t / a) * a, o = [];
+  for (let c = 0; c <= r + a / 1e3; c += a) o.push(Number(c.toFixed(10)));
   return o;
 }
 function he(t, e) {
-  const [a, i] = t, [s, r] = e, o = i - a;
-  return !Number.isFinite(o) || o === 0 ? () => s : (c) => s + (c - a) / o * (r - s);
+  const [s, i] = t, [a, r] = e, o = i - s;
+  return !Number.isFinite(o) || o === 0 ? () => a : (c) => a + (c - s) / o * (r - a);
 }
-function Qa(t, e, a = "Other") {
+function ti(t, e, s = "Other") {
   if (t.length <= e) return t;
-  const i = t.slice(0, e - 1), s = t.slice(e - 1).reduce((r, o) => r + o.count, 0);
-  return [...i, { label: a, count: s }];
+  const i = t.slice(0, e - 1), a = t.slice(e - 1).reduce((r, o) => r + o.count, 0);
+  return [...i, { label: s, count: a }];
 }
-function me(t, e, a, i = "View as table") {
+function me(t, e, s, i = "View as table") {
   return l`<details class="baht-chart-table">
     <summary>${i}</summary>
     <table>
       <caption>${t}</caption>
       <thead>
         <tr>
-          ${e.map((s) => l`<th scope="col">${s}</th>`)}
+          ${e.map((a) => l`<th scope="col">${a}</th>`)}
         </tr>
       </thead>
       <tbody>
-        ${a.map(
-    (s) => l`<tr>
-            ${s.map(
+        ${s.map(
+    (a) => l`<tr>
+            ${a.map(
       (r, o) => o === 0 ? l`<th scope="row">${r}</th>` : l`<td class="baht-chart-num">${r}</td>`
     )}
           </tr>`
@@ -2658,14 +2663,14 @@ class at extends y {
    * Content is assigned with `textContent`: category and series names are
    * untrusted data (interaction.md).
    */
-  showTip(e, a) {
+  showTip(e, s) {
     var $;
     const i = this.tipEl;
     if (!i) return;
-    i.textContent = a, i.hidden = !1;
-    const s = this.querySelector(".baht-chart");
-    if (!s || typeof s.getBoundingClientRect != "function") return;
-    const r = s.getBoundingClientRect(), o = e;
+    i.textContent = s, i.hidden = !1;
+    const a = this.querySelector(".baht-chart");
+    if (!a || typeof a.getBoundingClientRect != "function") return;
+    const r = a.getBoundingClientRect(), o = e;
     let c, m;
     if (typeof o.clientX == "number" && (o.clientX !== 0 || o.clientY !== 0))
       c = o.clientX - r.left, m = o.clientY - r.top;
@@ -2685,12 +2690,12 @@ class at extends y {
     return l`<div class="baht-chart-empty">${this.emptyMessage}</div>`;
   }
   /** Legend rows — only ever rendered for 2+ series (marks-and-anatomy.md). */
-  renderLegend(e, a = "rect") {
+  renderLegend(e, s = "rect") {
     return e.length < 2 ? h : l`<div class="baht-chart-legend">
       ${e.map(
       (i) => l`<div class="baht-chart-legend-row">
           <span
-            class="baht-chart-swatch${a === "line" ? " baht-chart-swatch--line" : ""}"
+            class="baht-chart-swatch${s === "line" ? " baht-chart-swatch--line" : ""}"
             style="background:${i.color}"
             aria-hidden="true"
           ></span>
@@ -2718,12 +2723,12 @@ Lt([
   n()
 ], at.prototype, "currency");
 Lt([
-  It(".baht-chart-tooltip")
+  Bt(".baht-chart-tooltip")
 ], at.prototype, "tipEl");
-var ti = Object.defineProperty, ei = Object.getOwnPropertyDescriptor, wt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ei(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ti(e, a, s), s;
+var ei = Object.defineProperty, si = Object.getOwnPropertyDescriptor, wt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? si(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ei(e, s, a), a;
 };
 let ct = class extends y {
   constructor() {
@@ -2732,12 +2737,12 @@ let ct = class extends y {
   render() {
     const t = (this.values ?? []).filter((g) => Number.isFinite(g));
     if (t.length < 2) return h;
-    const e = Math.max(16, this.width), a = Math.max(8, this.height), i = 3, s = Math.min(...t), r = Math.max(...t), o = he([0, t.length - 1], [i, e - i]), c = he([s, r === s ? s + 1 : r], [a - i, i]), m = t.map((g, b) => `${o(b).toFixed(2)},${c(g).toFixed(2)}`).join(" "), $ = o(t.length - 1), _ = c(t[t.length - 1]), p = this.color || "var(--baht-chart-muted)", C = this.label || `Trend of ${t.length} points`;
+    const e = Math.max(16, this.width), s = Math.max(8, this.height), i = 3, a = Math.min(...t), r = Math.max(...t), o = he([0, t.length - 1], [i, e - i]), c = he([a, r === a ? a + 1 : r], [s - i, i]), m = t.map((g, b) => `${o(b).toFixed(2)},${c(g).toFixed(2)}`).join(" "), $ = o(t.length - 1), _ = c(t[t.length - 1]), p = this.color || "var(--baht-chart-muted)", C = this.label || `Trend of ${t.length} points`;
     return l`<svg
       class="baht-sparkline"
       width=${e}
-      height=${a}
-      viewBox="0 0 ${e} ${a}"
+      height=${s}
+      viewBox="0 0 ${e} ${s}"
       role="img"
       aria-label=${C}
     >
@@ -2768,10 +2773,10 @@ wt([
 ct = wt([
   f("baht-sparkline")
 ], ct);
-var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Y = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ai(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && si(e, a, s), s;
+var ai = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, Y = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ii(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ai(e, s, a), a;
 };
 let W = class extends y {
   constructor() {
@@ -2791,17 +2796,17 @@ let W = class extends y {
     return this.deltaKind === "pct" ? `${zt(e / 100, "percent")}` : zt(e, this.format, this.currency);
   }
   render() {
-    const t = this.delta != null && Number.isFinite(this.delta), e = this.tone, a = (this.delta ?? 0) > 0 ? "up" : (this.delta ?? 0) < 0 ? "down" : "flat";
+    const t = this.delta != null && Number.isFinite(this.delta), e = this.tone, s = (this.delta ?? 0) > 0 ? "up" : (this.delta ?? 0) < 0 ? "down" : "flat";
     return l`<div class="baht-stat${this.size === "hero" ? " baht-stat--hero" : ""}">
       ${this.label ? l`<div class="baht-stat-label-row">
-              ${this.icon && us(this.icon) ? l`<span class="baht-stat-icon">${j(this.icon)}</span>` : h}
+              ${this.icon && us(this.icon) ? l`<span class="baht-stat-icon">${T(this.icon)}</span>` : h}
               <span class="baht-stat-label">${this.label}</span>
             </div>` : h}
       <div class="baht-stat-value">${zt(this.value, this.format, this.currency)}</div>
       ${t ? l`<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">${a}</span>
+              <span class="baht-visually-hidden">${s}</span>
               ${this.deltaLabel ? l`<span class="baht-stat-delta-label">${this.deltaLabel}</span>` : h}
             </div>` : h}
       ${!t && this.deltaLabel ? l`<div class="baht-stat-caption">${this.deltaLabel}</div>` : h}
@@ -2849,10 +2854,10 @@ Y([
 W = Y([
   f("baht-stat")
 ], W);
-var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, Nt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ri(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ii(e, a, s), s;
+var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, Nt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? oi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ri(e, s, a), a;
 };
 const is = 6;
 let Q = class extends at {
@@ -2863,10 +2868,10 @@ let Q = class extends at {
     const t = this.hold(this.groups ?? []);
     if (t.length === 0)
       return l`<div class=${this.rootClass("baht-donut-chart")}>${this.renderEmpty()}</div>`;
-    const e = Qa(t, is, this.otherLabel), a = e.reduce((p, C) => p + C.count, 0) || 1, i = this.total ?? t.reduce((p, C) => p + C.count, 0), s = Q.R, r = 2 * Math.PI * s, o = e.length > 1 ? Q.GAP : 0, c = t.length > is;
+    const e = ti(t, is, this.otherLabel), s = e.reduce((p, C) => p + C.count, 0) || 1, i = this.total ?? t.reduce((p, C) => p + C.count, 0), a = Q.R, r = 2 * Math.PI * a, o = e.length > 1 ? Q.GAP : 0, c = t.length > is;
     let m = 0;
     const $ = e.map((p, C) => {
-      const g = p.count / a, b = Math.max(0, g * r - o), w = {
+      const g = p.count / s, b = Math.max(0, g * r - o), w = {
         ...p,
         frac: g,
         dash: `${b} ${r - b}`,
@@ -2880,7 +2885,7 @@ let Q = class extends at {
       <svg width="160" height="160" viewBox="0 0 160 160" role="img" aria-label=${_}>
         <g transform="translate(80,80) rotate(-90)">
           ${$.map(
-      (p) => R`<circle r=${s} cx="0" cy="0" fill="none" stroke=${p.color}
+      (p) => R`<circle r=${a} cx="0" cy="0" fill="none" stroke=${p.color}
                 stroke-width="22" stroke-dasharray=${p.dash} stroke-dashoffset=${p.offset}/>`
     )}
         </g>
@@ -2929,36 +2934,36 @@ Nt([
 Q = Nt([
   f("baht-donut-chart")
 ], Q);
-var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, G = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? li(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && oi(e, a, s), s;
+var li = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, G = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ni(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && li(e, s, a), a;
 };
-const rs = 24, os = 2, ni = 56, hi = 26;
+const rs = 24, os = 2, hi = 56, ci = 26;
 let K = class extends at {
   constructor() {
     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(), !(!T() || typeof ResizeObserver > "u") && (this.resizeObserver = new ResizeObserver(() => this.measure()), this.resizeObserver.observe(this));
+    super.connectedCallback(), !(!j() || 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() {
-    T() && queueMicrotask(() => this.measure());
+    j() && queueMicrotask(() => this.measure());
   }
   /** Host width → px per category. Never runs on the server (`hasDom` guard). */
   measure() {
     var r;
-    if (!T() || !this.isConnected || this.orientation !== "vertical") return;
+    if (!j() || !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 i = (Math.max(0, e - ni) - os * (t - 1)) / t, s = i > 0 ? Math.floor(i * 100) / 100 : 0;
-    Math.abs(s - this.band) > 0.01 && (this.band = s);
+    const i = (Math.max(0, e - hi) - os * (t - 1)) / t, a = i > 0 ? Math.floor(i * 100) / 100 : 0;
+    Math.abs(a - this.band) > 0.01 && (this.band = a);
   }
   get columnCount() {
     const t = this.model.series;
@@ -2971,40 +2976,40 @@ let K = class extends at {
       return { series: this.series, categories: this.categories ?? [], legacy: !1 };
     const t = this.groups ?? [];
     return {
-      series: t.length ? [{ name: this.label || "Value", values: t.map((a) => a.count) }] : [],
-      categories: t.map((a) => a.label),
+      series: t.length ? [{ name: this.label || "Value", values: t.map((s) => s.count) }] : [],
+      categories: t.map((s) => s.label),
       legacy: !0
     };
   }
-  colorFor(t, e, a) {
+  colorFor(t, e, s) {
     const i = this.model.series[t];
-    return this.emphasis != null && !(a ? t === this.emphasis : e === this.emphasis) ? "var(--baht-chart-muted)" : ft(a ? t : 0, this.color || (i == null ? void 0 : i.color) || void 0);
+    return this.emphasis != null && !(s ? t === this.emphasis : e === this.emphasis) ? "var(--baht-chart-muted)" : ft(s ? t : 0, this.color || (i == null ? void 0 : i.color) || void 0);
   }
   render() {
     const t = this.hold(this.model);
     return t.series.length === 0 ? l`<div class=${this.rootClass("baht-bar-chart")}>${this.renderEmpty()}</div>` : this.orientation === "vertical" ? this.renderVertical(t) : this.renderHorizontal(t);
   }
   /** Largest value a bar can reach: the raw max for `groups`, a clean tick otherwise. */
-  domainMax(t, e, a) {
-    const i = Math.max(...t.map((c) => c.values.length)), s = Array.from(
+  domainMax(t, e, s) {
+    const i = Math.max(...t.map((c) => c.values.length)), a = Array.from(
       { length: i },
       (c, m) => e ? t.reduce(($, _) => $ + (_.values[m] ?? 0), 0) : Math.max(...t.map(($) => $.values[m] ?? 0))
     ), r = Math.max(
       1,
-      ...s,
+      ...a,
       ...this.compare ?? [],
       ...(this.markers ?? []).map((c) => c.value)
     );
-    if (a) return r;
-    const o = Te(r, 4);
+    if (s) return r;
+    const o = je(r, 4);
     return o[o.length - 1] ?? r;
   }
-  tableTwin(t, e, a) {
+  tableTwin(t, e, s) {
     var r;
     if (!this.showTable) return h;
     const i = ["Category", ...t.map((o) => o.name || "Value")];
     (r = this.compare) != null && r.length && i.push(this.compareLabel);
-    const s = Array.from({ length: a }, (o, c) => {
+    const a = Array.from({ length: s }, (o, c) => {
       var $;
       const m = [
         e[c] || "(empty)",
@@ -3013,12 +3018,12 @@ let K = class extends at {
       return ($ = this.compare) != null && $.length && m.push(this.fmt(this.compare[c] ?? 0)), m;
     });
     for (const o of this.markers ?? [])
-      s.push([
+      a.push([
         `${o.label ?? "Target"}${o.category ? ` (${o.category})` : ""}`,
         this.fmt(o.value),
         ...Array.from({ length: i.length - 2 }, () => "—")
       ]);
-    return me(this.label || "Bar chart data", i, s);
+    return me(this.label || "Bar chart data", i, a);
   }
   /** Markers with no `category` span the chart; the rest ride their own row. */
   markersFor(t) {
@@ -3042,9 +3047,9 @@ let K = class extends at {
    */
   markerOverlay(t, e) {
     return this.markersFor(e).map(
-      (a) => l`<span
+      (s) => l`<span
         class="baht-bar-chart-marker"
-        style=${`left:${Math.min(100, a.value / t * 100).toFixed(2)}%`}
+        style=${`left:${Math.min(100, s.value / t * 100).toFixed(2)}%`}
         aria-hidden="true"
       ></span>`
     );
@@ -3056,12 +3061,12 @@ let K = class extends at {
    * each other, a row's own markers only with that row's.
    */
   place(t, e) {
-    const a = [], i = [...t].sort((s, r) => s.value - r.value);
-    for (const s of i) {
-      const r = Math.min(100, Math.max(0, s.value / e * 100)), o = a[a.length - 1];
-      o && r - o.pct < 12 || a.push({ m: s, pct: r });
+    const s = [], i = [...t].sort((a, r) => a.value - r.value);
+    for (const a of i) {
+      const r = Math.min(100, Math.max(0, a.value / e * 100)), o = s[s.length - 1];
+      o && r - o.pct < 12 || s.push({ m: a, pct: r });
     }
-    return a;
+    return s;
   }
   /** Chart-wide marker labels — the strip above the rows / the end of the line. */
   placedMarkers(t) {
@@ -3070,26 +3075,26 @@ let K = class extends at {
   /** A row's own marker labels, drawn beside their line inside that row. */
   rowMarkerLabels(t, e) {
     return this.place(this.categoryMarkers(t), e).map(
-      ({ m: a, pct: i }) => l`<span
+      ({ m: s, pct: i }) => l`<span
         class="baht-bar-chart-marker-label baht-bar-chart-marker-label--row"
         style=${`left:${i.toFixed(2)}%;transform:translateX(${i > 70 ? "calc(-100% - 4px)" : "4px"})`}
-        >${this.markerText(a)}</span
+        >${this.markerText(s)}</span
       >`
     );
   }
   /** Legend rows: one per series, plus the muted `compare` key when it is set. */
   legendEntries(t) {
-    const e = t.map((a, i) => ({
-      label: a.name || "Value",
-      color: ft(i, a.color)
+    const e = t.map((s, i) => ({
+      label: s.name || "Value",
+      color: ft(i, s.color)
     }));
     return (this.compare ?? []).length > 0 && e.push({ label: this.compareLabel, color: "var(--baht-chart-muted)" }), e;
   }
   renderHorizontal(t) {
-    const { series: e, categories: a, legacy: i } = t, s = e.length > 1, r = Math.max(...e.map((C) => C.values.length)), o = this.domainMax(e, this.stacked, i), c = (this.compare ?? []).length > 0, m = (this.stacked ? 1 : e.length) + (c ? 1 : 0), $ = Math.min(rs, Math.max(6, Math.floor(48 / m))), _ = Array.from({ length: r }, (C, g) => {
-      const b = a[g] || "(empty)", w = e.reduce((D, E) => D + (E.values[g] ?? 0), 0), P = `${b}: ${e.map((D) => `${D.name ? `${D.name} ` : ""}${this.fmt(D.values[g] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[g] ?? 0)}` : ""}`, H = e.map((D, E) => ({
+    const { series: e, categories: s, legacy: i } = t, a = e.length > 1, r = Math.max(...e.map((C) => C.values.length)), o = this.domainMax(e, this.stacked, i), c = (this.compare ?? []).length > 0, m = (this.stacked ? 1 : e.length) + (c ? 1 : 0), $ = Math.min(rs, Math.max(6, Math.floor(48 / m))), _ = Array.from({ length: r }, (C, g) => {
+      const b = s[g] || "(empty)", w = e.reduce((D, E) => D + (E.values[g] ?? 0), 0), P = `${b}: ${e.map((D) => `${D.name ? `${D.name} ` : ""}${this.fmt(D.values[g] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[g] ?? 0)}` : ""}`, H = e.map((D, E) => ({
         value: D.values[g] ?? 0,
-        color: this.colorFor(E, g, s),
+        color: this.colorFor(E, g, a),
         name: D.name
       }));
       return l`<div class="baht-bar-chart-row">
@@ -3148,13 +3153,13 @@ let K = class extends at {
       ${_}
       ${this.renderTooltip()}
       ${this.renderLegend(this.legendEntries(e))}
-      ${this.tableTwin(e, a, r)}
+      ${this.tableTwin(e, s, r)}
     </div>`;
   }
   renderVertical(t) {
-    const { series: e, categories: a, legacy: i } = t, s = e.length > 1, r = Math.max(...e.map((w) => w.values.length)), o = this.domainMax(e, this.stacked, i), c = Te(o, 4), m = (this.compare ?? []).length > 0, $ = (this.stacked ? 1 : e.length) + (m ? 1 : 0), _ = this.band > 0 ? (this.band - os) / $ : 48 / $, p = Math.min(rs, Math.max(2, Math.floor(_))), C = this.band > 0 ? Math.max(1, Math.ceil(hi / Math.max(1, this.band))) : Math.max(1, Math.ceil(r / 12)), g = (this.markers ?? []).map(
+    const { series: e, categories: s, legacy: i } = t, a = e.length > 1, r = Math.max(...e.map((w) => w.values.length)), o = this.domainMax(e, this.stacked, i), c = je(o, 4), m = (this.compare ?? []).length > 0, $ = (this.stacked ? 1 : e.length) + (m ? 1 : 0), _ = this.band > 0 ? (this.band - os) / $ : 48 / $, p = Math.min(rs, Math.max(2, Math.floor(_))), C = this.band > 0 ? Math.max(1, Math.ceil(ci / Math.max(1, this.band))) : Math.max(1, Math.ceil(r / 12)), g = (this.markers ?? []).map(
       (w) => `${this.markerText(w)}${w.category ? ` on ${w.category}` : ""}`
-    ), b = this.label || `Column chart, ${r} categories. ${a.map((w, P) => `${w} ${this.fmt(e[0].values[P] ?? 0)}`).join(", ")}${g.length ? `. Reference lines: ${g.join(", ")}` : ""}`;
+    ), b = this.label || `Column chart, ${r} categories. ${s.map((w, P) => `${w} ${this.fmt(e[0].values[P] ?? 0)}`).join(", ")}${g.length ? `. Reference lines: ${g.join(", ")}` : ""}`;
     return l`<div class=${this.rootClass("baht-bar-chart baht-bar-chart--vertical")}>
       <div class="baht-bar-chart-plot" role="img" aria-label=${b}>
         <div class="baht-bar-chart-yaxis" aria-hidden="true">
@@ -3178,7 +3183,7 @@ let K = class extends at {
           ${[...c].reverse().map(() => l`<span class="baht-chart-grid-rule" aria-hidden="true"></span>`)}
           <div class="baht-bar-chart-columns">
             ${Array.from({ length: r }, (w, P) => {
-      const H = a[P] || "(empty)", D = `${H}: ${e.map((E) => `${E.name ? `${E.name} ` : ""}${this.fmt(E.values[P] ?? 0)}`).join(", ")}`;
+      const H = s[P] || "(empty)", D = `${H}: ${e.map((E) => `${E.name ? `${E.name} ` : ""}${this.fmt(E.values[P] ?? 0)}`).join(", ")}`;
       return l`<div
                 class="baht-bar-chart-column"
                 style=${this.band > 0 ? `flex:0 0 auto;width:${this.band}px` : h}
@@ -3205,7 +3210,7 @@ let K = class extends at {
                   ${e.map(
         (E, d) => l`<div
                       class="baht-bar-chart-col"
-                      style=${`height:${Math.max(1, (E.values[P] ?? 0) / o * 100)}%;width:${p}px;background:${this.colorFor(d, P, s)}`}
+                      style=${`height:${Math.max(1, (E.values[P] ?? 0) / o * 100)}%;width:${p}px;background:${this.colorFor(d, P, a)}`}
                     ></div>`
       )}
                   ${m ? l`<div
@@ -3221,7 +3226,7 @@ let K = class extends at {
       </div>
       ${this.renderTooltip()}
       ${this.renderLegend(this.legendEntries(e))}
-      ${this.tableTwin(e, a, r)}
+      ${this.tableTwin(e, s, r)}
     </div>`;
   }
 };
@@ -3267,10 +3272,10 @@ G([
 K = G([
   f("baht-bar-chart")
 ], K);
-var ci = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, nt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? pi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ci(e, a, s), s;
+var pi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, nt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? di(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && pi(e, s, a), a;
 };
 const ls = 640, Oe = 260, M = { top: 14, right: 72, bottom: 30, left: 60 };
 let st = class extends at {
@@ -3287,10 +3292,10 @@ let st = class extends at {
         return d && ((k = d.values) == null ? void 0 : k.length);
       }),
       categories: this.categories ?? []
-    }), { series: e, categories: a } = t;
+    }), { series: e, categories: s } = t;
     if (e.length === 0)
       return l`<div class=${this.rootClass("baht-line-chart")}>${this.renderEmpty()}</div>`;
-    const i = 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 = Te(r, 4), c = o[o.length - 1] ?? 1, { w: m, h: $ } = this.plot, _ = he([0, Math.max(1, i - 1)], [M.left, M.left + m]), p = he([0, c], [M.top + $, M.top]), C = Math.max(0, i - 1 - Math.max(0, this.forecast)), g = (d, k, et) => d.slice(k, et + 1).map((it, rt) => `${rt === 0 ? "M" : "L"}${_(k + rt).toFixed(2)},${p(it).toFixed(2)}`).join(" "), b = e.map((d, k) => ({
+    const i = Math.max(...e.map((d) => d.values.length)), a = e.flatMap((d) => d.values).filter((d) => Number.isFinite(d)), r = Math.max(0, ...a, ...(this.markers ?? []).map((d) => d.value)), o = je(r, 4), c = o[o.length - 1] ?? 1, { w: m, h: $ } = this.plot, _ = he([0, Math.max(1, i - 1)], [M.left, M.left + m]), p = he([0, c], [M.top + $, M.top]), C = Math.max(0, i - 1 - Math.max(0, this.forecast)), g = (d, k, et) => d.slice(k, et + 1).map((it, rt) => `${rt === 0 ? "M" : "L"}${_(k + rt).toFixed(2)},${p(it).toFixed(2)}`).join(" "), b = e.map((d, k) => ({
       i: k,
       name: d.name,
       value: d.values[d.values.length - 1] ?? 0,
@@ -3342,11 +3347,11 @@ let st = class extends at {
                   <text class="baht-chart-end-label" x=${_(i - 1) + 10} y=${(d.yPos + 4).toFixed(2)}
                     text-anchor="start">${this.fmt(d.value)}</text>`
     ) : h}
-        ${a.map(
+        ${s.map(
       (d, k) => k % D === 0 ? R`<text class="baht-chart-tick" x=${_(k).toFixed(2)} y=${Oe - 10} text-anchor="middle">${d}</text>` : h
     )}
         ${Array.from({ length: i }, (d, k) => {
-      const et = m / Math.max(1, i - 1), it = `${a[k] ?? `Point ${k + 1}`}: ${e.map((rt) => `${rt.name} ${this.fmt(rt.values[k] ?? 0)}`).join(", ")}`;
+      const et = m / Math.max(1, i - 1), it = `${s[k] ?? `Point ${k + 1}`}: ${e.map((rt) => `${rt.name} ${this.fmt(rt.values[k] ?? 0)}`).join(", ")}`;
       return R`<rect class="baht-chart-hit" x=${(_(k) - et / 2).toFixed(2)} y=${M.top}
             width=${Math.max(24, et).toFixed(2)} height=${$} tabindex="0" role="button"
             aria-label=${it}
@@ -3367,14 +3372,14 @@ let st = class extends at {
       this.label || "Line chart data",
       ["Point", ...e.map((d) => d.name)],
       Array.from({ length: i }, (d, k) => [
-        a[k] ?? `Point ${k + 1}`,
+        s[k] ?? `Point ${k + 1}`,
         ...e.map((et) => this.fmt(et.values[k] ?? 0))
       ])
     ) : h}
     </div>`;
   }
-  onHover(t, e, a) {
-    this.crosshairAt = e, this.requestUpdate(), this.showTip(t, a);
+  onHover(t, e, s) {
+    this.crosshairAt = e, this.requestUpdate(), this.showTip(t, s);
   }
   onLeave() {
     this.crosshairAt = null, this.requestUpdate(), this.hideTip();
@@ -3407,12 +3412,12 @@ nt([
 st = nt([
   f("baht-line-chart")
 ], st);
-var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, xt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ui(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && di(e, a, s), s;
+var ui = Object.defineProperty, bi = Object.getOwnPropertyDescriptor, xt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? bi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ui(e, s, a), a;
 };
-const Pe = 22, Rt = 24, ns = 34, Ce = 18, bi = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+const Pe = 22, Rt = 24, ns = 34, Ce = 18, fi = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
 function De(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;
@@ -3425,18 +3430,18 @@ let pt = class extends at {
     super(...arguments), this.values = [], this.from = "", this.to = "", this.lessLabel = "Less", this.moreLabel = "More", this.label = "";
   }
   get range() {
-    const t = (this.values ?? []).map((i) => De(i.date)).filter((i) => !!i), e = De(this.from) ?? (t.length ? new Date(Math.min(...t.map((i) => +i))) : null), a = De(this.to) ?? (t.length ? new Date(Math.max(...t.map((i) => +i))) : null);
-    return !e || !a || +a < +e ? null : { start: e, end: a };
+    const t = (this.values ?? []).map((i) => De(i.date)).filter((i) => !!i), e = De(this.from) ?? (t.length ? new Date(Math.min(...t.map((i) => +i))) : null), s = De(this.to) ?? (t.length ? new Date(Math.max(...t.map((i) => +i))) : null);
+    return !e || !s || +s < +e ? null : { start: e, end: s };
   }
   render() {
     const t = this.hold({ values: this.values ?? [], range: this.range }), e = t.range;
     if (!e || t.values.length === 0)
       return l`<div class=${this.rootClass("baht-heatmap")}>${this.renderEmpty()}</div>`;
-    const a = new Map(t.values.map((b) => [b.date.slice(0, 10), b.value])), i = [], s = new Date(e.start), r = (e.start.getUTCDay() + 6) % 7;
+    const s = new Map(t.values.map((b) => [b.date.slice(0, 10), b.value])), i = [], a = new Date(e.start), r = (e.start.getUTCDay() + 6) % 7;
     let o = 0;
-    for (; +s <= +e.end; ) {
-      const b = Se(s), w = (s.getUTCDay() + 6) % 7, P = Math.floor((r + o) / 7);
-      i.push({ iso: b, value: a.has(b) ? a.get(b) : null, col: P, row: w }), s.setUTCDate(s.getUTCDate() + 1), o += 1;
+    for (; +a <= +e.end; ) {
+      const b = Se(a), w = (a.getUTCDay() + 6) % 7, P = Math.floor((r + o) / 7);
+      i.push({ iso: b, value: s.has(b) ? s.get(b) : null, col: P, row: w }), a.setUTCDate(a.getUTCDate() + 1), o += 1;
     }
     const c = Math.max(1, ...i.map((b) => b.col + 1)), m = ns + c * Rt, $ = Ce + 7 * Rt + 4, _ = Math.max(1, ...i.map((b) => b.value ?? 0)), p = (b) => Math.min(4, Math.max(0, Math.ceil(b / _ * 5) - 1)), C = i.reduce((b, w) => b + (w.value ?? 0), 0), g = this.label || `Calendar heatmap, ${i.length} days from ${Se(e.start)} to ${Se(e.end)}, total ${this.fmt(C)}`;
     return l`<div class=${this.rootClass("baht-heatmap")}>
@@ -3449,7 +3454,7 @@ let pt = class extends at {
         role="img"
         aria-label=${g}
       >
-        ${bi.map(
+        ${fi.map(
       (b, w) => w % 2 === 0 ? R`<text class="baht-chart-tick" x="0" y=${Ce + w * Rt + Pe / 2 + 4}>${b}</text>` : h
     )}
         ${i.map((b) => {
@@ -3503,10 +3508,10 @@ xt([
 pt = xt([
   f("baht-heatmap")
 ], pt);
-var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, tt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? mi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && fi(e, a, s), s;
+var mi = Object.defineProperty, vi = Object.getOwnPropertyDescriptor, tt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? vi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && mi(e, s, a), a;
 };
 let J = class extends y {
   constructor() {
@@ -3523,8 +3528,8 @@ let J = class extends y {
    * `warning` stays inclusive (`>=`).
    */
   get severity() {
-    const { warning: t, danger: e } = this.thresholds ?? { warning: 0.8, danger: 1 }, a = this.fraction;
-    return a > e ? "danger" : a >= t ? "warning" : "ok";
+    const { warning: t, danger: e } = this.thresholds ?? { warning: 0.8, danger: 1 }, s = this.fraction;
+    return s > e ? "danger" : s >= t ? "warning" : "ok";
   }
   get statusText() {
     const { danger: t } = this.thresholds ?? { danger: 1 }, e = this.severity;
@@ -3532,11 +3537,11 @@ let J = class extends y {
   }
   render() {
     var c;
-    const t = this.severity, e = Math.min(100, this.fraction * 100), a = (m) => zt(m, this.format, this.currency), i = this.expected != null && Number.isFinite(this.expected) && this.max ? Math.min(100, Math.max(0, this.expected / this.max * 100)) : null, s = `${a(this.value)} of ${a(this.max)}`, r = t === "warning" && this.fraction >= (((c = this.thresholds) == null ? void 0 : c.danger) ?? 1), o = t === "danger" ? "!" : r ? "=" : t === "warning" ? "△" : "";
+    const t = this.severity, e = Math.min(100, this.fraction * 100), s = (m) => zt(m, this.format, this.currency), i = this.expected != null && Number.isFinite(this.expected) && this.max ? Math.min(100, Math.max(0, this.expected / this.max * 100)) : null, a = `${s(this.value)} of ${s(this.max)}`, r = t === "warning" && this.fraction >= (((c = this.thresholds) == null ? void 0 : c.danger) ?? 1), o = t === "danger" ? "!" : r ? "=" : t === "warning" ? "△" : "";
     return l`<div class="baht-meter baht-meter--${t}">
       <div class="baht-meter-head">
         ${this.label ? l`<span class="baht-meter-label">${this.label}</span>` : h}
-        <span class="baht-meter-value">${s}</span>
+        <span class="baht-meter-value">${a}</span>
         ${this.statusText ? l`<span class="baht-meter-status"
                 ><span class="baht-meter-icon" aria-hidden="true">${o}</span
                 >${this.statusText}</span
@@ -3549,7 +3554,7 @@ let J = class extends y {
         aria-valuemin="0"
         aria-valuemax=${this.max}
         aria-valuenow=${this.value}
-        aria-valuetext=${`${s}${this.statusText ? `, ${this.statusText}` : ""}`}
+        aria-valuetext=${`${a}${this.statusText ? `, ${this.statusText}` : ""}`}
       >
         <div class="baht-meter-fill" style=${`width:${e.toFixed(2)}%`}></div>
         ${i != null ? l`<span
@@ -3558,7 +3563,7 @@ let J = class extends y {
                 aria-hidden="true"
               ></span>` : h}
       </div>
-      ${i != null ? l`<div class="baht-meter-pace">Expected by now ${a(this.expected)}</div>` : h}
+      ${i != null ? l`<div class="baht-meter-pace">Expected by now ${s(this.expected)}</div>` : h}
     </div>`;
   }
 };
@@ -3595,12 +3600,12 @@ tt([
 J = tt([
   f("baht-meter")
 ], J);
-var vi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, ve = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? $i(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && vi(e, a, s), s;
+var $i = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ve = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? yi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && $i(e, s, a), a;
 };
-let Gt = class extends y {
+let Ht = class extends y {
   constructor() {
     super(...arguments), this.icon = "empty-box", this.message = "Nothing to display", this.hint = "";
   }
@@ -3614,22 +3619,22 @@ let Gt = class extends y {
 };
 ve([
   n()
-], Gt.prototype, "icon", 2);
+], Ht.prototype, "icon", 2);
 ve([
   n()
-], Gt.prototype, "message", 2);
+], Ht.prototype, "message", 2);
 ve([
   n()
-], Gt.prototype, "hint", 2);
-Gt = ve([
+], Ht.prototype, "hint", 2);
+Ht = ve([
   f("baht-empty-state")
-], Gt);
-var yi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, ee = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? gi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && yi(e, a, s), s;
+], Ht);
+var gi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, te = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? wi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && gi(e, s, a), a;
 };
-let Bt = class extends y {
+let It = class extends y {
   constructor() {
     super(...arguments), this.icon = "error", this.heading = "Something went wrong", this.message = "", this.retryLabel = "";
   }
@@ -3645,25 +3650,25 @@ let Bt = class extends y {
     </div>`;
   }
 };
-ee([
+te([
   n()
-], Bt.prototype, "icon", 2);
-ee([
+], It.prototype, "icon", 2);
+te([
   n()
-], Bt.prototype, "heading", 2);
-ee([
+], It.prototype, "heading", 2);
+te([
   n()
-], Bt.prototype, "message", 2);
-ee([
+], It.prototype, "message", 2);
+te([
   n({ attribute: "retry-label" })
-], Bt.prototype, "retryLabel", 2);
-Bt = ee([
+], It.prototype, "retryLabel", 2);
+It = te([
   f("baht-error-state")
-], Bt);
-var wi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, _t = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? xi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && wi(e, a, s), s;
+], It);
+var xi = Object.defineProperty, _i = Object.getOwnPropertyDescriptor, _t = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? _i(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && xi(e, s, a), a;
 };
 let dt = class extends y {
   constructor() {
@@ -3675,8 +3680,8 @@ let dt = class extends y {
     e !== this.syncedJson && (this.syncedJson = e, this.rows = this.toRows(this.value));
   }
   toRows(t) {
-    const e = Object.entries(t ?? {}).map(([a, i]) => ({
-      k: a,
+    const e = Object.entries(t ?? {}).map(([s, i]) => ({
+      k: s,
       v: typeof i == "string" ? i : JSON.stringify(i)
     }));
     return e.length > 0 ? e : [{ k: "", v: "" }];
@@ -3684,11 +3689,11 @@ let dt = class extends y {
   commit(t) {
     this.rows = t.length > 0 ? t : [{ k: "", v: "" }];
     const e = {};
-    for (const a of t) a.k.trim() && (e[a.k.trim()] = a.v);
+    for (const s of t) s.k.trim() && (e[s.k.trim()] = s.v);
     this.syncedJson = JSON.stringify(e), this.emit("baht-change", { value: e });
   }
   edit(t, e) {
-    this.commit(this.rows.map((a, i) => i === t ? { ...a, ...e } : a));
+    this.commit(this.rows.map((s, i) => i === t ? { ...s, ...e } : s));
   }
   addRow() {
     this.rows = [...this.rows, { k: "", v: "" }];
@@ -3703,7 +3708,7 @@ let dt = class extends y {
             aria-label="${this.keyPlaceholder} ${e + 1}"
             .value=${t.k}
             ?disabled=${this.disabled}
-            @input=${(a) => this.edit(e, { k: a.target.value })}
+            @input=${(s) => this.edit(e, { k: s.target.value })}
           />
           <span class="baht-keyvalue-eq" aria-hidden="true">=</span>
           <input
@@ -3712,15 +3717,15 @@ let dt = class extends y {
             aria-label="${this.valuePlaceholder} ${e + 1}"
             .value=${t.v}
             ?disabled=${this.disabled}
-            @input=${(a) => this.edit(e, { v: a.target.value })}
+            @input=${(s) => this.edit(e, { v: s.target.value })}
           />
           <button
             type="button"
             class="baht-keyvalue-remove"
             aria-label="Remove row ${e + 1}"
             ?disabled=${this.disabled}
-            @click=${() => this.commit(this.rows.filter((a, i) => i !== e))}
-          >${j("close")}</button>
+            @click=${() => this.commit(this.rows.filter((s, i) => i !== e))}
+          >${T("close")}</button>
         </div>`
     )}
       <button
@@ -3728,7 +3733,7 @@ let dt = class extends y {
         class="baht-keyvalue-add"
         ?disabled=${this.disabled}
         @click=${this.addRow}
-      >${j("plus")}${this.add_label}</button>
+      >${T("plus")}${this.add_label}</button>
     </div>`;
   }
 };
@@ -3753,10 +3758,10 @@ _t([
 dt = _t([
   f("baht-keyvalue-editor")
 ], dt);
-var _i = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, q = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ki(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && _i(e, a, s), s;
+var ki = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, q = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Oi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && ki(e, s, a), a;
 };
 let A = class extends y {
   constructor() {
@@ -3768,16 +3773,16 @@ let A = class extends y {
     return `baht-refpicker-list-${this.uid}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), T() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), j() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   openLookup() {
-    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, T() && document.addEventListener("mousedown", this.onDocMousedown), this.search(""), this.updateComplete.then(() => {
+    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, j() && 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), T() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, this.loading = !1, clearTimeout(this.timer), j() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   search(t) {
     clearTimeout(this.timer), this.timer = setTimeout(async () => {
@@ -3785,8 +3790,8 @@ let A = class extends y {
       const e = ++this.fetchSeq;
       this.loading = !0;
       try {
-        const a = await this.fetcher(t);
-        e === this.fetchSeq && (this.options = a);
+        const s = await this.fetcher(t);
+        e === this.fetchSeq && (this.options = s);
       } catch {
         e === this.fetchSeq && (this.options = []);
       } finally {
@@ -3810,8 +3815,8 @@ let A = class extends y {
     if (this.open)
       if (t.key === "ArrowDown" || t.key === "ArrowUp") {
         t.preventDefault();
-        const e = t.key === "ArrowDown" ? 1 : -1, a = this.options.length;
-        a > 0 && (this.activeIndex = (this.activeIndex + e + a) % a);
+        const e = t.key === "ArrowDown" ? 1 : -1, s = this.options.length;
+        s > 0 && (this.activeIndex = (this.activeIndex + e + s) % s);
       } else if (t.key === "Enter") {
         t.preventDefault();
         const e = this.options[this.activeIndex];
@@ -3846,7 +3851,7 @@ let A = class extends y {
               aria-label="Clear"
               @mousedown=${(e) => e.preventDefault()}
               @click=${() => this.clear()}
-            >${j("close")}</button>` : h}
+            >${T("close")}</button>` : h}
       </div>
       <button
         type="button"
@@ -3855,13 +3860,13 @@ let A = class extends y {
         title=${this.lookupLabel}
         ?disabled=${this.disabled}
         @click=${() => this.open ? this.close() : this.openLookup()}
-      >${j("search")}</button>
+      >${T("search")}</button>
       ${this.value && this.href ? l`<a
             class="baht-refpicker-open"
             href=${this.href}
             aria-label="Open record"
             title="Open record"
-          >${j("external")}</a>` : h}
+          >${T("external")}</a>` : h}
       <div
         class="baht-refpicker-list"
         id=${this.listboxId}
@@ -3871,10 +3876,10 @@ let A = class extends y {
         ?hidden=${!this.open}
       >
         ${this.loading ? l`<div class="baht-refpicker-note" role="option" aria-disabled="true" aria-selected="false">Searching…</div>` : this.options.length === 0 ? l`<div class="baht-refpicker-note" role="option" aria-disabled="true" aria-selected="false">No matches</div>` : this.options.map(
-      (e, a) => l`<button
+      (e, s) => l`<button
                   type="button"
-                  class="baht-refpicker-option${a === this.activeIndex ? " baht-refpicker-option--active" : ""}"
-                  id="${this.listboxId}-${a}"
+                  class="baht-refpicker-option${s === this.activeIndex ? " baht-refpicker-option--active" : ""}"
+                  id="${this.listboxId}-${s}"
                   role="option"
                   aria-selected=${e.key === this.value ? "true" : "false"}
                   @mousedown=${(i) => i.preventDefault()}
@@ -3934,15 +3939,15 @@ q([
   v()
 ], A.prototype, "activeIndex", 2);
 q([
-  It("input")
+  Bt("input")
 ], A.prototype, "inputEl", 2);
 A = q([
   f("baht-reference-picker")
 ], A);
-var Oi = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, I = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Pi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Oi(e, a, s), s;
+var Pi = Object.defineProperty, Ci = Object.getOwnPropertyDescriptor, B = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ci(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Pi(e, s, a), a;
 };
 let F = class extends y {
   constructor() {
@@ -3960,7 +3965,7 @@ let F = class extends y {
     return `${this.listboxId}-${t}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), T() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), j() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   willUpdate(t) {
     super.willUpdate(t), t.has("value") && this.timer === void 0 && (this.term = this.value);
@@ -3973,15 +3978,15 @@ let F = class extends y {
   }
   // ---- suggestions -----------------------------------------------------
   filterStatic(t) {
-    var s;
+    var a;
     const e = t.trim().toLowerCase();
     if (!e) return this.options.slice(0, this.maxItems);
-    const a = [], i = [];
+    const s = [], i = [];
     for (const r of this.options) {
       const o = r.label.toLowerCase();
-      o.startsWith(e) ? a.push(r) : (o.includes(e) || (s = r.sub) != null && s.toLowerCase().includes(e)) && i.push(r);
+      o.startsWith(e) ? s.push(r) : (o.includes(e) || (a = r.sub) != null && a.toLowerCase().includes(e)) && i.push(r);
     }
-    return [...a, ...i].slice(0, this.maxItems);
+    return [...s, ...i].slice(0, this.maxItems);
   }
   async suggest(t) {
     if (t.length < this.minChars) {
@@ -3995,8 +4000,8 @@ let F = class extends y {
     const e = ++this.fetchSeq;
     this.loading = !0, this.open = !0, this.listen();
     try {
-      const a = await this.fetcher(t);
-      e === this.fetchSeq && (this.results = a.slice(0, this.maxItems));
+      const s = await this.fetcher(t);
+      e === this.fetchSeq && (this.results = s.slice(0, this.maxItems));
     } catch {
       e === this.fetchSeq && (this.results = []);
     } finally {
@@ -4007,10 +4012,10 @@ let F = class extends y {
     this.activeIndex !== t && (this.activeIndex = t);
   }
   listen() {
-    T() && document.addEventListener("mousedown", this.onDocMousedown);
+    j() && document.addEventListener("mousedown", this.onDocMousedown);
   }
   close() {
-    T() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
+    j() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
   }
   // ---- events ------------------------------------------------------------
   emitChange(t, e) {
@@ -4054,8 +4059,8 @@ let F = class extends y {
         t.preventDefault(), this.open && e > 0 && (this.activeIndex = (this.activeIndex - 1 + e) % e);
         break;
       case "Enter": {
-        const a = this.open ? this.results[this.activeIndex] : void 0;
-        a ? (t.preventDefault(), this.pick(a)) : (this.flush(), this.close());
+        const s = this.open ? this.results[this.activeIndex] : void 0;
+        s ? (t.preventDefault(), this.pick(s)) : (this.flush(), this.close());
         break;
       }
       case "Escape":
@@ -4084,8 +4089,8 @@ let F = class extends y {
         placeholder=${this.placeholder || h}
         .value=${Z(this.term)}
         ?disabled=${this.disabled}
-        @input=${(a) => this.onInput(a)}
-        @keydown=${(a) => this.onKeydown(a)}
+        @input=${(s) => this.onInput(s)}
+        @keydown=${(s) => this.onKeydown(s)}
         @blur=${() => this.onBlur()}
       />
       <div
@@ -4098,82 +4103,82 @@ let F = class extends y {
       >
         ${this.loading ? l`<div class="baht-listbox-note" role="option" aria-disabled="true" aria-selected="false">Searching…</div>` : e ? l`<div class="baht-listbox-note" role="option" aria-disabled="true" aria-selected="false">No matches</div>` : this.results.map(
       // eslint-disable-next-line lit-a11y/click-events-have-key-events -- keyboard lives on the combobox input (aria-activedescendant pattern)
-      (a, i) => l`<div
+      (s, i) => l`<div
                     class="baht-listbox-option${i === this.activeIndex ? " baht-listbox-option--active" : ""}"
                     id=${this.optionId(i)}
                     role="option"
                     aria-selected=${i === this.activeIndex ? "true" : "false"}
-                    data-key=${a.key}
-                    @mousedown=${(s) => s.preventDefault()}
+                    data-key=${s.key}
+                    @mousedown=${(a) => a.preventDefault()}
                     @mousemove=${() => this.highlight(i)}
                     @click=${() => {
-        var s;
-        this.pick(a), (s = this.inputEl) == null || s.focus();
+        var a;
+        this.pick(s), (a = this.inputEl) == null || a.focus();
       }}
                   >
-                    <span class="baht-listbox-option-label">${a.label}</span>
-                    ${a.sub ? l`<span class="baht-listbox-option-sub">${a.sub}</span>` : h}
+                    <span class="baht-listbox-option-label">${s.label}</span>
+                    ${s.sub ? l`<span class="baht-listbox-option-sub">${s.sub}</span>` : h}
                   </div>`
     )}
       </div>
     </div>`;
   }
 };
-I([
+B([
   n()
 ], F.prototype, "label", 2);
-I([
+B([
   n()
 ], F.prototype, "value", 2);
-I([
+B([
   n()
 ], F.prototype, "placeholder", 2);
-I([
+B([
   n({ type: Boolean })
 ], F.prototype, "disabled", 2);
-I([
+B([
   n({ type: Boolean })
 ], F.prototype, "invalid", 2);
-I([
+B([
   n({ attribute: !1 })
 ], F.prototype, "options", 2);
-I([
+B([
   n({ attribute: !1 })
 ], F.prototype, "fetcher", 2);
-I([
+B([
   n({ type: Number })
 ], F.prototype, "debounce", 2);
-I([
+B([
   n({ type: Number, attribute: "min-chars" })
 ], F.prototype, "minChars", 2);
-I([
+B([
   n({ type: Number, attribute: "max-items" })
 ], F.prototype, "maxItems", 2);
-I([
+B([
   n({ attribute: "free-text", converter: (t) => t !== "false" })
 ], F.prototype, "freeText", 2);
-I([
+B([
   n()
 ], F.prototype, "autocomplete", 2);
-I([
+B([
   v()
 ], F.prototype, "term", 2);
-I([
+B([
   v()
 ], F.prototype, "open", 2);
-I([
+B([
   v()
 ], F.prototype, "results", 2);
-I([
+B([
   v()
 ], F.prototype, "loading", 2);
-I([
+B([
   v()
 ], F.prototype, "activeIndex", 2);
-I([
-  It("input")
+B([
+  Bt("input")
 ], F.prototype, "inputEl", 2);
-F = I([
+F = B([
   f("baht-typeahead")
 ], F);
 const ys = {
@@ -4194,18 +4199,18 @@ const ys = {
   section: "baht-section",
   repeater: "baht-repeater"
 };
-var Ci = Object.defineProperty, Di = Object.getOwnPropertyDescriptor, gs = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Di(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ci(e, a, s), s;
+var Di = Object.defineProperty, Si = Object.getOwnPropertyDescriptor, gs = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Si(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Di(e, s, a), a;
 };
-const Si = {
+const Fi = {
   "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"
 }, hs = /* @__PURE__ */ new Map();
-function Fi(t) {
+function Mi(t) {
   let e = hs.get(t);
   return e || (e = ds(t), hs.set(t, e)), e;
 }
@@ -4222,9 +4227,9 @@ let Ae = class extends X {
   get subFields() {
     return [...this.field.fields ?? []].sort((t, e) => t.order - e.order).filter((t) => t.type !== "repeater");
   }
-  patchRow(t, e, a) {
+  patchRow(t, e, s) {
     const i = [...this.rows];
-    i[t] = { ...i[t], [e]: a }, this.emitInput(i);
+    i[t] = { ...i[t], [e]: s }, this.emitInput(i);
   }
   addRow() {
     const t = {};
@@ -4233,49 +4238,49 @@ let Ae = class extends X {
     this.emitInput([...this.rows, t]);
   }
   removeRow(t) {
-    this.emitInput(this.rows.filter((e, a) => a !== t));
+    this.emitInput(this.rows.filter((e, s) => s !== t));
   }
   /** Pending keystrokes in any row land in the array before the host reads it. */
   flushTyped() {
     var t;
-    if (!T()) return super.flushTyped();
+    if (!j()) return super.flushTyped();
     for (const e of this.querySelectorAll(".baht-repeater-row > .baht-field > *"))
       (t = e.flushTyped) == null || t.call(e);
     super.flushTyped();
   }
   errorFor(t, e) {
     var i;
-    const a = `${this.field.key}[${t}].${e}`;
-    return ((i = this.rowErrors.find((s) => s.key === a)) == null ? void 0 : i.message) ?? null;
+    const s = `${this.field.key}[${t}].${e}`;
+    return ((i = this.rowErrors.find((a) => a.key === s)) == null ? void 0 : i.message) ?? null;
   }
   /**
    * Sub-controls render declaratively (one static-tag template per primitive, rows
    * keyed by index) so Lit reuses the same node across re-renders — typing keeps
    * focus, same as <baht-form> — and the whole thing renders on the server.
    */
-  renderSub(t, e, a) {
-    const i = ys[a.type];
+  renderSub(t, e, s) {
+    const i = ys[s.type];
     if (!i) return h;
-    const s = Fi(i), r = Si[a.width ?? "full"] ?? "baht-field--w-full", o = (c) => {
+    const a = Mi(i), r = Fi[s.width ?? "full"] ?? "baht-field--w-full", o = (c) => {
       c.stopPropagation();
       const { value: m } = c.detail;
-      this.patchRow(e, a.key, m);
+      this.patchRow(e, s.key, m);
     };
-    return l`<div class="baht-field ${r}" data-key=${a.key} data-type=${a.type}>
-      ${ae`<${s}
-        .field=${a}
-        .value=${Object.hasOwn(t, a.key) ? t[a.key] : ie(a)}
+    return l`<div class="baht-field ${r}" data-key=${s.key} data-type=${s.type}>
+      ${se`<${a}
+        .field=${s}
+        .value=${Object.hasOwn(t, s.key) ? t[s.key] : ie(s)}
         .disabled=${this.disabled}
         .readonly=${this.readonly}
-        .required=${!!a.required}
-        .error=${this.errorFor(e, a.key)}
+        .required=${!!s.required}
+        .error=${this.errorFor(e, s.key)}
         .debounce=${this.debounce}
         @baht-input=${o}
-      ></${s}>`}
+      ></${a}>`}
     </div>`;
   }
   renderControl() {
-    const t = this.rows, e = !this.disabled && !this.readonly, a = this.field.max_rows !== void 0 && t.length >= this.field.max_rows;
+    const t = this.rows, e = !this.disabled && !this.readonly, s = this.field.max_rows !== void 0 && t.length >= this.field.max_rows;
     return l`<div
       class="baht-repeater"
       id=${this.controlId}
@@ -4285,24 +4290,24 @@ let Ae = class extends X {
     >
       ${Fe(
       t,
-      (i, s) => s,
-      (i, s) => l`<div
+      (i, a) => a,
+      (i, a) => l`<div
           class="baht-repeater-row"
-          data-row=${s}
+          data-row=${a}
           role="group"
-          aria-label=${u("row", { n: s + 1 })}
+          aria-label=${u("row", { n: a + 1 })}
         >
           ${Fe(
         this.subFields,
         (r) => r.key,
-        (r) => this.renderSub(i, s, r)
+        (r) => this.renderSub(i, a, r)
       )}
           ${e ? l`<button
                 type="button"
                 class="baht-repeater-remove"
-                aria-label=${u("removeRowN", { n: s + 1 })}
-                title=${u("removeRowN", { n: s + 1 })}
-                @click=${() => this.removeRow(s)}
+                aria-label=${u("removeRowN", { n: a + 1 })}
+                title=${u("removeRowN", { n: a + 1 })}
+                @click=${() => this.removeRow(a)}
               >
                 ✕
               </button>` : h}
@@ -4311,7 +4316,7 @@ let Ae = class extends X {
       ${this.readonly ? h : l`<button
             type="button"
             class="baht-repeater-add"
-            ?disabled=${this.disabled || a}
+            ?disabled=${this.disabled || s}
             @click=${() => this.addRow()}
           >
             + ${this.field.add_label ?? u("addRow")}
@@ -4325,12 +4330,12 @@ gs([
 Ae = gs([
   f("baht-repeater")
 ], Ae);
-var Mi = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, $e = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Bi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Mi(e, a, s), s;
+var Ii = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, $e = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Bi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Ii(e, s, a), a;
 };
-let Wt = class extends y {
+let Gt = class extends y {
   constructor() {
     super(...arguments), this.steps = [], this.current = 0, this.variant = "default";
   }
@@ -4340,13 +4345,13 @@ let Wt = class extends y {
       class="baht-steps ${t ? "baht-steps--sidebar" : ""}"
       aria-label=${u("step", { current: this.current + 1, total: this.steps.length })}
     >
-      ${this.steps.map((e, a) => {
-      const i = a < this.current ? "done" : a === this.current ? "current" : "todo";
+      ${this.steps.map((e, s) => {
+      const i = s < this.current ? "done" : s === this.current ? "current" : "todo";
       return l`<li
           class="baht-step baht-step--${i} ${t ? "baht-step--sidebar" : ""}"
           aria-current=${i === "current" ? "step" : "false"}
         >
-          ${t ? h : l`<span class="baht-step-marker" aria-hidden="true">${i === "done" ? "✓" : a + 1}</span>`}
+          ${t ? h : l`<span class="baht-step-marker" aria-hidden="true">${i === "done" ? "✓" : s + 1}</span>`}
           <span class="baht-step-label">${e}</span>
           ${i === "done" ? l`<span class="baht-visually-hidden"> (${u("stepDone")})</span>` : i === "current" ? l`<span class="baht-visually-hidden"> (${u("stepCurrent")})</span>` : h}
         </li>`;
@@ -4356,28 +4361,28 @@ let Wt = class extends y {
 };
 $e([
   n({ attribute: !1 })
-], Wt.prototype, "steps", 2);
+], Gt.prototype, "steps", 2);
 $e([
   n({ type: Number })
-], Wt.prototype, "current", 2);
+], Gt.prototype, "current", 2);
 $e([
   n()
-], Wt.prototype, "variant", 2);
-Wt = $e([
+], Gt.prototype, "variant", 2);
+Gt = $e([
   f("baht-steps")
-], Wt);
-var Ii = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, U = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ji(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ii(e, a, s), s;
+], Gt);
+var Ti = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, U = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ji(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Ti(e, s, a), a;
 };
-const Ti = {
+const Ai = {
   "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"
 }, cs = /* @__PURE__ */ new Map();
-function Ai(t) {
+function Ei(t) {
   let e = cs.get(t);
   return e || (e = ds(t), cs.set(t, e)), e;
 }
@@ -4401,16 +4406,16 @@ let z = class extends y {
    * dropped by epoch).
    */
   syncDynamicOptions() {
-    var e, a;
+    var e, s;
     const t = this.getData();
     for (const i of ((e = this.effectiveForm) == null ? void 0 : e.fields) ?? []) {
       if (!i.options_from) continue;
-      const s = JSON.stringify((i.options_deps ?? []).map((m) => t[m] ?? null));
-      if (this.optionsSnapshots.get(i.key) === s) continue;
-      this.optionsSnapshots.set(i.key, s);
+      const a = JSON.stringify((i.options_deps ?? []).map((m) => t[m] ?? null));
+      if (this.optionsSnapshots.get(i.key) === a) continue;
+      this.optionsSnapshots.set(i.key, a);
       const r = (this.optionsEpoch.get(i.key) ?? 0) + 1;
       this.optionsEpoch.set(i.key, r);
-      const o = (a = this.registry.options) == null ? void 0 : a[i.options_from];
+      const o = (s = this.registry.options) == null ? void 0 : s[i.options_from];
       if (!o) {
         console.warn(`[bahtui] unknown options fetcher "${i.options_from}" — skipped`), this.dynamicOptions.set(i.key, []);
         continue;
@@ -4429,18 +4434,18 @@ let z = class extends y {
    * (province -> district -> subdistrict).
    */
   clearDependents(t) {
-    var i, s;
-    const e = [t], a = /* @__PURE__ */ new Set();
+    var i, a;
+    const e = [t], s = /* @__PURE__ */ new Set();
     for (; e.length > 0; ) {
       const r = e.shift();
       for (const o of ((i = this.effectiveForm) == null ? void 0 : i.fields) ?? [])
-        !((s = o.options_deps) != null && s.includes(r)) || a.has(o.key) || (a.add(o.key), this.edits = { ...this.edits, [o.key]: ie(o) }, e.push(o.key));
+        !((a = o.options_deps) != null && a.includes(r)) || s.has(o.key) || (s.add(o.key), this.edits = { ...this.edits, [o.key]: ie(o) }, e.push(o.key));
     }
   }
   get sortedFields() {
     if (!this.form) return [];
-    const t = Re(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`)), Re(this.effectiveForm) ?? []);
+    const t = ze(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`)), ze(this.effectiveForm) ?? []);
   }
   stateFor(t) {
     const e = this.fieldStates[t.key] ?? {
@@ -4449,8 +4454,8 @@ let z = class extends y {
       readonly: !!t.readonly,
       required: !!t.required,
       computed: !1
-    }, a = this.scriptStates[t.key];
-    return a ? { ...e, ...a } : e;
+    }, s = this.scriptStates[t.key];
+    return s ? { ...e, ...s } : e;
   }
   valueFor(t) {
     return Object.hasOwn(this.edits, t.key) ? this.edits[t.key] : Object.hasOwn(this.value, t.key) ? this.value[t.key] : ie(t);
@@ -4459,7 +4464,7 @@ let z = class extends y {
   /** Debounced keystrokes still in a control land in `edits` before anyone reads them. */
   flushTyped() {
     var t;
-    if (T())
+    if (j())
       for (const e of this.querySelectorAll(":scope > .baht-form > .baht-field > *"))
         (t = e.flushTyped) == null || t.call(e);
   }
@@ -4467,8 +4472,8 @@ let z = class extends y {
     var e;
     this.flushTyped();
     const t = {};
-    for (const a of ((e = this.effectiveForm) == null ? void 0 : e.fields) ?? [])
-      a.type === "label" || a.type === "section" || (t[a.key] = this.valueFor(a));
+    for (const s of ((e = this.effectiveForm) == null ? void 0 : e.fields) ?? [])
+      s.type === "label" || s.type === "section" || (t[s.key] = this.valueFor(s));
     return t;
   }
   /**
@@ -4479,18 +4484,18 @@ let z = class extends y {
   setValue(t) {
     const e = this.getData();
     this.edits = { ...this.edits, ...t }, this.requestUpdate();
-    for (const a of Object.keys(t))
-      this.runChangeScripts(a, e[a], t[a], !1);
+    for (const s of Object.keys(t))
+      this.runChangeScripts(s, e[s], t[s], !1);
   }
   /** Declarative + registry validators over the visible fields (no scripts). */
   runValidators() {
     const t = [], e = this.getData();
-    for (const a of this.sortedFields) {
-      if (a.type === "label" || a.type === "section") continue;
-      const i = this.stateFor(a);
+    for (const s of this.sortedFields) {
+      if (s.type === "label" || s.type === "section") continue;
+      const i = this.stateFor(s);
       if (!i.visible) continue;
-      const s = i.required === !!a.required ? a : { ...a, required: i.required };
-      t.push(...ze(s, this.valueFor(a), this.registry, e));
+      const a = i.required === !!s.required ? s : { ...s, required: i.required };
+      t.push(...Ve(a, this.valueFor(s), this.registry, e));
     }
     return t;
   }
@@ -4509,14 +4514,14 @@ let z = class extends y {
         g: this.g(e),
         on: "submit",
         detail: { isLoading: !1, data: this.getData() }
-      }), s = this.formMessages.filter((r) => r.type === "error").map((r) => ({ key: "$", message: r.message }));
-      !i && s.length === 0 && s.push({ key: "$", message: u("scriptBlocked") }), t.push(...s);
+      }), a = this.formMessages.filter((r) => r.type === "error").map((r) => ({ key: "$", message: r.message }));
+      !i && a.length === 0 && a.push({ key: "$", message: u("scriptBlocked") }), t.push(...a);
     }
     this.errors = t;
-    const a = { valid: t.length === 0, errors: t };
+    const s = { valid: t.length === 0, errors: t };
     return this.dispatchEvent(
-      new CustomEvent("baht-validity", { detail: a, bubbles: !0, composed: !0 })
-    ), a;
+      new CustomEvent("baht-validity", { detail: s, bubbles: !0, composed: !0 })
+    ), s;
   }
   reset() {
     this.edits = {}, this.value = {}, this.errors = [], this.scriptStates = {}, this.fieldMessages = {}, this.formMessages = [], this.requestUpdate();
@@ -4524,13 +4529,13 @@ let z = class extends y {
   // ---- client scripts (spec 01 §14) ----
   /** The `g` (g_form) for the current form — built lazily over this component's state. */
   g(t) {
-    return this.scriptContext && this.scriptContextForm === t ? this.scriptContext : (this.scriptContextForm = t, this.scriptContext = _s(t, {
+    return this.scriptContext && this.scriptContextForm === t ? this.scriptContext : (this.scriptContextForm = t, this.scriptContext = ks(t, {
       getData: () => this.getData(),
-      setValue: (e, a) => this.applyScriptValue(e, a),
-      setState: (e, a) => {
+      setValue: (e, s) => this.applyScriptValue(e, s),
+      setState: (e, s) => {
         this.scriptStates = {
           ...this.scriptStates,
-          [e]: { ...this.scriptStates[e], ...a }
+          [e]: { ...this.scriptStates[e], ...s }
         };
       },
       resetState: (e) => {
@@ -4538,12 +4543,12 @@ let z = class extends y {
           this.scriptStates = {};
           return;
         }
-        const a = { ...this.scriptStates };
-        delete a[e], this.scriptStates = a;
+        const s = { ...this.scriptStates };
+        delete s[e], this.scriptStates = s;
       },
-      setFieldMessage: (e, a) => {
+      setFieldMessage: (e, s) => {
         const i = { ...this.fieldMessages };
-        a ? i[e] = a : delete i[e], this.fieldMessages = i;
+        s ? i[e] = s : delete i[e], this.fieldMessages = i;
       },
       addFormMessage: (e) => {
         this.formMessages = [...this.formMessages, e];
@@ -4555,33 +4560,33 @@ let z = class extends y {
   }
   /** A script wrote a value: same path as a user edit (emit + cascade), minus the formatter. */
   applyScriptValue(t, e) {
-    const a = this.getData()[t];
+    const s = this.getData()[t];
     this.edits = { ...this.edits, [t]: e }, this.clearDependents(t), this.syncDynamicOptions(), this.dispatchEvent(
       new CustomEvent("baht-change", {
         detail: { form_name: this.form.form_name, key: t, value: e, data: this.getData() },
         bubbles: !0,
         composed: !0
       })
-    ), this.runChangeScripts(t, a, e, !1);
+    ), this.runChangeScripts(t, s, e, !1);
   }
-  runChangeScripts(t, e, a, i) {
-    const s = this.effectiveForm;
-    if (!(!s || !ge(s, "change", t))) {
-      if (this.scriptDepth >= Ve) {
+  runChangeScripts(t, e, s, i) {
+    const a = this.effectiveForm;
+    if (!(!a || !ge(a, "change", t))) {
+      if (this.scriptDepth >= Ke) {
         console.warn(
-          `[bahtui] script cascade on "${s.form_name}.${t}" exceeded ${Ve} levels — stopped (setValue ping-pong between change scripts?)`
+          `[bahtui] script cascade on "${a.form_name}.${t}" exceeded ${Ke} levels — stopped (setValue ping-pong between change scripts?)`
         );
         return;
       }
       this.scriptDepth++;
       try {
         we({
-          form: s,
+          form: a,
           registry: this.registry,
-          g: this.g(s),
+          g: this.g(a),
           on: "change",
           key: t,
-          detail: { oldValue: e, newValue: a, isLoading: i, data: this.getData() }
+          detail: { oldValue: e, newValue: s, isLoading: i, data: this.getData() }
         });
       } finally {
         this.scriptDepth--;
@@ -4594,9 +4599,9 @@ let z = class extends y {
    * workflow reuses this element across steps, so each step loads.
    */
   runLoadScripts() {
-    var a;
+    var s;
     const t = this.effectiveForm;
-    if (!((a = t == null ? void 0 : t.scripts) != null && a.length)) return;
+    if (!((s = t == null ? void 0 : t.scripts) != null && s.length)) return;
     const e = this.getData();
     for (const i of t.fields)
       i.type === "label" || i.type === "section" || this.runChangeScripts(i.key, void 0, e[i.key], !0);
@@ -4609,92 +4614,92 @@ let z = class extends y {
     });
   }
   updated(t) {
-    super.updated(t), T() && this.form && this.loadedForm !== this.form && (this.loadedForm = this.form, this.runLoadScripts());
+    super.updated(t), j() && this.form && this.loadedForm !== this.form && (this.loadedForm = this.form, this.runLoadScripts());
   }
   // ---- internal ----
   onFieldInput(t, e) {
     var r;
     e.stopPropagation();
-    let { value: a } = e.detail;
+    let { value: s } = e.detail;
     const i = t.formatter ? (r = this.registry.formatters) == null ? void 0 : r[t.formatter] : void 0;
-    t.formatter && !i && console.warn(`[bahtui] unknown formatter "${t.formatter}" — skipped`), i && (a = i(a));
-    const s = this.valueFor(t);
-    this.edits = { ...this.edits, [t.key]: a }, this.clearDependents(t.key), this.syncDynamicOptions(), (this.options.validateOn ?? "change") === "change" && this.errors.length > 0 && (this.errors = this.runValidators()), this.dispatchEvent(
+    t.formatter && !i && console.warn(`[bahtui] unknown formatter "${t.formatter}" — skipped`), i && (s = i(s));
+    const a = this.valueFor(t);
+    this.edits = { ...this.edits, [t.key]: s }, this.clearDependents(t.key), this.syncDynamicOptions(), (this.options.validateOn ?? "change") === "change" && this.errors.length > 0 && (this.errors = this.runValidators()), this.dispatchEvent(
       new CustomEvent("baht-change", {
-        detail: { form_name: this.form.form_name, key: t.key, value: a, data: this.getData() },
+        detail: { form_name: this.form.form_name, key: t.key, value: s, data: this.getData() },
         bubbles: !0,
         composed: !0
       })
-    ), this.runChangeScripts(t.key, s, a, !1);
+    ), this.runChangeScripts(t.key, a, s, !1);
   }
   /** Validate a single field against current form data (siblings included). */
   validateOneField(t) {
     const e = this.stateFor(t);
     if (!e.visible) return [];
-    const a = this.getData(), i = e.required === !!t.required ? t : { ...t, required: e.required };
-    return ze(i, this.valueFor(t), this.registry, a);
+    const s = this.getData(), i = e.required === !!t.required ? t : { ...t, required: e.required };
+    return Ve(i, this.valueFor(t), this.registry, s);
   }
   /** `validateOn: 'blur'` — validate just the field the user left, same as
    * how errors are shown elsewhere (merged into `this.errors`, painted by
    * `renderField`/`.baht-error`). No-op for 'change'/'submit' modes. */
   onFieldBlur(t) {
     if ((this.options.validateOn ?? "change") !== "blur") return;
-    const e = this.validateOneField(t), a = this.errors.filter((i) => i.key !== t.key);
-    this.errors = [...a, ...e];
+    const e = this.validateOneField(t), s = this.errors.filter((i) => i.key !== t.key);
+    this.errors = [...s, ...e];
   }
   renderField(t) {
     var b, w;
     const e = ys[t.type];
     if (!e)
       return console.warn(`[bahtui] unknown field type "${t.type}" — skipped`), h;
-    const a = this.stateFor(t), i = Ti[t.width ?? "full"] ?? "baht-field--w-full", s = ((b = this.errors.find((P) => P.key === t.key)) == null ? void 0 : b.message) ?? null;
+    const s = this.stateFor(t), i = Ai[t.width ?? "full"] ?? "baht-field--w-full", a = ((b = this.errors.find((P) => P.key === t.key)) == null ? void 0 : b.message) ?? null;
     if (this.readonly && t.type !== "label" && t.type !== "section")
-      return this.renderReadonlyField(t, i, a.visible);
-    const r = t.options_from ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, o = this.valueFor(t), c = !a.enabled, m = this.readonly || a.readonly, $ = this.options.inputDebounce, _ = (P) => this.onControlInput(t.key, P), p = Ai(e);
+      return this.renderReadonlyField(t, i, s.visible);
+    const r = t.options_from ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, o = this.valueFor(t), c = !s.enabled, m = this.readonly || s.readonly, $ = this.options.inputDebounce, _ = (P) => this.onControlInput(t.key, P), p = Ei(e);
     let C;
     if (t.type === "repeater") {
       const P = this.errors.filter((H) => H.key.startsWith(`${t.key}[`));
-      C = ae`<${p}
+      C = se`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
         .readonly=${m}
-        .required=${a.required}
+        .required=${s.required}
         .showOptional=${this.showOptional}
-        .error=${s}
+        .error=${a}
         .debounce=${$}
         .rowErrors=${P}
         @baht-input=${_}
       ></${p}>`;
     } else if (t.type === "file") {
       let P;
-      t.uploader && (P = (w = this.registry.uploaders) == null ? void 0 : w[t.uploader], P || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`)), C = ae`<${p}
+      t.uploader && (P = (w = this.registry.uploaders) == null ? void 0 : w[t.uploader], P || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`)), C = se`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
         .readonly=${m}
-        .required=${a.required}
+        .required=${s.required}
         .showOptional=${this.showOptional}
-        .error=${s}
+        .error=${a}
         .debounce=${$}
         .uploader=${P}
         @baht-input=${_}
       ></${p}>`;
     } else
-      C = ae`<${p}
+      C = se`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
         .readonly=${m}
-        .required=${a.required}
+        .required=${s.required}
         .showOptional=${this.showOptional}
-        .error=${s}
+        .error=${a}
         .debounce=${$}
         @baht-input=${_}
       ></${p}>`;
     const g = this.fieldMessages[t.key];
     return l`<div
-      class="baht-field ${i} ${a.visible ? "" : "baht-field--hidden"}"
+      class="baht-field ${i} ${s.visible ? "" : "baht-field--hidden"}"
       data-key=${t.key}
       data-type=${t.type}
       data-testid="${this.form.form_id}.${t.key}"
@@ -4715,14 +4720,14 @@ let z = class extends y {
    */
   onControlInput(t, e) {
     var i;
-    const a = (i = this.effectiveForm) == null ? void 0 : i.fields.find((s) => s.key === t);
-    a && this.onFieldInput(a, e);
+    const s = (i = this.effectiveForm) == null ? void 0 : i.fields.find((a) => a.key === t);
+    s && this.onFieldInput(s, e);
   }
-  renderReadonlyField(t, e, a) {
-    const i = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = ks(t, this.valueFor(t), i), r = s.kind === "empty" ? l`<span class="baht-readonly-value baht-readonly-value--empty">${u("emptyValue")}</span>` : s.kind === "text" ? l`<span class="baht-readonly-value">${s.text}</span>` : s.kind === "chips" ? l`<span class="baht-readonly-value baht-readonly-chips"
-                >${s.items.map((o) => l`<span class="baht-readonly-chip">${o}</span>`)}</span
+  renderReadonlyField(t, e, s) {
+    const i = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, a = Os(t, this.valueFor(t), i), r = a.kind === "empty" ? l`<span class="baht-readonly-value baht-readonly-value--empty">${u("emptyValue")}</span>` : a.kind === "text" ? l`<span class="baht-readonly-value">${a.text}</span>` : a.kind === "chips" ? l`<span class="baht-readonly-value baht-readonly-chips"
+                >${a.items.map((o) => l`<span class="baht-readonly-chip">${o}</span>`)}</span
               >` : l`<div class="baht-readonly-rows">
-                ${s.rows.map(
+                ${a.rows.map(
       (o) => l`<div class="baht-readonly-row">
                     ${o.map(
         (c) => l`<span class="baht-readonly-cell"
@@ -4734,7 +4739,7 @@ let z = class extends y {
     )}
               </div>`;
     return l`<div
-      class="baht-field ${e} baht-field--readonly ${a ? "" : "baht-field--hidden"}"
+      class="baht-field ${e} baht-field--readonly ${s ? "" : "baht-field--hidden"}"
       data-key=${t.key}
       data-type=${t.type}
       data-testid="${this.form.form_id}.${t.key}"
@@ -4808,10 +4813,10 @@ U([
 z = U([
   f("baht-form")
 ], z);
-var Ei = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, V = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Li(e, a) : e, r = t.length - 1, o; r >= 0; r--)
-    (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ei(e, a, s), s;
+var Li = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, V = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ni(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+    (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
+  return i && a && Li(e, s, a), a;
 };
 let N = class extends y {
   constructor() {
@@ -4828,19 +4833,19 @@ let N = class extends y {
     }), this.flagCache.out) : this.workflow;
   }
   willUpdate(t) {
-    var e, a;
-    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((i) => i.form_name === this.current) && (this.current = ((a = this.visibleForms[0]) == null ? void 0 : a.form_name) ?? null));
+    var e, s;
+    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((i) => i.form_name === this.current) && (this.current = ((s = this.visibleForms[0]) == null ? void 0 : s.form_name) ?? null));
   }
   reevaluate() {
-    this.derived = Os(this.effectiveWorkflow, this.data), this.data = this.derived.data;
+    this.derived = Ps(this.effectiveWorkflow, this.data), this.data = this.derived.data;
   }
   /** Forms in ascending order whose derived visibility is true. */
   get visibleForms() {
     var e;
-    const t = [...((e = this.effectiveWorkflow) == null ? void 0 : e.forms) ?? []].sort((a, i) => a.order - i.order);
-    return this.derived ? t.filter((a) => {
+    const t = [...((e = this.effectiveWorkflow) == null ? void 0 : e.forms) ?? []].sort((s, i) => s.order - i.order);
+    return this.derived ? t.filter((s) => {
       var i;
-      return ((i = this.derived.forms[a.form_name]) == null ? void 0 : i.visible) !== !1;
+      return ((i = this.derived.forms[s.form_name]) == null ? void 0 : i.visible) !== !1;
     }) : t;
   }
   get currentForm() {
@@ -4852,9 +4857,9 @@ let N = class extends y {
     if (!this.current) return "end";
     const t = this.effectiveWorkflow;
     if (t.transitions && t.transitions.length > 0)
-      return Ps(t, this.current, this.data);
-    const e = this.visibleForms, a = e.findIndex((s) => s.form_name === this.current);
-    return ((i = e[a + 1]) == null ? void 0 : i.form_name) ?? "end";
+      return Cs(t, this.current, this.data);
+    const e = this.visibleForms, s = e.findIndex((a) => a.form_name === this.current);
+    return ((i = e[s + 1]) == null ? void 0 : i.form_name) ?? "end";
   }
   get isLast() {
     return this.current !== null && this.navTarget === "end";
@@ -4862,9 +4867,9 @@ let N = class extends y {
   fieldStatesFor(t) {
     const e = {};
     if (!this.derived) return e;
-    const a = `${t}.`;
-    for (const [i, s] of Object.entries(this.derived.fields))
-      i.startsWith(a) && (e[i.slice(a.length)] = s);
+    const s = `${t}.`;
+    for (const [i, a] of Object.entries(this.derived.fields))
+      i.startsWith(s) && (e[i.slice(s.length)] = a);
     return e;
   }
   get formEl() {
@@ -4881,8 +4886,8 @@ let N = class extends y {
    * that re-feeding the `value` prop causes.
    */
   setValue(t, e) {
-    var a;
-    this.data = { ...this.data, [t]: { ...this.data[t], ...e } }, this.reevaluate(), this.current && !this.visibleForms.some((i) => i.form_name === this.current) && (this.current = ((a = this.visibleForms[0]) == null ? void 0 : a.form_name) ?? null), this.emit("baht-data-change", { data: this.getData() });
+    var s;
+    this.data = { ...this.data, [t]: { ...this.data[t], ...e } }, this.reevaluate(), this.current && !this.visibleForms.some((i) => i.form_name === this.current) && (this.current = ((s = this.visibleForms[0]) == null ? void 0 : s.form_name) ?? null), this.emit("baht-data-change", { data: this.getData() });
   }
   next() {
     const t = this.currentForm;
@@ -4896,20 +4901,20 @@ let N = class extends y {
   }
   /** Advance past the current form: submit+complete at 'end', else step to navTarget. */
   advance(t = {}) {
-    const e = { ...t, data: this.getData() }, a = this.navTarget;
-    if (a === "end") {
+    const e = { ...t, data: this.getData() }, s = this.navTarget;
+    if (s === "end") {
       this.emit("baht-submit", e), this.emit("baht-complete", { data: this.getData(), status: "completed" });
       return;
     }
-    const i = this.visibleForms.find((s) => s.form_name === a);
+    const i = this.visibleForms.find((a) => a.form_name === s);
     if (!i || i.form_name === this.current) {
-      const s = i ? "self-transition" : "target-hidden";
+      const a = i ? "self-transition" : "target-hidden";
       console.warn(
-        `[bahtui] cannot advance from "${this.current}": target "${a}" is ` + (i ? "the current form (self-transition)" : "not visible")
+        `[bahtui] cannot advance from "${this.current}": target "${s}" is ` + (i ? "the current form (self-transition)" : "not visible")
       ), this.emit("baht-nav-blocked", {
         form_name: this.current,
-        target: a,
-        reason: s,
+        target: s,
+        reason: a,
         data: this.getData()
       });
       return;
@@ -4932,8 +4937,8 @@ let N = class extends y {
     var m;
     const e = this.currentForm;
     if (!e || e.kind !== "approval") return;
-    const a = e.approval ?? {}, i = String(((m = this.data[e.form_name]) == null ? void 0 : m.comment) ?? ""), s = a.comment ?? "optional";
-    if ((s === "required" || s === "requireOnReject" && t === "rejected") && i.trim() === "") {
+    const s = e.approval ?? {}, i = String(((m = this.data[e.form_name]) == null ? void 0 : m.comment) ?? ""), a = s.comment ?? "optional";
+    if ((a === "required" || a === "requireOnReject" && t === "rejected") && i.trim() === "") {
       this.approvalError = u("commentRequired");
       return;
     }
@@ -4947,23 +4952,23 @@ let N = class extends y {
       return;
     }
     this.emit("baht-reject", o);
-    const c = a.on_reject ?? { action: "end" };
+    const c = s.on_reject ?? { action: "end" };
     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) {
     const e = this.history.indexOf(t);
     this.history = e >= 0 ? this.history.slice(0, e) : [], this.current = t;
-    const a = this.effectiveWorkflow.forms.find((i) => i.form_name === t);
-    this.emit("baht-step-change", { form_name: t, order: (a == null ? void 0 : a.order) ?? 0, direction: "back" });
+    const s = this.effectiveWorkflow.forms.find((i) => i.form_name === t);
+    this.emit("baht-step-change", { form_name: t, order: (s == null ? void 0 : s.order) ?? 0, direction: "back" });
   }
   back() {
     let t = this.history.pop();
-    for (; t !== void 0 && !this.visibleForms.some((a) => a.form_name === t); )
+    for (; t !== void 0 && !this.visibleForms.some((s) => s.form_name === t); )
       t = this.history.pop();
     if (!t) return;
     this.current = t, this.approvalError = null;
-    const e = this.effectiveWorkflow.forms.find((a) => a.form_name === t);
+    const e = this.effectiveWorkflow.forms.find((s) => s.form_name === t);
     this.emit("baht-step-change", { form_name: t, order: (e == null ? void 0 : e.order) ?? 0, direction: "back" });
   }
   gotoStart() {
@@ -4972,10 +4977,10 @@ let N = class extends y {
   }
   // ---- internal ----
   onFormChange(t) {
-    var s;
+    var a;
     t.stopPropagation();
-    const { form_name: e, key: a, value: i } = t.detail;
-    this.data = { ...this.data, [e]: { ...this.data[e], [a]: i } }, this.reevaluate(), this.current && !this.visibleForms.some((r) => r.form_name === this.current) && (this.current = ((s = this.visibleForms[0]) == null ? void 0 : s.form_name) ?? null), this.emit("baht-data-change", { data: this.getData() });
+    const { form_name: e, key: s, value: i } = t.detail;
+    this.data = { ...this.data, [e]: { ...this.data[e], [s]: i } }, this.reevaluate(), this.current && !this.visibleForms.some((r) => r.form_name === this.current) && (this.current = ((a = this.visibleForms[0]) == null ? void 0 : a.form_name) ?? null), this.emit("baht-data-change", { data: this.getData() });
   }
   onCommentInput(t, e) {
     this.data = { ...this.data, [t]: { ...this.data[t], comment: e } }, this.reevaluate(), e.trim() !== "" && (this.approvalError = null), this.emit("baht-data-change", { data: this.getData() });
@@ -4984,17 +4989,17 @@ let N = class extends y {
   /** Forms the approval step summarizes: configured list, else every earlier plain form. */
   summary_forms(t) {
     var i;
-    const e = (i = t.approval) == null ? void 0 : i.summary_forms, a = this.visibleForms.filter(
-      (s) => s.form_name !== t.form_name && s.kind !== "approval"
+    const e = (i = t.approval) == null ? void 0 : i.summary_forms, s = this.visibleForms.filter(
+      (a) => a.form_name !== t.form_name && a.kind !== "approval"
     );
-    return e ? a.filter((s) => e.includes(s.form_name)) : a.filter((s) => s.order < t.order);
+    return e ? s.filter((a) => e.includes(a.form_name)) : s.filter((a) => a.order < t.order);
   }
   renderApproval(t) {
-    var i, s;
-    const e = ((i = t.approval) == null ? void 0 : i.comment) ?? "optional", a = this.summary_forms(t);
+    var i, a;
+    const e = ((i = t.approval) == null ? void 0 : i.comment) ?? "optional", s = this.summary_forms(t);
     return l`<div class="baht-approval">
       <div class="baht-approval-summary">
-        ${a.length === 0 ? l`<p class="baht-approval-empty">${u("nothingToReview")}</p>` : a.map(
+        ${s.length === 0 ? l`<p class="baht-approval-empty">${u("nothingToReview")}</p>` : s.map(
       (r) => l`<section class="baht-approval-group">
                   <h4 class="baht-approval-group-title">${r.form_name}</h4>
                   <baht-form
@@ -5014,7 +5019,7 @@ let N = class extends y {
               rows="3"
               aria-required=${e === "required" ? "true" : h}
               aria-invalid=${this.approvalError ? "true" : h}
-              .value=${String(((s = this.data[t.form_name]) == null ? void 0 : s.comment) ?? "")}
+              .value=${String(((a = this.data[t.form_name]) == null ? void 0 : a.comment) ?? "")}
               @input=${(r) => this.onCommentInput(t.form_name, r.target.value)}
             ></textarea>
           </label>` : h}
@@ -5022,20 +5027,20 @@ let N = class extends y {
     </div>`;
   }
   render() {
-    var s, r;
+    var a, r;
     const t = this.currentForm;
     if (!t) return l`<div class="baht-workflow"></div>`;
-    const e = t.kind === "approval", a = this.visibleForms, i = a.findIndex((o) => o.form_name === t.form_name);
+    const e = t.kind === "approval", s = this.visibleForms, i = s.findIndex((o) => o.form_name === t.form_name);
     return l`<div
       class="baht-workflow"
       data-step=${t.form_name}
       data-testid="${this.workflow.workflow_id}.${t.form_name}"
     >
       <div class="baht-visually-hidden" role="status">
-        ${u("step", { current: i + 1, total: a.length })}
+        ${u("step", { current: i + 1, total: s.length })}
       </div>
       ${this.showSteps ? l`<baht-steps
-              .steps=${a.map((o) => o.form_name)}
+              .steps=${s.map((o) => o.form_name)}
               .current=${i}
               .variant=${this.stepsVariant}
             ></baht-steps>` : h}
@@ -5060,7 +5065,7 @@ let N = class extends y {
                 data-testid="${this.workflow.workflow_id}.reject"
                 @click=${() => this.decide("rejected")}
               >
-                ${((s = t.approval) == null ? void 0 : s.reject_label) ?? u("reject")}
+                ${((a = t.approval) == null ? void 0 : a.reject_label) ?? u("reject")}
               </button>
               <button
                 type="button"
@@ -5133,24 +5138,24 @@ export {
   St as B,
   ht as C,
   Pt as D,
-  Xe as E,
+  Ye as E,
   lt as F,
   vt as G,
   A as H,
   Ae as I,
-  je as J,
+  Te as J,
   ne as K,
-  Ut as L,
+  Kt as L,
   ct as M,
   oe as N,
   W as O,
-  Ht as P,
-  Wt as Q,
+  Ut as P,
+  Gt as Q,
   x as R,
-  Ie as S,
-  Ue as T,
+  Be as S,
+  He as T,
   Me as U,
-  Ye as V,
+  Ze as V,
   Ot as W,
   F as X,
   S as Y,
@@ -5158,34 +5163,34 @@ export {
   ys as _,
   mt as a,
   as as a0,
-  Qa as a1,
+  ti as a1,
   zt as a2,
   he as a3,
-  Te as a4,
+  je as a4,
   me as a5,
-  Kt as b,
+  Vt as b,
   K as c,
   le as d,
   Ct as e,
   at as f,
-  Je as g,
+  Xe as g,
   re as h,
-  Be as i,
-  Ze as j,
+  Ie as i,
+  Qe as j,
   Q as k,
-  Gt as l,
-  Bt as m,
+  Ht as l,
+  It as m,
   Dt as n,
   Mt as o,
   yt as p,
   z as q,
   pt as r,
-  Ke as s,
+  Ue as s,
   dt as t,
   st as u,
   Ft as v,
   ot as w,
   J as x,
-  We as y,
-  He as z
+  Je as y,
+  Ge as z
 };