@iyulab/u-widgets 0.9.2 → 0.10.0

package/dist/u-widgets-math.d.ts

@@ -0,0 +1,219 @@
+import { CSSResult } from 'lit';
+import { LitElement } from 'lit';
+import { nothing } from 'lit';
+import { TemplateResult } from 'lit-html';
+
+/** Supported input field types for form widgets. */
+declare type FieldType = 'text' | 'email' | 'password' | 'tel' | 'url' | 'textarea' | 'number' | 'select' | 'multiselect' | 'date' | 'datetime' | 'time' | 'toggle' | 'range' | 'radio' | 'checkbox';
+
+/**
+ * Action button definition.
+ *
+ * Reserved actions: `"submit"`, `"cancel"`, `"navigate"`.
+ * Custom action strings are forwarded to the host via the `u-widget-event`.
+ *
+ * @example
+ * ```json
+ * { "label": "Submit", "action": "submit", "style": "primary" }
+ * ```
+ */
+declare interface UWidgetAction {
+    /** Button display text. */
+    label: string;
+    /** Action identifier emitted in the widget event. */
+    action: string;
+    /** Visual style hint. */
+    style?: 'primary' | 'danger' | 'default';
+    /** Whether the button is disabled. */
+    disabled?: boolean;
+    /** URL for `"navigate"` actions. */
+    url?: string;
+}
+
+/**
+ * Child widget spec inside a compose widget.
+ * Inherits `type` and `version` from the parent — no need to repeat them.
+ */
+declare interface UWidgetChildSpec extends Omit<UWidgetSpec, 'type' | 'version'> {
+    /** Grid column span within the parent compose layout. */
+    span?: number;
+    /** When true, the child is initially collapsed (uses native `<details>`). */
+    collapsed?: boolean;
+}
+
+/**
+ * Column definition for table widgets.
+ *
+ * @example
+ * ```json
+ * { "field": "price", "label": "Price", "format": "currency", "align": "right" }
+ * ```
+ */
+declare interface UWidgetColumnDefinition {
+    /** Data field name to display in this column. */
+    field: string;
+    /** Display header label. Defaults to the field name. */
+    label?: string;
+    /** Value formatting hint (e.g., `"currency"`, `"currency:EUR"`, `"percent"`). */
+    format?: 'number' | 'currency' | 'percent' | 'date' | 'datetime' | 'bytes';
+    /** Text alignment within the column. */
+    align?: 'left' | 'center' | 'right';
+}
+
+/**
+ * Field definition for form/confirm input widgets.
+ *
+ * @example
+ * ```json
+ * { "field": "email", "label": "Email", "type": "email", "required": true }
+ * ```
+ */
+declare interface UWidgetFieldDefinition {
+    /** Data field name (maps to `data[field]` for defaults and output). */
+    field: string;
+    /** Display label. Defaults to the field name. */
+    label?: string;
+    /** Input type. Defaults to `"text"`. */
+    type?: FieldType;
+    /** Whether the field must be filled before submit. */
+    required?: boolean;
+    /** Placeholder text shown when the field is empty. */
+    placeholder?: string;
+    /** Options for select, multiselect, radio, and checkbox types. */
+    options?: string[];
+    /** Minimum character length for text inputs. */
+    minLength?: number;
+    /** Maximum character length for text inputs. */
+    maxLength?: number;
+    /** Custom regex pattern for validation (e.g. `"^[A-Z]{3}$"`). */
+    pattern?: string;
+    /** Number of visible rows for textarea type. */
+    rows?: number;
+    /** Minimum value (number) or date string. */
+    min?: number | string;
+    /** Maximum value (number) or date string. */
+    max?: number | string;
+    /** Step increment for number and range inputs. */
+    step?: number;
+    /** Custom validation error message (overrides locale default). */
+    message?: string;
+}
+
+/**
+ * Mapping connects data fields to visual channels.
+ *
+ * Which keys are relevant depends on the widget type:
+ * - **chart.bar/line/area:** `x`, `y`
+ * - **chart.pie/funnel:** `label`, `value`
+ * - **chart.scatter:** `x`, `y`, `color`, `size`
+ * - **chart.radar:** `axis`, `value`
+ * - **table:** `columns`
+ * - **list:** `primary`, `secondary`, `avatar`, `icon`, `trailing`
+ *
+ * When omitted, mapping is auto-inferred from the data shape.
+ */
+declare interface UWidgetMapping {
+    /** Category axis field (chart x-axis). */
+    x?: string;
+    /** Value axis field(s). A string for single series, string[] for multi-series. */
+    y?: string | string[];
+    /** Label field (pie/funnel charts). */
+    label?: string;
+    /** Value field (pie/funnel/heatmap). */
+    value?: string;
+    /** Color grouping field (scatter). */
+    color?: string;
+    /** Size encoding field (scatter bubble). */
+    size?: string;
+    /** Opacity encoding field (scatter). Maps data values to point opacity (0.1–1.0). */
+    opacity?: string;
+    /** Axis field (radar chart indicators). */
+    axis?: string;
+    /** Explicit column definitions for table widgets. */
+    columns?: UWidgetColumnDefinition[];
+    /** Primary text field (list widget). */
+    primary?: string;
+    /** Secondary/subtitle text field (list widget). */
+    secondary?: string;
+    /** Icon letter field (list widget fallback when no avatar). */
+    icon?: string;
+    /** Avatar image URL field (list widget). */
+    avatar?: string;
+    /** Trailing value field displayed on the right (list widget). */
+    trailing?: string;
+    /** Badge/tag field (list widget). */
+    badge?: string;
+}
+
+/**
+ * The u-widget spec envelope — a single, consistent structure for all widgets.
+ *
+ * Only `widget` is required. All other fields are optional or auto-inferred.
+ *
+ * @example
+ * ```ts
+ * const spec: UWidgetSpec = {
+ *   widget: 'chart.bar',
+ *   data: [{ name: 'A', value: 30 }, { name: 'B', value: 70 }],
+ *   mapping: { x: 'name', y: 'value' },
+ * };
+ * ```
+ */
+declare interface UWidgetSpec {
+    /** Widget type identifier (e.g., `"chart.bar"`, `"metric"`, `"form"`). */
+    widget: string;
+    /** Unique identifier for event correlation and compose children. */
+    id?: string;
+    /** Optional display title rendered above the widget. */
+    title?: string;
+    /** Optional description text rendered below the title. */
+    description?: string;
+    /** Inline data — an object (metric/gauge) or array of records (chart/table). */
+    data?: Record<string, unknown> | Record<string, unknown>[];
+    /** Maps data fields to visual channels. Auto-inferred when omitted. */
+    mapping?: UWidgetMapping;
+    /** Field definitions for form/confirm widgets. */
+    fields?: UWidgetFieldDefinition[];
+    /** Formdown shorthand syntax for form fields (mutually exclusive with `fields`). */
+    formdown?: string;
+    /**
+     * Widget-specific rendering options.
+     *
+     * Chart widgets support an `echarts` sub-key for native ECharts option passthrough:
+     * ```json
+     * { "options": { "echarts": { "tooltip": { "trigger": "axis" } } } }
+     * ```
+     * All keys in `options.echarts` are deep-merged into the generated ECharts option.
+     * @see https://echarts.apache.org/en/option.html
+     */
+    options?: Record<string, unknown>;
+    /** Action buttons displayed below the widget. */
+    actions?: UWidgetAction[];
+    /** Interchange format type marker. Always `"u-widget"` if present. */
+    type?: 'u-widget';
+    /** Interchange format version string. */
+    version?: string;
+    /** Layout mode for compose widget: `"stack"` (default), `"row"`, or `"grid"`. */
+    layout?: 'stack' | 'row' | 'grid';
+    /** Number of grid columns for compose `"grid"` layout. Default: 2. */
+    columns?: number;
+    /** Child widget specs for compose widget. */
+    children?: UWidgetChildSpec[];
+    /** Grid column span for children inside a compose `"grid"` layout. */
+    span?: number;
+}
+
+/**
+ * <uw-math> — LaTeX math expression renderer via KaTeX.
+ *
+ * Uses MathML output for zero-CSS rendering in Shadow DOM.
+ * Loaded via the `u-widgets/math` entry point. Requires `katex` as a peer dependency.
+ */
+export declare class UwMath extends LitElement {
+    static styles: CSSResult[];
+    spec: UWidgetSpec | null;
+    theme: string | null;
+    render(): typeof nothing | TemplateResult<1>;
+}
+
+export { }

package/dist/u-widgets-math.js

@@ -0,0 +1,95 @@
+import { css as m, LitElement as u, nothing as p, html as c } from "lit";
+import { property as d, customElement as h } from "lit/decorators.js";
+import { t as f } from "./tokens-byMop3gk.js";
+import g from "katex";
+var v = Object.defineProperty, y = Object.getOwnPropertyDescriptor, l = (o, t, a, r) => {
+  for (var e = r > 1 ? void 0 : r ? y(t, a) : t, s = o.length - 1, n; s >= 0; s--)
+    (n = o[s]) && (e = (r ? n(t, a, e) : n(e)) || e);
+  return r && e && v(t, a, e), e;
+};
+let i = class extends u {
+  constructor() {
+    super(...arguments), this.spec = null, this.theme = null;
+  }
+  render() {
+    if (!this.spec) return p;
+    const o = this.spec.data;
+    if (!o) return p;
+    const t = String(o.expression ?? "").trim();
+    if (!t) return p;
+    const r = !!((this.spec.options ?? {}).displayMode ?? !1);
+    try {
+      const e = g.renderToString(t, {
+        displayMode: r,
+        throwOnError: !0,
+        output: "mathml"
+      });
+      return c`
+        <div
+          class="math-block"
+          part="math"
+          data-display=${String(r)}
+          .innerHTML=${e}
+        ></div>
+      `;
+    } catch (e) {
+      const s = e instanceof Error ? e.message : "Invalid expression";
+      return c`
+        <div class="math-error" part="math-error">
+          ${s}
+          <code>${t}</code>
+        </div>
+      `;
+    }
+  }
+};
+i.styles = [f, m`
+    :host {
+      display: block;
+      font-family: system-ui, -apple-system, sans-serif;
+      container: uw-math / inline-size;
+    }
+
+    .math-block {
+      color: var(--u-widget-text, #1a1a2e);
+      overflow-x: auto;
+      font-size: 1rem;
+      line-height: 1.6;
+    }
+
+    .math-block[data-display="true"] {
+      text-align: center;
+      padding: 8px 0;
+      font-size: 1.2rem;
+    }
+
+    .math-error {
+      padding: 8px 12px;
+      border-radius: 4px;
+      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;
+      color: var(--u-widget-negative, #dc2626);
+    }
+
+    .math-error code {
+      display: block;
+      margin-top: 4px;
+      font-size: 0.75rem;
+      color: var(--u-widget-text-secondary, #64748b);
+      word-break: break-all;
+    }
+  `];
+l([
+  d({ type: Object })
+], i.prototype, "spec", 2);
+l([
+  d({ type: String, reflect: !0 })
+], i.prototype, "theme", 2);
+i = l([
+  h("uw-math")
+], i);
+export {
+  i as UwMath
+};
+//# sourceMappingURL=u-widgets-math.js.map

package/dist/u-widgets-math.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"u-widgets-math.js","sources":["../src/elements/uw-math.ts"],"sourcesContent":["import { LitElement, html, css, nothing } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { UWidgetSpec } from '../core/types.js';\nimport { themeStyles } from '../styles/tokens.js';\nimport katex from 'katex';\n\n/**\n * <uw-math> — LaTeX math expression renderer via KaTeX.\n *\n * Uses MathML output for zero-CSS rendering in Shadow DOM.\n * Loaded via the `u-widgets/math` entry point. Requires `katex` as a peer dependency.\n */\n@customElement('uw-math')\nexport class UwMath extends LitElement {\n  static styles = [themeStyles, css`\n    :host {\n      display: block;\n      font-family: system-ui, -apple-system, sans-serif;\n      container: uw-math / inline-size;\n    }\n\n    .math-block {\n      color: var(--u-widget-text, #1a1a2e);\n      overflow-x: auto;\n      font-size: 1rem;\n      line-height: 1.6;\n    }\n\n    .math-block[data-display=\"true\"] {\n      text-align: center;\n      padding: 8px 0;\n      font-size: 1.2rem;\n    }\n\n    .math-error {\n      padding: 8px 12px;\n      border-radius: 4px;\n      border: 1px solid var(--u-widget-negative, #dc2626);\n      background: color-mix(in srgb, var(--u-widget-negative, #dc2626) 8%, var(--u-widget-bg, #fff));\n      font-size: 0.8125rem;\n      color: var(--u-widget-negative, #dc2626);\n    }\n\n    .math-error code {\n      display: block;\n      margin-top: 4px;\n      font-size: 0.75rem;\n      color: var(--u-widget-text-secondary, #64748b);\n      word-break: break-all;\n    }\n  `];\n\n  @property({ type: Object })\n  spec: UWidgetSpec | null = null;\n\n  @property({ type: String, reflect: true })\n  theme: string | null = null;\n\n  render() {\n    if (!this.spec) return nothing;\n\n    const data = this.spec.data as Record<string, unknown> | undefined;\n    if (!data) return nothing;\n\n    const expression = String(data.expression ?? '').trim();\n    if (!expression) return nothing;\n\n    const options = (this.spec.options ?? {}) as Record<string, unknown>;\n    const displayMode = Boolean(options.displayMode ?? false);\n\n    try {\n      // SAFETY: output must be 'mathml' — pure MathML has no script/event vectors,\n      // making .innerHTML safe. Switching to 'html' or 'htmlAndMathml' would require\n      // KaTeX CSS and introduce potential XSS via custom macros.\n      const rendered = katex.renderToString(expression, {\n        displayMode,\n        throwOnError: true,\n        output: 'mathml',\n      });\n\n      return html`\n        <div\n          class=\"math-block\"\n          part=\"math\"\n          data-display=${String(displayMode)}\n          .innerHTML=${rendered}\n        ></div>\n      `;\n    } catch (e) {\n      const msg = e instanceof Error ? e.message : 'Invalid expression';\n      return html`\n        <div class=\"math-error\" part=\"math-error\">\n          ${msg}\n          <code>${expression}</code>\n        </div>\n      `;\n    }\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'uw-math': UwMath;\n  }\n}\n"],"names":["UwMath","LitElement","nothing","data","expression","displayMode","rendered","katex","html","msg","themeStyles","css","__decorateClass","property","customElement"],"mappings":";;;;;;;;;AAaO,IAAMA,IAAN,cAAqBC,EAAW;AAAA,EAAhC,cAAA;AAAA,UAAA,GAAA,SAAA,GAwCL,KAAA,OAA2B,MAG3B,KAAA,QAAuB;AAAA,EAAA;AAAA,EAEvB,SAAS;AACP,QAAI,CAAC,KAAK,KAAM,QAAOC;AAEvB,UAAMC,IAAO,KAAK,KAAK;AACvB,QAAI,CAACA,EAAM,QAAOD;AAElB,UAAME,IAAa,OAAOD,EAAK,cAAc,EAAE,EAAE,KAAA;AACjD,QAAI,CAACC,EAAY,QAAOF;AAGxB,UAAMG,IAAc,IADH,KAAK,KAAK,WAAW,CAAA,GACF,eAAe;AAEnD,QAAI;AAIF,YAAMC,IAAWC,EAAM,eAAeH,GAAY;AAAA,QAChD,aAAAC;AAAA,QACA,cAAc;AAAA,QACd,QAAQ;AAAA,MAAA,CACT;AAED,aAAOG;AAAA;AAAA;AAAA;AAAA,yBAIY,OAAOH,CAAW,CAAC;AAAA,uBACrBC,CAAQ;AAAA;AAAA;AAAA,IAG3B,SAAS,GAAG;AACV,YAAMG,IAAM,aAAa,QAAQ,EAAE,UAAU;AAC7C,aAAOD;AAAA;AAAA,YAEDC,CAAG;AAAA,kBACGL,CAAU;AAAA;AAAA;AAAA,IAGxB;AAAA,EACF;AACF;AArFaJ,EACJ,SAAS,CAACU,GAAaC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoC7B;AAGDC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAvCfb,EAwCX,WAAA,QAAA,CAAA;AAGAY,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GA1C9Bb,EA2CX,WAAA,SAAA,CAAA;AA3CWA,IAANY,EAAA;AAAA,EADNE,EAAc,SAAS;AAAA,GACXd,CAAA;"}

package/dist/u-widgets-tools.js

@@ -30,7 +30,7 @@ const v = {
   max: "Maximum value",
   step: "Number/range step increment",
   message: "Custom validation error message"
-}, C = {
+}, L = {
   // metric / stat-group
   value: "The primary value to display",
   label: "Display label or category name",
@@ -66,6 +66,8 @@ const v = {
   url: "Link URL",
   snippet: "Excerpt or summary text",
   source: "Source name or publisher",
+  // math
+  expression: "LaTeX math expression string",
   // chart data
   group: "Group / category identifier",
   min: "Minimum stat value",
@@ -121,19 +123,21 @@ const v = {
   muted: "Start muted (default false, auto when autoplay)",
   // gallery
   aspectRatio: 'Image aspect ratio (e.g. "1:1", "16:9", default auto)',
+  // math
+  displayMode: "Block mode with centered large formula (default false = inline)",
   // compose / kv / actions / divider / steps
   layout: "Layout mode (stack, row, grid, horizontal, vertical, wrap, column)",
   columns: "Number of grid columns",
   widths: 'Column width ratios (number[], "auto", "stretch")',
   spacing: "Spacing size (small, default, large)",
   card: "Render inside a card container with shadow and border"
-}, L = {
+}, C = {
   label: "Button text",
   action: "Action identifier (submit, cancel, navigate, custom)",
   style: "Visual style (primary, danger, default)",
   disabled: "Whether disabled",
   url: "URL for navigate action"
-}, N = {
+}, M = {
   "chart.bar": ["stack", "horizontal", "histogram", "colors", "series", "referenceLines", "conditionalStyles", "xFormat", "yFormat", "legend", "grid", "animate", "showLabel"],
   "chart.line": ["smooth", "stack", "step", "colors", "series", "referenceLines", "conditionalStyles", "xFormat", "yFormat", "legend", "grid", "animate", "showLabel"],
   "chart.area": ["smooth", "stack", "colors", "series", "conditionalStyles", "xFormat", "yFormat", "legend", "grid", "animate", "showLabel"],
@@ -166,10 +170,11 @@ const v = {
   rating: ["max", "interactive", "icon", "label"],
   video: ["autoplay", "controls", "loop", "muted"],
   gallery: ["columns", "aspectRatio"],
+  math: ["displayMode"],
   actions: ["layout"],
   divider: [],
   header: []
-}, P = {
+}, N = {
   metric: [
     { key: "value", type: "number | string", desc: "Primary value", required: !0 },
     { key: "label", type: "string", desc: "Display label" },
@@ -216,6 +221,9 @@ const v = {
     { key: "content", type: "string", desc: "Code text content", required: !0 },
     { key: "language", type: "string", desc: "Language identifier (e.g. javascript, python, sql)" }
   ],
+  math: [
+    { key: "expression", type: "string", desc: "LaTeX math expression", required: !0 }
+  ],
   header: [
     { key: "text", type: "string", desc: "Heading text", required: !0 },
     { key: "level", type: "1 | 2 | 3", desc: "Heading level (default 2)" }
@@ -253,7 +261,7 @@ const v = {
     { key: "value", type: "string", desc: "Status value", required: !0 },
     { key: "level", type: '"info" | "success" | "warning" | "error" | "neutral"', desc: "Severity level (default info)" }
   ]
-}, M = {
+}, T = {
   "chart.bar": "mapping omittable. First string → x, number fields → y.",
   "chart.line": "mapping omittable. First string → x, numbers → y. Date-like preferred for x.",
   "chart.area": "mapping omittable. Same as line — first string → x, numbers → y.",
@@ -286,6 +294,7 @@ const v = {
   gallery: "No mapping. data is [{src, alt?, caption?}]. columns/aspectRatio in options.",
   steps: "No mapping. data is [{label, status?, description?, icon?}]. status: done/active/pending/error. icon: emoji/text override. layout: vertical/horizontal.",
   rating: "No mapping. data is {value?, max?}. options: interactive, icon (star/heart/thumb), max, label.",
+  math: "No mapping. data is {expression}. Renders LaTeX via KaTeX. displayMode in options.",
   actions: "No data. Uses actions[] array. layout in options (wrap/column).",
   divider: "No data. label/spacing in options.",
   header: "data is {text, level?}. level defaults to 2."
@@ -340,6 +349,7 @@ const y = [
   { widget: "video", category: "content", description: "Video player with controls, poster, and caption", mappingKeys: [], dataShape: "object" },
   { widget: "gallery", category: "content", description: "Image gallery grid with captions", mappingKeys: [], dataShape: "array" },
   { widget: "kv", category: "content", description: "Key-value pairs display (object or array of {key, value})", mappingKeys: [], dataShape: "object" },
+  { widget: "math", category: "content", description: "Render LaTeX mathematical expressions via KaTeX", mappingKeys: [], dataShape: "object" },
   { widget: "actions", category: "content", description: "Standalone action buttons (quick replies, suggested actions)", mappingKeys: [], dataShape: "none" },
   { widget: "divider", category: "content", description: "Visual separator with optional label", mappingKeys: [], dataShape: "none" },
   { widget: "header", category: "content", description: "Section heading (h1–h3)", mappingKeys: [], dataShape: "object" },
@@ -484,7 +494,7 @@ This is **markdown** content.` }
   },
   callout: {
     widget: "callout",
-    data: { content: "This is an informational callout.", variant: "info" }
+    data: { message: "This is an informational callout.", level: "info" }
   },
   code: {
     widget: "code",
@@ -532,6 +542,10 @@ console.log(x);`, language: "javascript" }
     widget: "kv",
     data: { status: "Active", plan: "Pro", expires: "2026-03-15" }
   },
+  math: {
+    widget: "math",
+    data: { expression: "E = mc^2" }
+  },
   actions: {
     widget: "actions",
     actions: [
@@ -554,7 +568,7 @@ console.log(x);`, language: "javascript" }
       { widget: "metric", data: { value: 95, unit: "%" } }
     ]
   }
-}, q = {
+}, P = {
   "chart.bar": [
     {
       label: "Stacked multi-series",
@@ -1064,6 +1078,23 @@ LIMIT 10;`,
       }
     }
   ],
+  math: [
+    {
+      label: "Display mode (block)",
+      spec: {
+        widget: "math",
+        data: { expression: "C_{pk} = \\min\\left(\\frac{USL - \\bar{x}}{3\\sigma},\\; \\frac{\\bar{x} - LSL}{3\\sigma}\\right)" },
+        options: { displayMode: !0 }
+      }
+    },
+    {
+      label: "Simple inline",
+      spec: {
+        widget: "math",
+        data: { expression: "a^2 + b^2 = c^2" }
+      }
+    }
+  ],
   actions: [
     {
       label: "Quick replies",
@@ -1139,22 +1170,22 @@ function K(e) {
   for (const a of e.mappingKeys)
     v[a] && (d[a] = v[a]);
   const p = {};
-  for (const a of N[i] ?? [])
+  for (const a of M[i] ?? [])
     w[a] && (p[a] = w[a]);
   const o = i === "form" || i === "confirm", l = [], n = A[i];
   n && l.push({ label: "Minimal", spec: JSON.parse(JSON.stringify(n)) });
-  const r = q[i];
+  const r = P[i];
   if (r)
     for (const a of r)
       l.push({ label: a.label, spec: JSON.parse(JSON.stringify(a.spec)) });
   return {
     ...e,
-    autoInference: M[i] ?? "",
-    dataFields: [...P[i] ?? []],
+    autoInference: T[i] ?? "",
+    dataFields: [...N[i] ?? []],
     mappingDocs: d,
     optionDocs: p,
     ...o ? { fieldDocs: { ...S } } : {},
-    ...o ? { actionDocs: { ...L } } : {},
+    ...o ? { actionDocs: { ...C } } : {},
     events: k(i),
     examples: l
   };
@@ -1164,7 +1195,7 @@ function O(e) {
   if (i)
     return JSON.parse(JSON.stringify(i));
 }
-function R(e, i) {
+function q(e, i) {
   if (e == null) return [];
   const d = Array.isArray(e) ? e : [e];
   if (d.length === 0) return [];
@@ -1319,7 +1350,7 @@ function R(e, i) {
   }), a.sort((t, m) => m.confidence - t.confidence), a;
 }
 function j(e) {
-  const i = R(e);
+  const i = q(e);
   if (i.length === 0) return;
   const d = i[0];
   if (d.confidence < 0.7) return;
@@ -1372,7 +1403,7 @@ function F(e, i) {
   });
   return {
     specKeys: [...d],
-    dataFields: t(p, C),
+    dataFields: t(p, L),
     mappingKeys: t(o, v),
     optionKeys: t(l, w),
     fieldProps: t(n, S),
@@ -1382,20 +1413,20 @@ function F(e, i) {
   };
 }
 export {
-  L as ACTION_PROP_DOCS,
-  C as DATA_FIELD_DOCS,
+  C as ACTION_PROP_DOCS,
+  L as DATA_FIELD_DOCS,
   S as FIELD_PROP_DOCS,
   v as MAPPING_DOCS,
   w as OPTION_DOCS,
-  P as WIDGET_DATA_FIELDS,
+  N as WIDGET_DATA_FIELDS,
   x as WIDGET_EVENTS,
-  M as WIDGET_INFERENCE,
-  N as WIDGET_OPTIONS,
+  T as WIDGET_INFERENCE,
+  M as WIDGET_OPTIONS,
   j as autoSpec,
   k as getWidgetEvents,
   E as help,
   F as specSurface,
-  R as suggestMapping,
+  q as suggestMapping,
   O as template
 };
 //# sourceMappingURL=u-widgets-tools.js.map