bank20baht-ui 0.2.7 → 0.2.8

package/dist/index.js

@@ -1,21 +1,22 @@
-import { t as m, d as Wt, p as It, i as ve, f as At, a as me, b as xt, c as le, r as Jt, v as Gt, e as ye, g as $e, h as ge } from "./chunks/index-BI-29Q8f.js";
-import { j as Pa, k as ka, l as Ca, m as Da, n as Ea, o as ja, q as Ba, s as Sa, u as Fa, w as Na } from "./chunks/index-BI-29Q8f.js";
-import { LitElement as we, nothing as h, html as l, svg as D } from "lit";
-import { property as n, query as tt, customElement as p, state as f } from "lit/decorators.js";
+import { t as m, d as Jt, p as It, i as me, f as At, a as ye, b as xt, c as ne, r as Gt, v as Yt, e as $e, g as ge, h as we } from "./chunks/index-BI-29Q8f.js";
+import { j as Ca, k as Da, l as Ea, m as ja, n as Ba, o as Sa, q as Fa, s as Na, u as Ia, w as qa } from "./chunks/index-BI-29Q8f.js";
+import { LitElement as _e, nothing as h, html as l, svg as D } from "lit";
+import { property as n, query as et, customElement as c, state as b } from "lit/decorators.js";
+import { a as Vt } from "./chunks/motion-BRVCzB4Z.js";
 import { live as S } from "lit/directives/live.js";
 import { ifDefined as O } from "lit/directives/if-defined.js";
-import _e from "flatpickr";
-var xe = Object.defineProperty, et = (t, e, a, i) => {
+import xe from "flatpickr";
+var Oe = Object.defineProperty, st = (t, e, a, i) => {
   for (var s = void 0, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(e, a, s) || s);
-  return s && xe(e, a, s), s;
+  return s && Oe(e, a, s), s;
 };
-class d extends we {
+class d extends _e {
   createRenderRoot() {
     return this;
   }
 }
-function st(t, e) {
+function at(t, e) {
   let a = e;
   for (; a.parentNode && a.parentNode !== t; ) a = a.parentNode;
   const i = Array.from(t.childNodes).filter(
@@ -23,10 +24,10 @@ function st(t, e) {
   );
   i.length > 0 && e.append(...i);
 }
-let Oe = 0;
+let Pe = 0;
 class g extends d {
   constructor() {
-    super(...arguments), this.uid = ++Oe, this.value = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.error = null;
+    super(...arguments), this.uid = ++Pe, this.value = null, this.disabled = !1, this.readonly = !1, this.required = !1, this.error = null;
   }
   /** Emit the user's edit upward (composed so it crosses any boundary). */
   emitInput(e) {
@@ -75,25 +76,25 @@ class g extends d {
     ` : h;
   }
 }
-et([
+st([
   n({ attribute: !1 })
 ], g.prototype, "field");
-et([
+st([
   n({ attribute: !1 })
 ], g.prototype, "value");
-et([
+st([
   n({ type: Boolean })
 ], g.prototype, "disabled");
-et([
+st([
   n({ type: Boolean })
 ], g.prototype, "readonly");
-et([
+st([
   n({ type: Boolean })
 ], g.prototype, "required");
-et([
+st([
   n({ attribute: !1 })
 ], g.prototype, "error");
-const ne = {
+const he = {
   copy: D`<rect x="6" y="6" width="8" height="8" rx="1.5"/><path d="M10 6V4.5A1.5 1.5 0 0 0 8.5 3H4.5A1.5 1.5 0 0 0 3 4.5v4A1.5 1.5 0 0 0 4.5 10H6"/>`,
   check: D`<path d="M3.5 8.5 6.5 11.5 12.5 4.5"/>`,
   download: D`<path d="M8 3v7m0 0 3-3m-3 3L5 7"/><path d="M3 12h10"/>`,
@@ -104,7 +105,7 @@ const ne = {
   play: D`<path d="M5 3.5v9l7-4.5z"/>`,
   search: D`<circle cx="7" cy="7" r="4"/><path d="m13 13-3.2-3.2"/>`
 };
-function W(t) {
+function J(t) {
   return l`<svg
     class="baht-icon"
     width="16"
@@ -116,25 +117,25 @@ function W(t) {
     stroke-linecap="round"
     stroke-linejoin="round"
     aria-hidden="true"
-  >${ne[t]}</svg>`;
+  >${he[t]}</svg>`;
 }
-function Pe(t) {
-  return t in ne;
+function ke(t) {
+  return t in he;
 }
-var ke = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, F = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ce(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Ce = Object.defineProperty, De = Object.getOwnPropertyDescriptor, F = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? De(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ke(e, a, s), s;
+  return i && s && Ce(e, a, s), s;
 };
 let E = class extends d {
   constructor() {
     super(...arguments), this.variant = "primary", this.size = "md", this.disabled = !1, this.type = "button", this.label = "", this.icon = "", this.iconOnly = !1;
   }
   firstUpdated() {
-    this.iconOnly || st(this, this.buttonEl);
+    this.iconOnly || at(this, this.buttonEl);
   }
   render() {
-    const t = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, e = this.size === "md" ? "" : ` baht-button--${this.size}`, a = this.iconOnly ? " baht-button--icon" : "", i = this.icon && Pe(this.icon) ? W(this.icon) : h;
+    const t = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, e = this.size === "md" ? "" : ` baht-button--${this.size}`, a = this.iconOnly ? " baht-button--icon" : "", i = this.icon && ke(this.icon) ? J(this.icon) : h;
     return l`<button
       class="baht-button${t}${e}${a}"
       type=${this.type}
@@ -165,15 +166,15 @@ F([
   n({ type: Boolean, attribute: "icon-only" })
 ], E.prototype, "iconOnly", 2);
 F([
-  tt("button")
+  et("button")
 ], E.prototype, "buttonEl", 2);
 E = F([
-  p("baht-button")
+  c("baht-button")
 ], E);
-var De = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, Ct = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ee(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Ee = Object.defineProperty, je = Object.getOwnPropertyDescriptor, Ct = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? je(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && De(e, a, s), s;
+  return i && s && Ee(e, a, s), s;
 };
 let ht = class extends d {
   constructor() {
@@ -199,12 +200,12 @@ Ct([
   n({ attribute: !1 })
 ], ht.prototype, "dot", 2);
 ht = Ct([
-  p("baht-badge")
+  c("baht-badge")
 ], ht);
-var je = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, Vt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Be(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Be = Object.defineProperty, Se = Object.getOwnPropertyDescriptor, Kt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Se(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && je(e, a, s), s;
+  return i && s && Be(e, a, s), s;
 };
 let Ot = class extends d {
   constructor() {
@@ -212,25 +213,25 @@ let Ot = class extends d {
   }
   firstUpdated() {
     const t = this.renderRoot.querySelector(this.variant === "block" ? "pre" : "code");
-    t && st(this, t);
+    t && at(this, t);
   }
   render() {
     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>`;
   }
 };
-Vt([
+Kt([
   n()
 ], Ot.prototype, "variant", 2);
-Vt([
+Kt([
   n()
 ], Ot.prototype, "code", 2);
-Ot = Vt([
-  p("baht-code")
+Ot = Kt([
+  c("baht-code")
 ], Ot);
-var Se = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, U = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Fe(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Fe = Object.defineProperty, Ne = Object.getOwnPropertyDescriptor, U = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ne(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Se(e, a, s), s;
+  return i && s && Fe(e, a, s), s;
 };
 let N = class extends d {
   constructor() {
@@ -258,12 +259,12 @@ let N = class extends d {
   /** Visible page numbers with `null` marking an ellipsis gap. */
   get pageItems() {
     const { page: t, totalPages: e, siblings: a } = this, i = /* @__PURE__ */ new Set([1, e]);
-    for (let c = t - a; c <= t + a; c++)
-      c >= 1 && c <= e && i.add(c);
-    const s = [...i].sort((c, b) => c - b), r = [];
+    for (let p = t - a; p <= t + a; p++)
+      p >= 1 && p <= e && i.add(p);
+    const s = [...i].sort((p, f) => p - f), r = [];
     let o = 0;
-    for (const c of s)
-      o && c - o === 2 ? r.push(o + 1) : o && c - o > 2 && r.push(null), r.push(c), o = c;
+    for (const p of s)
+      o && p - o === 2 ? r.push(o + 1) : o && p - o > 2 && r.push(null), r.push(p), o = p;
     return r;
   }
   render() {
@@ -305,14 +306,14 @@ U([
   n({ type: Boolean, attribute: "has-prev" })
 ], N.prototype, "hasPrev", 2);
 N = U([
-  p("baht-pagination")
+  c("baht-pagination")
 ], N);
-var Ne = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, v = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ie(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Ie = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, v = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? qe(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ne(e, a, s), s;
+  return i && s && Ie(e, a, s), s;
 };
-const qe = " › ", qt = (t) => t !== null && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date), _t = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+const Ae = " › ", qt = (t) => t !== null && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date), _t = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
 let u = class extends d {
   constructor() {
     super(...arguments), this.items = [], this.columns = {}, this.loading = !1, this.error = !1, this.errorMessage = "Couldn't load data. Try again.", this.emptyMessage = "No records yet.", this.showIndex = !0, this.indexOffset = 0, this.skeletonRows = 10, this.rowKey = "", this.clickable = !0, this.renderers = {}, this.visibleColumns = [], this.columnPicker = !0, this.page = 1, this.totalPages = 1, this.cursorMode = !1, this.hasNext = !1, this.hasPrev = !1, this.pickerOpen = !1, this.pickedColumns = null, this.draftColumns = [], this.pickAvail = [], this.pickSel = [], this.expanded = [], this.onPickerKeydown = (t) => {
@@ -380,7 +381,7 @@ let u = class extends d {
       }
       e.push(typeof s == "string" ? s : s.label), a = typeof s == "string" ? void 0 : s.fields;
     }
-    return e.join(qe);
+    return e.join(Ae);
   }
   /** The row's value at a dotted key (`requester.department`). */
   static valueAt(t, e) {
@@ -649,30 +650,30 @@ v([
   n({ type: Boolean, attribute: "has-prev" })
 ], u.prototype, "hasPrev", 2);
 v([
-  f()
+  b()
 ], u.prototype, "pickerOpen", 2);
 v([
-  f()
+  b()
 ], u.prototype, "pickedColumns", 2);
 v([
-  f()
+  b()
 ], u.prototype, "draftColumns", 2);
 v([
-  f()
+  b()
 ], u.prototype, "pickAvail", 2);
 v([
-  f()
+  b()
 ], u.prototype, "pickSel", 2);
 v([
-  f()
+  b()
 ], u.prototype, "expanded", 2);
 u = v([
-  p("baht-table")
+  c("baht-table")
 ], u);
-var Ae = Object.defineProperty, Me = Object.getOwnPropertyDescriptor, M = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Me(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Me = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, M = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Re(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ae(e, a, s), s;
+  return i && s && Me(e, a, s), s;
 };
 let j = class extends d {
   constructor() {
@@ -741,16 +742,16 @@ M([
   n({ type: Boolean })
 ], j.prototype, "clickable", 2);
 j = M([
-  p("baht-list")
+  c("baht-list")
 ], j);
-var Re = Object.defineProperty, Le = Object.getOwnPropertyDescriptor, at = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Le(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Le = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, z = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Te(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Re(e, a, s), s;
+  return i && s && Le(e, a, s), s;
 };
 let x = class extends d {
   constructor() {
-    super(...arguments), this.open = !1, this.heading = "", this.showClose = !0, this.closeOnScrim = !0, this.previousFocus = null, this.onKeydown = (t) => {
+    super(...arguments), this.open = !1, this.heading = "", this.showClose = !0, this.closeOnScrim = !0, this.closing = !1, this.closeToken = 0, this.previousFocus = null, this.onKeydown = (t) => {
       !this.open || x.openStack.at(-1) !== this || (t.key === "Escape" ? this.requestClose("escape") : t.key === "Tab" && this.trapFocus(t));
     };
   }
@@ -783,11 +784,20 @@ let x = class extends d {
     document.removeEventListener("keydown", this.onKeydown), x.openStack = x.openStack.filter((t) => t !== this), super.disconnectedCallback();
   }
   firstUpdated() {
-    st(this, this.bodyEl);
+    at(this, this.bodyEl);
+  }
+  willUpdate(t) {
+    t.has("open") && (this.open ? this.closing = !1 : t.get("open") === !0 && (this.closing = !0));
   }
   updated(t) {
     var e, a;
-    if (t.has("open") && (x.openStack = x.openStack.filter((i) => i !== this), this.open && x.openStack.push(this)), t.has("open") && this.open && (this.previousFocus = document.activeElement, (e = this.querySelector(".baht-modal")) == null || e.focus()), t.has("open") && !this.open && t.get("open") === !0) {
+    if (t.has("open") && (x.openStack = x.openStack.filter((i) => i !== this), this.open && x.openStack.push(this)), t.has("open") && !this.open && this.closing) {
+      const i = ++this.closeToken, s = this.querySelector(".baht-modal-scrim"), r = () => {
+        i === this.closeToken && !this.open && (this.closing = !1);
+      };
+      s ? Vt(s, r) : r();
+    }
+    if (t.has("open") && this.open && (this.previousFocus = document.activeElement, (e = this.querySelector(".baht-modal")) == null || e.focus()), t.has("open") && !this.open && t.get("open") === !0) {
       const i = this.previousFocus;
       this.previousFocus = null, i != null && i.isConnected && (!document.activeElement || document.activeElement === document.body || this.contains(document.activeElement)) && ((a = i.focus) == null || a.call(i));
     }
@@ -800,8 +810,8 @@ let x = class extends d {
   }
   render() {
     return l`<div
-      class="baht-modal-scrim"
-      style=${this.open ? h : "display:none"}
+      class="baht-modal-scrim${this.closing ? " baht-modal-scrim--closing" : ""}"
+      style=${this.open || this.closing ? h : "display:none"}
       @click=${(t) => this.closeOnScrim && t.target === t.currentTarget && this.requestClose("scrim")}
     >
       <div class="baht-modal" role="dialog" aria-modal="true" aria-label=${this.heading || "Dialog"} tabindex="-1">
@@ -815,36 +825,39 @@ let x = class extends d {
   }
 };
 x.openStack = [];
-at([
+z([
   n({ type: Boolean, reflect: !0 })
 ], x.prototype, "open", 2);
-at([
+z([
   n()
 ], x.prototype, "heading", 2);
-at([
+z([
   n({ type: Boolean, attribute: "show-close" })
 ], x.prototype, "showClose", 2);
-at([
+z([
   n({ type: Boolean, attribute: "close-on-scrim" })
 ], x.prototype, "closeOnScrim", 2);
-at([
-  tt(".baht-modal-body")
+z([
+  et(".baht-modal-body")
 ], x.prototype, "bodyEl", 2);
-x = at([
-  p("baht-modal")
+z([
+  b()
+], x.prototype, "closing", 2);
+x = z([
+  c("baht-modal")
 ], x);
-var Te = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, Kt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ve(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Ve = Object.defineProperty, Ke = Object.getOwnPropertyDescriptor, Ut = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ke(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Te(e, a, s), s;
+  return i && s && Ve(e, a, s), s;
 };
-let J = class extends d {
+let G = class extends d {
   constructor() {
     super(...arguments), this.duration = 4e3, this.entries = [], this.timers = /* @__PURE__ */ new Map();
   }
   show(t) {
     const e = {
-      id: ++J.counter,
+      id: ++G.counter,
       message: t.message,
       tone: t.tone ?? "neutral",
       duration: t.duration ?? this.duration
@@ -855,14 +868,23 @@ let J = class extends d {
     ), e.id;
   }
   dismiss(t) {
-    const e = this.entries.find((a) => a.id === t);
-    e && (clearTimeout(this.timers.get(t)), this.timers.delete(t), this.entries = this.entries.filter((a) => a.id !== t), this.dispatchEvent(
+    const e = this.entries.find((s) => s.id === t);
+    if (!e || e.leaving) return;
+    clearTimeout(this.timers.get(t)), this.timers.delete(t), this.entries = this.entries.map((s) => s.id === t ? { ...s, leaving: !0 } : s), this.dispatchEvent(
       new CustomEvent("baht-dismiss", {
         detail: { id: t, message: e.message },
         bubbles: !0,
         composed: !0
       })
-    ));
+    );
+    const a = () => {
+      this.entries = this.entries.filter((s) => s.id !== t);
+    }, i = this.querySelector(`.baht-toast[data-toast="${t}"]`);
+    if (!i) {
+      a();
+      return;
+    }
+    i.classList.add("baht-toast--leaving"), Vt(i, a);
   }
   disconnectedCallback() {
     this.timers.forEach((t) => clearTimeout(t)), this.timers.clear(), super.disconnectedCallback();
@@ -872,7 +894,8 @@ let J = class extends d {
       ${this.entries.map(
       // Danger/warning interrupt (role=alert); the rest ride the polite container.
       (t) => l`<div
-          class="baht-toast ${t.tone === "neutral" ? "" : `baht-toast--${t.tone}`}"
+          class="baht-toast ${t.tone === "neutral" ? "" : `baht-toast--${t.tone}`}${t.leaving ? " baht-toast--leaving" : ""}"
+          data-toast=${t.id}
           role=${t.tone === "danger" || t.tone === "warning" ? "alert" : h}
         >
           <span class="baht-toast-message">${t.message}</span>
@@ -882,20 +905,20 @@ let J = class extends d {
     </div>`;
   }
 };
-J.counter = 0;
-Kt([
+G.counter = 0;
+Ut([
   n({ type: Number })
-], J.prototype, "duration", 2);
-Kt([
-  f()
-], J.prototype, "entries", 2);
-J = Kt([
-  p("baht-toast")
-], J);
-var Ke = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, vt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ue(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+], G.prototype, "duration", 2);
+Ut([
+  b()
+], G.prototype, "entries", 2);
+G = Ut([
+  c("baht-toast")
+], G);
+var Ue = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, vt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ze(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ke(e, a, s), s;
+  return i && s && Ue(e, a, s), s;
 };
 let I = class extends d {
   constructor() {
@@ -916,7 +939,7 @@ let I = class extends d {
     t ? (t.setAttribute("aria-describedby", this.tooltipId), this.anchorEl.removeAttribute("tabindex"), this.anchorEl.removeAttribute("aria-describedby")) : (this.anchorEl.setAttribute("tabindex", "0"), this.anchorEl.setAttribute("aria-describedby", this.tooltipId));
   }
   firstUpdated() {
-    st(this, this.anchorEl), this.wireDescribedBy(), setTimeout(() => this.isConnected && this.wireDescribedBy(), 0);
+    at(this, this.anchorEl), this.wireDescribedBy(), setTimeout(() => this.isConnected && this.wireDescribedBy(), 0);
   }
   onKeydown(t) {
     t.key === "Escape" && (this.dismissed = !0);
@@ -944,28 +967,36 @@ vt([
   n()
 ], I.prototype, "position", 2);
 vt([
-  tt(".baht-tooltip-anchor")
+  et(".baht-tooltip-anchor")
 ], I.prototype, "anchorEl", 2);
 vt([
-  f()
+  b()
 ], I.prototype, "dismissed", 2);
 I = vt([
-  p("baht-tooltip")
+  c("baht-tooltip")
 ], I);
-var ze = Object.defineProperty, He = Object.getOwnPropertyDescriptor, it = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? He(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var He = Object.defineProperty, We = Object.getOwnPropertyDescriptor, it = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? We(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ze(e, a, s), s;
+  return i && s && He(e, a, s), s;
 };
 let L = class extends d {
   constructor() {
-    super(...arguments), this.tone = "info", this.heading = "", this.message = "", this.dismissible = !1, this.dismissed = !1;
+    super(...arguments), this.tone = "info", this.heading = "", this.message = "", this.dismissible = !1, this.dismissed = !1, this.generation = 0;
   }
   willUpdate(t) {
-    (t.has("message") || t.has("heading")) && (this.dismissed = !1);
+    (t.has("message") || t.has("heading")) && (this.dismissed = !1, this.generation++);
   }
   dismiss() {
-    this.dismissed = !0, this.dispatchEvent(new CustomEvent("baht-dismiss", { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent("baht-dismiss", { bubbles: !0, composed: !0 }));
+    const t = this.generation, e = () => {
+      t === this.generation && (this.dismissed = !0);
+    }, a = this.querySelector(".baht-alert");
+    if (!a) {
+      e();
+      return;
+    }
+    a.classList.add("baht-alert--leaving"), Vt(a, e);
   }
   render() {
     return this.dismissed ? h : l`<div class="baht-alert baht-alert--${this.tone}" role="alert">
@@ -990,15 +1021,15 @@ it([
   n({ type: Boolean })
 ], L.prototype, "dismissible", 2);
 it([
-  f()
+  b()
 ], L.prototype, "dismissed", 2);
 L = it([
-  p("baht-alert")
+  c("baht-alert")
 ], L);
-var We = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, rt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Je(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Je = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, rt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ge(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && We(e, a, s), s;
+  return i && s && Je(e, a, s), s;
 };
 let T = class extends d {
   constructor() {
@@ -1066,15 +1097,15 @@ rt([
   n()
 ], T.prototype, "label", 2);
 rt([
-  f()
+  b()
 ], T.prototype, "hover", 2);
 T = rt([
-  p("baht-rating")
+  c("baht-rating")
 ], T);
-var Ge = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, R = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ye(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Ye = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, R = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Qe(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ge(e, a, s), s;
+  return i && s && Ye(e, a, s), s;
 };
 let k = class extends d {
   constructor() {
@@ -1132,12 +1163,12 @@ R([
   n({ type: Boolean, attribute: "show-value" })
 ], k.prototype, "showValue", 2);
 k = R([
-  p("baht-range")
+  c("baht-range")
 ], k);
-var Qe = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, ot = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Xe(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Xe = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, ot = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ze(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Qe(e, a, s), s;
+  return i && s && Xe(e, a, s), s;
 };
 let V = class extends d {
   constructor() {
@@ -1186,8 +1217,8 @@ let V = class extends d {
     var r, o;
     const a = e.target, i = this.clean(a.value);
     if (i.length > 1) {
-      const c = this.fill(t, i);
-      a.value = this._chars[t] ?? "", this.commit(), (r = this.inputs()[Math.min(c, this.length - 1)]) == null || r.focus();
+      const p = this.fill(t, i);
+      a.value = this._chars[t] ?? "", this.commit(), (r = this.inputs()[Math.min(p, this.length - 1)]) == null || r.focus();
       return;
     }
     const s = i.slice(-1);
@@ -1239,12 +1270,12 @@ ot([
   n()
 ], V.prototype, "label", 2);
 V = ot([
-  p("baht-otp")
+  c("baht-otp")
 ], V);
-var Ze = Object.defineProperty, ts = Object.getOwnPropertyDescriptor, lt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ts(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var ts = Object.defineProperty, es = Object.getOwnPropertyDescriptor, lt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? es(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ze(e, a, s), s;
+  return i && s && ts(e, a, s), s;
 };
 let K = class extends d {
   constructor() {
@@ -1286,14 +1317,14 @@ lt([
   n()
 ], K.prototype, "label", 2);
 K = lt([
-  p("baht-filter")
+  c("baht-filter")
 ], K);
-var es = Object.defineProperty, ss = Object.getOwnPropertyDescriptor, Dt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ss(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var ss = Object.defineProperty, as = Object.getOwnPropertyDescriptor, Dt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? as(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && es(e, a, s), s;
+  return i && s && ss(e, a, s), s;
 };
-let pt = class extends d {
+let ct = class extends d {
   constructor() {
     super(...arguments), this.variant = "rect", this.width = "100%", this.height = "";
   }
@@ -1308,22 +1339,22 @@ let pt = class extends d {
 };
 Dt([
   n()
-], pt.prototype, "variant", 2);
+], ct.prototype, "variant", 2);
 Dt([
   n()
-], pt.prototype, "width", 2);
+], ct.prototype, "width", 2);
 Dt([
   n()
-], pt.prototype, "height", 2);
-pt = Dt([
-  p("baht-skeleton")
-], pt);
-var as = Object.defineProperty, is = Object.getOwnPropertyDescriptor, mt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? is(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+], ct.prototype, "height", 2);
+ct = Dt([
+  c("baht-skeleton")
+], ct);
+var is = Object.defineProperty, rs = Object.getOwnPropertyDescriptor, mt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? rs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && as(e, a, s), s;
+  return i && s && is(e, a, s), s;
 };
-let G = class extends d {
+let Y = class extends d {
   constructor() {
     super(...arguments), this.value = null, this.tone = "primary", this.showLabel = !1, this.label = "Progress";
   }
@@ -1346,23 +1377,23 @@ let G = class extends d {
 };
 mt([
   n({ type: Number })
-], G.prototype, "value", 2);
+], Y.prototype, "value", 2);
 mt([
   n()
-], G.prototype, "tone", 2);
+], Y.prototype, "tone", 2);
 mt([
   n({ type: Boolean, attribute: "show-label" })
-], G.prototype, "showLabel", 2);
+], Y.prototype, "showLabel", 2);
 mt([
   n()
-], G.prototype, "label", 2);
-G = mt([
-  p("baht-progress")
-], G);
-var rs = Object.defineProperty, os = Object.getOwnPropertyDescriptor, Ut = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? os(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+], Y.prototype, "label", 2);
+Y = mt([
+  c("baht-progress")
+], Y);
+var os = Object.defineProperty, ls = Object.getOwnPropertyDescriptor, zt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ls(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && rs(e, a, s), s;
+  return i && s && os(e, a, s), s;
 };
 let Pt = class extends d {
   constructor() {
@@ -1373,26 +1404,26 @@ let Pt = class extends d {
     return l`<span class="baht-spinner${t}" role="status" aria-label=${this.label}></span>`;
   }
 };
-Ut([
+zt([
   n()
 ], Pt.prototype, "size", 2);
-Ut([
+zt([
   n()
 ], Pt.prototype, "label", 2);
-Pt = Ut([
-  p("baht-spinner")
+Pt = zt([
+  c("baht-spinner")
 ], Pt);
-var ls = Object.defineProperty, ns = Object.getOwnPropertyDescriptor, yt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ns(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var ns = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, yt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? hs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ls(e, a, s), s;
+  return i && s && ns(e, a, s), s;
 };
-let Y = class extends d {
+let Q = class extends d {
   constructor() {
     super(...arguments), this.heading = "", this.subtitle = "", this.hero = !1;
   }
   firstUpdated() {
-    st(this, this.bodyEl);
+    at(this, this.bodyEl);
   }
   render() {
     return l`<div class="baht-card${this.hero ? " baht-card--hero" : ""}">
@@ -1404,30 +1435,30 @@ let Y = class extends d {
 };
 yt([
   n()
-], Y.prototype, "heading", 2);
+], Q.prototype, "heading", 2);
 yt([
   n()
-], Y.prototype, "subtitle", 2);
+], Q.prototype, "subtitle", 2);
 yt([
   n({ type: Boolean })
-], Y.prototype, "hero", 2);
+], Q.prototype, "hero", 2);
 yt([
-  tt(".baht-card-body")
-], Y.prototype, "bodyEl", 2);
-Y = yt([
-  p("baht-card")
-], Y);
-var hs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, Et = (t, e, a, i) => {
+  et(".baht-card-body")
+], Q.prototype, "bodyEl", 2);
+Q = yt([
+  c("baht-card")
+], Q);
+var cs = Object.defineProperty, ps = Object.getOwnPropertyDescriptor, Et = (t, e, a, i) => {
   for (var s = i > 1 ? void 0 : i ? ps(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && hs(e, a, s), s;
+  return i && s && cs(e, a, s), s;
 };
-let ct = class extends d {
+let pt = class extends d {
   constructor() {
     super(...arguments), this.legend = "", this.disabled = !1;
   }
   firstUpdated() {
-    st(this, this.bodyEl);
+    at(this, this.bodyEl);
   }
   render() {
     return l`<fieldset class="baht-fieldset" ?disabled=${this.disabled}>
@@ -1438,20 +1469,20 @@ let ct = class extends d {
 };
 Et([
   n()
-], ct.prototype, "legend", 2);
+], pt.prototype, "legend", 2);
 Et([
   n({ type: Boolean })
-], ct.prototype, "disabled", 2);
+], pt.prototype, "disabled", 2);
 Et([
-  tt(".baht-fieldset-body")
-], ct.prototype, "bodyEl", 2);
-ct = Et([
-  p("baht-fieldset")
-], ct);
-var cs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, he = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ds(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+  et(".baht-fieldset-body")
+], pt.prototype, "bodyEl", 2);
+pt = Et([
+  c("baht-fieldset")
+], pt);
+var ds = Object.defineProperty, us = Object.getOwnPropertyDescriptor, ce = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? us(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && cs(e, a, s), s;
+  return i && s && ds(e, a, s), s;
 };
 let Mt = class extends d {
   constructor() {
@@ -1477,16 +1508,16 @@ let Mt = class extends d {
     </div>`;
   }
 };
-he([
+ce([
   n({ attribute: !1 })
 ], Mt.prototype, "items", 2);
-Mt = he([
-  p("baht-timeline")
+Mt = ce([
+  c("baht-timeline")
 ], Mt);
-var us = Object.defineProperty, bs = Object.getOwnPropertyDescriptor, jt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? bs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var bs = Object.defineProperty, fs = Object.getOwnPropertyDescriptor, jt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? fs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && us(e, a, s), s;
+  return i && s && bs(e, a, s), s;
 };
 let q = class extends d {
   constructor() {
@@ -1537,17 +1568,17 @@ jt([
   n({ type: Boolean })
 ], q.prototype, "multiple", 2);
 jt([
-  f()
+  b()
 ], q.prototype, "openSet", 2);
 q = jt([
-  p("baht-accordion")
+  c("baht-accordion")
 ], q);
-var fs = Object.defineProperty, vs = Object.getOwnPropertyDescriptor, $t = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? vs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var vs = Object.defineProperty, ms = Object.getOwnPropertyDescriptor, $t = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ms(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && fs(e, a, s), s;
+  return i && s && vs(e, a, s), s;
 };
-let Q = class extends d {
+let X = class extends d {
   constructor() {
     super(...arguments), this.href = "", this.label = "", this.external = !1, this.externalHint = "opens in new tab";
   }
@@ -1562,23 +1593,23 @@ let Q = class extends d {
 };
 $t([
   n()
-], Q.prototype, "href", 2);
+], X.prototype, "href", 2);
 $t([
   n()
-], Q.prototype, "label", 2);
+], X.prototype, "label", 2);
 $t([
   n({ type: Boolean })
-], Q.prototype, "external", 2);
+], X.prototype, "external", 2);
 $t([
   n({ attribute: "external-hint" })
-], Q.prototype, "externalHint", 2);
-Q = $t([
-  p("baht-link")
-], Q);
-var ms = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, zt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ys(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+], X.prototype, "externalHint", 2);
+X = $t([
+  c("baht-link")
+], X);
+var ys = Object.defineProperty, $s = Object.getOwnPropertyDescriptor, Ht = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? $s(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ms(e, a, s), s;
+  return i && s && ys(e, a, s), s;
 };
 let kt = class extends d {
   constructor() {
@@ -1605,21 +1636,21 @@ let kt = class extends d {
     </nav>`;
   }
 };
-zt([
+Ht([
   n({ attribute: !1 })
 ], kt.prototype, "items", 2);
-zt([
+Ht([
   n()
 ], kt.prototype, "separator", 2);
-kt = zt([
-  p("baht-breadcrumbs")
+kt = Ht([
+  c("baht-breadcrumbs")
 ], kt);
-var $s = Object.getOwnPropertyDescriptor, gs = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? $s(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var gs = Object.getOwnPropertyDescriptor, ws = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? gs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Yt = class extends g {
+let Qt = class extends g {
   renderControl() {
     return l`<input
       class="baht-control baht-control--text"
@@ -1638,15 +1669,15 @@ let Yt = class extends g {
     />`;
   }
 };
-Yt = gs([
-  p("baht-input")
-], Yt);
-var ws = Object.getOwnPropertyDescriptor, _s = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ws(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+Qt = ws([
+  c("baht-input")
+], Qt);
+var _s = Object.getOwnPropertyDescriptor, xs = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? _s(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Qt = class extends g {
+let Xt = class extends g {
   renderControl() {
     return l`<textarea
       class="baht-control baht-control--textarea"
@@ -1665,15 +1696,15 @@ let Qt = class extends g {
     ></textarea>`;
   }
 };
-Qt = _s([
-  p("baht-textarea")
-], Qt);
-var xs = Object.getOwnPropertyDescriptor, Os = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? xs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+Xt = xs([
+  c("baht-textarea")
+], Xt);
+var Os = Object.getOwnPropertyDescriptor, Ps = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Os(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Xt = class extends g {
+let Zt = class extends g {
   renderControl() {
     return l`<input
       class="baht-control baht-control--number"
@@ -1696,15 +1727,15 @@ let Xt = class extends g {
     />`;
   }
 };
-Xt = Os([
-  p("baht-number")
-], Xt);
-var Ps = Object.getOwnPropertyDescriptor, ks = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ps(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+Zt = Ps([
+  c("baht-number")
+], Zt);
+var ks = Object.getOwnPropertyDescriptor, Cs = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ks(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Zt = class extends g {
+let te = class extends g {
   renderControl() {
     const t = this.value == null ? "" : String(this.value);
     return l`<select
@@ -1727,15 +1758,15 @@ let Zt = class extends g {
     </select>`;
   }
 };
-Zt = ks([
-  p("baht-select")
-], Zt);
-var Cs = Object.getOwnPropertyDescriptor, Ds = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Cs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+te = Cs([
+  c("baht-select")
+], te);
+var Ds = Object.getOwnPropertyDescriptor, Es = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ds(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let te = class extends g {
+let ee = class extends g {
   get selected() {
     return Array.isArray(this.value) ? this.value : [];
   }
@@ -1765,15 +1796,15 @@ let te = class extends g {
     </div>`;
   }
 };
-te = Ds([
-  p("baht-multiselect")
-], te);
-var Es = Object.getOwnPropertyDescriptor, js = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Es(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+ee = Es([
+  c("baht-multiselect")
+], ee);
+var js = Object.getOwnPropertyDescriptor, Bs = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? js(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let ee = class extends g {
+let se = class extends g {
   /** Label sits beside the box, so suppress the block label. */
   renderLabel() {
     return h;
@@ -1796,15 +1827,15 @@ let ee = class extends g {
     </label>`;
   }
 };
-ee = js([
-  p("baht-checkbox")
-], ee);
-var Bs = Object.getOwnPropertyDescriptor, Ss = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Bs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+se = Bs([
+  c("baht-checkbox")
+], se);
+var Ss = Object.getOwnPropertyDescriptor, Fs = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ss(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let se = class extends g {
+let ae = class extends g {
   renderControl() {
     return l`<div
       class="baht-control baht-control--radio"
@@ -1830,15 +1861,15 @@ let se = class extends g {
     </div>`;
   }
 };
-se = Ss([
-  p("baht-radio")
-], se);
-var Fs = Object.getOwnPropertyDescriptor, Ns = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Fs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+ae = Fs([
+  c("baht-radio")
+], ae);
+var Ns = Object.getOwnPropertyDescriptor, Is = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ns(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let ae = class extends g {
+let ie = class extends g {
   renderLabel() {
     return h;
   }
@@ -1863,15 +1894,15 @@ let ae = class extends g {
     </label>`;
   }
 };
-ae = Ns([
-  p("baht-toggle")
-], ae);
-var Is = Object.getOwnPropertyDescriptor, qs = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Is(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+ie = Is([
+  c("baht-toggle")
+], ie);
+var qs = Object.getOwnPropertyDescriptor, As = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? qs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let ie = class extends g {
+let re = class extends g {
   constructor() {
     super(...arguments), this.lastEmitted = null;
   }
@@ -1902,7 +1933,7 @@ let ie = class extends g {
       return;
     }
     if (!this.fp || this.fp.input !== e || t.has("field") || t.has("disabled") || t.has("readonly")) {
-      this.teardown(), this.fp = _e(e, this.options());
+      this.teardown(), this.fp = xe(e, this.options());
       return;
     }
     t.has("value") && (this.lastEmitted = null, this.syncValue());
@@ -1915,10 +1946,10 @@ let ie = class extends g {
   syncValue() {
     if (!this.fp) return;
     const t = this.datesOf(this.value);
-    re(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
+    oe(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
   }
   options() {
-    const t = this.field, e = Wt(t), a = It(t.min), i = It(t.max);
+    const t = this.field, e = Jt(t), a = It(t.min), i = It(t.max);
     return {
       static: !0,
       mode: e,
@@ -1928,7 +1959,7 @@ let ie = class extends g {
       defaultDate: this.datesOf(this.value),
       ...a ? { minDate: a } : {},
       ...i ? { maxDate: i } : {},
-      disable: As(t),
+      disable: Ms(t),
       onChange: (s) => {
         e === "range" && s.length === 1 || this.emitIfChanged(s);
       },
@@ -1940,16 +1971,16 @@ let ie = class extends g {
   }
   emitIfChanged(t) {
     const e = this.lastEmitted ?? this.datesOf(this.value);
-    re(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
+    oe(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
   }
   /** Host value (any mode) -> the Date list flatpickr works with. */
   datesOf(t) {
-    return ve(t).map(It).filter((e) => e !== null);
+    return me(t).map(It).filter((e) => e !== null);
   }
   /** flatpickr's selection -> the value shape of the field's mode. */
   toValue(t) {
     const e = t.map(At);
-    switch (Wt(this.field)) {
+    switch (Jt(this.field)) {
       case "range":
         return e.length === 2 ? [e[0], e[1]] : null;
       case "multiple":
@@ -1959,38 +1990,38 @@ let ie = class extends g {
     }
   }
 };
-ie = qs([
-  p("baht-datepicker")
-], ie);
-function re(t, e) {
+re = As([
+  c("baht-datepicker")
+], re);
+function oe(t, e) {
   return t.length !== e.length ? !1 : t.every((a, i) => At(a) === At(e[i]));
 }
-function As(t) {
+function Ms(t) {
   const e = [];
   for (const i of t.disabledDates ?? []) {
-    const s = me(i);
+    const s = ye(i);
     s && e.push(s[0].getTime() === s[1].getTime() ? s[0] : { from: s[0], to: s[1] });
   }
   const a = t.disabledWeekdays;
   return a != null && a.length && e.push((i) => a.includes(i.getDay())), e;
 }
-var Ms = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, gt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Rs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Rs = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, gt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ls(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ms(e, a, s), s;
+  return i && s && Rs(e, a, s), s;
 };
-function oe(t) {
+function le(t) {
   return t !== null && typeof t == "object" && typeof t.url == "string";
 }
-function Ls(t) {
+function Ts(t) {
   return t >= 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(1)} MB` : t >= 1024 ? `${Math.round(t / 1024)} KB` : `${t} B`;
 }
-let X = class extends g {
+let Z = class extends g {
   constructor() {
     super(...arguments), this.uploadingCount = 0, this.uploadError = null, this.rejectedNames = [];
   }
   get refs() {
-    return Array.isArray(this.value) ? this.value.filter(oe) : oe(this.value) ? [this.value] : [];
+    return Array.isArray(this.value) ? this.value.filter(le) : le(this.value) ? [this.value] : [];
   }
   emitRefs(t) {
     this.emitInput(this.field.multiple ? t : t[0] ?? null);
@@ -2038,7 +2069,7 @@ let X = class extends g {
       ${this.refs.map(
       (t) => l`<span class="baht-file-chip">
           <a href=${t.url} target="_blank" rel="noreferrer">${t.name}</a>
-          <span class="baht-file-size">${Ls(t.size)}</span>
+          <span class="baht-file-size">${Ts(t.size)}</span>
           ${this.disabled || this.readonly ? h : l`<button
                 type="button"
                 class="baht-file-remove"
@@ -2054,23 +2085,23 @@ let X = class extends g {
 };
 gt([
   n({ attribute: !1 })
-], X.prototype, "uploader", 2);
+], Z.prototype, "uploader", 2);
 gt([
-  f()
-], X.prototype, "uploadingCount", 2);
+  b()
+], Z.prototype, "uploadingCount", 2);
 gt([
-  f()
-], X.prototype, "uploadError", 2);
+  b()
+], Z.prototype, "uploadError", 2);
 gt([
-  f()
-], X.prototype, "rejectedNames", 2);
-X = gt([
-  p("baht-file")
-], X);
-var Ts = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, pe = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Vs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+  b()
+], Z.prototype, "rejectedNames", 2);
+Z = gt([
+  c("baht-file")
+], Z);
+var Vs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, pe = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ks(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ts(e, a, s), s;
+  return i && s && Vs(e, a, s), s;
 };
 let Rt = class extends d {
   render() {
@@ -2083,12 +2114,12 @@ pe([
   n({ attribute: !1 })
 ], Rt.prototype, "field", 2);
 Rt = pe([
-  p("baht-text")
+  c("baht-text")
 ], Rt);
-var Ks = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, ce = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Us(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Us = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, de = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? zs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ks(e, a, s), s;
+  return i && s && Us(e, a, s), s;
 };
 let Lt = class extends d {
   render() {
@@ -2097,16 +2128,16 @@ let Lt = class extends d {
     </div>` : h;
   }
 };
-ce([
+de([
   n({ attribute: !1 })
 ], Lt.prototype, "field", 2);
-Lt = ce([
-  p("baht-section")
+Lt = de([
+  c("baht-section")
 ], Lt);
-var zs = Object.defineProperty, Hs = Object.getOwnPropertyDescriptor, Bt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Hs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Hs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Bt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ws(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && zs(e, a, s), s;
+  return i && s && Hs(e, a, s), s;
 };
 let dt = class extends d {
   constructor() {
@@ -2132,16 +2163,16 @@ Bt([
   n()
 ], dt.prototype, "color", 2);
 dt = Bt([
-  p("baht-stat-chart")
+  c("baht-stat-chart")
 ], dt);
-const Ws = 10;
-function de(t, e) {
-  return e && t === 0 ? e : `var(--baht-chart-${t % Ws + 1})`;
+const Js = 10;
+function ue(t, e) {
+  return e && t === 0 ? e : `var(--baht-chart-${t % Js + 1})`;
 }
-var Js = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, nt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Gs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Gs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, nt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ys(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Js(e, a, s), s;
+  return i && s && Gs(e, a, s), s;
 };
 let B = class extends d {
   constructor() {
@@ -2150,17 +2181,17 @@ let B = class extends d {
   render() {
     if (this.groups.length === 0)
       return l`<div class="baht-chart-empty">${this.emptyMessage}</div>`;
-    const t = this.groups.reduce((o, c) => o + c.count, 0) || 1, e = this.total ?? this.groups.reduce((o, c) => o + c.count, 0), a = B.R, i = 2 * Math.PI * a;
+    const t = this.groups.reduce((o, p) => o + p.count, 0) || 1, e = this.total ?? this.groups.reduce((o, p) => o + p.count, 0), a = B.R, i = 2 * Math.PI * a;
     let s = 0;
-    const r = this.groups.map((o, c) => {
-      const b = o.count / t, H = {
+    const r = this.groups.map((o, p) => {
+      const f = o.count / t, W = {
         ...o,
-        frac: b,
-        dash: `${b * i} ${i - b * i}`,
+        frac: f,
+        dash: `${f * i} ${i - f * i}`,
         offset: -s * i,
-        color: de(c, this.color || void 0)
+        color: ue(p, this.color || void 0)
       };
-      return s += b, H;
+      return s += f, W;
     });
     return l`<div class="baht-donut-chart">
       <svg width="160" height="160" viewBox="0 0 160 160" role="img" aria-label="Donut chart">
@@ -2203,12 +2234,12 @@ nt([
   n({ attribute: "empty-message" })
 ], B.prototype, "emptyMessage", 2);
 B = nt([
-  p("baht-donut-chart")
+  c("baht-donut-chart")
 ], B);
-var Ys = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, St = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Qs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Qs = Object.defineProperty, Xs = Object.getOwnPropertyDescriptor, St = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? Xs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Ys(e, a, s), s;
+  return i && s && Qs(e, a, s), s;
 };
 let ut = class extends d {
   constructor() {
@@ -2225,7 +2256,7 @@ let ut = class extends d {
           <div class="baht-bar-chart-track">
             <div
               class="baht-bar-chart-bar"
-              style="width:${Math.max(2, e.count / t * 100)}%;background:${this.color || de(a)}"
+              style="width:${Math.max(2, e.count / t * 100)}%;background:${this.color || ue(a)}"
             ></div>
           </div>
           <span class="baht-bar-chart-count">${e.count}</span>
@@ -2244,12 +2275,12 @@ St([
   n({ attribute: "empty-message" })
 ], ut.prototype, "emptyMessage", 2);
 ut = St([
-  p("baht-bar-chart")
+  c("baht-bar-chart")
 ], ut);
-var Xs = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, Ft = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? Zs(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Zs = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, Ft = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ta(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && Xs(e, a, s), s;
+  return i && s && Zs(e, a, s), s;
 };
 let bt = class extends d {
   constructor() {
@@ -2273,14 +2304,14 @@ Ft([
   n()
 ], bt.prototype, "hint", 2);
 bt = Ft([
-  p("baht-empty-state")
+  c("baht-empty-state")
 ], bt);
-var ta = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, wt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ea(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var ea = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, wt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? sa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ta(e, a, s), s;
+  return i && s && ea(e, a, s), s;
 };
-let Z = class extends d {
+let tt = class extends d {
   constructor() {
     super(...arguments), this.icon = "⚠️", this.heading = "Something went wrong", this.message = "", this.retryLabel = "";
   }
@@ -2298,23 +2329,23 @@ let Z = class extends d {
 };
 wt([
   n()
-], Z.prototype, "icon", 2);
+], tt.prototype, "icon", 2);
 wt([
   n()
-], Z.prototype, "heading", 2);
+], tt.prototype, "heading", 2);
 wt([
   n()
-], Z.prototype, "message", 2);
+], tt.prototype, "message", 2);
 wt([
   n({ attribute: "retry-label" })
-], Z.prototype, "retryLabel", 2);
-Z = wt([
-  p("baht-error-state")
-], Z);
-var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, z = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? aa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+], tt.prototype, "retryLabel", 2);
+tt = wt([
+  c("baht-error-state")
+], tt);
+var aa = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, H = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ia(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && sa(e, a, s), s;
+  return i && s && aa(e, a, s), s;
 };
 let A = class extends d {
   constructor() {
@@ -2371,7 +2402,7 @@ let A = class extends d {
             aria-label="Remove row"
             ?disabled=${this.disabled}
             @click=${() => this.commit(this.rows.filter((a, i) => i !== e))}
-          >${W("close")}</button>
+          >${J("close")}</button>
         </div>`
     )}
       <button
@@ -2379,39 +2410,39 @@ let A = class extends d {
         class="baht-keyvalue-add"
         ?disabled=${this.disabled}
         @click=${this.addRow}
-      >${W("plus")}${this.addLabel}</button>
+      >${J("plus")}${this.addLabel}</button>
     </div>`;
   }
 };
-z([
+H([
   n({ attribute: !1 })
 ], A.prototype, "value", 2);
-z([
+H([
   n({ attribute: "key-placeholder" })
 ], A.prototype, "keyPlaceholder", 2);
-z([
+H([
   n({ attribute: "value-placeholder" })
 ], A.prototype, "valuePlaceholder", 2);
-z([
+H([
   n({ attribute: "add-label" })
 ], A.prototype, "addLabel", 2);
-z([
+H([
   n({ type: Boolean })
 ], A.prototype, "disabled", 2);
-z([
-  f()
+H([
+  b()
 ], A.prototype, "rows", 2);
-A = z([
-  p("baht-keyvalue-editor")
+A = H([
+  c("baht-keyvalue-editor")
 ], A);
-var ia = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, w = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ra(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var ra = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, w = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? oa(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && ia(e, a, s), s;
+  return i && s && ra(e, a, s), s;
 };
-let oa = 0, y = class extends d {
+let la = 0, y = class extends d {
   constructor() {
-    super(...arguments), this.label = "Reference", this.value = "", this.display = "", this.placeholder = "", this.disabled = !1, this.invalid = !1, this.href = "", this.lookupLabel = "Look up records", this.debounce = 200, this.fetcher = null, this.open = !1, this.term = "", this.options = [], this.loading = !1, this.activeIndex = -1, this.listboxId = `baht-refpicker-list-${++oa}`, this.fetchSeq = 0, this.onDocMousedown = (t) => {
+    super(...arguments), this.label = "Reference", this.value = "", this.display = "", this.placeholder = "", this.disabled = !1, this.invalid = !1, this.href = "", this.lookupLabel = "Look up records", this.debounce = 200, this.fetcher = null, this.open = !1, this.term = "", this.options = [], this.loading = !1, this.activeIndex = -1, this.listboxId = `baht-refpicker-list-${++la}`, this.fetchSeq = 0, this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
     };
   }
@@ -2500,7 +2531,7 @@ let oa = 0, y = class extends d {
               aria-label="Clear"
               @mousedown=${(e) => e.preventDefault()}
               @click=${() => this.clear()}
-            >${W("close")}</button>` : h}
+            >${J("close")}</button>` : h}
       </div>
       <button
         type="button"
@@ -2509,13 +2540,13 @@ let oa = 0, y = class extends d {
         title=${this.lookupLabel}
         ?disabled=${this.disabled}
         @click=${() => this.open ? this.close() : this.openLookup()}
-      >${W("search")}</button>
+      >${J("search")}</button>
       ${this.value && this.href ? l`<a
             class="baht-refpicker-open"
             href=${this.href}
             aria-label="Open record"
             title="Open record"
-          >${W("external")}</a>` : h}
+          >${J("external")}</a>` : h}
       <div
         class="baht-refpicker-list"
         id=${this.listboxId}
@@ -2572,27 +2603,27 @@ w([
   n({ attribute: !1 })
 ], y.prototype, "fetcher", 2);
 w([
-  f()
+  b()
 ], y.prototype, "open", 2);
 w([
-  f()
+  b()
 ], y.prototype, "term", 2);
 w([
-  f()
+  b()
 ], y.prototype, "options", 2);
 w([
-  f()
+  b()
 ], y.prototype, "loading", 2);
 w([
-  f()
+  b()
 ], y.prototype, "activeIndex", 2);
 w([
-  tt("input")
+  et("input")
 ], y.prototype, "inputEl", 2);
 y = w([
-  p("baht-reference-picker")
+  c("baht-reference-picker")
 ], y);
-const ue = {
+const be = {
   text: "baht-input",
   email: "baht-input",
   password: "baht-input",
@@ -2609,12 +2640,12 @@ const ue = {
   section: "baht-section",
   repeater: "baht-repeater"
 };
-var la = Object.defineProperty, na = Object.getOwnPropertyDescriptor, be = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? na(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var na = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, fe = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ha(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && la(e, a, s), s;
+  return i && s && na(e, a, s), s;
 };
-const ha = {
+const ca = {
   "1/4": "baht-field--w-1-4",
   "1/2": "baht-field--w-1-2",
   "3/4": "baht-field--w-3-4",
@@ -2656,16 +2687,16 @@ let Tt = class extends g {
     return ((i = this.rowErrors.find((s) => s.key === a)) == null ? void 0 : i.message) ?? null;
   }
   renderSub(t, e, a) {
-    const i = ue[a.type];
+    const i = be[a.type];
     if (!i) return h;
     const s = `${e}:${a.key}`;
     let r = this.controls.get(s);
-    (!r || r.tagName.toLowerCase() !== i) && (r = document.createElement(i), r.addEventListener("baht-input", (c) => {
-      c.stopPropagation();
-      const { value: b } = c.detail;
-      this.patchRow(e, a.key, b);
+    (!r || r.tagName.toLowerCase() !== i) && (r = document.createElement(i), r.addEventListener("baht-input", (p) => {
+      p.stopPropagation();
+      const { value: f } = p.detail;
+      this.patchRow(e, a.key, f);
     }), this.controls.set(s, r)), r.field = a, r.value = Object.hasOwn(t, a.key) ? t[a.key] : xt(a), r.disabled = this.disabled, r.readonly = this.readonly, r.required = !!a.required, r.error = this.errorFor(e, a.key);
-    const o = ha[a.width ?? "full"] ?? "baht-field--w-full";
+    const o = ca[a.width ?? "full"] ?? "baht-field--w-full";
     return l`<div class="baht-field ${o}" data-key=${a.key} data-type=${a.type}>
       ${r}
     </div>`;
@@ -2703,14 +2734,14 @@ let Tt = class extends g {
     </div>`;
   }
 };
-be([
+fe([
   n({ attribute: !1 })
 ], Tt.prototype, "rowErrors", 2);
-Tt = be([
-  p("baht-repeater")
+Tt = fe([
+  c("baht-repeater")
 ], Tt);
-var pa = Object.defineProperty, ca = Object.getOwnPropertyDescriptor, Nt = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ca(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var pa = Object.defineProperty, da = Object.getOwnPropertyDescriptor, Nt = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? da(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
   return i && s && pa(e, a, s), s;
 };
@@ -2747,14 +2778,14 @@ Nt([
   n()
 ], ft.prototype, "variant", 2);
 ft = Nt([
-  p("baht-steps")
+  c("baht-steps")
 ], ft);
-var da = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, C = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? ua(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var ua = Object.defineProperty, ba = Object.getOwnPropertyDescriptor, C = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ba(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && da(e, a, s), s;
+  return i && s && ua(e, a, s), s;
 };
-const ba = {
+const fa = {
   "1/4": "baht-field--w-1-4",
   "1/2": "baht-field--w-1-2",
   "3/4": "baht-field--w-3-4",
@@ -2768,7 +2799,7 @@ let P = class extends d {
     return this.form ? ((this.flagCache.form !== this.form || this.flagCache.flags !== this.flags) && (this.flagCache = {
       form: this.form,
       flags: this.flags,
-      out: le(this.form, this.flags)
+      out: ne(this.form, this.flags)
     }), this.flagCache.out) : this.form;
   }
   willUpdate(t) {
@@ -2784,7 +2815,7 @@ let P = class extends d {
     const t = this.getData();
     for (const i of ((e = this.effectiveForm) == null ? void 0 : e.field_data) ?? []) {
       if (!i.optionsFrom) continue;
-      const s = JSON.stringify((i.optionsDeps ?? []).map((b) => t[b] ?? null));
+      const s = JSON.stringify((i.optionsDeps ?? []).map((f) => t[f] ?? null));
       if (this.optionsSnapshots.get(i.key) === s) continue;
       this.optionsSnapshots.set(i.key, s);
       const r = (this.optionsEpoch.get(i.key) ?? 0) + 1;
@@ -2794,12 +2825,12 @@ let P = class extends d {
         console.warn(`[bahtui] unknown options fetcher "${i.optionsFrom}" — skipped`), this.dynamicOptions.set(i.key, []);
         continue;
       }
-      const c = o(t);
-      c instanceof Promise ? c.then((b) => {
-        this.optionsEpoch.get(i.key) === r && (this.dynamicOptions.set(i.key, b), this.requestUpdate());
-      }).catch((b) => {
-        console.warn(`[bahtui] options fetcher "${i.optionsFrom}" failed`, b), this.optionsEpoch.get(i.key) === r && this.optionsSnapshots.delete(i.key);
-      }) : this.dynamicOptions.set(i.key, c);
+      const p = o(t);
+      p instanceof Promise ? p.then((f) => {
+        this.optionsEpoch.get(i.key) === r && (this.dynamicOptions.set(i.key, f), this.requestUpdate());
+      }).catch((f) => {
+        console.warn(`[bahtui] options fetcher "${i.optionsFrom}" failed`, f), this.optionsEpoch.get(i.key) === r && this.optionsSnapshots.delete(i.key);
+      }) : this.dynamicOptions.set(i.key, p);
     }
   }
   /**
@@ -2818,8 +2849,8 @@ let P = class extends d {
   }
   get sortedFields() {
     if (!this.form) return [];
-    const t = Jt(this.effectiveForm, this.view);
-    return t || (this.view !== void 0 && !this.warnedViews.has(this.view) && (this.warnedViews.add(this.view), console.warn(`[bahtui] unknown view "${this.view}" — showing the full form`)), Jt(this.effectiveForm) ?? []);
+    const t = Gt(this.effectiveForm, this.view);
+    return t || (this.view !== void 0 && !this.warnedViews.has(this.view) && (this.warnedViews.add(this.view), console.warn(`[bahtui] unknown view "${this.view}" — showing the full form`)), Gt(this.effectiveForm) ?? []);
   }
   stateFor(t) {
     return this.fieldStates[t.key] ?? {
@@ -2851,7 +2882,7 @@ let P = class extends d {
       const s = this.stateFor(i);
       if (!s.visible) continue;
       const r = s.required === !!i.required ? i : { ...i, required: s.required };
-      t.push(...Gt(r, this.valueFor(i), this.registry, e));
+      t.push(...Yt(r, this.valueFor(i), this.registry, e));
     }
     this.errors = t;
     const a = { valid: t.length === 0, errors: t };
@@ -2881,7 +2912,7 @@ let P = class extends d {
     const e = this.stateFor(t);
     if (!e.visible) return [];
     const a = this.getData(), i = e.required === !!t.required ? t : { ...t, required: e.required };
-    return Gt(i, this.valueFor(t), this.registry, a);
+    return Yt(i, this.valueFor(t), this.registry, a);
   }
   /** `validateOn: 'blur'` — validate just the field the user left, same as
    * how errors are shown elsewhere (merged into `this.errors`, painted by
@@ -2892,21 +2923,21 @@ let P = class extends d {
     this.errors = [...a, ...e];
   }
   renderField(t) {
-    var o, c;
-    const e = ue[t.type];
+    var o, p;
+    const e = be[t.type];
     if (!e)
       return console.warn(`[bahtui] unknown field type "${t.type}" — skipped`), h;
-    const a = this.stateFor(t), i = ba[t.width ?? "full"] ?? "baht-field--w-full", s = ((o = this.errors.find((b) => b.key === t.key)) == null ? void 0 : o.message) ?? null;
+    const a = this.stateFor(t), i = fa[t.width ?? "full"] ?? "baht-field--w-full", s = ((o = this.errors.find((f) => f.key === t.key)) == null ? void 0 : o.message) ?? null;
     if (this.readonly && t.type !== "label" && t.type !== "section")
       return this.renderReadonlyField(t, i, a.visible);
     let r = this.controls.get(t.key);
-    if ((!r || r.tagName.toLowerCase() !== e) && (r = document.createElement(e), r.addEventListener("baht-input", (b) => {
-      var Ht;
-      const H = (Ht = this.effectiveForm) == null ? void 0 : Ht.field_data.find((fe) => fe.key === t.key);
-      H && this.onFieldInput(H, b);
-    }), this.controls.set(t.key, r)), r.field = t.optionsFrom ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, r.value = this.valueFor(t), r.disabled = !a.enabled, r.readonly = this.readonly || a.readonly, r.required = a.required, r.error = s, t.type === "repeater" && (r.rowErrors = this.errors.filter((b) => b.key.startsWith(`${t.key}[`))), t.type === "file" && t.uploader) {
-      const b = (c = this.registry.uploaders) == null ? void 0 : c[t.uploader];
-      b || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`), r.uploader = b;
+    if ((!r || r.tagName.toLowerCase() !== e) && (r = document.createElement(e), r.addEventListener("baht-input", (f) => {
+      var Wt;
+      const W = (Wt = this.effectiveForm) == null ? void 0 : Wt.field_data.find((ve) => ve.key === t.key);
+      W && this.onFieldInput(W, f);
+    }), this.controls.set(t.key, r)), r.field = t.optionsFrom ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, r.value = this.valueFor(t), r.disabled = !a.enabled, r.readonly = this.readonly || a.readonly, r.required = a.required, r.error = s, t.type === "repeater" && (r.rowErrors = this.errors.filter((f) => f.key.startsWith(`${t.key}[`))), t.type === "file" && t.uploader) {
+      const f = (p = this.registry.uploaders) == null ? void 0 : p[t.uploader];
+      f || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`), r.uploader = f;
     }
     return l`<div
       class="baht-field ${i} ${a.visible ? "" : "baht-field--hidden"}"
@@ -2918,15 +2949,15 @@ let P = class extends d {
     </div>`;
   }
   renderReadonlyField(t, e, a) {
-    const i = t.optionsFrom ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = ye(t, this.valueFor(t), i), 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"
+    const i = t.optionsFrom ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = $e(t, this.valueFor(t), i), 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) => l`<div class="baht-readonly-row">
                     ${o.map(
-        (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
+        (p) => l`<span class="baht-readonly-cell"
+                        ><span class="baht-readonly-cell-label">${p.label}</span
+                        ><span class="baht-readonly-cell-value">${p.text}</span></span
                       >`
       )}
                   </div>`
@@ -2972,18 +3003,18 @@ C([
   n({ type: Boolean })
 ], P.prototype, "readonly", 2);
 C([
-  f()
+  b()
 ], P.prototype, "edits", 2);
 C([
-  f()
+  b()
 ], P.prototype, "errors", 2);
 P = C([
-  p("baht-form")
+  c("baht-form")
 ], P);
-var fa = Object.defineProperty, va = Object.getOwnPropertyDescriptor, _ = (t, e, a, i) => {
-  for (var s = i > 1 ? void 0 : i ? va(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var va = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, _ = (t, e, a, i) => {
+  for (var s = i > 1 ? void 0 : i ? ma(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (i ? o(e, a, s) : o(s)) || s);
-  return i && s && fa(e, a, s), s;
+  return i && s && va(e, a, s), s;
 };
 let $ = class extends d {
   constructor() {
@@ -2996,7 +3027,7 @@ let $ = class extends d {
     return this.workflow ? ((this.flagCache.workflow !== this.workflow || this.flagCache.flags !== this.flags) && (this.flagCache = {
       workflow: this.workflow,
       flags: this.flags,
-      out: le(this.workflow, this.flags)
+      out: ne(this.workflow, this.flags)
     }), this.flagCache.out) : this.workflow;
   }
   willUpdate(t) {
@@ -3004,7 +3035,7 @@ let $ = class extends d {
     t.has("workflow") || t.has("value") ? (this.data = structuredClone(this.value ?? {}), this.reevaluate(), this.history = [], this.current = ((e = this.visibleForms[0]) == null ? void 0 : e.formName) ?? null, this.approvalError = null) : t.has("flags") && (this.reevaluate(), this.current && !this.visibleForms.some((i) => i.formName === this.current) && (this.current = ((a = this.visibleForms[0]) == null ? void 0 : a.formName) ?? null));
   }
   reevaluate() {
-    this.derived = $e(this.effectiveWorkflow, this.data), this.data = this.derived.data;
+    this.derived = ge(this.effectiveWorkflow, this.data), this.data = this.derived.data;
   }
   /** Forms in ascending order whose derived visibility is true. */
   get visibleForms() {
@@ -3024,7 +3055,7 @@ let $ = class extends d {
     if (!this.current) return "end";
     const t = this.effectiveWorkflow;
     if (t.transitions && t.transitions.length > 0)
-      return ge(t, this.current, this.data);
+      return we(t, this.current, this.data);
     const e = this.visibleForms, a = e.findIndex((s) => s.formName === this.current);
     return ((i = e[a + 1]) == null ? void 0 : i.formName) ?? "end";
   }
@@ -3101,10 +3132,10 @@ let $ = class extends d {
     this.decide("rejected");
   }
   decide(t) {
-    var b;
+    var f;
     const e = this.currentForm;
     if (!e || e.kind !== "approval") return;
-    const a = e.approval ?? {}, i = String(((b = this.data[e.formName]) == null ? void 0 : b.comment) ?? ""), s = a.comment ?? "optional";
+    const a = e.approval ?? {}, i = String(((f = this.data[e.formName]) == null ? void 0 : f.comment) ?? ""), s = a.comment ?? "optional";
     if ((s === "required" || s === "requireOnReject" && t === "rejected") && i.trim() === "") {
       this.approvalError = m("commentRequired");
       return;
@@ -3119,8 +3150,8 @@ let $ = class extends d {
       return;
     }
     this.emit("baht-reject", o);
-    const c = a.onReject ?? { action: "end" };
-    c.action === "goto" && this.visibleForms.some((H) => H.formName === c.form) ? this.gotoForm(c.form) : this.emit("baht-complete", { data: this.getData(), status: "rejected" });
+    const p = a.onReject ?? { action: "end" };
+    p.action === "goto" && this.visibleForms.some((W) => W.formName === p.form) ? this.gotoForm(p.form) : this.emit("baht-complete", { data: this.getData(), status: "rejected" });
   }
   /** Jump back to a visible form, truncating the history to that point. */
   gotoForm(t) {
@@ -3276,19 +3307,19 @@ _([
   n({ attribute: "steps-variant" })
 ], $.prototype, "stepsVariant", 2);
 _([
-  f()
+  b()
 ], $.prototype, "data", 2);
 _([
-  f()
+  b()
 ], $.prototype, "derived", 2);
 _([
-  f()
+  b()
 ], $.prototype, "current", 2);
 _([
-  f()
+  b()
 ], $.prototype, "approvalError", 2);
 $ = _([
-  p("baht-workflow")
+  c("baht-workflow")
 ], $);
 export {
   q as BahtAccordion,
@@ -3297,72 +3328,72 @@ export {
   ut as BahtBarChart,
   kt as BahtBreadcrumbs,
   E as BahtButton,
-  Y as BahtCard,
-  ee as BahtCheckbox,
+  Q as BahtCard,
+  se as BahtCheckbox,
   Ot as BahtCode,
-  ie as BahtDatepicker,
+  re as BahtDatepicker,
   B as BahtDonutChart,
   d as BahtElement,
   bt as BahtEmptyState,
-  Z as BahtErrorState,
+  tt as BahtErrorState,
   g as BahtFieldBase,
-  ct as BahtFieldset,
-  X as BahtFile,
+  pt as BahtFieldset,
+  Z as BahtFile,
   K as BahtFilter,
   P as BahtForm,
-  Yt as BahtInput,
+  Qt as BahtInput,
   A as BahtKeyvalueEditor,
-  Q as BahtLink,
+  X as BahtLink,
   j as BahtList,
   x as BahtModal,
-  te as BahtMultiselect,
-  Xt as BahtNumber,
+  ee as BahtMultiselect,
+  Zt as BahtNumber,
   V as BahtOtp,
   N as BahtPagination,
-  G as BahtProgress,
-  se as BahtRadio,
+  Y as BahtProgress,
+  ae as BahtRadio,
   k as BahtRange,
   T as BahtRating,
   y as BahtReferencePicker,
   Tt as BahtRepeater,
   Lt as BahtSection,
-  Zt as BahtSelect,
-  pt as BahtSkeleton,
+  te as BahtSelect,
+  ct as BahtSkeleton,
   Pt as BahtSpinner,
   dt as BahtStatChart,
   ft as BahtSteps,
   u as BahtTable,
   Rt as BahtText,
-  Qt as BahtTextarea,
+  Xt as BahtTextarea,
   Mt as BahtTimeline,
-  J as BahtToast,
-  ae as BahtToggle,
+  G as BahtToast,
+  ie as BahtToggle,
   I as BahtTooltip,
   $ as BahtWorkflow,
-  ue as TAG_FOR_TYPE,
-  st as adoptLightChildren,
-  le as applyFlags,
-  Pa as approvalFields,
-  de as chartColor,
+  be as TAG_FOR_TYPE,
+  at as adoptLightChildren,
+  ne as applyFlags,
+  Ca as approvalFields,
+  ue as chartColor,
   xt as defaultValue,
-  ye as displayValue,
-  ka as evalCondition,
-  Ca as evalValueExpr,
-  $e as evaluate,
-  Da as flagEnabled,
+  $e as displayValue,
+  Da as evalCondition,
+  Ea as evalValueExpr,
+  ge as evaluate,
+  ja as flagEnabled,
   At as formatIsoDate,
-  Ea as getCatalog,
-  ja as isDateDisabled,
-  Pe as isIconName,
-  me as parseDisabledEntry,
+  Ba as getCatalog,
+  Sa as isDateDisabled,
+  ke as isIconName,
+  ye as parseDisabledEntry,
   It as parseIsoDate,
-  Ba as readRef,
-  W as renderIcon,
-  ge as resolveNext,
-  Jt as resolveViewFields,
-  Sa as setCatalog,
-  Fa as setLocale,
+  Fa as readRef,
+  J as renderIcon,
+  we as resolveNext,
+  Gt as resolveViewFields,
+  Na as setCatalog,
+  Ia as setLocale,
   m as t,
-  Gt as validateField,
-  Na as walkPath
+  Yt as validateField,
+  qa as walkPath
 };