@multiplatform.one/components 7.81.0 → 7.81.2

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":"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","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":[]}

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

@@ -0,0 +1,151 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var LogView_exports = {};
+__export(LogView_exports, {
+  LogView: () => LogView
+});
+module.exports = __toCommonJS(LogView_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_react2 = require("@phosphor-icons/react");
+var levelInk = {
+  warn: "yellow11",
+  error: "red11"
+};
+var levelGlyph = {
+  warn: import_react2.WarningIcon,
+  error: import_react2.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
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Screen"
+  });
+  var compact = (0, import_theme.useLayoutSizeClass)() === "compact";
+  var theme = (0, import_tamagui.useTheme)();
+  var scroller = (0, import_react.useRef)(null);
+  (0, import_react.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    flex: 1,
+    minHeight: 0,
+    "data-log-view": "",
+    role: "log",
+    "aria-label": label,
+    ...rest,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+      ref: scroller,
+      flex: 1,
+      keyboardShouldPersistTaps: "handled",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontFamily: "$mono",
+              fontSize: "$3",
+              color: "$color10",
+              flexShrink: 0,
+              children: clockTime(entry.time)
+            }), entry.source ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontFamily: "$mono",
+              fontSize: "$3",
+              color: "$color10",
+              flexShrink: 0,
+              numberOfLines: 1,
+              children: entry.source
+            }) : null]
+          });
+          var message = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$1.5",
+            alignItems: "flex-start",
+            flex: compact ? void 0 : 1,
+            minWidth: 0,
+            children: [Glyph ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+              height: "$1",
+              justifyContent: "center",
+              flexShrink: 0,
+              "aria-hidden": true,
+              children: /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontFamily: "$mono",
+              fontSize: "$3",
+              color: ink,
+              flex: 1,
+              minWidth: 0,
+              children: entry.message
+            })]
+          });
+          return compact ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+            "data-log-entry": "",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+              gap: "$2",
+              alignItems: "center",
+              children: meta
+            }), message]
+          }, (_entry_id = entry.id) !== null && _entry_id !== void 0 ? _entry_id : index) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$3",
+            alignItems: "flex-start",
+            "data-log-entry": "",
+            children: [meta, message]
+          }, (_entry_id1 = entry.id) !== null && _entry_id1 !== void 0 ? _entry_id1 : index);
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=LogView.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","LogView_exports","LogView","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_react2","levelInk","warn","error","levelGlyph","WarningIcon","XCircleIcon","clockTime","time","_ref","_iso_match","iso","toISOString","match","param","entries","label","follow","rest","knobProps","useResolvedKnobs","component","compact","useLayoutSizeClass","theme","useTheme","scroller","useRef","useEffect","_scroller_current_scrollToEnd","_scroller_current","current","scrollToEnd","animated","jsx","YStack","flex","minHeight","role","children","ScrollView","ref","keyboardShouldPersistTaps","panelPadding","paddingHorizontal","gap"],"sources":["../../../src/code/LogView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/code/index.native.js

@@ -24,4 +24,5 @@ __reExport(code_exports, require("./CodeBlock/index.native.js"), module.exports)
 __reExport(code_exports, require("./HighlightedCode/index.native.js"), module.exports);
 __reExport(code_exports, require("./Highlighter/index.native.js"), module.exports);
 __reExport(code_exports, require("./Pre/index.native.js"), module.exports);
+__reExport(code_exports, require("./LogView.native.js"), module.exports);
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty"],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA;AACd,IAAAC,iBAAc,GAAAJ,MAAA,CAAAK,mBAAA;AACd,IAAAC,YAAc,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__copyProps","to","from","except","desc"],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,SAAA,GAAcC,MAAA,CAAAC,cAAA;AACd,IAAAC,gBAAc,GAAAF,MAAA,CAAAG,wBAAA;AACd,IAAAC,iBAAc,GAAAJ,MAAA,CAAAK,mBAAA;AACd,IAAAC,YAAc,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACd,IAAAC,WAAc,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA","ignoreList":[]}

package/dist/jsx/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/jsx/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/jsx/layouts/PageTemplates.native.js

@@ -24,6 +24,7 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var PageTemplates_exports = {};
 __export(PageTemplates_exports, {
+  DensePageLayout: () => DensePageLayout,
   DetailPageLayout: () => DetailPageLayout,
   ListPageLayout: () => ListPageLayout,
   SettingsPageLayout: () => SettingsPageLayout
@@ -253,4 +254,65 @@ function SettingsPageLayout(param) {
     }), children]
   });
 }
+function DensePageLayout(param) {
+  var {
+    title,
+    subtitle,
+    status,
+    actions,
+    header,
+    nav,
+    measure = "wide",
+    kind,
+    gutter = false,
+    maxWidth,
+    children,
+    ...rest
+  } = param;
+  var compact = (0, import_theme.useLayoutSizeClass)() === "compact";
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Screen"
+  });
+  var head = header !== void 0 ? header : title || subtitle || actions || nav || status ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_page.PageHeader, {
+    title,
+    subtitle,
+    status,
+    actions,
+    nav
+  }) : null;
+  var region = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.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__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "dense-page",
+    scroll: false,
+    bleed: true,
+    noPadding: true,
+    ...rest,
+    children: [head ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      ...knobProps.panelPadding,
+      paddingBottom: 0,
+      children: head
+    }) : null, region]
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_page.Screen, {
+    "data-canonical": "dense-page",
+    scroll: false,
+    maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : measure === "readable" ? import_theme.layoutBreakpoints.expanded : void 0,
+    ...rest,
+    children: [head, region]
+  });
+}
 //# sourceMappingURL=PageTemplates.native.js.map

package/dist/jsx/layouts/PageTemplates.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","PageTemplates_exports","DetailPageLayout","ListPageLayout","SettingsPageLayout","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_page","import_PaneScaffold","import_shellSidebarSlot","renderTemplateHeader","param","title","subtitle","actions","nav","header","jsx","PageHeader","toolbar","sidebar","sidebarWidth","sidebarLabel","children","rest","main","jsxs","Fragment","YStack","flex","minWidth","Screen","ListPageSidebar","scrollViewProps","knobProps","useResolvedKnobs","component","scrollHeight","setScrollHeight","useState","shellTookPanel","useShellSidebarPanel","content","onLayout","event","_scrollViewProps_onLayout","height","nativeEvent","layout","XStack","gapLg","alignItems","render","width","flexShrink","display","isWeb","style","position","top","maxHeight","overflowY","toolbarLeading","toolbarTrailing","aside","sizeClass","sizeClassProp","liveClass","useLayoutSizeClass","multi","defaultMaxPanes","gaps","useSemanticGaps","ScreenToolbar","leading","trailing","body","SupportingPaneLayout","supporting","betweenGroups"],"sources":["../../../src/layouts/PageTemplates.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","PageTemplates_exports","DensePageLayout","DetailPageLayout","ListPageLayout","SettingsPageLayout","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_page","import_PaneScaffold","import_shellSidebarSlot","renderTemplateHeader","param","title","subtitle","actions","nav","header","jsx","PageHeader","toolbar","sidebar","sidebarWidth","sidebarLabel","children","rest","main","jsxs","Fragment","YStack","flex","minWidth","Screen","ListPageSidebar","scrollViewProps","knobProps","useResolvedKnobs","component","scrollHeight","setScrollHeight","useState","shellTookPanel","useShellSidebarPanel","content","onLayout","event","_scrollViewProps_onLayout","height","nativeEvent","layout","XStack","gapLg","alignItems","render","width","flexShrink","display","isWeb","style","position","top","maxHeight","overflowY","toolbarLeading","toolbarTrailing","aside","sizeClass","sizeClassProp","liveClass","useLayoutSizeClass","multi","defaultMaxPanes","gaps","useSemanticGaps","ScreenToolbar","leading","trailing","body","SupportingPaneLayout","supporting","betweenGroups","topBar","maxWidth","DETAIL_READABLE_WIDTH","layoutBreakpoints","expanded"],"sources":["../../../src/layouts/PageTemplates.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/views/ImageGrid.mjs

@@ -9,7 +9,7 @@ import { useHotkey } from "@tanstack/react-hotkeys";
 import React, { useCallback, useId, useRef, useState } from "react";
 import { useTranslation } from "../shared/i18n.mjs";
 import { usePageFlowLoadMore } from "./usePageFlowLoadMore.mjs";
-import { View, XStack, YStack, getTokenValue, useWindowDimensions } from "tamagui";
+import { View, XStack, YStack, getTokenValue, isWeb, useWindowDimensions } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const PHOTOS_GRID_GUTTER = 2;
 const columnsBySizeClass = {
@@ -112,6 +112,7 @@ function ImageGridTile({
       "data-focused": isFocused || void 0,
       "data-media-tile": "image-grid",
       position: "relative",
+      flexGrow: 1,
       ...radiusFragment,
       borderWidth: 0,
       cursor: clickable ? "pointer" : void 0,
@@ -126,6 +127,14 @@ function ImageGridTile({
       children: [/* @__PURE__ */jsx(View, {
         borderRadius: radius,
         overflow: "hidden",
+        flexGrow: 1,
+        ...(isWeb ? {
+          style: {
+            display: "grid",
+            gridTemplateColumns: "minmax(0, 1fr)",
+            justifyItems: "stretch"
+          }
+        } : void 0),
         children: /* @__PURE__ */jsx(MediaRadiusContext.Provider, {
           value: radius,
           children