bank20baht-ui 0.12.3 → 0.13.0

package/dist/components/baht-form.js

@@ -1,16 +1,17 @@
 import { nothing as g, html as p } from "lit";
-import { property as d, state as m, customElement as E } from "lit/decorators.js";
-import { repeat as P } from "lit/directives/repeat.js";
+import { property as d, state as m } from "lit/decorators.js";
+import { repeat as E } from "lit/directives/repeat.js";
 import { html as $ } from "lit/static-html.js";
-import { BahtElement as T, hasDom as O } from "./base.js";
-import { TAG_FOR_TYPE as B, WIDTH_CLASS as I, staticTag as j } from "./primitives/tag-map.js";
+import { BahtElement as P, hasDom as O } from "./base.js";
+import { TAG_FOR_TYPE as T, WIDTH_CLASS as B, staticTag as I } from "./primitives/tag-map.js";
 import { defaultValue as C } from "../core/defaults.js";
 import { t as D } from "../core/i18n.js";
 import { validateField as _ } from "../core/validators.js";
+import "../core/pattern-safety.js";
 import { resolveViewFields as M } from "../core/views.js";
-import { applyFlags as L } from "../core/flags.js";
-import { hasScripts as w, runScripts as F, createScriptContext as A, MAX_SCRIPT_DEPTH as x } from "../core/engine/scripts.js";
-import { displayValue as R } from "../core/display.js";
+import { applyFlags as j } from "../core/flags.js";
+import { hasScripts as w, runScripts as F, createScriptContext as L, MAX_SCRIPT_DEPTH as x } from "../core/engine/scripts.js";
+import { displayValue as A } from "../core/display.js";
 import "./primitives/baht-input.js";
 import "./primitives/baht-textarea.js";
 import "./primitives/baht-number.js";
@@ -26,12 +27,13 @@ import "./primitives/baht-file.js";
 import "./primitives/baht-text.js";
 import "./primitives/baht-section.js";
 import "./primitives/baht-repeater.js";
+import { customElement as R } from "./define.js";
 var U = Object.defineProperty, W = Object.getOwnPropertyDescriptor, h = (t, s, e, i) => {
   for (var r = i > 1 ? void 0 : i ? W(s, e) : s, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (r = (i ? a(s, e, r) : a(r)) || r);
   return i && r && U(s, e, r), r;
 };
-let n = class extends T {
+let n = class extends P {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.showOptional = !1, this.options = {}, this.fieldStates = {}, this.flags = {}, this.readonly = !1, this.edits = {}, this.errors = [], this.scriptStates = {}, this.fieldMessages = {}, this.formMessages = [], this.scriptContext = null, this.scriptContextForm = null, this.scriptDepth = 0, this.loadedForm = null, this.dynamicOptions = /* @__PURE__ */ new Map(), this.optionsSnapshots = /* @__PURE__ */ new Map(), this.optionsEpoch = /* @__PURE__ */ new Map(), this.warnedViews = /* @__PURE__ */ new Set(), this.flagCache = {}, this.lastVisible = {}, this.nextVisible = {};
   }
@@ -45,7 +47,7 @@ let n = class extends T {
   get effectiveForm() {
     const t = this.assignedForm;
     if (t)
-      return (this.flagCache.form !== t || this.flagCache.flags !== this.flags) && (this.flagCache = { form: t, flags: this.flags, out: L(t, this.flags) }), this.flagCache.out;
+      return (this.flagCache.form !== t || this.flagCache.flags !== this.flags) && (this.flagCache = { form: t, flags: this.flags, out: j(t, this.flags) }), this.flagCache.out;
   }
   willUpdate(t) {
     t.has("value") && (this.edits = {}), (t.has("form") || t.has("flags")) && (this.dynamicOptions.clear(), this.optionsSnapshots.clear(), this.optionsEpoch.clear()), t.has("form") && (this.scriptStates = {}, this.fieldMessages = {}, this.formMessages = [], this.scriptContext = null), (t.has("form") || t.has("flags") || t.has("value") || t.has("registry")) && this.syncDynamicOptions();
@@ -192,7 +194,7 @@ let n = class extends T {
   // ---- client scripts (spec 01 §14) ----
   /** The `g` (g_form) for the current form — built lazily over this component's state. */
   g(t) {
-    return this.scriptContext && this.scriptContextForm === t ? this.scriptContext : (this.scriptContextForm = t, this.scriptContext = A(t, {
+    return this.scriptContext && this.scriptContextForm === t ? this.scriptContext : (this.scriptContextForm = t, this.scriptContext = L(t, {
       getData: () => this.getData(),
       setValue: (s, e) => {
         this.applyScriptValue(s, e);
@@ -316,15 +318,15 @@ let n = class extends T {
   }
   renderField(t) {
     var S;
-    const s = B[t.type];
+    const s = T[t.type];
     if (!s)
       return console.warn(`[bahtui] unknown field type "${t.type}" — skipped`), g;
-    const e = this.stateFor(t), i = I[t.width ?? "full"] ?? "baht-field--w-full", r = ((S = this.errors.find((u) => u.key === t.key)) == null ? void 0 : S.message) ?? null;
+    const e = this.stateFor(t), i = B[t.width ?? "full"] ?? "baht-field--w-full", r = ((S = this.errors.find((u) => u.key === t.key)) == null ? void 0 : S.message) ?? null;
     if (this.readonly && t.type !== "label" && t.type !== "section")
       return this.renderReadonlyField(t, i, e.visible);
     const o = t.options_from ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, a = this.valueFor(t), l = !e.enabled, c = this.readonly || e.readonly, b = this.options.inputDebounce, v = (u) => {
       this.onControlInput(t.key, u);
-    }, f = j(s);
+    }, f = I(s);
     let y;
     if (t.type === "repeater") {
       const u = this.errors.filter((q) => q.key.startsWith(`${t.key}[`)), V = this.rowStatesFor(t.key);
@@ -405,7 +407,7 @@ let n = class extends T {
     e && this.onFieldInput(e, s);
   }
   renderReadonlyField(t, s, e) {
-    const i = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, r = R(t, this.valueFor(t), i), o = r.kind === "empty" ? p`<span class="baht-readonly-value baht-readonly-value--empty">${D("emptyValue")}</span>` : r.kind === "text" ? p`<span class="baht-readonly-value">${r.text}</span>` : r.kind === "chips" ? p`<span class="baht-readonly-value baht-readonly-chips"
+    const i = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, r = A(t, this.valueFor(t), i), o = r.kind === "empty" ? p`<span class="baht-readonly-value baht-readonly-value--empty">${D("emptyValue")}</span>` : r.kind === "text" ? p`<span class="baht-readonly-value">${r.text}</span>` : r.kind === "chips" ? p`<span class="baht-readonly-value baht-readonly-chips"
                 >${r.items.map((a) => p`<span class="baht-readonly-chip">${a}</span>`)}</span
               >` : p`<div class="baht-readonly-rows">
                 ${r.rows.map(
@@ -441,7 +443,7 @@ let n = class extends T {
                 </div>`
     )}
             </div>` : g}
-      ${P(
+      ${E(
       this.sortedFields,
       (t) => t.key,
       (t) => this.renderField(t)
@@ -492,7 +494,7 @@ h([
   m()
 ], n.prototype, "formMessages", 2);
 n = h([
-  E("baht-form")
+  R("baht-form")
 ], n);
 export {
   n as BahtForm

package/dist/components/baht-workflow.js

@@ -1,19 +1,21 @@
-import { nothing as c, html as h } from "lit";
-import { property as m, state as f, customElement as g } from "lit/decorators.js";
-import { keyed as _ } from "lit/directives/keyed.js";
-import { boolOff as b, BahtElement as k, obj as $, stringOf as v } from "./base.js";
+import { nothing as f, html as h } from "lit";
+import { property as m, state as c } from "lit/decorators.js";
+import { keyed as g } from "lit/directives/keyed.js";
+import { boolOff as b, BahtElement as _, obj as k, stringOf as v } from "./base.js";
 import { t as d } from "../core/i18n.js";
-import { applyFlags as y } from "../core/flags.js";
-import { evaluate as F } from "../core/engine/evaluate.js";
-import { resolveNext as x } from "../core/engine/graph.js";
+import "../core/pattern-safety.js";
+import { applyFlags as $ } from "../core/flags.js";
+import { evaluate as y } from "../core/engine/evaluate.js";
+import { resolveNext as F } from "../core/engine/graph.js";
 import "./baht-form.js";
 import "./primitives/baht-steps.js";
+import { customElement as x } from "./define.js";
 var j = Object.defineProperty, E = Object.getOwnPropertyDescriptor, o = (t, e, a, r) => {
   for (var i = r > 1 ? void 0 : r ? E(e, a) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (i = (r ? l(e, a, i) : l(i)) || i);
   return r && i && j(e, a, i), i;
 };
-let s = class extends k {
+let s = class extends _ {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.validateGate = !0, this.showBack = !0, this.direction = null, this.flags = {}, this.showSteps = !1, this.stepsVariant = "default", this.data = {}, this.derived = null, this.current = null, this.approvalError = null, this.history = [], this.flagCache = {};
   }
@@ -30,16 +32,16 @@ let s = class extends k {
   get effectiveWorkflow() {
     const t = this.assignedWorkflow;
     if (t)
-      return (this.flagCache.workflow !== t || this.flagCache.flags !== this.flags) && (this.flagCache = { workflow: t, flags: this.flags, out: y(t, this.flags) }), this.flagCache.out;
+      return (this.flagCache.workflow !== t || this.flagCache.flags !== this.flags) && (this.flagCache = { workflow: t, flags: this.flags, out: $(t, this.flags) }), this.flagCache.out;
   }
   willUpdate(t) {
     var e, a;
-    this.assignedWorkflow && (t.has("workflow") || t.has("value") ? (this.data = structuredClone($(this.value)), this.reevaluate(), this.history = [], this.current = ((e = this.visibleForms[0]) == null ? void 0 : e.form_name) ?? null, this.approvalError = null) : t.has("flags") && (this.reevaluate(), this.current && !this.visibleForms.some((r) => r.form_name === this.current) && (this.current = ((a = this.visibleForms[0]) == null ? void 0 : a.form_name) ?? null)));
+    this.assignedWorkflow && (t.has("workflow") || t.has("value") ? (this.data = structuredClone(k(this.value)), this.reevaluate(), this.history = [], this.current = ((e = this.visibleForms[0]) == null ? void 0 : e.form_name) ?? null, this.approvalError = null) : t.has("flags") && (this.reevaluate(), this.current && !this.visibleForms.some((r) => r.form_name === this.current) && (this.current = ((a = this.visibleForms[0]) == null ? void 0 : a.form_name) ?? null)));
   }
   reevaluate() {
     const t = this.effectiveWorkflow;
     if (!t) return;
-    const e = F(t, this.data);
+    const e = y(t, this.data);
     this.derived = e, this.data = e.data;
   }
   /** Forms in ascending order whose derived visibility is true. */
@@ -61,7 +63,7 @@ let s = class extends k {
     const t = this.effectiveWorkflow;
     if (!t) return "end";
     if (t.transitions && t.transitions.length > 0)
-      return x(t, this.current, this.data);
+      return F(t, this.current, this.data);
     const e = this.visibleForms, a = e.findIndex((i) => i.form_name === this.current);
     return ((r = e[a + 1]) == null ? void 0 : r.form_name) ?? "end";
   }
@@ -223,15 +225,15 @@ let s = class extends k {
             </span>
             <textarea
               rows="3"
-              aria-required=${e === "required" ? "true" : c}
-              aria-invalid=${this.approvalError ? "true" : c}
+              aria-required=${e === "required" ? "true" : f}
+              aria-invalid=${this.approvalError ? "true" : f}
               .value=${v((i = this.data[t.form_name]) == null ? void 0 : i.comment)}
               @input=${(n) => {
       this.onCommentInput(t.form_name, n.target.value);
     }}
             ></textarea>
-          </label>` : c}
-      ${this.approvalError ? h`<p class="baht-error" role="alert">${this.approvalError}</p>` : c}
+          </label>` : f}
+      ${this.approvalError ? h`<p class="baht-error" role="alert">${this.approvalError}</p>` : f}
     </div>`;
   }
   render() {
@@ -251,8 +253,8 @@ let s = class extends k {
               .steps=${a.map((l) => l.form_name)}
               .current=${r}
               .variant=${this.stepsVariant}
-            ></baht-steps>` : c}
-      ${_(
+            ></baht-steps>` : f}
+      ${g(
       t.form_name,
       h`<div
           class="baht-workflow-step${this.direction ? ` baht-workflow-step--${this.direction}` : ""}"
@@ -277,7 +279,7 @@ let s = class extends k {
     }}
             >
               ${this.backLabel ?? d("back")}
-            </button>` : c}
+            </button>` : f}
         ${e ? h`<button
                 type="button"
                 class="baht-button baht-button--reject"
@@ -334,7 +336,7 @@ o([
   m({ attribute: "show-back", converter: b })
 ], s.prototype, "showBack", 2);
 o([
-  f()
+  c()
 ], s.prototype, "direction", 2);
 o([
   m({ attribute: !1 })
@@ -346,19 +348,19 @@ o([
   m({ attribute: "steps-variant" })
 ], s.prototype, "stepsVariant", 2);
 o([
-  f()
+  c()
 ], s.prototype, "data", 2);
 o([
-  f()
+  c()
 ], s.prototype, "derived", 2);
 o([
-  f()
+  c()
 ], s.prototype, "current", 2);
 o([
-  f()
+  c()
 ], s.prototype, "approvalError", 2);
 s = o([
-  g("baht-workflow")
+  x("baht-workflow")
 ], s);
 export {
   s as BahtWorkflow

package/dist/components/define.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Lit's `@customElement`, tolerating a tag being defined already. Module
+ * federation or a duplicated dependency can load two copies of bank20baht-ui
+ * into one page; the second copy keeps the first definition and warns
+ * instead of throwing from `customElements.define`.
+ */
+export declare function customElement(tag: string): (cls: CustomElementConstructor) => void;

package/dist/components/define.js

@@ -0,0 +1,16 @@
+const i = "0.13.0";
+function o(e) {
+  return (n) => {
+    const t = customElements.get(e);
+    if (t) {
+      t !== n && console.warn(
+        `[bahtui] <${e}> is already defined (bank20baht-ui ${t.bahtVersion ?? "unknown"}); skipping the copy from bank20baht-ui ${i}`
+      );
+      return;
+    }
+    Object.defineProperty(n, "bahtVersion", { value: i }), customElements.define(e, n);
+  };
+}
+export {
+  o as customElement
+};

package/dist/components/primitives/baht-accordion.js

@@ -1,13 +1,14 @@
 import { nothing as h, html as c } from "lit";
-import { property as l, state as m, customElement as d } from "lit/decorators.js";
-import { BahtElement as g } from "../base.js";
-import { renderIcon as u } from "./icons.js";
-var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, s = (e, t, i, o) => {
-  for (var n = o > 1 ? void 0 : o ? f(t, i) : t, a = e.length - 1, p; a >= 0; a--)
+import { property as l, state as m } from "lit/decorators.js";
+import { BahtElement as d } from "../base.js";
+import { renderIcon as f } from "./icons.js";
+import { customElement as g } from "../define.js";
+var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, s = (e, t, i, o) => {
+  for (var n = o > 1 ? void 0 : o ? b(t, i) : t, a = e.length - 1, p; a >= 0; a--)
     (p = e[a]) && (n = (o ? p(t, i, n) : p(n)) || n);
-  return o && n && b(t, i, n), n;
+  return o && n && u(t, i, n), n;
 };
-let r = class extends g {
+let r = class extends d {
   constructor() {
     super(...arguments), this.items = [], this.multiple = !1, this.openSet = /* @__PURE__ */ new Set(), this.itemsFingerprint = "";
   }
@@ -40,7 +41,7 @@ let r = class extends g {
       }}
           >
             <span>${e.title}</span>
-            <span class="baht-accordion-chevron" aria-hidden="true">${u("chevron-down")}</span>
+            <span class="baht-accordion-chevron" aria-hidden="true">${f("chevron-down")}</span>
           </button>
           ${i ? c`<div class="baht-accordion-content" id=${n} role="region" aria-labelledby=${o}>${e.content}</div>` : h}
         </div>`;
@@ -58,7 +59,7 @@ s([
   m()
 ], r.prototype, "openSet", 2);
 r = s([
-  d("baht-accordion")
+  g("baht-accordion")
 ], r);
 export {
   r as BahtAccordion

package/dist/components/primitives/baht-alert.js

@@ -1,14 +1,15 @@
 import { nothing as h, html as l } from "lit";
-import { property as n, state as p, customElement as b } from "lit/decorators.js";
+import { property as n, state as p } from "lit/decorators.js";
 import { BahtElement as f } from "../base.js";
-import { afterExit as g } from "../motion.js";
-import { t as c } from "../../core/i18n.js";
-var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, r = (t, s, e, o) => {
+import { afterExit as b } from "../motion.js";
+import { t as g } from "../../core/i18n.js";
+import { customElement as c } from "../define.js";
+var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, a = (t, s, e, o) => {
   for (var i = o > 1 ? void 0 : o ? u(s, e) : s, m = t.length - 1, d; m >= 0; m--)
     (d = t[m]) && (i = (o ? d(s, e, i) : d(i)) || i);
   return o && i && v(s, e, i), i;
 };
-let a = class extends f {
+let r = class extends f {
   constructor() {
     super(...arguments), this.tone = "info", this.heading = "", this.message = "", this.dismissible = !1, this.dismissed = !1, this.generation = 0;
   }
@@ -24,7 +25,7 @@ let a = class extends f {
       s();
       return;
     }
-    e.classList.add("baht-alert--leaving"), g(e, s);
+    e.classList.add("baht-alert--leaving"), b(e, s);
   }
   render() {
     return this.dismissed ? h : l`<div class="baht-alert baht-alert--${this.tone}" role="alert">
@@ -32,30 +33,30 @@ let a = class extends f {
         ${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 ? l`<button type="button" class="baht-alert-dismiss" aria-label=${c("dismiss")} @click=${() => {
+      ${this.dismissible ? l`<button type="button" class="baht-alert-dismiss" aria-label=${g("dismiss")} @click=${() => {
       this.dismiss();
     }}>×</button>` : h}
     </div>`;
   }
 };
-r([
+a([
   n()
-], a.prototype, "tone", 2);
-r([
+], r.prototype, "tone", 2);
+a([
   n()
-], a.prototype, "heading", 2);
-r([
+], r.prototype, "heading", 2);
+a([
   n()
-], a.prototype, "message", 2);
-r([
+], r.prototype, "message", 2);
+a([
   n({ type: Boolean })
-], a.prototype, "dismissible", 2);
-r([
+], r.prototype, "dismissible", 2);
+a([
   p()
-], a.prototype, "dismissed", 2);
-a = r([
-  b("baht-alert")
-], a);
+], r.prototype, "dismissed", 2);
+r = a([
+  c("baht-alert")
+], r);
 export {
-  a as BahtAlert
+  r as BahtAlert
 };

package/dist/components/primitives/baht-avatar.js

@@ -1,12 +1,13 @@
 import { html as h } from "lit";
-import { property as n, customElement as m } from "lit/decorators.js";
-import { BahtElement as f } from "../base.js";
+import { property as n } from "lit/decorators.js";
+import { BahtElement as m } from "../base.js";
+import { customElement as f } from "../define.js";
 var v = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (e, t, s, i) => {
   for (var r = i > 1 ? void 0 : i ? b(t, s) : t, o = e.length - 1, p; o >= 0; o--)
     (p = e[o]) && (r = (i ? p(t, s, r) : p(r)) || r);
   return i && r && v(t, s, r), r;
 };
-let a = class extends f {
+let a = class extends m {
   constructor() {
     super(...arguments), this.label = "", this.initials = "", this.size = "md";
   }
@@ -35,7 +36,7 @@ l([
   n()
 ], a.prototype, "size", 2);
 a = l([
-  m("baht-avatar")
+  f("baht-avatar")
 ], a);
 export {
   a as BahtAvatar

package/dist/components/primitives/baht-badge.js

@@ -1,12 +1,13 @@
 import { nothing as u, html as i } from "lit";
-import { property as p, customElement as b } from "lit/decorators.js";
-import { BahtElement as d } from "../base.js";
-var c = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (r, s, a, o) => {
-  for (var t = o > 1 ? void 0 : o ? f(s, a) : s, l = r.length - 1, h; l >= 0; l--)
-    (h = r[l]) && (t = (o ? h(s, a, t) : h(t)) || t);
-  return o && t && c(s, a, t), t;
+import { property as h } from "lit/decorators.js";
+import { BahtElement as b } from "../base.js";
+import { customElement as d } from "../define.js";
+var m = Object.defineProperty, c = Object.getOwnPropertyDescriptor, n = (r, o, a, s) => {
+  for (var t = s > 1 ? void 0 : s ? c(o, a) : o, l = r.length - 1, p; l >= 0; l--)
+    (p = r[l]) && (t = (s ? p(o, a, t) : p(t)) || t);
+  return s && t && m(o, a, t), t;
 };
-let e = class extends d {
+let e = class extends b {
   constructor() {
     super(...arguments), this.tone = "neutral", this.label = "", this.dot = null;
   }
@@ -21,16 +22,16 @@ let e = class extends d {
   }
 };
 n([
-  p()
+  h()
 ], e.prototype, "tone", 2);
 n([
-  p()
+  h()
 ], e.prototype, "label", 2);
 n([
-  p({ attribute: !1 })
+  h({ attribute: !1 })
 ], e.prototype, "dot", 2);
 e = n([
-  b("baht-badge")
+  d("baht-badge")
 ], e);
 export {
   e as BahtBadge

package/dist/components/primitives/baht-bar-chart.js

@@ -1,7 +1,8 @@
 import { html as o, nothing as k } from "lit";
-import { property as v, state as V, customElement as B } from "lit/decorators.js";
+import { property as v, state as V } from "lit/decorators.js";
 import { hasDom as O, arr as n } from "../base.js";
-import { BahtChartBase as E, chartColor as F, niceTicks as L, renderTableTwin as j } from "./charts.js";
+import { BahtChartBase as B, chartColor as F, niceTicks as L, renderTableTwin as E } from "./charts.js";
+import { customElement as j } from "../define.js";
 var P = Object.defineProperty, R = Object.getOwnPropertyDescriptor, $ = (t, a, e, r) => {
   for (var i = r > 1 ? void 0 : r ? R(a, e) : a, s = t.length - 1, h; s >= 0; s--)
     (h = t[s]) && (i = (r ? h(a, e, i) : h(i)) || i);
@@ -12,7 +13,7 @@ function _(t, a) {
   const e = t[a];
   return e !== void 0 && e !== "" ? e : "(empty)";
 }
-let p = class extends E {
+let p = class extends B {
   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;
   }
@@ -90,7 +91,7 @@ let p = class extends E {
         this.fmt(s.value),
         ...Array.from({ length: r.length - 2 }, () => "—")
       ]);
-    return j(this.label || "Bar chart data", r, i);
+    return E(this.label || "Bar chart data", r, i);
   }
   /** Markers with no `category` span the chart; the rest ride their own row. */
   markersFor(t) {
@@ -353,7 +354,7 @@ $([
   V()
 ], p.prototype, "band", 2);
 p = $([
-  B("baht-bar-chart")
+  j("baht-bar-chart")
 ], p);
 export {
   p as BahtBarChart

package/dist/components/primitives/baht-breadcrumbs.js

@@ -1,12 +1,13 @@
-import { html as n, nothing as o } from "lit";
-import { property as c, customElement as i } from "lit/decorators.js";
-import { BahtElement as u } from "../base.js";
-var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, b = (t, r, s, e) => {
-  for (var a = e > 1 ? void 0 : e ? f(r, s) : r, p = t.length - 1, h; p >= 0; p--)
-    (h = t[p]) && (a = (e ? h(r, s, a) : h(a)) || a);
+import { html as n, nothing as c } from "lit";
+import { property as b } from "lit/decorators.js";
+import { BahtElement as i } from "../base.js";
+import { customElement as u } from "../define.js";
+var m = Object.defineProperty, f = Object.getOwnPropertyDescriptor, o = (t, r, s, e) => {
+  for (var a = e > 1 ? void 0 : e ? f(r, s) : r, l = t.length - 1, h; l >= 0; l--)
+    (h = t[l]) && (a = (e ? h(r, s, a) : h(a)) || a);
   return e && a && m(r, s, a), a;
 };
-let l = class extends u {
+let p = class extends i {
   constructor() {
     super(...arguments), this.items = [], this.separator = "›";
   }
@@ -17,7 +18,7 @@ let l = class extends u {
     const t = this.items.length - 1;
     return n`<nav class="baht-breadcrumbs" aria-label="Breadcrumb">
       ${this.items.map((r, s) => {
-      const e = s < t ? n`<span class="baht-breadcrumbs-sep" aria-hidden="true">${this.separator}</span>` : o;
+      const e = s < t ? n`<span class="baht-breadcrumbs-sep" aria-hidden="true">${this.separator}</span>` : c;
       return s === t ? n`<span class="baht-breadcrumbs-current" aria-current="page">${r.label}</span>${e}` : r.href ? n`<a class="baht-link" href=${r.href}>${r.label}</a>${e}` : n`<a
           class="baht-link"
           href="#"
@@ -29,15 +30,15 @@ let l = class extends u {
     </nav>`;
   }
 };
-b([
-  c({ attribute: !1 })
-], l.prototype, "items", 2);
-b([
-  c()
-], l.prototype, "separator", 2);
-l = b([
-  i("baht-breadcrumbs")
-], l);
+o([
+  b({ attribute: !1 })
+], p.prototype, "items", 2);
+o([
+  b()
+], p.prototype, "separator", 2);
+p = o([
+  u("baht-breadcrumbs")
+], p);
 export {
-  l as BahtBreadcrumbs
+  p as BahtBreadcrumbs
 };

package/dist/components/primitives/baht-button.js

@@ -1,23 +1,24 @@
 import { nothing as p, html as b } from "lit";
-import { property as e, query as c, customElement as y } from "lit/decorators.js";
-import { BahtElement as u, adoptLightChildren as m } from "../base.js";
-import { isIconName as d, renderIcon as f } from "./icons.js";
-var v = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (r, s, a, n) => {
-  for (var i = n > 1 ? void 0 : n ? O(s, a) : s, l = r.length - 1, h; l >= 0; l--)
-    (h = r[l]) && (i = (n ? h(s, a, i) : h(i)) || i);
-  return n && i && v(s, a, i), i;
+import { property as e, query as c } from "lit/decorators.js";
+import { BahtElement as y, adoptLightChildren as u } from "../base.js";
+import { isIconName as m, renderIcon as d } from "./icons.js";
+import { customElement as f } from "../define.js";
+var v = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (a, s, r, n) => {
+  for (var i = n > 1 ? void 0 : n ? O(s, r) : s, l = a.length - 1, h; l >= 0; l--)
+    (h = a[l]) && (i = (n ? h(s, r, i) : h(i)) || i);
+  return n && i && v(s, r, i), i;
 };
-let t = class extends u {
+let t = class extends y {
   constructor() {
     super(...arguments), this.variant = "primary", this.size = "md", this.disabled = !1, this.type = "button", this.label = "", this.icon = "", this.iconOnly = !1, this.hostAriaLabel = "";
   }
   firstUpdated() {
-    this.iconOnly || m(this, this.buttonEl);
+    this.iconOnly || u(this, this.buttonEl);
   }
   render() {
-    const r = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, s = this.size === "md" ? "" : ` baht-button--${this.size}`, a = this.iconOnly ? " baht-button--icon" : "", n = this.icon && d(this.icon) ? f(this.icon) : p, i = this.hostAriaLabel || (this.iconOnly && this.label ? this.label : "");
+    const a = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, s = this.size === "md" ? "" : ` baht-button--${this.size}`, r = this.iconOnly ? " baht-button--icon" : "", n = this.icon && m(this.icon) ? d(this.icon) : p, i = this.hostAriaLabel || (this.iconOnly && this.label ? this.label : "");
     return b`<button
-      class="baht-button${r}${s}${a}"
+      class="baht-button${a}${s}${r}"
       type=${this.type}
       aria-label=${i || p}
       ?disabled=${this.disabled}
@@ -52,7 +53,7 @@ o([
   c("button")
 ], t.prototype, "buttonEl", 2);
 t = o([
-  y("baht-button")
+  f("baht-button")
 ], t);
 export {
   t as BahtButton