@multiplatform.one/components 7.81.1 → 7.81.2

package/dist/jsx/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/jsx/charts/ChartDataView.native.js.map

@@ -1 +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","ChartDataView_exports","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"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"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","ChartDataView_exports","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"],"sources":["../../../src/charts/ChartDataView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/charts/ChartSurface.mjs

@@ -14,23 +14,41 @@ function ChartSurface({
   children,
   ...stackProps
 }) {
-  const height = useChartHeight(heightProp, 200);
+  const fill = heightProp === "fill";
+  const fixedHeight = useChartHeight(heightProp, 200);
   const dataViewProps = useChartDataViewProps();
   const {
     motion,
     animationEnabled
   } = useChartTheme();
-  const [measuredWidth, setMeasuredWidth] = useState(0);
-  const width = widthProp ?? measuredWidth;
+  const [measured, setMeasured] = 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 = 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__ */jsx(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,
     ...transitionProps(motion),
     ...(animationEnabled ? {
       enterStyle: {
@@ -39,7 +57,7 @@ function ChartSurface({
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */jsx(Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */jsx(Svg, {
       width,
       height,
       ...chartRootA11yProps(label, proof),

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

@@ -1 +1 @@
-{"version":3,"names":["useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","jsx","ChartSurface","label","proof","height","heightProp","width","widthProp","children","stackProps","dataViewProps","motion","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,cAAA,QAAwC;AACjD,SAASC,eAAA,QAAuB;AAChC,SAASC,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAAsD;AACpE,SAASC,qBAAA,QAA6B;AAEtC,SAASC,aAAA,QAAqB;AA+DtB,SAAAC,GAAA;AA9BD,SAASC,aAAa;EAC3BC,KAAA;EACAC,KAAA;EACAC,MAAA,EAAQC,UAAA;EACRC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAML,MAAA,GAASb,cAAA,CAAec,UAAA,EAAY,GAAG;EAC7C,MAAMK,aAAA,GAAgBZ,qBAAA,CAAsB;EAC5C,MAAM;IAAEa,MAAA;IAAQC;EAAiB,IAAIb,aAAA,CAAc;EACnD,MAAM,CAACc,aAAA,EAAeC,gBAAgB,IAAIpB,QAAA,CAAS,CAAC;EACpD,MAAMY,KAAA,GAAQC,SAAA,IAAaM,aAAA;EAE3B,MAAME,YAAA,GAAetB,WAAA,CAAauB,KAAA,IAA6B;IAC7D,MAAMC,IAAA,GAAOD,KAAA,CAAME,WAAA,CAAYC,MAAA,CAAOb,KAAA;IACtCQ,gBAAA,CAAkBM,IAAA,IAAUC,IAAA,CAAKC,GAAA,CAAIF,IAAA,GAAOH,IAAI,KAAK,MAAMA,IAAA,GAAOG,IAAK;EACzE,GAAG,EAAE;EAEL,OACE,eAAApB,GAAA,CAACL,MAAA;IACCW,KAAA,EAAM;IACNF,MAAA;IACAmB,QAAA,EAAS;IACTC,QAAA,EAAUjB,SAAA,KAAc,SAAYQ,YAAA,GAAe;IAClD,GAAGvB,eAAA,CAAgBmB,MAAM;IACzB,IAAIC,gBAAA,GAAmB;MAAEa,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC/D,GAAGlB,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,IACP,eAAAN,GAAA,CAACJ,GAAA;MAAIU,KAAA;MAAcF,MAAA;MAAiB,GAAGP,kBAAA,CAAmBK,KAAA,EAAOC,KAAK;MAAI,GAAGO,aAAA;MAC1EF,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOF;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}
+{"version":3,"names":["useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","jsx","ChartSurface","label","proof","height","heightProp","width","widthProp","children","stackProps","fill","fixedHeight","dataViewProps","motion","animationEnabled","measured","setMeasured","fillCap","Math","round","handleLayout","event","nextWidth","nextHeight","nativeEvent","layout","prev","abs","flex","minHeight","maxHeight","overflow","onLayout","enterStyle","opacity","y"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAwC;AACjD,SAASC,eAAA,QAAuB;AAChC,SAASC,WAAA,EAAaC,QAAA,QAAgC;AAEtD,SAASC,MAAA,QAAgC;AACzC,SAASC,GAAA,EAAKC,kBAAA,QAAsD;AACpE,SAASC,qBAAA,QAA6B;AAEtC,SAASC,aAAA,QAAqB;AAwEtB,SAAAC,GAAA;AAvCD,SAASC,aAAa;EAC3BC,KAAA;EACAC,KAAA;EACAC,MAAA,EAAQC,UAAA;EACRC,KAAA,EAAOC,SAAA;EACPC,QAAA;EACA,GAAGC;AACL,GAAsB;EACpB,MAAMC,IAAA,GAAOL,UAAA,KAAe;EAC5B,MAAMM,WAAA,GAAcpB,cAAA,CAAec,UAAA,EAAY,GAAG;EAClD,MAAMO,aAAA,GAAgBd,qBAAA,CAAsB;EAC5C,MAAM;IAAEe,MAAA;IAAQC;EAAiB,IAAIf,aAAA,CAAc;EACnD,MAAM,CAACgB,QAAA,EAAUC,WAAW,IAAItB,QAAA,CAAS;IAAEY,KAAA,EAAO;IAAGF,MAAA,EAAQ;EAAE,CAAC;EAChE,MAAME,KAAA,GAAQC,SAAA,IAAaQ,QAAA,CAAST,KAAA;EACpC,MAAMF,MAAA,GAASM,IAAA,GAAOK,QAAA,CAASX,MAAA,GAASO,WAAA;EAGxC,MAAMM,OAAA,GAAUX,KAAA,GAAQ,IAAIY,IAAA,CAAKC,KAAA,CAAMb,KAAA,IAASA,KAAA,GAAQ,MAAM,MAAM,IAAI,IAAI;EAE5E,MAAMc,YAAA,GAAe3B,WAAA,CAAa4B,KAAA,IAA6B;IAC7D,MAAM;MAAEf,KAAA,EAAOgB,SAAA;MAAWlB,MAAA,EAAQmB;IAAW,IAAIF,KAAA,CAAMG,WAAA,CAAYC,MAAA;IACnET,WAAA,CAAaU,IAAA,IACXR,IAAA,CAAKS,GAAA,CAAID,IAAA,CAAKpB,KAAA,GAAQgB,SAAS,KAAK,OAAOJ,IAAA,CAAKS,GAAA,CAAID,IAAA,CAAKtB,MAAA,GAASmB,UAAU,KAAK,MAC7E;MAAEjB,KAAA,EAAOgB,SAAA;MAAWlB,MAAA,EAAQmB;IAAW,IACvCG,IACN;EACF,GAAG,EAAE;EAEL,OACE,eAAA1B,GAAA,CAACL,MAAA;IACCW,KAAA,EAAM;IACL,IAAII,IAAA,GAAO;MAAEkB,IAAA,EAAM;MAAGC,SAAA,EAAW;MAAGC,SAAA,EAAWb;IAAQ,IAAI;MAAEb;IAAO;IACrE2B,QAAA,EAAS;IACTC,QAAA,EAAUzB,SAAA,KAAc,UAAaG,IAAA,GAAOU,YAAA,GAAe;IAC1D,GAAG5B,eAAA,CAAgBqB,MAAM;IACzB,IAAIC,gBAAA,GAAmB;MAAEmB,UAAA,EAAY;QAAEC,OAAA,EAAS;QAAGC,CAAA,EAAG;MAAE;IAAE,IAAI,CAAC;IAC/D,GAAG1B,UAAA;IAEHD,QAAA,EAAAF,KAAA,GAAQ,KAAKF,MAAA,GAAS,IACrB,eAAAJ,GAAA,CAACJ,GAAA;MAAIU,KAAA;MAAcF,MAAA;MAAiB,GAAGP,kBAAA,CAAmBK,KAAA,EAAOC,KAAK;MAAI,GAAGS,aAAA;MAC1EJ,QAAA,EAAAA,QAAA,CAAS;QAAEF,KAAA;QAAOF;MAAO,CAAC;IAAA,CAC7B,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

package/dist/jsx/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/jsx/charts/ChartSurface.native.js.map

@@ -1 +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_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"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAChC,IAAAC,gBAAS,GAAaF,MAAA,CAAAG,wBAAgC;AAEtD,IAAAC,iBAAS,GAAgCJ,MAAA,CAAAK,mBAAA;AACzC,IAAAC,YAAc,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAsD;AACpE,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAET,SAASC,IAAA,IAAAD,GAAA,EA+DDZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AA9BD;AAAsB,IAC3BC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAQG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACR,IAAO,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACPnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EACF,OAAsBE,EAAA;AACpB;AACA,IAAAM,YAAM,GAAAC,GAAA,IAAgBR,WAAA,CAAAhB,SAAsB;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAC5C,IAAAE,oBAAgB;AAChBhB,QAAM,CAACgB,oBAAe;EACtBC,YAAM,EAAQA,CAAA,KAAAA;AAEd;AACEC,MAAA,CAAAC,OAAM,GAAON,YAAM,CAAAG,oBAAmB;AACtC,IAAAI,kBAAkB,GAAAC,OAAU,oBAAoB;AAAuB,IACzEC,kBAAK,GAAAD,OAAA;AAEL,IAAAE,YACE,GAAAF,OAAA;AAAA,IAACG,YAAA,GAAAH,OAAA;AAAA,IAAAI,cAAA,GAAAJ,OAAA;AAAA,IAAAK,UACO,GAAAL,OAAA;AAAA,IAAAM,oBACN,GAAAN,OAAA;AAAA,IAAAO,oBACS,GAAAP,OAAA;AAAA,SACTJ,YAAUA,CAAAY,KAAA;EAAyC,IAClD;IAAAC,KAAG;IAAAC,KAAA;IAAAC,MAAgB,EAAAC,UAAM;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAAA,IACzBG,MAAI,OAAAV,kBAAqB,CAAAgB,cAAc,EAASL,UAAU,KAAK;EAAA,IAC/DM,aAAG,OAAAZ,oBAAA,CAAAa,qBAAA;EAAA,IAEH;IAAAC,MAAA;IAAAC;EACC,QAAAd,oBAAK,CAAce,aAAoB;EAGrC,KAAAC,aAAA,EAAAC,gBAAA,QAAArB,YAAA,CAAAsB,QAAA;EACN,IAAAZ,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAS,aAAA;EAEJ,IAAAG,YAAA,OAAAvB,YAAA,CAAAwB,WAAA,YAAAC,KAAA","ignoreList":[]}
+{"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_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"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAChC,IAAAC,gBAAS,GAAaF,MAAA,CAAAG,wBAAgC;AAEtD,IAAAC,iBAAS,GAAgCJ,MAAA,CAAAK,mBAAA;AACzC,IAAAC,YAAc,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAsD;AACpE,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EAET,SAASC,IAAA,IAAAD,GAAA,EAwEDZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAvCD;AAAsB,IAC3BC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACA,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAAQG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACR,IAAO,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACPnB,SAAA,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACA;EACF,OAAsBE,EAAA;AACpB;AACA,IAAAM,YAAM,GAAAC,GAAc,IAAAR,WAAe,CAAAhB,SAAY,GAAG;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAClD,IAAAE,oBAAsB;AACtBhB,QAAM,CAAAgB,oBAAU;EAChBC,YAAO,EAAAA,CAAA,KAAUA;AACjB;AACAC,MAAA,CAAAC,OAAM,GAASN,YAAO,CAAAG,oBAAkB;AAGxC,IAAAI,kBAAgB,GAAAC,OAAY,oBAAoB;AAEhD,IAAAC,kBAAM,GAAeD,OAAA,0BAA0C;AAC7D,IAAAE,YAAQ,GAAOF,OAAA,2BAAkC;AACjD,IAAAG,YAAA,GAAAH,OAAA;AAAA,IAAAI,cACE,GAAKJ,OAAI,UAAa;AAElB,IACNK,UAAA,GAAAL,OAAA;AAAA,IACFM,oBAAK,GAAAN,OAAA;AAEL,IAAAO,oBACE,GAAAP,OAAA;AAAA,SAACJ,aAAAY,KAAA;EAAA;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EAAA,IACCS,IAAA,GAAML,UAAA;EAAA,IACLM,WAAW,GAAE,IAAMjB,kBAAiB,CAAAkB,cAAW,EAAAP,UAAc,KAAO;EAAA,IACrEQ,aAAS,OAAAd,oBAAA,CAAAe,qBAAA;EAAA,IACT;IAAAC,MAAA;IAAUC;EAAc,QAAahB,oBAAO,CAAeiB,aAAA;EAAA,IAC1D,CAAAC,QAAG,EAAAC,WAAgB,IAAM,IAAAvB,YAAA,CAAAwB,QAAA;IAAAd,KACrB;IAA2DF,MAC5D;EAAA;EAMA,IAAAE,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAW,QAAA,CAAAZ,KAAA;EACN,IAAAF,MAAA,GAAAM,IAAA,GAAAQ,QAAA,CAAAd,MAAA,GAAAO,WAAA;EAEJ,IAAAU,OAAA,GAAAf,KAAA,OAAAgB,IAAA,CAAAC,KAAA,CAAAjB,KAAA,IAAAA,KAAA","ignoreList":[]}

package/dist/jsx/charts/chartHeight.mjs

@@ -1,7 +1,7 @@
 import { getActiveScaleTokens, usePresetContext } from "@multiplatform.one/theme";
 function useChartHeight(height, fallback) {
   usePresetContext();
-  const value = typeof height === "string" ? getActiveScaleTokens().size[height] : height;
+  const value = height === "fill" ? void 0 : typeof height === "string" ? getActiveScaleTokens().size[height] : height;
   return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
 }
 export { useChartHeight };

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

@@ -1 +1 @@
-{"version":3,"names":["getActiveScaleTokens","usePresetContext","useChartHeight","height","fallback","value","size","Number","isFinite"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,EAAsBC,gBAAA,QAAsC;AAI9D,SAASC,eAAeC,MAAA,EAAiCC,QAAA,EAA0B;EACxFH,gBAAA,CAAiB;EACjB,MAAMI,KAAA,GAAQ,OAAOF,MAAA,KAAW,WAAWH,oBAAA,CAAqB,EAAEM,IAAA,CAAKH,MAAM,IAAIA,MAAA;EACjF,OAAO,OAAOE,KAAA,KAAU,YAAYE,MAAA,CAAOC,QAAA,CAASH,KAAK,KAAKA,KAAA,IAAS,IAAIA,KAAA,GAAQD,QAAA;AACrF","ignoreList":[]}
+{"version":3,"names":["getActiveScaleTokens","usePresetContext","useChartHeight","height","fallback","value","size","Number","isFinite"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,EAAsBC,gBAAA,QAAsC;AAK9D,SAASC,eAAeC,MAAA,EAAiCC,QAAA,EAA0B;EACxFH,gBAAA,CAAiB;EACjB,MAAMI,KAAA,GACJF,MAAA,KAAW,SACP,SACA,OAAOA,MAAA,KAAW,WAChBH,oBAAA,CAAqB,EAAEM,IAAA,CAAKH,MAAM,IAClCA,MAAA;EACR,OAAO,OAAOE,KAAA,KAAU,YAAYE,MAAA,CAAOC,QAAA,CAASH,KAAK,KAAKA,KAAA,IAAS,IAAIA,KAAA,GAAQD,QAAA;AACrF","ignoreList":[]}

package/dist/jsx/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/jsx/charts/chartHeight.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAIF,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgD;AAC9D,IAAAC,gBAAiB,GAAAF,MAAA,CAAAG,wBAAA;AACjB,IAAAC,iBAAc,GAAOJ,MAAA,CAAAK,mBAAsB;AAC3C,IAAAC,YAAc,GAAAN,MAAA,CAAUO,SAAA,CAAAC,cAAmB;AAC7C,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all"],"sources":["../../../src/charts/chartHeight.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAKF,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAgD;AAC9D,IAAAC,gBAAiB,GAAAF,MAAA,CAAAG,wBAAA;AACjB,IAAAC,iBACE,GAAAJ,MAAW,CAAAK,mBAEP;AAGN,IAAAC,YAAc,GAAAN,MAAA,CAAUO,SAAA,CAAAC,cAAmB;AAC7C,IAAAC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA","ignoreList":[]}

package/dist/jsx/charts/composeChart.mjs

@@ -36,7 +36,7 @@ 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);
 }
 export { computeCartesianPlot, resolveSeriesFills, thinCategories };
 //# sourceMappingURL=composeChart.mjs.map

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

@@ -1 +1 @@
-{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min","capacity","floor","stride","filter","_"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["AXIS_LABEL_GAP","AXIS_TICK_LENGTH","approximateTextWidth","computeCartesianPlot","size","input","showXAxis","showYAxis","yTickLabels","fontSize","top","Math","ceil","right","bottom","maxYLabelWidth","max","map","label","left","x","y","width","height","resolveSeriesFills","data","palette","datum","index","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min","capacity","floor","stride","filter","_"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,SAASA,cAAA,EAAgBC,gBAAA,QAAwB;AACjD,SAASC,oBAAA,QAA4B;AAgB9B,SAASC,qBAAqBC,IAAA,EAAiBC,KAAA,EAAqC;EACzF,MAAM;IAAEC,SAAA;IAAWC,SAAA;IAAWC,WAAA;IAAaC;EAAS,IAAIJ,KAAA;EACxD,MAAMK,GAAA,GAAMC,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,CAAC,IAAI;EACtC,MAAMI,KAAA,GAAQ;EACd,MAAMC,MAAA,GAASR,SAAA,GAAYL,gBAAA,GAAmBD,cAAA,GAAiBW,IAAA,CAAKC,IAAA,CAAKH,QAAA,GAAW,IAAI,IAAI;EAC5F,MAAMM,cAAA,GAAiBR,SAAA,GACnBI,IAAA,CAAKK,GAAA,CAAI,GAAG,GAAGR,WAAA,CAAYS,GAAA,CAAKC,KAAA,IAAUhB,oBAAA,CAAqBgB,KAAA,EAAOT,QAAQ,CAAC,CAAC,IAChF;EACJ,MAAMU,IAAA,GAAOZ,SAAA,GAAYI,IAAA,CAAKC,IAAA,CAAKG,cAAc,IAAId,gBAAA,GAAmBD,cAAA,GAAiB,IAAI;EAC7F,OAAO;IACLoB,CAAA,EAAGD,IAAA;IACHE,CAAA,EAAGX,GAAA;IACHY,KAAA,EAAOX,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKkB,KAAA,GAAQH,IAAA,GAAON,KAAK;IAC5CU,MAAA,EAAQZ,IAAA,CAAKK,GAAA,CAAI,GAAGZ,IAAA,CAAKmB,MAAA,GAASb,GAAA,GAAMI,MAAM;EAChD;AACF;AAoBO,SAASU,mBACdC,IAAA,EACAC,OAAA,EACArB,KAAA,EACU;EACV,OAAOoB,IAAA,CAAKR,GAAA,CAAI,CAACU,KAAA,EAAOC,KAAA,KAAU;IAChC,IAAID,KAAA,CAAME,KAAA,EAAO,OAAOF,KAAA,CAAME,KAAA;IAC9B,IAAIxB,KAAA,EAAOyB,MAAA,IAAUzB,KAAA,CAAMyB,MAAA,CAAOC,MAAA,GAAS,GAAG,OAAO1B,KAAA,CAAMyB,MAAA,CAAOF,KAAA,GAAQvB,KAAA,CAAMyB,MAAA,CAAOC,MAAM;IAC7F,IAAI1B,KAAA,EAAO2B,WAAA,EAAa,OAAON,OAAA,CAAQM,WAAA,CAAYJ,KAAA,GAAQF,OAAA,CAAQM,WAAA,CAAYD,MAAM;IACrF,OAAO1B,KAAA,EAAOwB,KAAA,IAASH,OAAA,CAAQO,MAAA;EACjC,CAAC;AACH;AAGA,MAAMC,gBAAA,GAAmB;AACzB,MAAMC,gBAAA,GAAmB;AAQlB,SAASC,eAAeC,MAAA,EAAkBC,SAAA,EAAmB7B,QAAA,EAA4B;EAC9F,IAAI4B,MAAA,CAAON,MAAA,IAAU,KAAKO,SAAA,IAAa,GAAG,OAAOD,MAAA;EACjD,MAAME,MAAA,GAAS5B,IAAA,CAAKK,GAAA,CAAI,GAAGqB,MAAA,CAAOpB,GAAA,CAAKC,KAAA,IAAUhB,oBAAA,CAAqBgB,KAAA,EAAOT,QAAQ,CAAC,CAAC;EACvF,MAAM+B,IAAA,GAAO7B,IAAA,CAAK8B,GAAA,CAAIF,MAAA,EAAQL,gBAAgB,IAAIC,gBAAA;EAClD,MAAMO,QAAA,GAAW/B,IAAA,CAAKK,GAAA,CAAI,GAAGL,IAAA,CAAKgC,KAAA,CAAML,SAAA,GAAYE,IAAI,CAAC;EACzD,IAAIH,MAAA,CAAON,MAAA,IAAUW,QAAA,EAAU,OAAOL,MAAA;EACtC,MAAMO,MAAA,GAASjC,IAAA,CAAKC,IAAA,CAAKyB,MAAA,CAAON,MAAA,GAASW,QAAQ;EACjD,OAAOL,MAAA,CAAOQ,MAAA,CAAO,CAACC,CAAA,EAAGlB,KAAA,MAAWS,MAAA,CAAON,MAAA,GAAS,IAAIH,KAAA,IAASgB,MAAA,KAAW,CAAC;AAC/E","ignoreList":[]}

package/dist/jsx/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/jsx/charts/composeChart.native.js.map

@@ -1 +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","composeChart_exports","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"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAA4B;AAgB9B,IAAAC,gBAAS,GAAAF,MAAA,CAAqBG,wBAAsD;AACzF,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAwB;AAC3C,IAAAC,YAAY,GAAKN,MAAK,CAAAO,SAAW,CAACC,cAAI;AACtC,IAAAC,QAAM,GAAAA,CAAQC,MAAA,EAAAC,GAAA;EACd,SAAMC,IAAA,IAASD,GAAA,EACfZ,SAAM,CAAAW,MAAA,EAAAE,IAAiB;IAAAC,GAAA,EAAAF,GACnB,CAAAC,IAAK;IAAIE,UAAM;EAAA,CAAY;AAE/B;AACA,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACLF,IAAG,WAAAA,IAAA,wBAAAA,IAAA;IACH,KAAG,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACH,KAAOX,YAAY,CAAAe,IAAK,CAAAL,EAAA,EAAAI,GAAQ,KAAAA,GAAO,KAAKF,MAAA,EAC5CnB,SAAa,CAAAiB,EAAA,EAAII,GAAG;MAAKP,GAAA,EAAAA,CAAA,KAASI,IAAM,CAAAG,GAAA;MAAMN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAChD;EACF,OAAAE,EAAA;AAoBO;AAKL,IAAAM,YAAY,GAAKC,GAAA,IAAOR,WAAU,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAChC,IAAAE,oBAAiB,IAAO;AACxBhB,QAAI,CAAAgB,oBAAiB,EAAM;EAC3BC,oBAAW,EAAAA,CAAA,KAAaA,oBAAe;EACvCC,kBAAc,EAAAA,CAAA,KAASA,kBAAQ;EACjCC,cAAC,EAAAA,CAAA,KAAAA;AACH;AAGAC,MAAM,CAAAC,OAAA,GAAAR,YAAmB,CAAAG,oBAAA;AACzB,IAAAM,WAAM,GAAAC,OAAmB;AAOlB,IAAAC,WAAS,GAAAD,OAAe,mBAAkB;AAC/C,SAAIN,oBAAsBA,CAAAQ,IAAA,EAAAC,KAAa,EAAG;EAC1C;IAAMC,SAAS;IAAAC,SAAS;IAAGC,WAAY;IAAAC;EAAU,IAAAJ,KAAA;EACjD,IAAAK,GAAM,GAAAC,IAAO,CAAAC,IAAK,CAAAH,QAAI,GAAQ;EAC9B,IAAAI,KAAM;EACN,IAAIC,MAAA,GAAOR,SAAU,GAAAL,WAAU,CAAAc,gBAAO,GAAAd,WAAA,CAAAe,cAAA,GAAAL,IAAA,CAAAC,IAAA,CAAAH,QAAA;EACtC,IAAAQ,cAAe,GAAKV,SAAK,GAAOI,IAAA,CAAAO,GAAS,OAAAV,WAAQ,CAAAW,GAAA,WAAAC,KAAA;IACjD,OAAO,IAAAjB,WAAe,CAAGkB,oBAAkB,EAAAD,KAAA,EAAWX,QAAC;EACzD","ignoreList":[]}
+{"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","composeChart_exports","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"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"AAMA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAA4B;AAgB9B,IAAAC,gBAAS,GAAAF,MAAA,CAAqBG,wBAAsD;AACzF,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAwB;AAC3C,IAAAC,YAAY,GAAKN,MAAK,CAAAO,SAAW,CAACC,cAAI;AACtC,IAAAC,QAAM,GAAAA,CAAQC,MAAA,EAAAC,GAAA;EACd,SAAMC,IAAA,IAASD,GAAA,EACfZ,SAAM,CAAAW,MAAA,EAAAE,IAAiB;IAAAC,GAAA,EAAAF,GACnB,CAAAC,IAAK;IAAIE,UAAM;EAAA,CAAY;AAE/B;AACA,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACLF,IAAG,WAAAA,IAAA,wBAAAA,IAAA;IACH,KAAG,IAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACH,KAAOX,YAAY,CAAAe,IAAK,CAAAL,EAAA,EAAAI,GAAQ,KAAAA,GAAO,KAAKF,MAAA,EAC5CnB,SAAa,CAAAiB,EAAA,EAAII,GAAG;MAAKP,GAAA,EAAAA,CAAA,KAASI,IAAM,CAAAG,GAAA;MAAMN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAChD;EACF,OAAAE,EAAA;AAoBO;AAKL,IAAAM,YAAY,GAAKC,GAAA,IAAOR,WAAU,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAChC,IAAAE,oBAAiB,IAAO;AACxBhB,QAAI,CAAAgB,oBAAiB,EAAM;EAC3BC,oBAAW,EAAAA,CAAA,KAAaA,oBAAe;EACvCC,kBAAc,EAAAA,CAAA,KAASA,kBAAQ;EACjCC,cAAC,EAAAA,CAAA,KAAAA;AACH;AAGAC,MAAM,CAAAC,OAAA,GAAAR,YAAmB,CAAAG,oBAAA;AACzB,IAAAM,WAAM,GAAAC,OAAmB;AAQlB,IAAAC,WAAS,GAAAD,OAAe,mBAAkB;AAC/C,SAAIN,oBAAsBA,CAAAQ,IAAA,EAAAC,KAAa,EAAG;EAC1C;IAAMC,SAAS;IAAAC,SAAS;IAAGC,WAAY;IAAAC;EAAU,IAAAJ,KAAA;EACjD,IAAAK,GAAM,GAAAC,IAAO,CAAAC,IAAK,CAAAH,QAAI,GAAQ;EAC9B,IAAAI,KAAM;EACN,IAAIC,MAAA,GAAOR,SAAU,GAAAL,WAAU,CAAAc,gBAAO,GAAAd,WAAA,CAAAe,cAAA,GAAAL,IAAA,CAAAC,IAAA,CAAAH,QAAA;EACtC,IAAAQ,cAAe,GAAKV,SAAK,GAAOI,IAAA,CAAAO,GAAS,OAAAV,WAAQ,CAAAW,GAAA,WAAAC,KAAA;IACjD,OAAO,IAAAjB,WAAe,CAAGkB,oBAAkB,EAAAD,KAAS,EAAAX,QAAI;EAC1D","ignoreList":[]}

package/dist/jsx/code/LogView.mjs

@@ -0,0 +1,117 @@
+import { useLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
+import { useEffect, useRef } from "react";
+import { ScrollView, Text, View, XStack, YStack, useTheme } from "tamagui";
+import { WarningIcon, XCircleIcon } from "@phosphor-icons/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const levelInk = {
+  warn: "yellow11",
+  error: "red11"
+};
+const levelGlyph = {
+  warn: WarningIcon,
+  error: XCircleIcon
+};
+function clockTime(time) {
+  const iso = typeof time === "string" ? time : time.toISOString();
+  return iso.match(/T(\d{2}:\d{2}:\d{2})/)?.[1] ?? iso;
+}
+function LogView({
+  entries,
+  label,
+  follow = true,
+  ...rest
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Screen"
+  });
+  const compact = useLayoutSizeClass() === "compact";
+  const theme = useTheme();
+  const scroller = useRef(null);
+  useEffect(() => {
+    if (follow) scroller.current?.scrollToEnd?.({
+      animated: false
+    });
+  }, [entries, follow]);
+  return /* @__PURE__ */jsx(YStack, {
+    flex: 1,
+    minHeight: 0,
+    "data-log-view": "",
+    role: "log",
+    "aria-label": label,
+    ...rest,
+    children: /* @__PURE__ */jsx(ScrollView, {
+      ref: scroller,
+      flex: 1,
+      keyboardShouldPersistTaps: "handled",
+      children: /* @__PURE__ */jsx(YStack, {
+        ...knobProps.panelPadding,
+        ...(compact ? null : {
+          paddingHorizontal: 0
+        }),
+        gap: compact ? "$3" : "$1",
+        children: entries.map((entry, index) => {
+          const level = entry.level === "warn" || entry.level === "error" ? entry.level : null;
+          const ink = level ? `$${levelInk[level]}` : "$color12";
+          const Glyph = level ? levelGlyph[level] : null;
+          const meta = /* @__PURE__ */jsxs(Fragment, {
+            children: [/* @__PURE__ */jsx(Text, {
+              fontFamily: "$mono",
+              fontSize: "$3",
+              color: "$color10",
+              flexShrink: 0,
+              children: clockTime(entry.time)
+            }), entry.source ? /* @__PURE__ */jsx(Text, {
+              fontFamily: "$mono",
+              fontSize: "$3",
+              color: "$color10",
+              flexShrink: 0,
+              numberOfLines: 1,
+              children: entry.source
+            }) : null]
+          });
+          const message = /* @__PURE__ */jsxs(XStack, {
+            gap: "$1.5",
+            alignItems: "flex-start",
+            flex: compact ? void 0 : 1,
+            minWidth: 0,
+            children: [Glyph ? /* @__PURE__ */jsx(View, {
+              height: "$1",
+              justifyContent: "center",
+              flexShrink: 0,
+              "aria-hidden": true,
+              children: /* @__PURE__ */jsx(Glyph, {
+                size: 14,
+                weight: "bold",
+                color: level ? theme[levelInk[level]]?.get() : void 0
+              })
+            }) : null, /* @__PURE__ */jsx(Text, {
+              fontFamily: "$mono",
+              fontSize: "$3",
+              color: ink,
+              flex: 1,
+              minWidth: 0,
+              children: entry.message
+            })]
+          });
+          return compact ? /* @__PURE__ */jsxs(YStack, {
+            "data-log-entry": "",
+            children: [/* @__PURE__ */jsx(XStack, {
+              gap: "$2",
+              alignItems: "center",
+              children: meta
+            }), message]
+          }, entry.id ?? index) : /* @__PURE__ */jsxs(XStack, {
+            gap: "$3",
+            alignItems: "flex-start",
+            "data-log-entry": "",
+            children: [meta, message]
+          }, entry.id ?? index);
+        })
+      })
+    })
+  });
+}
+export { LogView };
+//# sourceMappingURL=LogView.mjs.map

package/dist/jsx/code/LogView.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutSizeClass","useResolvedKnobs","useEffect","useRef","ScrollView","Text","View","XStack","YStack","useTheme","WarningIcon","XCircleIcon","Fragment","jsx","jsxs","levelInk","warn","error","levelGlyph","clockTime","time","iso","toISOString","match","LogView","entries","label","follow","rest","knobProps","component","compact","theme","scroller","current","scrollToEnd","animated","flex","minHeight","role","children","ref","keyboardShouldPersistTaps","panelPadding","paddingHorizontal","gap","map","entry","index","level","ink","Glyph","meta","fontFamily","fontSize","color","flexShrink","source","numberOfLines","message","alignItems","minWidth","height","justifyContent","size","weight","get","id"],"sources":["../../../src/code/LogView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}