@multiplatform.one/components 7.81.1 → 7.82.0

package/dist/cjs/code/CodeBlock/index.cjs

@@ -41,6 +41,7 @@ var import_Code = require("../Code/index.cjs");
 var import_HighlightedCode = require("../HighlightedCode/index.cjs");
 var import_Highlighter = require("../Highlighter/index.cjs");
 var import_Pre = require("../Pre/index.cjs");
+var import_componentColors = require("../../componentColors.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const VISIBLE_LINES = 22;
 const lineHeightBySize = {
@@ -113,7 +114,6 @@ function CodeBlock({
   }).height;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     position: "relative",
-    marginBottom: "$4",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         ref: clampRef,
@@ -141,14 +141,17 @@ function CodeBlock({
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
             size: "$4"
           })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Pre.Pre, {
           ...knobProps.borderRadius,
           padding: 0,
           marginBottom: 0,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
-            style: {
-              width: "100%"
-            },
+          flexDirection: "row",
+          backgroundColor: import_componentColors.componentColors.code.background,
+          borderWidth: 0,
+          "data-code-surface": "",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
+            flex: 1,
+            minWidth: 0,
             contentContainerStyle: {
               minWidth: "100%"
             },
@@ -169,32 +172,36 @@ function CodeBlock({
                 children: codeText
               })
             })
-          })
-        }), showCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-          position: "absolute",
-          top: 0,
-          insetInlineEnd: 0,
-          zIndex: import_forms.zIndex.localTop,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Button, {
-            glyphRing: true,
-            size: codeSize,
-            type: "button",
-            "aria-label": "Copy to clipboard",
-            "data-press-min": import_theme.MIN_PRESS_TARGET,
-            hitSlop: capSquare < import_theme.MIN_PRESS_TARGET ? (0, import_theme.pressTargetHitSlop)(capSquare) : void 0,
-            onPress: activateCopy,
-            onKeyDown: e => {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                e.stopPropagation();
-                activateCopy();
-              }
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Icon, {
-              "aria-hidden": true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClipboardIcon, {})
+          }), showCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            flexShrink: 0,
+            alignSelf: lines > 1 ? "flex-start" : "center",
+            zIndex: import_forms.zIndex.localTop,
+            "data-code-copy": "",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Button, {
+              glyphRing: true,
+              size: codeSize,
+              color: import_componentColors.componentColors.text.primary,
+              type: "button",
+              "aria-label": "Copy to clipboard",
+              "data-press-min": import_theme.MIN_PRESS_TARGET,
+              hitSlop: capSquare < import_theme.MIN_PRESS_TARGET ? (0, import_theme.pressTargetHitSlop)(capSquare) : void 0,
+              onPress: activateCopy,
+              onKeyDown: e => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  activateCopy();
+                }
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Icon, {
+                "aria-hidden": true,
+                color: import_componentColors.componentColors.text.primary,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CopyIcon, {
+                  weight: "bold"
+                })
+              })
             })
-          })
+          })]
         })]
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NotifyHost.NotifyRegion, {

package/dist/cjs/code/CodeBlock/index.native.js

@@ -44,6 +44,7 @@ var import_Code = require("../Code/index.native.js");
 var import_HighlightedCode = require("../HighlightedCode/index.native.js");
 var import_Highlighter = require("../Highlighter/index.native.js");
 var import_Pre = require("../Pre/index.native.js");
+var import_componentColors = require("../../componentColors.native.js");
 var VISIBLE_LINES = 22;
 var lineHeightBySize = {
   $2: 16,
@@ -120,7 +121,6 @@ function CodeBlock(param) {
   }).height;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     position: "relative",
-    marginBottom: "$4",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         ref: clampRef,
@@ -148,14 +148,17 @@ function CodeBlock(param) {
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spacer, {
             size: "$4"
           })]
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Pre.Pre, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_Pre.Pre, {
           ...knobProps.borderRadius,
           padding: 0,
           marginBottom: 0,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
-            style: {
-              width: "100%"
-            },
+          flexDirection: "row",
+          backgroundColor: import_componentColors.componentColors.code.background,
+          borderWidth: 0,
+          "data-code-surface": "",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollView.ScrollView, {
+            flex: 1,
+            minWidth: 0,
             contentContainerStyle: {
               minWidth: "100%"
             },
@@ -176,32 +179,36 @@ function CodeBlock(param) {
                 children: codeText
               })
             })
-          })
-        }), showCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-          position: "absolute",
-          top: 0,
-          insetInlineEnd: 0,
-          zIndex: import_forms.zIndex.localTop,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Button, {
-            glyphRing: true,
-            size: codeSize,
-            type: "button",
-            "aria-label": "Copy to clipboard",
-            "data-press-min": import_theme.MIN_PRESS_TARGET,
-            hitSlop: capSquare < import_theme.MIN_PRESS_TARGET ? (0, import_theme.pressTargetHitSlop)(capSquare) : void 0,
-            onPress: activateCopy,
-            onKeyDown: function onKeyDown(e) {
-              if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                e.stopPropagation();
-                activateCopy();
-              }
-            },
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Icon, {
-              "aria-hidden": true,
-              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.ClipboardIcon, {})
+          }), showCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            flexShrink: 0,
+            alignSelf: lines > 1 ? "flex-start" : "center",
+            zIndex: import_forms.zIndex.localTop,
+            "data-code-copy": "",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Button, {
+              glyphRing: true,
+              size: codeSize,
+              color: import_componentColors.componentColors.text.primary,
+              type: "button",
+              "aria-label": "Copy to clipboard",
+              "data-press-min": import_theme.MIN_PRESS_TARGET,
+              hitSlop: capSquare < import_theme.MIN_PRESS_TARGET ? (0, import_theme.pressTargetHitSlop)(capSquare) : void 0,
+              onPress: activateCopy,
+              onKeyDown: function onKeyDown(e) {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  activateCopy();
+                }
+              },
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Input.Icon, {
+                "aria-hidden": true,
+                color: import_componentColors.componentColors.text.primary,
+                children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CopyIcon, {
+                  weight: "bold"
+                })
+              })
             })
-          })
+          })]
         })]
       })
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NotifyHost.NotifyRegion, {

package/dist/cjs/code/CodeBlock/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CodeBlock_exports","__export","CodeBlock","module","exports","import_jsx_runtime","require","import_linear_gradient","import_react","import_theme","import_react2","import_i18n","import_ScrollView","import_forms","import_tamagui","import_AnimateHeight","import_ErrorBoundary","import_NotifyHost","import_copy","import_Code","import_HighlightedCode","import_Highlighter","import_Pre","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","_lineHeightBySize_sizeToken","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","region","copy","useCopyFeedback","t","useTranslation","knobProps","useResolvedKnobs","touch","useTouchSurface","codeSize","codeText","trim","tokens","useShikiTokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","useState","expandTarget","setExpandTarget","clampRef","useRef","revealTimerRef","useEffect","current","clearTimeout","transition","motion","reveal","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","settleMs","clamped","showCopy","Boolean","activateCopy","activateCopy2","capSquare","sizeRecipeForToken","height","jsxs","YStack","position","marginBottom","jsx","ErrorBoundary","ref","transitionProps","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","colors","zIndex","localTop","Spacer","flex","Button","onPress","alignSelf","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor","borderWidth","panelPadding","HighlightedCode","fontSize","XStack","top","insetInlineEnd","Input","glyphRing","type","MIN_PRESS_TARGET","hitSlop","pressTargetHitSlop","onKeyDown","e","key","preventDefault","stopPropagation"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CodeBlock_exports","__export","CodeBlock","module","exports","import_jsx_runtime","require","import_linear_gradient","import_react","import_theme","import_react2","import_i18n","import_ScrollView","import_forms","import_tamagui","import_AnimateHeight","import_ErrorBoundary","import_NotifyHost","import_copy","import_Code","import_HighlightedCode","import_Highlighter","import_Pre","import_componentColors","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","_lineHeightBySize_sizeToken","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","region","copy","useCopyFeedback","t","useTranslation","knobProps","useResolvedKnobs","touch","useTouchSurface","codeSize","codeText","trim","tokens","useShikiTokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","useState","expandTarget","setExpandTarget","clampRef","useRef","revealTimerRef","useEffect","current","clearTimeout","transition","motion","reveal","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","settleMs","clamped","showCopy","Boolean","activateCopy","activateCopy2","capSquare","sizeRecipeForToken","height","jsxs","YStack","position","jsx","ErrorBoundary","ref","transitionProps","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","colors","zIndex","localTop","Spacer","flex","Button","onPress","alignSelf","Pre","padding","marginBottom","flexDirection","backgroundColor","componentColors","code","background","borderWidth","ScrollView","minWidth","contentContainerStyle","horizontal","showsHorizontalScrollIndicator","Code","panelPadding","HighlightedCode","fontSize","XStack","flexShrink","Input","glyphRing","color","text","primary","type","MIN_PRESS_TARGET","hitSlop","pressTargetHitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon","CopyIcon","weight","NotifyRegion","scope"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/code/LogView.cjs

@@ -0,0 +1,142 @@
+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_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_react2 = require("@phosphor-icons/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+const levelInk = {
+  warn: "yellow11",
+  error: "red11"
+};
+const levelGlyph = {
+  warn: import_react2.WarningIcon,
+  error: import_react2.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
+  } = (0, import_theme.useResolvedKnobs)({
+    component: "Screen"
+  });
+  const compact = (0, import_theme.useLayoutSizeClass)() === "compact";
+  const theme = (0, import_tamagui.useTheme)();
+  const scroller = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    if (follow) scroller.current?.scrollToEnd?.({
+      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((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__ */(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]
+          });
+          const 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]]?.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 ?? index) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            gap: "$3",
+            alignItems: "flex-start",
+            "data-log-entry": "",
+            children: [meta, message]
+          }, entry.id ?? index);
+        })
+      })
+    })
+  });
+}

package/dist/cjs/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/cjs/code/LogView.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","LogView_exports","__export","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","call","animated","jsx","YStack","flex","minHeight","role","children","ScrollView","ref","keyboardShouldPersistTaps","panelPadding","paddingHorizontal","gap","map","entry","index","_entry_id","_entry_id1","_theme_levelInk_level","level","ink","Glyph","meta","jsxs","Fragment","Text","fontFamily","fontSize","color","flexShrink","source","numberOfLines"],"sources":["../../../src/code/LogView.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/code/index.cjs

@@ -21,4 +21,5 @@ __reExport(code_exports, require("./Code/index.cjs"), module.exports);
 __reExport(code_exports, require("./CodeBlock/index.cjs"), module.exports);
 __reExport(code_exports, require("./HighlightedCode/index.cjs"), module.exports);
 __reExport(code_exports, require("./Highlighter/index.cjs"), module.exports);
-__reExport(code_exports, require("./Pre/index.cjs"), module.exports);
+__reExport(code_exports, require("./Pre/index.cjs"), module.exports);
+__reExport(code_exports, require("./LogView.cjs"), module.exports);

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","code_exports","module","exports","__reExport","require"],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,YAAA;AACdG,UAAA,CAAAH,YAAA,EAAcI,OAAA,4BAAAH,MADd,CAAAC,OAAA;AAEAC,UAAA,CAAAH,YAAA,EAAcI,OAAA,iCAAAH,MAFd,CAAAC,OAAA;AAGAC,UAAA,CAAAH,YAAA,EAAcI,OAAA,oCAHd,GAAAH,MAAA,CAAAC,OAAA;AAIAC,UAAA,CAAAH,YAAA,EAAcI,OAAA,gCAJd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","code_exports","module","exports","__reExport","require"],"sources":["../../../src/code/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,YAAA;AACdG,UAAA,CAAAH,YAAA,EAAcI,OAAA,4BAAAH,MADd,CAAAC,OAAA;AAEAC,UAAA,CAAAH,YAAA,EAAcI,OAAA,iCAAAH,MAFd,CAAAC,OAAA;AAGAC,UAAA,CAAAH,YAAA,EAAcI,OAAA,oCAHd,GAAAH,MAAA,CAAAC,OAAA;AAIAC,UAAA,CAAAH,YAAA,EAAcI,OAAA,gCAJd,GAAAH,MAAA,CAAAC,OAAA;AAKAC,UAAA,CAAAH,YAAA,EAAcI,OAAA,2BAAAH,MALd,CAAAC,OAAA","ignoreList":[]}