@iyulab/u-widgets 0.4.1

package/dist/u-widgets-tools.js

@@ -0,0 +1,1372 @@
+import { i as g, a as D } from "./infer-CNOiD2dS.js";
+const v = {
+  x: "X-axis / category field",
+  y: "Y-axis value field(s)",
+  label: "Label field (pie/funnel)",
+  value: "Value field (pie/funnel/heatmap)",
+  color: "Color grouping field (scatter)",
+  size: "Size encoding field (scatter bubble)",
+  axis: "Axis field (radar indicators)",
+  columns: "Column definitions (table)",
+  primary: "Primary text field (list)",
+  secondary: "Secondary text field (list)",
+  icon: "Icon letter field (list)",
+  avatar: "Avatar image URL field (list)",
+  trailing: "Trailing value field (list)",
+  badge: "Badge/tag field (list)"
+}, k = {
+  field: "Key name in submitted data",
+  label: "Display label",
+  type: "Input type",
+  required: "Must be filled before submit",
+  placeholder: "Placeholder text",
+  options: "Choices for select/radio/checkbox",
+  minLength: "Minimum character length",
+  maxLength: "Maximum character length",
+  pattern: "Custom regex pattern",
+  rows: "Textarea visible rows",
+  min: "Minimum value",
+  max: "Maximum value",
+  step: "Number/range step increment",
+  message: "Custom validation error message"
+}, C = {
+  // metric / stat-group
+  value: "The primary value to display",
+  label: "Display label or category name",
+  unit: "Value unit suffix",
+  prefix: "Text before the value",
+  suffix: "Text after the value",
+  change: "Delta / change amount",
+  trend: "Trend direction (up, down, flat)",
+  // content
+  content: "Body text or markdown content",
+  message: "Message body text",
+  level: "Severity level (info, warning, error, success)",
+  title: "Heading or title text",
+  src: "Source URL (image)",
+  alt: "Alt text (image)",
+  caption: "Caption text",
+  // progress
+  max: "Maximum bound value",
+  // treemap / general
+  name: "Node or item name",
+  children: "Nested child nodes",
+  // kv / header
+  language: "Programming language identifier",
+  key: "Key or label identifier",
+  text: "Display text content",
+  // steps
+  status: "Step status (done, active, pending, error)",
+  description: "Detailed description text",
+  // rating
+  count: "Number of reviews or votes",
+  // video / citation
+  poster: "Video poster image URL",
+  url: "Link URL",
+  snippet: "Excerpt or summary text",
+  source: "Source name or publisher",
+  // chart data
+  group: "Group / category identifier",
+  min: "Minimum stat value",
+  q1: "First quartile (25th percentile)",
+  median: "Median (50th percentile)",
+  q3: "Third quartile (75th percentile)"
+}, w = {
+  // gauge / progress
+  min: "Minimum range value",
+  max: "Maximum range value",
+  unit: "Display unit string",
+  thresholds: "Color threshold breakpoints",
+  label: "Label template ({value}, {percent})",
+  // chart
+  smooth: "Smooth curves (line/area)",
+  stack: "Stack series (bar/line/area)",
+  horizontal: "Horizontal orientation (bar)",
+  donut: "Donut style (pie)",
+  colors: "Custom color palette",
+  colorRange: "Heatmap color gradient",
+  histogram: "Histogram mode (bar)",
+  referenceLines: "Reference/threshold lines",
+  step: "Step interpolation (line)",
+  legend: "Show/hide legend",
+  grid: "Show/hide grid lines",
+  animate: "Enable/disable animation",
+  showLabel: "Show/hide data labels",
+  // table / list
+  pageSize: "Rows per page",
+  compact: "Compact display mode",
+  searchable: "Enable search filter",
+  locale: "Locale for formatting/validation",
+  // code
+  lineNumbers: "Show/hide line numbers (default true)",
+  highlight: "Line numbers to highlight (array)",
+  maxHeight: 'Maximum height with scroll (e.g. "300px")',
+  wrap: "Word wrap long lines (default false)",
+  // citation
+  numbered: "Show numbered badges (default true)",
+  // rating
+  interactive: "Allow user input (default false)",
+  icon: "Icon type (star, heart, thumb)",
+  // video
+  autoplay: "Auto-play on load (default false)",
+  controls: "Show playback controls (default true)",
+  loop: "Loop playback (default false)",
+  muted: "Start muted (default false, auto when autoplay)",
+  // gallery
+  aspectRatio: 'Image aspect ratio (e.g. "1:1", "16:9", default auto)',
+  // 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 = {
+  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 = {
+  "chart.bar": ["stack", "horizontal", "histogram", "colors", "referenceLines", "legend", "grid", "animate", "showLabel"],
+  "chart.line": ["smooth", "stack", "step", "colors", "referenceLines", "legend", "grid", "animate", "showLabel"],
+  "chart.area": ["smooth", "stack", "colors", "legend", "grid", "animate", "showLabel"],
+  "chart.pie": ["donut", "colors", "legend", "animate", "showLabel"],
+  "chart.scatter": ["colors", "legend", "grid", "animate", "showLabel"],
+  "chart.radar": ["colors", "legend", "animate", "showLabel"],
+  "chart.heatmap": ["colorRange", "legend", "grid", "animate", "showLabel"],
+  "chart.box": ["colors", "legend", "grid", "animate"],
+  "chart.funnel": ["colors", "legend", "animate", "showLabel"],
+  "chart.waterfall": ["colors", "legend", "grid", "animate", "showLabel"],
+  "chart.treemap": ["colors", "animate", "showLabel"],
+  metric: [],
+  "stat-group": [],
+  gauge: ["min", "max", "unit", "thresholds", "label"],
+  progress: ["min", "max", "unit", "thresholds", "label"],
+  table: ["pageSize", "compact", "searchable"],
+  list: ["compact"],
+  form: ["locale"],
+  confirm: [],
+  markdown: [],
+  image: [],
+  callout: [],
+  compose: ["layout", "columns", "widths", "card"],
+  kv: ["layout", "columns"],
+  code: ["lineNumbers", "highlight", "maxHeight", "wrap"],
+  citation: ["compact", "numbered"],
+  status: [],
+  steps: ["layout", "compact"],
+  rating: ["max", "interactive", "icon", "label"],
+  video: ["autoplay", "controls", "loop", "muted"],
+  gallery: ["columns", "aspectRatio"],
+  actions: ["layout"],
+  divider: [],
+  header: []
+}, M = {
+  metric: [
+    { key: "value", type: "number | string", desc: "Primary value", required: !0 },
+    { key: "label", type: "string", desc: "Display label" },
+    { key: "unit", type: "string", desc: "Value unit suffix" },
+    { key: "prefix", type: "string", desc: "Text before value" },
+    { key: "suffix", type: "string", desc: "Text after value" },
+    { key: "change", type: "number", desc: "Delta amount" },
+    { key: "trend", type: '"up" | "down" | "flat"', desc: "Trend direction" },
+    { key: "icon", type: "string", desc: "Emoji or short text icon" },
+    { key: "description", type: "string", desc: "Sub-label below value" }
+  ],
+  "stat-group": [
+    { key: "label", type: "string", desc: "Display label", required: !0 },
+    { key: "value", type: "number", desc: "Primary value", required: !0 },
+    { key: "unit", type: "string", desc: "Value unit suffix" },
+    { key: "prefix", type: "string", desc: "Text before value" },
+    { key: "suffix", type: "string", desc: "Text after value" },
+    { key: "change", type: "number", desc: "Delta amount" },
+    { key: "trend", type: '"up" | "down" | "flat"', desc: "Trend direction" },
+    { key: "icon", type: "string", desc: "Emoji or short text icon" },
+    { key: "description", type: "string", desc: "Sub-label below value" }
+  ],
+  gauge: [
+    { key: "value", type: "number", desc: "Current value on the arc", required: !0 }
+  ],
+  progress: [
+    { key: "value", type: "number", desc: "Current value", required: !0 },
+    { key: "max", type: "number", desc: "Maximum bound (default 100)" }
+  ],
+  markdown: [
+    { key: "content", type: "string", desc: "Markdown text", required: !0 }
+  ],
+  image: [
+    { key: "src", type: "string", desc: "Image URL", required: !0 },
+    { key: "alt", type: "string", desc: "Alt text" },
+    { key: "caption", type: "string", desc: "Caption text" }
+  ],
+  callout: [
+    { key: "message", type: "string", desc: "Body text", required: !0 },
+    { key: "title", type: "string", desc: "Optional heading" },
+    { key: "level", type: '"info" | "warning" | "error" | "success"', desc: "Severity" }
+  ],
+  code: [
+    { key: "content", type: "string", desc: "Code text content", required: !0 },
+    { key: "language", type: "string", desc: "Language identifier (e.g. javascript, python, sql)" }
+  ],
+  header: [
+    { key: "text", type: "string", desc: "Heading text", required: !0 },
+    { key: "level", type: "1 | 2 | 3", desc: "Heading level (default 2)" }
+  ],
+  video: [
+    { key: "src", type: "string", desc: "Video URL", required: !0 },
+    { key: "poster", type: "string", desc: "Poster image URL" },
+    { key: "alt", type: "string", desc: "Accessible description" },
+    { key: "caption", type: "string", desc: "Caption text" }
+  ],
+  gallery: [
+    { key: "src", type: "string", desc: "Image URL", required: !0 },
+    { key: "alt", type: "string", desc: "Alt text" },
+    { key: "caption", type: "string", desc: "Caption text" }
+  ],
+  steps: [
+    { key: "label", type: "string", desc: "Step label", required: !0 },
+    { key: "status", type: '"done" | "active" | "pending" | "error"', desc: "Step status (default pending)" },
+    { key: "description", type: "string", desc: "Step detail text" },
+    { key: "icon", type: "string", desc: "Custom icon (emoji/text) override" }
+  ],
+  rating: [
+    { key: "value", type: "number", desc: "Current rating value" },
+    { key: "max", type: "number", desc: "Scale maximum (default 5)" },
+    { key: "count", type: "number", desc: "Number of reviews" }
+  ],
+  citation: [
+    { key: "title", type: "string", desc: "Citation title", required: !0 },
+    { key: "url", type: "string", desc: "Link URL" },
+    { key: "snippet", type: "string", desc: "Excerpt text" },
+    { key: "source", type: "string", desc: "Source name" }
+  ],
+  status: [
+    { key: "label", type: "string", desc: "Status label", required: !0 },
+    { key: "value", type: "string", desc: "Status value", required: !0 },
+    { key: "level", type: '"info" | "success" | "warning" | "error" | "neutral"', desc: "Severity level (default info)" }
+  ]
+}, P = {
+  "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.",
+  "chart.pie": "mapping omittable. First string → label, first number → value.",
+  "chart.scatter": "mapping omittable. First two numbers → x, y. color/size optional.",
+  "chart.radar": "mapping omittable. First string → axis, numbers → series values.",
+  "chart.heatmap": "mapping recommended. x, y (categories), value (intensity).",
+  "chart.box": "mapping recommended. x (group), y mapped to [min, q1, median, q3, max].",
+  "chart.funnel": "mapping omittable. First string → label, first number → value.",
+  "chart.waterfall": "mapping omittable. First string → x, first number → y.",
+  "chart.treemap": "No mapping. data is [{name, value, children?}].",
+  metric: "No mapping needed. data is {value, label?, unit?, change?, trend?}.",
+  "stat-group": "No mapping needed. data is [{label, value, ...}]. Optional: icon (emoji), description (sub-label).",
+  gauge: "No mapping needed. data is {value}. Set min/max/unit in options.",
+  progress: "No mapping needed. data is {value, max?}. Set label in options.",
+  table: "mapping.columns omittable — auto-inferred from data keys.",
+  list: "mapping omittable if data has primary/secondary keys. Otherwise set mapping.",
+  form: "Uses fields[] or formdown, not data/mapping. data provides defaults.",
+  confirm: "Uses title, description, actions. data is optional.",
+  markdown: 'No mapping. data is {content: "markdown string"}.',
+  image: "No mapping. data is {src, alt?, caption?}.",
+  callout: "No mapping. data is {message, title?, level?}.",
+  compose: "Uses children[] and layout. Each child is a widget spec.",
+  kv: "No mapping. data is {key: val, ...} or [{key, value}]. layout in options.",
+  code: "No mapping. data is {content, language?}. lineNumbers/highlight/maxHeight/wrap in options.",
+  citation: "No mapping. data is {title, url?, snippet?, source?} or array of those. compact/numbered in options.",
+  status: "No mapping. data is {label, value, level?} or array of those. level: info/success/warning/error/neutral.",
+  video: "No mapping. data is {src, poster?, alt?, caption?}. autoplay/controls/loop/muted in options.",
+  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.",
+  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."
+}, x = {
+  chart: ["select"],
+  table: ["select"],
+  list: ["select"],
+  form: ["submit", "change", "action"],
+  confirm: ["submit", "action"],
+  citation: ["action"],
+  rating: ["submit"],
+  actions: ["action"]
+};
+function S(e) {
+  return x[e] ?? x[e.split(".")[0]] ?? [];
+}
+const y = [
+  // Charts
+  // Charts
+  { widget: "chart.bar", category: "chart", description: "Bar chart for category × value comparison", mappingKeys: ["x", "y"], dataShape: "array" },
+  { widget: "chart.line", category: "chart", description: "Line chart for trends over a category axis", mappingKeys: ["x", "y"], dataShape: "array" },
+  { widget: "chart.area", category: "chart", description: "Area chart (filled line chart)", mappingKeys: ["x", "y"], dataShape: "array" },
+  { widget: "chart.pie", category: "chart", description: "Pie or donut chart for proportions", mappingKeys: ["label", "value"], dataShape: "array" },
+  { widget: "chart.scatter", category: "chart", description: "Scatter plot for two numeric dimensions", mappingKeys: ["x", "y", "color", "size"], dataShape: "array" },
+  { widget: "chart.radar", category: "chart", description: "Radar chart for multi-axis comparison", mappingKeys: ["axis", "value"], dataShape: "array" },
+  { widget: "chart.heatmap", category: "chart", description: "Heatmap for matrix data visualization", mappingKeys: ["x", "y", "value"], dataShape: "array" },
+  { widget: "chart.box", category: "chart", description: "Box plot for statistical distribution", mappingKeys: ["x", "y"], dataShape: "array" },
+  { widget: "chart.funnel", category: "chart", description: "Funnel chart for sequential stages", mappingKeys: ["label", "value"], dataShape: "array" },
+  { widget: "chart.waterfall", category: "chart", description: "Waterfall chart for cumulative values", mappingKeys: ["x", "y"], dataShape: "array" },
+  { widget: "chart.treemap", category: "chart", description: "Treemap for hierarchical data", mappingKeys: [], dataShape: "array" },
+  // Display
+  { widget: "metric", category: "display", description: "Single KPI value with optional trend", mappingKeys: [], dataShape: "object" },
+  { widget: "stat-group", category: "display", description: "Multiple KPI values in a row", mappingKeys: [], dataShape: "array" },
+  { widget: "gauge", category: "display", description: "Arc gauge for a value within a range", mappingKeys: [], dataShape: "object" },
+  { widget: "progress", category: "display", description: "Progress bar for a value within a range", mappingKeys: [], dataShape: "object" },
+  { widget: "table", category: "display", description: "Sortable data table with auto-inferred columns", mappingKeys: ["columns"], dataShape: "array" },
+  { widget: "list", category: "display", description: "Structured list with avatars and trailing values", mappingKeys: ["primary", "secondary", "avatar", "icon", "trailing", "badge"], dataShape: "array" },
+  // Input
+  { widget: "form", category: "input", description: "Data entry form with typed fields", mappingKeys: [], dataShape: "object" },
+  { widget: "confirm", category: "input", description: "Yes/no confirmation dialog", mappingKeys: [], dataShape: "object" },
+  // Content
+  { widget: "markdown", category: "content", description: "Render markdown text (headers, bold, italic, code, links, lists, tables)", mappingKeys: [], dataShape: "object" },
+  { widget: "image", category: "content", description: "Display an image", mappingKeys: [], dataShape: "object" },
+  { widget: "callout", category: "content", description: "Callout/alert banner", mappingKeys: [], dataShape: "object" },
+  // Chat / Interaction
+  { widget: "code", category: "content", description: "Syntax-highlighted code block with line numbers and copy button", mappingKeys: [], dataShape: "object" },
+  { widget: "citation", category: "content", description: "Source/reference cards with title, URL, snippet, and source", mappingKeys: [], dataShape: "array" },
+  { widget: "status", category: "content", description: "Status indicators with label, value, and level-based coloring", mappingKeys: [], dataShape: "array" },
+  { widget: "steps", category: "content", description: "Multi-step progress indicator (done/active/pending/error)", mappingKeys: [], dataShape: "array" },
+  { widget: "rating", category: "content", description: "Star/heart/thumb rating display or input", mappingKeys: [], dataShape: "object" },
+  { 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: "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" },
+  // Composition
+  { widget: "compose", category: "composition", description: "Combine multiple widgets with layout hints", mappingKeys: [], dataShape: "none" }
+];
+function E(e) {
+  if (!e) return [...y];
+  const i = y.find((o) => o.widget === e);
+  if (i) return T(i);
+  const p = y.filter((o) => o.category === e);
+  return p.length > 0 ? p : y.filter((o) => o.widget.startsWith(e));
+}
+const A = {
+  "chart.bar": {
+    widget: "chart.bar",
+    data: [{ category: "A", value: 30 }, { category: "B", value: 70 }, { category: "C", value: 45 }],
+    mapping: { x: "category", y: "value" }
+  },
+  "chart.line": {
+    widget: "chart.line",
+    data: [{ month: "Jan", value: 100 }, { month: "Feb", value: 120 }, { month: "Mar", value: 90 }],
+    mapping: { x: "month", y: "value" }
+  },
+  "chart.area": {
+    widget: "chart.area",
+    data: [{ month: "Jan", value: 100 }, { month: "Feb", value: 120 }, { month: "Mar", value: 90 }],
+    mapping: { x: "month", y: "value" }
+  },
+  "chart.pie": {
+    widget: "chart.pie",
+    data: [{ name: "A", value: 40 }, { name: "B", value: 35 }, { name: "C", value: 25 }],
+    mapping: { label: "name", value: "value" }
+  },
+  "chart.scatter": {
+    widget: "chart.scatter",
+    data: [{ x: 10, y: 20 }, { x: 30, y: 40 }, { x: 50, y: 15 }],
+    mapping: { x: "x", y: "y" }
+  },
+  "chart.radar": {
+    widget: "chart.radar",
+    data: [{ axis: "Speed", value: 80 }, { axis: "Power", value: 90 }, { axis: "Defense", value: 60 }],
+    mapping: { axis: "axis", value: "value" }
+  },
+  "chart.heatmap": {
+    widget: "chart.heatmap",
+    data: [
+      { x: "Mon", y: "Morning", value: 10 },
+      { x: "Mon", y: "Afternoon", value: 20 },
+      { x: "Tue", y: "Morning", value: 15 },
+      { x: "Tue", y: "Afternoon", value: 25 }
+    ],
+    mapping: { x: "x", y: "y", value: "value" }
+  },
+  "chart.box": {
+    widget: "chart.box",
+    data: [{ group: "A", min: 10, q1: 25, median: 50, q3: 75, max: 90 }],
+    mapping: { x: "group", y: ["min", "q1", "median", "q3", "max"] }
+  },
+  "chart.funnel": {
+    widget: "chart.funnel",
+    data: [{ stage: "Visit", count: 1e3 }, { stage: "Click", count: 600 }, { stage: "Purchase", count: 200 }],
+    mapping: { label: "stage", value: "count" }
+  },
+  "chart.waterfall": {
+    widget: "chart.waterfall",
+    data: [{ item: "Revenue", amount: 500 }, { item: "Cost", amount: -200 }, { item: "Tax", amount: -50 }],
+    mapping: { x: "item", y: "amount" }
+  },
+  "chart.treemap": {
+    widget: "chart.treemap",
+    data: [{ name: "Group A", value: 100 }, { name: "Group B", value: 80 }]
+  },
+  metric: {
+    widget: "metric",
+    data: { value: 1284, unit: "users", change: 12.5, trend: "up" }
+  },
+  "stat-group": {
+    widget: "stat-group",
+    data: [
+      { label: "Users", value: 1284, suffix: "" },
+      { label: "Revenue", value: 42e3, suffix: "$" }
+    ]
+  },
+  gauge: {
+    widget: "gauge",
+    data: { value: 73 },
+    options: { min: 0, max: 100, unit: "%" }
+  },
+  progress: {
+    widget: "progress",
+    data: { value: 65 },
+    options: { min: 0, max: 100, unit: "%" }
+  },
+  table: {
+    widget: "table",
+    data: [
+      { name: "Alice", role: "Engineer", status: "Active" },
+      { name: "Bob", role: "Designer", status: "Away" }
+    ]
+  },
+  list: {
+    widget: "list",
+    data: [
+      { name: "Alice", role: "Engineer" },
+      { name: "Bob", role: "Designer" }
+    ],
+    mapping: { primary: "name", secondary: "role" }
+  },
+  form: {
+    widget: "form",
+    fields: [
+      { field: "name", label: "Name", type: "text", required: !0 },
+      { field: "email", label: "Email", type: "email" }
+    ],
+    actions: [
+      { label: "Submit", action: "submit", style: "primary" }
+    ]
+  },
+  confirm: {
+    widget: "confirm",
+    title: "Are you sure?",
+    description: "This action cannot be undone.",
+    actions: [
+      { label: "Confirm", action: "submit", style: "danger" },
+      { label: "Cancel", action: "cancel" }
+    ]
+  },
+  markdown: {
+    widget: "markdown",
+    data: { content: `# Hello
+
+This is **markdown** content.` }
+  },
+  image: {
+    widget: "image",
+    data: { src: "https://placehold.co/300x200", alt: "Placeholder image" }
+  },
+  callout: {
+    widget: "callout",
+    data: { content: "This is an informational callout.", variant: "info" }
+  },
+  code: {
+    widget: "code",
+    data: { content: `const x = 42;
+console.log(x);`, language: "javascript" }
+  },
+  citation: {
+    widget: "citation",
+    data: [
+      { title: "u-widgets Documentation", url: "https://github.com/iyulab/u-widgets", source: "GitHub" }
+    ]
+  },
+  status: {
+    widget: "status",
+    data: [
+      { label: "API", value: "Operational", level: "success" },
+      { label: "DB", value: "Degraded", level: "warning" }
+    ]
+  },
+  steps: {
+    widget: "steps",
+    data: [
+      { label: "Data collection", status: "done" },
+      { label: "Analysis", status: "active" },
+      { label: "Report", status: "pending" }
+    ]
+  },
+  rating: {
+    widget: "rating",
+    data: { value: 4.2 }
+  },
+  video: {
+    widget: "video",
+    data: { src: "https://example.com/demo.mp4", poster: "https://example.com/thumb.jpg" }
+  },
+  gallery: {
+    widget: "gallery",
+    data: [
+      { src: "https://placehold.co/300x200", alt: "Image 1" },
+      { src: "https://placehold.co/300x200", alt: "Image 2" },
+      { src: "https://placehold.co/300x200", alt: "Image 3" }
+    ]
+  },
+  kv: {
+    widget: "kv",
+    data: { status: "Active", plan: "Pro", expires: "2026-03-15" }
+  },
+  actions: {
+    widget: "actions",
+    actions: [
+      { label: "Analyze", action: "analyze" },
+      { label: "Export", action: "export", style: "primary" }
+    ]
+  },
+  divider: {
+    widget: "divider"
+  },
+  header: {
+    widget: "header",
+    data: { text: "Section Title" }
+  },
+  compose: {
+    widget: "compose",
+    layout: "grid",
+    children: [
+      { widget: "metric", data: { value: 42, unit: "items" } },
+      { widget: "metric", data: { value: 95, unit: "%" } }
+    ]
+  }
+}, R = {
+  "chart.bar": [
+    {
+      label: "Stacked multi-series",
+      spec: {
+        widget: "chart.bar",
+        data: [
+          { quarter: "Q1", product: 80, service: 40 },
+          { quarter: "Q2", product: 100, service: 55 },
+          { quarter: "Q3", product: 90, service: 60 }
+        ],
+        mapping: { x: "quarter", y: ["product", "service"] },
+        options: { stack: !0 }
+      }
+    },
+    {
+      label: "Horizontal",
+      spec: {
+        widget: "chart.bar",
+        data: [
+          { lang: "JavaScript", pct: 65 },
+          { lang: "Python", pct: 48 },
+          { lang: "TypeScript", pct: 35 }
+        ],
+        options: { horizontal: !0 }
+      }
+    }
+  ],
+  "chart.line": [
+    {
+      label: "Smooth multi-series",
+      spec: {
+        widget: "chart.line",
+        data: [
+          { day: "Mon", cpu: 45, mem: 62 },
+          { day: "Tue", cpu: 52, mem: 58 },
+          { day: "Wed", cpu: 68, mem: 71 }
+        ],
+        mapping: { x: "day", y: ["cpu", "mem"] },
+        options: { smooth: !0 }
+      }
+    }
+  ],
+  "chart.area": [
+    {
+      label: "Stacked area",
+      spec: {
+        widget: "chart.area",
+        data: [
+          { month: "Jan", organic: 100, paid: 60 },
+          { month: "Feb", organic: 120, paid: 80 },
+          { month: "Mar", organic: 110, paid: 90 }
+        ],
+        mapping: { x: "month", y: ["organic", "paid"] },
+        options: { stack: !0 }
+      }
+    }
+  ],
+  "chart.pie": [
+    {
+      label: "Donut + custom colors",
+      spec: {
+        widget: "chart.pie",
+        data: [
+          { category: "Completed", count: 42 },
+          { category: "In Progress", count: 18 },
+          { category: "Blocked", count: 5 }
+        ],
+        options: { donut: !0, colors: ["#22c55e", "#f59e0b", "#ef4444"] }
+      }
+    }
+  ],
+  "chart.scatter": [
+    {
+      label: "Color groups",
+      spec: {
+        widget: "chart.scatter",
+        data: [
+          { height: 170, weight: 65, group: "A" },
+          { height: 175, weight: 72, group: "A" },
+          { height: 160, weight: 55, group: "B" },
+          { height: 180, weight: 80, group: "B" }
+        ],
+        mapping: { x: "height", y: "weight", color: "group" }
+      }
+    }
+  ],
+  "chart.radar": [
+    {
+      label: "Multi-person comparison",
+      spec: {
+        widget: "chart.radar",
+        data: [
+          { skill: "JS", alice: 90, bob: 70 },
+          { skill: "CSS", alice: 80, bob: 85 },
+          { skill: "Node", alice: 75, bob: 60 }
+        ],
+        mapping: { axis: "skill", y: ["alice", "bob"] }
+      }
+    }
+  ],
+  "chart.heatmap": [
+    {
+      label: "Custom colorRange",
+      spec: {
+        widget: "chart.heatmap",
+        data: [
+          { x: "Mon", y: "9am", value: 5 },
+          { x: "Mon", y: "12pm", value: 20 },
+          { x: "Tue", y: "9am", value: 8 },
+          { x: "Tue", y: "12pm", value: 25 }
+        ],
+        mapping: { x: "x", y: "y", value: "value" },
+        options: { colorRange: ["#eff6ff", "#3b82f6", "#1e3a5f"] }
+      }
+    }
+  ],
+  "chart.box": [
+    {
+      label: "Multi-group",
+      spec: {
+        widget: "chart.box",
+        data: [
+          { group: "Setosa", min: 4.3, q1: 4.8, median: 5, q3: 5.2, max: 5.8 },
+          { group: "Versicolor", min: 4.9, q1: 5.6, median: 5.9, q3: 6.3, max: 7 }
+        ]
+      }
+    }
+  ],
+  "chart.funnel": [
+    {
+      label: "Marketing funnel",
+      spec: {
+        widget: "chart.funnel",
+        data: [
+          { stage: "Impressions", count: 1e4 },
+          { stage: "Clicks", count: 3500 },
+          { stage: "Sign-ups", count: 800 },
+          { stage: "Purchases", count: 200 }
+        ]
+      }
+    }
+  ],
+  "chart.waterfall": [
+    {
+      label: "P&L waterfall",
+      spec: {
+        widget: "chart.waterfall",
+        data: [
+          { item: "Revenue", amount: 500 },
+          { item: "COGS", amount: -200 },
+          { item: "OpEx", amount: -120 },
+          { item: "Tax", amount: -50 }
+        ]
+      }
+    }
+  ],
+  "chart.treemap": [
+    {
+      label: "Nested hierarchy",
+      spec: {
+        widget: "chart.treemap",
+        data: [
+          {
+            name: "Engineering",
+            value: 100,
+            children: [
+              { name: "Frontend", value: 40 },
+              { name: "Backend", value: 35 },
+              { name: "DevOps", value: 25 }
+            ]
+          },
+          { name: "Design", value: 50 }
+        ]
+      }
+    }
+  ],
+  metric: [
+    {
+      label: "With prefix/suffix",
+      spec: {
+        widget: "metric",
+        data: { value: 4250, label: "Revenue", prefix: "$", suffix: "/mo", change: 8.3, trend: "up" }
+      }
+    }
+  ],
+  "stat-group": [
+    {
+      label: "With all trends",
+      spec: {
+        widget: "stat-group",
+        data: [
+          { value: 99.9, unit: "%", label: "Uptime", change: 0.1, trend: "up" },
+          { value: 142, label: "Requests/s", change: -5, trend: "down" },
+          { value: 3, label: "Incidents", change: 0, trend: "flat" }
+        ]
+      }
+    }
+  ],
+  gauge: [
+    {
+      label: "Threshold colors",
+      spec: {
+        widget: "gauge",
+        data: { value: 73 },
+        options: {
+          min: 0,
+          max: 100,
+          unit: "%",
+          thresholds: [
+            { to: 50, color: "green" },
+            { to: 80, color: "yellow" },
+            { to: 100, color: "red" }
+          ]
+        }
+      }
+    }
+  ],
+  progress: [
+    {
+      label: "Label + thresholds",
+      spec: {
+        widget: "progress",
+        data: { value: 35, max: 100 },
+        options: {
+          label: "{percent}% complete",
+          thresholds: [
+            { to: 30, color: "red" },
+            { to: 60, color: "yellow" },
+            { to: 100, color: "green" }
+          ]
+        }
+      }
+    }
+  ],
+  table: [
+    {
+      label: "Formatted columns",
+      spec: {
+        widget: "table",
+        data: [
+          { name: "Alice", role: "Engineer", salary: 95e3 },
+          { name: "Bob", role: "Designer", salary: 82e3 }
+        ],
+        mapping: {
+          columns: [
+            { field: "name", label: "Name" },
+            { field: "role", label: "Role" },
+            { field: "salary", label: "Salary", format: "currency", align: "right" }
+          ]
+        }
+      }
+    }
+  ],
+  list: [
+    {
+      label: "Avatar + trailing",
+      spec: {
+        widget: "list",
+        data: [
+          { name: "Alice Kim", role: "Engineer", hours: "32h" },
+          { name: "Bob Park", role: "Designer", hours: "28h" }
+        ],
+        mapping: { primary: "name", secondary: "role", trailing: "hours" }
+      }
+    }
+  ],
+  form: [
+    {
+      label: "Validation + pattern",
+      spec: {
+        widget: "form",
+        fields: [
+          { field: "username", label: "Username", type: "text", required: !0, minLength: 3, maxLength: 20 },
+          { field: "email", label: "Email", type: "email", required: !0 },
+          { field: "plan", label: "Plan", type: "radio", options: ["Free", "Pro", "Enterprise"] }
+        ],
+        actions: [
+          { label: "Register", action: "submit", style: "primary" }
+        ]
+      }
+    }
+  ],
+  confirm: [
+    {
+      label: "Danger action",
+      spec: {
+        widget: "confirm",
+        title: "Delete Project",
+        description: "This action cannot be undone.",
+        actions: [
+          { label: "Cancel", action: "cancel" },
+          { label: "Delete", action: "submit", style: "danger" }
+        ]
+      }
+    }
+  ],
+  markdown: [
+    {
+      label: "Rich content",
+      spec: {
+        widget: "markdown",
+        data: { content: `# Getting Started
+
+Welcome to **u-widgets**!
+
+- Metrics & gauges
+- Charts with minimal JSON
+
+\`\`\`json
+{ "widget": "metric", "data": { "value": 42 } }
+\`\`\`` }
+      }
+    }
+  ],
+  image: [
+    {
+      label: "With caption",
+      spec: {
+        widget: "image",
+        data: { src: "https://placehold.co/400x200", alt: "Banner", caption: "Declarative widget system" }
+      }
+    }
+  ],
+  callout: [
+    {
+      label: "Info with title",
+      spec: {
+        widget: "callout",
+        data: { title: "Did you know?", message: "u-widgets auto-infers mappings from data shape.", level: "info" }
+      }
+    }
+  ],
+  code: [
+    {
+      label: "Python with line highlights",
+      spec: {
+        widget: "code",
+        data: {
+          content: `def fibonacci(n):
+    if n <= 1:
+        return n
+    return fibonacci(n-1) + fibonacci(n-2)
+
+print(fibonacci(10))`,
+          language: "python"
+        },
+        options: { highlight: [2, 3] }
+      }
+    },
+    {
+      label: "SQL query",
+      spec: {
+        widget: "code",
+        data: {
+          content: `SELECT u.name, COUNT(o.id) AS orders
+FROM users u
+LEFT JOIN orders o ON u.id = o.user_id
+WHERE u.active = TRUE
+GROUP BY u.name
+ORDER BY orders DESC
+LIMIT 10;`,
+          language: "sql"
+        }
+      }
+    }
+  ],
+  citation: [
+    {
+      label: "Multiple sources with snippets",
+      spec: {
+        widget: "citation",
+        data: [
+          { title: "Web Components MDN", url: "https://developer.mozilla.org/docs/Web/API/Web_components", snippet: "Create reusable custom elements.", source: "MDN" },
+          { title: "Lit Documentation", url: "https://lit.dev/docs/", snippet: "Fast, lightweight web components.", source: "lit.dev" }
+        ]
+      }
+    },
+    {
+      label: "Compact mode",
+      spec: {
+        widget: "citation",
+        data: [
+          { title: "Source A", url: "https://example.com/a" },
+          { title: "Source B", url: "https://example.com/b" }
+        ],
+        options: { compact: !0 }
+      }
+    }
+  ],
+  status: [
+    {
+      label: "System health dashboard",
+      spec: {
+        widget: "status",
+        title: "System Status",
+        data: [
+          { label: "API Gateway", value: "Operational", level: "success" },
+          { label: "Database", value: "Degraded", level: "warning" },
+          { label: "CDN", value: "Operational", level: "success" },
+          { label: "Auth Service", value: "Down", level: "error" },
+          { label: "Backup", value: "Scheduled", level: "info" }
+        ]
+      }
+    }
+  ],
+  steps: [
+    {
+      label: "With descriptions",
+      spec: {
+        widget: "steps",
+        data: [
+          { label: "Collecting data", status: "done", description: "2M records processed" },
+          { label: "Running analysis", status: "active", description: "Estimated 30s remaining" },
+          { label: "Generating report", status: "pending" }
+        ]
+      }
+    },
+    {
+      label: "Horizontal layout",
+      spec: {
+        widget: "steps",
+        data: [
+          { label: "Upload", status: "done" },
+          { label: "Process", status: "active" },
+          { label: "Review", status: "pending" },
+          { label: "Deploy", status: "pending" }
+        ],
+        options: { layout: "horizontal" }
+      }
+    }
+  ],
+  rating: [
+    {
+      label: "Heart icon",
+      spec: {
+        widget: "rating",
+        data: { value: 3, max: 5 },
+        options: { icon: "heart" }
+      }
+    },
+    {
+      label: "Interactive star",
+      spec: {
+        widget: "rating",
+        options: { interactive: !0, label: "Rate this answer:" }
+      }
+    }
+  ],
+  video: [
+    {
+      label: "Autoplay muted loop",
+      spec: {
+        widget: "video",
+        data: { src: "https://example.com/bg.mp4", caption: "Background video" },
+        options: { autoplay: !0, loop: !0, muted: !0 }
+      }
+    }
+  ],
+  gallery: [
+    {
+      label: "Square grid with captions",
+      spec: {
+        widget: "gallery",
+        data: [
+          { src: "https://placehold.co/200", alt: "A", caption: "Product A" },
+          { src: "https://placehold.co/200", alt: "B", caption: "Product B" },
+          { src: "https://placehold.co/200", alt: "C", caption: "Product C" },
+          { src: "https://placehold.co/200", alt: "D", caption: "Product D" }
+        ],
+        options: { columns: 2, aspectRatio: "1:1" }
+      }
+    }
+  ],
+  kv: [
+    {
+      label: "Array form (ordered)",
+      spec: {
+        widget: "kv",
+        data: [
+          { key: "Name", value: "Alice Kim" },
+          { key: "Email", value: "alice@example.com" },
+          { key: "Role", value: "Engineer" }
+        ]
+      }
+    },
+    {
+      label: "Horizontal layout",
+      spec: {
+        widget: "kv",
+        data: { CPU: "72%", Memory: "4.2 GB", Disk: "85%" },
+        options: { layout: "horizontal" }
+      }
+    }
+  ],
+  actions: [
+    {
+      label: "Quick replies",
+      spec: {
+        widget: "actions",
+        actions: [
+          { label: "Revenue analysis", action: "analyze_revenue" },
+          { label: "Customer status", action: "customer_status" },
+          { label: "Inventory check", action: "check_inventory" }
+        ]
+      }
+    }
+  ],
+  divider: [
+    {
+      label: "With label",
+      spec: {
+        widget: "divider",
+        options: { label: "Related items" }
+      }
+    }
+  ],
+  header: [
+    {
+      label: "Level 1 heading",
+      spec: {
+        widget: "header",
+        data: { text: "Dashboard", level: 1 }
+      }
+    }
+  ],
+  compose: [
+    {
+      label: "Grid dashboard",
+      spec: {
+        widget: "compose",
+        layout: "grid",
+        columns: 2,
+        children: [
+          { widget: "metric", data: { value: 99.9, unit: "%", label: "Uptime" } },
+          { widget: "metric", data: { value: 142, label: "Requests/s" } },
+          { widget: "progress", data: { value: 680, max: 1e3 }, options: { label: "{value} / 1000" }, span: 2 }
+        ]
+      }
+    },
+    {
+      label: "Column widths (sidebar + main)",
+      spec: {
+        widget: "compose",
+        layout: "grid",
+        columns: 2,
+        options: { widths: [1, 3] },
+        children: [
+          { widget: "kv", data: { plan: "Pro", status: "Active" } },
+          { widget: "table", data: [{ name: "Alice", role: "Dev" }, { name: "Bob", role: "PM" }] }
+        ]
+      }
+    },
+    {
+      label: "Collapsed section",
+      spec: {
+        widget: "compose",
+        children: [
+          { widget: "kv", data: { summary: "All systems operational" } },
+          { widget: "table", title: "Detailed logs", collapsed: !0, data: [{ time: "10:00", event: "Deploy" }] }
+        ]
+      }
+    }
+  ]
+};
+function T(e) {
+  const i = e.widget, p = {};
+  for (const a of e.mappingKeys)
+    v[a] && (p[a] = v[a]);
+  const d = {};
+  for (const a of N[i] ?? [])
+    w[a] && (d[a] = w[a]);
+  const o = i === "form" || i === "confirm", s = [], n = A[i];
+  n && s.push({ label: "Minimal", spec: JSON.parse(JSON.stringify(n)) });
+  const r = R[i];
+  if (r)
+    for (const a of r)
+      s.push({ label: a.label, spec: JSON.parse(JSON.stringify(a.spec)) });
+  return {
+    ...e,
+    autoInference: P[i] ?? "",
+    dataFields: [...M[i] ?? []],
+    mappingDocs: p,
+    optionDocs: d,
+    ...o ? { fieldDocs: { ...k } } : {},
+    ...o ? { actionDocs: { ...L } } : {},
+    events: S(i),
+    examples: s
+  };
+}
+function O(e) {
+  const i = A[e];
+  if (i)
+    return JSON.parse(JSON.stringify(i));
+}
+function q(e, i) {
+  if (e == null) return [];
+  const p = Array.isArray(e) ? e : [e];
+  if (p.length === 0) return [];
+  const d = p[0], o = Object.keys(d);
+  if (o.length === 0) return [];
+  const s = o.filter((t) => typeof d[t] == "string"), n = o.filter((t) => typeof d[t] == "number"), r = Array.isArray(e);
+  if (i) {
+    const t = g(i, e);
+    return t ? [{ widget: i, mapping: t, confidence: 0.8, reason: `Auto-inferred mapping for ${i}` }] : [{ widget: i, confidence: 0.3, reason: `No mapping could be inferred for ${i} from this data shape` }];
+  }
+  const a = [];
+  if (!r && n.includes("value") && a.push({
+    widget: "metric",
+    confidence: 0.95,
+    reason: 'Object data with "value" key is ideal for a metric widget'
+  }), !r && !n.includes("value") && o.length >= 2 && o.every((m) => {
+    const c = d[m];
+    return typeof c == "string" || typeof c == "number" || typeof c == "boolean";
+  }) && a.push({
+    widget: "kv",
+    confidence: 0.9,
+    reason: "Flat object with all primitive values is ideal for key-value display"
+  }), r && o.includes("key") && o.includes("value") && o.length <= 3 && a.push({
+    widget: "kv",
+    confidence: 0.88,
+    reason: 'Array with "key" and "value" fields matches key-value pair pattern'
+  }), r && s.length >= 1 && n.length >= 1) {
+    const t = g("chart.bar", e);
+    a.push({
+      widget: "chart.bar",
+      mapping: t,
+      confidence: n.length === 1 ? 0.9 : 0.7,
+      reason: "Category × value pattern detected"
+    });
+  }
+  if (r && s.length >= 1 && n.length >= 2) {
+    const t = g("chart.line", e);
+    a.push({
+      widget: "chart.line",
+      mapping: t,
+      confidence: 0.8,
+      reason: "Category × multiple values pattern detected (multi-series)"
+    });
+  }
+  if (r && s.length >= 1 && n.length >= 1 && s.some((m) => D(String(p[0][m])))) {
+    const m = g("chart.area", e);
+    a.push({
+      widget: "chart.area",
+      mapping: m,
+      confidence: 0.75,
+      reason: "Date-like category field detected — suitable for time-series area chart"
+    });
+  }
+  if (r && s.length >= 1 && n.length === 1) {
+    const t = g("chart.pie", e);
+    a.push({
+      widget: "chart.pie",
+      mapping: t,
+      confidence: 0.6,
+      reason: "Label + value pattern could work as proportions"
+    });
+  }
+  if (r && n.length >= 2 && s.length === 0) {
+    const t = g("chart.scatter", e);
+    a.push({
+      widget: "chart.scatter",
+      mapping: t,
+      confidence: 0.85,
+      reason: "All-numeric data is ideal for scatter plot"
+    });
+  }
+  if (r && o.length >= 2 && a.push({
+    widget: "table",
+    mapping: g("table", e),
+    confidence: 0.75,
+    reason: "Multi-field array renders well as a table"
+  }), r && s.length >= 1) {
+    const t = g("list", e);
+    a.push({
+      widget: "list",
+      mapping: t,
+      confidence: 0.5,
+      reason: "String fields can display as a list"
+    });
+  }
+  if (!r && n.includes("value") && (n.includes("min") || n.includes("max")) && a.push({
+    widget: "progress",
+    confidence: 0.85,
+    reason: 'Object with "value" and "min"/"max" is ideal for a progress bar'
+  }), !r && n.includes("value") && a.push({
+    widget: "gauge",
+    confidence: 0.7,
+    reason: 'Object with "value" can display as a gauge'
+  }), r && s.length >= 1 && n.length >= 2) {
+    const t = g("chart.radar", e);
+    t && a.push({
+      widget: "chart.radar",
+      mapping: t,
+      confidence: 0.6,
+      reason: "Category × multiple values can display as a radar chart"
+    });
+  }
+  if (r && s.length >= 2 && n.length >= 1) {
+    const t = g("chart.heatmap", e);
+    t && a.push({
+      widget: "chart.heatmap",
+      mapping: t,
+      confidence: 0.65,
+      reason: "Two categories × value pattern suits a heatmap"
+    });
+  }
+  if (r && n.length >= 5) {
+    const t = g("chart.box", e);
+    t && a.push({
+      widget: "chart.box",
+      mapping: t,
+      confidence: 0.7,
+      reason: "Five or more numeric fields fit a box plot (min/q1/median/q3/max)"
+    });
+  }
+  if (r && s.length >= 1 && n.length === 1) {
+    const t = g("chart.funnel", e);
+    t && a.push({
+      widget: "chart.funnel",
+      mapping: t,
+      confidence: 0.45,
+      reason: "Label + value pattern can display as a funnel"
+    });
+  }
+  if (r && s.length >= 1 && n.length >= 1) {
+    const t = g("chart.waterfall", e);
+    t && a.push({
+      widget: "chart.waterfall",
+      mapping: t,
+      confidence: 0.4,
+      reason: "Category × value pattern can display as a waterfall chart"
+    });
+  }
+  if (r && s.length >= 1 && n.length >= 1) {
+    const t = g("chart.treemap", e);
+    t && a.push({
+      widget: "chart.treemap",
+      mapping: t,
+      confidence: 0.35,
+      reason: "Category × value pattern can display as a treemap"
+    });
+  }
+  return r && o.includes("label") && o.includes("value") && a.push({
+    widget: "stat-group",
+    confidence: 0.85,
+    reason: 'Array with "label" and "value" keys matches stat-group pattern'
+  }), a.sort((t, m) => m.confidence - t.confidence), a;
+}
+function j(e) {
+  const i = q(e);
+  if (i.length === 0) return;
+  const p = i[0];
+  if (p.confidence < 0.7) return;
+  const d = { widget: p.widget, data: e };
+  return p.mapping && (d.mapping = p.mapping), d;
+}
+function f(e) {
+  if (e == null) return "null";
+  if (Array.isArray(e)) {
+    if (e.length === 0) return "array";
+    const i = e[0];
+    return typeof i == "object" && i !== null ? "object[]" : `${typeof i}[]`;
+  }
+  return typeof e;
+}
+function I(e, i) {
+  const p = /* @__PURE__ */ new Set(), d = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set();
+  for (const m of e) {
+    const c = m;
+    for (const l of Object.keys(c))
+      l !== "widget" && p.add(l);
+    const h = c.data;
+    if (Array.isArray(h)) {
+      for (const l of h)
+        if (l && typeof l == "object")
+          for (const [u, b] of Object.entries(l))
+            d.set(u, f(b));
+    } else if (h && typeof h == "object")
+      for (const [l, u] of Object.entries(h))
+        d.set(l, f(u));
+    if (c.mapping && typeof c.mapping == "object")
+      for (const [l, u] of Object.entries(c.mapping))
+        o.set(l, Array.isArray(u) ? "string[]" : typeof u);
+    if (c.options && typeof c.options == "object")
+      for (const [l, u] of Object.entries(c.options))
+        s.set(l, f(u));
+    if (Array.isArray(c.fields))
+      for (const l of c.fields) {
+        for (const [u, b] of Object.entries(l))
+          n.set(u, u === "options" ? "string[]" : f(b));
+        typeof l.type == "string" && r.add(l.type);
+      }
+    if (Array.isArray(c.actions))
+      for (const l of c.actions)
+        typeof l.style == "string" && a.add(l.style);
+  }
+  const t = (m, c) => [...m.entries()].map(([h, l]) => {
+    const u = c[h];
+    return u ? { key: h, type: l, desc: u } : { key: h, type: l };
+  });
+  return {
+    specKeys: [...p],
+    dataFields: t(d, C),
+    mappingKeys: t(o, v),
+    optionKeys: t(s, w),
+    fieldProps: t(n, k),
+    fieldTypes: [...r],
+    actionStyles: [...a],
+    events: i ? S(i) : []
+  };
+}
+export {
+  L as ACTION_PROP_DOCS,
+  C as DATA_FIELD_DOCS,
+  k as FIELD_PROP_DOCS,
+  v as MAPPING_DOCS,
+  w as OPTION_DOCS,
+  M as WIDGET_DATA_FIELDS,
+  x as WIDGET_EVENTS,
+  P as WIDGET_INFERENCE,
+  N as WIDGET_OPTIONS,
+  j as autoSpec,
+  S as getWidgetEvents,
+  E as help,
+  I as specSurface,
+  q as suggestMapping,
+  O as template
+};
+//# sourceMappingURL=u-widgets-tools.js.map