@multiplatform.one/components 6.0.4 → 6.3.0

package/dist/jsx/charts/Axis.native.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Axis_exports = {};
+__export(Axis_exports, {
+  AXIS_LABEL_GAP: () => AXIS_LABEL_GAP,
+  AXIS_TICK_LENGTH: () => AXIS_TICK_LENGTH,
+  XAxis: () => XAxis,
+  YAxis: () => YAxis
+});
+module.exports = __toCommonJS(Axis_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_math = require("./math.native.js");
+var import_svg = require("./svg.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+var AXIS_TICK_LENGTH = 4;
+var AXIS_LABEL_GAP = 3;
+var TICK_LENGTH = AXIS_TICK_LENGTH;
+var LABEL_GAP = AXIS_LABEL_GAP;
+function XAxis(param) {
+  var {
+    plot,
+    scale,
+    tickValues,
+    tickFormat,
+    showLine = true,
+    showTicks = true,
+    showLabels = true
+  } = param;
+  var {
+    axisColor,
+    labelColor,
+    labelFontFamily,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  var values = tickValues !== null && tickValues !== void 0 ? tickValues : scale.domain();
+  var y = plot.y + plot.height;
+  var bandwidth = scale.bandwidth();
+  var step = scale.step();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+    children: [showLine ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+      x1: plot.x,
+      y1: y,
+      x2: plot.x + plot.width,
+      y2: y,
+      stroke: axisColor,
+      strokeWidth: 1
+    }) : null, values.map(function (value, index) {
+      var position = scale(value);
+      if (position === void 0) return null;
+      var center = position + bandwidth / 2;
+      var text = tickFormat ? tickFormat(value, index) : value;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+        children: [showTicks ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+          x1: center,
+          y1: y,
+          x2: center,
+          y2: y + TICK_LENGTH,
+          stroke: axisColor,
+          strokeWidth: 1
+        }) : null, showLabels ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.SvgText, {
+          x: center,
+          y: y + TICK_LENGTH + LABEL_GAP + labelFontSize * 0.8,
+          textAnchor: "middle",
+          fill: labelColor,
+          fontSize: labelFontSize,
+          ...(labelFontFamily ? {
+            fontFamily: labelFontFamily
+          } : {}),
+          children: (0, import_math.truncateLabel)(text, labelFontSize, Math.max(step, bandwidth))
+        }) : null]
+      }, `${value}-${index}`);
+    })]
+  });
+}
+function YAxis(param) {
+  var {
+    plot,
+    scale,
+    ticks = 4,
+    tickFormat,
+    showLine = false,
+    showTicks = false,
+    showLabels = true,
+    showGrid = true
+  } = param;
+  var {
+    axisColor,
+    gridColor,
+    labelColor,
+    labelFontFamily,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  var tickNumbers = (0, import_math.getLinearTicks)(scale, ticks);
+  var format = tickFormat !== null && tickFormat !== void 0 ? tickFormat : function (value) {
+    return value.toLocaleString();
+  };
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+    children: [showLine ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+      x1: plot.x,
+      y1: plot.y,
+      x2: plot.x,
+      y2: plot.y + plot.height,
+      stroke: axisColor,
+      strokeWidth: 1
+    }) : null, tickNumbers.map(function (value, index) {
+      var y = scale(value);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_svg.G, {
+        children: [showGrid ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+          x1: plot.x,
+          y1: y,
+          x2: plot.x + plot.width,
+          y2: y,
+          stroke: gridColor,
+          strokeWidth: 1
+        }) : null, showTicks ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Line, {
+          x1: plot.x - TICK_LENGTH,
+          y1: y,
+          x2: plot.x,
+          y2: y,
+          stroke: axisColor,
+          strokeWidth: 1
+        }) : null, showLabels ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.SvgText, {
+          x: plot.x - TICK_LENGTH - LABEL_GAP,
+          y: y + labelFontSize * 0.35,
+          textAnchor: "end",
+          fill: labelColor,
+          fontSize: labelFontSize,
+          ...(labelFontFamily ? {
+            fontFamily: labelFontFamily
+          } : {}),
+          children: format(value, index)
+        }) : null]
+      }, `${value}-${index}`);
+    })]
+  });
+}
+//# sourceMappingURL=Axis.native.js.map

package/dist/jsx/charts/Axis.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Axis_exports","AXIS_LABEL_GAP","AXIS_TICK_LENGTH","XAxis","YAxis","module","exports","import_jsx_runtime","require","import_math","import_svg","import_useChartTheme","TICK_LENGTH","LABEL_GAP","param","plot","scale","tickValues","tickFormat","showLine","showTicks","showLabels","axisColor","labelColor","labelFontFamily","labelFontSize","useChartTheme","values","domain","y","height","bandwidth","step","jsxs","G","children","jsx","Line","x1","x","y1","x2","width","y2","stroke","strokeWidth","map","index","position","center","text","SvgText","textAnchor","fill","fontSize","fontFamily","truncateLabel","Math","max","ticks","showGrid","gridColor","tickNumbers","getLinearTicks","format","toLocaleString"],"sources":["../../../src/charts/Axis.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/BarChart.mjs

@@ -0,0 +1,107 @@
+import { useTranslation } from "react-i18next";
+import { XAxis, YAxis } from "./Axis.mjs";
+import { ChartSurface } from "./ChartSurface.mjs";
+import { describeChart, describeDatum } from "./accessibility.mjs";
+import { computeCartesianPlot, resolveSeriesFills, thinCategories } from "./composeChart.mjs";
+import { createBandScale, createLinearScale, getLinearTicks, valueDomain } from "./math.mjs";
+import { BarSeries } from "./series.mjs";
+import { useChartTheme } from "./useChartTheme.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function BarChart({
+  data,
+  height = 200,
+  width,
+  categorical = false,
+  color,
+  colors,
+  showXAxis = true,
+  showYAxis = true,
+  showGrid = true,
+  yTicks = 4,
+  valueFormatter,
+  title,
+  label,
+  onDatumPress,
+  onDatumHoverIn,
+  onDatumHoverOut,
+  ...stackProps
+}) {
+  const {
+    t
+  } = useTranslation();
+  const {
+    palette,
+    labelFontSize
+  } = useChartTheme();
+  const fills = resolveSeriesFills(data, palette, {
+    color,
+    colors,
+    categorical
+  });
+  const format = valueFormatter ?? (value => value.toLocaleString());
+  const ariaLabel = label ?? describeChart({
+    typeLabel: t("Bar chart"),
+    title,
+    data,
+    formatValue: valueFormatter
+  });
+  const interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
+  return /* @__PURE__ */jsx(ChartSurface, {
+    label: ariaLabel,
+    height,
+    width,
+    ...stackProps,
+    children: size => {
+      const domain = valueDomain(data.map(datum => datum.value));
+      const marginScale = createLinearScale({
+        domain,
+        range: [0, 1]
+      });
+      const tickValues = getLinearTicks(marginScale, yTicks);
+      const plot = computeCartesianPlot(size, {
+        showXAxis,
+        showYAxis,
+        yTickLabels: tickValues.map(value => format(value)),
+        fontSize: labelFontSize
+      });
+      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
+      const xScale = createBandScale({
+        domain: data.map(datum => datum.label),
+        range: [plot.x, plot.x + plot.width]
+      });
+      const yScale = createLinearScale({
+        domain,
+        range: [plot.y + plot.height, plot.y]
+      });
+      return /* @__PURE__ */jsxs(Fragment, {
+        children: [showYAxis || showGrid ? /* @__PURE__ */jsx(YAxis, {
+          plot,
+          scale: yScale,
+          ticks: yTicks,
+          tickFormat: value => format(value),
+          showLabels: showYAxis,
+          showGrid
+        }) : null, /* @__PURE__ */jsx(BarSeries, {
+          data,
+          xScale,
+          yScale,
+          plot,
+          fills,
+          onDatumPress,
+          onDatumHoverIn,
+          onDatumHoverOut,
+          datumLabel: interactive ? datum => describeDatum({
+            datum,
+            formatValue: valueFormatter
+          }) : void 0
+        }), showXAxis ? /* @__PURE__ */jsx(XAxis, {
+          plot,
+          scale: xScale,
+          tickValues: thinCategories(data.map(datum => datum.label), plot.width, labelFontSize)
+        }) : null]
+      });
+    }
+  });
+}
+export { BarChart };
+//# sourceMappingURL=BarChart.mjs.map

package/dist/jsx/charts/BarChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useTranslation","XAxis","YAxis","ChartSurface","describeChart","describeDatum","computeCartesianPlot","resolveSeriesFills","thinCategories","createBandScale","createLinearScale","getLinearTicks","valueDomain","BarSeries","useChartTheme","Fragment","jsx","jsxs","BarChart","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","palette","labelFontSize","fills","format","value","toLocaleString","ariaLabel","typeLabel","formatValue","interactive","Boolean","children","size","domain","map","datum","marginScale","range","tickValues","plot","yTickLabels","fontSize","length","xScale","x","yScale","y","scale","ticks","tickFormat","showLabels","datumLabel"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/BarChart.native.js

@@ -0,0 +1,150 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BarChart_exports = {};
+__export(BarChart_exports, {
+  BarChart: () => BarChart
+});
+module.exports = __toCommonJS(BarChart_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_i18next = require("react-i18next");
+var import_Axis = require("./Axis.native.js");
+var import_ChartSurface = require("./ChartSurface.native.js");
+var import_accessibility = require("./accessibility.native.js");
+var import_composeChart = require("./composeChart.native.js");
+var import_math = require("./math.native.js");
+var import_series = require("./series.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+function BarChart(param) {
+  var {
+    data,
+    height = 200,
+    width,
+    categorical = false,
+    color,
+    colors,
+    showXAxis = true,
+    showYAxis = true,
+    showGrid = true,
+    yTicks = 4,
+    valueFormatter,
+    title,
+    label,
+    onDatumPress,
+    onDatumHoverIn,
+    onDatumHoverOut,
+    ...stackProps
+  } = param;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)();
+  var {
+    palette,
+    labelFontSize
+  } = (0, import_useChartTheme.useChartTheme)();
+  var fills = (0, import_composeChart.resolveSeriesFills)(data, palette, {
+    color,
+    colors,
+    categorical
+  });
+  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : function (value) {
+    return value.toLocaleString();
+  };
+  var ariaLabel = label !== null && label !== void 0 ? label : (0, import_accessibility.describeChart)({
+    typeLabel: t("Bar chart"),
+    title,
+    data,
+    formatValue: valueFormatter
+  });
+  var interactive = Boolean(onDatumPress || onDatumHoverIn || onDatumHoverOut);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
+    label: ariaLabel,
+    height,
+    width,
+    ...stackProps,
+    children: function children(size) {
+      var domain = (0, import_math.valueDomain)(data.map(function (datum) {
+        return datum.value;
+      }));
+      var marginScale = (0, import_math.createLinearScale)({
+        domain,
+        range: [0, 1]
+      });
+      var tickValues = (0, import_math.getLinearTicks)(marginScale, yTicks);
+      var plot = (0, import_composeChart.computeCartesianPlot)(size, {
+        showXAxis,
+        showYAxis,
+        yTickLabels: tickValues.map(function (value) {
+          return format(value);
+        }),
+        fontSize: labelFontSize
+      });
+      if (plot.width <= 0 || plot.height <= 0 || data.length === 0) return null;
+      var xScale = (0, import_math.createBandScale)({
+        domain: data.map(function (datum) {
+          return datum.label;
+        }),
+        range: [plot.x, plot.x + plot.width]
+      });
+      var yScale = (0, import_math.createLinearScale)({
+        domain,
+        range: [plot.y + plot.height, plot.y]
+      });
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+        children: [showYAxis || showGrid ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Axis.YAxis, {
+          plot,
+          scale: yScale,
+          ticks: yTicks,
+          tickFormat: function tickFormat(value) {
+            return format(value);
+          },
+          showLabels: showYAxis,
+          showGrid
+        }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_series.BarSeries, {
+          data,
+          xScale,
+          yScale,
+          plot,
+          fills,
+          onDatumPress,
+          onDatumHoverIn,
+          onDatumHoverOut,
+          datumLabel: interactive ? function (datum) {
+            return (0, import_accessibility.describeDatum)({
+              datum,
+              formatValue: valueFormatter
+            });
+          } : void 0
+        }), showXAxis ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Axis.XAxis, {
+          plot,
+          scale: xScale,
+          tickValues: (0, import_composeChart.thinCategories)(data.map(function (datum) {
+            return datum.label;
+          }), plot.width, labelFontSize)
+        }) : null]
+      });
+    }
+  });
+}
+//# sourceMappingURL=BarChart.native.js.map

package/dist/jsx/charts/BarChart.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BarChart_exports","BarChart","module","exports","import_jsx_runtime","require","import_react_i18next","import_Axis","import_ChartSurface","import_accessibility","import_composeChart","import_math","import_series","import_useChartTheme","param","data","height","width","categorical","color","colors","showXAxis","showYAxis","showGrid","yTicks","valueFormatter","title","label","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","toLocaleString","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartSurface","children","size","domain","valueDomain","map","datum","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","length","xScale","createBandScale","x","yScale","y","jsxs","Fragment"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/ChartSurface.mjs

@@ -0,0 +1,48 @@
+import { useCallback, useState } from "react";
+import { YStack } from "tamagui";
+import { Svg, chartRootA11yProps } from "./svg.mjs";
+import { useChartTheme } from "./useChartTheme.mjs";
+import { jsx } from "react/jsx-runtime";
+function ChartSurface({
+  label,
+  height = 200,
+  width: widthProp,
+  children,
+  ...stackProps
+}) {
+  const {
+    transition,
+    animationEnabled
+  } = useChartTheme();
+  const [measuredWidth, setMeasuredWidth] = useState(0);
+  const width = widthProp ?? measuredWidth;
+  const handleLayout = useCallback(event => {
+    const next = event.nativeEvent.layout.width;
+    setMeasuredWidth(prev => Math.abs(prev - next) >= 0.5 ? next : prev);
+  }, []);
+  return /* @__PURE__ */jsx(YStack, {
+    width: "100%",
+    height,
+    overflow: "hidden",
+    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    ...(animationEnabled ? {
+      transition,
+      enterStyle: {
+        opacity: 0,
+        y: 6
+      }
+    } : {}),
+    ...stackProps,
+    children: width > 0 ? /* @__PURE__ */jsx(Svg, {
+      width,
+      height,
+      ...chartRootA11yProps(label),
+      children: children({
+        width,
+        height
+      })
+    }) : null
+  });
+}
+export { ChartSurface };
+//# sourceMappingURL=ChartSurface.mjs.map

package/dist/jsx/charts/ChartSurface.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useState","YStack","Svg","chartRootA11yProps","useChartTheme","jsx","ChartSurface","label","height","width","widthProp","children","stackProps","transition","animationEnabled","measuredWidth","setMeasuredWidth","handleLayout","event","next","nativeEvent","layout","prev","Math","abs","overflow","onLayout","enterStyle","opacity","y"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAA0B;AAExC,SAASC,aAAA,QAAqB;AA0DtB,SAAAC,GAAA;AA1BD,SAASC,aAAa;EAC3BC,KAAA;EACAC,MAAA,GAAS;EACTC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAM;IAAEC,UAAA;IAAYC;EAAiB,IAAIV,aAAA,CAAc;EACvD,MAAM,CAACW,aAAA,EAAeC,gBAAgB,IAAIhB,QAAA,CAAS,CAAC;EACpD,MAAMS,KAAA,GAAQC,SAAA,IAAaK,aAAA;EAE3B,MAAME,YAAA,GAAelB,WAAA,CAAamB,KAAA,IAA6B;IAC7D,MAAMC,IAAA,GAAOD,KAAA,CAAME,WAAA,CAAYC,MAAA,CAAOZ,KAAA;IACtCO,gBAAA,CAAkBM,IAAA,IAAUC,IAAA,CAAKC,GAAA,CAAIF,IAAA,GAAOH,IAAI,KAAK,MAAMA,IAAA,GAAOG,IAAK;EACzE,GAAG,EAAE;EAEL,OACE,eAAAjB,GAAA,CAACJ,MAAA;IACCQ,KAAA,EAAM;IACND,MAAA;IACAiB,QAAA,EAAS;IACTC,QAAA,EAAUhB,SAAA,KAAc,SAAYO,YAAA,GAAe;IAClD,IAAIH,gBAAA,GAAmB;MAAED,UAAA;MAAYc,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC3E,GAAGjB,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,IACP,eAAAJ,GAAA,CAACH,GAAA;MAAIO,KAAA;MAAcD,MAAA;MAAiB,GAAGL,kBAAA,CAAmBI,KAAK;MAC5DI,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOD;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

package/dist/jsx/charts/ChartSurface.native.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ChartSurface_exports = {};
+__export(ChartSurface_exports, {
+  ChartSurface: () => ChartSurface
+});
+module.exports = __toCommonJS(ChartSurface_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_svg = require("./svg.native.js");
+var import_useChartTheme = require("./useChartTheme.native.js");
+function ChartSurface(param) {
+  var {
+    label,
+    height = 200,
+    width: widthProp,
+    children,
+    ...stackProps
+  } = param;
+  var {
+    transition,
+    animationEnabled
+  } = (0, import_useChartTheme.useChartTheme)();
+  var [measuredWidth, setMeasuredWidth] = (0, import_react.useState)(0);
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;
+  var handleLayout = (0, import_react.useCallback)(function (event) {
+    var next = event.nativeEvent.layout.width;
+    setMeasuredWidth(function (prev) {
+      return Math.abs(prev - next) >= 0.5 ? next : prev;
+    });
+  }, []);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    width: "100%",
+    height,
+    overflow: "hidden",
+    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    ...(animationEnabled ? {
+      transition,
+      enterStyle: {
+        opacity: 0,
+        y: 6
+      }
+    } : {}),
+    ...stackProps,
+    children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
+      width,
+      height,
+      ...(0, import_svg.chartRootA11yProps)(label),
+      children: children({
+        width,
+        height
+      })
+    }) : null
+  });
+}
+//# sourceMappingURL=ChartSurface.native.js.map

package/dist/jsx/charts/ChartSurface.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","ChartSurface_exports","ChartSurface","module","exports","import_jsx_runtime","require","import_react","import_tamagui","import_svg","import_useChartTheme","param","label","height","width","widthProp","children","stackProps","transition","animationEnabled","useChartTheme","measuredWidth","setMeasuredWidth","useState"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,SAAS,GAAAC,MAAA,CAAgCC,cAAA;AACzC,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAA0B;AAExC,IAAAC,iBAAS,GAAAJ,MAAqB,CAAAK,mBAAA;AA0DtB,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AA1BD,IAAAC,QAAS,GAAAA,CAAAC,MAAa,EAAAC,GAAA;EAC3B,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAS,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACF,IACPC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAGF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACiB,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACpB,IAAQ,CAAAX,YAAY,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAiBA,GAAI,KAAAF,MAAA,EACnCnB,SAAC,CAAAiB,EAAA,EAAAI,GAAe;MAAAP,GAAA,EAAAA,CAAA,KAAgBI,IAAI,CAAAG,GAAA;MAAAN,UAAU,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACpD;EAEA,OAAME,EAAA;AACJ;AACA,IAAAM,YAAA,GAAAC,GAAkB,IAAAR,WAAe,CAAIhB,SAAO,EAAI,eAAW;EAAOyB,KAAK;AAAA,IAAAD,GAAA;AAAA,IACzEE,oBAAK;AAELhB,QAAA,CACEgB,oBAAA;EAAAC,YAAC,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MACC,CAAAC,OAAM,GAAAN,YAAA,CAAAG,oBAAA;AAAA,IAAAI,kBACN,GAAAC,OAAA;AAAA,IAAAC,YACS,GAAAD,OAAA;AAAA,IAAAE,cACC,GAAAF,OAAA,UAAc,CAAY;AAAe,IAAAG,UAC9C,GAAAH,OAAA,kBAAqB;AAAkD,IAAAI,oBACxE,GAAAJ,OAAA;AAAA,SAEHJ,aAAAS,KAAQ,EACP;EAGE;IAAAC,KAAA;IAAAC,MAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EACN;IAAAO,UAAA;IAAAC;EAAA,QAAAT,oBAAA,CAAAU,aAAA;EAEJ,KAAAC,aAAA,EAAAC,gBAAA,QAAAf,YAAA,CAAAgB,QAAA","ignoreList":[]}