@entropix/data 1.0.0 → 1.0.1

package/dist/line-chart.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkQBI5NOHT_cjs = require('./chunk-QBI5NOHT.cjs');
+require('./chunk-GCZSXJAA.cjs');
+require('./chunk-6YAOO76S.cjs');
+
+
+
+Object.defineProperty(exports, "LineChart", {
+  enumerable: true,
+  get: function () { return chunkQBI5NOHT_cjs.LineChart; }
+});
+//# sourceMappingURL=line-chart.cjs.map
+//# sourceMappingURL=line-chart.cjs.map

package/dist/line-chart.css

@@ -0,0 +1,144 @@
+/* src/styles/chart.css */
+:root {
+  --chart-bg: var(--entropix-color-bg-primary, #ffffff);
+  --chart-border-color: var(--entropix-color-border-default, #e5e7eb);
+  --chart-grid-color: var(--entropix-color-border-subtle, #f3f4f6);
+  --chart-text-color: var(--entropix-color-text-secondary, #6b7280);
+  --chart-tooltip-bg: var(--entropix-color-bg-inverse, #1f2937);
+  --chart-tooltip-text: var(--entropix-color-text-inverse, #ffffff);
+  --chart-font-size: var(--entropix-font-size-xs, 0.75rem);
+  --chart-series-1: var(--entropix-color-action-primary-default, #3b82f6);
+  --chart-series-2: var(--entropix-color-chart-2, #ef4444);
+  --chart-series-3: var(--entropix-color-chart-3, #22c55e);
+  --chart-series-4: var(--entropix-color-chart-4, #f59e0b);
+  --chart-series-5: var(--entropix-color-chart-5, #a855f7);
+  --chart-series-6: var(--entropix-color-chart-6, #06b6d4);
+  --chart-series-7: var(--entropix-color-chart-7, #f97316);
+  --chart-series-8: var(--entropix-color-chart-8, #ec4899);
+}
+.entropix-chart {
+  position: relative;
+  width: 100%;
+  background: var(--chart-bg);
+  font-family: var(--entropix-font-family-sans, system-ui, sans-serif);
+  font-size: var(--chart-font-size);
+  color: var(--chart-text-color);
+}
+.entropix-chart__svg {
+  display: block;
+  overflow: visible;
+}
+.entropix-chart__axis-text {
+  fill: var(--chart-text-color);
+  font-size: var(--chart-font-size);
+  font-family: inherit;
+  user-select: none;
+}
+.entropix-chart__grid-line {
+  stroke: var(--chart-grid-color);
+  stroke-width: 1;
+  shape-rendering: crispEdges;
+}
+.entropix-chart__tooltip {
+  position: absolute;
+  background: var(--chart-tooltip-bg);
+  color: var(--chart-tooltip-text);
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-size: var(--chart-font-size);
+  line-height: 1.4;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 10;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  opacity: 0;
+  transition: opacity 0.15s ease-in-out;
+}
+.entropix-chart__tooltip--visible {
+  opacity: 1;
+}
+.entropix-chart__tooltip-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.entropix-chart__tooltip-swatch {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.entropix-chart__legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding: 8px 0 0;
+  justify-content: center;
+}
+.entropix-chart__legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--chart-font-size);
+  color: var(--chart-text-color);
+  transition: opacity 0.15s ease-in-out;
+}
+.entropix-chart__legend-item--inactive {
+  opacity: 0.4;
+}
+.entropix-chart__legend-swatch {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.entropix-chart__bar {
+  transition: opacity 0.15s ease-in-out;
+}
+.entropix-chart__bar:hover {
+  opacity: 0.8;
+}
+.entropix-chart__line {
+  fill: none;
+  stroke-width: 2;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+}
+.entropix-chart__area {
+  stroke: none;
+  stroke-linejoin: round;
+}
+.entropix-chart__point {
+  stroke: var(--chart-bg);
+  stroke-width: 2;
+  transition: r 0.15s ease-in-out;
+}
+.entropix-chart__point:hover {
+  r: 5;
+}
+.entropix-chart__arc {
+  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
+  transform-origin: center;
+}
+.entropix-chart__arc:hover {
+  opacity: 0.85;
+  transform: scale(1.03);
+}
+@container (max-width: 400px) {
+  .entropix-chart {
+    font-size: 0.625rem;
+  }
+}
+@media (max-width: 480px) {
+  .entropix-chart {
+    font-size: 0.625rem;
+  }
+  .entropix-chart__legend {
+    gap: 8px;
+  }
+}
+/*# sourceMappingURL=line-chart.css.map */

package/dist/line-chart.d.cts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartData, AxisConfig } from '@entropix/core';
+
+interface LineChartProps {
+    data: ChartData;
+    height?: number;
+    colors?: string[];
+    curved?: boolean;
+    showPoints?: boolean;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    xAxis?: AxisConfig;
+    yAxis?: AxisConfig;
+    className?: string;
+}
+declare function LineChart({ data, height, colors, curved, showPoints, showGrid, showTooltip, showLegend, xAxis, yAxis, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+export { LineChart, type LineChartProps };

package/dist/line-chart.d.ts

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartData, AxisConfig } from '@entropix/core';
+
+interface LineChartProps {
+    data: ChartData;
+    height?: number;
+    colors?: string[];
+    curved?: boolean;
+    showPoints?: boolean;
+    showGrid?: boolean;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    xAxis?: AxisConfig;
+    yAxis?: AxisConfig;
+    className?: string;
+}
+declare function LineChart({ data, height, colors, curved, showPoints, showGrid, showTooltip, showLegend, xAxis, yAxis, className, }: LineChartProps): react_jsx_runtime.JSX.Element;
+
+export { LineChart, type LineChartProps };

package/dist/line-chart.js

@@ -0,0 +1,5 @@
+export { LineChart } from './chunk-VCSKHJLZ.js';
+import './chunk-4WXLJDQU.js';
+import './chunk-FQACLZYR.js';
+//# sourceMappingURL=line-chart.js.map
+//# sourceMappingURL=line-chart.js.map

package/dist/pie-chart.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkVGT2QF7D_cjs = require('./chunk-VGT2QF7D.cjs');
+require('./chunk-6YAOO76S.cjs');
+
+
+
+Object.defineProperty(exports, "PieChart", {
+  enumerable: true,
+  get: function () { return chunkVGT2QF7D_cjs.PieChart; }
+});
+//# sourceMappingURL=pie-chart.cjs.map
+//# sourceMappingURL=pie-chart.cjs.map

package/dist/pie-chart.css

@@ -0,0 +1,144 @@
+/* src/styles/chart.css */
+:root {
+  --chart-bg: var(--entropix-color-bg-primary, #ffffff);
+  --chart-border-color: var(--entropix-color-border-default, #e5e7eb);
+  --chart-grid-color: var(--entropix-color-border-subtle, #f3f4f6);
+  --chart-text-color: var(--entropix-color-text-secondary, #6b7280);
+  --chart-tooltip-bg: var(--entropix-color-bg-inverse, #1f2937);
+  --chart-tooltip-text: var(--entropix-color-text-inverse, #ffffff);
+  --chart-font-size: var(--entropix-font-size-xs, 0.75rem);
+  --chart-series-1: var(--entropix-color-action-primary-default, #3b82f6);
+  --chart-series-2: var(--entropix-color-chart-2, #ef4444);
+  --chart-series-3: var(--entropix-color-chart-3, #22c55e);
+  --chart-series-4: var(--entropix-color-chart-4, #f59e0b);
+  --chart-series-5: var(--entropix-color-chart-5, #a855f7);
+  --chart-series-6: var(--entropix-color-chart-6, #06b6d4);
+  --chart-series-7: var(--entropix-color-chart-7, #f97316);
+  --chart-series-8: var(--entropix-color-chart-8, #ec4899);
+}
+.entropix-chart {
+  position: relative;
+  width: 100%;
+  background: var(--chart-bg);
+  font-family: var(--entropix-font-family-sans, system-ui, sans-serif);
+  font-size: var(--chart-font-size);
+  color: var(--chart-text-color);
+}
+.entropix-chart__svg {
+  display: block;
+  overflow: visible;
+}
+.entropix-chart__axis-text {
+  fill: var(--chart-text-color);
+  font-size: var(--chart-font-size);
+  font-family: inherit;
+  user-select: none;
+}
+.entropix-chart__grid-line {
+  stroke: var(--chart-grid-color);
+  stroke-width: 1;
+  shape-rendering: crispEdges;
+}
+.entropix-chart__tooltip {
+  position: absolute;
+  background: var(--chart-tooltip-bg);
+  color: var(--chart-tooltip-text);
+  padding: 6px 10px;
+  border-radius: 6px;
+  font-size: var(--chart-font-size);
+  line-height: 1.4;
+  white-space: nowrap;
+  pointer-events: none;
+  z-index: 10;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  opacity: 0;
+  transition: opacity 0.15s ease-in-out;
+}
+.entropix-chart__tooltip--visible {
+  opacity: 1;
+}
+.entropix-chart__tooltip-row {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.entropix-chart__tooltip-swatch {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.entropix-chart__legend {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding: 8px 0 0;
+  justify-content: center;
+}
+.entropix-chart__legend-item {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  cursor: pointer;
+  user-select: none;
+  font-size: var(--chart-font-size);
+  color: var(--chart-text-color);
+  transition: opacity 0.15s ease-in-out;
+}
+.entropix-chart__legend-item--inactive {
+  opacity: 0.4;
+}
+.entropix-chart__legend-swatch {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+.entropix-chart__bar {
+  transition: opacity 0.15s ease-in-out;
+}
+.entropix-chart__bar:hover {
+  opacity: 0.8;
+}
+.entropix-chart__line {
+  fill: none;
+  stroke-width: 2;
+  stroke-linejoin: round;
+  stroke-linecap: round;
+}
+.entropix-chart__area {
+  stroke: none;
+  stroke-linejoin: round;
+}
+.entropix-chart__point {
+  stroke: var(--chart-bg);
+  stroke-width: 2;
+  transition: r 0.15s ease-in-out;
+}
+.entropix-chart__point:hover {
+  r: 5;
+}
+.entropix-chart__arc {
+  transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
+  transform-origin: center;
+}
+.entropix-chart__arc:hover {
+  opacity: 0.85;
+  transform: scale(1.03);
+}
+@container (max-width: 400px) {
+  .entropix-chart {
+    font-size: 0.625rem;
+  }
+}
+@media (max-width: 480px) {
+  .entropix-chart {
+    font-size: 0.625rem;
+  }
+  .entropix-chart__legend {
+    gap: 8px;
+  }
+}
+/*# sourceMappingURL=pie-chart.css.map */

package/dist/pie-chart.d.cts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartDataPoint } from '@entropix/core';
+
+interface PieChartProps {
+    data: ChartDataPoint[];
+    height?: number;
+    colors?: string[];
+    innerRadius?: number;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    className?: string;
+}
+declare function PieChart({ data, height, colors, innerRadius, showTooltip, showLegend, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+export { PieChart, type PieChartProps };

package/dist/pie-chart.d.ts

@@ -0,0 +1,15 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ChartDataPoint } from '@entropix/core';
+
+interface PieChartProps {
+    data: ChartDataPoint[];
+    height?: number;
+    colors?: string[];
+    innerRadius?: number;
+    showTooltip?: boolean;
+    showLegend?: boolean;
+    className?: string;
+}
+declare function PieChart({ data, height, colors, innerRadius, showTooltip, showLegend, className, }: PieChartProps): react_jsx_runtime.JSX.Element;
+
+export { PieChart, type PieChartProps };

package/dist/pie-chart.js

@@ -0,0 +1,4 @@
+export { PieChart } from './chunk-42HKJHUY.js';
+import './chunk-FQACLZYR.js';
+//# sourceMappingURL=pie-chart.js.map
+//# sourceMappingURL=pie-chart.js.map

package/dist/styles/chart.css

@@ -1,193 +1 @@
-/* ─── Chart Component Tokens ─────────────────────────────────────────────── */
-
-:root {
-  --chart-bg: var(--entropix-color-bg-primary, #ffffff);
-  --chart-border-color: var(--entropix-color-border-default, #e5e7eb);
-  --chart-grid-color: var(--entropix-color-border-subtle, #f3f4f6);
-  --chart-text-color: var(--entropix-color-text-secondary, #6b7280);
-  --chart-tooltip-bg: var(--entropix-color-bg-inverse, #1f2937);
-  --chart-tooltip-text: var(--entropix-color-text-inverse, #ffffff);
-  --chart-font-size: var(--entropix-font-size-xs, 0.75rem);
-  --chart-series-1: var(--entropix-color-action-primary-default, #3b82f6);
-  --chart-series-2: var(--entropix-color-chart-2, #ef4444);
-  --chart-series-3: var(--entropix-color-chart-3, #22c55e);
-  --chart-series-4: var(--entropix-color-chart-4, #f59e0b);
-  --chart-series-5: var(--entropix-color-chart-5, #a855f7);
-  --chart-series-6: var(--entropix-color-chart-6, #06b6d4);
-  --chart-series-7: var(--entropix-color-chart-7, #f97316);
-  --chart-series-8: var(--entropix-color-chart-8, #ec4899);
-}
-
-/* ─── Chart Wrapper ──────────────────────────────────────────────────────── */
-
-.entropix-chart {
-  position: relative;
-  width: 100%;
-  background: var(--chart-bg);
-  font-family: var(--entropix-font-family-sans, system-ui, sans-serif);
-  font-size: var(--chart-font-size);
-  color: var(--chart-text-color);
-}
-
-/* ─── SVG Canvas ─────────────────────────────────────────────────────────── */
-
-.entropix-chart__svg {
-  display: block;
-  overflow: visible;
-}
-
-/* ─── Axis Text ──────────────────────────────────────────────────────────── */
-
-.entropix-chart__axis-text {
-  fill: var(--chart-text-color);
-  font-size: var(--chart-font-size);
-  font-family: inherit;
-  user-select: none;
-}
-
-/* ─── Grid Lines ─────────────────────────────────────────────────────────── */
-
-.entropix-chart__grid-line {
-  stroke: var(--chart-grid-color);
-  stroke-width: 1;
-  shape-rendering: crispEdges;
-}
-
-/* ─── Tooltip ────────────────────────────────────────────────────────────── */
-
-.entropix-chart__tooltip {
-  position: absolute;
-  background: var(--chart-tooltip-bg);
-  color: var(--chart-tooltip-text);
-  padding: 6px 10px;
-  border-radius: 6px;
-  font-size: var(--chart-font-size);
-  line-height: 1.4;
-  white-space: nowrap;
-  pointer-events: none;
-  z-index: 10;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  opacity: 0;
-  transition: opacity 0.15s ease-in-out;
-}
-
-.entropix-chart__tooltip--visible {
-  opacity: 1;
-}
-
-.entropix-chart__tooltip-row {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
-
-.entropix-chart__tooltip-swatch {
-  display: inline-block;
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-/* ─── Legend ──────────────────────────────────────────────────────────────── */
-
-.entropix-chart__legend {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  padding: 8px 0 0;
-  justify-content: center;
-}
-
-.entropix-chart__legend-item {
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  cursor: pointer;
-  user-select: none;
-  font-size: var(--chart-font-size);
-  color: var(--chart-text-color);
-  transition: opacity 0.15s ease-in-out;
-}
-
-.entropix-chart__legend-item--inactive {
-  opacity: 0.4;
-}
-
-.entropix-chart__legend-swatch {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-
-/* ─── Bar ─────────────────────────────────────────────────────────────────── */
-
-.entropix-chart__bar {
-  transition: opacity 0.15s ease-in-out;
-}
-
-.entropix-chart__bar:hover {
-  opacity: 0.8;
-}
-
-/* ─── Line ────────────────────────────────────────────────────────────────── */
-
-.entropix-chart__line {
-  fill: none;
-  stroke-width: 2;
-  stroke-linejoin: round;
-  stroke-linecap: round;
-}
-
-/* ─── Area ────────────────────────────────────────────────────────────────── */
-
-.entropix-chart__area {
-  stroke: none;
-  stroke-linejoin: round;
-}
-
-/* ─── Data Point ─────────────────────────────────────────────────────────── */
-
-.entropix-chart__point {
-  stroke: var(--chart-bg);
-  stroke-width: 2;
-  transition: r 0.15s ease-in-out;
-}
-
-.entropix-chart__point:hover {
-  r: 5;
-}
-
-/* ─── Arc / Pie ──────────────────────────────────────────────────────────── */
-
-.entropix-chart__arc {
-  transition:
-    opacity 0.15s ease-in-out,
-    transform 0.15s ease-in-out;
-  transform-origin: center;
-}
-
-.entropix-chart__arc:hover {
-  opacity: 0.85;
-  transform: scale(1.03);
-}
-
-/* ─── Responsive ─────────────────────────────────────────────────────────── */
-
-@container (max-width: 400px) {
-  .entropix-chart {
-    font-size: 0.625rem;
-  }
-}
-
-@media (max-width: 480px) {
-  .entropix-chart {
-    font-size: 0.625rem;
-  }
-
-  .entropix-chart__legend {
-    gap: 8px;
-  }
-}
+:root{--chart-bg:var(--entropix-color-bg-primary,#fff);--chart-border-color:var(--entropix-color-border-default,#e5e7eb);--chart-grid-color:var(--entropix-color-border-subtle,#f3f4f6);--chart-text-color:var(--entropix-color-text-secondary,#6b7280);--chart-tooltip-bg:var(--entropix-color-bg-inverse,#1f2937);--chart-tooltip-text:var(--entropix-color-text-inverse,#fff);--chart-font-size:var(--entropix-font-size-xs,.75rem);--chart-series-1:var(--entropix-color-action-primary-default,#3b82f6);--chart-series-2:var(--entropix-color-chart-2,#ef4444);--chart-series-3:var(--entropix-color-chart-3,#22c55e);--chart-series-4:var(--entropix-color-chart-4,#f59e0b);--chart-series-5:var(--entropix-color-chart-5,#a855f7);--chart-series-6:var(--entropix-color-chart-6,#06b6d4);--chart-series-7:var(--entropix-color-chart-7,#f97316);--chart-series-8:var(--entropix-color-chart-8,#ec4899)}.entropix-chart{background:var(--chart-bg);width:100%;font-family:var(--entropix-font-family-sans,system-ui, sans-serif);font-size:var(--chart-font-size);color:var(--chart-text-color);position:relative}.entropix-chart__svg{display:block;overflow:visible}.entropix-chart__axis-text{fill:var(--chart-text-color);font-size:var(--chart-font-size);user-select:none;font-family:inherit}.entropix-chart__grid-line{stroke:var(--chart-grid-color);stroke-width:1px;shape-rendering:crispedges}.entropix-chart__tooltip{background:var(--chart-tooltip-bg);color:var(--chart-tooltip-text);font-size:var(--chart-font-size);white-space:nowrap;pointer-events:none;z-index:10;opacity:0;border-radius:6px;padding:6px 10px;line-height:1.4;transition:opacity .15s ease-in-out;position:absolute;box-shadow:0 2px 8px #00000026}.entropix-chart__tooltip--visible{opacity:1}.entropix-chart__tooltip-row{align-items:center;gap:6px;display:flex}.entropix-chart__tooltip-swatch{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.entropix-chart__legend{flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 0 0;display:flex}.entropix-chart__legend-item{cursor:pointer;user-select:none;font-size:var(--chart-font-size);color:var(--chart-text-color);align-items:center;gap:6px;transition:opacity .15s ease-in-out;display:inline-flex}.entropix-chart__legend-item--inactive{opacity:.4}.entropix-chart__legend-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.entropix-chart__bar{transition:opacity .15s ease-in-out}.entropix-chart__bar:hover{opacity:.8}.entropix-chart__line{fill:none;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.entropix-chart__area{stroke:none;stroke-linejoin:round}.entropix-chart__point{stroke:var(--chart-bg);stroke-width:2px;transition:r .15s ease-in-out}.entropix-chart__point:hover{r:5}.entropix-chart__arc{transform-origin:50%;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.entropix-chart__arc:hover{opacity:.85;transform:scale(1.03)}@container (width<=400px){.entropix-chart{font-size:.625rem}}@media (width<=480px){.entropix-chart{font-size:.625rem}.entropix-chart__legend{gap:8px}}