@tensor_1/react 2.11.0 → 2.13.0

package/README.md

@@ -7,7 +7,7 @@ Thin React wrappers over the UIx v2 CSS component library — every component is
 ```sh
 npm i @tensor_1/react @tensor_1/tokens
 ```
-Peer deps: `react` / `react-dom` (`^18` or `^19`).
+Peer deps: `react` / `react-dom` (`^18` or `^19`). Install `echarts` only when using a chart entry.
 
 ## Use
 
@@ -31,4 +31,29 @@ Charts (ECharts) live behind a separate entry so they stay out of the main bundl
 import { Chart } from "@tensor_1/react/chart";
 ```
 
+For common line, bar, and pie charts, the tree-shaken preset avoids shipping the complete ECharts build:
+
+```tsx
+import { Chart } from "@tensor_1/react/chart/preset";
+```
+
+Large fixed-height tables can use `useVirtualRows(rows, { rowHeight })`; attach its `containerRef` to
+`TableWrap` and render the returned row window between spacer rows.
+
+## UIX-V3 capability components
+
+Phase 46.9 adds eleven controlled, domain-neutral components:
+
+- Authoring: `RuleBuilder` and `BuilderCanvas`.
+- Time: `SchedulingCalendar` and `DateRangePicker`.
+- Relationships and review: `RelationshipGraph` and `MatchReview`.
+- Configuration: `MetricInput`, `LicensePositionBar`, `BrandProfiles` (also
+  `BrandProfileEditor`), `DiffViewer`, and `ColorPicker`.
+
+Their serializable helpers are exported from the main entry as well: immutable
+rule-tree operations, calendar/time-zone helpers, bounded graph layout and
+traversal, three-way JSON diffing, metric parsing/stepping, color conversion and
+contrast checks, plus brand-profile apply/restore helpers. No graph or date
+runtime dependency is required.
+
 Ships **ESM + CJS + types**, with per-file `"use client"` so it's safe under React Server Components. Part of the **[UIx v2 styleguide](https://github.com/COx-ORG-H/UIx)**.

package/dist/ChartCore-Bt1C84ty.d.cts

@@ -0,0 +1,22 @@
+import { CSSProperties, ReactNode } from 'react';
+import { EChartsOption, ECharts } from 'echarts';
+
+declare function uixChartPalette(): string[];
+interface ChartTableRow {
+    [key: string]: string | number;
+}
+interface ChartProps {
+    option: EChartsOption;
+    title?: string;
+    subtitle?: string;
+    height?: string | number;
+    className?: string;
+    style?: CSSProperties;
+    ariaLabel?: string;
+    tableData?: ChartTableRow[];
+    tableHeaders?: string[];
+    onReady?: (chart: ECharts) => void;
+    header?: ReactNode;
+}
+
+export { type ChartProps as C, type ChartTableRow as a, uixChartPalette as u };

package/dist/calendar-model.d.ts

@@ -0,0 +1,31 @@
+interface CalendarDay {
+    date: string;
+    day: number;
+    inMonth: boolean;
+    weekday: number;
+}
+interface DateRangeValue {
+    start?: string;
+    end?: string;
+}
+interface ZonedDateSpan {
+    start: string;
+    end: string;
+}
+declare function toDateKey(date: Date): string;
+declare function addCalendarDays(value: string, amount: number): string;
+declare function addCalendarMonths(value: string, amount: number): string;
+declare function startOfMonth(value: string): string;
+declare function buildMonthGrid(month: string, weekStartsOn?: 0 | 1): CalendarDay[];
+declare function zonedDateKey(instant: string | Date, timeZone: string): string;
+declare function zonedDateSpan(start: string, end: string, timeZone: string): ZonedDateSpan;
+declare function enumerateDateSpan(span: ZonedDateSpan, limit?: number): string[];
+declare function selectRangeDate(current: DateRangeValue, date: string): DateRangeValue;
+declare function isDateInRange(date: string, value: DateRangeValue): boolean;
+declare function isDateUnavailable(date: string, options: {
+    min?: string;
+    max?: string;
+    isDisabled?: (date: string) => boolean;
+}): boolean;
+
+export { type CalendarDay, type DateRangeValue, type ZonedDateSpan, addCalendarDays, addCalendarMonths, buildMonthGrid, enumerateDateSpan, isDateInRange, isDateUnavailable, selectRangeDate, startOfMonth, toDateKey, zonedDateKey, zonedDateSpan };

package/dist/calendar-model.js

@@ -0,0 +1,89 @@
+function fromDateKey(value) {
+  const match = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+  if (!match) throw new TypeError(`Invalid ISO date: ${value}`);
+  return new Date(Date.UTC(Number(match[1]), Number(match[2]) - 1, Number(match[3])));
+}
+function toDateKey(date) {
+  return `${date.getUTCFullYear().toString().padStart(4, "0")}-${(date.getUTCMonth() + 1).toString().padStart(2, "0")}-${date.getUTCDate().toString().padStart(2, "0")}`;
+}
+function addCalendarDays(value, amount) {
+  const date = fromDateKey(value);
+  date.setUTCDate(date.getUTCDate() + amount);
+  return toDateKey(date);
+}
+function addCalendarMonths(value, amount) {
+  const date = fromDateKey(value);
+  const day = date.getUTCDate();
+  date.setUTCDate(1);
+  date.setUTCMonth(date.getUTCMonth() + amount);
+  const last = new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth() + 1, 0)).getUTCDate();
+  date.setUTCDate(Math.min(day, last));
+  return toDateKey(date);
+}
+function startOfMonth(value) {
+  return `${value.slice(0, 7)}-01`;
+}
+function buildMonthGrid(month, weekStartsOn = 1) {
+  const first = fromDateKey(startOfMonth(month));
+  const offset = (first.getUTCDay() - weekStartsOn + 7) % 7;
+  const start = addCalendarDays(toDateKey(first), -offset);
+  return Array.from({ length: 42 }, (_, index) => {
+    const date = addCalendarDays(start, index);
+    const parsed = fromDateKey(date);
+    return {
+      date,
+      day: parsed.getUTCDate(),
+      inMonth: date.slice(0, 7) === month.slice(0, 7),
+      weekday: parsed.getUTCDay()
+    };
+  });
+}
+function zonedDateKey(instant, timeZone) {
+  const date = instant instanceof Date ? instant : new Date(instant);
+  if (Number.isNaN(date.getTime())) throw new TypeError(`Invalid instant: ${String(instant)}`);
+  const parts = new Intl.DateTimeFormat("en-CA", {
+    timeZone,
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).formatToParts(date);
+  const get = (type) => parts.find((part) => part.type === type)?.value ?? "";
+  return `${get("year")}-${get("month")}-${get("day")}`;
+}
+function zonedDateSpan(start, end, timeZone) {
+  const startKey = zonedDateKey(start, timeZone);
+  const endKey = zonedDateKey(end, timeZone);
+  return startKey <= endKey ? { start: startKey, end: endKey } : { start: endKey, end: startKey };
+}
+function enumerateDateSpan(span, limit = 370) {
+  const dates = [];
+  let current = span.start;
+  while (current <= span.end && dates.length < limit) {
+    dates.push(current);
+    current = addCalendarDays(current, 1);
+  }
+  return dates;
+}
+function selectRangeDate(current, date) {
+  if (!current.start || current.end) return { start: date };
+  return date < current.start ? { start: date, end: current.start } : { start: current.start, end: date };
+}
+function isDateInRange(date, value) {
+  return !!value.start && !!value.end && date >= value.start && date <= value.end;
+}
+function isDateUnavailable(date, options) {
+  return !!options.min && date < options.min || !!options.max && date > options.max || !!options.isDisabled?.(date);
+}
+export {
+  addCalendarDays,
+  addCalendarMonths,
+  buildMonthGrid,
+  enumerateDateSpan,
+  isDateInRange,
+  isDateUnavailable,
+  selectRangeDate,
+  startOfMonth,
+  toDateKey,
+  zonedDateKey,
+  zonedDateSpan
+};

package/dist/chart-preset.cjs

@@ -0,0 +1,168 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/chart-preset.tsx
+var chart_preset_exports = {};
+__export(chart_preset_exports, {
+  Chart: () => Chart,
+  uixChartPalette: () => uixChartPalette
+});
+module.exports = __toCommonJS(chart_preset_exports);
+var echarts = __toESM(require("echarts/core"), 1);
+var import_charts = require("echarts/charts");
+var import_components = require("echarts/components");
+var import_renderers = require("echarts/renderers");
+
+// src/components/ChartCore.tsx
+var import_react = require("react");
+
+// src/cx.ts
+function cx(...args) {
+  return args.filter(Boolean).join(" ");
+}
+
+// src/components/ChartCore.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function readToken(name) {
+  if (typeof getComputedStyle === "undefined") return "";
+  return getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+}
+function uixChartPalette() {
+  return [1, 2, 3, 4, 5, 6, 7, 8].map((i) => readToken(`--uix-chart-${i}`));
+}
+function ChartCore({
+  engine,
+  option,
+  title,
+  subtitle,
+  height = 280,
+  className,
+  style,
+  ariaLabel,
+  tableData,
+  tableHeaders,
+  onReady,
+  header
+}) {
+  const containerRef = (0, import_react.useRef)(null);
+  const chartRef = (0, import_react.useRef)(null);
+  const appliedOptionRef = (0, import_react.useRef)(null);
+  const latestOptionRef = (0, import_react.useRef)(option);
+  const onReadyRef = (0, import_react.useRef)(onReady);
+  const tableId = (0, import_react.useId)();
+  latestOptionRef.current = option;
+  onReadyRef.current = onReady;
+  (0, import_react.useEffect)(() => {
+    const element = containerRef.current;
+    if (!element) return;
+    const chart = engine.init(element, null, { renderer: "svg" });
+    chartRef.current = chart;
+    chart.setOption(latestOptionRef.current);
+    appliedOptionRef.current = latestOptionRef.current;
+    onReadyRef.current?.(chart);
+    let frame = 0;
+    let width = element.clientWidth;
+    let height2 = element.clientHeight;
+    const observer = new ResizeObserver(() => {
+      const nextWidth = element.clientWidth;
+      const nextHeight = element.clientHeight;
+      if (nextWidth === width && nextHeight === height2) return;
+      width = nextWidth;
+      height2 = nextHeight;
+      if (frame) return;
+      frame = requestAnimationFrame(() => {
+        frame = 0;
+        chart.resize();
+      });
+    });
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+      if (frame) cancelAnimationFrame(frame);
+      chart.dispose();
+      chartRef.current = null;
+      appliedOptionRef.current = null;
+    };
+  }, [engine]);
+  (0, import_react.useEffect)(() => {
+    const chart = chartRef.current;
+    if (!chart || appliedOptionRef.current === option) return;
+    chart.setOption(option, { notMerge: false });
+    appliedOptionRef.current = option;
+  }, [option]);
+  const heightValue = typeof height === "number" ? `${height}px` : height;
+  const effectiveAriaLabel = ariaLabel ?? title ?? "Chart";
+  const hasTable = Boolean(tableData?.length && tableHeaders?.length);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cx("uix-chart", className), style, children: [
+    title != null || subtitle != null || header != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+      header,
+      title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uix-chart__title", children: title }) : null,
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uix-chart__subtitle", children: subtitle }) : null
+    ] }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        ref: containerRef,
+        style: { height: heightValue },
+        role: "img",
+        "aria-label": effectiveAriaLabel,
+        "aria-describedby": hasTable ? tableId : void 0
+      }
+    ),
+    hasTable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { id: tableId, className: "sr-only", "aria-label": `${effectiveAriaLabel} \u2014 data table`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: tableHeaders.map((label) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "col", children: label }, label)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: tableData.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: tableHeaders.map((label) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: row[label] }, label)) }, index)) })
+    ] }) : null
+  ] });
+}
+
+// src/chart-preset.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+echarts.use([
+  import_charts.BarChart,
+  import_charts.LineChart,
+  import_charts.PieChart,
+  import_components.DatasetComponent,
+  import_components.GridComponent,
+  import_components.LegendComponent,
+  import_components.TitleComponent,
+  import_components.TooltipComponent,
+  import_components.TransformComponent,
+  import_renderers.SVGRenderer
+]);
+var presetEngine = echarts;
+function Chart(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChartCore, { ...props, engine: presetEngine });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Chart,
+  uixChartPalette
+});

package/dist/chart-preset.d.cts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { C as ChartProps } from './ChartCore-Bt1C84ty.cjs';
+export { a as ChartTableRow, u as uixChartPalette } from './ChartCore-Bt1C84ty.cjs';
+import 'echarts';
+
+/** Lean SVG adapter: line, bar, pie, dataset, grid, legend, title, and tooltip. */
+declare function Chart(props: ChartProps): react.JSX.Element;
+
+export { Chart, ChartProps };

package/dist/chart-preset.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ChartProps } from './components/ChartCore.js';
+export { ChartTableRow, uixChartPalette } from './components/ChartCore.js';
+import 'echarts';
+
+/** Lean SVG adapter: line, bar, pie, dataset, grid, legend, title, and tooltip. */
+declare function Chart(props: ChartProps): react.JSX.Element;
+
+export { Chart, ChartProps };

package/dist/chart-preset.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as echarts from "echarts/core";
+import { BarChart, LineChart, PieChart } from "echarts/charts";
+import {
+  DatasetComponent,
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  TooltipComponent,
+  TransformComponent
+} from "echarts/components";
+import { SVGRenderer } from "echarts/renderers";
+import { ChartCore } from "./components/ChartCore.js";
+echarts.use([
+  BarChart,
+  LineChart,
+  PieChart,
+  DatasetComponent,
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  TooltipComponent,
+  TransformComponent,
+  SVGRenderer
+]);
+const presetEngine = echarts;
+function Chart(props) {
+  return /* @__PURE__ */ jsx(ChartCore, { ...props, engine: presetEngine });
+}
+import { uixChartPalette } from "./components/ChartCore.js";
+export {
+  Chart,
+  uixChartPalette
+};

package/dist/chart.cjs

@@ -36,15 +36,17 @@ __export(chart_exports, {
 module.exports = __toCommonJS(chart_exports);
 
 // src/components/Chart.tsx
-var import_react = require("react");
 var echarts = __toESM(require("echarts"), 1);
 
+// src/components/ChartCore.tsx
+var import_react = require("react");
+
 // src/cx.ts
 function cx(...args) {
   return args.filter(Boolean).join(" ");
 }
 
-// src/components/Chart.tsx
+// src/components/ChartCore.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 function readToken(name) {
   if (typeof getComputedStyle === "undefined") return "";
@@ -53,7 +55,8 @@ function readToken(name) {
 function uixChartPalette() {
   return [1, 2, 3, 4, 5, 6, 7, 8].map((i) => readToken(`--uix-chart-${i}`));
 }
-function Chart({
+function ChartCore({
+  engine,
   option,
   title,
   subtitle,
@@ -68,58 +71,81 @@ function Chart({
 }) {
   const containerRef = (0, import_react.useRef)(null);
   const chartRef = (0, import_react.useRef)(null);
+  const appliedOptionRef = (0, import_react.useRef)(null);
+  const latestOptionRef = (0, import_react.useRef)(option);
+  const onReadyRef = (0, import_react.useRef)(onReady);
   const tableId = (0, import_react.useId)();
+  latestOptionRef.current = option;
+  onReadyRef.current = onReady;
   (0, import_react.useEffect)(() => {
-    const el = containerRef.current;
-    if (!el) return;
-    const chart = echarts.init(el, null, { renderer: "svg" });
+    const element = containerRef.current;
+    if (!element) return;
+    const chart = engine.init(element, null, { renderer: "svg" });
     chartRef.current = chart;
-    chart.setOption(option);
-    onReady?.(chart);
-    const ro = new ResizeObserver(() => chart.resize());
-    ro.observe(el);
+    chart.setOption(latestOptionRef.current);
+    appliedOptionRef.current = latestOptionRef.current;
+    onReadyRef.current?.(chart);
+    let frame = 0;
+    let width = element.clientWidth;
+    let height2 = element.clientHeight;
+    const observer = new ResizeObserver(() => {
+      const nextWidth = element.clientWidth;
+      const nextHeight = element.clientHeight;
+      if (nextWidth === width && nextHeight === height2) return;
+      width = nextWidth;
+      height2 = nextHeight;
+      if (frame) return;
+      frame = requestAnimationFrame(() => {
+        frame = 0;
+        chart.resize();
+      });
+    });
+    observer.observe(element);
     return () => {
-      ro.disconnect();
+      observer.disconnect();
+      if (frame) cancelAnimationFrame(frame);
       chart.dispose();
       chartRef.current = null;
+      appliedOptionRef.current = null;
     };
-  }, []);
+  }, [engine]);
   (0, import_react.useEffect)(() => {
-    chartRef.current?.setOption(option, { notMerge: false });
+    const chart = chartRef.current;
+    if (!chart || appliedOptionRef.current === option) return;
+    chart.setOption(option, { notMerge: false });
+    appliedOptionRef.current = option;
   }, [option]);
-  const heightVal = typeof height === "number" ? `${height}px` : height;
+  const heightValue = typeof height === "number" ? `${height}px` : height;
   const effectiveAriaLabel = ariaLabel ?? title ?? "Chart";
-  const hasTable = tableData && tableData.length > 0 && tableHeaders && tableHeaders.length > 0;
+  const hasTable = Boolean(tableData?.length && tableHeaders?.length);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cx("uix-chart", className), style, children: [
-    (title != null || subtitle != null || header != null) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+    title != null || subtitle != null || header != null ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
       header,
-      title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uix-chart__title", children: title }),
-      subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uix-chart__subtitle", children: subtitle })
-    ] }),
+      title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uix-chart__title", children: title }) : null,
+      subtitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uix-chart__subtitle", children: subtitle }) : null
+    ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref: containerRef,
-        style: { height: heightVal },
+        style: { height: heightValue },
         role: "img",
         "aria-label": effectiveAriaLabel,
         "aria-describedby": hasTable ? tableId : void 0
       }
     ),
-    hasTable && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "table",
-      {
-        id: tableId,
-        className: "sr-only",
-        "aria-label": `${effectiveAriaLabel} \u2014 data table`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: tableHeaders.map((h) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "col", children: h }, h)) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: tableData.map((row, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: tableHeaders.map((h) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: row[h] }, h)) }, i)) })
-        ]
-      }
-    )
+    hasTable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { id: tableId, className: "sr-only", "aria-label": `${effectiveAriaLabel} \u2014 data table`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: tableHeaders.map((label) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { scope: "col", children: label }, label)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: tableData.map((row, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { children: tableHeaders.map((label) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: row[label] }, label)) }, index)) })
+    ] }) : null
   ] });
 }
+
+// src/components/Chart.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Chart(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChartCore, { ...props, engine: echarts });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Chart,

package/dist/chart.d.cts

@@ -1,24 +1,9 @@
 import * as react from 'react';
-import { CSSProperties, ReactNode } from 'react';
-import { EChartsOption, ECharts } from 'echarts';
+import { C as ChartProps } from './ChartCore-Bt1C84ty.cjs';
+export { a as ChartTableRow, u as uixChartPalette } from './ChartCore-Bt1C84ty.cjs';
+import 'echarts';
 
-declare function uixChartPalette(): string[];
-interface ChartTableRow {
-    [key: string]: string | number;
-}
-interface ChartProps {
-    option: EChartsOption;
-    title?: string;
-    subtitle?: string;
-    height?: string | number;
-    className?: string;
-    style?: CSSProperties;
-    ariaLabel?: string;
-    tableData?: ChartTableRow[];
-    tableHeaders?: string[];
-    onReady?: (chart: ECharts) => void;
-    header?: ReactNode;
-}
-declare function Chart({ option, title, subtitle, height, className, style, ariaLabel, tableData, tableHeaders, onReady, header, }: ChartProps): react.JSX.Element;
+/** Full-compatibility adapter. Use `@tensor_1/react/chart/preset` for the lean preset. */
+declare function Chart(props: ChartProps): react.JSX.Element;
 
-export { Chart, type ChartProps, type ChartTableRow, uixChartPalette };
+export { Chart, ChartProps };

package/dist/chart.d.ts

@@ -1,3 +1,4 @@
-export { Chart, ChartProps, ChartTableRow, uixChartPalette } from './components/Chart.js';
+export { Chart } from './components/Chart.js';
+export { ChartProps, ChartTableRow, uixChartPalette } from './components/ChartCore.js';
 import 'react';
 import 'echarts';

package/dist/color-model.d.ts

@@ -0,0 +1,20 @@
+interface RgbColor {
+    r: number;
+    g: number;
+    b: number;
+}
+interface HsvColor {
+    h: number;
+    s: number;
+    v: number;
+}
+declare function normalizeHex(value: string): string | undefined;
+declare function hexToRgb(value: string): RgbColor | undefined;
+declare function rgbToHex({ r, g, b }: RgbColor): string;
+declare function rgbToHsv({ r, g, b }: RgbColor): HsvColor;
+declare function hsvToRgb({ h, s, v }: HsvColor): RgbColor;
+declare function hsvToHex(value: HsvColor): string;
+declare function contrastRatio(background: string, foreground: string): number | undefined;
+declare function meetsContrast(background: string, foreground: string, minimum?: number): boolean;
+
+export { type HsvColor, type RgbColor, contrastRatio, hexToRgb, hsvToHex, hsvToRgb, meetsContrast, normalizeHex, rgbToHex, rgbToHsv };