@xaui/native 0.0.27 → 0.0.28

package/dist/chart/index.cjs

@@ -1,51 +1,11 @@
-"use strict";
-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/components/chart/index.ts
-var chart_exports = {};
-__export(chart_exports, {
-  DonutChartCard: () => DonutChartCard,
-  HeatmapChartCard: () => HeatmapChartCard,
-  LineChartCard: () => LineChartCard,
-  PieChartCard: () => PieChartCard,
-  VerticalBarChartCard: () => VerticalBarChartCard
-});
-module.exports = __toCommonJS(chart_exports);
-
-// src/components/chart/donut-chart-card.tsx
-var import_react = __toESM(require("react"), 1);
-var import_react_native2 = require("react-native");
-var import_react_native_svg = __toESM(require("react-native-svg"), 1);
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/chart/donut-chart-card.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reactnative = require('react-native');
+var _reactnativesvg = require('react-native-svg'); var SvgElements = _interopRequireWildcard(_reactnativesvg); var SvgElements2 = _interopRequireWildcard(_reactnativesvg);
 
 // src/components/chart/chart.style.ts
-var import_react_native = require("react-native");
-var styles = import_react_native.StyleSheet.create({
+
+var styles = _reactnative.StyleSheet.create({
   card: {
     borderRadius: 22,
     paddingHorizontal: 20,
@@ -348,39 +308,39 @@ var DonutChartCard = ({
   strokeWidth,
   style
 }) => {
-  const normalizedData = import_react.default.useMemo(
+  const normalizedData = _react2.default.useMemo(
     () => data.filter((item) => item.value > 0),
     [data]
   );
-  const totalValue = import_react.default.useMemo(
+  const totalValue = _react2.default.useMemo(
     () => normalizedData.reduce((sum, item) => sum + item.value, 0),
     [normalizedData]
   );
-  const effectiveStrokeWidth = import_react.default.useMemo(() => {
+  const effectiveStrokeWidth = _react2.default.useMemo(() => {
     const autoStroke = Math.max(8, Math.min(24, Math.round(size * 0.082)));
     if (strokeWidth === void 0) {
       return autoStroke;
     }
     return Math.max(6, Math.min(strokeWidth, Math.round(size * 0.22)));
   }, [size, strokeWidth]);
-  const radius = import_react.default.useMemo(
+  const radius = _react2.default.useMemo(
     () => (size - effectiveStrokeWidth) / 2,
     [effectiveStrokeWidth, size]
   );
-  const circumference = import_react.default.useMemo(() => 2 * Math.PI * radius, [radius]);
-  const internalGapDegrees = import_react.default.useMemo(
+  const circumference = _react2.default.useMemo(() => 2 * Math.PI * radius, [radius]);
+  const internalGapDegrees = _react2.default.useMemo(
     () => Math.max(6.5, Math.min(12.5, 8.1 * (250 / size))),
     [size]
   );
-  const centerTitleFontSize = import_react.default.useMemo(
+  const centerTitleFontSize = _react2.default.useMemo(
     () => Math.max(12, Math.round(size * 0.058)),
     [size]
   );
-  const centerTotalFontSize = import_react.default.useMemo(
+  const centerTotalFontSize = _react2.default.useMemo(
     () => Math.max(24, Math.round(size * 0.128)),
     [size]
   );
-  const segments = import_react.default.useMemo(() => {
+  const segments = _react2.default.useMemo(() => {
     if (!normalizedData.length || totalValue <= 0) {
       return [];
     }
@@ -408,8 +368,8 @@ var DonutChartCard = ({
     normalizedData,
     totalValue
   ]);
-  const chart = /* @__PURE__ */ import_react.default.createElement(import_react_native2.View, { style: [styles.chartWrapper, { width: size, height: size }] }, /* @__PURE__ */ import_react.default.createElement(import_react_native_svg.default, { width: size, height: size }, /* @__PURE__ */ import_react.default.createElement(
-    import_react_native_svg.Circle,
+  const chart = /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.chartWrapper, { width: size, height: size }] }, /* @__PURE__ */ _react2.default.createElement(SvgElements.default, { width: size, height: size }, /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Circle,
     {
       cx: size / 2,
       cy: size / 2,
@@ -418,15 +378,15 @@ var DonutChartCard = ({
       strokeWidth: effectiveStrokeWidth,
       fill: "none"
     }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_react_native_svg.default,
+  ), /* @__PURE__ */ _react2.default.createElement(
+    SvgElements.default,
     {
       width: size,
       height: size,
       style: { transform: [{ rotate: "-90deg" }] }
     },
-    segments.map((segment) => /* @__PURE__ */ import_react.default.createElement(
-      import_react_native_svg.Circle,
+    segments.map((segment) => /* @__PURE__ */ _react2.default.createElement(
+      _reactnativesvg.Circle,
       {
         key: segment.key,
         cx: size / 2,
@@ -440,8 +400,8 @@ var DonutChartCard = ({
         fill: "none"
       }
     ))
-  )), (title !== void 0 || total !== void 0) && /* @__PURE__ */ import_react.default.createElement(import_react_native2.View, { style: styles.centerContent, pointerEvents: "none" }, title !== void 0 && /* @__PURE__ */ import_react.default.createElement(
-    import_react_native2.Text,
+  )), (title !== void 0 || total !== void 0) && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.centerContent, pointerEvents: "none" }, title !== void 0 && /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       style: [
         styles.centerTitle,
@@ -449,8 +409,8 @@ var DonutChartCard = ({
       ]
     },
     title
-  ), total !== void 0 && /* @__PURE__ */ import_react.default.createElement(
-    import_react_native2.Text,
+  ), total !== void 0 && /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.Text,
     {
       style: [
         styles.centerTotal,
@@ -463,25 +423,25 @@ var DonutChartCard = ({
     },
     total
   )));
-  const legend = showLegend ? /* @__PURE__ */ import_react.default.createElement(
-    import_react_native2.View,
+  const legend = showLegend ? /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.legend,
         isLegendHorizontal(legendPosition) && styles.legendCompact
       ]
     },
-    data.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_react_native2.View, { style: styles.legendItem, key: `${item.label}-${index}-legend` }, /* @__PURE__ */ import_react.default.createElement(import_react_native2.View, { style: styles.legendLeft }, /* @__PURE__ */ import_react.default.createElement(import_react_native2.View, { style: [styles.legendDot, { backgroundColor: item.color }] }), /* @__PURE__ */ import_react.default.createElement(
-      import_react_native2.Text,
+    data.map((item, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.legendItem, key: `${item.label}-${index}-legend` }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.legendLeft }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.legendDot, { backgroundColor: item.color }] }), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
-        style: [styles.legendTitle, { color: item.labelColor ?? textColor }]
+        style: [styles.legendTitle, { color: _nullishCoalesce(item.labelColor, () => ( textColor)) }]
       },
       item.label
-    )), /* @__PURE__ */ import_react.default.createElement(import_react_native2.Text, { style: [styles.legendValue, { color: textColor }] }, item.value)))
+    )), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.legendValue, { color: textColor }] }, item.value)))
   ) : null;
-  const content = isLegendHorizontal(legendPosition) ? /* @__PURE__ */ import_react.default.createElement(import_react_native2.View, { style: styles.contentHorizontal }, legendPosition === "left" && legend, chart, legendPosition === "right" && legend) : /* @__PURE__ */ import_react.default.createElement(import_react_native2.View, { style: styles.contentVertical }, legendPosition === "top" && legend, chart, legendPosition === "bottom" && legend);
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_react_native2.View,
+  const content = isLegendHorizontal(legendPosition) ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.contentHorizontal }, legendPosition === "left" && legend, chart, legendPosition === "right" && legend) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.contentVertical }, legendPosition === "top" && legend, chart, legendPosition === "bottom" && legend);
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.barCard,
@@ -495,8 +455,8 @@ var DonutChartCard = ({
 };
 
 // src/components/chart/vertical-bar-chart-card.tsx
-var import_react2 = __toESM(require("react"), 1);
-var import_react_native3 = require("react-native");
+
+
 var VerticalBarChartCard = ({
   data,
   title,
@@ -511,23 +471,23 @@ var VerticalBarChartCard = ({
   justifyBars = true,
   style
 }) => {
-  const normalizedData = import_react2.default.useMemo(
+  const normalizedData = _react2.default.useMemo(
     () => data.filter((item) => item.value >= 0),
     [data]
   );
-  const minValue = import_react2.default.useMemo(() => {
+  const minValue = _react2.default.useMemo(() => {
     if (!normalizedData.length) {
       return 0;
     }
     return Math.min(...normalizedData.map((item) => item.value));
   }, [normalizedData]);
-  const maxValue = import_react2.default.useMemo(() => {
+  const maxValue = _react2.default.useMemo(() => {
     if (!normalizedData.length) {
       return 1;
     }
     return Math.max(...normalizedData.map((item) => item.value), 1);
   }, [normalizedData]);
-  const meanValue = import_react2.default.useMemo(() => {
+  const meanValue = _react2.default.useMemo(() => {
     if (!normalizedData.length) {
       return 0;
     }
@@ -543,8 +503,8 @@ var VerticalBarChartCard = ({
   const dynamicBarWidth = Math.max(8, Math.min(30, slotWidth * 0.52));
   const cornerRadius = Math.min(dynamicBarWidth / 2, 10);
   const graphHeight = chartHeight - 8;
-  return /* @__PURE__ */ import_react2.default.createElement(
-    import_react_native3.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.barCard,
@@ -553,9 +513,9 @@ var VerticalBarChartCard = ({
         style
       ]
     },
-    title !== void 0 && /* @__PURE__ */ import_react2.default.createElement(import_react_native3.Text, { style: [styles.barTitle, { color: textColor }] }, title),
-    /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { style: styles.barChartRow }, showAxes && /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { style: [styles.yAxis, { height: chartHeight }] }, /* @__PURE__ */ import_react2.default.createElement(import_react_native3.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(maxValue)), /* @__PURE__ */ import_react2.default.createElement(import_react_native3.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(meanValue)), /* @__PURE__ */ import_react2.default.createElement(import_react_native3.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(minValue))), /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { style: styles.chartAndLabels }, /* @__PURE__ */ import_react2.default.createElement(
-      import_react_native3.View,
+    title !== void 0 && /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.barTitle, { color: textColor }] }, title),
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.barChartRow }, showAxes && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.yAxis, { height: chartHeight }] }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(maxValue)), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(meanValue)), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(minValue))), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.chartAndLabels }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: {
           width: chartWidth,
@@ -564,8 +524,8 @@ var VerticalBarChartCard = ({
           justifyContent: "flex-end"
         }
       },
-      showAxes && /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(
-        import_react_native3.View,
+      showAxes && /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: {
             position: "absolute",
@@ -576,8 +536,8 @@ var VerticalBarChartCard = ({
             backgroundColor: "rgba(255,255,255,0.15)"
           }
         }
-      ), /* @__PURE__ */ import_react2.default.createElement(
-        import_react_native3.View,
+      ), /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: {
             position: "absolute",
@@ -588,8 +548,8 @@ var VerticalBarChartCard = ({
             backgroundColor: "rgba(255,255,255,0.12)"
           }
         }
-      ), /* @__PURE__ */ import_react2.default.createElement(
-        import_react_native3.View,
+      ), /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: {
             position: "absolute",
@@ -601,8 +561,8 @@ var VerticalBarChartCard = ({
           }
         }
       )),
-      /* @__PURE__ */ import_react2.default.createElement(
-        import_react_native3.View,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: {
             flexDirection: "row",
@@ -615,8 +575,8 @@ var VerticalBarChartCard = ({
         normalizedData.map((item, index) => {
           const valueRatio = Math.max(0, Math.min(1, item.value / maxValue));
           const barHeight = Math.max(2, Math.round(valueRatio * graphHeight));
-          return /* @__PURE__ */ import_react2.default.createElement(
-            import_react_native3.View,
+          return /* @__PURE__ */ _react2.default.createElement(
+            _reactnative.View,
             {
               key: `${item.label}-${index}-bar`,
               style: {
@@ -626,38 +586,38 @@ var VerticalBarChartCard = ({
                 justifyContent: "flex-end"
               }
             },
-            /* @__PURE__ */ import_react2.default.createElement(
-              import_react_native3.View,
+            /* @__PURE__ */ _react2.default.createElement(
+              _reactnative.View,
               {
                 style: {
                   width: dynamicBarWidth,
                   height: barHeight,
                   borderRadius: cornerRadius,
-                  backgroundColor: item.color ?? "#57C9ED"
+                  backgroundColor: _nullishCoalesce(item.color, () => ( "#57C9ED"))
                 }
               }
             )
           );
         })
       )
-    ), /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { style: [styles.xAxisRow, { width: chartWidth }] }, normalizedData.map((item, index) => /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { key: `${item.label}-${index}-x`, style: { width: slotWidth } }, /* @__PURE__ */ import_react2.default.createElement(import_react_native3.Text, { style: [styles.xAxisLabel, { color: textColor }] }, abbreviateXAxisLabels ? abbreviateLabel(item.label, xAxisAbbreviationLength) : item.label)))))),
-    showFullLegendBelow && /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { style: [styles.legend, { marginTop: 18 }] }, normalizedData.map((item, index) => /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { key: `${item.label}-${index}-legend`, style: styles.legendItem }, /* @__PURE__ */ import_react2.default.createElement(import_react_native3.View, { style: styles.legendLeft }, /* @__PURE__ */ import_react2.default.createElement(
-      import_react_native3.View,
+    ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.xAxisRow, { width: chartWidth }] }, normalizedData.map((item, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: `${item.label}-${index}-x`, style: { width: slotWidth } }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.xAxisLabel, { color: textColor }] }, abbreviateXAxisLabels ? abbreviateLabel(item.label, xAxisAbbreviationLength) : item.label)))))),
+    showFullLegendBelow && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.legend, { marginTop: 18 }] }, normalizedData.map((item, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: `${item.label}-${index}-legend`, style: styles.legendItem }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.legendLeft }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.legendDot,
-          { backgroundColor: item.color ?? "#57C9ED" }
+          { backgroundColor: _nullishCoalesce(item.color, () => ( "#57C9ED")) }
         ]
       }
-    ), /* @__PURE__ */ import_react2.default.createElement(import_react_native3.Text, { style: [styles.legendTitle, { color: textColor }] }, item.label)), /* @__PURE__ */ import_react2.default.createElement(import_react_native3.Text, { style: [styles.legendValue, { color: textColor }] }, item.value))))
+    ), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.legendTitle, { color: textColor }] }, item.label)), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.legendValue, { color: textColor }] }, item.value))))
   );
 };
 
 // src/components/chart/pie-chart-card.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_native4 = require("react-native");
-var import_react_native_svg2 = __toESM(require("react-native-svg"), 1);
-var SvgElements = __toESM(require("react-native-svg"), 1);
+
+
+
+
 var polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
   const angleInRadians = (angleInDegrees - 90) * Math.PI / 180;
   return {
@@ -688,11 +648,11 @@ var PieChartCard = ({
   size = 220,
   style
 }) => {
-  const normalizedData = import_react3.default.useMemo(
+  const normalizedData = _react2.default.useMemo(
     () => data.filter((item) => item.value > 0),
     [data]
   );
-  const totalValue = import_react3.default.useMemo(
+  const totalValue = _react2.default.useMemo(
     () => normalizedData.reduce((sum, item) => sum + item.value, 0),
     [normalizedData]
   );
@@ -700,7 +660,7 @@ var PieChartCard = ({
   const center = chartSize / 2;
   const radius = chartSize * 0.44;
   const gapDegrees = 1;
-  const sectors = import_react3.default.useMemo(() => {
+  const sectors = _react2.default.useMemo(() => {
     if (!normalizedData.length || totalValue <= 0) {
       return [];
     }
@@ -719,8 +679,8 @@ var PieChartCard = ({
     });
   }, [center, gapDegrees, normalizedData, radius, totalValue]);
   const PathElement = SvgElements.Path;
-  const chart = /* @__PURE__ */ import_react3.default.createElement(import_react_native4.View, { style: [styles.chartWrapper, { width: chartSize, height: chartSize }] }, /* @__PURE__ */ import_react3.default.createElement(import_react_native_svg2.default, { width: chartSize, height: chartSize }, PathElement ? sectors.map((sector) => /* @__PURE__ */ import_react3.default.createElement(PathElement, { key: sector.key, d: sector.path, fill: sector.color })) : sectors.map((sector, index) => /* @__PURE__ */ import_react3.default.createElement(
-    import_react_native_svg2.Circle,
+  const chart = /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.chartWrapper, { width: chartSize, height: chartSize }] }, /* @__PURE__ */ _react2.default.createElement(SvgElements.default, { width: chartSize, height: chartSize }, PathElement ? sectors.map((sector) => /* @__PURE__ */ _react2.default.createElement(PathElement, { key: sector.key, d: sector.path, fill: sector.color })) : sectors.map((sector, index) => /* @__PURE__ */ _react2.default.createElement(
+    _reactnativesvg.Circle,
     {
       key: `${sector.key}-fallback`,
       cx: chartSize / 2,
@@ -729,25 +689,25 @@ var PieChartCard = ({
       fill: sector.color
     }
   ))));
-  const legend = showLegend ? /* @__PURE__ */ import_react3.default.createElement(
-    import_react_native4.View,
+  const legend = showLegend ? /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.legend,
         isLegendHorizontal(legendPosition) && styles.legendCompact
       ]
     },
-    data.map((item, index) => /* @__PURE__ */ import_react3.default.createElement(import_react_native4.View, { style: styles.legendItem, key: `${item.label}-${index}-legend` }, /* @__PURE__ */ import_react3.default.createElement(import_react_native4.View, { style: styles.legendLeft }, /* @__PURE__ */ import_react3.default.createElement(import_react_native4.View, { style: [styles.legendDot, { backgroundColor: item.color }] }), /* @__PURE__ */ import_react3.default.createElement(
-      import_react_native4.Text,
+    data.map((item, index) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.legendItem, key: `${item.label}-${index}-legend` }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.legendLeft }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.legendDot, { backgroundColor: item.color }] }), /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
-        style: [styles.legendTitle, { color: item.labelColor ?? textColor }]
+        style: [styles.legendTitle, { color: _nullishCoalesce(item.labelColor, () => ( textColor)) }]
       },
       item.label
-    )), /* @__PURE__ */ import_react3.default.createElement(import_react_native4.Text, { style: [styles.legendValue, { color: textColor }] }, item.value)))
+    )), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.legendValue, { color: textColor }] }, item.value)))
   ) : null;
-  const content = isLegendHorizontal(legendPosition) ? /* @__PURE__ */ import_react3.default.createElement(import_react_native4.View, { style: styles.pieContentHorizontal }, legendPosition === "left" && legend, chart, legendPosition === "right" && legend) : /* @__PURE__ */ import_react3.default.createElement(import_react_native4.View, { style: styles.pieContentVertical }, legendPosition === "top" && legend, chart, legendPosition === "bottom" && legend);
-  return /* @__PURE__ */ import_react3.default.createElement(
-    import_react_native4.View,
+  const content = isLegendHorizontal(legendPosition) ? /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.pieContentHorizontal }, legendPosition === "left" && legend, chart, legendPosition === "right" && legend) : /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.pieContentVertical }, legendPosition === "top" && legend, chart, legendPosition === "bottom" && legend);
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.card,
@@ -756,16 +716,16 @@ var PieChartCard = ({
         style
       ]
     },
-    (title !== void 0 || total !== void 0) && /* @__PURE__ */ import_react3.default.createElement(import_react_native4.View, { style: styles.pieHeader }, /* @__PURE__ */ import_react3.default.createElement(import_react_native4.Text, { style: [styles.pieHeaderTitle, { color: textColor }] }, title ?? ""), /* @__PURE__ */ import_react3.default.createElement(import_react_native4.Text, { style: [styles.pieHeaderTotal, { color: textColor }] }, total ?? "")),
+    (title !== void 0 || total !== void 0) && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.pieHeader }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.pieHeaderTitle, { color: textColor }] }, _nullishCoalesce(title, () => ( ""))), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.pieHeaderTotal, { color: textColor }] }, _nullishCoalesce(total, () => ( "")))),
     content
   );
 };
 
 // src/components/chart/line-chart-card.tsx
-var import_react4 = __toESM(require("react"), 1);
-var import_react_native5 = require("react-native");
-var import_react_native_svg3 = __toESM(require("react-native-svg"), 1);
-var SvgElements2 = __toESM(require("react-native-svg"), 1);
+
+
+
+
 var buildSmoothPath = (points) => {
   if (points.length < 2) {
     return "";
@@ -805,23 +765,23 @@ var LineChartCard = ({
   xAxisAbbreviationLength = 3,
   style
 }) => {
-  const normalizedData = import_react4.default.useMemo(
+  const normalizedData = _react2.default.useMemo(
     () => data.filter((item) => Number.isFinite(item.value)),
     [data]
   );
-  const minValue = import_react4.default.useMemo(() => {
+  const minValue = _react2.default.useMemo(() => {
     if (!normalizedData.length) {
       return 0;
     }
     return Math.min(...normalizedData.map((item) => item.value));
   }, [normalizedData]);
-  const maxValue = import_react4.default.useMemo(() => {
+  const maxValue = _react2.default.useMemo(() => {
     if (!normalizedData.length) {
       return 1;
     }
     return Math.max(...normalizedData.map((item) => item.value), 1);
   }, [normalizedData]);
-  const meanValue = import_react4.default.useMemo(() => {
+  const meanValue = _react2.default.useMemo(() => {
     if (!normalizedData.length) {
       return 0;
     }
@@ -833,7 +793,7 @@ var LineChartCard = ({
   const rightPadding = paddingX + 8;
   const graphHeight = chartHeight - 10;
   const dataRange = Math.max(1, maxValue - minValue);
-  const points = import_react4.default.useMemo(() => {
+  const points = _react2.default.useMemo(() => {
     if (!normalizedData.length) {
       return [];
     }
@@ -856,8 +816,8 @@ var LineChartCard = ({
   const linePath = lineMode === "smooth" ? buildSmoothPath(points) : buildDirectPath(points);
   const areaPath = points.length ? `${linePath} L ${points[points.length - 1].x} ${graphHeight} L ${points[0].x} ${graphHeight} Z` : "";
   const PathElement = SvgElements2.Path;
-  return /* @__PURE__ */ import_react4.default.createElement(
-    import_react_native5.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.barCard,
@@ -866,25 +826,25 @@ var LineChartCard = ({
         style
       ]
     },
-    title !== void 0 && /* @__PURE__ */ import_react4.default.createElement(import_react_native5.Text, { style: [styles.barTitle, { color: textColor }] }, title),
-    /* @__PURE__ */ import_react4.default.createElement(import_react_native5.View, { style: styles.barChartRow }, showAxes && /* @__PURE__ */ import_react4.default.createElement(import_react_native5.View, { style: styles.yAxis }, /* @__PURE__ */ import_react4.default.createElement(import_react_native5.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(maxValue)), /* @__PURE__ */ import_react4.default.createElement(import_react_native5.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(meanValue)), /* @__PURE__ */ import_react4.default.createElement(import_react_native5.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(minValue))), /* @__PURE__ */ import_react4.default.createElement(import_react_native5.View, { style: styles.chartAndLabels }, /* @__PURE__ */ import_react4.default.createElement(
-      import_react_native5.View,
+    title !== void 0 && /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.barTitle, { color: textColor }] }, title),
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.barChartRow }, showAxes && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.yAxis }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(maxValue)), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(meanValue)), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.yAxisLabel, { color: textColor }] }, formatAxisValue(minValue))), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.chartAndLabels }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         style: [
           styles.lineChartArea,
           { width: chartWidth, height: chartHeight }
         ]
       },
-      showAxes && /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(import_react_native5.View, { style: [styles.lineChartGrid, { top: 0 }] }), /* @__PURE__ */ import_react4.default.createElement(
-        import_react_native5.View,
+      showAxes && /* @__PURE__ */ _react2.default.createElement(_react2.default.Fragment, null, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.lineChartGrid, { top: 0 }] }), /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: [
             styles.lineChartGrid,
             { top: Math.round(chartHeight / 2) }
           ]
         }
-      ), /* @__PURE__ */ import_react4.default.createElement(import_react_native5.View, { style: [styles.lineChartGrid, { top: chartHeight - 1 }] })),
-      /* @__PURE__ */ import_react4.default.createElement(import_react_native_svg3.default, { width: chartWidth, height: chartHeight }, !!areaPath && (PathElement ? /* @__PURE__ */ import_react4.default.createElement(PathElement, { d: areaPath, fill: areaColor }) : null), !!linePath && (PathElement ? /* @__PURE__ */ import_react4.default.createElement(
+      ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.lineChartGrid, { top: chartHeight - 1 }] })),
+      /* @__PURE__ */ _react2.default.createElement(SvgElements.default, { width: chartWidth, height: chartHeight }, !!areaPath && (PathElement ? /* @__PURE__ */ _react2.default.createElement(PathElement, { d: areaPath, fill: areaColor }) : null), !!linePath && (PathElement ? /* @__PURE__ */ _react2.default.createElement(
         PathElement,
         {
           d: linePath,
@@ -894,8 +854,8 @@ var LineChartCard = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         }
-      ) : null), showPoints && points.map((point, index) => /* @__PURE__ */ import_react4.default.createElement(
-        import_react_native_svg3.Circle,
+      ) : null), showPoints && points.map((point, index) => /* @__PURE__ */ _react2.default.createElement(
+        _reactnativesvg.Circle,
         {
           key: `line-point-${index}`,
           cx: point.x,
@@ -904,20 +864,20 @@ var LineChartCard = ({
           fill: lineColor
         }
       )))
-    ), /* @__PURE__ */ import_react4.default.createElement(import_react_native5.View, { style: [styles.xAxisRow, { width: chartWidth }] }, normalizedData.map((item, index) => /* @__PURE__ */ import_react4.default.createElement(
-      import_react_native5.View,
+    ), /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.xAxisRow, { width: chartWidth }] }, normalizedData.map((item, index) => /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         key: `${item.label}-${index}-line-x`,
         style: { width: chartWidth / Math.max(normalizedData.length, 1) }
       },
-      /* @__PURE__ */ import_react4.default.createElement(import_react_native5.Text, { style: [styles.xAxisLabel, { color: textColor }] }, abbreviateXAxisLabels ? abbreviateLabel(item.label, xAxisAbbreviationLength) : item.label)
+      /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.xAxisLabel, { color: textColor }] }, abbreviateXAxisLabels ? abbreviateLabel(item.label, xAxisAbbreviationLength) : item.label)
     )))))
   );
 };
 
 // src/components/chart/heatmap-chart-card.tsx
-var import_react5 = __toESM(require("react"), 1);
-var import_react_native6 = require("react-native");
+
+
 var getHeatmapColor = (value, min, max, startColor, endColor) => {
   if (max === min) {
     return startColor;
@@ -954,7 +914,7 @@ var HeatmapChartCard = ({
   cellGap = 4,
   style
 }) => {
-  const { minValue, maxValue } = import_react5.default.useMemo(() => {
+  const { minValue, maxValue } = _react2.default.useMemo(() => {
     let min = Number.POSITIVE_INFINITY;
     let max = Number.NEGATIVE_INFINITY;
     for (const row of data) {
@@ -970,11 +930,11 @@ var HeatmapChartCard = ({
     return { minValue: min, maxValue: max };
   }, [data]);
   const rows = data.length;
-  const cols = data[0]?.length ?? 0;
+  const cols = _nullishCoalesce(_optionalChain([data, 'access', _2 => _2[0], 'optionalAccess', _3 => _3.length]), () => ( 0));
   const labelWidth = 50;
   const labelHeight = 30;
-  return /* @__PURE__ */ import_react5.default.createElement(
-    import_react_native6.View,
+  return /* @__PURE__ */ _react2.default.createElement(
+    _reactnative.View,
     {
       style: [
         styles.card,
@@ -983,9 +943,9 @@ var HeatmapChartCard = ({
         style
       ]
     },
-    title && /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: styles.chartHeader }, /* @__PURE__ */ import_react5.default.createElement(import_react_native6.Text, { style: [styles.chartTitle, { color: textColor }] }, title)),
-    /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: styles.heatmapContainer }, /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: styles.heatmapGrid }, /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: { width: labelWidth, height: labelHeight } }), xLabels?.map((label, index) => /* @__PURE__ */ import_react5.default.createElement(
-      import_react_native6.View,
+    title && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.chartHeader }, /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.chartTitle, { color: textColor }] }, title)),
+    /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.heatmapContainer }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.heatmapGrid }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: { width: labelWidth, height: labelHeight } }), _optionalChain([xLabels, 'optionalAccess', _4 => _4.map, 'call', _5 => _5((label, index) => /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.View,
       {
         key: `x-label-${index}`,
         style: [
@@ -997,16 +957,16 @@ var HeatmapChartCard = ({
           }
         ]
       },
-      /* @__PURE__ */ import_react5.default.createElement(
-        import_react_native6.Text,
+      /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.Text,
         {
           style: [styles.heatmapLabelText, { color: textColor }],
           numberOfLines: 1
         },
         abbreviateLabel(label, 3)
       )
-    ))), data.map((row, rowIndex) => /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { key: `row-${rowIndex}`, style: styles.heatmapRow }, yLabels?.[rowIndex] && /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: [styles.heatmapYLabel, { width: labelWidth }] }, /* @__PURE__ */ import_react5.default.createElement(
-      import_react_native6.Text,
+    ))])), data.map((row, rowIndex) => /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: `row-${rowIndex}`, style: styles.heatmapRow }, _optionalChain([yLabels, 'optionalAccess', _6 => _6[rowIndex]]) && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: [styles.heatmapYLabel, { width: labelWidth }] }, /* @__PURE__ */ _react2.default.createElement(
+      _reactnative.Text,
       {
         style: [styles.heatmapLabelText, { color: textColor }],
         numberOfLines: 1
@@ -1020,8 +980,8 @@ var HeatmapChartCard = ({
         startColor,
         endColor
       );
-      return /* @__PURE__ */ import_react5.default.createElement(
-        import_react_native6.View,
+      return /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           key: `cell-${rowIndex}-${colIndex}`,
           style: [
@@ -1035,10 +995,10 @@ var HeatmapChartCard = ({
             }
           ]
         },
-        showValues && /* @__PURE__ */ import_react5.default.createElement(import_react_native6.Text, { style: styles.heatmapCellText }, value)
+        showValues && /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: styles.heatmapCellText }, value)
       );
     })))),
-    showLegend && /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: styles.heatmapLegend }, /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { style: styles.heatmapLegendGradient }, Array.from({ length: 5 }).map((_, index) => {
+    showLegend && /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.heatmapLegend }, /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: styles.heatmapLegendGradient }, Array.from({ length: 5 }).map((_, index) => {
       const ratio = index / 4;
       const value = minValue + (maxValue - minValue) * ratio;
       const color = getHeatmapColor(
@@ -1048,20 +1008,19 @@ var HeatmapChartCard = ({
         startColor,
         endColor
       );
-      return /* @__PURE__ */ import_react5.default.createElement(import_react_native6.View, { key: `legend-${index}`, style: styles.heatmapLegendItem }, /* @__PURE__ */ import_react5.default.createElement(
-        import_react_native6.View,
+      return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { key: `legend-${index}`, style: styles.heatmapLegendItem }, /* @__PURE__ */ _react2.default.createElement(
+        _reactnative.View,
         {
           style: [styles.heatmapLegendBox, { backgroundColor: color }]
         }
-      ), /* @__PURE__ */ import_react5.default.createElement(import_react_native6.Text, { style: [styles.heatmapLegendValue, { color: textColor }] }, value.toFixed(1)));
+      ), /* @__PURE__ */ _react2.default.createElement(_reactnative.Text, { style: [styles.heatmapLegendValue, { color: textColor }] }, value.toFixed(1)));
     })))
   );
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  DonutChartCard,
-  HeatmapChartCard,
-  LineChartCard,
-  PieChartCard,
-  VerticalBarChartCard
-});
+
+
+
+
+
+
+exports.DonutChartCard = DonutChartCard; exports.HeatmapChartCard = HeatmapChartCard; exports.LineChartCard = LineChartCard; exports.PieChartCard = PieChartCard; exports.VerticalBarChartCard = VerticalBarChartCard;