@multiplatform.one/components 7.4.1 → 7.6.0

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

@@ -1,19 +1,31 @@
 import { LinearGradient } from "@tamagui/linear-gradient";
-import { CheckCircleIcon, ClipboardIcon, WarningCircleIcon } from "@phosphor-icons/react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ClipboardIcon } from "@phosphor-icons/react";
+import { MIN_PRESS_TARGET, isTouchSurface, pressTargetHitSlop, sizeRecipeForToken, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "../../shared/i18n.mjs";
 import { ScrollView } from "tamagui";
-import { Button, zIndex } from "@multiplatform.one/forms";
-import { Spacer, TooltipSimple, XStack, YStack } from "tamagui";
+import { Button, Input, zIndex } from "@multiplatform.one/forms";
+import { Spacer, XStack, YStack } from "tamagui";
 import { settleMs } from "../../AnimateHeight/index.mjs";
 import { ErrorBoundary } from "../../ErrorBoundary/index.mjs";
+import { NotifyRegion } from "../../feedback/NotifyHost.mjs";
+import { copyAndNotify } from "../../feedback/copy.mjs";
 import { Code } from "../Code/index.mjs";
 import { HighlightedCode } from "../HighlightedCode/index.mjs";
 import { useShikiTokens } from "../Highlighter/index.mjs";
 import { Pre } from "../Pre/index.mjs";
-import { useClipboard } from "../../hooks/useClipboard.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+const VISIBLE_LINES = 22;
+const lineHeightBySize = {
+  $2: 16,
+  $3: 16,
+  $4: 18,
+  $5: 20,
+  $6: 22
+};
+function clampHeightForSize(sizeToken) {
+  return VISIBLE_LINES * (lineHeightBySize[sizeToken] ?? 18);
+}
 function CodeBlock({
   children = "",
   language = "tsx",
@@ -32,9 +44,11 @@ function CodeBlock({
   const codeSize = size ?? knobProps.sizeToken;
   const codeText = children.trim();
   const tokens = useShikiTokens(codeText, language, theme);
+  const clampHeight = clampHeightForSize(String(codeSize));
+  const fadeHeight = Math.round(clampHeight / 2);
   const lines = tokens?.length ?? codeText.split("\n").length;
   const showLineNumbers = propShowLineNumbers ?? lines > 10;
-  const isLong = lines > 22;
+  const isLong = lines > VISIBLE_LINES;
   const [isCutoff, setIsCutoff] = useState(isLong);
   const [expandTarget, setExpandTarget] = useState(null);
   const clampRef = useRef(null);
@@ -46,7 +60,7 @@ function CodeBlock({
   const revealAll = () => {
     const node = clampRef.current;
     const fullHeight = typeof node?.scrollHeight === "number" ? node.scrollHeight : null;
-    if (!transition || fullHeight == null || fullHeight <= 400) {
+    if (!transition || fullHeight == null || fullHeight <= clampHeight) {
       setIsCutoff(false);
       return;
     }
@@ -58,20 +72,22 @@ function CodeBlock({
     }, settleMs(transition));
   };
   const clamped = isCutoff || expandTarget != null;
-  const {
-    hasCopied,
-    hasCopyFailed,
-    onCopy
-  } = useClipboard(codeText);
-  return /* @__PURE__ */jsx(YStack, {
+  const showCopy = Boolean(codeText) && !disableCopy;
+  const activateCopy = () => {
+    void copyAndNotify(codeText);
+  };
+  const capSquare = sizeRecipeForToken(String(codeSize), {
+    touch: isTouchSurface()
+  }).height;
+  return /* @__PURE__ */jsxs(YStack, {
     position: "relative",
     marginBottom: "$4",
-    children: /* @__PURE__ */jsx(ErrorBoundary, {
+    children: [/* @__PURE__ */jsx(ErrorBoundary, {
       children: /* @__PURE__ */jsxs(YStack, {
         ref: clampRef,
         position: "relative",
         ...(clamped && {
-          maxHeight: expandTarget ?? 400,
+          maxHeight: expandTarget ?? clampHeight,
           overflow: "hidden",
           ...knobProps.borderRadius,
           ...(transition ? {
@@ -83,7 +99,7 @@ function CodeBlock({
           bottom: 0,
           left: 0,
           right: 0,
-          height: 200,
+          height: fadeHeight,
           colors: ["$backgroundTransparent", "$background"],
           zIndex: zIndex.localTop,
           children: [/* @__PURE__ */jsx(Spacer, {
@@ -91,7 +107,7 @@ function CodeBlock({
           }), /* @__PURE__ */jsx(Button, {
             onPress: revealAll,
             alignSelf: "center",
-            children: "Show more"
+            children: t("Show more")
           }), /* @__PURE__ */jsx(Spacer, {
             size: "$4"
           })]
@@ -114,6 +130,7 @@ function CodeBlock({
               borderWidth: 0,
               ...knobProps.panelPadding,
               size: codeSize,
+              "data-register": "code",
               children: /* @__PURE__ */jsx(HighlightedCode, {
                 tokens,
                 highlightLines,
@@ -123,25 +140,37 @@ function CodeBlock({
               })
             })
           })
-        }), !disableCopy && /* @__PURE__ */jsx(XStack, {
+        }), showCopy && /* @__PURE__ */jsx(XStack, {
           position: "absolute",
-          top: "$3",
-          insetInlineEnd: "$3",
-          children: /* @__PURE__ */jsx(TooltipSimple, {
-            label: hasCopied ? t("Copied") : hasCopyFailed ? t("Copy failed") : t("Copy to clipboard"),
-            children: /* @__PURE__ */jsx(Button, {
-              "aria-label": t("Copy code to clipboard"),
-              size: "$2",
-              icon: hasCopied ? CheckCircleIcon : hasCopyFailed ? WarningCircleIcon : ClipboardIcon,
-              onPress: onCopy,
-              "$max-xs": {
-                display: "none"
+          top: 0,
+          insetInlineEnd: 0,
+          zIndex: zIndex.localTop,
+          children: /* @__PURE__ */jsx(Input.Button, {
+            glyphRing: true,
+            size: codeSize,
+            type: "button",
+            "aria-label": "Copy to clipboard",
+            "data-press-min": MIN_PRESS_TARGET,
+            hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,
+            onPress: activateCopy,
+            onKeyDown: e => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                e.stopPropagation();
+                activateCopy();
               }
+            },
+            children: /* @__PURE__ */jsx(Input.Icon, {
+              "aria-hidden": true,
+              children: /* @__PURE__ */jsx(ClipboardIcon, {})
             })
           })
         })]
       })
-    })
+    }), /* @__PURE__ */jsx(NotifyRegion, {
+      scope: "field",
+      compact: true
+    })]
   });
 }
 export { CodeBlock };

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

@@ -1 +1 @@
-{"version":3,"names":["LinearGradient","CheckCircleIcon","ClipboardIcon","WarningCircleIcon","useResolvedKnobs","useEffect","useRef","useState","useTranslation","ScrollView","Button","zIndex","Spacer","TooltipSimple","XStack","YStack","settleMs","ErrorBoundary","Code","HighlightedCode","useShikiTokens","Pre","useClipboard","jsx","jsxs","CodeBlock","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","t","knobProps","codeSize","sizeToken","codeText","trim","tokens","lines","length","split","isLong","isCutoff","setIsCutoff","expandTarget","setExpandTarget","clampRef","revealTimerRef","current","clearTimeout","transition","revealAll","node","fullHeight","scrollHeight","setTimeout","clamped","hasCopied","hasCopyFailed","onCopy","position","marginBottom","ref","maxHeight","overflow","borderRadius","bottom","left","right","height","colors","localTop","flex","onPress","alignSelf","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","borderWidth","panelPadding","fontSize","top","insetInlineEnd","label","icon","display"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["LinearGradient","ClipboardIcon","MIN_PRESS_TARGET","isTouchSurface","pressTargetHitSlop","sizeRecipeForToken","useResolvedKnobs","useEffect","useRef","useState","useTranslation","ScrollView","Button","Input","zIndex","Spacer","XStack","YStack","settleMs","ErrorBoundary","NotifyRegion","copyAndNotify","Code","HighlightedCode","useShikiTokens","Pre","jsx","jsxs","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","CodeBlock","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","t","knobProps","codeSize","codeText","trim","tokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","expandTarget","setExpandTarget","clampRef","revealTimerRef","current","clearTimeout","transition","revealAll","node","fullHeight","scrollHeight","setTimeout","clamped","showCopy","Boolean","activateCopy","capSquare","touch","height","position","marginBottom","ref","maxHeight","overflow","borderRadius","bottom","left","right","colors","localTop","flex","onPress","alignSelf","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","borderWidth","panelPadding","fontSize","top","insetInlineEnd","glyphRing","type","hitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon","scope","compact"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -1,19 +1,32 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LinearGradient } from "@tamagui/linear-gradient";
-import { CheckCircleIcon, ClipboardIcon, WarningCircleIcon } from "@phosphor-icons/react";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { ClipboardIcon } from "@phosphor-icons/react";
+import { MIN_PRESS_TARGET, isTouchSurface, pressTargetHitSlop, sizeRecipeForToken, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "../../shared/i18n.native.js";
 import { ScrollView } from "tamagui";
-import { Button, zIndex } from "@multiplatform.one/forms";
-import { Spacer, TooltipSimple, XStack, YStack } from "tamagui";
+import { Button, Input, zIndex } from "@multiplatform.one/forms";
+import { Spacer, XStack, YStack } from "tamagui";
 import { settleMs } from "../../AnimateHeight/index.native.js";
 import { ErrorBoundary } from "../../ErrorBoundary/index.native.js";
+import { NotifyRegion } from "../../feedback/NotifyHost.native.js";
+import { copyAndNotify } from "../../feedback/copy.native.js";
 import { Code } from "../Code/index.native.js";
 import { HighlightedCode } from "../HighlightedCode/index.native.js";
 import { useShikiTokens } from "../Highlighter/index.native.js";
 import { Pre } from "../Pre/index.native.js";
-import { useClipboard } from "../../hooks/useClipboard.native.js";
+var VISIBLE_LINES = 22;
+var lineHeightBySize = {
+  $2: 16,
+  $3: 16,
+  $4: 18,
+  $5: 20,
+  $6: 22
+};
+function clampHeightForSize(sizeToken) {
+  var _lineHeightBySize_sizeToken;
+  return VISIBLE_LINES * ((_lineHeightBySize_sizeToken = lineHeightBySize[sizeToken]) !== null && _lineHeightBySize_sizeToken !== void 0 ? _lineHeightBySize_sizeToken : 18);
+}
 function CodeBlock(param) {
   var {
     children = "",
@@ -34,9 +47,11 @@ function CodeBlock(param) {
   var codeSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
   var codeText = children.trim();
   var tokens = useShikiTokens(codeText, language, theme);
+  var clampHeight = clampHeightForSize(String(codeSize));
+  var fadeHeight = Math.round(clampHeight / 2);
   var lines = (_ref = tokens === null || tokens === void 0 ? void 0 : tokens.length) !== null && _ref !== void 0 ? _ref : codeText.split("\n").length;
   var showLineNumbers = propShowLineNumbers !== null && propShowLineNumbers !== void 0 ? propShowLineNumbers : lines > 10;
-  var isLong = lines > 22;
+  var isLong = lines > VISIBLE_LINES;
   var [isCutoff, setIsCutoff] = useState(isLong);
   var [expandTarget, setExpandTarget] = useState(null);
   var clampRef = useRef(null);
@@ -50,7 +65,7 @@ function CodeBlock(param) {
   var revealAll = function revealAll2() {
     var node = clampRef.current;
     var fullHeight = typeof (node === null || node === void 0 ? void 0 : node.scrollHeight) === "number" ? node.scrollHeight : null;
-    if (!transition || fullHeight == null || fullHeight <= 400) {
+    if (!transition || fullHeight == null || fullHeight <= clampHeight) {
       setIsCutoff(false);
       return;
     }
@@ -62,20 +77,22 @@ function CodeBlock(param) {
     }, settleMs(transition));
   };
   var clamped = isCutoff || expandTarget != null;
-  var {
-    hasCopied,
-    hasCopyFailed,
-    onCopy
-  } = useClipboard(codeText);
-  return /* @__PURE__ */_jsx(YStack, {
+  var showCopy = Boolean(codeText) && !disableCopy;
+  var activateCopy = function activateCopy2() {
+    void copyAndNotify(codeText);
+  };
+  var capSquare = sizeRecipeForToken(String(codeSize), {
+    touch: isTouchSurface()
+  }).height;
+  return /* @__PURE__ */_jsxs(YStack, {
     position: "relative",
     marginBottom: "$4",
-    children: /* @__PURE__ */_jsx(ErrorBoundary, {
+    children: [/* @__PURE__ */_jsx(ErrorBoundary, {
       children: /* @__PURE__ */_jsxs(YStack, {
         ref: clampRef,
         position: "relative",
         ...(clamped && {
-          maxHeight: expandTarget !== null && expandTarget !== void 0 ? expandTarget : 400,
+          maxHeight: expandTarget !== null && expandTarget !== void 0 ? expandTarget : clampHeight,
           overflow: "hidden",
           ...knobProps.borderRadius,
           ...(transition ? {
@@ -87,7 +104,7 @@ function CodeBlock(param) {
           bottom: 0,
           left: 0,
           right: 0,
-          height: 200,
+          height: fadeHeight,
           colors: ["$backgroundTransparent", "$background"],
           zIndex: zIndex.localTop,
           children: [/* @__PURE__ */_jsx(Spacer, {
@@ -95,7 +112,7 @@ function CodeBlock(param) {
           }), /* @__PURE__ */_jsx(Button, {
             onPress: revealAll,
             alignSelf: "center",
-            children: "Show more"
+            children: t("Show more")
           }), /* @__PURE__ */_jsx(Spacer, {
             size: "$4"
           })]
@@ -118,6 +135,7 @@ function CodeBlock(param) {
               borderWidth: 0,
               ...knobProps.panelPadding,
               size: codeSize,
+              "data-register": "code",
               children: /* @__PURE__ */_jsx(HighlightedCode, {
                 tokens,
                 highlightLines,
@@ -127,25 +145,37 @@ function CodeBlock(param) {
               })
             })
           })
-        }), !disableCopy && /* @__PURE__ */_jsx(XStack, {
+        }), showCopy && /* @__PURE__ */_jsx(XStack, {
           position: "absolute",
-          top: "$3",
-          insetInlineEnd: "$3",
-          children: /* @__PURE__ */_jsx(TooltipSimple, {
-            label: hasCopied ? t("Copied") : hasCopyFailed ? t("Copy failed") : t("Copy to clipboard"),
-            children: /* @__PURE__ */_jsx(Button, {
-              "aria-label": t("Copy code to clipboard"),
-              size: "$2",
-              icon: hasCopied ? CheckCircleIcon : hasCopyFailed ? WarningCircleIcon : ClipboardIcon,
-              onPress: onCopy,
-              "$max-xs": {
-                display: "none"
+          top: 0,
+          insetInlineEnd: 0,
+          zIndex: zIndex.localTop,
+          children: /* @__PURE__ */_jsx(Input.Button, {
+            glyphRing: true,
+            size: codeSize,
+            type: "button",
+            "aria-label": "Copy to clipboard",
+            "data-press-min": MIN_PRESS_TARGET,
+            hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,
+            onPress: activateCopy,
+            onKeyDown: function onKeyDown(e) {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                e.stopPropagation();
+                activateCopy();
               }
+            },
+            children: /* @__PURE__ */_jsx(Input.Icon, {
+              "aria-hidden": true,
+              children: /* @__PURE__ */_jsx(ClipboardIcon, {})
             })
           })
         })]
       })
-    })
+    }), /* @__PURE__ */_jsx(NotifyRegion, {
+      scope: "field",
+      compact: true
+    })]
   });
 }
 export { CodeBlock };

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","LinearGradient","CheckCircleIcon","ClipboardIcon","WarningCircleIcon","useResolvedKnobs","useEffect","useRef","useState","useTranslation","ScrollView","Button","zIndex","Spacer","TooltipSimple","XStack","YStack","settleMs","ErrorBoundary","Code","HighlightedCode","useShikiTokens","Pre","useClipboard","CodeBlock","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","t","knobProps","codeSize","sizeToken","codeText","trim","tokens","lines","length","split","isLong","isCutoff","setIsCutoff","expandTarget","setExpandTarget","clampRef","revealTimerRef","current","clearTimeout","transition","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","clamped","hasCopied","hasCopyFailed","onCopy","position","marginBottom","ref","maxHeight","overflow","borderRadius","bottom","left","right","height","colors","localTop","flex","onPress","alignSelf","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","borderWidth","panelPadding","fontSize","top","insetInlineEnd","label","icon","display"],"sources":["../../../../src/code/CodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","LinearGradient","ClipboardIcon","MIN_PRESS_TARGET","isTouchSurface","pressTargetHitSlop","sizeRecipeForToken","useResolvedKnobs","useEffect","useRef","useState","useTranslation","ScrollView","Button","Input","zIndex","Spacer","XStack","YStack","settleMs","ErrorBoundary","NotifyRegion","copyAndNotify","Code","HighlightedCode","useShikiTokens","Pre","VISIBLE_LINES","lineHeightBySize","$2","$3","$4","$5","$6","clampHeightForSize","sizeToken","_lineHeightBySize_sizeToken","CodeBlock","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","t","knobProps","codeSize","codeText","trim","tokens","clampHeight","String","fadeHeight","Math","round","lines","length","split","isLong","isCutoff","setIsCutoff","expandTarget","setExpandTarget","clampRef","revealTimerRef","current","clearTimeout","transition","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","clamped","showCopy","Boolean","activateCopy","activateCopy2","capSquare","touch","height","position","marginBottom","ref","maxHeight","overflow","borderRadius","bottom","left","right","colors","localTop","flex","onPress","alignSelf","padding","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","backgroundColor","borderWidth","panelPadding","fontSize","top","insetInlineEnd","glyphRing","type","hitSlop","onKeyDown","e","key","preventDefault","stopPropagation","Icon","scope","compact"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { LinearGradient } from \"@tamagui/linear-gradient\";\nimport { ClipboardIcon } from \"@phosphor-icons/react\";\nimport { MIN_PRESS_TARGET, isTouchSurface, pressTargetHitSlop, sizeRecipeForToken, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useTranslation } from \"../../shared/i18n\";\nimport { ScrollView } from \"tamagui\";\nimport { Button, Input, zIndex } from \"@multiplatform.one/forms\";\nimport { Spacer, XStack, YStack } from \"tamagui\";\nimport { settleMs } from \"../../AnimateHeight\";\nimport { ErrorBoundary } from \"../../ErrorBoundary\";\nimport { NotifyRegion } from \"../../feedback/NotifyHost\";\nimport { copyAndNotify } from \"../../feedback/copy\";\nimport { Code } from \"../Code\";\nimport { HighlightedCode } from \"../HighlightedCode\";\nimport { useShikiTokens } from \"../Highlighter\";\nimport { Pre } from \"../Pre\";\nvar VISIBLE_LINES = 22;\nvar lineHeightBySize = {\n  $2: 16,\n  $3: 16,\n  $4: 18,\n  $5: 20,\n  $6: 22\n};\nfunction clampHeightForSize(sizeToken) {\n  var _lineHeightBySize_sizeToken;\n  return VISIBLE_LINES * ((_lineHeightBySize_sizeToken = lineHeightBySize[sizeToken]) !== null && _lineHeightBySize_sizeToken !== void 0 ? _lineHeightBySize_sizeToken : 18);\n}\nfunction CodeBlock(param) {\n  var { children = \"\", language = \"tsx\", theme, showLineNumbers: propShowLineNumbers, highlightLines = [], disableCopy, size } = param;\n  var _ref;\n  var { t } = useTranslation();\n  var { knobProps } = useResolvedKnobs();\n  var codeSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;\n  var codeText = children.trim();\n  var tokens = useShikiTokens(codeText, language, theme);\n  var clampHeight = clampHeightForSize(String(codeSize));\n  var fadeHeight = Math.round(clampHeight / 2);\n  var lines = (_ref = tokens === null || tokens === void 0 ? void 0 : tokens.length) !== null && _ref !== void 0 ? _ref : codeText.split(\"\\n\").length;\n  var showLineNumbers = propShowLineNumbers !== null && propShowLineNumbers !== void 0 ? propShowLineNumbers : lines > 10;\n  var isLong = lines > VISIBLE_LINES;\n  var [isCutoff, setIsCutoff] = useState(isLong);\n  var [expandTarget, setExpandTarget] = useState(null);\n  var clampRef = useRef(null);\n  var revealTimerRef = useRef(null);\n  useEffect(function() {\n    return function() {\n      if (revealTimerRef.current != null) clearTimeout(revealTimerRef.current);\n    };\n  }, []);\n  var transition = knobProps.transition;\n  var revealAll = function revealAll2() {\n    var node = clampRef.current;\n    var fullHeight = typeof (node === null || node === void 0 ? void 0 : node.scrollHeight) === \"number\" ? node.scrollHeight : null;\n    if (!transition || fullHeight == null || fullHeight <= clampHeight) {\n      setIsCutoff(false);\n      return;\n    }\n    setExpandTarget(fullHeight);\n    revealTimerRef.current = setTimeout(function() {\n      revealTimerRef.current = null;\n      setExpandTarget(null);\n      setIsCutoff(false);\n    }, settleMs(transition));\n  };\n  var clamped = isCutoff || expandTarget != null;\n  var showCopy = Boolean(codeText) && !disableCopy;\n  var activateCopy = function activateCopy2() {\n    void copyAndNotify(codeText);\n  };\n  var capSquare = sizeRecipeForToken(String(codeSize), {\n    touch: isTouchSurface()\n  }).height;\n  return /* @__PURE__ */ _jsxs(YStack, {\n    position: \"relative\",\n    marginBottom: \"$4\",\n    children: [\n      /* @__PURE__ */ _jsx(ErrorBoundary, {\n        children: /* @__PURE__ */ _jsxs(YStack, {\n          ref: clampRef,\n          position: \"relative\",\n          ...clamped && {\n            maxHeight: expandTarget !== null && expandTarget !== void 0 ? expandTarget : clampHeight,\n            overflow: \"hidden\",\n            ...knobProps.borderRadius,\n            ...transition ? {\n              transition\n            } : {}\n          },\n          children: [\n            isCutoff && expandTarget == null && /* @__PURE__ */ _jsxs(LinearGradient, {\n              position: \"absolute\",\n              bottom: 0,\n              left: 0,\n              right: 0,\n              height: fadeHeight,\n              colors: [\n                \"$backgroundTransparent\",\n                \"$background\"\n              ],\n              zIndex: zIndex.localTop,\n              children: [\n                /* @__PURE__ */ _jsx(Spacer, {\n                  flex: 1\n                }),\n                /* @__PURE__ */ _jsx(Button, {\n                  onPress: revealAll,\n                  alignSelf: \"center\",\n                  children: t(\"Show more\")\n                }),\n                /* @__PURE__ */ _jsx(Spacer, {\n                  size: \"$4\"\n                })\n              ]\n            }),\n            /* @__PURE__ */ _jsx(Pre, {\n              ...knobProps.borderRadius,\n              padding: 0,\n              marginBottom: 0,\n              children: /* @__PURE__ */ _jsx(ScrollView, {\n                style: {\n                  width: \"100%\"\n                },\n                contentContainerStyle: {\n                  minWidth: \"100%\"\n                },\n                horizontal: true,\n                showsHorizontalScrollIndicator: false,\n                children: /* @__PURE__ */ _jsx(Code, {\n                  backgroundColor: \"transparent\",\n                  flex: 1,\n                  borderWidth: 0,\n                  ...knobProps.panelPadding,\n                  size: codeSize,\n                  \"data-register\": \"code\",\n                  children: /* @__PURE__ */ _jsx(HighlightedCode, {\n                    tokens,\n                    highlightLines,\n                    showLineNumbers,\n                    fontSize: codeSize,\n                    children: codeText\n                  })\n                })\n              })\n            }),\n            showCopy && /* @__PURE__ */ _jsx(XStack, {\n              position: \"absolute\",\n              top: 0,\n              insetInlineEnd: 0,\n              zIndex: zIndex.localTop,\n              children: /* @__PURE__ */ _jsx(Input.Button, {\n                glyphRing: true,\n                size: codeSize,\n                type: \"button\",\n                \"aria-label\": \"Copy to clipboard\",\n                \"data-press-min\": MIN_PRESS_TARGET,\n                hitSlop: capSquare < MIN_PRESS_TARGET ? pressTargetHitSlop(capSquare) : void 0,\n                onPress: activateCopy,\n                onKeyDown: function onKeyDown(e) {\n                  if (e.key === \"Enter\" || e.key === \" \") {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    activateCopy();\n                  }\n                },\n                children: /* @__PURE__ */ _jsx(Input.Icon, {\n                  \"aria-hidden\": true,\n                  children: /* @__PURE__ */ _jsx(ClipboardIcon, {})\n                })\n              })\n            })\n          ]\n        })\n      }),\n      /* @__PURE__ */ _jsx(NotifyRegion, {\n        scope: \"field\",\n        compact: true\n      })\n    ]\n  });\n}\nexport {\n  CodeBlock\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -2,6 +2,13 @@ import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Text, isWeb } from "tamagui";
 import { componentColors } from "../../componentColors.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const lineNumberGutterBySize = {
+  $2: 28,
+  $3: 32,
+  $4: 40,
+  $5: 48,
+  $6: 56
+};
 function HighlightedCode({
   tokens,
   children,
@@ -13,6 +20,7 @@ function HighlightedCode({
     knobProps
   } = useResolvedKnobs();
   const resolvedFontSize = fontSize ?? knobProps.sizeToken;
+  const gutterWidth = lineNumberGutterBySize[String(resolvedFontSize)] ?? 40;
   if (!tokens) {
     return /* @__PURE__ */jsx(Fragment, {
       children
@@ -29,10 +37,17 @@ function HighlightedCode({
         fontSize: resolvedFontSize,
         fontFamily: "$mono",
         letterSpacing: 0,
+        "data-code-font": "mono",
+        ...{
+          dataSet: {
+            codeFont: "mono"
+          }
+        },
         children: [showLineNumbers && /* @__PURE__ */jsx(Text, {
           color: componentColors.text.secondary,
           fontSize: resolvedFontSize,
-          width: 40,
+          width: gutterWidth,
+          "data-line-number": "",
           display: "inline-flex",
           textAlign: isWeb ? "end" : "right",
           marginInlineEnd: "$2",
@@ -46,6 +61,8 @@ function HighlightedCode({
           ...(token.fontStyle && token.fontStyle & 2 ? {
             fontWeight: "bold"
           } : {}),
+          fontFamily: "$mono",
+          letterSpacing: 0,
           fontSize: resolvedFontSize,
           children: token.content
         }, tokenIndex)), "\n"]

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

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","Text","isWeb","componentColors","Fragment","jsx","jsxs","HighlightedCode","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","resolvedFontSize","sizeToken","map","line","lineIndex","lineNumber","isHighlighted","includes","backgroundColor","code","highlightLine","fontFamily","letterSpacing","color","text","secondary","width","display","textAlign","marginInlineEnd","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,EAAMC,KAAA,QAAa;AAE5B,SAASC,eAAA,QAAuB;AA4BrB,SAAAC,QAAA,EAAAC,GAAA,EAUDC,IAAA,QAVC;AAbJ,SAASC,gBAAgB;EAC9BC,MAAA;EACAC,QAAA;EACAC,cAAA,GAAiB,EAAC;EAClBC,eAAA,GAAkB;EAClBC;AACF,GAAyB;EACvB,MAAM;IAAEC;EAAU,IAAIb,gBAAA,CAAiB;EAGvC,MAAMc,gBAAA,GAAmBF,QAAA,IAAYC,SAAA,CAAUE,SAAA;EAE/C,IAAI,CAACP,MAAA,EAAQ;IACX,OAAO,eAAAH,GAAA,CAAAD,QAAA;MAAGK;IAAA,CAAS;EACrB;EAEA,OACE,eAAAJ,GAAA,CAAAD,QAAA;IACGK,QAAA,EAAAD,MAAA,CAAOQ,GAAA,CAAI,CAACC,IAAA,EAAMC,SAAA,KAAc;MAC/B,MAAMC,UAAA,GAAaD,SAAA,GAAY;MAC/B,MAAME,aAAA,GAAgBV,cAAA,CAAeW,QAAA,CAASF,UAAU;MAExD,OACE,eAAAb,IAAA,CAACL,IAAA;QAEE,IAAImB,aAAA,IAAiB;UACpBE,eAAA,EAAiBnB,eAAA,CAAgBoB,IAAA,CAAKC;QACxC;QACAZ,QAAA,EAAUE,gBAAA;QAGVW,UAAA,EAAW;QACXC,aAAA,EAAe;QAEdjB,QAAA,GAAAE,eAAA,IACC,eAAAN,GAAA,CAACJ,IAAA;UACC0B,KAAA,EAAOxB,eAAA,CAAgByB,IAAA,CAAKC,SAAA;UAC5BjB,QAAA,EAAUE,gBAAA;UACVgB,KAAA,EAAO;UACPC,OAAA,EAAQ;UAERC,SAAA,EAAY9B,KAAA,GAAQ,QAAQ;UAC5B+B,eAAA,EAAgB;UAChBC,UAAA,EAAW;UAEVzB,QAAA,EAAAU;QAAA,CACH,GAEDF,IAAA,CAAKD,GAAA,CAAI,CAACmB,KAAA,EAAOC,UAAA,KAChB,eAAA/B,GAAA,CAACJ,IAAA;UAEC0B,KAAA,EAAOQ,KAAA,CAAMR,KAAA;UACZ,IAAIQ,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEA,SAAA,EAAW;UAAS,IAAI,CAAC;UACxE,IAAIF,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEC,UAAA,EAAY;UAAO,IAAI,CAAC;UACxE1B,QAAA,EAAUE,gBAAA;UAETL,QAAA,EAAA0B,KAAA,CAAMI;QAAA,GANFH,UAOP,CACD,GACA;MAAA,GAnCIlB,SAoCP;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","Text","isWeb","componentColors","Fragment","jsx","jsxs","lineNumberGutterBySize","$2","$3","$4","$5","$6","HighlightedCode","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","resolvedFontSize","sizeToken","gutterWidth","String","map","line","lineIndex","lineNumber","isHighlighted","includes","backgroundColor","code","highlightLine","fontFamily","letterSpacing","dataSet","codeFont","color","text","secondary","width","display","textAlign","marginInlineEnd","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,gBAAA,QAAwB;AAEjC,SAASC,IAAA,EAAMC,KAAA,QAAa;AAE5B,SAASC,eAAA,QAAuB;AA0CrB,SAAAC,QAAA,EAAAC,GAAA,EAUDC,IAAA,QAVC;AAvCX,MAAMC,sBAAA,GAAiD;EACrDC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;AACN;AAeO,SAASC,gBAAgB;EAC9BC,MAAA;EACAC,QAAA;EACAC,cAAA,GAAiB,EAAC;EAClBC,eAAA,GAAkB;EAClBC;AACF,GAAyB;EACvB,MAAM;IAAEC;EAAU,IAAInB,gBAAA,CAAiB;EAGvC,MAAMoB,gBAAA,GAAmBF,QAAA,IAAYC,SAAA,CAAUE,SAAA;EAI/C,MAAMC,WAAA,GAAcf,sBAAA,CAAuBgB,MAAA,CAAOH,gBAAgB,CAAC,KAAK;EAGxE,IAAI,CAACN,MAAA,EAAQ;IACX,OAAO,eAAAT,GAAA,CAAAD,QAAA;MAAGW;IAAA,CAAS;EACrB;EAEA,OACE,eAAAV,GAAA,CAAAD,QAAA;IACGW,QAAA,EAAAD,MAAA,CAAOU,GAAA,CAAI,CAACC,IAAA,EAAMC,SAAA,KAAc;MAC/B,MAAMC,UAAA,GAAaD,SAAA,GAAY;MAC/B,MAAME,aAAA,GAAgBZ,cAAA,CAAea,QAAA,CAASF,UAAU;MAExD,OACE,eAAArB,IAAA,CAACL,IAAA;QAEE,IAAI2B,aAAA,IAAiB;UACpBE,eAAA,EAAiB3B,eAAA,CAAgB4B,IAAA,CAAKC;QACxC;QACAd,QAAA,EAAUE,gBAAA;QAGVa,UAAA,EAAW;QACXC,aAAA,EAAe;QACf,kBAAe;QACd,GAAI;UAAEC,OAAA,EAAS;YAAEC,QAAA,EAAU;UAAO;QAAE;QAEpCrB,QAAA,GAAAE,eAAA,IACC,eAAAZ,GAAA,CAACJ,IAAA;UACCoC,KAAA,EAAOlC,eAAA,CAAgBmC,IAAA,CAAKC,SAAA;UAC5BrB,QAAA,EAAUE,gBAAA;UACVoB,KAAA,EAAOlB,WAAA;UACP,oBAAiB;UACjBmB,OAAA,EAAQ;UAERC,SAAA,EAAYxC,KAAA,GAAQ,QAAQ;UAC5ByC,eAAA,EAAgB;UAChBC,UAAA,EAAW;UAEV7B,QAAA,EAAAY;QAAA,CACH,GAEDF,IAAA,CAAKD,GAAA,CAAI,CAACqB,KAAA,EAAOC,UAAA,KAChB,eAAAzC,GAAA,CAACJ,IAAA;UAECoC,KAAA,EAAOQ,KAAA,CAAMR,KAAA;UACZ,IAAIQ,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEA,SAAA,EAAW;UAAS,IAAI,CAAC;UACxE,IAAIF,KAAA,CAAME,SAAA,IAAaF,KAAA,CAAME,SAAA,GAAY,IAAI;YAAEC,UAAA,EAAY;UAAO,IAAI,CAAC;UACxEf,UAAA,EAAW;UACXC,aAAA,EAAe;UACfhB,QAAA,EAAUE,gBAAA;UAETL,QAAA,EAAA8B,KAAA,CAAMI;QAAA,GARFH,UASP,CACD,GACA;MAAA,GAxCIpB,SAyCP;IAEJ,CAAC;EAAA,CACH;AAEJ","ignoreList":[]}

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

@@ -2,6 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Text, isWeb } from "tamagui";
 import { componentColors } from "../../componentColors.native.js";
+var lineNumberGutterBySize = {
+  $2: 28,
+  $3: 32,
+  $4: 40,
+  $5: 48,
+  $6: 56
+};
 function HighlightedCode(param) {
   var {
     tokens,
@@ -10,10 +17,12 @@ function HighlightedCode(param) {
     showLineNumbers = false,
     fontSize
   } = param;
+  var _lineNumberGutterBySize_String;
   var {
     knobProps
   } = useResolvedKnobs();
   var resolvedFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : knobProps.sizeToken;
+  var gutterWidth = (_lineNumberGutterBySize_String = lineNumberGutterBySize[String(resolvedFontSize)]) !== null && _lineNumberGutterBySize_String !== void 0 ? _lineNumberGutterBySize_String : 40;
   if (!tokens) {
     return /* @__PURE__ */_jsx(_Fragment, {
       children
@@ -32,10 +41,17 @@ function HighlightedCode(param) {
         // fontWeight knobs never restyle code content.
         fontFamily: "$mono",
         letterSpacing: 0,
+        "data-code-font": "mono",
+        ...{
+          dataSet: {
+            codeFont: "mono"
+          }
+        },
         children: [showLineNumbers && /* @__PURE__ */_jsx(Text, {
           color: componentColors.text.secondary,
           fontSize: resolvedFontSize,
-          width: 40,
+          width: gutterWidth,
+          "data-line-number": "",
           display: "inline-flex",
           // "end" is web-only CSS; native textAlign has no logical values
           textAlign: isWeb ? "end" : "right",
@@ -51,6 +67,8 @@ function HighlightedCode(param) {
             ...(token.fontStyle && token.fontStyle & 2 ? {
               fontWeight: "bold"
             } : {}),
+            fontFamily: "$mono",
+            letterSpacing: 0,
             fontSize: resolvedFontSize,
             children: token.content
           }, tokenIndex);

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useResolvedKnobs","Text","isWeb","componentColors","HighlightedCode","param","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","resolvedFontSize","sizeToken","map","line","lineIndex","lineNumber","isHighlighted","includes","backgroundColor","code","highlightLine","fontFamily","letterSpacing","color","text","secondary","width","display","textAlign","marginInlineEnd","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"AASA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAwB,EAAAC,QAAA,IAAAC,SAAA;AAEjC,SAASC,gBAAM,QAAa;AAE5B,SAASC,IAAA,EAAAC,KAAA,iBAAuB;AA4BrB,SAAAC,eAUD,yCAVC;AAbJ,SAASC,gBAAgBC,KAAA;EAC9B;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,IAAAX,gBAAA;EACA,IAAAY,gBAAkB,GAAAF,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAAC,SAAA,CAAAE,SAAA;EAClB,KAAAP,MAAA;IACA,sBAAAX,IAAA,CAAAI,SAAA;MACuBQ;IACvB;EAGA;EAEA,OAAK,eAAQZ,IAAA,CAAAI,SAAA;IACXQ,QAAO,EAAAD,MAAA,CAAAQ,GAAA,WAAAC,IAAA,EAAAC,SAAG;MACZ,IAAAC,UAAA,GAAAD,SAAA;MAEA,IACEE,aAAA,GAAAV,cAAA,CACGW,QAAA,CAAAF,UAAO;MACN,OAAM,eAAapB,KAAA,CAAYI,IAAA;QAC/B,IAAMiB,aAAA,IAAgB;UAEtBE,eACE,EAAAjB,eAAA,CAAAkB,IAAA,CAAAC;QAAC;QAAAZ,QAAA,EAAAE,gBAAA;QAEE;QAAqB;QAEtBW,UAAA;QACAC,aAAU;QAGVjB,QAAA,GACAE,eAAe,mBAAAd,IAAA,CAAAM,IAAA;UAEdwB,KAAA,EAAAtB,eAAA,CAAAuB,IAAA,CAAAC,SAAA;UAAAjB,QAAA,EAAAE,gBACC;UAACgB,KAAA;UAAAC,OAAA;UAAA;UAC6BC,SAC5B,EAAA5B,KAAU;UAAA6B,eACH;UAAAC,UACP,EAAQ;UAAAzB,QAER,EAAAU;QAA4B,IACZF,IAChB,CAAAD,GAAA,WAAWmB,KAAA,EAAAC,UAAA;UAAA,OAEV,eAAAvC,IAAA,CAAAM,IAAA;YAAAwB,KAAA,EAAAQ,KAAA,CAAAR,KAAA;YACH,IAAAQ,KAAA,CAAAE,SAAA,IAAAF,KAAA,CAAAE,SAAA;cAEIA,SAAK,EAAO;YACf;YAAA,IAAAF,KAAA,CAAAE,SAAA,IAAAF,KAAA,CAAAE,SAAA;cAECC,UAAO,EAAM;YACZ,IAAI;YACJ1B,QAAI,EAAME,gBAAa;YACxBL,QAAA,EAAU0B,KAAA,CAAAI;UAAA,GAETH,UAAA;QAAM,QANF;MAQR,GAAAlB,SACA;IAAA;EAAA;AAAA;AAnCI,SAsCXZ,eACF","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useResolvedKnobs","Text","isWeb","componentColors","lineNumberGutterBySize","$2","$3","$4","$5","$6","HighlightedCode","param","tokens","children","highlightLines","showLineNumbers","fontSize","_lineNumberGutterBySize_String","knobProps","resolvedFontSize","sizeToken","gutterWidth","String","map","line","lineIndex","lineNumber","isHighlighted","includes","backgroundColor","code","highlightLine","fontFamily","letterSpacing","dataSet","codeFont","color","text","secondary","width","display","textAlign","marginInlineEnd","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { Text, isWeb } from \"tamagui\";\nimport { componentColors } from \"../../componentColors\";\nvar lineNumberGutterBySize = {\n  $2: 28,\n  $3: 32,\n  $4: 40,\n  $5: 48,\n  $6: 56\n};\nfunction HighlightedCode(param) {\n  var { tokens, children, highlightLines = [], showLineNumbers = false, fontSize } = param;\n  var _lineNumberGutterBySize_String;\n  var { knobProps } = useResolvedKnobs();\n  var resolvedFontSize = fontSize !== null && fontSize !== void 0 ? fontSize : knobProps.sizeToken;\n  var gutterWidth = (_lineNumberGutterBySize_String = lineNumberGutterBySize[String(resolvedFontSize)]) !== null && _lineNumberGutterBySize_String !== void 0 ? _lineNumberGutterBySize_String : 40;\n  if (!tokens) {\n    return /* @__PURE__ */ _jsx(_Fragment, {\n      children\n    });\n  }\n  return /* @__PURE__ */ _jsx(_Fragment, {\n    children: tokens.map(function(line, lineIndex) {\n      var lineNumber = lineIndex + 1;\n      var isHighlighted = highlightLines.includes(lineNumber);\n      return /* @__PURE__ */ _jsxs(Text, {\n        ...isHighlighted && {\n          backgroundColor: componentColors.code.highlightLine\n        },\n        fontSize: resolvedFontSize,\n        // Code text stays mono with normal tracking; the bodyFont /\n        // fontWeight knobs never restyle code content.\n        fontFamily: \"$mono\",\n        letterSpacing: 0,\n        \"data-code-font\": \"mono\",\n        ...{\n          dataSet: {\n            codeFont: \"mono\"\n          }\n        },\n        children: [\n          showLineNumbers && /* @__PURE__ */ _jsx(Text, {\n            color: componentColors.text.secondary,\n            fontSize: resolvedFontSize,\n            width: gutterWidth,\n            \"data-line-number\": \"\",\n            display: \"inline-flex\",\n            // \"end\" is web-only CSS; native textAlign has no logical values\n            textAlign: isWeb ? \"end\" : \"right\",\n            marginInlineEnd: \"$2\",\n            userSelect: \"none\",\n            children: lineNumber\n          }),\n          line.map(function(token, tokenIndex) {\n            return /* @__PURE__ */ _jsx(Text, {\n              color: token.color,\n              ...token.fontStyle && token.fontStyle & 1 ? {\n                fontStyle: \"italic\"\n              } : {},\n              ...token.fontStyle && token.fontStyle & 2 ? {\n                fontWeight: \"bold\"\n              } : {},\n              fontFamily: \"$mono\",\n              letterSpacing: 0,\n              fontSize: resolvedFontSize,\n              children: token.content\n            }, tokenIndex);\n          }),\n          \"\\n\"\n        ]\n      }, lineIndex);\n    })\n  });\n}\nexport {\n  HighlightedCode\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["createContext","useContext","useEffect","useState","useThemeName","ShikiContext","useShikiTokens","code","language","theme","ctx","themeName","schemeDefault","includes","resolvedTheme","tokens","setTokens","cancelled","highlightCode","then","result","catch","split","map","line","content","plainTextTokens","highlighterPromise","getHighlighter","Promise","all","param","shiki","jsEngine","createHighlighter","themes","langs","engine","createJavaScriptRegexEngine","arguments","length","highlighter","race","_","reject","setTimeout","Error"],"sources":["../../../../src/code/Highlighter/index.ts"],"sourcesContent":[null],"mappings":"AAQA,SAASA,aAAA,EAAeC,UAAA,EAAYC,SAAA,EAAWC,QAAA,QAAgB;AAC/D,SAASC,YAAA,QAAoB;AAiBtB,IAAAC,YAAM,GAAAL,aAAe,GAAiC,CAAC;AAOvD,SAASM,eACdC,IAAA,EACAC,QAAA,EACAC,KAAA,EACwB;EACxB,IAAAC,GAAM,GAAAT,UAAM,CAAAI,YAAW;EACvB,IAAAM,SAAM,GAAAP,YAAY;EAGlB,IAAAQ,aAAM,IAAAD,SAAgB,KAAW,QAASA,SAAU,mBAAgB,IAAAA,SAAA,CAAAE,QAAA;EACpE,IAAAC,aAAM,GAAAL,KAAgB,IAAAC,GAAS,CAAAD,KAAI,IAAAG,aAAS;EAC5C,KAAAG,MAAO,EAAAC,SAAQ,IAASb,QAAI,KAAiC;EAE7DD,SAAA,CAAU,YAAM;IACd,IAAIe,SAAA,GAAY;IAEhBC,aAAA,CAAcX,IAAA,EAAMC,QAAA,EAAUM,aAAa,EACxCK,IAAA,CAAK,UAACC,MAAW;MAChB,IAAI,CAACH,SAAA,EAAWD,SAAA,CAAUI,MAAM;IAClC,CAAC,EACAC,KAAA,CAAM,YAAM;MAGX,IAAI,CAACJ,SAAA,EAAW;QACdD,SAAA,CAAUT,IAAA,CAAKe,KAAA,CAAM,IAAI,EAAEC,GAAA,CAAI,UAACC,IAAY;UAC9C,QACD;YAEIC,OAAM,EAAAD;UACX,EACF;QACE;MAEJ;IACF;IAGA,OAAS;MACPP,SAAY,OAAM;IACpB;EAOA,GAAI,CAEJV,IAAA,EACEC,QAAK,EACHM,aAAA,CAAuF;EAE3D,OACtBC,MAAA;AAAS;AACD,SACRW,eAAQA,CAASnB,IAAA;EAA4B,OAC9CA,IAAA,CAAAe,KAAA,OAAAC,GAAA,WAAAC,IAAA;IACL,QACF;MACAC,OAAO,EAAAD;IACT,EAOA;EAKE;AACE;AAAuC,IAAAG,kBACtB;AAAA,SACfC,cAAIA,CAAA;EAAA,KAAAD,kBACF;IAAgEA,kBAClE,GAAAE,OAAA,CAAAC,GAAA,EACD,iBACD,MAAM,0BAAY,GAChB,CAAAX,IAAA,WAAYY,KAAA,EAAU;MAAY,KAAAC,KAAA,EAAAC,QAAA,IAAAF,KAAA;MAAA,OAAAC,KAAA,CAAAE,iBAAA;QAGlCC,MAAA,IAAY;QAA4CC,KAAA;QACzDC,MAAA,EAAAJ,QAAA,CAAAK,2BAAA;MACD;IACA;EAA8C;EAC5C,OACAX,kBAAA;AAAA;AAEF,eAAOT,aAAcA,CAAAX,IAAA,EAAAC,QAAA;EAAA,IAAIC,KAAC,GAAA8B,SACnB,CAAAC,MAAK,QAAWD,SAAA,iBAAAA,SAAA;EAAA;IACJ,IACfE,WAAO,GAAM,MAAAZ,OAAA,CAAAa,IAAA,EAAAd,cACF,IACb,IAAEC,OAAA,WAAAc,CAAA,EAAAC,MAAA;MACJ,OAAAC,UAAA;QACM,OAAAD,MAAA,KAAAE,KAAA;MAEN,GAAO;IACT,GACF","ignoreList":[]}
+{"version":3,"names":["createContext","useContext","useEffect","useState","useThemeName","ShikiContext","useShikiTokens","code","language","theme","ctx","themeName","schemeDefault","includes","resolvedTheme","tokens","setTokens","cancelled","highlightCode","then","result","catch","split","map","line","content","plainTextTokens","highlighterPromise","getHighlighter","Promise","all","param","shiki","jsEngine","createHighlighter","themes","langs","engine","createJavaScriptRegexEngine","arguments","length","highlighter","race","_","reject","setTimeout","Error","loadTheme","loadLanguage","lang","getLoadedLanguages","codeToTokens","token","color","fontStyle","unused"],"sources":["index.native.js"],"sourcesContent":["import { createContext, useContext, useEffect, useState } from \"react\";\nimport { useThemeName } from \"tamagui\";\nvar ShikiContext = createContext({});\nfunction useShikiTokens(code, language, theme) {\n  var ctx = useContext(ShikiContext);\n  var themeName = useThemeName();\n  var schemeDefault = (themeName === null || themeName === void 0 ? void 0 : themeName.includes(\"dark\")) ? \"github-dark\" : \"github-light\";\n  var resolvedTheme = theme || ctx.theme || schemeDefault;\n  var [tokens, setTokens] = useState(null);\n  useEffect(function() {\n    var cancelled = false;\n    highlightCode(code, language, resolvedTheme).then(function(result) {\n      if (!cancelled) setTokens(result);\n    }).catch(function() {\n      if (!cancelled) {\n        setTokens(code.split(\"\\n\").map(function(line) {\n          return [\n            {\n              content: line\n            }\n          ];\n        }));\n      }\n    });\n    return function() {\n      cancelled = true;\n    };\n  }, [\n    code,\n    language,\n    resolvedTheme\n  ]);\n  return tokens;\n}\nfunction plainTextTokens(code) {\n  return code.split(\"\\n\").map(function(line) {\n    return [\n      {\n        content: line\n      }\n    ];\n  });\n}\nvar highlighterPromise = null;\nfunction getHighlighter() {\n  if (!highlighterPromise) {\n    highlighterPromise = Promise.all([\n      import(\"shiki\"),\n      import(\"shiki/engine/javascript\")\n    ]).then(function(param) {\n      var [shiki, jsEngine] = param;\n      return shiki.createHighlighter({\n        themes: [],\n        langs: [],\n        engine: jsEngine.createJavaScriptRegexEngine()\n      });\n    });\n  }\n  return highlighterPromise;\n}\nasync function highlightCode(code, language) {\n  var theme = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : \"github-dark\";\n  try {\n    var highlighter = await Promise.race([\n      getHighlighter(),\n      new Promise(function(_, reject) {\n        return setTimeout(function() {\n          return reject(new Error(\"shiki import timeout\"));\n        }, 5e3);\n      })\n    ]);\n    await Promise.all([\n      highlighter.loadTheme(theme),\n      // Unknown languages fall back to plain text below; theme failures\n      // reject into the catch (matching the old shorthand behavior).\n      highlighter.loadLanguage(language).catch(function() {\n      })\n    ]);\n    var lang = highlighter.getLoadedLanguages().includes(language) ? language : \"text\";\n    var result = highlighter.codeToTokens(code, {\n      lang,\n      theme\n    });\n    return result.tokens.map(function(line) {\n      return line.map(function(token) {\n        return {\n          content: token.content,\n          color: token.color,\n          fontStyle: token.fontStyle\n        };\n      });\n    });\n  } catch (unused) {\n    return plainTextTokens(code);\n  }\n}\nexport {\n  ShikiContext,\n  highlightCode,\n  useShikiTokens\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}