@iyulab/u-widgets 0.8.1 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iyulab/u-widgets",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "Declarative, data-driven widget system for visualization and input",
   "type": "module",
   "module": "./dist/u-widgets.js",

package/dist/tokens-D5aWvczs.js

@@ -1,89 +0,0 @@
-import { g } from "./formdown-BWJ6QGJs.js";
-import { css as r } from "lit";
-function o(a) {
-  const e = { ...a };
-  if (e.mapping && "fields" in e.mapping && !e.fields) {
-    const { fields: t, ...i } = e.mapping;
-    e.fields = t, e.mapping = Object.keys(i).length > 0 ? i : void 0;
-  }
-  if (e.formdown && !e.fields)
-    try {
-      const i = g()(e.formdown, e.data);
-      e.fields = i.fields, i.actions.length > 0 && !e.actions && (e.actions = i.actions);
-    } catch (t) {
-      console.warn("[u-widget:normalize] Failed to parse formdown:", t.message);
-    }
-  return e;
-}
-function p(a) {
-  const { y: e, ...t } = a;
-  return {
-    ...t,
-    y: e == null ? void 0 : typeof e == "string" ? [e] : e
-  };
-}
-const n = r`
-  :host {
-    /* ── Colors (Light defaults) ── */
-    --u-widget-bg: #fff;
-    --u-widget-surface: #f1f5f9;
-    --u-widget-text: #1a1a2e;
-    --u-widget-text-secondary: #64748b;
-    --u-widget-border: #e2e8f0;
-    --u-widget-primary: #4f46e5;
-    --u-widget-positive: #16a34a;
-    --u-widget-negative: #dc2626;
-    --u-widget-warning: #d97706;
-
-    /* ── Spacing ── */
-    --u-widget-gap: 16px;
-    --u-widget-radius: 6px;
-
-    /* ── Typography ── */
-    --u-widget-font-family: system-ui, -apple-system, sans-serif;
-    --u-widget-font-size: 0.875rem;
-
-    /* ── Chart ── */
-    --u-widget-chart-height: 300px;
-
-    /* ── Shadow ── */
-    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
-    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
-  }
-
-  @media (prefers-color-scheme: dark) {
-    :host(:not([theme="light"])) {
-      --u-widget-bg: #1e1e2e;
-      --u-widget-surface: #2a2a3e;
-      --u-widget-text: #e2e8f0;
-      --u-widget-text-secondary: #94a3b8;
-      --u-widget-border: #374151;
-      --u-widget-primary: #818cf8;
-      --u-widget-positive: #4ade80;
-      --u-widget-negative: #f87171;
-      --u-widget-warning: #fbbf24;
-      --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
-      --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);
-    }
-  }
-
-  :host([theme="dark"]) {
-    --u-widget-bg: #1e1e2e;
-    --u-widget-surface: #2a2a3e;
-    --u-widget-text: #e2e8f0;
-    --u-widget-text-secondary: #94a3b8;
-    --u-widget-border: #374151;
-    --u-widget-primary: #818cf8;
-    --u-widget-positive: #4ade80;
-    --u-widget-negative: #f87171;
-    --u-widget-warning: #fbbf24;
-    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);
-    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);
-  }
-`;
-export {
-  p as a,
-  o as n,
-  n as t
-};
-//# sourceMappingURL=tokens-D5aWvczs.js.map

package/dist/tokens-D5aWvczs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens-D5aWvczs.js","sources":["../src/core/normalize.ts","../src/styles/tokens.ts"],"sourcesContent":["import type { UWidgetSpec, NormalizedMapping, UWidgetMapping } from './types.js';\nimport { getFormdownParser } from './formdown.js';\n\n/**\n * Normalize a spec for internal processing.\n *\n * Transformations applied:\n * 1. Deprecated `mapping.fields` → top-level `fields`\n * 2. `formdown` string → parsed `fields` + `actions`\n *\n * Returns a shallow copy; the original spec is not mutated.\n *\n * @param spec - The widget spec to normalize.\n * @returns A normalized copy of the spec.\n */\nexport function normalize(spec: UWidgetSpec): UWidgetSpec {\n  const result = { ...spec };\n\n  // Normalize deprecated mapping.fields → top-level fields\n  if (result.mapping && 'fields' in result.mapping && !result.fields) {\n    const { fields, ...restMapping } = result.mapping as UWidgetMapping & {\n      fields?: UWidgetSpec['fields'];\n    };\n    result.fields = fields;\n    result.mapping = Object.keys(restMapping).length > 0 ? restMapping : undefined;\n  }\n\n  // Normalize formdown → fields + actions\n  if (result.formdown && !result.fields) {\n    try {\n      const parser = getFormdownParser();\n      const parsed = parser(result.formdown, result.data as Record<string, unknown> | undefined);\n      result.fields = parsed.fields;\n      if (parsed.actions.length > 0 && !result.actions) {\n        result.actions = parsed.actions;\n      }\n    } catch (e) {\n      console.warn('[u-widget:normalize] Failed to parse formdown:', (e as Error).message);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Normalize `mapping.y` to always be `string[]`.\n *\n * Converts `y: \"field\"` → `y: [\"field\"]` and passes arrays through unchanged.\n *\n * @param mapping - The original mapping from a widget spec.\n * @returns A new mapping object with `y` guaranteed to be `string[]` or `undefined`.\n */\nexport function normalizeMapping(mapping: UWidgetMapping): NormalizedMapping {\n  const { y, ...rest } = mapping;\n  return {\n    ...rest,\n    y: y == null ? undefined : typeof y === 'string' ? [y] : y,\n  };\n}\n","import { css } from 'lit';\n\n/**\n * Shared CSS custom property tokens for all u-widget elements.\n *\n * **Token categories:**\n * - Colors: bg, surface, text, text-secondary, border, primary, positive, negative, warning\n * - Spacing: gap, radius\n * - Typography: font-family, font-size\n * - Chart: chart-height, chart-color-1..10\n *\n * **Theme modes:**\n * 1. Light mode: `:host` sets explicit color defaults for all tokens.\n * 2. Dark mode via `prefers-color-scheme: dark` (automatic, unless `theme=\"light\"`)\n * 3. Dark mode via `theme=\"dark\"` attribute (manual override)\n *\n * Host applications can override any `--u-widget-*` variable by styling the\n * element directly (e.g., `u-widget { --u-widget-text: blue; }`).\n * The `theme=\"dark\"` attribute is still useful for component-specific overrides\n * (e.g., code syntax highlight colors).\n */\nexport const themeStyles = css`\n  :host {\n    /* ── Colors (Light defaults) ── */\n    --u-widget-bg: #fff;\n    --u-widget-surface: #f1f5f9;\n    --u-widget-text: #1a1a2e;\n    --u-widget-text-secondary: #64748b;\n    --u-widget-border: #e2e8f0;\n    --u-widget-primary: #4f46e5;\n    --u-widget-positive: #16a34a;\n    --u-widget-negative: #dc2626;\n    --u-widget-warning: #d97706;\n\n    /* ── Spacing ── */\n    --u-widget-gap: 16px;\n    --u-widget-radius: 6px;\n\n    /* ── Typography ── */\n    --u-widget-font-family: system-ui, -apple-system, sans-serif;\n    --u-widget-font-size: 0.875rem;\n\n    /* ── Chart ── */\n    --u-widget-chart-height: 300px;\n\n    /* ── Shadow ── */\n    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);\n    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    :host(:not([theme=\"light\"])) {\n      --u-widget-bg: #1e1e2e;\n      --u-widget-surface: #2a2a3e;\n      --u-widget-text: #e2e8f0;\n      --u-widget-text-secondary: #94a3b8;\n      --u-widget-border: #374151;\n      --u-widget-primary: #818cf8;\n      --u-widget-positive: #4ade80;\n      --u-widget-negative: #f87171;\n      --u-widget-warning: #fbbf24;\n      --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);\n      --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);\n    }\n  }\n\n  :host([theme=\"dark\"]) {\n    --u-widget-bg: #1e1e2e;\n    --u-widget-surface: #2a2a3e;\n    --u-widget-text: #e2e8f0;\n    --u-widget-text-secondary: #94a3b8;\n    --u-widget-border: #374151;\n    --u-widget-primary: #818cf8;\n    --u-widget-positive: #4ade80;\n    --u-widget-negative: #f87171;\n    --u-widget-warning: #fbbf24;\n    --u-widget-shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);\n    --u-widget-shadow-hover: 0 4px 12px rgba(0,0,0,0.4), 0 2px 4px rgba(0,0,0,0.2);\n  }\n`;\n"],"names":["normalize","spec","result","fields","restMapping","parsed","getFormdownParser","e","normalizeMapping","mapping","y","rest","themeStyles","css"],"mappings":";;AAeO,SAASA,EAAUC,GAAgC;AACxD,QAAMC,IAAS,EAAE,GAAGD,EAAA;AAGpB,MAAIC,EAAO,WAAW,YAAYA,EAAO,WAAW,CAACA,EAAO,QAAQ;AAClE,UAAM,EAAE,QAAAC,GAAQ,GAAGC,EAAA,IAAgBF,EAAO;AAG1C,IAAAA,EAAO,SAASC,GAChBD,EAAO,UAAU,OAAO,KAAKE,CAAW,EAAE,SAAS,IAAIA,IAAc;AAAA,EACvE;AAGA,MAAIF,EAAO,YAAY,CAACA,EAAO;AAC7B,QAAI;AAEF,YAAMG,IADSC,EAAA,EACOJ,EAAO,UAAUA,EAAO,IAA2C;AACzF,MAAAA,EAAO,SAASG,EAAO,QACnBA,EAAO,QAAQ,SAAS,KAAK,CAACH,EAAO,YACvCA,EAAO,UAAUG,EAAO;AAAA,IAE5B,SAASE,GAAG;AACV,cAAQ,KAAK,kDAAmDA,EAAY,OAAO;AAAA,IACrF;AAGF,SAAOL;AACT;AAUO,SAASM,EAAiBC,GAA4C;AAC3E,QAAM,EAAE,GAAAC,GAAG,GAAGC,EAAA,IAASF;AACvB,SAAO;AAAA,IACL,GAAGE;AAAA,IACH,GAAGD,KAAK,OAAO,SAAY,OAAOA,KAAM,WAAW,CAACA,CAAC,IAAIA;AAAA,EAAA;AAE7D;ACrCO,MAAME,IAAcC;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}