@iyulab/u-widgets 0.8.0 → 0.9.0

package/dist/u-widgets.js

@@ -1,10 +1,10 @@
-import { g as be } from "./formdown-BWJ6QGJs.js";
-import { p as Nt, r as Ft } from "./formdown-BWJ6QGJs.js";
-import { i as we } from "./infer-CNOiD2dS.js";
-import { t as b, n as ye } from "./tokens-x1kDxgG8.js";
+import { g as ve } from "./formdown-BWJ6QGJs.js";
+import { p as jt, r as Ct } from "./formdown-BWJ6QGJs.js";
+import { i as be } from "./infer-CNOiD2dS.js";
+import { t as b, f as he, n as we } from "./tokens-SjA7YdRs.js";
 import { css as w, LitElement as y, nothing as l, html as o } from "lit";
-import { property as f, customElement as x, state as S } from "lit/decorators.js";
-const xe = /* @__PURE__ */ new Set([
+import { property as h, customElement as x, state as S } from "lit/decorators.js";
+const ye = /* @__PURE__ */ new Set([
   "text",
   "email",
   "password",
@@ -21,7 +21,7 @@ const xe = /* @__PURE__ */ new Set([
   "range",
   "radio",
   "checkbox"
-]), le = 10, $e = /* @__PURE__ */ new Set([
+]), le = 10, xe = /* @__PURE__ */ new Set([
   "stat-group",
   "table",
   "list",
@@ -38,8 +38,8 @@ const xe = /* @__PURE__ */ new Set([
   "chart.funnel",
   "chart.waterfall",
   "chart.treemap"
-]), _e = /* @__PURE__ */ new Set(["metric", "gauge", "progress", "header", "code", "rating", "video"]);
-function Y(e, t = 0) {
+]), $e = /* @__PURE__ */ new Set(["metric", "gauge", "progress", "header", "code", "rating", "video"]);
+function Z(e, t = 0) {
   const i = [], r = [];
   if (t > le)
     return { valid: !1, errors: ["compose children exceed maximum nesting depth (" + le + ")"], warnings: r };
@@ -49,7 +49,7 @@ function Y(e, t = 0) {
   if (typeof a.widget != "string" || a.widget.length === 0)
     return i.push('Required field "widget" must be a non-empty string'), { valid: !1, errors: i, warnings: r };
   const s = a.widget;
-  if (t === 0 && a.type !== void 0 && a.type !== "u-widget" && i.push('"type" must be "u-widget" if specified'), a.fields !== void 0 && a.formdown !== void 0 && i.push('"fields" and "formdown" are mutually exclusive'), a.data !== void 0 && ($e.has(s) && !Array.isArray(a.data) && i.push(`"${s}" expects "data" to be an array, got ${typeof a.data}`), _e.has(s) && (Array.isArray(a.data) || typeof a.data != "object") && i.push(`"${s}" expects "data" to be an object, got ${Array.isArray(a.data) ? "array" : typeof a.data}`)), s === "compose") {
+  if (t === 0 && a.type !== void 0 && a.type !== "u-widget" && i.push('"type" must be "u-widget" if specified'), a.fields !== void 0 && a.formdown !== void 0 && i.push('"fields" and "formdown" are mutually exclusive'), a.data !== void 0 && (xe.has(s) && !Array.isArray(a.data) && i.push(`"${s}" expects "data" to be an array, got ${typeof a.data}`), $e.has(s) && (Array.isArray(a.data) || typeof a.data != "object") && i.push(`"${s}" expects "data" to be an object, got ${Array.isArray(a.data) ? "array" : typeof a.data}`)), s === "compose") {
     if (!Array.isArray(a.children))
       i.push('"compose" widget requires a "children" array');
     else
@@ -58,7 +58,7 @@ function Y(e, t = 0) {
         if (d == null || typeof d != "object" || typeof d.widget != "string")
           i.push(`children[${n}] must be an object with a "widget" field`);
         else {
-          const c = Y(d, t + 1);
+          const c = Z(d, t + 1);
           c.valid || i.push(...c.errors.map((p) => `children[${n}]: ${p}`)), r.push(...c.warnings.map((p) => `children[${n}]: ${p}`));
         }
       }
@@ -70,11 +70,11 @@ function Y(e, t = 0) {
   if (Array.isArray(a.fields))
     for (let n = 0; n < a.fields.length; n++) {
       const d = a.fields[n];
-      d == null || typeof d != "object" || typeof d.field != "string" ? i.push(`fields[${n}] must have a "field" string property`) : d.type != null && !xe.has(d.type) && r.push(`fields[${n}].type "${d.type}" is not a recognized field type`);
+      d == null || typeof d != "object" || typeof d.field != "string" ? i.push(`fields[${n}] must have a "field" string property`) : d.type != null && !ye.has(d.type) && r.push(`fields[${n}].type "${d.type}" is not a recognized field type`);
     }
   if (typeof a.formdown == "string" && a.formdown.length > 0 && !a.fields)
     try {
-      be()(a.formdown);
+      ve()(a.formdown);
     } catch {
       r.push("formdown string could not be parsed — check syntax");
     }
@@ -84,7 +84,7 @@ function Y(e, t = 0) {
       (d == null || typeof d != "object" || typeof d.label != "string" || typeof d.action != "string") && i.push(`actions[${n}] must have "label" and "action" string properties`);
     }
   if (a.mapping && typeof a.mapping == "object" && a.data) {
-    const n = a.mapping, d = ke(a.data);
+    const n = a.mapping, d = _e(a.data);
     if (d)
       for (const c of ["x", "y", "label", "value", "color", "size", "axis", "primary", "secondary", "icon", "avatar", "trailing"]) {
         const p = n[c];
@@ -95,139 +95,16 @@ function Y(e, t = 0) {
   }
   return { valid: i.length === 0, errors: i, warnings: r };
 }
-function ke(e) {
+function _e(e) {
   if (Array.isArray(e) && e.length > 0 && e[0] && typeof e[0] == "object")
     return new Set(Object.keys(e[0]));
   if (e && typeof e == "object" && !Array.isArray(e))
     return new Set(Object.keys(e));
 }
-function Dt(e) {
-  return Y(e).valid;
+function xt(e) {
+  return Z(e).valid;
 }
-const ce = ["B", "KB", "MB", "GB", "TB"], ze = /* @__PURE__ */ new Set([
-  "KRW",
-  "JPY",
-  "VND",
-  "IDR",
-  "BIF",
-  "CLP",
-  "GNF",
-  "ISK",
-  "KMF",
-  "MGA",
-  "PYG",
-  "RWF",
-  "UGX",
-  "UYI",
-  "VUV",
-  "XAF",
-  "XOF",
-  "XPF"
-]);
-function he(e, t, i) {
-  if (e == null) return "";
-  const [r, a] = t?.split(":") ?? [];
-  switch (r) {
-    case "number":
-      return Se(e, i);
-    case "currency":
-      return Ae(e, a, i);
-    case "percent":
-      return Ce(e, i);
-    case "date":
-      return De(e, i);
-    case "datetime":
-      return je(e, i);
-    case "bytes":
-      return Oe(e);
-    default:
-      return String(e);
-  }
-}
-function Se(e, t) {
-  const i = Number(e);
-  return isNaN(i) ? String(e) : new Intl.NumberFormat(t).format(i);
-}
-function Ae(e, t, i) {
-  const r = Number(e);
-  if (isNaN(r)) return String(e);
-  const a = t || "USD";
-  try {
-    const s = ze.has(a.toUpperCase());
-    return new Intl.NumberFormat(i, {
-      style: "currency",
-      currency: a,
-      ...s && {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-      }
-    }).format(r);
-  } catch {
-    return new Intl.NumberFormat(i, {
-      style: "currency",
-      currency: "USD"
-    }).format(r);
-  }
-}
-function Ce(e, t) {
-  const i = Number(e);
-  if (isNaN(i)) return String(e);
-  if (t)
-    try {
-      return new Intl.NumberFormat(t, {
-        style: "percent",
-        maximumFractionDigits: 2
-      }).format(i / 100);
-    } catch {
-    }
-  return i + "%";
-}
-function De(e, t) {
-  if (typeof e == "string" && /^\d{4}-\d{2}-\d{2}/.test(e)) {
-    if (t)
-      try {
-        const i = new Date(e);
-        if (!isNaN(i.getTime()))
-          return new Intl.DateTimeFormat(t, {
-            year: "numeric",
-            month: "2-digit",
-            day: "2-digit"
-          }).format(i);
-      } catch {
-      }
-    return e.slice(0, 10);
-  }
-  return String(e);
-}
-function je(e, t) {
-  if (typeof e == "string" && /^\d{4}-\d{2}-\d{2}/.test(e)) {
-    if (t)
-      try {
-        const i = new Date(e);
-        if (!isNaN(i.getTime()))
-          return new Intl.DateTimeFormat(t, {
-            year: "numeric",
-            month: "2-digit",
-            day: "2-digit",
-            hour: "2-digit",
-            minute: "2-digit"
-          }).format(i);
-      } catch {
-      }
-    return e.slice(0, 16).replace("T", " ");
-  }
-  return String(e);
-}
-function Oe(e) {
-  const t = Number(e);
-  if (isNaN(t)) return String(e);
-  const i = t < 0 ? "-" : "";
-  let r = Math.abs(t), a = 0;
-  for (; r >= 1024 && a < ce.length - 1; )
-    r /= 1024, a++;
-  return i + (a === 0 ? r : r.toFixed(1)) + " " + ce[a];
-}
-const Ee = [
+const ke = [
   "chart.bar",
   "chart.line",
   "chart.area",
@@ -263,19 +140,19 @@ const Ee = [
   "divider",
   "header"
 ];
-function Pe(e) {
+function ze(e) {
   if (!e) return;
   const t = e.toLowerCase();
   let i, r = 1 / 0;
-  for (const s of Ee) {
-    const n = Le(t, s);
+  for (const s of ke) {
+    const n = Se(t, s);
     n < r && (r = n, i = s);
   }
   const a = Math.min(3, Math.floor(t.length / 2));
   if (r <= a && r > 0)
     return i;
 }
-function Le(e, t) {
+function Se(e, t) {
   const i = e.length, r = t.length;
   if (i === 0) return r;
   if (r === 0) return i;
@@ -319,10 +196,10 @@ const K = {
   invalidUrl: "{label} must be a valid URL",
   invalidPattern: "{label} format is invalid"
 }, L = /* @__PURE__ */ new Map();
-function jt(e, t) {
+function $t(e, t) {
   L.set(e.toLowerCase(), { ...K, ...t });
 }
-function me(e) {
+function fe(e) {
   if (!e) return K;
   const t = e.toLowerCase();
   if (L.has(t)) return L.get(t);
@@ -335,28 +212,28 @@ function A(e, t) {
     (i, r) => t[r] != null ? String(t[r]) : `{${r}}`
   );
 }
-function Ot() {
+function _t() {
   return { ...K };
 }
 let V;
-function Et(e) {
+function kt(e) {
   V = e;
 }
-function Pt() {
+function zt() {
   return V;
 }
-function Ie(e) {
+function Ae(e) {
   if (e) return e;
   if (V) return V;
   if (typeof document < "u" && document.documentElement?.lang)
     return document.documentElement.lang;
 }
-var Ne = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, Z = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Fe(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+var je = Object.defineProperty, Ce = Object.getOwnPropertyDescriptor, X = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Ce(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && Ne(t, i, a), a;
+  return r && a && je(t, i, a), a;
 };
-function de(e, t) {
+function ce(e, t) {
   const i = e.value, r = e.format;
   return {
     value: r ? he(i, r, t) : i ?? 0,
@@ -379,13 +256,13 @@ let I = class extends y {
   render() {
     if (!this.spec?.data) return l;
     const e = this.spec.options?.locale;
-    return this.spec.widget === "stat-group" ? this.renderStatGroup(e) : this.renderMetric(de(this.spec.data, e));
+    return this.spec.widget === "stat-group" ? this.renderStatGroup(e) : this.renderMetric(ce(this.spec.data, e));
   }
   renderStatGroup(e) {
     const t = this.spec.data;
     return Array.isArray(t) ? o`
       <div class="stat-group" part="stat-group">
-        ${t.map((i) => this.renderMetric(de(i, e)))}
+        ${t.map((i) => this.renderMetric(ce(i, e)))}
       </div>
     ` : l;
   }
@@ -473,7 +350,7 @@ I.styles = [b, w`
     .metric[data-variant="success"] .metric-value { color: var(--u-widget-positive, #16a34a); }
     .metric[data-variant="danger"] .metric-value { color: var(--u-widget-negative, #dc2626); }
     .metric[data-variant="warning"] .metric-value { color: var(--u-widget-warning, #d97706); }
-    .metric[data-variant="info"]    .metric-value { color: var(--u-widget-primary, #3b82f6); }
+    .metric[data-variant="info"]    .metric-value { color: var(--u-widget-primary, #4f46e5); }
     .metric[data-variant="neutral"] .metric-value { color: var(--u-widget-text-secondary, #64748b); }
 
     /* ── stat-group ── */
@@ -513,27 +390,27 @@ I.styles = [b, w`
       }
     }
   `];
-Z([
-  f({ type: Object })
+X([
+  h({ type: Object })
 ], I.prototype, "spec", 2);
-Z([
-  f({ type: String, reflect: !0 })
+X([
+  h({ type: String, reflect: !0 })
 ], I.prototype, "theme", 2);
-I = Z([
+I = X([
   x("uw-metric")
 ], I);
-var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, Q = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Te(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+var Oe = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Y = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? De(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && Me(t, i, a), a;
+  return r && a && Oe(t, i, a), a;
 };
-const Ue = {
+const Ee = {
   min: 0,
   max: 100,
   unit: "",
   subtitle: "",
   thresholds: []
-}, Re = {
+}, Pe = {
   green: "#16a34a",
   yellow: "#eab308",
   orange: "#f97316",
@@ -541,14 +418,14 @@ const Ue = {
   blue: "#2563eb",
   gray: "#6b7280"
 };
-function pe(e) {
-  return Re[e] ?? e;
+function de(e) {
+  return Pe[e] ?? e;
 }
-function ue(e, t, i, r, a) {
+function pe(e, t, i, r, a) {
   const s = (r - 90) * Math.PI / 180, n = (a - 90) * Math.PI / 180, d = e + i * Math.cos(s), c = t + i * Math.sin(s), p = e + i * Math.cos(n), g = t + i * Math.sin(n), m = a - r > 180 ? 1 : 0;
   return `M ${d} ${c} A ${i} ${i} 0 ${m} 1 ${p} ${g}`;
 }
-let N = class extends y {
+let M = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -557,7 +434,7 @@ let N = class extends y {
   }
   getOptions() {
     const e = this.spec.options ?? {};
-    return { ...Ue, ...e };
+    return { ...Ee, ...e };
   }
   getValue() {
     const e = this.spec.data;
@@ -572,7 +449,7 @@ let N = class extends y {
     return i[i.length - 1].label ?? "";
   }
   renderGauge() {
-    const e = this.getOptions(), t = this.getValue(), i = e.max - e.min, r = i > 0 ? Math.max(0, Math.min(1, (t - e.min) / i)) : 0, a = this.getThresholdColor(t, e), s = this.getActiveLabel(t, e), n = 100, d = 100, c = 80, p = 150, g = 240, m = p + g * r, u = ue(n, d, c, p, p + g), h = r > 0 ? ue(n, d, c, p, m) : null, v = typeof this.spec.title == "string" ? this.spec.title : "Gauge", $ = s ? `${t}${e.unit} ${s}` : `${t}${e.unit}`;
+    const e = this.getOptions(), t = this.getValue(), i = e.max - e.min, r = i > 0 ? Math.max(0, Math.min(1, (t - e.min) / i)) : 0, a = this.getThresholdColor(t, e), s = this.getActiveLabel(t, e), n = 100, d = 100, c = 80, p = 150, g = 240, m = p + g * r, u = pe(n, d, c, p, p + g), f = r > 0 ? pe(n, d, c, p, m) : null, v = typeof this.spec.title == "string" ? this.spec.title : "Gauge", $ = s ? `${t}${e.unit} ${s}` : `${t}${e.unit}`;
     return o`
       <div class="gauge-container" part="gauge"
         role="meter"
@@ -590,7 +467,7 @@ let N = class extends y {
           </div>
           <svg class="gauge-svg" viewBox="0 0 200 195" role="presentation" aria-hidden="true">
             <path class="gauge-track" d="${u}" fill="none" stroke-width="12" stroke-linecap="round"></path>
-            <path class="gauge-fill" d="${h ?? "M0 0"}" fill="none" stroke="${h ? a : "none"}" stroke-width="12" stroke-linecap="round"></path>
+            <path class="gauge-fill" d="${f ?? "M0 0"}" fill="none" stroke="${f ? a : "none"}" stroke-width="12" stroke-linecap="round"></path>
           </svg>
         </div>
       </div>
@@ -628,11 +505,11 @@ let N = class extends y {
     if (!t.thresholds?.length) return "var(--u-widget-primary, #4f46e5)";
     const i = [...t.thresholds].sort((r, a) => r.to - a.to);
     for (const r of i)
-      if (e <= r.to) return pe(r.color);
-    return pe(i[i.length - 1].color);
+      if (e <= r.to) return de(r.color);
+    return de(i[i.length - 1].color);
   }
 };
-N.styles = [b, w`
+M.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -745,19 +622,19 @@ N.styles = [b, w`
       }
     }
   `];
-Q([
-  f({ type: Object })
-], N.prototype, "spec", 2);
-Q([
-  f({ type: String, reflect: !0 })
-], N.prototype, "theme", 2);
-N = Q([
+Y([
+  h({ type: Object })
+], M.prototype, "spec", 2);
+Y([
+  h({ type: String, reflect: !0 })
+], M.prototype, "theme", 2);
+M = Y([
   x("uw-gauge")
-], N);
-var qe = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, C = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Be(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], M);
+var Le = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, j = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Ie(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && qe(t, i, a), a;
+  return r && a && Le(t, i, a), a;
 };
 let _ = class extends y {
   constructor() {
@@ -825,7 +702,7 @@ let _ = class extends y {
   }
   get _locale() {
     const e = this.spec?.options?.locale;
-    return me(typeof e == "string" ? e : void 0);
+    return fe(typeof e == "string" ? e : void 0);
   }
   renderTable() {
     const e = this.spec.data, t = this.getColumns(e), i = this._locale, r = this.spec.options?.sortable !== !1, a = !!this.spec.options?.searchable, s = !!this.spec.options?.compact, n = Number(this.spec.options?.pageSize) || 0, d = this._searchQuery ? this.filterData(e, t) : e, c = this._sortField && this._sortDir ? this.sortData(d) : d, p = n > 0 ? Math.max(1, Math.ceil(c.length / n)) : 1, g = Math.min(this._page, p - 1), m = n > 0 ? c.slice(g * n, (g + 1) * n) : c, u = a ? o`
@@ -839,7 +716,7 @@ let _ = class extends y {
           @input=${this._onSearch}
         />
       </div>
-    ` : l, h = n > 0 && p > 1 ? o`
+    ` : l, f = n > 0 && p > 1 ? o`
       <nav class="pagination" part="pagination" aria-label=${i.tablePagination}>
         <button aria-label=${i.previousPage} ?disabled=${g === 0} @click=${() => this._onPageChange(g - 1)}>${i.prev}</button>
         <span aria-live="polite">${g + 1} / ${p}</span>
@@ -889,7 +766,7 @@ let _ = class extends y {
           </tbody>
         </table>
       </div>
-      ${h}
+      ${f}
     </div>`;
   }
   _onPageChange(e) {
@@ -1289,36 +1166,36 @@ _.styles = [b, w`
       }
     }
   `];
-C([
-  f({ type: Object })
+j([
+  h({ type: Object })
 ], _.prototype, "spec", 2);
-C([
-  f({ type: String, reflect: !0 })
+j([
+  h({ type: String, reflect: !0 })
 ], _.prototype, "theme", 2);
-C([
+j([
   S()
 ], _.prototype, "_sortField", 2);
-C([
+j([
   S()
 ], _.prototype, "_sortDir", 2);
-C([
+j([
   S()
 ], _.prototype, "_page", 2);
-C([
+j([
   S()
 ], _.prototype, "_searchQuery", 2);
-C([
+j([
   S()
 ], _.prototype, "_focusedIdx", 2);
-_ = C([
+_ = j([
   x("uw-table")
 ], _);
-var We = Object.defineProperty, He = Object.getOwnPropertyDescriptor, H = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? He(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, H = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Te(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && We(t, i, a), a;
+  return r && a && Me(t, i, a), a;
 };
-let D = class extends y {
+let C = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null, this._formData = {}, this._errors = {}, this._onFormSubmit = (e) => {
       e.preventDefault();
@@ -1546,7 +1423,7 @@ let D = class extends y {
   }
   get _locale() {
     const e = this.spec?.options?.locale;
-    return me(typeof e == "string" ? e : void 0);
+    return fe(typeof e == "string" ? e : void 0);
   }
   _validate() {
     const e = this.spec?.fields ?? [], t = {}, i = this._locale;
@@ -1610,7 +1487,7 @@ let D = class extends y {
     );
   }
 };
-D.styles = [b, w`
+C.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -1829,26 +1706,26 @@ D.styles = [b, w`
     }
   `];
 H([
-  f({ type: Object })
-], D.prototype, "spec", 2);
+  h({ type: Object })
+], C.prototype, "spec", 2);
 H([
-  f({ type: String, reflect: !0 })
-], D.prototype, "theme", 2);
+  h({ type: String, reflect: !0 })
+], C.prototype, "theme", 2);
 H([
   S()
-], D.prototype, "_formData", 2);
+], C.prototype, "_formData", 2);
 H([
   S()
-], D.prototype, "_errors", 2);
-D = H([
+], C.prototype, "_errors", 2);
+C = H([
   x("uw-form")
-], D);
-var Ke = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, ee = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ve(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], C);
+var Ne = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, ee = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Fe(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && Ke(t, i, a), a;
+  return r && a && Ne(t, i, a), a;
 };
-let F = class extends y {
+let T = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -1888,7 +1765,7 @@ let F = class extends y {
     return r ? o`<div class=${d} style=${r} part="child">${n}</div>` : o`<div class=${d} part="child">${n}</div>`;
   }
 };
-F.styles = [b, w`
+T.styles = [b, w`
     :host {
       display: block;
       container: uw-compose / inline-size;
@@ -1990,20 +1867,20 @@ F.styles = [b, w`
     }
   `];
 ee([
-  f({ type: Object })
-], F.prototype, "spec", 2);
+  h({ type: Object })
+], T.prototype, "spec", 2);
 ee([
-  f({ type: String, reflect: !0 })
-], F.prototype, "theme", 2);
-F = ee([
+  h({ type: String, reflect: !0 })
+], T.prototype, "theme", 2);
+T = ee([
   x("uw-compose")
-], F);
-var Ge = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, te = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Xe(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], T);
+var Ue = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, te = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Re(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && Ge(t, i, a), a;
+  return r && a && Ue(t, i, a), a;
 };
-let M = class extends y {
+let N = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -2053,8 +1930,8 @@ let M = class extends y {
     return t = t.replace(/^#### (.+)$/gm, "<h4>$1</h4>"), t = t.replace(/^### (.+)$/gm, "<h3>$1</h3>"), t = t.replace(/^## (.+)$/gm, "<h2>$1</h2>"), t = t.replace(/^# (.+)$/gm, "<h1>$1</h1>"), t = t.replace(/^---$/gm, "<hr>"), t = t.replace(/```[\s\S]*?```/g, (i) => `<pre><code>${i.slice(3, -3).replace(/^\w*\n/, "")}</code></pre>`), t = t.replace(
       /^(\|.+\|)\n(\|[\s:|-]+\|)\n((?:\|.+\|\n?)+)/gm,
       (i, r, a, s) => {
-        const n = (u) => u.split("|").slice(1, -1).map((h) => h.trim()), d = n(r), c = n(a).map((u) => u.startsWith(":") && u.endsWith(":") ? "center" : u.endsWith(":") ? "right" : "left"), p = s.trim().split(`
-`).map(n), g = d.map((u, h) => `<th scope="col" style="text-align:${c[h] ?? "left"}">${u}</th>`).join(""), m = p.map((u) => "<tr>" + u.map((h, v) => `<td style="text-align:${c[v] ?? "left"}">${h}</td>`).join("") + "</tr>").join("");
+        const n = (u) => u.split("|").slice(1, -1).map((f) => f.trim()), d = n(r), c = n(a).map((u) => u.startsWith(":") && u.endsWith(":") ? "center" : u.endsWith(":") ? "right" : "left"), p = s.trim().split(`
+`).map(n), g = d.map((u, f) => `<th scope="col" style="text-align:${c[f] ?? "left"}">${u}</th>`).join(""), m = p.map((u) => "<tr>" + u.map((f, v) => `<td style="text-align:${c[v] ?? "left"}">${f}</td>`).join("") + "</tr>").join("");
         return `<table><thead><tr>${g}</tr></thead><tbody>${m}</tbody></table>`;
       }
     ), t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/\*\*\*(.+?)\*\*\*/g, "<strong><em>$1</em></strong>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(
@@ -2071,7 +1948,7 @@ let M = class extends y {
     return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   }
 };
-M.styles = [b, w`
+N.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2201,26 +2078,26 @@ M.styles = [b, w`
     }
 
     .callout-info {
-      background: color-mix(in srgb, var(--u-widget-primary, #3b82f6) 12%, var(--u-widget-bg, #fff));
-      border-left-color: var(--u-widget-primary, #3b82f6);
+      background: color-mix(in srgb, var(--u-widget-primary, #4f46e5) 12%, var(--u-widget-bg, #fff));
+      border-left-color: var(--u-widget-primary, #4f46e5);
       color: var(--u-widget-text, #1a1a2e);
     }
 
     .callout-warning {
-      background: color-mix(in srgb, var(--u-widget-warning, #f59e0b) 12%, var(--u-widget-bg, #fff));
-      border-left-color: var(--u-widget-warning, #f59e0b);
+      background: color-mix(in srgb, var(--u-widget-warning, #d97706) 12%, var(--u-widget-bg, #fff));
+      border-left-color: var(--u-widget-warning, #d97706);
       color: var(--u-widget-text, #1a1a2e);
     }
 
     .callout-error {
-      background: color-mix(in srgb, var(--u-widget-negative, #ef4444) 12%, var(--u-widget-bg, #fff));
-      border-left-color: var(--u-widget-negative, #ef4444);
+      background: color-mix(in srgb, var(--u-widget-negative, #dc2626) 12%, var(--u-widget-bg, #fff));
+      border-left-color: var(--u-widget-negative, #dc2626);
       color: var(--u-widget-text, #1a1a2e);
     }
 
     .callout-success {
-      background: color-mix(in srgb, var(--u-widget-positive, #22c55e) 12%, var(--u-widget-bg, #fff));
-      border-left-color: var(--u-widget-positive, #22c55e);
+      background: color-mix(in srgb, var(--u-widget-positive, #16a34a) 12%, var(--u-widget-bg, #fff));
+      border-left-color: var(--u-widget-positive, #16a34a);
       color: var(--u-widget-text, #1a1a2e);
     }
 
@@ -2249,20 +2126,20 @@ M.styles = [b, w`
     }
   `];
 te([
-  f({ type: Object })
-], M.prototype, "spec", 2);
+  h({ type: Object })
+], N.prototype, "spec", 2);
 te([
-  f({ type: String, reflect: !0 })
-], M.prototype, "theme", 2);
-M = te([
+  h({ type: String, reflect: !0 })
+], N.prototype, "theme", 2);
+N = te([
   x("uw-content")
-], M);
-var Je = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, re = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Ye(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], N);
+var qe = Object.defineProperty, We = Object.getOwnPropertyDescriptor, re = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? We(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && Je(t, i, a), a;
+  return r && a && qe(t, i, a), a;
 };
-let T = class extends y {
+let F = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -2293,7 +2170,7 @@ let T = class extends y {
     return e ? Array.isArray(e) ? e.filter((t) => t != null && typeof t == "object" && "key" in t && "value" in t).map((t) => [String(t.key), t.value]) : typeof e == "object" ? Object.entries(e) : [] : [];
   }
 };
-T.styles = [b, w`
+F.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2388,20 +2265,20 @@ T.styles = [b, w`
     }
   `];
 re([
-  f({ type: Object })
-], T.prototype, "spec", 2);
+  h({ type: Object })
+], F.prototype, "spec", 2);
 re([
-  f({ type: String, reflect: !0 })
-], T.prototype, "theme", 2);
-T = re([
+  h({ type: String, reflect: !0 })
+], F.prototype, "theme", 2);
+F = re([
   x("uw-kv")
-], T);
-var Ze = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, G = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? Qe(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], F);
+var Be = Object.defineProperty, He = Object.getOwnPropertyDescriptor, G = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? He(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && Ze(t, i, a), a;
+  return r && a && Be(t, i, a), a;
 };
-const et = {
+const Ke = {
   javascript: ["//", ["/*", "*/"]],
   typescript: ["//", ["/*", "*/"]],
   python: ["#"],
@@ -2413,7 +2290,7 @@ const et = {
   bash: ["#"],
   css: [void 0, ["/*", "*/"]],
   html: [void 0, ["<!--", "-->"]]
-}, tt = {
+}, Ve = {
   javascript: "async await break case catch class const continue default delete do else export extends false finally for from function if import in instanceof let new null of return static super switch this throw true try typeof undefined var void while with yield",
   typescript: "abstract any as async await boolean break case catch class const continue declare default delete do else enum export extends false finally for from function if implements import in instanceof interface is keyof let namespace never new null number of override private protected public readonly return static string super switch this throw true try type typeof undefined var void while with yield",
   python: "False None True and as assert async await break class continue def del elif else except finally for from global if import in is lambda nonlocal not or pass raise return try while with yield",
@@ -2423,7 +2300,7 @@ const et = {
   rust: "as async await break const continue crate dyn else enum extern false fn for if impl in let loop match mod move mut pub ref return self static struct super trait true type unsafe use where while",
   sql: "ALL ALTER AND AS ASC BETWEEN BY CASE CREATE DELETE DESC DISTINCT DROP ELSE END EXISTS FALSE FROM GROUP HAVING IF IN INDEX INSERT INTO IS JOIN LEFT LIKE LIMIT NOT NULL ON OR ORDER PRIMARY SELECT SET TABLE THEN TRUE UNION UPDATE VALUES WHERE",
   bash: "break case do done elif else esac fi for function if in local read return select then until while"
-}, rt = {
+}, Ge = {
   js: "javascript",
   ts: "typescript",
   py: "python",
@@ -2442,26 +2319,26 @@ const et = {
   jsonc: "json",
   psql: "sql",
   mysql: "sql"
-}, ge = /* @__PURE__ */ new Map();
-function it(e) {
-  let t = ge.get(e);
+}, ue = /* @__PURE__ */ new Map();
+function Je(e) {
+  let t = ue.get(e);
   if (!t) {
-    const i = tt[e] || "";
-    t = i ? new Set(i.split(" ")) : /* @__PURE__ */ new Set(), ge.set(e, t);
+    const i = Ve[e] || "";
+    t = i ? new Set(i.split(" ")) : /* @__PURE__ */ new Set(), ue.set(e, t);
   }
   return t;
 }
 function z(e) {
   return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
-function j(e, t) {
+function O(e, t) {
   const i = z(e);
   return i.includes(`
 `) ? i.split(`
 `).map((r) => `<span class="hl-${t}">${r}</span>`).join(`
 `) : `<span class="hl-${t}">${i}</span>`;
 }
-function ve(e, t, i) {
+function me(e, t, i) {
   let r = t + 1;
   for (; r < e.length; ) {
     if (e[r] === "\\") {
@@ -2475,42 +2352,42 @@ function ve(e, t, i) {
   }
   return e.length;
 }
-function at(e, t) {
+function Qe(e, t) {
   if (!t) return z(e);
-  const i = rt[t] || t;
-  if (i === "json") return st(e);
-  const r = it(i), a = et[i], s = a?.[0], n = a?.[1], d = i === "javascript" || i === "typescript";
+  const i = Ge[t] || t;
+  if (i === "json") return Ze(e);
+  const r = Je(i), a = Ke[i], s = a?.[0], n = a?.[1], d = i === "javascript" || i === "typescript";
   let c = "", p = 0;
   const g = e.length;
   for (; p < g; ) {
     if (n && e.startsWith(n[0], p)) {
-      const u = e.indexOf(n[1], p + n[0].length), h = u === -1 ? e.slice(p) : e.slice(p, u + n[1].length);
-      c += j(h, "c"), p += h.length;
+      const u = e.indexOf(n[1], p + n[0].length), f = u === -1 ? e.slice(p) : e.slice(p, u + n[1].length);
+      c += O(f, "c"), p += f.length;
       continue;
     }
     if (s && e.startsWith(s, p)) {
       const u = e.indexOf(`
-`, p), h = u === -1 ? e.slice(p) : e.slice(p, u);
-      c += j(h, "c"), p += h.length;
+`, p), f = u === -1 ? e.slice(p) : e.slice(p, u);
+      c += O(f, "c"), p += f.length;
       continue;
     }
     const m = e[p];
     if (m === '"' || m === "'" || m === "`" && d) {
-      const u = ve(e, p, m);
-      c += j(e.slice(p, u), "s"), p = u;
+      const u = me(e, p, m);
+      c += O(e.slice(p, u), "s"), p = u;
       continue;
     }
     if (/\d/.test(m) && (p === 0 || !/[a-zA-Z_$]/.test(e[p - 1]))) {
       let u = p + 1;
       for (; u < g && /[0-9a-fA-FxXoObBeE._]/.test(e[u]); ) u++;
-      c += j(e.slice(p, u), "n"), p = u;
+      c += O(e.slice(p, u), "n"), p = u;
       continue;
     }
     if (/[a-zA-Z_$]/.test(m)) {
       let u = p + 1;
       for (; u < g && /[a-zA-Z0-9_$]/.test(e[u]); ) u++;
-      const h = e.slice(p, u);
-      c += r.has(h) ? `<span class="hl-k">${z(h)}</span>` : z(h), p = u;
+      const f = e.slice(p, u);
+      c += r.has(f) ? `<span class="hl-k">${z(f)}</span>` : z(f), p = u;
       continue;
     }
     if (i === "html" && m === "<" && p + 1 < g && /[a-zA-Z/!]/.test(e[p + 1])) {
@@ -2523,28 +2400,28 @@ function at(e, t) {
     if (i === "css" && /[a-z-]/.test(m)) {
       let u = p + 1;
       for (; u < g && /[a-z-]/.test(e[u]); ) u++;
-      const h = e.slice(p, u);
-      e.slice(u).trimStart()[0] === ":" ? c += `<span class="hl-k">${z(h)}</span>` : c += z(h), p = u;
+      const f = e.slice(p, u);
+      e.slice(u).trimStart()[0] === ":" ? c += `<span class="hl-k">${z(f)}</span>` : c += z(f), p = u;
       continue;
     }
     c += z(m), p++;
   }
   return c;
 }
-function st(e) {
+function Ze(e) {
   let t = "", i = 0;
   const r = e.length;
   for (; i < r; ) {
     const a = e[i];
     if (a === '"') {
-      const n = ve(e, i, '"'), d = e.slice(i, n), c = e.slice(n).trimStart();
-      t += j(d, c[0] === ":" ? "k" : "s"), i = n;
+      const n = me(e, i, '"'), d = e.slice(i, n), c = e.slice(n).trimStart();
+      t += O(d, c[0] === ":" ? "k" : "s"), i = n;
       continue;
     }
     if (/[\d-]/.test(a) && (i === 0 || /[\s,:\[{]/.test(e[i - 1]))) {
       let n = i + 1;
       for (; n < r && /[0-9.eE+\-]/.test(e[n]); ) n++;
-      t += j(e.slice(i, n), "n"), i = n;
+      t += O(e.slice(i, n), "n"), i = n;
       continue;
     }
     let s = !1;
@@ -2557,7 +2434,7 @@ function st(e) {
   }
   return t;
 }
-let O = class extends y {
+let D = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null, this._copied = !1;
   }
@@ -2569,9 +2446,9 @@ let O = class extends y {
     if (!t) return l;
     const i = String(e.language ?? "").toLowerCase(), r = this.spec.options ?? {}, a = r.lineNumbers !== !1, s = !!(r.wrap ?? !1), n = r.maxHeight ? String(r.maxHeight) : void 0, d = new Set(
       Array.isArray(r.highlight) ? r.highlight : []
-    ), g = at(t, i).split(`
-`).map((u, h) => {
-      const v = h + 1, $ = d.has(v) ? " line-hl" : "", k = a ? `<span class="line-no">${v}</span>` : "";
+    ), g = Qe(t, i).split(`
+`).map((u, f) => {
+      const v = f + 1, $ = d.has(v) ? " line-hl" : "", k = a ? `<span class="line-no">${v}</span>` : "";
       return `<span class="line${$}">${k}${u || " "}</span>`;
     }).join(""), m = n ? `max-height: ${n}` : "";
     return o`
@@ -2604,7 +2481,7 @@ let O = class extends y {
     }
   }
 };
-O.styles = [b, w`
+D.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2708,21 +2585,21 @@ O.styles = [b, w`
     }
   `];
 G([
-  f({ type: Object })
-], O.prototype, "spec", 2);
+  h({ type: Object })
+], D.prototype, "spec", 2);
 G([
-  f({ type: String, reflect: !0 })
-], O.prototype, "theme", 2);
+  h({ type: String, reflect: !0 })
+], D.prototype, "theme", 2);
 G([
   S()
-], O.prototype, "_copied", 2);
-O = G([
+], D.prototype, "_copied", 2);
+D = G([
   x("uw-code")
-], O);
-var nt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, ie = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? ot(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], D);
+var Xe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, ae = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? Ye(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && nt(t, i, a), a;
+  return r && a && Xe(t, i, a), a;
 };
 let U = class extends y {
   constructor() {
@@ -2908,21 +2785,21 @@ U.styles = [b, w`
       .cite-snippet { font-size: 0.75rem; }
     }
   `];
-ie([
-  f({ type: Object })
+ae([
+  h({ type: Object })
 ], U.prototype, "spec", 2);
-ie([
-  f({ type: String, reflect: !0 })
+ae([
+  h({ type: String, reflect: !0 })
 ], U.prototype, "theme", 2);
-U = ie([
+U = ae([
   x("uw-citation")
 ], U);
-var lt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, ae = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? ct(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+var et = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, ie = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? tt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && lt(t, i, a), a;
+  return r && a && et(t, i, a), a;
 };
-const dt = /* @__PURE__ */ new Set(["info", "success", "warning", "error", "neutral"]), pt = {
+const rt = /* @__PURE__ */ new Set(["info", "success", "warning", "error", "neutral"]), at = {
   info: "●",
   // ●
   success: "✓",
@@ -2945,7 +2822,7 @@ let R = class extends y {
       <div class="status-list" part="status" role="list" aria-label=${this.spec.title ?? "Status"}>
         ${e.map((t) => o`
           <div class="status-item" part="status-item" role="listitem" data-level=${t.level}>
-            <span class="status-icon" part="status-icon" aria-hidden="true">${pt[t.level]}</span>
+            <span class="status-icon" part="status-icon" aria-hidden="true">${at[t.level]}</span>
             <span class="status-label" part="status-label">${t.label}</span>
             <span class="status-value" part="status-value">${t.value}</span>
           </div>
@@ -2976,7 +2853,7 @@ let R = class extends y {
   }
   _resolveLevel(e) {
     const t = String(e ?? "info");
-    return dt.has(t) ? t : "info";
+    return rt.has(t) ? t : "info";
   }
 };
 R.styles = [b, w`
@@ -3020,7 +2897,7 @@ R.styles = [b, w`
     /* Level colors */
     [data-level="info"] .status-icon,
     [data-level="info"] .status-value {
-      color: var(--u-widget-primary, #3b82f6);
+      color: var(--u-widget-primary, #4f46e5);
     }
     [data-level="success"] .status-icon,
     [data-level="success"] .status-value {
@@ -3028,7 +2905,7 @@ R.styles = [b, w`
     }
     [data-level="warning"] .status-icon,
     [data-level="warning"] .status-value {
-      color: var(--u-widget-warning, #f59e0b);
+      color: var(--u-widget-warning, #d97706);
     }
     [data-level="error"] .status-icon,
     [data-level="error"] .status-value {
@@ -3044,22 +2921,22 @@ R.styles = [b, w`
       .status-item { font-size: 0.8125rem; }
     }
   `];
-ae([
-  f({ type: Object })
+ie([
+  h({ type: Object })
 ], R.prototype, "spec", 2);
-ae([
-  f({ type: String, reflect: !0 })
+ie([
+  h({ type: String, reflect: !0 })
 ], R.prototype, "theme", 2);
-R = ae([
+R = ie([
   x("uw-status")
 ], R);
-var ut = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, se = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? gt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+var it = Object.defineProperty, st = Object.getOwnPropertyDescriptor, se = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? st(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && ut(t, i, a), a;
+  return r && a && it(t, i, a), a;
 };
-const ft = /* @__PURE__ */ new Set(["done", "active", "pending", "error"]);
-function fe(e, t) {
+const nt = /* @__PURE__ */ new Set(["done", "active", "pending", "error"]);
+function ge(e, t) {
   if (t) return o`<span class="step-icon-text">${t}</span>`;
   switch (e) {
     case "done":
@@ -3090,7 +2967,7 @@ let q = class extends y {
         ${e.map((i) => o`
           <div class="step-v" part="step" role="listitem" data-status=${i.status}>
             <div class="step-track">
-              <span class="step-icon" part="step-icon" aria-hidden="true">${fe(i.status, i.icon)}</span>
+              <span class="step-icon" part="step-icon" aria-hidden="true">${ge(i.status, i.icon)}</span>
               <div class="step-line"></div>
             </div>
             <div class="step-body">
@@ -3112,7 +2989,7 @@ let q = class extends y {
             <div class="step-h" part="step" role="listitem" data-status=${i.status}>
               <div class="step-h-top">
                 <div class="step-h-line" ?data-done=${a}></div>
-                <span class="step-icon" part="step-icon" aria-hidden="true">${fe(i.status, i.icon)}</span>
+                <span class="step-icon" part="step-icon" aria-hidden="true">${ge(i.status, i.icon)}</span>
                 <div class="step-h-line" ?data-done=${s}></div>
               </div>
               <div class="step-label" part="step-label">${i.label}</div>
@@ -3135,7 +3012,7 @@ let q = class extends y {
   }
   _resolveStatus(e) {
     const t = String(e ?? "pending");
-    return ft.has(t) ? t : "pending";
+    return nt.has(t) ? t : "pending";
   }
 };
 q.styles = [b, w`
@@ -3371,20 +3248,20 @@ q.styles = [b, w`
     }
   `];
 se([
-  f({ type: Object })
+  h({ type: Object })
 ], q.prototype, "spec", 2);
 se([
-  f({ type: String, reflect: !0 })
+  h({ type: String, reflect: !0 })
 ], q.prototype, "theme", 2);
 q = se([
   x("uw-steps")
 ], q);
-var ht = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, X = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? mt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+var ot = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, J = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? lt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && ht(t, i, a), a;
+  return r && a && ot(t, i, a), a;
 };
-const vt = {
+const ct = {
   star: ["☆", "★", "★"],
   // ☆, ★, ★
   heart: ["♡", "♥", "♥"],
@@ -3398,7 +3275,7 @@ let E = class extends y {
   }
   render() {
     if (!this.spec) return l;
-    const e = this.spec.data ?? {}, t = this.spec.options ?? {}, i = typeof e.value == "number" ? e.value : 0, r = typeof t.max == "number" ? t.max : typeof e.max == "number" ? e.max : 5, a = !!(t.interactive ?? !1), s = this._resolveIcon(t.icon), n = typeof t.label == "string" ? t.label : void 0, d = typeof e.count == "number" ? e.count : void 0, c = vt[s], p = this._hoverIdx >= 0 ? this._hoverIdx + 1 : i;
+    const e = this.spec.data ?? {}, t = this.spec.options ?? {}, i = typeof e.value == "number" ? e.value : 0, r = typeof t.max == "number" ? t.max : typeof e.max == "number" ? e.max : 5, a = !!(t.interactive ?? !1), s = this._resolveIcon(t.icon), n = typeof t.label == "string" ? t.label : void 0, d = typeof e.count == "number" ? e.count : void 0, c = ct[s], p = this._hoverIdx >= 0 ? this._hoverIdx + 1 : i;
     return o`
       <div class="rating" part="rating" role=${a ? "radiogroup" : "img"}
            aria-label=${this.spec.title ?? n ?? `Rating: ${i} out of ${r}`}>
@@ -3576,24 +3453,24 @@ E.styles = [b, w`
       .rating-value { font-size: 0.8125rem; }
     }
   `];
-X([
-  f({ type: Object })
+J([
+  h({ type: Object })
 ], E.prototype, "spec", 2);
-X([
-  f({ type: String, reflect: !0 })
+J([
+  h({ type: String, reflect: !0 })
 ], E.prototype, "theme", 2);
-X([
+J([
   S()
 ], E.prototype, "_hoverIdx", 2);
-E = X([
+E = J([
   x("uw-rating")
 ], E);
-var bt = Object.defineProperty, wt = Object.getOwnPropertyDescriptor, ne = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? wt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+var dt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, ne = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? pt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && bt(t, i, a), a;
+  return r && a && dt(t, i, a), a;
 };
-let B = class extends y {
+let W = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -3627,7 +3504,7 @@ let B = class extends y {
     return /^(javascript|data|vbscript):/i.test(t) ? "" : e;
   }
 };
-B.styles = [b, w`
+W.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -3662,20 +3539,20 @@ B.styles = [b, w`
     }
   `];
 ne([
-  f({ type: Object })
-], B.prototype, "spec", 2);
+  h({ type: Object })
+], W.prototype, "spec", 2);
 ne([
-  f({ type: String, reflect: !0 })
-], B.prototype, "theme", 2);
-B = ne([
+  h({ type: String, reflect: !0 })
+], W.prototype, "theme", 2);
+W = ne([
   x("uw-video")
-], B);
-var yt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, oe = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? xt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], W);
+var ut = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, oe = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? gt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && yt(t, i, a), a;
+  return r && a && ut(t, i, a), a;
 };
-let W = class extends y {
+let B = class extends y {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -3716,7 +3593,7 @@ let W = class extends y {
     return /^(javascript|data|vbscript):/i.test(t) ? "" : e;
   }
 };
-W.styles = [b, w`
+B.styles = [b, w`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -3755,18 +3632,18 @@ W.styles = [b, w`
     }
   `];
 oe([
-  f({ type: Object })
-], W.prototype, "spec", 2);
+  h({ type: Object })
+], B.prototype, "spec", 2);
 oe([
-  f({ type: String, reflect: !0 })
-], W.prototype, "theme", 2);
-W = oe([
+  h({ type: String, reflect: !0 })
+], B.prototype, "theme", 2);
+B = oe([
   x("uw-gallery")
-], W);
-var $t = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, J = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? _t(t, i) : t, s = e.length - 1, n; s >= 0; s--)
+], B);
+var ht = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, Q = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? ft(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && $t(t, i, a), a;
+  return r && a && ht(t, i, a), a;
 };
 let P = class extends y {
   constructor() {
@@ -3789,16 +3666,16 @@ let P = class extends y {
   render() {
     if (!this.spec)
       return o`<slot></slot>`;
-    const e = Y(this.spec);
+    const e = Z(this.spec);
     if (!e.valid)
       return this.renderError(e.errors);
-    const t = ye(this.spec);
+    const t = we(this.spec);
     return this.renderWidget(t);
   }
   renderWidget(e) {
-    const t = e.widget, i = e.mapping ?? we(t, e.data);
+    const t = e.widget, i = e.mapping ?? be(t, e.data);
     let r = i ? { ...e, mapping: i } : e;
-    const a = Ie(this.locale);
+    const a = Ae(this.locale);
     a && !r.options?.locale && (r = {
       ...r,
       options: { ...r.options, locale: a }
@@ -3872,13 +3749,13 @@ let P = class extends y {
     }
     const g = !(t === "header" || t === "actions" || t === "divider" || t === "compose") && r.title ? o`<div class="widget-title" part="title">${r.title}</div>` : l;
     if (!!r.options?.card ? c = o`<div class="card-container" part="card">${g}${c}</div>` : g !== l && (c = o`${g}${c}`), d.length > 0) {
-      const u = d.map((h) => o`
+      const u = d.map((f) => o`
         <button
-          data-style=${h.style ?? "default"}
-          ?disabled=${h.disabled}
-          @click=${() => this._dispatchAction(r, h)}
+          data-style=${f.style ?? "default"}
+          ?disabled=${f.disabled}
+          @click=${() => this._dispatchAction(r, f)}
           part="action-btn"
-        >${h.label}</button>
+        >${f.label}</button>
       `);
       return o`<div part="widget-container">${c}<div class="global-actions" part="actions">${u}</div></div>`;
     }
@@ -3941,7 +3818,7 @@ let P = class extends y {
     );
   }
   renderFallback(e) {
-    const t = Pe(e.widget);
+    const t = ze(e.widget);
     return o`
       <div class="fallback-card" part="fallback">
         <div class="fallback-label">${e.title ?? `Unknown widget: ${e.widget}`}</div>
@@ -3975,12 +3852,12 @@ P.styles = [
       .error-card {
         padding: 10px 14px;
         border-radius: 6px;
-        border: 1px solid var(--u-widget-negative, #ef4444);
-        background: color-mix(in srgb, var(--u-widget-negative, #ef4444) 8%, var(--u-widget-bg, #fff));
+        border: 1px solid var(--u-widget-negative, #dc2626);
+        background: color-mix(in srgb, var(--u-widget-negative, #dc2626) 8%, var(--u-widget-bg, #fff));
         font-size: 0.8125rem;
       }
 
-      .error-header { font-weight: 600; color: var(--u-widget-negative, #ef4444); margin-bottom: 4px; }
+      .error-header { font-weight: 600; color: var(--u-widget-negative, #dc2626); margin-bottom: 4px; }
       .error-list { margin: 0; padding-left: 20px; color: var(--u-widget-text-secondary, #64748b); }
 
       .fallback-card {
@@ -4143,8 +4020,8 @@ P.styles = [
       }
     `
 ];
-J([
-  f({
+Q([
+  h({
     type: Object,
     converter: {
       fromAttribute(e) {
@@ -4158,32 +4035,32 @@ J([
     }
   })
 ], P.prototype, "spec", 2);
-J([
-  f({ type: String, reflect: !0 })
+Q([
+  h({ type: String, reflect: !0 })
 ], P.prototype, "theme", 2);
-J([
-  f({ type: String, reflect: !0 })
+Q([
+  h({ type: String, reflect: !0 })
 ], P.prototype, "locale", 2);
-P = J([
+P = Q([
   x("u-widget")
 ], P);
 export {
   P as UWidget,
   A as formatTemplate,
   he as formatValue,
-  Ot as getDefaultLocale,
-  Pt as getEffectiveLocale,
-  be as getFormdownParser,
-  me as getLocaleStrings,
-  we as infer,
-  Dt as isWidgetSpec,
-  ye as normalize,
-  Nt as parseFormdown,
-  Ft as registerFormdownParser,
-  jt as registerLocale,
-  Ie as resolveLocale,
-  Et as setDefaultLocale,
-  Pe as suggestWidget,
-  Y as validate
+  _t as getDefaultLocale,
+  zt as getEffectiveLocale,
+  ve as getFormdownParser,
+  fe as getLocaleStrings,
+  be as infer,
+  xt as isWidgetSpec,
+  we as normalize,
+  jt as parseFormdown,
+  Ct as registerFormdownParser,
+  $t as registerLocale,
+  Ae as resolveLocale,
+  kt as setDefaultLocale,
+  ze as suggestWidget,
+  Z as validate
 };
 //# sourceMappingURL=u-widgets.js.map