@iyulab/u-widgets 0.11.0 → 0.11.1

package/dist/tokens-CoFJ5AA5.js

@@ -0,0 +1,48 @@
+import { css as e } from "lit";
+const a = e`
+  :host {
+    color-scheme: light dark;
+
+    /* ── Colors ── */
+    --u-widget-bg: light-dark(#fff, #1e1e2e);
+    --u-widget-surface: light-dark(#f1f5f9, #2a2a3e);
+    --u-widget-text: light-dark(#1a1a2e, #e2e8f0);
+    --u-widget-text-secondary: light-dark(#64748b, #94a3b8);
+    --u-widget-border: light-dark(#e2e8f0, #374151);
+    --u-widget-primary: light-dark(#4f46e5, #818cf8);
+    --u-widget-positive: light-dark(#16a34a, #4ade80);
+    --u-widget-negative: light-dark(#dc2626, #f87171);
+    --u-widget-warning: light-dark(#d97706, #fbbf24);
+
+    /* ── 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 light-dark(rgba(0,0,0,0.08), rgba(0,0,0,0.3)),
+      0 1px 2px light-dark(rgba(0,0,0,0.06), rgba(0,0,0,0.2));
+    --u-widget-shadow-hover:
+      0 4px 12px light-dark(rgba(0,0,0,0.10), rgba(0,0,0,0.4)),
+      0 2px 4px light-dark(rgba(0,0,0,0.06), rgba(0,0,0,0.2));
+  }
+
+  :host([theme="dark"]) {
+    color-scheme: dark;
+  }
+
+  :host([theme="light"]) {
+    color-scheme: light;
+  }
+`;
+export {
+  a as t
+};
+//# sourceMappingURL=tokens-CoFJ5AA5.js.map

package/dist/tokens-CoFJ5AA5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens-CoFJ5AA5.js","sources":["../src/styles/tokens.ts"],"sourcesContent":["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 * Uses CSS `color-scheme` + `light-dark()` for automatic dark/light adaptation.\n * 1. Auto mode: `:host` declares `color-scheme: light dark` — inherits from parent\n *    or falls back to `prefers-color-scheme`.\n * 2. Manual override: `theme=\"dark\"` or `theme=\"light\"` forces `color-scheme`.\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 */\nexport const themeStyles = css`\n  :host {\n    color-scheme: light dark;\n\n    /* ── Colors ── */\n    --u-widget-bg: light-dark(#fff, #1e1e2e);\n    --u-widget-surface: light-dark(#f1f5f9, #2a2a3e);\n    --u-widget-text: light-dark(#1a1a2e, #e2e8f0);\n    --u-widget-text-secondary: light-dark(#64748b, #94a3b8);\n    --u-widget-border: light-dark(#e2e8f0, #374151);\n    --u-widget-primary: light-dark(#4f46e5, #818cf8);\n    --u-widget-positive: light-dark(#16a34a, #4ade80);\n    --u-widget-negative: light-dark(#dc2626, #f87171);\n    --u-widget-warning: light-dark(#d97706, #fbbf24);\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:\n      0 1px 3px light-dark(rgba(0,0,0,0.08), rgba(0,0,0,0.3)),\n      0 1px 2px light-dark(rgba(0,0,0,0.06), rgba(0,0,0,0.2));\n    --u-widget-shadow-hover:\n      0 4px 12px light-dark(rgba(0,0,0,0.10), rgba(0,0,0,0.4)),\n      0 2px 4px light-dark(rgba(0,0,0,0.06), rgba(0,0,0,0.2));\n  }\n\n  :host([theme=\"dark\"]) {\n    color-scheme: dark;\n  }\n\n  :host([theme=\"light\"]) {\n    color-scheme: light;\n  }\n`;\n"],"names":["themeStyles","css"],"mappings":";AAoBO,MAAMA,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;"}

package/dist/u-widgets-charts.js

@@ -1,7 +1,7 @@
 import { css as E, LitElement as P, nothing as T, html as R } from "lit";
 import { property as $, customElement as B } from "lit/decorators.js";
 import { a as W, f as q } from "./format-DiXp3HTj.js";
-import { t as G } from "./tokens-byMop3gk.js";
+import { t as G } from "./tokens-CoFJ5AA5.js";
 import * as O from "echarts/core";
 import { BarChart as H, LineChart as U, PieChart as Y, ScatterChart as J, RadarChart as Q, HeatmapChart as X, BoxplotChart as Z, FunnelChart as K, TreemapChart as ee } from "echarts/charts";
 import { GridComponent as te, TooltipComponent as re, LegendComponent as ie, RadarComponent as se, MarkLineComponent as ne, VisualMapComponent as oe } from "echarts/components";

package/dist/u-widgets-math.js

@@ -1,6 +1,6 @@
 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 { t as f } from "./tokens-CoFJ5AA5.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--)

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

@@ -16,12 +16,12 @@ onWidgetEvent: EventName<CustomEvent>;
  * <u-widget> — Entry point router element.
  * Reads spec.widget and delegates to the appropriate sub-component.
  *
- * Supports theme attribute: theme="dark" | theme="light" | (auto via prefers-color-scheme)
+ * Supports theme attribute: theme="dark" | theme="light" | (auto via color-scheme inheritance)
  */
 declare class UWidget_2 extends LitElement {
     static styles: CSSResult[];
     spec: UWidgetSpec | null;
-    /** Theme override: "dark" | "light" | null (auto via prefers-color-scheme). */
+    /** Theme override: "dark" | "light" | null (auto via color-scheme inheritance). */
     theme: string | null;
     /** Locale tag (e.g. 'ko', 'en-US'). Propagated to sub-components via spec.options.locale. */
     locale: string | null;

package/dist/u-widgets.d.ts

@@ -202,12 +202,12 @@ export declare function suggestWidget(input: string): string | undefined;
  * <u-widget> — Entry point router element.
  * Reads spec.widget and delegates to the appropriate sub-component.
  *
- * Supports theme attribute: theme="dark" | theme="light" | (auto via prefers-color-scheme)
+ * Supports theme attribute: theme="dark" | theme="light" | (auto via color-scheme inheritance)
  */
 export declare class UWidget extends LitElement {
     static styles: CSSResult[];
     spec: UWidgetSpec | null;
-    /** Theme override: "dark" | "light" | null (auto via prefers-color-scheme). */
+    /** Theme override: "dark" | "light" | null (auto via color-scheme inheritance). */
     theme: string | null;
     /** Locale tag (e.g. 'ko', 'en-US'). Propagated to sub-components via spec.options.locale. */
     locale: string | null;
@@ -285,7 +285,7 @@ export declare interface UWidgetColumnDefinition {
 export declare interface UWidgetElementProps {
     /** Widget spec — object (via property binding) or JSON string (via attribute). */
     spec?: UWidgetSpec | string;
-    /** Theme override. Omit for prefers-color-scheme auto-detection. */
+    /** Theme override. Omit for color-scheme auto-detection. */
     theme?: 'light' | 'dark';
     /** BCP 47 locale tag, e.g. 'ko-KR'. */
     locale?: string;

package/dist/u-widgets.js

@@ -4,7 +4,7 @@ import { i as be } from "./infer-CNOiD2dS.js";
 import { f as he, n as we } from "./format-DiXp3HTj.js";
 import { css as b, LitElement as w, nothing as l, html as o } from "lit";
 import { property as h, customElement as y, state as S } from "lit/decorators.js";
-import { t as x } from "./tokens-byMop3gk.js";
+import { t as x } from "./tokens-CoFJ5AA5.js";
 const ye = /* @__PURE__ */ new Set([
   "text",
   "email",
@@ -2534,9 +2534,8 @@ D.styles = [x, b`
 
     .code-body {
       overflow: auto;
-      background: var(--u-widget-bg, #fff);
+      background: var(--u-widget-bg);
     }
-    :host([theme="dark"]) .code-body { background: #1e1e2e; }
 
     pre {
       margin: 0;
@@ -2562,22 +2561,16 @@ D.styles = [x, b`
     }
 
     .line-hl {
-      background: rgba(79, 70, 229, 0.08);
+      background: light-dark(rgba(79, 70, 229, 0.08), rgba(79, 70, 229, 0.15));
       margin: 0 -12px;
       padding: 0 12px;
     }
-    :host([theme="dark"]) .line-hl { background: rgba(79, 70, 229, 0.15); }
 
     /* Syntax token colors */
-    .hl-k { color: #8b5cf6; }  /* keyword — purple */
-    .hl-s { color: #059669; }  /* string — green */
-    .hl-c { color: #94a3b8; font-style: italic; } /* comment — gray */
-    .hl-n { color: #d97706; }  /* number — amber */
-
-    :host([theme="dark"]) .hl-k { color: #a78bfa; }
-    :host([theme="dark"]) .hl-s { color: #34d399; }
-    :host([theme="dark"]) .hl-c { color: #64748b; }
-    :host([theme="dark"]) .hl-n { color: #fbbf24; }
+    .hl-k { color: light-dark(#8b5cf6, #a78bfa); }  /* keyword — purple */
+    .hl-s { color: light-dark(#059669, #34d399); }  /* string — green */
+    .hl-c { color: light-dark(#94a3b8, #64748b); font-style: italic; } /* comment — gray */
+    .hl-n { color: light-dark(#d97706, #fbbf24); }  /* number — amber */
 
     @container uw-code (max-width: 20rem) {
       pre { font-size: 0.75rem; padding: 8px; }