@multiplatform.one/components 7.81.1 → 7.81.2

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

@@ -15,25 +15,43 @@ function ChartSurface(param) {
     children,
     ...stackProps
   } = param;
-  var height = useChartHeight(heightProp, 200);
+  var fill = heightProp === "fill";
+  var fixedHeight = useChartHeight(heightProp, 200);
   var dataViewProps = useChartDataViewProps();
   var {
     motion,
     animationEnabled
   } = useChartTheme();
-  var [measuredWidth, setMeasuredWidth] = useState(0);
-  var width = widthProp !== null && widthProp !== void 0 ? widthProp : measuredWidth;
+  var [measured, setMeasured] = 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 = 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__ */_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: {
@@ -42,7 +60,7 @@ function ChartSurface(param) {
       }
     } : {}),
     ...stackProps,
-    children: width > 0 ? /* @__PURE__ */_jsx(Svg, {
+    children: width > 0 && height > 0 ? /* @__PURE__ */_jsx(Svg, {
       width,
       height,
       ...chartRootA11yProps(label, proof),

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","ChartSurface","param","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,GAAA,IAAAC,IAAA,2BAAwC;AACjD,SAASC,cAAA,iCAAuB;AAChC,SAASC,eAAa,kCAAgC;AAEtD,SAASC,WAAA,EAAAC,QAAgC;AACzC,SAASC,MAAK;AACd,SAASC,GAAA,EAAAC,kBAAA,QAA6B;AAEtC,SAASC,qBAAqB;AA+DtB,SAAAC,aAAA;AA9BD,SAASC,aAAaC,KAAA;EAC3B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,IAAAG,MAAA,GAAAb,cAAA,CAAAc,UAAA;EACA,IAAAK,aAAQ,GAAAZ,qBAAA;EACR;IAAAa,MAAO;IAAAC;EAAA,IAAAb,aAAA;EACP,KAAAc,aAAA,EAAAC,gBAAA,IAAApB,QAAA;EACA,IAAGY,KAAA,GAAAC,SAAA,aAAAA,SAAA,cAAAA,SAAA,GAAAM,aAAA;EACL,IAAsBE,YAAA,GAAAtB,WAAA,WAAAuB,KAAA;IACpB,IAAMC,IAAA,GAAAD,KAAS,CAAAE,WAAe,CAAAC,MAAA,CAAAb,KAAY;IAC1CQ,gBAAM,WAAgBM,IAAA;MACtB,OAAQC,IAAA,CAAQC,GAAA,CAAAF,IAAA,GAAAH,IAAA,KAAiB,GAAI,GAAAA,IAAA,GAAAG,IAAc;IACnD;EACA,MAAM;EAEN,OAAM,eAAe9B,IAAA,CAAAK,MAAa;IAChCW,KAAA,EAAM,MAAO;IACbF,MAAA;IACFmB,QAAK;IAELC,QACE,EAAAjB,SAAA,cAAAQ,YAAA;IAAC,GAAAvB,eAAA,CAAAmB,MAAA;IAAA,IAAAC,gBAAA;MACCa,UAAM;QACNC,OAAA;QACAC,CAAA;MACA;IAAmD,IAClD,CAAG;IAAsB,GACzBlB,UAAI;IAA2DD,QAC5D,EAAAF,KAAA,sBAAAhB,IAAA,CAAAM,GAAA;MAEHU,KAAA;MAIGF,MAAA;MACN,GAAAP,kBAAA,CAAAK,KAAA,EAAAC,KAAA;MAEJ,GAAAO,aAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useChartHeight","transitionProps","useCallback","useState","YStack","Svg","chartRootA11yProps","useChartDataViewProps","useChartTheme","ChartSurface","param","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"],"sources":["../../../src/charts/ChartSurface.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwC;AACjD,SAASC,cAAA,iCAAuB;AAChC,SAASC,eAAa,kCAAgC;AAEtD,SAASC,WAAA,EAAAC,QAAgC;AACzC,SAASC,MAAK;AACd,SAASC,GAAA,EAAAC,kBAAA,QAA6B;AAEtC,SAASC,qBAAqB;AAwEtB,SAAAC,aAAA;AAvCD,SAASC,aAAaC,KAAA;EAC3B;IAAAC,KAAA;IAAAC,KAAA;IAAAC,MAAA,EAAAC,UAAA;IAAAC,KAAA,EAAAC,SAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA,IAAAS,IAAA,GAAAL,UAAA;EACA,IAAAM,WAAQ,GAAApB,cAAA,CAAAc,UAAA;EACR,IAAAO,aAAO,GAAAd,qBAAA;EACP;IAAAe,MAAA;IAAAC;EAAA,IAAAf,aAAA;EACA,IAAG,CAAAgB,QAAA,EAAAC,WAAA,IAAAtB,QAAA;IACiBY,KAAA;IACpBF,MAAM;EACN;EACA,IAAAE,KAAM,GAAAC,SAAA,KAAgB,QAAAA,SAAA,KAAsB,SAAAA,SAAA,GAAAQ,QAAA,CAAAT,KAAA;EAC5C,IAAAF,MAAQ,GAAAM,IAAQ,GAAAK,QAAA,CAAAX,MAAiB,GAAIO,WAAA;EACrC,IAAAM,OAAO,GAAAX,KAAU,OAAAY,IAAW,CAAAC,KAAI,CAAAb,KAAS,IAAEA,KAAO,GAAG,SAAU,GAAC;EAChE,IAAAc,YAAc,GAAA3B,WAAa,WAAS4B,KAAA;IACpC,IAAM;MAAAf,KAAA,EAASgB,SAAO;MAAAlB,MAAS,EAAAmB;IAAS,IAAAF,KAAA,CAAAG,WAAA,CAAAC,MAAA;IAGxCT,WAAM,WAAUU,IAAQ,EAAI;MAE5B,OAAMR,IAAA,CAAAS,GAAA,CAAAD,IAAe,CAAApB,KAAA,GAAYgB,SAAC,KAA6B,OAAAJ,IAAA,CAAAS,GAAA,CAAAD,IAAA,CAAAtB,MAAA,GAAAmB,UAAA;QAC7DjB,KAAQ,EAAAgB,SAAO;QACflB,MAAA,EAAAmB;MAAY,CAAC,GAAAG,IAAA;IAIb;EACF,GAAG,EAAE;EAEL,OACE,eAAApC,IAAA,CAAAK,MAAA;IAACW,KAAA;IAAA,IAAAI,IAAA;MACCkB,IAAA,GAAM;MACLC,SAAI,EAAO,CAAE;MACdC,SAAA,EAASb;IAAA,IACT;MACCb;IAAyB;IACsC2B,QAC5D;IAAAC,QAEH,EAAAzB,SAAA,KAAQ,KAAK,KAASG,IACrB,GAAAU,YAAA,QAAC;IAGC,GAAA5B,eAAA,CAAAqB,MAAA;IACN,IAAAC,gBAAA;MAEJmB,UAAA","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 import { getActiveScaleTokens, usePresetContext } from "@multiplatform.one/theme";
 function useChartHeight(height, fallback) {
   usePresetContext();
-  var value = typeof height === "string" ? getActiveScaleTokens().size[height] : height;
+  var 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/esm/charts/chartHeight.native.js.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,IAAAI,KAAM,UAAQF,MAAO,aAAW,GAAAH,oBAAW,GAAqBM,IAAE,CAAAH,MAAK,IAAMA,MAAI;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,IAAAI,KAAM,GAAAF,MACJ,WAAW,QACP,WACAA,MAAO,aAAW,GAAAH,oBAChB,GAAqBM,IAAE,CAAAH,MAAK,IAAMA,MAClC;EACR,OAAO,OAAOE,KAAA,KAAU,YAAYE,MAAA,CAAOC,QAAA,CAASH,KAAK,KAAKA,KAAA,IAAS,IAAIA,KAAA,GAAQD,QAAA;AACrF","ignoreList":[]}

package/dist/esm/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/esm/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":"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","ignoreList":[]}

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

@@ -42,7 +42,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;
   });
 }
 export { computeCartesianPlot, resolveSeriesFills, thinCategories };

package/dist/esm/charts/composeChart.native.js.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","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min"],"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;IAAMC,SAAE;IAAAC,SAAW;IAAAC,WAAW;IAAAC;EAAa,IAASJ,KAAI;EACxD,IAAAK,GAAM,GAAAC,IAAM,CAAAC,IAAK,CAAAH,QAAK,KAAW,GAAC;EAClC,IAAAI,KAAM;EACN,IAAAC,MAAM,GAAAR,SAAS,GAAAL,gBAAY,GAAAD,cAAmB,GAAAW,IAAiB,CAAAC,IAAK,CAAAH,QAAK,OAAW,IAAI;EACxF,IAAAM,cAAM,GAAAR,SAAiB,GAAAI,IACnB,CAAAK,GAAK,IAAI,GAAGR,WAAG,CAAAS,GAAY,WAAKC,KAAU;IAE9C,OAAMhB,oBAAmB,CAAKgB,KAAK,EAAAT,QAAA;EACnC,OAAO;EAAA,IACLU,IAAG,GAAAZ,SAAA,GAAAI,IAAA,CAAAC,IAAA,CAAAG,cAAA,IAAAd,gBAAA,GAAAD,cAAA;EAAA,OACA;IACHoB,CAAA,EAAAD,IAAO;IACPE,CAAA,EAAAX,GAAA;IACFY,KAAA,EAAAX,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAkB,KAAA,GAAAH,IAAA,GAAAN,KAAA;IACFU,MAAA,EAAAZ,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAmB,MAAA,GAAAb,GAAA,GAAAI,MAAA;EAoBO;AAKL;AACE,SAAIU,kBAAaA,CAAOC,IAAA,EAAMC,OAAA,EAAArB,KAAA;EAC9B,OAAIoB,IAAA,CAAAR,GAAO,WAAUU,KAAM,EAAAC,KAAO;IAClC,IAAIC,IAAA;IACJ,IAAAF,KAAO,CAAAG,KAAO,SAASH,KAAA,CAAAG,KAAQ;IAChC,KAAAzB,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA0B,MAAA,KAAA1B,KAAA,CAAA0B,MAAA,CAAAC,MAAA,aAAA3B,KAAA,CAAA0B,MAAA,CAAAH,KAAA,GAAAvB,KAAA,CAAA0B,MAAA,CAAAC,MAAA;IACH,IAAA3B,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA4B,WAAA,SAAAP,OAAA,CAAAO,WAAA,CAAAL,KAAA,GAAAF,OAAA,CAAAO,WAAA,CAAAD,MAAA;IAGA,OAAM,CAAAH,IAAA,GAAAxB,KAAA,KAAmB,QAAAA,KAAA,uBAAAA,KAAA,CAAAyB,KAAA,cAAAD,IAAA,cAAAA,IAAA,GAAAH,OAAA,CAAAQ,MAAA;EACzB;AAOO;AACL,IAAAC,gBAAW,GAAU;AACrB,IAAAC,gBAAe,GAAK;AACpB,SAAMC,cAAYA,CAAIC,MAAA,EAAQC,SAAA,EAAA9B,QAAgB,EAAI;EAClD,IAAA6B,MAAM,CAAAN,MAAW,KAAK,IAAIO,SAAQ,KAAM,SAAAD,MAAY;EACpD,IAAIE,MAAA,GAAO7B,IAAA,CAAAK,GAAU,IAAAsB,MAAU,CAAArB,GAAA,WAAOC,KAAA;IACtC,OAAMhB,oBAAmB,CAAAgB,KAAO,EAAAT,QAAS;EACzC;EACF,IAAAgC,IAAA,GAAA9B,IAAA,CAAA+B,GAAA,CAAAF,MAAA,EAAAL,gBAAA,IAAAC,gBAAA","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","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","thinCategories","labels","plotWidth","widest","slot","min"],"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;IAAMC,SAAE;IAAAC,SAAW;IAAAC,WAAW;IAAAC;EAAa,IAASJ,KAAI;EACxD,IAAAK,GAAM,GAAAC,IAAM,CAAAC,IAAK,CAAAH,QAAK,KAAW,GAAC;EAClC,IAAAI,KAAM;EACN,IAAAC,MAAM,GAAAR,SAAS,GAAAL,gBAAY,GAAAD,cAAmB,GAAAW,IAAiB,CAAAC,IAAK,CAAAH,QAAK,OAAW,IAAI;EACxF,IAAAM,cAAM,GAAAR,SAAiB,GAAAI,IACnB,CAAAK,GAAK,IAAI,GAAGR,WAAG,CAAAS,GAAY,WAAKC,KAAU;IAE9C,OAAMhB,oBAAmB,CAAKgB,KAAK,EAAAT,QAAA;EACnC,OAAO;EAAA,IACLU,IAAG,GAAAZ,SAAA,GAAAI,IAAA,CAAAC,IAAA,CAAAG,cAAA,IAAAd,gBAAA,GAAAD,cAAA;EAAA,OACA;IACHoB,CAAA,EAAAD,IAAO;IACPE,CAAA,EAAAX,GAAA;IACFY,KAAA,EAAAX,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAkB,KAAA,GAAAH,IAAA,GAAAN,KAAA;IACFU,MAAA,EAAAZ,IAAA,CAAAK,GAAA,IAAAZ,IAAA,CAAAmB,MAAA,GAAAb,GAAA,GAAAI,MAAA;EAoBO;AAKL;AACE,SAAIU,kBAAaA,CAAOC,IAAA,EAAMC,OAAA,EAAArB,KAAA;EAC9B,OAAIoB,IAAA,CAAAR,GAAO,WAAUU,KAAM,EAAAC,KAAO;IAClC,IAAIC,IAAA;IACJ,IAAAF,KAAO,CAAAG,KAAO,SAASH,KAAA,CAAAG,KAAQ;IAChC,KAAAzB,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA0B,MAAA,KAAA1B,KAAA,CAAA0B,MAAA,CAAAC,MAAA,aAAA3B,KAAA,CAAA0B,MAAA,CAAAH,KAAA,GAAAvB,KAAA,CAAA0B,MAAA,CAAAC,MAAA;IACH,IAAA3B,KAAA,aAAAA,KAAA,uBAAAA,KAAA,CAAA4B,WAAA,SAAAP,OAAA,CAAAO,WAAA,CAAAL,KAAA,GAAAF,OAAA,CAAAO,WAAA,CAAAD,MAAA;IAGA,OAAM,CAAAH,IAAA,GAAAxB,KAAA,KAAmB,QAAAA,KAAA,uBAAAA,KAAA,CAAAyB,KAAA,cAAAD,IAAA,cAAAA,IAAA,GAAAH,OAAA,CAAAQ,MAAA;EACzB;AAQO;AACL,IAAAC,gBAAW,GAAU;AACrB,IAAAC,gBAAe,GAAK;AACpB,SAAMC,cAAYA,CAAIC,MAAA,EAAQC,SAAA,EAAA9B,QAAgB,EAAI;EAClD,IAAA6B,MAAM,CAAAN,MAAW,KAAK,IAAIO,SAAQ,KAAM,SAAAD,MAAY;EACpD,IAAIE,MAAA,GAAO7B,IAAA,CAAAK,GAAU,IAAAsB,MAAU,CAAArB,GAAA,WAAOC,KAAA;IACtC,OAAMhB,oBAAmB,CAAAgB,KAAO,EAAAT,QAAS;EACzC;EACF,IAAAgC,IAAA,GAAA9B,IAAA,CAAA+B,GAAA,CAAAF,MAAA,EAAAL,gBAAA,IAAAC,gBAAA","ignoreList":[]}

package/dist/esm/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/esm/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":[]}

package/dist/esm/code/LogView.native.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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";
+var levelInk = {
+  warn: "yellow11",
+  error: "red11"
+};
+var levelGlyph = {
+  warn: WarningIcon,
+  error: XCircleIcon
+};
+function clockTime(time) {
+  var _ref;
+  var _iso_match;
+  var iso = typeof time === "string" ? time : time.toISOString();
+  return (_ref = (_iso_match = iso.match(/T(\d{2}:\d{2}:\d{2})/)) === null || _iso_match === void 0 ? void 0 : _iso_match[1]) !== null && _ref !== void 0 ? _ref : iso;
+}
+function LogView(param) {
+  var {
+    entries,
+    label,
+    follow = true,
+    ...rest
+  } = param;
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Screen"
+  });
+  var compact = useLayoutSizeClass() === "compact";
+  var theme = useTheme();
+  var scroller = useRef(null);
+  useEffect(function () {
+    var _scroller_current_scrollToEnd, _scroller_current;
+    if (follow) (_scroller_current = scroller.current) === null || _scroller_current === void 0 ? void 0 : (_scroller_current_scrollToEnd = _scroller_current.scrollToEnd) === null || _scroller_current_scrollToEnd === void 0 ? void 0 : _scroller_current_scrollToEnd.call(_scroller_current, {
+      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(function (entry, index) {
+          var _entry_id, _entry_id1;
+          var _theme_levelInk_level;
+          var level = entry.level === "warn" || entry.level === "error" ? entry.level : null;
+          var ink = level ? `$${levelInk[level]}` : "$color12";
+          var Glyph = level ? levelGlyph[level] : null;
+          var 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]
+          });
+          var 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 = theme[levelInk[level]]) === null || _theme_levelInk_level === void 0 ? void 0 : _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 = entry.id) !== null && _entry_id !== void 0 ? _entry_id : index) : /* @__PURE__ */_jsxs(XStack, {
+            gap: "$3",
+            alignItems: "flex-start",
+            "data-log-entry": "",
+            children: [meta, message]
+          }, (_entry_id1 = entry.id) !== null && _entry_id1 !== void 0 ? _entry_id1 : index);
+        })
+      })
+    })
+  });
+}
+export { LogView };
+//# sourceMappingURL=LogView.native.js.map

package/dist/esm/code/LogView.native.js.map

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

package/dist/esm/code/index.mjs

@@ -3,4 +3,5 @@ export * from "./CodeBlock/index.mjs";
 export * from "./HighlightedCode/index.mjs";
 export * from "./Highlighter/index.mjs";
 export * from "./Pre/index.mjs";
+export * from "./LogView.mjs";
 //# sourceMappingURL=index.mjs.map

package/dist/esm/code/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/code/index.native.js

@@ -3,4 +3,5 @@ export * from "./CodeBlock/index.native.js";
 export * from "./HighlightedCode/index.native.js";
 export * from "./Highlighter/index.native.js";
 export * from "./Pre/index.native.js";
+export * from "./LogView.native.js";
 //# sourceMappingURL=index.native.js.map

package/dist/esm/code/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/layouts/PageTemplates.mjs

@@ -212,5 +212,65 @@ function SettingsPageLayout({
     }), children]
   });
 }
-export { DetailPageLayout, ListPageLayout, SettingsPageLayout };
+function DensePageLayout({
+  title,
+  subtitle,
+  status,
+  actions,
+  header,
+  nav,
+  measure = "wide",
+  kind,
+  gutter = false,
+  maxWidth,
+  children,
+  ...rest
+}) {
+  const compact = useLayoutSizeClass() === "compact";
+  const {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Screen"
+  });
+  const head = header !== void 0 ? header : title || subtitle || actions || nav || status ? /* @__PURE__ */jsx(PageHeader, {
+    title,
+    subtitle,
+    status,
+    actions,
+    nav
+  }) : null;
+  const region = /* @__PURE__ */jsx(YStack, {
+    flex: 1,
+    minHeight: 0,
+    minWidth: 0,
+    "data-dense-surface": kind,
+    ...(compact ? gutter ? {
+      paddingHorizontal: knobProps.panelPadding.padding
+    } : null : {
+      ...knobProps.containerRadius,
+      overflow: "hidden"
+    }),
+    children
+  });
+  if (compact) return /* @__PURE__ */jsxs(Screen, {
+    "data-canonical": "dense-page",
+    scroll: false,
+    bleed: true,
+    noPadding: true,
+    ...rest,
+    children: [head ? /* @__PURE__ */jsx(YStack, {
+      ...knobProps.panelPadding,
+      paddingBottom: 0,
+      children: head
+    }) : null, region]
+  });
+  return /* @__PURE__ */jsxs(Screen, {
+    "data-canonical": "dense-page",
+    scroll: false,
+    maxWidth: maxWidth ?? (measure === "readable" ? layoutBreakpoints.expanded : void 0),
+    ...rest,
+    children: [head, region]
+  });
+}
+export { DensePageLayout, DetailPageLayout, ListPageLayout, SettingsPageLayout };
 //# sourceMappingURL=PageTemplates.mjs.map

package/dist/esm/layouts/PageTemplates.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["DETAIL_READABLE_WIDTH","defaultMaxPanes","layoutBreakpoints","useResolvedKnobs","useLayoutSizeClass","useSemanticGaps","useState","XStack","YStack","isWeb","PageHeader","Screen","ScreenToolbar","SupportingPaneLayout","useShellSidebarPanel","Fragment","jsx","jsxs","renderTemplateHeader","title","subtitle","actions","nav","header","ListPageLayout","toolbar","sidebar","sidebarWidth","sidebarLabel","children","rest","main","flex","minWidth","ListPageSidebar","scrollViewProps","knobProps","component","scrollHeight","setScrollHeight","shellTookPanel","content","onLayout","event","height","nativeEvent","layout","gapLg","alignItems","render","width","flexShrink","display","style","position","top","maxHeight","overflowY","DetailPageLayout","toolbarLeading","toolbarTrailing","aside","sizeClass","sizeClassProp","liveClass","multi","gaps","leading","trailing","body","supporting","betweenGroups","topBar","maxWidth","SettingsPageLayout","expanded"],"sources":["../../../src/layouts/PageTemplates.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["DETAIL_READABLE_WIDTH","defaultMaxPanes","layoutBreakpoints","useResolvedKnobs","useLayoutSizeClass","useSemanticGaps","useState","XStack","YStack","isWeb","PageHeader","Screen","ScreenToolbar","SupportingPaneLayout","useShellSidebarPanel","Fragment","jsx","jsxs","renderTemplateHeader","title","subtitle","actions","nav","header","ListPageLayout","toolbar","sidebar","sidebarWidth","sidebarLabel","children","rest","main","flex","minWidth","ListPageSidebar","scrollViewProps","knobProps","component","scrollHeight","setScrollHeight","shellTookPanel","content","onLayout","event","height","nativeEvent","layout","gapLg","alignItems","render","width","flexShrink","display","style","position","top","maxHeight","overflowY","DetailPageLayout","toolbarLeading","toolbarTrailing","aside","sizeClass","sizeClassProp","liveClass","multi","gaps","leading","trailing","body","supporting","betweenGroups","topBar","maxWidth","SettingsPageLayout","expanded","DensePageLayout","status","measure","kind","gutter","compact","head","region","minHeight","paddingHorizontal","panelPadding","padding","containerRadius","overflow","scroll","bleed","noPadding","paddingBottom"],"sources":["../../../src/layouts/PageTemplates.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/layouts/PageTemplates.native.js

@@ -222,5 +222,66 @@ function SettingsPageLayout(param) {
     }), children]
   });
 }
-export { DetailPageLayout, ListPageLayout, SettingsPageLayout };
+function DensePageLayout(param) {
+  var {
+    title,
+    subtitle,
+    status,
+    actions,
+    header,
+    nav,
+    measure = "wide",
+    kind,
+    gutter = false,
+    maxWidth,
+    children,
+    ...rest
+  } = param;
+  var compact = useLayoutSizeClass() === "compact";
+  var {
+    knobProps
+  } = useResolvedKnobs({
+    component: "Screen"
+  });
+  var head = header !== void 0 ? header : title || subtitle || actions || nav || status ? /* @__PURE__ */_jsx(PageHeader, {
+    title,
+    subtitle,
+    status,
+    actions,
+    nav
+  }) : null;
+  var region = /* @__PURE__ */_jsx(YStack, {
+    flex: 1,
+    minHeight: 0,
+    minWidth: 0,
+    "data-dense-surface": kind,
+    ...(compact ? gutter ? {
+      paddingHorizontal: knobProps.panelPadding.padding
+    } : null : {
+      ...knobProps.containerRadius,
+      overflow: "hidden"
+    }),
+    children
+  });
+  if (compact) return /* @__PURE__ */_jsxs(Screen, {
+    "data-canonical": "dense-page",
+    scroll: false,
+    bleed: true,
+    noPadding: true,
+    ...rest,
+    children: [head ? /* @__PURE__ */_jsx(YStack, {
+      ...knobProps.panelPadding,
+      paddingBottom: 0,
+      children: head
+    }) : null, region]
+  });
+  return /* @__PURE__ */_jsxs(Screen, {
+    "data-canonical": "dense-page",
+    scroll: false,
+    maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : measure === "readable" ? layoutBreakpoints.expanded : void 0,
+    ...rest,
+    children: [head, region]
+  });
+}
+export { DensePageLayout, DetailPageLayout, ListPageLayout, SettingsPageLayout };
 //# sourceMappingURL=PageTemplates.native.js.map