@multiplatform.one/components 7.81.1 → 7.82.0

package/dist/cjs/charts/BarChart.cjs

@@ -80,6 +80,7 @@ function BarChart({
     title,
     valueFormatter,
     width,
+    fill: height === "fill",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
       label: ariaLabel,
       proof: {

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

@@ -83,6 +83,7 @@ function BarChart(param) {
     title,
     valueFormatter,
     width,
+    fill: height === "fill",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ChartSurface.ChartSurface, {
       label: ariaLabel,
       proof: {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BarChart_exports","__export","BarChart","module","exports","import_jsx_runtime","require","import_i18n","import_Axis","import_ChartDataView","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","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","formatChartValue","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartDataFrame","children","ChartSurface","proof","kind","separated","datumText","datumValues","chartDatumText","datumCount","length","size","valueDomain","map","datum","nice","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","BarSeries","datumLabel","describeDatum","XAxis"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BarChart_exports","__export","BarChart","module","exports","import_jsx_runtime","require","import_i18n","import_Axis","import_ChartDataView","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","domain","domainProp","onDatumPress","onDatumHoverIn","onDatumHoverOut","stackProps","t","useTranslation","palette","labelFontSize","useChartTheme","fills","resolveSeriesFills","format","formatChartValue","ariaLabel","describeChart","typeLabel","formatValue","interactive","Boolean","jsx","ChartDataFrame","fill","children","ChartSurface","proof","kind","separated","datumText","datumValues","chartDatumText","datumCount","length","size","valueDomain","map","datum","nice","marginScale","createLinearScale","range","tickValues","getLinearTicks","plot","computeCartesianPlot","yTickLabels","fontSize","xScale","createBandScale","x","yScale","y","jsxs","Fragment","YAxis","scale","ticks","tickFormat","showLabels","BarSeries","datumLabel","describeDatum","XAxis","thinCategories"],"sources":["../../../src/charts/BarChart.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/ChartDataView.cjs

@@ -28,13 +28,16 @@ __export(ChartDataView_exports, {
 });
 module.exports = __toCommonJS(ChartDataView_exports);
 var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
 var import_platform = require("@multiplatform.one/platform");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_StandardAction = require("../actions/StandardAction.cjs");
 var import_Dialog = require("../Dialog.cjs");
 var import_ScrollView = require("../ScrollView/index.cjs");
+var import_Separator = require("../Separator/index.cjs");
+var import_Text = require("../Text.cjs");
 var import_componentColors = require("../componentColors.cjs");
 var import_i18n = require("../shared/i18n.cjs");
 var import_surfaces = require("../surfaces.cjs");
@@ -42,7 +45,7 @@ var import_accessibility = require("./accessibility.cjs");
 var import_math = require("./math.cjs");
 var import_svg = require("./svg.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const ChartDataContext = (0, import_react.createContext)(null);
+const ChartDataContext = (0, import_react2.createContext)(null);
 function ChartDataView({
   data,
   title,
@@ -58,8 +61,8 @@ function ChartDataView({
   const {
     knobProps: datumKnobs
   } = (0, import_theme.useResolvedKnobs)();
-  const [open, setOpen] = (0, import_react.useState)(false);
-  const id = `mpo-chart-data-${(0, import_react.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const id = `mpo-chart-data-${(0, import_react2.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
   const triggerId = `${id}-trigger`;
   const normalized = data.map((datum, index) => typeof datum === "number" ? {
     label: String(index + 1),
@@ -70,7 +73,9 @@ function ChartDataView({
   const action = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Trigger, {
     asChild: true,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: import_react.TableIcon,
       id: triggerId,
       ...(import_platform.isWeb ? {
         "aria-label": actionLabel
@@ -79,8 +84,7 @@ function ChartDataView({
       }),
       ...(0, import_svg.chartWebProps)({
         "data-mpo-chart-data-trigger": id
-      }),
-      children: t("View data")
+      })
     })
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {
@@ -165,13 +169,27 @@ function ChartDataFrame({
   title,
   valueFormatter,
   width,
+  fill,
   children
 }) {
-  const inherited = (0, import_react.useContext)(ChartDataContext);
+  const inherited = (0, import_react2.useContext)(ChartDataContext);
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   if (inherited) return children;
+  if (fill) return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    minWidth: 0,
+    width: width ?? "100%",
+    maxWidth: "100%",
+    flex: 1,
+    minHeight: 0,
+    ...knobProps.gap,
+    children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataList, {
+      data,
+      title,
+      valueFormatter
+    })]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataView, {
     data,
     title,
@@ -182,6 +200,10 @@ function ChartDataFrame({
       minWidth: 0,
       width: width ?? "100%",
       maxWidth: "100%",
+      ...(fill ? {
+        flex: 1,
+        minHeight: 0
+      } : null),
       ...knobProps.gap,
       children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
         justifyContent: "flex-end",
@@ -190,8 +212,66 @@ function ChartDataFrame({
     })
   });
 }
+function ChartDataList({
+  data,
+  title,
+  valueFormatter
+}) {
+  const {
+    t
+  } = (0, import_i18n.useTranslation)();
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const format = valueFormatter ?? import_math.formatChartValue;
+  const rows = data.map((datum, index) => typeof datum === "number" ? {
+    label: String(index + 1),
+    value: datum
+  } : datum);
+  const label = title ? `${title}: ${t("data")}` : t("Chart data");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
+    flex: 1,
+    minHeight: 0,
+    ...(import_platform.isWeb ? {
+      "aria-label": label
+    } : {
+      accessibilityLabel: label
+    }),
+    ...(0, import_svg.chartWebProps)({
+      "data-mpo-chart-data-inline": "true"
+    }),
+    children: rows.map((datum, index) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Separator.Separator, {}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        minHeight: 44,
+        alignItems: "center",
+        ...knobProps.gap,
+        ...(0, import_svg.chartWebProps)({
+          "data-mpo-chart-data-row": String(index)
+        }),
+        ...(!import_platform.isWeb ? {
+          accessible: true,
+          accessibilityLabel: (0, import_accessibility.describeDatum)({
+            datum,
+            formatValue: format
+          })
+        } : {}),
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+          flex: 1,
+          minWidth: 0,
+          ...knobProps.body,
+          children: datum.label
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+          tabular: true,
+          ...knobProps.body,
+          color: knobProps.textRole.meta.color,
+          children: format(datum.value)
+        })]
+      })]
+    }, index))
+  });
+}
 function useChartDataViewProps() {
-  const context = (0, import_react.useContext)(ChartDataContext);
+  const context = (0, import_react2.useContext)(ChartDataContext);
   if (!context) return {};
   return (0, import_svg.chartWebProps)({
     "data-mpo-chart-data-view": context.id,

package/dist/cjs/charts/ChartDataView.native.js

@@ -31,20 +31,23 @@ __export(ChartDataView_exports, {
 module.exports = __toCommonJS(ChartDataView_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_forms = require("@multiplatform.one/forms");
+var import_react = require("@phosphor-icons/react");
 var import_platform = require("@multiplatform.one/platform");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_tamagui = require("tamagui");
 var import_StandardAction = require("../actions/StandardAction.native.js");
 var import_Dialog = require("../Dialog.native.js");
 var import_ScrollView = require("../ScrollView/index.native.js");
+var import_Separator = require("../Separator/index.native.js");
+var import_Text = require("../Text.native.js");
 var import_componentColors = require("../componentColors.native.js");
 var import_i18n = require("../shared/i18n.native.js");
 var import_surfaces = require("../surfaces.native.js");
 var import_accessibility = require("./accessibility.native.js");
 var import_math = require("./math.native.js");
 var import_svg = require("./svg.native.js");
-var ChartDataContext = /* @__PURE__ */(0, import_react.createContext)(null);
+var ChartDataContext = /* @__PURE__ */(0, import_react2.createContext)(null);
 function ChartDataView(param) {
   var {
     data,
@@ -61,8 +64,8 @@ function ChartDataView(param) {
   var {
     knobProps: datumKnobs
   } = (0, import_theme.useResolvedKnobs)();
-  var [open, setOpen] = (0, import_react.useState)(false);
-  var id = `mpo-chart-data-${(0, import_react.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
+  var [open, setOpen] = (0, import_react2.useState)(false);
+  var id = `mpo-chart-data-${(0, import_react2.useId)().replace(/[^a-zA-Z0-9_-]/g, "_")}`;
   var triggerId = `${id}-trigger`;
   var normalized = data.map(function (datum, index) {
     return typeof datum === "number" ? {
@@ -75,7 +78,9 @@ function ChartDataView(param) {
   var action = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Dialog.Dialog.Trigger, {
     asChild: true,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-      size: "$3",
+      circular: true,
+      chromeless: true,
+      icon: import_react.TableIcon,
       id: triggerId,
       ...(import_platform.isWeb ? {
         "aria-label": actionLabel
@@ -84,8 +89,7 @@ function ChartDataView(param) {
       }),
       ...(0, import_svg.chartWebProps)({
         "data-mpo-chart-data-trigger": id
-      }),
-      children: t("View data")
+      })
     })
   });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataContext.Provider, {
@@ -175,13 +179,27 @@ function ChartDataFrame(param) {
     title,
     valueFormatter,
     width,
+    fill,
     children
   } = param;
-  var inherited = (0, import_react.useContext)(ChartDataContext);
+  var inherited = (0, import_react2.useContext)(ChartDataContext);
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   if (inherited) return children;
+  if (fill) return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    minWidth: 0,
+    width: width !== null && width !== void 0 ? width : "100%",
+    maxWidth: "100%",
+    flex: 1,
+    minHeight: 0,
+    ...knobProps.gap,
+    children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataList, {
+      data,
+      title,
+      valueFormatter
+    })]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ChartDataView, {
     data,
     title,
@@ -194,6 +212,10 @@ function ChartDataFrame(param) {
         minWidth: 0,
         width: width !== null && width !== void 0 ? width : "100%",
         maxWidth: "100%",
+        ...(fill ? {
+          flex: 1,
+          minHeight: 0
+        } : null),
         ...knobProps.gap,
         children: [children, /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
           justifyContent: "flex-end",
@@ -203,8 +225,71 @@ function ChartDataFrame(param) {
     }
   });
 }
+function ChartDataList(param) {
+  var {
+    data,
+    title,
+    valueFormatter
+  } = param;
+  var {
+    t
+  } = (0, import_i18n.useTranslation)();
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var format = valueFormatter !== null && valueFormatter !== void 0 ? valueFormatter : import_math.formatChartValue;
+  var rows = data.map(function (datum, index) {
+    return typeof datum === "number" ? {
+      label: String(index + 1),
+      value: datum
+    } : datum;
+  });
+  var label = title ? `${title}: ${t("data")}` : t("Chart data");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
+    flex: 1,
+    minHeight: 0,
+    ...(import_platform.isWeb ? {
+      "aria-label": label
+    } : {
+      accessibilityLabel: label
+    }),
+    ...(0, import_svg.chartWebProps)({
+      "data-mpo-chart-data-inline": "true"
+    }),
+    children: rows.map(function (datum, index) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [index > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Separator.Separator, {}) : null, /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          minHeight: 44,
+          alignItems: "center",
+          ...knobProps.gap,
+          ...(0, import_svg.chartWebProps)({
+            "data-mpo-chart-data-row": String(index)
+          }),
+          ...(!import_platform.isWeb ? {
+            accessible: true,
+            accessibilityLabel: (0, import_accessibility.describeDatum)({
+              datum,
+              formatValue: format
+            })
+          } : {}),
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+            flex: 1,
+            minWidth: 0,
+            ...knobProps.body,
+            children: datum.label
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Text.Text, {
+            tabular: true,
+            ...knobProps.body,
+            color: knobProps.textRole.meta.color,
+            children: format(datum.value)
+          })]
+        })]
+      }, index);
+    })
+  });
+}
 function useChartDataViewProps() {
-  var context = (0, import_react.useContext)(ChartDataContext);
+  var context = (0, import_react2.useContext)(ChartDataContext);
   if (!context) return {};
   return (0, import_svg.chartWebProps)({
     "data-mpo-chart-data-view": context.id,

package/dist/cjs/charts/ChartDataView.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChartDataView_exports","__export","ChartDataFrame","ChartDataView","useChartDataViewProps","module","exports","import_jsx_runtime","require","import_forms","import_platform","import_theme","import_react","import_tamagui","import_StandardAction","import_Dialog","import_ScrollView","import_componentColors","import_i18n","import_surfaces","import_accessibility","import_math","import_svg","ChartDataContext","createContext","param","data","title","valueFormatter","children","t","useTranslation","knobProps","useResolvedKnobs","datumKnobs","open","setOpen","useState","id","useId","replace","triggerId","normalized","map","datum","index","label","String","format","formatChartValue","actionLabel","action","jsx","Dialog","Trigger","asChild","Button","size","isWeb","accessibilityLabel","chartWebProps","Provider","jsxs","modal","onOpenChange","Portal","DialogOverlay","DialogContent","width","maxWidth","maxHeight","OverlayHeader","Title","sectionHeading","heading","onClose","Description","body","length","ScrollView","flexShrink","minHeight","YStack","gap","XStack","alignItems","flexWrap","accessible","describeDatum","formatValue","Paragraph","flexBasis","flexGrow","minWidth"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChartDataView_exports","__export","ChartDataFrame","ChartDataView","useChartDataViewProps","module","exports","import_jsx_runtime","require","import_forms","import_react","import_platform","import_theme","import_react2","import_tamagui","import_StandardAction","import_Dialog","import_ScrollView","import_Separator","import_Text","import_componentColors","import_i18n","import_surfaces","import_accessibility","import_math","import_svg","ChartDataContext","createContext","param","data","title","valueFormatter","children","t","useTranslation","knobProps","useResolvedKnobs","datumKnobs","open","setOpen","useState","id","useId","replace","triggerId","normalized","map","datum","index","label","String","format","formatChartValue","actionLabel","action","jsx","Dialog","Trigger","asChild","Button","circular","chromeless","icon","TableIcon","isWeb","accessibilityLabel","chartWebProps","Provider","jsxs","modal","onOpenChange","Portal","DialogOverlay","DialogContent","width","maxWidth","maxHeight","OverlayHeader","Title","sectionHeading","heading","onClose","Description","body","length","ScrollView","flexShrink","minHeight","YStack","gap","XStack","alignItems","flexWrap","accessible","describeDatum","formatValue","Paragraph","flexBasis","flexGrow","minWidth","fill","inherited","useContext","flex","ChartDataList","children1","param2","justifyContent","rows"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/ChartSurface.cjs

@@ -41,23 +41,41 @@ function ChartSurface({
   children,
   ...stackProps
 }) {
-  const height = (0, import_chartHeight.useChartHeight)(heightProp, 200);
+  const fill = heightProp === "fill";
+  const fixedHeight = (0, import_chartHeight.useChartHeight)(heightProp, 200);
   const dataViewProps = (0, import_ChartDataView.useChartDataViewProps)();
   const {
     motion,
     animationEnabled
   } = (0, import_useChartTheme.useChartTheme)();
-  const [measuredWidth, setMeasuredWidth] = (0, import_react.useState)(0);
-  const width = widthProp ?? measuredWidth;
+  const [measured, setMeasured] = (0, import_react.useState)({
+    width: 0,
+    height: 0
+  });
+  const width = widthProp ?? measured.width;
+  const height = fill ? measured.height : fixedHeight;
+  const fillCap = width > 0 ? Math.round(width * (width < 600 ? 0.9 : 0.5)) : void 0;
   const handleLayout = (0, import_react.useCallback)(event => {
-    const next = event.nativeEvent.layout.width;
-    setMeasuredWidth(prev => Math.abs(prev - next) >= 0.5 ? next : prev);
+    const {
+      width: nextWidth,
+      height: nextHeight
+    } = event.nativeEvent.layout;
+    setMeasured(prev => Math.abs(prev.width - nextWidth) >= 0.5 || Math.abs(prev.height - nextHeight) >= 0.5 ? {
+      width: nextWidth,
+      height: nextHeight
+    } : prev);
   }, []);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: "100%",
-    height,
+    ...(fill ? {
+      flex: 1,
+      minHeight: 0,
+      maxHeight: fillCap
+    } : {
+      height
+    }),
     overflow: "hidden",
-    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    onLayout: widthProp === void 0 || fill ? handleLayout : void 0,
     ...(0, import_theme.transitionProps)(motion),
     ...(animationEnabled ? {
       enterStyle: {
@@ -66,7 +84,7 @@ function ChartSurface({
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
       width,
       height,
       ...(0, import_svg.chartRootA11yProps)(label, proof),

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

@@ -44,25 +44,43 @@ function ChartSurface(param) {
     children,
     ...stackProps
   } = param;
-  var height = (0, import_chartHeight.useChartHeight)(heightProp, 200);
+  var fill = heightProp === "fill";
+  var fixedHeight = (0, import_chartHeight.useChartHeight)(heightProp, 200);
   var dataViewProps = (0, import_ChartDataView.useChartDataViewProps)();
   var {
     motion,
     animationEnabled
   } = (0, import_useChartTheme.useChartTheme)();
-  var [measuredWidth, setMeasuredWidth] = (0, import_react.useState)(0);
-  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;
+  var [measured, setMeasured] = (0, import_react.useState)({
+    width: 0,
+    height: 0
+  });
+  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measured.width;
+  var height = fill ? measured.height : fixedHeight;
+  var fillCap = width > 0 ? Math.round(width * (width < 600 ? 0.9 : 0.5)) : void 0;
   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;
+    var {
+      width: nextWidth,
+      height: nextHeight
+    } = event.nativeEvent.layout;
+    setMeasured(function (prev) {
+      return Math.abs(prev.width - nextWidth) >= 0.5 || Math.abs(prev.height - nextHeight) >= 0.5 ? {
+        width: nextWidth,
+        height: nextHeight
+      } : prev;
     });
   }, []);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     width: "100%",
-    height,
+    ...(fill ? {
+      flex: 1,
+      minHeight: 0,
+      maxHeight: fillCap
+    } : {
+      height
+    }),
     overflow: "hidden",
-    onLayout: widthProp === void 0 ? handleLayout : void 0,
+    onLayout: widthProp === void 0 || fill ? handleLayout : void 0,
     ...(0, import_theme.transitionProps)(motion),
     ...(animationEnabled ? {
       enterStyle: {
@@ -71,7 +89,7 @@ function ChartSurface(param) {
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_svg.Svg, {
       width,
       height,
       ...(0, import_svg.chartRootA11yProps)(label, proof),

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChartSurface_exports","__export","ChartSurface","module","exports","import_jsx_runtime","require","import_chartHeight","import_theme","import_react","import_tamagui","import_svg","import_ChartDataView","import_useChartTheme","param","label","proof","height","heightProp","width","widthProp","children","stackProps","useChartHeight","dataViewProps","useChartDataViewProps","motion","animationEnabled","useChartTheme","measuredWidth","setMeasuredWidth","useState","handleLayout","useCallback","event","next","nativeEvent","layout","prev","Math","abs","jsx","YStack","overflow","onLayout","transitionProps","enterStyle","opacity","y","Svg","chartRootA11yProps"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiD,CAAAK,oBAAA;AACjD,IAAAK,kBAAgC,GAAAC,OAAA;AAChC,IAAAC,kBAAsD,GAAAD,OAAA;AAEtD,IAAAE,YAAA,GAAAF,OAAyC;AACzC,IAAAG,YAAA,GAAoEH,OAAA;AACpE,IAAAI,cAAA,GAAAJ,OAAsC;AAEtC,IAAAK,UAAA,GAAAL,OAAA,kBAA8B;AA+DtB,IAAAM,oBAAA,GAAAN,OAAA;AA9BD,IAAAO,oBAAsB,GAAAP,OAAA;AAAA,SAC3BJ,aAAAY,KAAA;EACA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,IAAAG,MAAQ,OAAAV,kBAAA,CAAAgB,cAAA,EAAAL,UAAA;EACR,IAAAM,aAAO,OAAAZ,oBAAA,CAAAa,qBAAA;EACP;IAAAC,MAAA;IAAAC;EAAA,QAAAd,oBAAA,CAAAe,aAAA;EACA,IAAG,CAAAC,aAAA,EAAAC,gBAAA,QAAArB,YAAA,CAAAsB,QAAA;EACL,IAAsBZ,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAS,aAAA;EACpB,IAAAG,YAAM,GAAS,IAAAvB,YAAA,CAAAwB,WAAA,YAAeC,KAAA;IAC9B,IAAMC,IAAA,GAAAD,KAAA,CAAAE,WAAgB,CAAAC,MAAA,CAAAlB,KAAA;IACtBW,gBAAgB,WAAAQ,IAAA,EAAiB;MACjC,OAAOC,IAAA,CAAAC,GAAA,CAAAF,IAAe,GAAAH,IAAA,QAAgB,GAAAA,IAAI,GAAAG,IAAA;IAC1C;EAEA,MAAM;EACJ,sBAAmB,IAAAjC,kBAAmB,CAAAoC,GAAA,EAAA/B,cAAA,CAAAgC,MAAA;IACtCvB,KAAA;IACFF,MAAK;IAEL0B,QACE;IAACC,QAAA,EAAAxB,SAAA,cAAAY,YAAA;IAAA,OAAAxB,YAAA,CAAAqC,eAAA,EAAAnB,MAAA;IAAA,IACCC,gBAAM;MACNmB,UAAA;QACAC,OAAA,EAAS;QACTC,CAAA;MACC;IAAyB,IACzB,CAAI;IAA2D,GAC/D1B,UAAG;IAAAD,QAEH,EAAAF,KAAA,OAAQ,eACP,IAAAd,kBAAA,CAAAoC,GAAA,EAAA9B,UAAC,CAAAsC,GAAA;MAGC9B,KAAA;MACNF,MAAA;MAEJ,OAAAN,UAAA,CAAAuC,kBAAA,EAAAnC,KAAA,EAAAC,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ChartSurface_exports","__export","ChartSurface","module","exports","import_jsx_runtime","require","import_chartHeight","import_theme","import_react","import_tamagui","import_svg","import_ChartDataView","import_useChartTheme","param","label","proof","height","heightProp","width","widthProp","children","stackProps","fill","fixedHeight","useChartHeight","dataViewProps","useChartDataViewProps","motion","animationEnabled","useChartTheme","measured","setMeasured","useState","fillCap","Math","round","handleLayout","useCallback","event","nextWidth","nextHeight","nativeEvent","layout","prev","abs","jsx","YStack","flex","minHeight","maxHeight","overflow","onLayout","transitionProps"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiD,CAAAK,oBAAA;AACjD,IAAAK,kBAAgC,GAAAC,OAAA;AAChC,IAAAC,kBAAsD,GAAAD,OAAA;AAEtD,IAAAE,YAAA,GAAAF,OAAyC;AACzC,IAAAG,YAAA,GAAoEH,OAAA;AACpE,IAAAI,cAAA,GAAAJ,OAAsC;AAEtC,IAAAK,UAAA,GAAAL,OAAA,kBAA8B;AAwEtB,IAAAM,oBAAA,GAAAN,OAAA;AAvCD,IAAAO,oBAAsB,GAAAP,OAAA;AAAA,SAC3BJ,aAAAY,KAAA;EACA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,IAAAS,IAAQ,GAAAL,UAAA;EACR,IAAAM,WAAO,OAAAjB,kBAAA,CAAAkB,cAAA,EAAAP,UAAA;EACP,IAAAQ,aAAA,OAAAd,oBAAA,CAAAe,qBAAA;EACA,IAAG;IAAAC,MAAA;IAAAC;EAAA,QAAAhB,oBAAA,CAAAiB,aAAA;EACL,IAAsB,CAAAC,QAAA,EAAAC,WAAA,QAAAvB,YAAA,CAAAwB,QAAA;IACpBd,KAAM;IACNF,MAAM;EACN;EACA,IAAAE,KAAQ,GAAAC,SAAQ,aAAiBA,SAAI,cAAAA,SAAA,GAAAW,QAAc,CAAAZ,KAAA;EACnD,IAAAF,MAAO,GAAAM,IAAU,GAAAQ,QAAW,CAAAd,MAAA,GAAIO,WAAA;EAChC,IAAAU,OAAM,GAAQf,KAAA,OAAAgB,IAAa,CAAAC,KAAS,CAAAjB,KAAA,IAAAA,KAAA;EACpC,IAAAkB,YAAe,OAAO5B,YAAS,CAAA6B,WAAS,YAAAC,KAAA;IAGxC,IAAM;MAAApB,KAAA,EAAAqB,SAAkB;MAAAvB,MAAI,EAAKwB;IAAM,IAASF,KAAA,CAAAG,WAAc,CAAAC,MAAU;IAExEX,WAAM,WAAAY,IAAe;MACnB,OAAQT,IAAA,CAAAU,GAAO,CAAAD,IAAA,CAAAzB,KAAW,GAAAqB,SAAQ,KAAW,OAAIL,IAAM,CAAAU,GAAA,CAAAD,IAAA,CAAA3B,MAAY,GAAAwB,UAAA;QACnEtB,KAAA,EAAAqB,SAAA;QAAavB,MAAA,EACXwB;MAGF,IAAAG,IAAA;IACF,CAAG,CAAC;EAEJ;EACE,OAAC,mBAAAvC,kBAAA,CAAAyC,GAAA,EAAApC,cAAA,CAAAqC,MAAA;IAAA5B,KAAA;IAAA,IACCI,IAAA,GAAM;MACLyB,IAAI;MACLC,SAAA,EAAS;MACTC,SAAA,EAAUhB;IAAiD,IAC1D;MACAjB;IAA+D;IAC5DkC,QAEH;IAIGC,QAAA,EAAAhC,SAAA,eAAAG,IAAA,GAAAc,YAAA;IACN,OAAA7B,YAAA,CAAA6C,eAAA,EAAAzB,MAAA;IAEJ,IAAAC,gBAAA","ignoreList":[]}

package/dist/cjs/charts/chartHeight.cjs

@@ -28,6 +28,6 @@ module.exports = __toCommonJS(chartHeight_exports);
 var import_theme = require("@multiplatform.one/theme");
 function useChartHeight(height, fallback) {
   (0, import_theme.usePresetContext)();
-  const value = typeof height === "string" ? (0, import_theme.getActiveScaleTokens)().size[height] : height;
+  const value = height === "fill" ? void 0 : typeof height === "string" ? (0, import_theme.getActiveScaleTokens)().size[height] : height;
   return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
 }

package/dist/cjs/charts/chartHeight.native.js

@@ -30,7 +30,7 @@ module.exports = __toCommonJS(chartHeight_exports);
 var import_theme = require("@multiplatform.one/theme");
 function useChartHeight(height, fallback) {
   (0, import_theme.usePresetContext)();
-  var value = typeof height === "string" ? (0, import_theme.getActiveScaleTokens)().size[height] : height;
+  var value = height === "fill" ? void 0 : typeof height === "string" ? (0, import_theme.getActiveScaleTokens)().size[height] : height;
   return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
 }
 //# sourceMappingURL=chartHeight.native.js.map

package/dist/cjs/charts/chartHeight.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","chartHeight_exports","__export","useChartHeight","module","exports","import_theme","require","height","fallback","usePresetContext","getActiveScaleTokens","size","Number","isFinite"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqE,CAAAK,mBAAA;AAI9D,IAAAK,YAAS,GAAAC,OAAe,2BAA2D;AACxF,SAAAJ,eAAAK,MAAA,EAAAC,QAAiB;EACjB,IAAAH,YAAc,CAAAI,gBAAkB;EAChC,IAAAV,KAAO,UAAOQ,MAAU,aAAY,KAAO,EAAAF,YAAc,CAAAK,oBAAkB,IAAAC,IAAQ,CAAAJ,MAAA,IAAAA,MAAA;EACrF,cAAAR,KAAA,iBAAAa,MAAA,CAAAC,QAAA,CAAAd,KAAA,KAAAA,KAAA,QAAAA,KAAA,GAAAS,QAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","chartHeight_exports","__export","useChartHeight","module","exports","import_theme","require","height","fallback","usePresetContext","getActiveScaleTokens","size","Number","isFinite"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqE,CAAAK,mBAAA;AAK9D,IAAAK,YAAS,GAAAC,OAAe,2BAA2D;AACxF,SAAAJ,eAAAK,MAAA,EAAAC,QAAiB;EACjB,IAAAH,YACE,CAAAI,gBAAW,EACP;EAIN,IAAAV,KAAO,GAAAQ,MAAO,WAAU,QAAY,WAAOA,MAAS,KAAK,QAAK,IAAS,GAAAF,YAAY,CAAAK,oBAAA,IAAAC,IAAA,CAAAJ,MAAA,IAAAA,MAAA;EACrF,cAAAR,KAAA,iBAAAa,MAAA,CAAAC,QAAA,CAAAd,KAAA,KAAAA,KAAA,QAAAA,KAAA,GAAAS,QAAA","ignoreList":[]}

package/dist/cjs/charts/composeChart.cjs

@@ -65,5 +65,5 @@ function thinCategories(labels, plotWidth, fontSize) {
   const capacity = Math.max(1, Math.floor(plotWidth / slot));
   if (labels.length <= capacity) return labels;
   const stride = Math.ceil(labels.length / capacity);
-  return labels.filter((_, index) => index % stride === 0);
+  return labels.filter((_, index) => (labels.length - 1 - index) % stride === 0);
 }

package/dist/cjs/charts/composeChart.native.js

@@ -73,7 +73,7 @@ function thinCategories(labels, plotWidth, fontSize) {
   if (labels.length <= capacity) return labels;
   var stride = Math.ceil(labels.length / capacity);
   return labels.filter(function (_, index) {
-    return index % stride === 0;
+    return (labels.length - 1 - index) % stride === 0;
   });
 }
 //# sourceMappingURL=composeChart.native.js.map

package/dist/cjs/charts/composeChart.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","composeChart_exports","__export","computeCartesianPlot","resolveSeriesFills","thinCategories","module","exports","import_Axis","require","import_math","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","AXIS_TICK_LENGTH","AXIS_LABEL_GAP","maxYLabelWidth","max","map","label","approximateTextWidth","left","x","y","width","height","data","palette","datum","index","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","labels","plotWidth","widest"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","composeChart_exports","__export","computeCartesianPlot","resolveSeriesFills","thinCategories","module","exports","import_Axis","require","import_math","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","AXIS_TICK_LENGTH","AXIS_LABEL_GAP","maxYLabelWidth","max","map","label","approximateTextWidth","left","x","y","width","height","data","palette","datum","index","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","labels","plotWidth","widest"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}