bank20baht-ui 0.4.2 → 0.4.3

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

@@ -1,13 +1,13 @@
-import { nothing as h, html as n, svg as L } from "lit";
-import { property as l, customElement as b, state as y, query as It } from "lit/decorators.js";
-import { B as g, b as he, h as S, a as Y } from "./base-CajA2aCO.js";
+import { nothing as h, html as l, svg as N } from "lit";
+import { property as n, customElement as b, state as y, query as Mt } from "lit/decorators.js";
+import { B as g, b as he, h as T, a as X } from "./base-CajA2aCO.js";
 import { t as m } from "./i18n-BcPL9_Jh.js";
 import { n as $e, k as Nt, o as ds, i as zt, p as us, d as ae, a as rs, m as Ae, v as Le, c as bs, g as fs, l as ms } from "./display-DQRcvsn7.js";
 import { repeat as Ce } from "lit/directives/repeat.js";
 import { html as se, unsafeStatic as os } from "lit/static-html.js";
 import { c as vs, r as W } from "./baht-toast-CD1WrOYr.js";
 import { live as lt } from "lit/directives/live.js";
-import { ifDefined as N } from "lit/directives/if-defined.js";
+import { ifDefined as q } from "lit/directives/if-defined.js";
 import $s from "flatpickr";
 var ys = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, ce = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? gs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
@@ -23,24 +23,24 @@ let Vt = class extends g {
   }
   render() {
     const t = this.tone === "neutral" ? "" : ` baht-badge--${this.tone}`;
-    return n`<span class="baht-badge${t}">
-      ${this.showDot ? n`<span class="baht-badge-dot" aria-hidden="true"></span>` : h}${this.label}
+    return l`<span class="baht-badge${t}">
+      ${this.showDot ? l`<span class="baht-badge-dot" aria-hidden="true"></span>` : h}${this.label}
     </span>`;
   }
 };
 ce([
-  l()
+  n()
 ], Vt.prototype, "tone", 2);
 ce([
-  l()
+  n()
 ], Vt.prototype, "label", 2);
 ce([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], Vt.prototype, "dot", 2);
 Vt = ce([
   b("baht-badge")
 ], Vt);
-var ws = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, Me = (t, e, i, a) => {
+var ws = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, Ie = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? xs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && ws(e, i, s), s;
@@ -54,16 +54,16 @@ let ie = class extends g {
     t && he(this, t);
   }
   render() {
-    return this.variant === "block" ? n`<pre class="baht-code baht-code--block" tabindex="0">${this.code}</pre>` : n`<code class="baht-code">${this.code}</code>`;
+    return this.variant === "block" ? l`<pre class="baht-code baht-code--block" tabindex="0">${this.code}</pre>` : l`<code class="baht-code">${this.code}</code>`;
   }
 };
-Me([
-  l()
+Ie([
+  n()
 ], ie.prototype, "variant", 2);
-Me([
-  l()
+Ie([
+  n()
 ], ie.prototype, "code", 2);
-ie = Me([
+ie = Ie([
   b("baht-code")
 ], ie);
 var _s = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, gt = (t, e, i, a) => {
@@ -107,15 +107,15 @@ let ht = class extends g {
   }
   render() {
     if (this.variant === "cursor")
-      return n`<nav class="baht-pagination baht-pagination--cursor" aria-label="Pagination">
+      return l`<nav class="baht-pagination baht-pagination--cursor" aria-label="Pagination">
         <button type="button" ?disabled=${!this.hasPrev} @click=${() => this.goCursor("prev")}><span aria-hidden="true">« </span>Prev</button>
         <button type="button" ?disabled=${!this.hasNext} @click=${() => this.goCursor("next")}>Next<span aria-hidden="true"> »</span></button>
       </nav>`;
     const t = this.page <= 1, e = this.page >= this.totalPages;
-    return n`<nav class="baht-pagination" aria-label="Pagination">
+    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" ? n`<span class="baht-pagination-label">Page ${this.page} of ${this.totalPages}</span>` : this.pageItems.map(
-      (i) => i === null ? n`<span class="baht-pagination-ellipsis" aria-hidden="true">…</span>` : n`<button
+      ${this.variant === "compact" ? l`<span class="baht-pagination-label">Page ${this.page} of ${this.totalPages}</span>` : this.pageItems.map(
+      (i) => i === null ? l`<span class="baht-pagination-ellipsis" aria-hidden="true">…</span>` : l`<button
                   type="button"
                   aria-current=${i === this.page ? "page" : h}
                   aria-label="Page ${i}"
@@ -127,22 +127,22 @@ let ht = class extends g {
   }
 };
 gt([
-  l({ type: Number })
+  n({ type: Number })
 ], ht.prototype, "page", 2);
 gt([
-  l({ type: Number, attribute: "total-pages" })
+  n({ type: Number, attribute: "total-pages" })
 ], ht.prototype, "totalPages", 2);
 gt([
-  l()
+  n()
 ], ht.prototype, "variant", 2);
 gt([
-  l({ type: Number })
+  n({ type: Number })
 ], ht.prototype, "siblings", 2);
 gt([
-  l({ type: Boolean, attribute: "has-next" })
+  n({ type: Boolean, attribute: "has-next" })
 ], ht.prototype, "hasNext", 2);
 gt([
-  l({ type: Boolean, attribute: "has-prev" })
+  n({ type: Boolean, attribute: "has-prev" })
 ], ht.prototype, "hasPrev", 2);
 ht = gt([
   b("baht-pagination")
@@ -178,7 +178,7 @@ let k = class extends g {
     r != null && r.contains(s) ? t.shiftKey && s === i ? (a.focus(), t.preventDefault()) : !t.shiftKey && s === a && (i.focus(), t.preventDefault()) : (i.focus(), t.preventDefault());
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), S() && document.removeEventListener("keydown", this.onPickerKeydown);
+    super.disconnectedCallback(), T() && document.removeEventListener("keydown", this.onPickerKeydown);
   }
   willUpdate(t) {
     t.has("visibleColumns") && !t.has("columns") && (this.pickedColumns = null);
@@ -251,7 +251,7 @@ let k = class extends g {
   }
   // ---- picker -----------------------------------------------------------
   openPicker() {
-    this.draftColumns = this.columnKeys.slice(), this.pickAvail = [], this.pickSel = [], this.pickerOpen = !0, this.pickerPreviousFocus = document.activeElement, S() && document.addEventListener("keydown", this.onPickerKeydown), this.updateComplete.then(() => {
+    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(() => {
       var t;
       this.pickerOpen && ((t = this.pickerFocusables()[0]) == null || t.focus());
     });
@@ -259,7 +259,7 @@ let k = class extends g {
   closePicker() {
     var e;
     if (!this.pickerOpen) return;
-    this.pickerOpen = !1, S() && document.removeEventListener("keydown", this.onPickerKeydown);
+    this.pickerOpen = !1, T() && document.removeEventListener("keydown", this.onPickerKeydown);
     const t = this.pickerPreviousFocus;
     this.pickerPreviousFocus = null, t != null && t.isConnected && ((e = t.focus) == null || e.call(t));
   }
@@ -319,27 +319,27 @@ let k = class extends g {
   }
   renderBody(t) {
     const e = t.length + (this.showIndex ? 1 : 0);
-    return this.loading ? n`${Array.from(
+    return this.loading ? l`${Array.from(
       { length: this.skeletonRows },
-      (i, a) => n`<tr>
-          ${this.showIndex ? n`<td class="baht-table-index">${this.indexOffset + a + 1}</td>` : h}
-          ${t.map(() => n`<td><span class="baht-skeleton" style="height:16px;"></span></td>`)}
+      (i, a) => l`<tr>
+          ${this.showIndex ? l`<td class="baht-table-index">${this.indexOffset + a + 1}</td>` : h}
+          ${t.map(() => l`<td><span class="baht-skeleton" style="height:16px;"></span></td>`)}
         </tr>`
-    )}` : this.error ? n`<tr><td colspan=${e}><div class="baht-table-state baht-table-state--error" role="alert">${this.errorMessage}</div></td></tr>` : this.items.length === 0 ? n`<tr><td colspan=${e}><div class="baht-table-state">${this.emptyMessage}</div></td></tr>` : n`${this.items.map(
-      (i, a) => n`<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(
+      (i, a) => l`<tr
         tabindex=${this.clickable ? "0" : h}
         @click=${() => this.emitRow(i, a)}
         @keydown=${(s) => {
         s.key !== "Enter" && s.key !== " " || (s.preventDefault(), this.emitRow(i, a));
       }}
       >
-        ${this.showIndex ? n`<td class="baht-table-index">${this.indexOffset + a + 1}</td>` : h}
-        ${t.map((s) => n`<td data-col=${s}>${this.cell(i, s)}</td>`)}
+        ${this.showIndex ? l`<td class="baht-table-index">${this.indexOffset + a + 1}</td>` : h}
+        ${t.map((s) => l`<td data-col=${s}>${this.cell(i, s)}</td>`)}
       </tr>`
     )}`;
   }
   renderColumnToggle() {
-    return n`<div class="baht-table-picker">
+    return l`<div class="baht-table-picker">
       <button
         type="button"
         class="baht-table-picker-toggle"
@@ -356,15 +356,15 @@ let k = class extends g {
    */
   renderAvailRow(t, e) {
     const i = this.specAt(t), a = (i == null ? void 0 : i.fields) !== void 0, s = this.expanded.includes(t), r = this.draftColumns.includes(t);
-    return n`<li class="baht-table-picker-node" style="--baht-picker-depth:${e}">
+    return l`<li class="baht-table-picker-node" style="--baht-picker-depth:${e}">
       <div class="baht-table-picker-row">
-        ${a ? n`<button
+        ${a ? l`<button
                 type="button"
                 class="baht-table-picker-expand"
                 aria-label=${s ? `Collapse ${i == null ? void 0 : i.label}` : `Expand ${i == null ? void 0 : i.label}`}
                 aria-expanded=${s ? "true" : "false"}
                 @click=${() => this.toggleExpanded(t)}
-              >${s ? "▾" : "▸"}</button>` : n`<span class="baht-table-picker-expand baht-table-picker-expand--leaf"></span>`}
+              >${s ? "▾" : "▸"}</button>` : l`<span class="baht-table-picker-expand baht-table-picker-expand--leaf"></span>`}
         <button
           type="button"
           class="baht-table-picker-option"
@@ -374,14 +374,14 @@ let k = class extends g {
           @click=${() => this.toggleAvail(t)}
         >${e === 0 ? this.labelFor(t) : (i == null ? void 0 : i.label) ?? t}</button>
       </div>
-      ${a && s ? n`<ul class="baht-table-picker-tree">
+      ${a && s ? 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((a) => !this.draftColumns.includes(a)).length, i = (a) => (s) => a(k.selectedValues(s));
-    return n`<div
+    return l`<div
       class="baht-table-picker-scrim"
       @click=${(a) => a.target === a.currentTarget && this.closePicker()}
     >
@@ -407,7 +407,7 @@ let k = class extends g {
             <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=${i((a) => this.pickSel = a)}>
               ${this.draftColumns.map(
-      (a) => n`<option value=${a} ?selected=${this.pickSel.includes(a)}>${this.labelFor(a)}</option>`
+      (a) => l`<option value=${a} ?selected=${this.pickSel.includes(a)}>${this.labelFor(a)}</option>`
     )}
             </select>
           </div>
@@ -424,7 +424,7 @@ let k = class extends g {
   }
   render() {
     const t = this.columnKeys;
-    return n`<div
+    return l`<div
       class="baht-table-wrap"
       tabindex=${this.clickable ? h : "0"}
       aria-busy=${this.loading ? "true" : h}
@@ -434,19 +434,19 @@ let k = class extends g {
       <table class="baht-table">
         <thead>
           <tr>
-            ${this.showIndex ? n`<th scope="col" class="baht-table-index">No.</th>` : h}
-            ${t.map((e) => n`<th scope="col" data-col=${e}>${this.labelFor(e)}</th>`)}
+            ${this.showIndex ? l`<th scope="col" class="baht-table-index">No.</th>` : h}
+            ${t.map((e) => l`<th scope="col" data-col=${e}>${this.labelFor(e)}</th>`)}
           </tr>
         </thead>
         <tbody>${this.renderBody(t)}</tbody>
       </table>
-      ${this.cursorMode ? n`<div class="baht-table-footer">
+      ${this.cursorMode ? l`<div class="baht-table-footer">
             <baht-pagination
               variant="cursor"
               ?has-next=${this.hasNext}
               ?has-prev=${this.hasPrev}
             ></baht-pagination>
-          </div>` : this.totalPages > 1 ? n`<div class="baht-table-footer">
+          </div>` : this.totalPages > 1 ? l`<div class="baht-table-footer">
               <baht-pagination
                 variant="compact"
                 page=${this.page}
@@ -457,61 +457,61 @@ let k = class extends g {
   }
 };
 O([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], k.prototype, "items", 2);
 O([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], k.prototype, "columns", 2);
 O([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], k.prototype, "loading", 2);
 O([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], k.prototype, "error", 2);
 O([
-  l({ attribute: "error-message" })
+  n({ attribute: "error-message" })
 ], k.prototype, "errorMessage", 2);
 O([
-  l({ attribute: "empty-message" })
+  n({ attribute: "empty-message" })
 ], k.prototype, "emptyMessage", 2);
 O([
-  l({ type: Boolean, attribute: "show-index" })
+  n({ type: Boolean, attribute: "show-index" })
 ], k.prototype, "showIndex", 2);
 O([
-  l({ type: Number, attribute: "index-offset" })
+  n({ type: Number, attribute: "index-offset" })
 ], k.prototype, "indexOffset", 2);
 O([
-  l({ type: Number, attribute: "skeleton-rows" })
+  n({ type: Number, attribute: "skeleton-rows" })
 ], k.prototype, "skeletonRows", 2);
 O([
-  l({ attribute: "row-key" })
+  n({ attribute: "row-key" })
 ], k.prototype, "rowKey", 2);
 O([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], k.prototype, "clickable", 2);
 O([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], k.prototype, "renderers", 2);
 O([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], k.prototype, "visibleColumns", 2);
 O([
-  l({ type: Boolean, attribute: "column-picker" })
+  n({ type: Boolean, attribute: "column-picker" })
 ], k.prototype, "columnPicker", 2);
 O([
-  l({ type: Number })
+  n({ type: Number })
 ], k.prototype, "page", 2);
 O([
-  l({ type: Number, attribute: "total-pages" })
+  n({ type: Number, attribute: "total-pages" })
 ], k.prototype, "totalPages", 2);
 O([
-  l({ type: Boolean, attribute: "cursor-mode" })
+  n({ type: Boolean, attribute: "cursor-mode" })
 ], k.prototype, "cursorMode", 2);
 O([
-  l({ type: Boolean, attribute: "has-next" })
+  n({ type: Boolean, attribute: "has-next" })
 ], k.prototype, "hasNext", 2);
 O([
-  l({ type: Boolean, attribute: "has-prev" })
+  n({ type: Boolean, attribute: "has-prev" })
 ], k.prototype, "hasPrev", 2);
 O([
   y()
@@ -553,16 +553,16 @@ let rt = class extends g {
     );
   }
   renderRows() {
-    return this.loading ? n`${Array.from(
+    return this.loading ? l`${Array.from(
       { length: this.skeletonRows },
-      () => n`<div class="baht-list-item">
+      () => l`<div class="baht-list-item">
           <div class="baht-list-main">
             <span class="baht-skeleton baht-skeleton--text" style="width:40%; margin-bottom:6px;"></span>
             <span class="baht-skeleton baht-skeleton--text" style="width:65%;"></span>
           </div>
         </div>`
-    )}` : this.error ? n`<div class="baht-list-state baht-list-state--error" role="alert">${this.errorMessage}</div>` : this.items.length === 0 ? n`<div class="baht-list-state">${this.emptyMessage}</div>` : n`${this.items.map(
-      (t, e) => n`<div
+    )}` : this.error ? l`<div class="baht-list-state baht-list-state--error" role="alert">${this.errorMessage}</div>` : this.items.length === 0 ? l`<div class="baht-list-state">${this.emptyMessage}</div>` : l`${this.items.map(
+      (t, e) => l`<div
         class="baht-list-item"
         role="listitem"
         tabindex=${this.clickable ? "0" : h}
@@ -573,38 +573,38 @@ let rt = class extends g {
       >
         <div class="baht-list-main">
           <div class="baht-list-title">${t.title}</div>
-          ${t.subtitle ? n`<div class="baht-list-subtitle">${t.subtitle}</div>` : h}
+          ${t.subtitle ? l`<div class="baht-list-subtitle">${t.subtitle}</div>` : h}
         </div>
-        ${t.badge ? n`<baht-badge tone=${t.badgeTone ?? "neutral"} label=${t.badge}></baht-badge>` : h}
-        ${t.meta ? n`<span class="baht-list-meta">${t.meta}</span>` : h}
+        ${t.badge ? l`<baht-badge tone=${t.badgeTone ?? "neutral"} label=${t.badge}></baht-badge>` : h}
+        ${t.meta ? l`<span class="baht-list-meta">${t.meta}</span>` : h}
       </div>`
     )}`;
   }
   render() {
     const t = !this.loading && !this.error && this.items.length > 0;
-    return n`<div class="baht-list" role=${t ? "list" : h}>${this.renderRows()}</div>`;
+    return l`<div class="baht-list" role=${t ? "list" : h}>${this.renderRows()}</div>`;
   }
 };
 ut([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], rt.prototype, "items", 2);
 ut([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], rt.prototype, "loading", 2);
 ut([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], rt.prototype, "error", 2);
 ut([
-  l({ attribute: "error-message" })
+  n({ attribute: "error-message" })
 ], rt.prototype, "errorMessage", 2);
 ut([
-  l({ attribute: "empty-message" })
+  n({ attribute: "empty-message" })
 ], rt.prototype, "emptyMessage", 2);
 ut([
-  l({ type: Number, attribute: "skeleton-rows" })
+  n({ type: Number, attribute: "skeleton-rows" })
 ], rt.prototype, "skeletonRows", 2);
 ut([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], rt.prototype, "clickable", 2);
 rt = ut([
   b("baht-list")
@@ -642,7 +642,7 @@ let Pt = class extends g {
     this.dismissed = !1;
   }
   render() {
-    return n`<span
+    return l`<span
       class="baht-tooltip-host${this.dismissed ? " baht-tooltip-host--dismissed" : ""}"
       @keydown=${this.onKeydown}
       @mouseleave=${this.rearm}
@@ -654,13 +654,13 @@ let Pt = class extends g {
   }
 };
 Jt([
-  l()
+  n()
 ], Pt.prototype, "text", 2);
 Jt([
-  l()
+  n()
 ], Pt.prototype, "position", 2);
 Jt([
-  It(".baht-tooltip-anchor")
+  Mt(".baht-tooltip-anchor")
 ], Pt.prototype, "anchorEl", 2);
 Jt([
   y()
@@ -668,10 +668,10 @@ Jt([
 Pt = Jt([
   b("baht-tooltip")
 ], Pt);
-var Is = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Mt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ms(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Ms = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, It = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Is(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Is(e, i, s), s;
+  return a && s && Ms(e, i, s), s;
 };
 let mt = class extends g {
   constructor() {
@@ -692,31 +692,31 @@ let mt = class extends g {
     i.classList.add("baht-alert--leaving"), vs(i, e);
   }
   render() {
-    return this.dismissed ? h : n`<div class="baht-alert baht-alert--${this.tone}" role="alert">
+    return this.dismissed ? h : l`<div class="baht-alert baht-alert--${this.tone}" role="alert">
       <div class="baht-alert-main">
-        ${this.heading ? n`<div class="baht-alert-title">${this.heading}</div>` : h}
-        ${this.message ? n`<div class="baht-alert-message">${this.message}</div>` : h}
+        ${this.heading ? l`<div class="baht-alert-title">${this.heading}</div>` : h}
+        ${this.message ? l`<div class="baht-alert-message">${this.message}</div>` : h}
       </div>
-      ${this.dismissible ? n`<button type="button" class="baht-alert-dismiss" aria-label=${m("dismiss")} @click=${() => this.dismiss()}>×</button>` : h}
+      ${this.dismissible ? l`<button type="button" class="baht-alert-dismiss" aria-label=${m("dismiss")} @click=${() => this.dismiss()}>×</button>` : h}
     </div>`;
   }
 };
-Mt([
-  l()
+It([
+  n()
 ], mt.prototype, "tone", 2);
-Mt([
-  l()
+It([
+  n()
 ], mt.prototype, "heading", 2);
-Mt([
-  l()
+It([
+  n()
 ], mt.prototype, "message", 2);
-Mt([
-  l({ type: Boolean })
+It([
+  n({ type: Boolean })
 ], mt.prototype, "dismissible", 2);
-Mt([
+It([
   y()
 ], mt.prototype, "dismissed", 2);
-mt = Mt([
+mt = It([
   b("baht-alert")
 ], mt);
 var js = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, jt = (t, e, i, a) => {
@@ -753,7 +753,7 @@ let vt = class extends g {
   }
   render() {
     const t = this.hover || this.value;
-    return n`<div
+    return l`<div
       class="baht-rating"
       role="radiogroup"
       aria-label=${this.label}
@@ -761,7 +761,7 @@ let vt = class extends g {
     >
       ${Array.from({ length: this.max }, (e, i) => {
       const a = i + 1, s = this.value || 1;
-      return n`<button
+      return l`<button
           type="button"
           class=${a <= t ? "baht-rating--on" : ""}
           role="radio"
@@ -778,16 +778,16 @@ let vt = class extends g {
   }
 };
 jt([
-  l({ type: Number })
+  n({ type: Number })
 ], vt.prototype, "value", 2);
 jt([
-  l({ type: Number })
+  n({ type: Number })
 ], vt.prototype, "max", 2);
 jt([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], vt.prototype, "readonly", 2);
 jt([
-  l()
+  n()
 ], vt.prototype, "label", 2);
 jt([
   y()
@@ -814,8 +814,8 @@ let ot = class extends g {
     );
   }
   render() {
-    return n`<div class="baht-range">
-      ${this.label ? n`<label class="baht-label" for=${this.inputId}>${this.label}</label>` : h}
+    return l`<div class="baht-range">
+      ${this.label ? l`<label class="baht-label" for=${this.inputId}>${this.label}</label>` : h}
       <div class="baht-range-row">
         <input
           type="range"
@@ -828,31 +828,31 @@ let ot = class extends g {
           ?disabled=${this.disabled}
           @input=${(t) => this.onInput(t)}
         />
-        ${this.showValue ? n`<span class="baht-range-value">${this.value}</span>` : h}
+        ${this.showValue ? l`<span class="baht-range-value">${this.value}</span>` : h}
       </div>
     </div>`;
   }
 };
 bt([
-  l({ type: Number })
+  n({ type: Number })
 ], ot.prototype, "value", 2);
 bt([
-  l({ type: Number })
+  n({ type: Number })
 ], ot.prototype, "min", 2);
 bt([
-  l({ type: Number })
+  n({ type: Number })
 ], ot.prototype, "max", 2);
 bt([
-  l({ type: Number })
+  n({ type: Number })
 ], ot.prototype, "step", 2);
 bt([
-  l()
+  n()
 ], ot.prototype, "label", 2);
 bt([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], ot.prototype, "disabled", 2);
 bt([
-  l({ type: Boolean, attribute: "show-value" })
+  n({ type: Boolean, attribute: "show-value" })
 ], ot.prototype, "showValue", 2);
 ot = bt([
   b("baht-range")
@@ -929,9 +929,9 @@ let $t = class extends g {
     this.commit(), (s = this.inputs()[Math.min(i, this.length - 1)]) == null || s.focus();
   }
   render() {
-    return n`<div class="baht-otp" role="group" aria-label=${this.label} @paste=${(t) => this.onPaste(t)}>
+    return l`<div class="baht-otp" role="group" aria-label=${this.label} @paste=${(t) => this.onPaste(t)}>
       ${this._chars.map(
-      (t, e) => n`<input
+      (t, e) => l`<input
           type="text"
           inputmode=${this.mode === "numeric" ? "numeric" : "text"}
           maxlength="1"
@@ -947,19 +947,19 @@ let $t = class extends g {
   }
 };
 St([
-  l({ type: Number })
+  n({ type: Number })
 ], $t.prototype, "length", 2);
 St([
-  l()
+  n()
 ], $t.prototype, "value", 2);
 St([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], $t.prototype, "disabled", 2);
 St([
-  l()
+  n()
 ], $t.prototype, "mode", 2);
 St([
-  l()
+  n()
 ], $t.prototype, "label", 2);
 $t = St([
   b("baht-otp")
@@ -981,9 +981,9 @@ let yt = class extends g {
     );
   }
   render() {
-    return n`<div class="baht-filter" role="group" aria-label=${this.label}>
+    return l`<div class="baht-filter" role="group" aria-label=${this.label}>
       ${this.options.map(
-      (t) => n`<button
+      (t) => l`<button
           type="button"
           aria-pressed=${this.selected.includes(t.key)}
           ?disabled=${this.disabled}
@@ -994,19 +994,19 @@ let yt = class extends g {
   }
 };
 Tt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], yt.prototype, "options", 2);
 Tt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], yt.prototype, "selected", 2);
 Tt([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], yt.prototype, "multiple", 2);
 Tt([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], yt.prototype, "disabled", 2);
 Tt([
-  l()
+  n()
 ], yt.prototype, "label", 2);
 yt = Tt([
   b("baht-filter")
@@ -1022,7 +1022,7 @@ let Kt = class extends g {
   }
   render() {
     const t = this.height || (this.variant === "text" ? "1em" : "20px"), e = this.variant === "rect" ? "" : ` baht-skeleton--${this.variant}`;
-    return n`<span
+    return l`<span
       class="baht-skeleton${e}"
       style="width:${this.width}; height:${t};"
       aria-hidden="true"
@@ -1030,18 +1030,18 @@ let Kt = class extends g {
   }
 };
 pe([
-  l()
+  n()
 ], Kt.prototype, "variant", 2);
 pe([
-  l()
+  n()
 ], Kt.prototype, "width", 2);
 pe([
-  l()
+  n()
 ], Kt.prototype, "height", 2);
 Kt = pe([
   b("baht-skeleton")
 ], Kt);
-var Ks = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, Yt = (t, e, i, a) => {
+var Ks = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, Xt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Us(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ks(e, i, s), s;
@@ -1052,7 +1052,7 @@ let Ot = class extends g {
   }
   render() {
     const t = this.value == null || Number.isNaN(this.value), e = t ? 0 : Math.min(100, Math.max(0, this.value)), i = this.tone === "primary" ? "" : ` baht-progress--${this.tone}`;
-    return n`<div>
+    return l`<div>
       <div
         class="baht-progress${i}${t ? " baht-progress--indeterminate" : ""}"
         role="progressbar"
@@ -1063,23 +1063,23 @@ let Ot = class extends g {
       >
         <div class="baht-progress-bar" style=${t ? h : `width:${e}%`}></div>
       </div>
-      ${this.showLabel && !t ? n`<div class="baht-progress-label">${e}%</div>` : h}
+      ${this.showLabel && !t ? l`<div class="baht-progress-label">${e}%</div>` : h}
     </div>`;
   }
 };
-Yt([
-  l({ type: Number })
+Xt([
+  n({ type: Number })
 ], Ot.prototype, "value", 2);
-Yt([
-  l()
+Xt([
+  n()
 ], Ot.prototype, "tone", 2);
-Yt([
-  l({ type: Boolean, attribute: "show-label" })
+Xt([
+  n({ type: Boolean, attribute: "show-label" })
 ], Ot.prototype, "showLabel", 2);
-Yt([
-  l()
+Xt([
+  n()
 ], Ot.prototype, "label", 2);
-Ot = Yt([
+Ot = Xt([
   b("baht-progress")
 ], Ot);
 var Hs = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, je = (t, e, i, a) => {
@@ -1093,19 +1093,19 @@ let re = class extends g {
   }
   render() {
     const t = this.size === "md" ? "" : ` baht-spinner--${this.size}`;
-    return n`<span class="baht-spinner${t}" role="status" aria-label=${this.label}></span>`;
+    return l`<span class="baht-spinner${t}" role="status" aria-label=${this.label}></span>`;
   }
 };
 je([
-  l()
+  n()
 ], re.prototype, "size", 2);
 je([
-  l()
+  n()
 ], re.prototype, "label", 2);
 re = je([
   b("baht-spinner")
 ], re);
-var Ws = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Xt = (t, e, i, a) => {
+var Ws = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Yt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Js(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ws(e, i, s), s;
@@ -1118,32 +1118,32 @@ let Ct = class extends g {
     he(this, this.bodyEl);
   }
   render() {
-    return n`<div class="baht-card${this.hero ? " baht-card--hero" : ""}">
-      ${this.heading ? n`<div class="baht-card-title">${this.heading}</div>` : h}
-      ${this.subtitle ? n`<div class="baht-card-subtitle">${this.subtitle}</div>` : h}
+    return l`<div class="baht-card${this.hero ? " baht-card--hero" : ""}">
+      ${this.heading ? l`<div class="baht-card-title">${this.heading}</div>` : h}
+      ${this.subtitle ? l`<div class="baht-card-subtitle">${this.subtitle}</div>` : h}
       <div class="baht-card-body"></div>
     </div>`;
   }
 };
-Xt([
-  l()
+Yt([
+  n()
 ], Ct.prototype, "heading", 2);
-Xt([
-  l()
+Yt([
+  n()
 ], Ct.prototype, "subtitle", 2);
-Xt([
-  l({ type: Boolean })
+Yt([
+  n({ type: Boolean })
 ], Ct.prototype, "hero", 2);
-Xt([
-  It(".baht-card-body")
+Yt([
+  Mt(".baht-card-body")
 ], Ct.prototype, "bodyEl", 2);
-Ct = Xt([
+Ct = Yt([
   b("baht-card")
 ], Ct);
-var Ys = Object.defineProperty, Xs = Object.getOwnPropertyDescriptor, de = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Xs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Xs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, de = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ys(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ys(e, i, s), s;
+  return a && s && Xs(e, i, s), s;
 };
 let Ut = class extends g {
   constructor() {
@@ -1153,20 +1153,20 @@ let Ut = class extends g {
     he(this, this.bodyEl);
   }
   render() {
-    return n`<fieldset class="baht-fieldset" ?disabled=${this.disabled}>
-      ${this.legend ? n`<legend>${this.legend}</legend>` : h}
+    return l`<fieldset class="baht-fieldset" ?disabled=${this.disabled}>
+      ${this.legend ? l`<legend>${this.legend}</legend>` : h}
       <div class="baht-fieldset-body"></div>
     </fieldset>`;
   }
 };
 de([
-  l()
+  n()
 ], Ut.prototype, "legend", 2);
 de([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], Ut.prototype, "disabled", 2);
 de([
-  It(".baht-fieldset-body")
+  Mt(".baht-fieldset-body")
 ], Ut.prototype, "bodyEl", 2);
 Ut = de([
   b("baht-fieldset")
@@ -1181,19 +1181,19 @@ let De = class extends g {
     super(...arguments), this.items = [];
   }
   render() {
-    return n`<div class="baht-timeline" role="list">
+    return l`<div class="baht-timeline" role="list">
       ${this.items.map(
-      (t, e) => n`<div class="baht-timeline-item" role="listitem">
+      (t, e) => l`<div class="baht-timeline-item" role="listitem">
           <div class="baht-timeline-rail">
             <span class="baht-timeline-dot${t.tone && t.tone !== "primary" ? ` baht-timeline-dot--${t.tone}` : ""}"></span>
-            ${e < this.items.length - 1 ? n`<span class="baht-timeline-line"></span>` : h}
+            ${e < this.items.length - 1 ? l`<span class="baht-timeline-line"></span>` : h}
           </div>
           <div class="baht-timeline-main">
             <div class="baht-timeline-title">
               ${t.title}
-              ${t.time ? n`<span class="baht-timeline-time"> · ${t.time}</span>` : h}
+              ${t.time ? l`<span class="baht-timeline-time"> · ${t.time}</span>` : h}
             </div>
-            ${t.description ? n`<div class="baht-timeline-desc">${t.description}</div>` : h}
+            ${t.description ? l`<div class="baht-timeline-desc">${t.description}</div>` : h}
           </div>
         </div>`
     )}
@@ -1201,7 +1201,7 @@ let De = class extends g {
   }
 };
 ls([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], De.prototype, "items", 2);
 De = ls([
   b("baht-timeline")
@@ -1231,10 +1231,10 @@ let Dt = class extends g {
     );
   }
   render() {
-    return n`<div class="baht-accordion">
+    return l`<div class="baht-accordion">
       ${this.items.map((t, e) => {
       const i = this.openSet.has(e), a = `baht-acc-${this.uid}-t-${e}`, s = `baht-acc-${this.uid}-p-${e}`;
-      return n`<div class="baht-accordion-item${i ? " baht-accordion-item--open" : ""}">
+      return l`<div class="baht-accordion-item${i ? " baht-accordion-item--open" : ""}">
           <button
             type="button"
             class="baht-accordion-trigger"
@@ -1246,17 +1246,17 @@ let Dt = class extends g {
             <span>${t.title}</span>
             <span class="baht-accordion-chevron" aria-hidden="true">▾</span>
           </button>
-          ${i ? n`<div class="baht-accordion-content" id=${s} role="region" aria-labelledby=${a}>${t.content}</div>` : h}
+          ${i ? l`<div class="baht-accordion-content" id=${s} role="region" aria-labelledby=${a}>${t.content}</div>` : h}
         </div>`;
     })}
     </div>`;
   }
 };
 ue([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], Dt.prototype, "items", 2);
 ue([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], Dt.prototype, "multiple", 2);
 ue([
   y()
@@ -1274,25 +1274,25 @@ let Ft = class extends g {
     super(...arguments), this.href = "", this.label = "", this.external = !1, this.externalHint = "opens in new tab";
   }
   render() {
-    return n`<a
+    return l`<a
       class="baht-link"
       href=${this.href || h}
       target=${this.external ? "_blank" : h}
       rel=${this.external ? "noopener noreferrer" : h}
-    >${this.label}${this.external ? n` <span class="baht-link-external" aria-hidden="true">↗</span><span class="baht-visually-hidden"> (${this.externalHint})</span>` : h}</a>`;
+    >${this.label}${this.external ? l` <span class="baht-link-external" aria-hidden="true">↗</span><span class="baht-visually-hidden"> (${this.externalHint})</span>` : h}</a>`;
   }
 };
 Zt([
-  l()
+  n()
 ], Ft.prototype, "href", 2);
 Zt([
-  l()
+  n()
 ], Ft.prototype, "label", 2);
 Zt([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], Ft.prototype, "external", 2);
 Zt([
-  l({ attribute: "external-hint" })
+  n({ attribute: "external-hint" })
 ], Ft.prototype, "externalHint", 2);
 Ft = Zt([
   b("baht-link")
@@ -1313,10 +1313,10 @@ let oe = class extends g {
   }
   render() {
     const t = this.items.length - 1;
-    return n`<nav class="baht-breadcrumbs" aria-label="Breadcrumb">
+    return l`<nav class="baht-breadcrumbs" aria-label="Breadcrumb">
       ${this.items.map((e, i) => {
-      const a = i < t ? n`<span class="baht-breadcrumbs-sep" aria-hidden="true">${this.separator}</span>` : h;
-      return i === t ? n`<span class="baht-breadcrumbs-current" aria-current="page">${e.label}</span>${a}` : e.href ? n`<a class="baht-link" href=${e.href}>${e.label}</a>${a}` : n`<a
+      const a = i < t ? l`<span class="baht-breadcrumbs-sep" aria-hidden="true">${this.separator}</span>` : h;
+      return i === t ? l`<span class="baht-breadcrumbs-current" aria-current="page">${e.label}</span>${a}` : e.href ? l`<a class="baht-link" href=${e.href}>${e.label}</a>${a}` : l`<a
           class="baht-link"
           href="#"
           @click=${(s) => {
@@ -1328,10 +1328,10 @@ let oe = class extends g {
   }
 };
 Se([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], oe.prototype, "items", 2);
 Se([
-  l()
+  n()
 ], oe.prototype, "separator", 2);
 oe = Se([
   b("baht-breadcrumbs")
@@ -1341,16 +1341,16 @@ var oa = Object.getOwnPropertyDescriptor, la = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ne = class extends Y {
+let Ne = class extends X {
   renderControl() {
-    return n`<input
+    return l`<input
       class="baht-control baht-control--text"
       id=${this.controlId}
       type=${this.field.type === "email" ? "email" : this.field.type === "password" ? "password" : "text"}
       .value=${lt(this.shownValue == null ? "" : String(this.shownValue))}
-      placeholder=${N(this.field.placeholder)}
-      maxlength=${N(this.field.max_length)}
-      autocomplete=${N(this.field.autocomplete)}
+      placeholder=${q(this.field.placeholder)}
+      maxlength=${q(this.field.max_length)}
+      autocomplete=${q(this.field.autocomplete)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1368,16 +1368,16 @@ var na = Object.getOwnPropertyDescriptor, ha = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let qe = class extends Y {
+let qe = class extends X {
   renderControl() {
-    return n`<textarea
+    return l`<textarea
       class="baht-control baht-control--textarea"
       id=${this.controlId}
       .value=${lt(this.shownValue == null ? "" : String(this.shownValue))}
-      placeholder=${N(this.field.placeholder)}
-      maxlength=${N(this.field.max_length)}
+      placeholder=${q(this.field.placeholder)}
+      maxlength=${q(this.field.max_length)}
       rows=${this.field.rows ?? 3}
-      autocomplete=${N(this.field.autocomplete)}
+      autocomplete=${q(this.field.autocomplete)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1395,17 +1395,17 @@ var ca = Object.getOwnPropertyDescriptor, pa = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Re = class extends Y {
+let Re = class extends X {
   renderControl() {
-    return n`<input
+    return l`<input
       class="baht-control baht-control--number"
       id=${this.controlId}
       type="number"
       .value=${lt(this.shownValue == null ? "" : String(this.shownValue))}
-      placeholder=${N(this.field.placeholder)}
-      min=${N(this.field.min)}
-      max=${N(this.field.max)}
-      step=${N(this.field.step)}
+      placeholder=${q(this.field.placeholder)}
+      min=${q(this.field.min)}
+      max=${q(this.field.max)}
+      step=${q(this.field.step)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1427,14 +1427,14 @@ var da = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, Te = (t, e
   return a && s && da(e, i, s), s;
 };
 const ba = 500;
-let le = class extends Y {
+let le = class extends X {
   constructor() {
     super(...arguments), this.open = !1, this.active = 0, this.typeBuffer = "", this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
     };
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.typeTimer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.typeTimer), T() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   get listId() {
     return `${this.controlId}-list`;
@@ -1469,10 +1469,10 @@ let le = class extends Y {
     (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, S() && document.addEventListener("mousedown", this.onDocMousedown));
+    !this.interactive || this.open || (this.active = this.selectedIndex, this.open = !0, T() && document.addEventListener("mousedown", this.onDocMousedown));
   }
   close() {
-    this.open && (this.open = !1, S() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, T() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   toggle() {
     this.open ? this.close() : this.openList();
@@ -1536,7 +1536,7 @@ let le = class extends Y {
   }
   renderControl() {
     const t = this.rows, e = this.selectedIndex, i = e === 0;
-    return n`<div class="baht-select${this.open ? " baht-select--open" : ""}">
+    return l`<div class="baht-select${this.open ? " baht-select--open" : ""}">
       <button
         type="button"
         class="baht-control baht-control--select baht-select-trigger${i ? " baht-select-trigger--placeholder" : ""}"
@@ -1567,7 +1567,7 @@ let le = class extends Y {
       >
         ${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
-      (a, s) => n`<div
+      (a, s) => l`<div
             class="baht-listbox-option${s === this.active ? " baht-listbox-option--active" : ""}${s === 0 ? " baht-listbox-option--placeholder" : ""}"
             id=${this.optionId(s)}
             role="option"
@@ -1598,7 +1598,7 @@ var fa = Object.getOwnPropertyDescriptor, ma = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let ze = class extends Y {
+let ze = class extends X {
   get selected() {
     return Array.isArray(this.value) ? this.value : [];
   }
@@ -1607,14 +1607,14 @@ let ze = class extends Y {
     this.emitInput(a.filter((s) => i.includes(s)));
   }
   renderControl() {
-    return n`<div
+    return l`<div
       class="baht-control baht-control--multiselect"
       role="group"
       aria-labelledby=${this.field.label ? this.labelId : h}
       aria-describedby=${this.describedBy}
     >
       ${(this.field.options ?? []).map(
-      (t) => n`<label class="baht-option">
+      (t) => l`<label class="baht-option">
           <input
             type="checkbox"
             value=${t.key}
@@ -1636,13 +1636,13 @@ var va = Object.getOwnPropertyDescriptor, $a = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ve = class extends Y {
+let Ve = class extends X {
   /** Label sits beside the box, so suppress the block label. */
   renderLabel() {
     return h;
   }
   renderControl() {
-    return n`<label class="baht-control baht-control--checkbox baht-option">
+    return l`<label class="baht-control baht-control--checkbox baht-option">
       <input
         type="checkbox"
         id=${this.controlId}
@@ -1654,7 +1654,7 @@ let Ve = class extends Y {
         @change=${(t) => this.emitInput(t.target.checked)}
       />
       <span class="baht-label"
-        >${this.field.label}${this.required ? n`<span class="baht-required-mark" aria-hidden="true">*</span>` : h}</span
+        >${this.field.label}${this.required ? l`<span class="baht-required-mark" aria-hidden="true">*</span>` : h}</span
       >
     </label>`;
   }
@@ -1667,9 +1667,9 @@ var ya = Object.getOwnPropertyDescriptor, ga = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ke = class extends Y {
+let Ke = class extends X {
   renderControl() {
-    return n`<div
+    return l`<div
       class="baht-control baht-control--radio"
       role="radiogroup"
       aria-labelledby=${this.field.label ? this.labelId : h}
@@ -1678,7 +1678,7 @@ let Ke = class extends Y {
       aria-describedby=${this.describedBy}
     >
       ${(this.field.options ?? []).map(
-      (t) => n`<label class="baht-option">
+      (t) => l`<label class="baht-option">
           <input
             type="radio"
             name=${this.controlId}
@@ -1701,12 +1701,12 @@ var wa = Object.getOwnPropertyDescriptor, xa = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ue = class extends Y {
+let Ue = class extends X {
   renderLabel() {
     return h;
   }
   renderControl() {
-    return n`<label class="baht-control baht-control--toggle baht-option">
+    return l`<label class="baht-control baht-control--toggle baht-option">
       <input
         type="checkbox"
         role="switch"
@@ -1721,7 +1721,7 @@ let Ue = class extends Y {
       />
       <span class="baht-toggle-track"><span class="baht-toggle-thumb"></span></span>
       <span class="baht-label"
-        >${this.field.label}${this.required ? n`<span class="baht-required-mark" aria-hidden="true">*</span>` : h}</span
+        >${this.field.label}${this.required ? l`<span class="baht-required-mark" aria-hidden="true">*</span>` : h}</span
       >
     </label>`;
   }
@@ -1734,17 +1734,17 @@ var _a = Object.getOwnPropertyDescriptor, ka = (t, e, i, a) => {
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let He = class extends Y {
+let He = class extends X {
   constructor() {
     super(...arguments), this.lastEmitted = null;
   }
   renderControl() {
-    return n`<input
+    return l`<input
       class="baht-control baht-control--date"
       id=${this.controlId}
       type="text"
       autocomplete="off"
-      placeholder=${N(this.field.placeholder)}
+      placeholder=${q(this.field.placeholder)}
       ?disabled=${this.disabled}
       ?readonly=${this.readonly}
       ?required=${this.required}
@@ -1901,18 +1901,18 @@ var Pa = Object.defineProperty, Oa = Object.getOwnPropertyDescriptor, Qt = (t, e
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Pa(e, i, s), s;
 };
-function Ye(t) {
+function Xe(t) {
   return t !== null && typeof t == "object" && typeof t.url == "string";
 }
 function ge(t) {
   return t >= 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(1)} MB` : t >= 1024 ? `${Math.round(t / 1024)} KB` : `${t} B`;
 }
-let Et = class extends Y {
+let Et = class extends X {
   constructor() {
     super(...arguments), this.uploadingCount = 0, this.uploadError = null, this.rejectedNames = [];
   }
   get refs() {
-    return Array.isArray(this.value) ? this.value.filter(Ye) : Ye(this.value) ? [this.value] : [];
+    return Array.isArray(this.value) ? this.value.filter(Xe) : Xe(this.value) ? [this.value] : [];
   }
   emitRefs(t) {
     this.emitInput(this.field.multiple ? t : t[0] ?? null);
@@ -1958,7 +1958,7 @@ let Et = class extends Y {
       t ? "baht-dropzone--disabled" : "",
       this.invalid === "true" ? "baht-dropzone--invalid" : ""
     ].filter(Boolean).join(" ");
-    return n`<div
+    return l`<div
         class=${i}
         @dragover=${(a) => {
       t || (a.preventDefault(), a.currentTarget.classList.add("baht-dropzone--over"));
@@ -1973,7 +1973,7 @@ let Et = class extends Y {
           class="baht-control baht-control--file baht-dropzone-input"
           id=${this.controlId}
           type="file"
-          accept=${N(this.field.accept)}
+          accept=${q(this.field.accept)}
           ?multiple=${this.field.multiple}
           ?disabled=${t}
           ?required=${this.required}
@@ -1988,26 +1988,26 @@ let Et = class extends Y {
           >
           <span class="baht-dropzone-or">${m("orDropHere")}</span>
         </span>
-        ${e ? n`<span class="baht-dropzone-hint">${e}</span>` : h}
+        ${e ? l`<span class="baht-dropzone-hint">${e}</span>` : h}
       </div>
-      ${this.uploadingCount > 0 ? n`<p class="baht-file-status" role="status">${m("uploading")}</p>` : h}
-      ${this.uploadError ? n`<p class="baht-error" role="alert">${this.uploadError}</p>` : h}
-      ${this.rejectedNames.length > 0 ? n`<p class="baht-error baht-file-rejected" role="alert">
+      ${this.uploadingCount > 0 ? l`<p class="baht-file-status" role="status">${m("uploading")}</p>` : h}
+      ${this.uploadError ? l`<p class="baht-error" role="alert">${this.uploadError}</p>` : h}
+      ${this.rejectedNames.length > 0 ? l`<p class="baht-error baht-file-rejected" role="alert">
               ${m("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
             </p>` : h}
       ${this.captured.map(
-      (a) => n`<span class="baht-file-chip">
+      (a) => l`<span class="baht-file-chip">
           <span class="baht-file-name">${a.name}</span>
           <span class="baht-file-size">${ge(a.size)}</span>
         </span>`
     )}
       ${this.refs.map(
-      (a) => n`<span class="baht-file-chip">
+      (a) => l`<span class="baht-file-chip">
           <a href=${a.url} target="_blank" rel="noreferrer"
             >${a.name}<span class="baht-visually-hidden"> (${m("opensInNewTab")})</span></a
           >
           <span class="baht-file-size">${ge(a.size)}</span>
-          ${this.disabled || this.readonly ? h : n`<button
+          ${this.disabled || this.readonly ? h : l`<button
                 type="button"
                 class="baht-file-remove"
                 aria-label=${m("removeFile")}
@@ -2021,7 +2021,7 @@ let Et = class extends Y {
   }
 };
 Qt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], Et.prototype, "uploader", 2);
 Qt([
   y()
@@ -2035,7 +2035,7 @@ Qt([
 Et = Qt([
   b("baht-file")
 ], Et);
-var Ca = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
+var Ca = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, M = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Da(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ca(e, i, s), s;
@@ -2180,9 +2180,9 @@ let F = class extends g {
       this.disabled ? "baht-dropzone--disabled" : "",
       e ? "baht-dropzone--invalid" : ""
     ].filter(Boolean).join(" ");
-    return n`<div class="baht-field baht-field--upload">
-      ${this.label ? n`<label class="baht-label" for=${this.inputId}
-              >${this.label}${this.required ? n`<span class="baht-required-mark" aria-hidden="true">*</span>` : h}</label
+    return l`<div class="baht-field baht-field--upload">
+      ${this.label ? l`<label class="baht-label" for=${this.inputId}
+              >${this.label}${this.required ? l`<span class="baht-required-mark" aria-hidden="true">*</span>` : h}</label
             >` : h}
       <div
         class=${o}
@@ -2194,12 +2194,12 @@ let F = class extends g {
           class="baht-dropzone-input"
           id=${this.inputId}
           type="file"
-          accept=${N(this.accept)}
+          accept=${q(this.accept)}
           ?multiple=${this.multiple}
           ?disabled=${this.disabled}
           ?required=${this.required}
           aria-invalid=${e ? "true" : "false"}
-          aria-describedby=${N(r)}
+          aria-describedby=${q(r)}
           @change=${(c) => this.onPick(c)}
         />
         <span class="baht-dropzone-icon" aria-hidden="true">${W("upload")}</span>
@@ -2209,28 +2209,28 @@ let F = class extends g {
           >
           <span class="baht-dropzone-or">${m("orDropHere")}</span>
         </span>
-        ${i ? n`<span class="baht-dropzone-hint" id=${N(a)}>${i}</span>` : h}
+        ${i ? l`<span class="baht-dropzone-hint" id=${q(a)}>${i}</span>` : h}
       </div>
 
-      ${this.pending.length > 0 || this.urls.length > 0 ? n`<ul class="baht-upload-list" aria-live="polite" aria-busy=${t ? "true" : "false"}>
+      ${this.pending.length > 0 || this.urls.length > 0 ? l`<ul class="baht-upload-list" aria-live="polite" aria-busy=${t ? "true" : "false"}>
               ${this.urls.map((c) => this.renderStored(c))}
               ${this.pending.map((c) => this.renderPending(c))}
             </ul>` : h}
-      ${this.rejectedNames.length > 0 ? n`<p class="baht-error" role="alert">
+      ${this.rejectedNames.length > 0 ? l`<p class="baht-error" role="alert">
               ${m("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
             </p>` : h}
-      ${this.error ? n`<p class="baht-error" id=${N(s)} role="alert">${this.error}</p>` : h}
+      ${this.error ? l`<p class="baht-error" id=${q(s)} role="alert">${this.error}</p>` : h}
     </div>`;
   }
   renderStored(t) {
     const e = this.fileFor(t);
-    return n`<li class="baht-file-chip baht-file-chip--done">
+    return l`<li class="baht-file-chip baht-file-chip--done">
       <span class="baht-file-chip-icon" aria-hidden="true">${W("check")}</span>
       <a class="baht-file-name" href=${t} target="_blank" rel="noreferrer"
         >${e.name}<span class="baht-visually-hidden"> (${m("opensInNewTab")})</span></a
       >
-      ${e.size > 0 ? n`<span class="baht-file-size">${we(e.size)}</span>` : h}
-      ${this.disabled ? h : n`<button
+      ${e.size > 0 ? l`<span class="baht-file-size">${we(e.size)}</span>` : h}
+      ${this.disabled ? h : l`<button
               type="button"
               class="baht-file-remove"
               aria-label=${m("removeFile")}
@@ -2242,10 +2242,10 @@ let F = class extends g {
     </li>`;
   }
   renderPending(t) {
-    return n`<li class="baht-file-chip ${t.error ? "baht-file-chip--error" : "baht-file-chip--busy"}">
+    return l`<li class="baht-file-chip ${t.error ? "baht-file-chip--error" : "baht-file-chip--busy"}">
       <span class="baht-file-name">${t.file.name}</span>
       <span class="baht-file-size">${we(t.file.size)}</span>
-      ${t.error ? n`<span class="baht-file-status baht-file-status--error" role="alert">${t.error}</span>
+      ${t.error ? l`<span class="baht-file-status baht-file-status--error" role="alert">${t.error}</span>
               <button type="button" class="baht-upload-retry" @click=${() => this.retry(t)}>
                 ${m("retry")}
               </button>
@@ -2257,7 +2257,7 @@ let F = class extends g {
                 @click=${() => this.dismiss(t)}
               >
                 ${W("close")}
-              </button>` : n`<span
+              </button>` : l`<span
               class="baht-upload-bar"
               role="progressbar"
               aria-label=${m("uploading")}
@@ -2269,77 +2269,77 @@ let F = class extends g {
     </li>`;
   }
 };
-I([
-  l()
+M([
+  n()
 ], F.prototype, "url", 2);
-I([
-  l()
+M([
+  n()
 ], F.prototype, "method", 2);
-I([
-  l({ attribute: "field-name" })
+M([
+  n({ attribute: "field-name" })
 ], F.prototype, "fieldName", 2);
-I([
-  l({ attribute: "response-key" })
+M([
+  n({ attribute: "response-key" })
 ], F.prototype, "responseKey", 2);
-I([
-  l({ attribute: !1 })
+M([
+  n({ attribute: !1 })
 ], F.prototype, "headers", 2);
-I([
-  l({ type: Boolean, attribute: "with-credentials" })
+M([
+  n({ type: Boolean, attribute: "with-credentials" })
 ], F.prototype, "withCredentials", 2);
-I([
-  l({ attribute: !1 })
+M([
+  n({ attribute: !1 })
 ], F.prototype, "value", 2);
-I([
-  l()
+M([
+  n()
 ], F.prototype, "label", 2);
-I([
-  l()
+M([
+  n()
 ], F.prototype, "hint", 2);
-I([
-  l()
+M([
+  n()
 ], F.prototype, "accept", 2);
-I([
-  l({ type: Boolean })
+M([
+  n({ type: Boolean })
 ], F.prototype, "multiple", 2);
-I([
-  l({ type: Number, attribute: "max-size" })
+M([
+  n({ type: Number, attribute: "max-size" })
 ], F.prototype, "maxSize", 2);
-I([
-  l({ type: Boolean })
+M([
+  n({ type: Boolean })
 ], F.prototype, "disabled", 2);
-I([
-  l({ type: Boolean })
+M([
+  n({ type: Boolean })
 ], F.prototype, "required", 2);
-I([
-  l()
+M([
+  n()
 ], F.prototype, "error", 2);
-I([
+M([
   y()
 ], F.prototype, "pending", 2);
-I([
+M([
   y()
 ], F.prototype, "rejectedNames", 2);
-I([
+M([
   y()
 ], F.prototype, "dragging", 2);
-F = I([
+F = M([
   b("baht-upload")
 ], F);
-var Ia = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ns = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ma(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Ma = Object.defineProperty, Ia = Object.getOwnPropertyDescriptor, ns = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ia(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ia(e, i, s), s;
+  return a && s && Ma(e, i, s), s;
 };
 let Fe = class extends g {
   render() {
     if (!this.field) return h;
     const t = this.field.variant ?? "body";
-    return n`<div class="baht-text baht-text--${t}">${this.field.text ?? this.field.label ?? ""}</div>`;
+    return l`<div class="baht-text baht-text--${t}">${this.field.text ?? this.field.label ?? ""}</div>`;
   }
 };
 ns([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], Fe.prototype, "field", 2);
 Fe = ns([
   b("baht-text")
@@ -2351,13 +2351,13 @@ var ja = Object.defineProperty, Sa = Object.getOwnPropertyDescriptor, hs = (t, e
 };
 let Ee = class extends g {
   render() {
-    return this.field ? n`<div class="baht-section">
+    return this.field ? l`<div class="baht-section">
       <span class="baht-section-label">${this.field.text ?? this.field.label ?? ""}</span>
     </div>` : h;
   }
 };
 hs([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], Ee.prototype, "field", 2);
 Ee = hs([
   b("baht-section")
@@ -2372,23 +2372,23 @@ let Ht = class extends g {
     super(...arguments), this.total = 0, this.label = "", this.color = "";
   }
   render() {
-    return n`<div class="baht-stat-chart">
+    return l`<div class="baht-stat-chart">
       <div
         class="baht-stat-chart-total"
         style=${this.color ? `color:${this.color}` : h}
       >${this.total.toLocaleString("en-US")}</div>
-      ${this.label ? n`<div class="baht-stat-chart-label">${this.label}</div>` : h}
+      ${this.label ? l`<div class="baht-stat-chart-label">${this.label}</div>` : h}
     </div>`;
   }
 };
 be([
-  l({ type: Number })
+  n({ type: Number })
 ], Ht.prototype, "total", 2);
 be([
-  l()
+  n()
 ], Ht.prototype, "label", 2);
 be([
-  l()
+  n()
 ], Ht.prototype, "color", 2);
 Ht = be([
   b("baht-stat-chart")
@@ -2402,7 +2402,7 @@ const Na = 10;
 function ft(t, e) {
   return e && t === 0 ? e : `var(--baht-chart-${t % Na + 1})`;
 }
-function Xe(t, e = 5) {
+function Ye(t, e = 5) {
   return `var(--baht-chart-seq-${Math.min(e - 1, Math.max(0, t)) + 1})`;
 }
 function Rt(t, e = "number", i = "THB") {
@@ -2445,20 +2445,20 @@ function qa(t, e, i = "Other") {
   return [...a, { label: i, count: s }];
 }
 function fe(t, e, i, a = "View as table") {
-  return n`<details class="baht-chart-table">
+  return l`<details class="baht-chart-table">
     <summary>${a}</summary>
     <table>
       <caption>${t}</caption>
       <thead>
         <tr>
-          ${e.map((s) => n`<th scope="col">${s}</th>`)}
+          ${e.map((s) => l`<th scope="col">${s}</th>`)}
         </tr>
       </thead>
       <tbody>
         ${i.map(
-    (s) => n`<tr>
+    (s) => l`<tr>
             ${s.map(
-      (r, o) => o === 0 ? n`<th scope="row">${r}</th>` : n`<td class="baht-chart-num">${r}</td>`
+      (r, o) => o === 0 ? l`<th scope="row">${r}</th>` : l`<td class="baht-chart-num">${r}</td>`
     )}
           </tr>`
   )}
@@ -2487,7 +2487,7 @@ class st extends g {
   }
   /** The single floating tooltip node; rendered by the template, never appended. */
   renderTooltip() {
-    return n`<div class="baht-chart-tooltip" role="status" aria-live="polite" hidden></div>`;
+    return l`<div class="baht-chart-tooltip" role="status" aria-live="polite" hidden></div>`;
   }
   /**
    * Show `text` near the pointer (or, on keyboard focus, near the mark).
@@ -2518,43 +2518,43 @@ class st extends g {
   }
   /** The empty placeholder, or `nothing` when there is data. */
   renderEmpty() {
-    return n`<div class="baht-chart-empty">${this.emptyMessage}</div>`;
+    return l`<div class="baht-chart-empty">${this.emptyMessage}</div>`;
   }
   /** Legend rows — only ever rendered for 2+ series (marks-and-anatomy.md). */
   renderLegend(e, i = "rect") {
-    return e.length < 2 ? h : n`<div class="baht-chart-legend">
+    return e.length < 2 ? h : l`<div class="baht-chart-legend">
       ${e.map(
-      (a) => n`<div class="baht-chart-legend-row">
+      (a) => l`<div class="baht-chart-legend-row">
           <span
             class="baht-chart-swatch${i === "line" ? " baht-chart-swatch--line" : ""}"
             style="background:${a.color}"
             aria-hidden="true"
           ></span>
           <span class="baht-chart-legend-label">${a.label}</span>
-          ${a.value ? n`<span class="baht-chart-legend-count">${a.value}</span>` : h}
-          ${a.share ? n`<span class="baht-chart-legend-pct">${a.share}</span>` : h}
+          ${a.value ? l`<span class="baht-chart-legend-count">${a.value}</span>` : h}
+          ${a.share ? l`<span class="baht-chart-legend-pct">${a.share}</span>` : h}
         </div>`
     )}
     </div>`;
   }
 }
 At([
-  l({ attribute: "empty-message" })
+  n({ attribute: "empty-message" })
 ], st.prototype, "emptyMessage");
 At([
-  l({ type: Boolean, reflect: !0 })
+  n({ type: Boolean, reflect: !0 })
 ], st.prototype, "loading");
 At([
-  l({ type: Boolean, attribute: "show-table" })
+  n({ type: Boolean, attribute: "show-table" })
 ], st.prototype, "showTable");
 At([
-  l()
+  n()
 ], st.prototype, "format");
 At([
-  l()
+  n()
 ], st.prototype, "currency");
 At([
-  It(".baht-chart-tooltip")
+  Mt(".baht-chart-tooltip")
 ], st.prototype, "tipEl");
 var Ra = Object.defineProperty, za = Object.getOwnPropertyDescriptor, wt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? za(e, i) : e, r = t.length - 1, o; r >= 0; r--)
@@ -2569,7 +2569,7 @@ let ct = class extends g {
     const t = (this.values ?? []).filter((x) => Number.isFinite(x));
     if (t.length < 2) return h;
     const e = Math.max(16, this.width), i = Math.max(8, this.height), a = 3, s = Math.min(...t), r = Math.max(...t), o = ne([0, t.length - 1], [a, e - a]), c = ne([s, r === s ? s + 1 : r], [i - a, a]), f = t.map((x, u) => `${o(u).toFixed(2)},${c(x).toFixed(2)}`).join(" "), $ = o(t.length - 1), w = c(t[t.length - 1]), p = this.color || "var(--baht-chart-muted)", P = this.label || `Trend of ${t.length} points`;
-    return n`<svg
+    return l`<svg
       class="baht-sparkline"
       width=${e}
       height=${i}
@@ -2577,39 +2577,39 @@ let ct = class extends g {
       role="img"
       aria-label=${P}
     >
-      ${L`<polyline class="baht-sparkline-line" points=${f} fill="none" stroke=${p}/>`}
-      ${this.accentLast ? L`<circle class="baht-sparkline-dot" cx=${$.toFixed(2)} cy=${w.toFixed(2)} r="3"
+      ${N`<polyline class="baht-sparkline-line" points=${f} fill="none" stroke=${p}/>`}
+      ${this.accentLast ? N`<circle class="baht-sparkline-dot" cx=${$.toFixed(2)} cy=${w.toFixed(2)} r="3"
               fill="var(--baht-chart-1)"/>` : h}
     </svg>`;
   }
 };
 wt([
-  l({ type: Array })
+  n({ type: Array })
 ], ct.prototype, "values", 2);
 wt([
-  l({ type: Number })
+  n({ type: Number })
 ], ct.prototype, "width", 2);
 wt([
-  l({ type: Number })
+  n({ type: Number })
 ], ct.prototype, "height", 2);
 wt([
-  l({ type: Boolean, attribute: "accent-last" })
+  n({ type: Boolean, attribute: "accent-last" })
 ], ct.prototype, "accentLast", 2);
 wt([
-  l()
+  n()
 ], ct.prototype, "color", 2);
 wt([
-  l()
+  n()
 ], ct.prototype, "label", 2);
 ct = wt([
   b("baht-sparkline")
 ], ct);
-var Va = Object.defineProperty, Ka = Object.getOwnPropertyDescriptor, X = (t, e, i, a) => {
+var Va = Object.defineProperty, Ka = Object.getOwnPropertyDescriptor, Y = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ka(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Va(e, i, s), s;
 };
-let K = class extends g {
+let U = class extends g {
   constructor() {
     super(...arguments), this.label = "", this.value = 0, this.format = "number", this.currency = "THB", this.delta = null, this.deltaKind = "pct", this.deltaLabel = "", this.upIsGood = !0, this.trend = [], this.size = "md";
   }
@@ -2628,17 +2628,17 @@ let K = class extends g {
   }
   render() {
     const t = this.delta != null && Number.isFinite(this.delta), e = this.tone, i = (this.delta ?? 0) > 0 ? "up" : (this.delta ?? 0) < 0 ? "down" : "flat";
-    return n`<div class="baht-stat${this.size === "hero" ? " baht-stat--hero" : ""}">
-      ${this.label ? n`<div class="baht-stat-label">${this.label}</div>` : h}
+    return l`<div class="baht-stat${this.size === "hero" ? " baht-stat--hero" : ""}">
+      ${this.label ? l`<div class="baht-stat-label">${this.label}</div>` : h}
       <div class="baht-stat-value">${Rt(this.value, this.format, this.currency)}</div>
-      ${t ? n`<div class="baht-stat-delta baht-stat-delta--${e}">
+      ${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">${i}</span>
-              ${this.deltaLabel ? n`<span class="baht-stat-delta-label">${this.deltaLabel}</span>` : h}
+              ${this.deltaLabel ? l`<span class="baht-stat-delta-label">${this.deltaLabel}</span>` : h}
             </div>` : h}
-      ${!t && this.deltaLabel ? n`<div class="baht-stat-caption">${this.deltaLabel}</div>` : h}
-      ${this.trend.length > 1 ? n`<baht-sparkline
+      ${!t && this.deltaLabel ? l`<div class="baht-stat-caption">${this.deltaLabel}</div>` : h}
+      ${this.trend.length > 1 ? l`<baht-sparkline
               class="baht-stat-trend"
               .values=${this.trend}
               label=${`${this.label || "Value"} trend, ${this.trend.length} points`}
@@ -2646,39 +2646,39 @@ let K = class extends g {
     </div>`;
   }
 };
-X([
-  l()
-], K.prototype, "label", 2);
-X([
-  l({ type: Number })
-], K.prototype, "value", 2);
-X([
-  l()
-], K.prototype, "format", 2);
-X([
-  l()
-], K.prototype, "currency", 2);
-X([
-  l({ type: Number })
-], K.prototype, "delta", 2);
-X([
-  l({ attribute: "delta-kind" })
-], K.prototype, "deltaKind", 2);
-X([
-  l({ attribute: "delta-label" })
-], K.prototype, "deltaLabel", 2);
-X([
-  l({ type: Boolean, attribute: "up-is-good" })
-], K.prototype, "upIsGood", 2);
-X([
-  l({ type: Array })
-], K.prototype, "trend", 2);
-X([
-  l()
-], K.prototype, "size", 2);
-K = X([
+Y([
+  n()
+], U.prototype, "label", 2);
+Y([
+  n({ type: Number })
+], U.prototype, "value", 2);
+Y([
+  n()
+], U.prototype, "format", 2);
+Y([
+  n()
+], U.prototype, "currency", 2);
+Y([
+  n({ type: Number })
+], U.prototype, "delta", 2);
+Y([
+  n({ attribute: "delta-kind" })
+], U.prototype, "deltaKind", 2);
+Y([
+  n({ attribute: "delta-label" })
+], U.prototype, "deltaLabel", 2);
+Y([
+  n({ type: Boolean, attribute: "up-is-good" })
+], U.prototype, "upIsGood", 2);
+Y([
+  n({ type: Array })
+], U.prototype, "trend", 2);
+Y([
+  n()
+], U.prototype, "size", 2);
+U = Y([
   b("baht-stat")
-], K);
+], U);
 var Ua = Object.defineProperty, Ha = Object.getOwnPropertyDescriptor, Lt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Ha(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
@@ -2692,7 +2692,7 @@ let J = class extends st {
   render() {
     const t = this.hold(this.groups ?? []);
     if (t.length === 0)
-      return n`<div class=${this.rootClass("baht-donut-chart")}>${this.renderEmpty()}</div>`;
+      return l`<div class=${this.rootClass("baht-donut-chart")}>${this.renderEmpty()}</div>`;
     const e = qa(t, Ze, this.otherLabel), i = e.reduce((p, P) => p + P.count, 0) || 1, a = this.total ?? t.reduce((p, P) => p + P.count, 0), s = J.R, r = 2 * Math.PI * s, o = e.length > 1 ? J.GAP : 0, c = t.length > Ze;
     let f = 0;
     const $ = e.map((p, P) => {
@@ -2706,11 +2706,11 @@ let J = class extends st {
       };
       return f += x, v;
     }), w = `${a} ${this.centerLabel}: ${$.map((p) => `${p.label || "(empty)"} ${p.count} (${Math.round(p.frac * 100)}%)`).join(", ")}`;
-    return n`<div class=${this.rootClass("baht-donut-chart")}>
+    return l`<div class=${this.rootClass("baht-donut-chart")}>
       <svg width="160" height="160" viewBox="0 0 160 160" role="img" aria-label=${w}>
         <g transform="translate(80,80) rotate(-90)">
           ${$.map(
-      (p) => L`<circle r=${s} cx="0" cy="0" fill="none" stroke=${p.color}
+      (p) => N`<circle r=${s} cx="0" cy="0" fill="none" stroke=${p.color}
                 stroke-width="22" stroke-dasharray=${p.dash} stroke-dashoffset=${p.offset}/>`
     )}
         </g>
@@ -2719,7 +2719,7 @@ let J = class extends st {
       </svg>
       <div class="baht-chart-legend">
         ${$.map(
-      (p) => n`<div class="baht-chart-legend-row">
+      (p) => l`<div class="baht-chart-legend-row">
             <span class="baht-chart-swatch" style="background:${p.color}" aria-hidden="true"></span>
             <span class="baht-chart-legend-label">${p.label || "(empty)"}</span>
             <span class="baht-chart-legend-count">${this.fmt(p.count)}</span>
@@ -2742,19 +2742,19 @@ let J = class extends st {
 J.R = 54;
 J.GAP = 2;
 Lt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], J.prototype, "groups", 2);
 Lt([
-  l({ type: Number })
+  n({ type: Number })
 ], J.prototype, "total", 2);
 Lt([
-  l()
+  n()
 ], J.prototype, "color", 2);
 Lt([
-  l({ attribute: "center-label" })
+  n({ attribute: "center-label" })
 ], J.prototype, "centerLabel", 2);
 Lt([
-  l({ attribute: "other-label" })
+  n({ attribute: "other-label" })
 ], J.prototype, "otherLabel", 2);
 J = Lt([
   b("baht-donut-chart")
@@ -2764,25 +2764,25 @@ var Ga = Object.defineProperty, Wa = Object.getOwnPropertyDescriptor, V = (t, e,
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ga(e, i, s), s;
 };
-const Qe = 24, ts = 2, Ja = 56, Ya = 26;
+const Qe = 24, ts = 2, Ja = 56, Xa = 26;
 let z = class extends st {
   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(), !(!S() || typeof ResizeObserver > "u") && (this.resizeObserver = new ResizeObserver(() => this.measure()), this.resizeObserver.observe(this));
+    super.connectedCallback(), !(!T() || typeof ResizeObserver > "u") && (this.resizeObserver = new ResizeObserver(() => this.measure()), this.resizeObserver.observe(this));
   }
   disconnectedCallback() {
     var t;
     (t = this.resizeObserver) == null || t.disconnect(), this.resizeObserver = void 0, super.disconnectedCallback();
   }
   firstUpdated() {
-    S() && queueMicrotask(() => this.measure());
+    T() && queueMicrotask(() => this.measure());
   }
   /** Host width → px per category. Never runs on the server (`hasDom` guard). */
   measure() {
     var r;
-    if (!S() || !this.isConnected || this.orientation !== "vertical") return;
+    if (!T() || !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;
@@ -2812,7 +2812,7 @@ let z = class extends st {
   }
   render() {
     const t = this.hold(this.model);
-    return t.series.length === 0 ? n`<div class=${this.rootClass("baht-bar-chart")}>${this.renderEmpty()}</div>` : this.orientation === "vertical" ? this.renderVertical(t) : this.renderHorizontal(t);
+    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, i) {
@@ -2858,6 +2858,10 @@ let z = class extends st {
   get chartMarkers() {
     return (this.markers ?? []).filter((t) => !t.category);
   }
+  /** Markers pinned to one category — they ride that row / column, not the chart. */
+  categoryMarkers(t) {
+    return (this.markers ?? []).filter((e) => e.category === t);
+  }
   /** What a marker reads as: its own label, else its formatted value. */
   markerText(t) {
     return t.label ? `${t.label} ${this.fmt(t.value)}` : this.fmt(t.value);
@@ -2868,7 +2872,7 @@ let z = class extends st {
    */
   markerOverlay(t, e) {
     return this.markersFor(e).map(
-      (i) => n`<span
+      (i) => l`<span
         class="baht-bar-chart-marker"
         style=${`left:${Math.min(100, i.value / t * 100).toFixed(2)}%`}
         aria-hidden="true"
@@ -2878,14 +2882,30 @@ let z = class extends st {
   /**
    * Marker labels, sorted along the axis and thinned so neighbours never collide:
    * a dropped label keeps its line, and its value still reads in the table twin.
+   * Thinning is scoped to the list it is given — chart-wide markers compete with
+   * each other, a row's own markers only with that row's.
    */
-  placedMarkers(t) {
-    const e = [], i = [...this.chartMarkers].sort((a, s) => a.value - s.value);
-    for (const a of i) {
-      const s = Math.min(100, Math.max(0, a.value / t * 100)), r = e[e.length - 1];
-      r && s - r.pct < 12 || e.push({ m: a, pct: s });
+  place(t, e) {
+    const i = [], a = [...t].sort((s, r) => s.value - r.value);
+    for (const s of a) {
+      const r = Math.min(100, Math.max(0, s.value / e * 100)), o = i[i.length - 1];
+      o && r - o.pct < 12 || i.push({ m: s, pct: r });
     }
-    return e;
+    return i;
+  }
+  /** Chart-wide marker labels — the strip above the rows / the end of the line. */
+  placedMarkers(t) {
+    return this.place(this.chartMarkers, t);
+  }
+  /** 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: i, pct: a }) => l`<span
+        class="baht-bar-chart-marker-label baht-bar-chart-marker-label--row"
+        style=${`left:${a.toFixed(2)}%;transform:translateX(${a > 70 ? "calc(-100% - 4px)" : "4px"})`}
+        >${this.markerText(i)}</span
+      >`
+    );
   }
   /** Legend rows: one per series, plus the muted `compare` key when it is set. */
   legendEntries(t) {
@@ -2897,12 +2917,12 @@ let z = class extends st {
   }
   renderHorizontal(t) {
     const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((P) => P.values.length)), o = this.domainMax(e, this.stacked, a), c = (this.compare ?? []).length > 0, f = (this.stacked ? 1 : e.length) + (c ? 1 : 0), $ = Math.min(Qe, Math.max(6, Math.floor(48 / f))), w = Array.from({ length: r }, (P, x) => {
-      const u = i[x] || "(empty)", v = e.reduce((C, R) => C + (R.values[x] ?? 0), 0), D = `${u}: ${e.map((C) => `${C.name ? `${C.name} ` : ""}${this.fmt(C.values[x] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[x] ?? 0)}` : ""}`, G = e.map((C, R) => ({
+      const u = i[x] || "(empty)", v = e.reduce((C, S) => C + (S.values[x] ?? 0), 0), D = `${u}: ${e.map((C) => `${C.name ? `${C.name} ` : ""}${this.fmt(C.values[x] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[x] ?? 0)}` : ""}`, K = e.map((C, S) => ({
         value: C.values[x] ?? 0,
-        color: this.colorFor(R, x, s),
+        color: this.colorFor(S, x, s),
         name: C.name
       }));
-      return n`<div class="baht-bar-chart-row">
+      return l`<div class="baht-bar-chart-row">
         <span class="baht-bar-chart-label" title=${u}>${u}</span>
         <div
           class="baht-bar-chart-track${this.stacked ? " baht-bar-chart-track--stacked" : ""}"
@@ -2915,44 +2935,45 @@ let z = class extends st {
           @blur=${() => this.hideTip()}
         >
           ${this.markerOverlay(o, u)}
+          ${this.rowMarkerLabels(u, o)}
           <div class="baht-bar-chart-bars">
-            ${this.stacked ? n`<div class="baht-bar-chart-stack" style=${`height:${$}px`}>
-                    ${G.map(
-        (C) => n`<div
+            ${this.stacked ? l`<div class="baht-bar-chart-stack" style=${`height:${$}px`}>
+                    ${K.map(
+        (C) => l`<div
                         class="baht-bar-chart-bar baht-bar-chart-bar--segment"
                         style=${`width:${Math.max(0, C.value / o * 100)}%;background:${C.color}`}
                       ></div>`
       )}
-                  </div>` : G.map(
-        (C) => n`<div
+                  </div>` : K.map(
+        (C) => l`<div
                       class="baht-bar-chart-bar"
                       style=${`width:${Math.max(2, C.value / o * 100)}%;height:${$}px;background:${C.color}`}
                     ></div>`
       )}
-            ${c ? n`<div
+            ${c ? l`<div
                     class="baht-bar-chart-bar baht-bar-chart-bar--compare"
                     style=${`width:${Math.max(2, (this.compare[x] ?? 0) / o * 100)}%;height:${Math.min(8, $)}px`}
                   ></div>` : h}
           </div>
         </div>
-        ${this.labelValues === "ends" ? n`<span class="baht-bar-chart-count"
+        ${this.labelValues === "ends" ? l`<span class="baht-bar-chart-count"
                 >${a ? e[0].values[x] ?? 0 : this.fmt(this.stacked ? v : e[0].values[x] ?? 0)}</span
               >` : h}
       </div>`;
     }), p = this.placedMarkers(o);
-    return n`<div class=${this.rootClass("baht-bar-chart")}>
-      ${p.length > 0 ? n`<div class="baht-bar-chart-row baht-bar-chart-row--markers">
+    return l`<div class=${this.rootClass("baht-bar-chart")}>
+      ${p.length > 0 ? l`<div class="baht-bar-chart-row baht-bar-chart-row--markers">
               <span class="baht-bar-chart-label"></span>
               <div class="baht-bar-chart-markbar">
                 ${p.map(
-      ({ m: P, pct: x }) => n`<span
+      ({ m: P, pct: x }) => l`<span
                     class="baht-bar-chart-marker-label"
                     style=${`left:${x.toFixed(2)}%;transform:translateX(${x > 88 ? "-100%" : x < 12 ? "0" : "-50%"})`}
                     >${this.markerText(P)}</span
                   >`
     )}
               </div>
-              ${this.labelValues === "ends" ? n`<span class="baht-bar-chart-count"></span>` : h}
+              ${this.labelValues === "ends" ? l`<span class="baht-bar-chart-count"></span>` : h}
             </div>` : h}
       ${w}
       ${this.renderTooltip()}
@@ -2961,55 +2982,68 @@ let z = class extends st {
     </div>`;
   }
   renderVertical(t) {
-    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((v) => v.values.length)), o = this.domainMax(e, this.stacked, a), c = Be(o, 4), f = (this.compare ?? []).length > 0, $ = (this.stacked ? 1 : e.length) + (f ? 1 : 0), w = this.band > 0 ? (this.band - ts) / $ : 48 / $, p = Math.min(Qe, Math.max(2, Math.floor(w))), P = this.band > 0 ? Math.max(1, Math.ceil(Ya / Math.max(1, this.band))) : Math.max(1, Math.ceil(r / 12)), x = this.chartMarkers.map((v) => this.markerText(v)), u = this.label || `Column chart, ${r} categories. ${i.map((v, D) => `${v} ${this.fmt(e[0].values[D] ?? 0)}`).join(", ")}${x.length ? `. Reference lines: ${x.join(", ")}` : ""}`;
-    return n`<div class=${this.rootClass("baht-bar-chart baht-bar-chart--vertical")}>
+    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((v) => v.values.length)), o = this.domainMax(e, this.stacked, a), c = Be(o, 4), f = (this.compare ?? []).length > 0, $ = (this.stacked ? 1 : e.length) + (f ? 1 : 0), w = this.band > 0 ? (this.band - ts) / $ : 48 / $, p = Math.min(Qe, Math.max(2, Math.floor(w))), P = this.band > 0 ? Math.max(1, Math.ceil(Xa / Math.max(1, this.band))) : Math.max(1, Math.ceil(r / 12)), x = (this.markers ?? []).map(
+      (v) => `${this.markerText(v)}${v.category ? ` on ${v.category}` : ""}`
+    ), u = this.label || `Column chart, ${r} categories. ${i.map((v, D) => `${v} ${this.fmt(e[0].values[D] ?? 0)}`).join(", ")}${x.length ? `. Reference lines: ${x.join(", ")}` : ""}`;
+    return l`<div class=${this.rootClass("baht-bar-chart baht-bar-chart--vertical")}>
       <div class="baht-bar-chart-plot" role="img" aria-label=${u}>
         <div class="baht-bar-chart-yaxis" aria-hidden="true">
-          ${[...c].reverse().map((v) => n`<span class="baht-chart-tick-text">${this.fmt(v)}</span>`)}
+          ${[...c].reverse().map((v) => l`<span class="baht-chart-tick-text">${this.fmt(v)}</span>`)}
         </div>
         <div class="baht-bar-chart-grid">
           ${this.chartMarkers.map(
-      (v) => n`<span
+      (v) => l`<span
               class="baht-bar-chart-marker baht-bar-chart-marker--horizontal"
               style=${`bottom:${Math.min(100, v.value / o * 100).toFixed(2)}%`}
               aria-hidden="true"
             ></span>`
     )}
           ${this.placedMarkers(o).map(
-      ({ m: v, pct: D }) => n`<span
+      ({ m: v, pct: D }) => l`<span
               class="baht-bar-chart-marker-label baht-bar-chart-marker-label--end"
               style=${`bottom:${D.toFixed(2)}%`}
               >${this.markerText(v)}</span
             >`
     )}
-          ${[...c].reverse().map(() => n`<span class="baht-chart-grid-rule" aria-hidden="true"></span>`)}
+          ${[...c].reverse().map(() => l`<span class="baht-chart-grid-rule" aria-hidden="true"></span>`)}
           <div class="baht-bar-chart-columns">
             ${Array.from({ length: r }, (v, D) => {
-      const G = i[D] || "(empty)", C = `${G}: ${e.map((R) => `${R.name ? `${R.name} ` : ""}${this.fmt(R.values[D] ?? 0)}`).join(", ")}`;
-      return n`<div
+      const K = i[D] || "(empty)", C = `${K}: ${e.map((S) => `${S.name ? `${S.name} ` : ""}${this.fmt(S.values[D] ?? 0)}`).join(", ")}`;
+      return l`<div
                 class="baht-bar-chart-column"
                 style=${this.band > 0 ? `flex:0 0 auto;width:${this.band}px` : h}
                 tabindex="0"
                 role="button"
                 aria-label=${C}
-                @pointermove=${(R) => this.showTip(R, C)}
+                @pointermove=${(S) => this.showTip(S, C)}
                 @pointerleave=${() => this.hideTip()}
-                @focus=${(R) => this.showTip(R, C)}
+                @focus=${(S) => this.showTip(S, C)}
                 @blur=${() => this.hideTip()}
               >
+                ${this.place(this.categoryMarkers(K), o).map(
+        ({ m: S, pct: d }) => l`<span
+                    class="baht-bar-chart-marker baht-bar-chart-marker--horizontal"
+                    style=${`bottom:${d.toFixed(2)}%`}
+                    aria-hidden="true"
+                  ></span>${this.band === 0 || this.band >= 40 ? l`<span
+                          class="baht-bar-chart-marker-label baht-bar-chart-marker-label--column"
+                          style=${`bottom:${d.toFixed(2)}%`}
+                          >${this.markerText(S)}</span
+                        >` : h}`
+      )}
                 <div class="baht-bar-chart-column-bars">
                   ${e.map(
-        (R, d) => n`<div
+        (S, d) => l`<div
                       class="baht-bar-chart-col"
-                      style=${`height:${Math.max(1, (R.values[D] ?? 0) / o * 100)}%;width:${p}px;background:${this.colorFor(d, D, s)}`}
+                      style=${`height:${Math.max(1, (S.values[D] ?? 0) / o * 100)}%;width:${p}px;background:${this.colorFor(d, D, s)}`}
                     ></div>`
       )}
-                  ${f ? n`<div
+                  ${f ? l`<div
                           class="baht-bar-chart-col baht-bar-chart-col--compare"
                           style=${`height:${Math.max(1, (this.compare[D] ?? 0) / o * 100)}%;width:${Math.min(8, p)}px`}
                         ></div>` : h}
                 </div>
-                ${D % P === 0 ? n`<span class="baht-bar-chart-xlabel">${G}</span>` : h}
+                ${D % P === 0 ? l`<span class="baht-bar-chart-xlabel">${K}</span>` : h}
               </div>`;
     })}
           </div>
@@ -3022,40 +3056,40 @@ let z = class extends st {
   }
 };
 V([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], z.prototype, "groups", 2);
 V([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], z.prototype, "series", 2);
 V([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], z.prototype, "categories", 2);
 V([
-  l()
+  n()
 ], z.prototype, "orientation", 2);
 V([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], z.prototype, "stacked", 2);
 V([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], z.prototype, "compare", 2);
 V([
-  l({ attribute: "compare-label" })
+  n({ attribute: "compare-label" })
 ], z.prototype, "compareLabel", 2);
 V([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], z.prototype, "markers", 2);
 V([
-  l({ attribute: "label-values" })
+  n({ attribute: "label-values" })
 ], z.prototype, "labelValues", 2);
 V([
-  l({ type: Number })
+  n({ type: Number })
 ], z.prototype, "emphasis", 2);
 V([
-  l()
+  n()
 ], z.prototype, "color", 2);
 V([
-  l()
+  n()
 ], z.prototype, "label", 2);
 V([
   y()
@@ -3063,10 +3097,10 @@ V([
 z = V([
   b("baht-bar-chart")
 ], z);
-var Xa = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, nt = (t, e, i, a) => {
+var Ya = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, nt = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Za(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Xa(e, i, s), s;
+  return a && s && Ya(e, i, s), s;
 };
 const es = 640, xe = 260, B = { top: 14, right: 72, bottom: 30, left: 60 };
 let et = class extends st {
@@ -3085,65 +3119,65 @@ let et = class extends st {
       categories: this.categories ?? []
     }), { series: e, categories: i } = t;
     if (e.length === 0)
-      return n`<div class=${this.rootClass("baht-line-chart")}>${this.renderEmpty()}</div>`;
+      return l`<div class=${this.rootClass("baht-line-chart")}>${this.renderEmpty()}</div>`;
     const a = Math.max(...e.map((d) => d.values.length)), s = e.flatMap((d) => d.values).filter((d) => Number.isFinite(d)), r = Math.max(0, ...s, ...(this.markers ?? []).map((d) => d.value)), o = Be(r, 4), c = o[o.length - 1] ?? 1, { w: f, h: $ } = this.plot, w = ne([0, Math.max(1, a - 1)], [B.left, B.left + f]), p = ne([0, c], [B.top + $, B.top]), P = Math.max(0, a - 1 - Math.max(0, this.forecast)), x = (d, _, tt) => d.slice(_, tt + 1).map((at, it) => `${it === 0 ? "M" : "L"}${w(_ + it).toFixed(2)},${p(at).toFixed(2)}`).join(" "), u = e.map((d, _) => ({
       i: _,
       name: d.name,
       value: d.values[d.values.length - 1] ?? 0,
       yPos: p(d.values[d.values.length - 1] ?? 0),
       color: ft(_, d.color)
-    })), v = [...u].sort((d, _) => d.yPos - _.yPos), D = v.some((d, _) => _ > 0 && d.yPos - v[_ - 1].yPos < 15), G = this.labelValues === "ends" && !D, C = Math.max(1, Math.ceil(a / 8)), R = this.label || `Line chart, ${e.length} series over ${a} points. ${e.map((d, _) => `${d.name}: ${this.fmt(u[_].value)} at the end`).join(". ")}`;
-    return n`<div class=${this.rootClass("baht-line-chart")}>
+    })), v = [...u].sort((d, _) => d.yPos - _.yPos), D = v.some((d, _) => _ > 0 && d.yPos - v[_ - 1].yPos < 15), K = this.labelValues === "ends" && !D, C = Math.max(1, Math.ceil(a / 8)), S = this.label || `Line chart, ${e.length} series over ${a} points. ${e.map((d, _) => `${d.name}: ${this.fmt(u[_].value)} at the end`).join(". ")}`;
+    return l`<div class=${this.rootClass("baht-line-chart")}>
       <svg
         class="baht-chart-svg"
         viewBox="0 0 ${es} ${xe}"
         preserveAspectRatio="xMidYMid meet"
         role="img"
-        aria-label=${R}
+        aria-label=${S}
       >
         ${o.map(
-      (d) => L`
+      (d) => N`
             <line class="baht-chart-grid-line" x1=${B.left} x2=${B.left + f}
               y1=${p(d).toFixed(2)} y2=${p(d).toFixed(2)}/>
             <text class="baht-chart-tick" x=${B.left - 8} y=${(p(d) + 4).toFixed(2)}
               text-anchor="end">${this.fmt(d)}</text>`
     )}
         ${this.baseline != null ? [
-      L`<line class="baht-chart-baseline" x1=${B.left} x2=${B.left + f}
+      N`<line class="baht-chart-baseline" x1=${B.left} x2=${B.left + f}
               y1=${p(this.baseline).toFixed(2)} y2=${p(this.baseline).toFixed(2)}/>`
     ] : []}
         ${(this.markers ?? []).map(
-      (d) => L`
+      (d) => N`
             <line class="baht-chart-marker-line" x1=${B.left} x2=${B.left + f}
               y1=${p(d.value).toFixed(2)} y2=${p(d.value).toFixed(2)}/>
             <text class="baht-chart-marker-label" x=${B.left + f} y=${(p(d.value) - 5).toFixed(2)}
               text-anchor="end">${d.label ?? this.fmt(d.value)}</text>`
     )}
-        ${this.area && e.length === 1 ? L`<path class="baht-chart-area" fill=${ft(0, e[0].color)}
+        ${this.area && e.length === 1 ? N`<path class="baht-chart-area" fill=${ft(0, e[0].color)}
                 d=${`${x(e[0].values, 0, a - 1)} L${w(a - 1).toFixed(2)},${p(0).toFixed(2)} L${w(0).toFixed(2)},${p(0).toFixed(2)} Z`}/>` : h}
         ${e.map((d, _) => {
       const tt = ft(_, d.color), at = [
-        L`<path class="baht-chart-line" d=${x(d.values, 0, P)} stroke=${tt} fill="none"/>`
+        N`<path class="baht-chart-line" d=${x(d.values, 0, P)} stroke=${tt} fill="none"/>`
       ];
       return P < a - 1 && at.push(
-        L`<path class="baht-chart-line baht-chart-line--forecast" d=${x(d.values, P, a - 1)}
+        N`<path class="baht-chart-line baht-chart-line--forecast" d=${x(d.values, P, a - 1)}
                 stroke=${tt} fill="none"/>`
       ), at.push(
-        L`<circle class="baht-chart-end-dot" cx=${w(a - 1).toFixed(2)}
+        N`<circle class="baht-chart-end-dot" cx=${w(a - 1).toFixed(2)}
               cy=${p(d.values[d.values.length - 1] ?? 0).toFixed(2)} r="4" fill=${tt}/>`
       ), at;
     })}
-        ${G ? u.map(
-      (d) => L`
+        ${K ? u.map(
+      (d) => N`
                   <text class="baht-chart-end-label" x=${w(a - 1) + 10} y=${(d.yPos + 4).toFixed(2)}
                     text-anchor="start">${this.fmt(d.value)}</text>`
     ) : h}
         ${i.map(
-      (d, _) => _ % C === 0 ? L`<text class="baht-chart-tick" x=${w(_).toFixed(2)} y=${xe - 10} text-anchor="middle">${d}</text>` : h
+      (d, _) => _ % C === 0 ? N`<text class="baht-chart-tick" x=${w(_).toFixed(2)} y=${xe - 10} text-anchor="middle">${d}</text>` : h
     )}
         ${Array.from({ length: a }, (d, _) => {
       const tt = f / Math.max(1, a - 1), at = `${i[_] ?? `Point ${_ + 1}`}: ${e.map((it) => `${it.name} ${this.fmt(it.values[_] ?? 0)}`).join(", ")}`;
-      return L`<rect class="baht-chart-hit" x=${(w(_) - tt / 2).toFixed(2)} y=${B.top}
+      return N`<rect class="baht-chart-hit" x=${(w(_) - tt / 2).toFixed(2)} y=${B.top}
             width=${Math.max(24, tt).toFixed(2)} height=${$} tabindex="0" role="button"
             aria-label=${at}
             @pointermove=${(it) => this.onHover(it, _, at)}
@@ -3151,7 +3185,7 @@ let et = class extends st {
             @focus=${(it) => this.onHover(it, _, at)}
             @blur=${() => this.onLeave()}/>`;
     })}
-        ${this.crosshairAt != null ? L`<line class="baht-chart-crosshair" x1=${w(this.crosshairAt).toFixed(2)}
+        ${this.crosshairAt != null ? N`<line class="baht-chart-crosshair" x1=${w(this.crosshairAt).toFixed(2)}
                 x2=${w(this.crosshairAt).toFixed(2)} y1=${B.top} y2=${B.top + $}/>` : h}
       </svg>
       ${this.renderTooltip()}
@@ -3177,28 +3211,28 @@ let et = class extends st {
   }
 };
 nt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], et.prototype, "series", 2);
 nt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], et.prototype, "categories", 2);
 nt([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], et.prototype, "area", 2);
 nt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], et.prototype, "markers", 2);
 nt([
-  l({ type: Number })
+  n({ type: Number })
 ], et.prototype, "forecast", 2);
 nt([
-  l({ type: Number })
+  n({ type: Number })
 ], et.prototype, "baseline", 2);
 nt([
-  l({ attribute: "label-values" })
+  n({ attribute: "label-values" })
 ], et.prototype, "labelValues", 2);
 nt([
-  l()
+  n()
 ], et.prototype, "label", 2);
 et = nt([
   b("baht-line-chart")
@@ -3227,7 +3261,7 @@ let pt = class extends st {
   render() {
     const t = this.hold({ values: this.values ?? [], range: this.range }), e = t.range;
     if (!e || t.values.length === 0)
-      return n`<div class=${this.rootClass("baht-heatmap")}>${this.renderEmpty()}</div>`;
+      return l`<div class=${this.rootClass("baht-heatmap")}>${this.renderEmpty()}</div>`;
     const i = new Map(t.values.map((u) => [u.date.slice(0, 10), u.value])), a = [], s = new Date(e.start), r = (e.start.getUTCDay() + 6) % 7;
     let o = 0;
     for (; +s <= +e.end; ) {
@@ -3235,7 +3269,7 @@ let pt = class extends st {
       a.push({ iso: u, value: i.has(u) ? i.get(u) : null, col: D, row: v }), s.setUTCDate(s.getUTCDate() + 1), o += 1;
     }
     const c = Math.max(1, ...a.map((u) => u.col + 1)), f = ss + c * qt, $ = ke + 7 * qt + 4, w = Math.max(1, ...a.map((u) => u.value ?? 0)), p = (u) => Math.min(4, Math.max(0, Math.ceil(u / w * 5) - 1)), P = a.reduce((u, v) => u + (v.value ?? 0), 0), x = this.label || `Calendar heatmap, ${a.length} days from ${Oe(e.start)} to ${Oe(e.end)}, total ${this.fmt(P)}`;
-    return n`<div class=${this.rootClass("baht-heatmap")}>
+    return l`<div class=${this.rootClass("baht-heatmap")}>
       <svg
         class="baht-chart-svg baht-heatmap-svg"
         width=${f}
@@ -3246,15 +3280,15 @@ let pt = class extends st {
         aria-label=${x}
       >
         ${ei.map(
-      (u, v) => v % 2 === 0 ? L`<text class="baht-chart-tick" x="0" y=${ke + v * qt + _e / 2 + 4}>${u}</text>` : h
+      (u, v) => v % 2 === 0 ? N`<text class="baht-chart-tick" x="0" y=${ke + v * qt + _e / 2 + 4}>${u}</text>` : h
     )}
         ${a.map((u) => {
-      const v = u.value == null ? `${u.iso}: no activity` : `${u.iso}: ${this.fmt(u.value)}`, D = u.value == null || u.value <= 0 ? "var(--baht-chart-grid)" : Xe(p(u.value));
-      return L`<rect class="baht-heatmap-cell" x=${ss + u.col * qt} y=${ke + u.row * qt}
+      const v = u.value == null ? `${u.iso}: no activity` : `${u.iso}: ${this.fmt(u.value)}`, D = u.value == null || u.value <= 0 ? "var(--baht-chart-grid)" : Ye(p(u.value));
+      return N`<rect class="baht-heatmap-cell" x=${ss + u.col * qt} y=${ke + u.row * qt}
             width=${_e} height=${_e} rx="3" fill=${D} tabindex="0" role="button" aria-label=${v}
-            @pointermove=${(G) => this.showTip(G, v)}
+            @pointermove=${(K) => this.showTip(K, v)}
             @pointerleave=${() => this.hideTip()}
-            @focus=${(G) => this.showTip(G, v)}
+            @focus=${(K) => this.showTip(K, v)}
             @blur=${() => this.hideTip()}/>`;
     })}
       </svg>
@@ -3262,9 +3296,9 @@ let pt = class extends st {
       <div class="baht-heatmap-scale">
         <span class="baht-heatmap-scale-label">${this.lessLabel}</span>
         ${[0, 1, 2, 3, 4].map(
-      (u) => n`<span
+      (u) => l`<span
               class="baht-chart-swatch"
-              style=${`background:${Xe(u)}`}
+              style=${`background:${Ye(u)}`}
               aria-hidden="true"
             ></span>`
     )}
@@ -3279,22 +3313,22 @@ let pt = class extends st {
   }
 };
 xt([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], pt.prototype, "values", 2);
 xt([
-  l()
+  n()
 ], pt.prototype, "from", 2);
 xt([
-  l()
+  n()
 ], pt.prototype, "to", 2);
 xt([
-  l({ attribute: "less-label" })
+  n({ attribute: "less-label" })
 ], pt.prototype, "lessLabel", 2);
 xt([
-  l({ attribute: "more-label" })
+  n({ attribute: "more-label" })
 ], pt.prototype, "moreLabel", 2);
 xt([
-  l()
+  n()
 ], pt.prototype, "label", 2);
 pt = xt([
   b("baht-heatmap")
@@ -3304,7 +3338,7 @@ var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, Z = (t, e,
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && si(e, i, s), s;
 };
-let U = class extends g {
+let H = class extends g {
   constructor() {
     super(...arguments), this.value = 0, this.max = 100, this.label = "", this.format = "number", this.currency = "THB", this.thresholds = { warning: 0.8, danger: 1 }, this.expected = null, this.overLabel = "Over budget", this.atLabel = "At budget", this.nearLabel = "Near limit";
   }
@@ -3329,11 +3363,11 @@ let U = class extends g {
   render() {
     var c;
     const t = this.severity, e = Math.min(100, this.fraction * 100), i = (f) => Rt(f, this.format, this.currency), a = this.expected != null && Number.isFinite(this.expected) && this.max ? Math.min(100, Math.max(0, this.expected / this.max * 100)) : null, s = `${i(this.value)} of ${i(this.max)}`, r = t === "warning" && this.fraction >= (((c = this.thresholds) == null ? void 0 : c.danger) ?? 1), o = t === "danger" ? "!" : r ? "=" : t === "warning" ? "△" : "";
-    return n`<div class="baht-meter baht-meter--${t}">
+    return l`<div class="baht-meter baht-meter--${t}">
       <div class="baht-meter-head">
-        ${this.label ? n`<span class="baht-meter-label">${this.label}</span>` : h}
+        ${this.label ? l`<span class="baht-meter-label">${this.label}</span>` : h}
         <span class="baht-meter-value">${s}</span>
-        ${this.statusText ? n`<span class="baht-meter-status"
+        ${this.statusText ? l`<span class="baht-meter-status"
                 ><span class="baht-meter-icon" aria-hidden="true">${o}</span
                 >${this.statusText}</span
               >` : h}
@@ -3348,49 +3382,49 @@ let U = class extends g {
         aria-valuetext=${`${s}${this.statusText ? `, ${this.statusText}` : ""}`}
       >
         <div class="baht-meter-fill" style=${`width:${e.toFixed(2)}%`}></div>
-        ${a != null ? n`<span
+        ${a != null ? l`<span
                 class="baht-meter-expected"
                 style=${`left:${a.toFixed(2)}%`}
                 aria-hidden="true"
               ></span>` : h}
       </div>
-      ${a != null ? n`<div class="baht-meter-pace">Expected by now ${i(this.expected)}</div>` : h}
+      ${a != null ? l`<div class="baht-meter-pace">Expected by now ${i(this.expected)}</div>` : h}
     </div>`;
   }
 };
 Z([
-  l({ type: Number })
-], U.prototype, "value", 2);
+  n({ type: Number })
+], H.prototype, "value", 2);
 Z([
-  l({ type: Number })
-], U.prototype, "max", 2);
+  n({ type: Number })
+], H.prototype, "max", 2);
 Z([
-  l()
-], U.prototype, "label", 2);
+  n()
+], H.prototype, "label", 2);
 Z([
-  l()
-], U.prototype, "format", 2);
+  n()
+], H.prototype, "format", 2);
 Z([
-  l()
-], U.prototype, "currency", 2);
+  n()
+], H.prototype, "currency", 2);
 Z([
-  l({ attribute: !1 })
-], U.prototype, "thresholds", 2);
+  n({ attribute: !1 })
+], H.prototype, "thresholds", 2);
 Z([
-  l({ type: Number })
-], U.prototype, "expected", 2);
+  n({ type: Number })
+], H.prototype, "expected", 2);
 Z([
-  l({ attribute: "over-label" })
-], U.prototype, "overLabel", 2);
+  n({ attribute: "over-label" })
+], H.prototype, "overLabel", 2);
 Z([
-  l({ attribute: "at-label" })
-], U.prototype, "atLabel", 2);
+  n({ attribute: "at-label" })
+], H.prototype, "atLabel", 2);
 Z([
-  l({ attribute: "near-label" })
-], U.prototype, "nearLabel", 2);
-U = Z([
+  n({ attribute: "near-label" })
+], H.prototype, "nearLabel", 2);
+H = Z([
   b("baht-meter")
-], U);
+], H);
 var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, me = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? ri(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
@@ -3401,21 +3435,21 @@ let Gt = class extends g {
     super(...arguments), this.icon = "🗂️", this.message = "Nothing to display", this.hint = "";
   }
   render() {
-    return n`<div class="baht-empty-state">
-      ${this.icon ? n`<div class="baht-empty-state-icon" aria-hidden="true">${this.icon}</div>` : h}
+    return l`<div class="baht-empty-state">
+      ${this.icon ? l`<div class="baht-empty-state-icon" aria-hidden="true">${this.icon}</div>` : h}
       <div class="baht-empty-state-message">${this.message}</div>
-      ${this.hint ? n`<div class="baht-empty-state-hint">${this.hint}</div>` : h}
+      ${this.hint ? l`<div class="baht-empty-state-hint">${this.hint}</div>` : h}
     </div>`;
   }
 };
 me([
-  l()
+  n()
 ], Gt.prototype, "icon", 2);
 me([
-  l()
+  n()
 ], Gt.prototype, "message", 2);
 me([
-  l()
+  n()
 ], Gt.prototype, "hint", 2);
 Gt = me([
   b("baht-empty-state")
@@ -3433,25 +3467,25 @@ let Bt = class extends g {
     this.dispatchEvent(new CustomEvent("baht-retry", { bubbles: !0, composed: !0 }));
   }
   render() {
-    return n`<div class="baht-error-state" role="alert">
-      ${this.icon ? n`<div class="baht-error-state-icon" aria-hidden="true">${this.icon}</div>` : h}
+    return l`<div class="baht-error-state" role="alert">
+      ${this.icon ? l`<div class="baht-error-state-icon" aria-hidden="true">${this.icon}</div>` : h}
       <div class="baht-error-state-heading">${this.heading}</div>
-      ${this.message ? n`<div class="baht-error-state-message">${this.message}</div>` : h}
-      ${this.retryLabel ? n`<baht-button size="sm" label=${this.retryLabel} @click=${this.onRetry}></baht-button>` : h}
+      ${this.message ? l`<div class="baht-error-state-message">${this.message}</div>` : h}
+      ${this.retryLabel ? l`<baht-button size="sm" label=${this.retryLabel} @click=${this.onRetry}></baht-button>` : h}
     </div>`;
   }
 };
 te([
-  l()
+  n()
 ], Bt.prototype, "icon", 2);
 te([
-  l()
+  n()
 ], Bt.prototype, "heading", 2);
 te([
-  l()
+  n()
 ], Bt.prototype, "message", 2);
 te([
-  l({ attribute: "retry-label" })
+  n({ attribute: "retry-label" })
 ], Bt.prototype, "retryLabel", 2);
 Bt = te([
   b("baht-error-state")
@@ -3492,9 +3526,9 @@ let dt = class extends g {
     this.rows = [...this.rows, { k: "", v: "" }];
   }
   render() {
-    return n`<div class="baht-keyvalue">
+    return l`<div class="baht-keyvalue">
       ${this.rows.map(
-      (t, e) => n`<div class="baht-keyvalue-row">
+      (t, e) => l`<div class="baht-keyvalue-row">
           <input
             class="baht-control baht-keyvalue-key"
             placeholder=${this.keyPlaceholder}
@@ -3531,19 +3565,19 @@ let dt = class extends g {
   }
 };
 _t([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], dt.prototype, "value", 2);
 _t([
-  l({ attribute: "key-placeholder" })
+  n({ attribute: "key-placeholder" })
 ], dt.prototype, "keyPlaceholder", 2);
 _t([
-  l({ attribute: "value-placeholder" })
+  n({ attribute: "value-placeholder" })
 ], dt.prototype, "valuePlaceholder", 2);
 _t([
-  l({ attribute: "add-label" })
+  n({ attribute: "add-label" })
 ], dt.prototype, "add_label", 2);
 _t([
-  l({ type: Boolean })
+  n({ type: Boolean })
 ], dt.prototype, "disabled", 2);
 _t([
   y()
@@ -3551,7 +3585,7 @@ _t([
 dt = _t([
   b("baht-keyvalue-editor")
 ], dt);
-var ci = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, A = (t, e, i, a) => {
+var ci = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, L = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? pi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && ci(e, i, s), s;
@@ -3566,16 +3600,16 @@ let j = class extends g {
     return `baht-refpicker-list-${this.uid}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), T() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   openLookup() {
-    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, S() && document.addEventListener("mousedown", this.onDocMousedown), this.search(""), this.updateComplete.then(() => {
+    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, T() && 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), S() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, this.loading = !1, clearTimeout(this.timer), T() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   search(t) {
     clearTimeout(this.timer), this.timer = setTimeout(async () => {
@@ -3624,7 +3658,7 @@ let j = class extends g {
   }
   render() {
     const t = this.open ? this.term : this.display || this.value;
-    return n`<div class="baht-refpicker${this.open ? " baht-refpicker--open" : ""}">
+    return l`<div class="baht-refpicker${this.open ? " baht-refpicker--open" : ""}">
       <div class="baht-refpicker-field">
         <input
           class="baht-control baht-refpicker-input"
@@ -3644,7 +3678,7 @@ let j = class extends g {
           @input=${this.onInput}
           @keydown=${this.onKeydown}
         />
-        ${this.value && !this.disabled ? n`<button
+        ${this.value && !this.disabled ? l`<button
               type="button"
               class="baht-refpicker-clear"
               aria-label="Clear"
@@ -3660,7 +3694,7 @@ let j = class extends g {
         ?disabled=${this.disabled}
         @click=${() => this.open ? this.close() : this.openLookup()}
       >${W("search")}</button>
-      ${this.value && this.href ? n`<a
+      ${this.value && this.href ? l`<a
             class="baht-refpicker-open"
             href=${this.href}
             aria-label="Open record"
@@ -3674,8 +3708,8 @@ let j = class extends g {
         aria-busy=${this.loading ? "true" : h}
         ?hidden=${!this.open}
       >
-        ${this.loading ? n`<div class="baht-refpicker-note" role="option" aria-disabled="true" aria-selected="false">Searching…</div>` : this.options.length === 0 ? n`<div class="baht-refpicker-note" role="option" aria-disabled="true" aria-selected="false">No matches</div>` : this.options.map(
-      (e, i) => n`<button
+        ${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, i) => l`<button
                   type="button"
                   class="baht-refpicker-option${i === this.activeIndex ? " baht-refpicker-option--active" : ""}"
                   id="${this.listboxId}-${i}"
@@ -3685,65 +3719,65 @@ let j = class extends g {
                   @click=${() => this.pick(e)}
                 >
                   <span class="baht-refpicker-option-label">${e.label}</span>
-                  ${e.sub ? n`<span class="baht-refpicker-option-sub">${e.sub}</span>` : h}
+                  ${e.sub ? l`<span class="baht-refpicker-option-sub">${e.sub}</span>` : h}
                 </button>`
     )}
       </div>
     </div>`;
   }
 };
-A([
-  l()
+L([
+  n()
 ], j.prototype, "label", 2);
-A([
-  l()
+L([
+  n()
 ], j.prototype, "value", 2);
-A([
-  l()
+L([
+  n()
 ], j.prototype, "display", 2);
-A([
-  l()
+L([
+  n()
 ], j.prototype, "placeholder", 2);
-A([
-  l({ type: Boolean })
+L([
+  n({ type: Boolean })
 ], j.prototype, "disabled", 2);
-A([
-  l({ type: Boolean })
+L([
+  n({ type: Boolean })
 ], j.prototype, "invalid", 2);
-A([
-  l()
+L([
+  n()
 ], j.prototype, "href", 2);
-A([
-  l({ attribute: "lookup-label" })
+L([
+  n({ attribute: "lookup-label" })
 ], j.prototype, "lookupLabel", 2);
-A([
-  l({ type: Number })
+L([
+  n({ type: Number })
 ], j.prototype, "debounce", 2);
-A([
-  l({ attribute: !1 })
+L([
+  n({ attribute: !1 })
 ], j.prototype, "fetcher", 2);
-A([
+L([
   y()
 ], j.prototype, "open", 2);
-A([
+L([
   y()
 ], j.prototype, "term", 2);
-A([
+L([
   y()
 ], j.prototype, "options", 2);
-A([
+L([
   y()
 ], j.prototype, "loading", 2);
-A([
+L([
   y()
 ], j.prototype, "activeIndex", 2);
-A([
-  It("input")
+L([
+  Mt("input")
 ], j.prototype, "inputEl", 2);
-j = A([
+j = L([
   b("baht-reference-picker")
 ], j);
-var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, M = (t, e, i, a) => {
+var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? ui(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && di(e, i, s), s;
@@ -3764,7 +3798,7 @@ let E = class extends g {
     return `${this.listboxId}-${t}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), T() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   willUpdate(t) {
     super.willUpdate(t), t.has("value") && this.timer === void 0 && (this.term = this.value);
@@ -3811,10 +3845,10 @@ let E = class extends g {
     this.activeIndex !== t && (this.activeIndex = t);
   }
   listen() {
-    S() && document.addEventListener("mousedown", this.onDocMousedown);
+    T() && document.addEventListener("mousedown", this.onDocMousedown);
   }
   close() {
-    S() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
+    T() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
   }
   // ---- events ------------------------------------------------------------
   emitChange(t, e) {
@@ -3880,7 +3914,7 @@ let E = class extends g {
   }
   render() {
     const t = this.open, e = !this.loading && this.results.length === 0;
-    return n`<div class="baht-typeahead${this.open ? " baht-typeahead--open" : ""}">
+    return l`<div class="baht-typeahead${this.open ? " baht-typeahead--open" : ""}">
       <input
         class="baht-control baht-typeahead-input"
         id=${this.inputId}
@@ -3908,9 +3942,9 @@ let E = class extends g {
         aria-busy=${this.loading ? "true" : h}
         ?hidden=${!t}
       >
-        ${this.loading ? n`<div class="baht-listbox-note" role="option" aria-disabled="true" aria-selected="false">Searching…</div>` : e ? n`<div class="baht-listbox-note" role="option" aria-disabled="true" aria-selected="false">No matches</div>` : this.results.map(
+        ${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)
-      (i, a) => n`<div
+      (i, a) => l`<div
                     class="baht-listbox-option${a === this.activeIndex ? " baht-listbox-option--active" : ""}"
                     id=${this.optionId(a)}
                     role="option"
@@ -3924,68 +3958,68 @@ let E = class extends g {
       }}
                   >
                     <span class="baht-listbox-option-label">${i.label}</span>
-                    ${i.sub ? n`<span class="baht-listbox-option-sub">${i.sub}</span>` : h}
+                    ${i.sub ? l`<span class="baht-listbox-option-sub">${i.sub}</span>` : h}
                   </div>`
     )}
       </div>
     </div>`;
   }
 };
-M([
-  l()
+I([
+  n()
 ], E.prototype, "label", 2);
-M([
-  l()
+I([
+  n()
 ], E.prototype, "value", 2);
-M([
-  l()
+I([
+  n()
 ], E.prototype, "placeholder", 2);
-M([
-  l({ type: Boolean })
+I([
+  n({ type: Boolean })
 ], E.prototype, "disabled", 2);
-M([
-  l({ type: Boolean })
+I([
+  n({ type: Boolean })
 ], E.prototype, "invalid", 2);
-M([
-  l({ attribute: !1 })
+I([
+  n({ attribute: !1 })
 ], E.prototype, "options", 2);
-M([
-  l({ attribute: !1 })
+I([
+  n({ attribute: !1 })
 ], E.prototype, "fetcher", 2);
-M([
-  l({ type: Number })
+I([
+  n({ type: Number })
 ], E.prototype, "debounce", 2);
-M([
-  l({ type: Number, attribute: "min-chars" })
+I([
+  n({ type: Number, attribute: "min-chars" })
 ], E.prototype, "minChars", 2);
-M([
-  l({ type: Number, attribute: "max-items" })
+I([
+  n({ type: Number, attribute: "max-items" })
 ], E.prototype, "maxItems", 2);
-M([
-  l({ attribute: "free-text", converter: (t) => t !== "false" })
+I([
+  n({ attribute: "free-text", converter: (t) => t !== "false" })
 ], E.prototype, "freeText", 2);
-M([
-  l()
+I([
+  n()
 ], E.prototype, "autocomplete", 2);
-M([
+I([
   y()
 ], E.prototype, "term", 2);
-M([
+I([
   y()
 ], E.prototype, "open", 2);
-M([
+I([
   y()
 ], E.prototype, "results", 2);
-M([
+I([
   y()
 ], E.prototype, "loading", 2);
-M([
+I([
   y()
 ], E.prototype, "activeIndex", 2);
-M([
-  It("input")
+I([
+  Mt("input")
 ], E.prototype, "inputEl", 2);
-E = M([
+E = I([
   b("baht-typeahead")
 ], E);
 const cs = {
@@ -4020,7 +4054,7 @@ function vi(t) {
   let e = as.get(t);
   return e || (e = os(t), as.set(t, e)), e;
 }
-let Ie = class extends Y {
+let Me = class extends X {
   constructor() {
     super(...arguments), this.rowErrors = [];
   }
@@ -4049,7 +4083,7 @@ let Ie = class extends Y {
   /** Pending keystrokes in any row land in the array before the host reads it. */
   flushTyped() {
     var t;
-    if (!S()) return super.flushTyped();
+    if (!T()) return super.flushTyped();
     for (const e of this.querySelectorAll(".baht-repeater-row > .baht-field > *"))
       (t = e.flushTyped) == null || t.call(e);
     super.flushTyped();
@@ -4072,7 +4106,7 @@ let Ie = class extends Y {
       const { value: f } = c.detail;
       this.patchRow(e, i.key, f);
     };
-    return n`<div class="baht-field ${r}" data-key=${i.key} data-type=${i.type}>
+    return l`<div class="baht-field ${r}" data-key=${i.key} data-type=${i.type}>
       ${se`<${s}
         .field=${i}
         .value=${Object.hasOwn(t, i.key) ? t[i.key] : ae(i)}
@@ -4087,7 +4121,7 @@ let Ie = class extends Y {
   }
   renderControl() {
     const t = this.rows, e = !this.disabled && !this.readonly, i = this.field.max_rows !== void 0 && t.length >= this.field.max_rows;
-    return n`<div
+    return l`<div
       class="baht-repeater"
       id=${this.controlId}
       role="group"
@@ -4097,7 +4131,7 @@ let Ie = class extends Y {
       ${Ce(
       t,
       (a, s) => s,
-      (a, s) => n`<div
+      (a, s) => l`<div
           class="baht-repeater-row"
           data-row=${s}
           role="group"
@@ -4108,7 +4142,7 @@ let Ie = class extends Y {
         (r) => r.key,
         (r) => this.renderSub(a, s, r)
       )}
-          ${e ? n`<button
+          ${e ? l`<button
                 type="button"
                 class="baht-repeater-remove"
                 aria-label=${m("removeRowN", { n: s + 1 })}
@@ -4119,7 +4153,7 @@ let Ie = class extends Y {
               </button>` : h}
         </div>`
     )}
-      ${this.readonly ? h : n`<button
+      ${this.readonly ? h : l`<button
             type="button"
             class="baht-repeater-add"
             ?disabled=${this.disabled || i}
@@ -4131,11 +4165,11 @@ let Ie = class extends Y {
   }
 };
 ps([
-  l({ attribute: !1 })
-], Ie.prototype, "rowErrors", 2);
-Ie = ps([
+  n({ attribute: !1 })
+], Me.prototype, "rowErrors", 2);
+Me = ps([
   b("baht-repeater")
-], Ie);
+], Me);
 var $i = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, ve = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? yi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
@@ -4147,32 +4181,32 @@ let Wt = class extends g {
   }
   render() {
     const t = this.variant === "sidebar";
-    return n`<ol
+    return l`<ol
       class="baht-steps ${t ? "baht-steps--sidebar" : ""}"
       aria-label=${m("step", { current: this.current + 1, total: this.steps.length })}
     >
       ${this.steps.map((e, i) => {
       const a = i < this.current ? "done" : i === this.current ? "current" : "todo";
-      return n`<li
+      return l`<li
           class="baht-step baht-step--${a} ${t ? "baht-step--sidebar" : ""}"
           aria-current=${a === "current" ? "step" : "false"}
         >
-          ${t ? h : n`<span class="baht-step-marker" aria-hidden="true">${a === "done" ? "✓" : i + 1}</span>`}
+          ${t ? h : l`<span class="baht-step-marker" aria-hidden="true">${a === "done" ? "✓" : i + 1}</span>`}
           <span class="baht-step-label">${e}</span>
-          ${a === "done" ? n`<span class="baht-visually-hidden"> (${m("stepDone")})</span>` : a === "current" ? n`<span class="baht-visually-hidden"> (${m("stepCurrent")})</span>` : h}
+          ${a === "done" ? l`<span class="baht-visually-hidden"> (${m("stepDone")})</span>` : a === "current" ? l`<span class="baht-visually-hidden"> (${m("stepCurrent")})</span>` : h}
         </li>`;
     })}
     </ol>`;
   }
 };
 ve([
-  l({ attribute: !1 })
+  n({ attribute: !1 })
 ], Wt.prototype, "steps", 2);
 ve([
-  l({ type: Number })
+  n({ type: Number })
 ], Wt.prototype, "current", 2);
 ve([
-  l()
+  n()
 ], Wt.prototype, "variant", 2);
 Wt = ve([
   b("baht-steps")
@@ -4192,7 +4226,7 @@ function _i(t) {
   let e = is.get(t);
   return e || (e = os(t), is.set(t, e)), e;
 }
-let H = class extends g {
+let G = class extends g {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.options = {}, this.fieldStates = {}, this.flags = {}, this.readonly = !1, this.edits = {}, this.errors = [], this.dynamicOptions = /* @__PURE__ */ new Map(), this.optionsSnapshots = /* @__PURE__ */ new Map(), this.optionsEpoch = /* @__PURE__ */ new Map(), this.warnedViews = /* @__PURE__ */ new Set(), this.flagCache = {};
   }
@@ -4269,7 +4303,7 @@ let H = class extends g {
   /** Debounced keystrokes still in a control land in `edits` before anyone reads them. */
   flushTyped() {
     var t;
-    if (S())
+    if (T())
       for (const e of this.querySelectorAll(":scope > .baht-form > .baht-field > *"))
         (t = e.flushTyped) == null || t.call(e);
   }
@@ -4378,7 +4412,7 @@ let H = class extends g {
         .debounce=${$}
         @baht-input=${w}
       ></${p}>`;
-    return n`<div
+    return l`<div
       class="baht-field ${a} ${i.visible ? "" : "baht-field--hidden"}"
       data-key=${t.key}
       data-type=${t.type}
@@ -4398,13 +4432,13 @@ let H = class extends g {
     i && this.onFieldInput(i, e);
   }
   renderReadonlyField(t, e, i) {
-    const a = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = bs(t, this.valueFor(t), a), r = s.kind === "empty" ? n`<span class="baht-readonly-value baht-readonly-value--empty">${m("emptyValue")}</span>` : s.kind === "text" ? n`<span class="baht-readonly-value">${s.text}</span>` : s.kind === "chips" ? n`<span class="baht-readonly-value baht-readonly-chips"
-                >${s.items.map((o) => n`<span class="baht-readonly-chip">${o}</span>`)}</span
-              >` : n`<div class="baht-readonly-rows">
+    const a = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = bs(t, this.valueFor(t), a), r = s.kind === "empty" ? l`<span class="baht-readonly-value baht-readonly-value--empty">${m("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
+              >` : l`<div class="baht-readonly-rows">
                 ${s.rows.map(
-      (o) => n`<div class="baht-readonly-row">
+      (o) => l`<div class="baht-readonly-row">
                     ${o.map(
-        (c) => n`<span class="baht-readonly-cell"
+        (c) => l`<span class="baht-readonly-cell"
                         ><span class="baht-readonly-cell-label">${c.label}</span
                         ><span class="baht-readonly-cell-value">${c.text}</span></span
                       >`
@@ -4412,18 +4446,18 @@ let H = class extends g {
                   </div>`
     )}
               </div>`;
-    return n`<div
+    return l`<div
       class="baht-field ${e} baht-field--readonly ${i ? "" : "baht-field--hidden"}"
       data-key=${t.key}
       data-type=${t.type}
       data-testid="${this.form.form_id}.${t.key}"
     >
-      ${t.label ? n`<span class="baht-label">${t.label}</span>` : h}
+      ${t.label ? l`<span class="baht-label">${t.label}</span>` : h}
       ${r}
     </div>`;
   }
   render() {
-    return n`<div class="baht-form ${this.readonly ? "baht-form--readonly" : ""}">
+    return l`<div class="baht-form ${this.readonly ? "baht-form--readonly" : ""}">
       ${Ce(
       this.sortedFields,
       (t) => t.key,
@@ -4433,44 +4467,44 @@ let H = class extends g {
   }
 };
 Q([
-  l({ attribute: !1 })
-], H.prototype, "form", 2);
+  n({ attribute: !1 })
+], G.prototype, "form", 2);
 Q([
-  l({ attribute: !1 })
-], H.prototype, "value", 2);
+  n({ attribute: !1 })
+], G.prototype, "value", 2);
 Q([
-  l({ attribute: !1 })
-], H.prototype, "registry", 2);
+  n({ attribute: !1 })
+], G.prototype, "registry", 2);
 Q([
-  l({ attribute: !1 })
-], H.prototype, "options", 2);
+  n({ attribute: !1 })
+], G.prototype, "options", 2);
 Q([
-  l({ attribute: !1 })
-], H.prototype, "fieldStates", 2);
+  n({ attribute: !1 })
+], G.prototype, "fieldStates", 2);
 Q([
-  l({ type: String })
-], H.prototype, "view", 2);
+  n({ type: String })
+], G.prototype, "view", 2);
 Q([
-  l({ attribute: !1 })
-], H.prototype, "flags", 2);
+  n({ attribute: !1 })
+], G.prototype, "flags", 2);
 Q([
-  l({ type: Boolean })
-], H.prototype, "readonly", 2);
+  n({ type: Boolean })
+], G.prototype, "readonly", 2);
 Q([
   y()
-], H.prototype, "edits", 2);
+], G.prototype, "edits", 2);
 Q([
   y()
-], H.prototype, "errors", 2);
-H = Q([
+], G.prototype, "errors", 2);
+G = Q([
   b("baht-form")
-], H);
-var ki = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, q = (t, e, i, a) => {
+], G);
+var ki = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, R = (t, e, i, a) => {
   for (var s = a > 1 ? void 0 : a ? Pi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && ki(e, i, s), s;
 };
-let T = class extends g {
+let A = class extends g {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.validateGate = !0, this.showBack = !0, this.flags = {}, this.showSteps = !1, this.stepsVariant = "default", this.data = {}, this.derived = null, this.current = null, this.approvalError = null, this.history = [], this.flagCache = {};
   }
@@ -4652,10 +4686,10 @@ let T = class extends g {
   renderApproval(t) {
     var a, s;
     const e = ((a = t.approval) == null ? void 0 : a.comment) ?? "optional", i = this.summary_forms(t);
-    return n`<div class="baht-approval">
+    return l`<div class="baht-approval">
       <div class="baht-approval-summary">
-        ${i.length === 0 ? n`<p class="baht-approval-empty">${m("nothingToReview")}</p>` : i.map(
-      (r) => n`<section class="baht-approval-group">
+        ${i.length === 0 ? l`<p class="baht-approval-empty">${m("nothingToReview")}</p>` : i.map(
+      (r) => l`<section class="baht-approval-group">
                   <h4 class="baht-approval-group-title">${r.form_name}</h4>
                   <baht-form
                     readonly
@@ -4666,7 +4700,7 @@ let T = class extends g {
                 </section>`
     )}
       </div>
-      ${e !== "hidden" ? n`<label class="baht-approval-comment">
+      ${e !== "hidden" ? l`<label class="baht-approval-comment">
             <span class="baht-approval-comment-label">
               ${m("comment")}${e === "required" ? m("commentRequiredSuffix") : ""}
             </span>
@@ -4678,15 +4712,15 @@ let T = class extends g {
               @input=${(r) => this.onCommentInput(t.form_name, r.target.value)}
             ></textarea>
           </label>` : h}
-      ${this.approvalError ? n`<p class="baht-error" role="alert">${this.approvalError}</p>` : h}
+      ${this.approvalError ? l`<p class="baht-error" role="alert">${this.approvalError}</p>` : h}
     </div>`;
   }
   render() {
     var s, r;
     const t = this.currentForm;
-    if (!t) return n`<div class="baht-workflow"></div>`;
+    if (!t) return l`<div class="baht-workflow"></div>`;
     const e = t.kind === "approval", i = this.visibleForms, a = i.findIndex((o) => o.form_name === t.form_name);
-    return n`<div
+    return l`<div
       class="baht-workflow"
       data-step=${t.form_name}
       data-testid="${this.workflow.workflow_id}.${t.form_name}"
@@ -4694,12 +4728,12 @@ let T = class extends g {
       <div class="baht-visually-hidden" role="status">
         ${m("step", { current: a + 1, total: i.length })}
       </div>
-      ${this.showSteps ? n`<baht-steps
+      ${this.showSteps ? l`<baht-steps
               .steps=${i.map((o) => o.form_name)}
               .current=${a}
               .variant=${this.stepsVariant}
             ></baht-steps>` : h}
-      ${e ? this.renderApproval(t) : n`<baht-form
+      ${e ? this.renderApproval(t) : l`<baht-form
             .form=${t}
             .value=${this.data[t.form_name] ?? {}}
             .registry=${this.registry}
@@ -4708,13 +4742,13 @@ let T = class extends g {
             @baht-change=${(o) => this.onFormChange(o)}
           ></baht-form>`}
       <div class="baht-workflow-nav">
-        ${this.showBack && this.history.length > 0 ? n`<button type="button" class="baht-button baht-button--back"
+        ${this.showBack && this.history.length > 0 ? l`<button type="button" class="baht-button baht-button--back"
               data-testid="${this.workflow.workflow_id}.back"
               @click=${() => this.back()}
             >
               ${this.backLabel ?? m("back")}
             </button>` : h}
-        ${e ? n`<button
+        ${e ? l`<button
                 type="button"
                 class="baht-button baht-button--reject"
                 data-testid="${this.workflow.workflow_id}.reject"
@@ -4729,7 +4763,7 @@ let T = class extends g {
                 @click=${() => this.decide("approved")}
               >
                 ${((r = t.approval) == null ? void 0 : r.approve_label) ?? m("approve")}
-              </button>` : n`<button type="button" class="baht-button baht-button--next"
+              </button>` : l`<button type="button" class="baht-button baht-button--next"
               data-testid="${this.workflow.workflow_id}.next"
               @click=${() => this.next()}
             >
@@ -4739,56 +4773,56 @@ let T = class extends g {
     </div>`;
   }
 };
-q([
-  l({ attribute: !1 })
-], T.prototype, "workflow", 2);
-q([
-  l({ attribute: !1 })
-], T.prototype, "value", 2);
-q([
-  l({ attribute: !1 })
-], T.prototype, "registry", 2);
-q([
-  l({ type: Boolean, attribute: "validate-gate" })
-], T.prototype, "validateGate", 2);
-q([
-  l({ attribute: "next-label" })
-], T.prototype, "nextLabel", 2);
-q([
-  l({ attribute: "submit-label" })
-], T.prototype, "submitLabel", 2);
-q([
-  l({ attribute: "back-label" })
-], T.prototype, "backLabel", 2);
-q([
-  l({ type: Boolean, attribute: "show-back" })
-], T.prototype, "showBack", 2);
-q([
-  l({ attribute: !1 })
-], T.prototype, "flags", 2);
-q([
-  l({ type: Boolean, attribute: "show-steps" })
-], T.prototype, "showSteps", 2);
-q([
-  l({ attribute: "steps-variant" })
-], T.prototype, "stepsVariant", 2);
-q([
+R([
+  n({ attribute: !1 })
+], A.prototype, "workflow", 2);
+R([
+  n({ attribute: !1 })
+], A.prototype, "value", 2);
+R([
+  n({ attribute: !1 })
+], A.prototype, "registry", 2);
+R([
+  n({ type: Boolean, attribute: "validate-gate" })
+], A.prototype, "validateGate", 2);
+R([
+  n({ attribute: "next-label" })
+], A.prototype, "nextLabel", 2);
+R([
+  n({ attribute: "submit-label" })
+], A.prototype, "submitLabel", 2);
+R([
+  n({ attribute: "back-label" })
+], A.prototype, "backLabel", 2);
+R([
+  n({ type: Boolean, attribute: "show-back" })
+], A.prototype, "showBack", 2);
+R([
+  n({ attribute: !1 })
+], A.prototype, "flags", 2);
+R([
+  n({ type: Boolean, attribute: "show-steps" })
+], A.prototype, "showSteps", 2);
+R([
+  n({ attribute: "steps-variant" })
+], A.prototype, "stepsVariant", 2);
+R([
   y()
-], T.prototype, "data", 2);
-q([
+], A.prototype, "data", 2);
+R([
   y()
-], T.prototype, "derived", 2);
-q([
+], A.prototype, "derived", 2);
+R([
   y()
-], T.prototype, "current", 2);
-q([
+], A.prototype, "current", 2);
+R([
   y()
-], T.prototype, "approvalError", 2);
-T = q([
+], A.prototype, "approvalError", 2);
+A = R([
   b("baht-workflow")
-], T);
+], A);
 export {
-  Xe as $,
+  Ye as $,
   ht as A,
   Dt as B,
   Ot as C,
@@ -4796,13 +4830,13 @@ export {
   ot as E,
   vt as F,
   j as G,
-  Ie as H,
+  Me as H,
   Ee as I,
   le as J,
   Kt as K,
   ct as L,
   re as M,
-  K as N,
+  U as N,
   Ht as O,
   Wt as P,
   k as Q,
@@ -4813,7 +4847,7 @@ export {
   Pt as V,
   E as W,
   F as X,
-  T as Y,
+  A as Y,
   cs as Z,
   ft as _,
   mt as a,
@@ -4836,14 +4870,14 @@ export {
   Ut as m,
   Et as n,
   yt as o,
-  H as p,
+  G as p,
   pt as q,
   Ne as r,
   dt as s,
   et as t,
   Ft as u,
   rt as v,
-  U as w,
+  H as w,
   ze as x,
   Re as y,
   $t as z