@multiplatform.one/components 7.4.1 → 7.6.0

package/dist/cjs/actions/DestructiveAction.cjs

@@ -176,7 +176,7 @@ function DestructiveAction({
         width: "100%",
         padding: "8px 12px",
         borderRadius: 8,
-        border: "1px solid var(--borderColor, #ccc)",
+        border: "1px solid var(--borderColor, var(--c-color6, currentColor))",
         background: "var(--background, transparent)",
         color: "inherit",
         font: "inherit"

package/dist/cjs/actions/DestructiveAction.native.js

@@ -182,7 +182,7 @@ function DestructiveAction(param) {
         width: "100%",
         padding: "8px 12px",
         borderRadius: 8,
-        border: "1px solid var(--borderColor, #ccc)",
+        border: "1px solid var(--borderColor, var(--c-color6, currentColor))",
         background: "var(--background, transparent)",
         color: "inherit",
         font: "inherit"

package/dist/cjs/charts/composeChart.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","composeChart_exports","__export","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","left","x","y","width","height","data","palette","datum","index","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","labels","plotWidth","widest"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","composeChart_exports","__export","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","left","x","y","width","height","data","palette","datum","index","_ref","color","colors","length","categorical","single","MAX_X_LABEL_SLOT","X_LABEL_SLOT_GAP","labels","plotWidth","widest"],"sources":["../../../src/charts/composeChart.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/charts/useChartTheme.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useChartTheme_exports","__export","useChartTheme","module","exports","import_theme","require","Colors","__toESM","import_react","import_tamagui","labelFontSizeBySizeToken","$3","$4","$5","barRadiusByKnob","$0","$2","$6","$12","Number","POSITIVE_INFINITY","resolveFontFamily","fontToken","_getConfig","_fonts_fontToken","fonts","getConfig","fontsParsed","family","getVariableValue","unused","_ref","_ref1","_ref2","_theme_color6","_theme_color4","_theme_color11","knobProps","useResolvedKnobs","palette","useChartPalette","themeName","useThemeName","theme","useTheme","scheme","startsWith","gray","grayDark","axisColor","color6","val","gray6","gridColor","color4","gray4","labelColor","color11","gray11","bodyFontToken","body","fontFamily","sizeToken","String","radiusToken","borderRadius","transition","useMemo","_barRadiusByKnob_radiusToken","_labelFontSizeBySizeToken_sizeToken","barRadiusBase","labelFontFamily","labelFontSize","animationEnabled","barCornerRadius","bandWidth","barHeight","Math","max","min"],"sources":["../../../src/charts/useChartTheme.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useChartTheme_exports","__export","useChartTheme","module","exports","import_theme","require","Colors","__toESM","import_react","import_tamagui","labelFontSizeBySizeToken","$3","$4","$5","barRadiusByKnob","$0","$2","$6","$12","Number","POSITIVE_INFINITY","resolveFontFamily","fontToken","_getConfig","_fonts_fontToken","fonts","getConfig","fontsParsed","family","getVariableValue","unused","_ref","_ref1","_ref2","_theme_color6","_theme_color4","_theme_color11","knobProps","useResolvedKnobs","palette","useChartPalette","themeName","useThemeName","theme","useTheme","scheme","startsWith","gray","grayDark","axisColor","color6","val","gray6","gridColor","color4","gray4","labelColor","color11","gray11","bodyFontToken","body","fontFamily","sizeToken","String","radiusToken","borderRadius","transition","useMemo","_barRadiusByKnob_radiusToken","_labelFontSizeBySizeToken_sizeToken","barRadiusBase","labelFontFamily","labelFontSize","animationEnabled","barCornerRadius","bandWidth","barHeight","Math","max","min"],"sources":["../../../src/charts/useChartTheme.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/code/Code/index.cjs

@@ -58,7 +58,13 @@ const Code = CodeFrame.styleable((props, ref) => {
     size: knobProps.sizeToken,
     ...props,
     fontFamily: "$mono",
-    letterSpacing: 0
+    letterSpacing: 0,
+    "data-code-font": "mono",
+    ...{
+      dataSet: {
+        codeFont: "mono"
+      }
+    }
   });
 });
 const CodeInlineFrame = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
@@ -90,6 +96,12 @@ const CodeInline = CodeInlineFrame.styleable((props, ref) => {
     borderWidth: 0,
     ...props,
     fontFamily: "$mono",
-    letterSpacing: 0
+    letterSpacing: 0,
+    "data-code-font": "mono",
+    ...{
+      dataSet: {
+        codeFont: "mono"
+      }
+    }
   });
 });

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

@@ -60,7 +60,13 @@ var Code = CodeFrame.styleable(function (props, ref) {
     size: knobProps.sizeToken,
     ...props,
     fontFamily: "$mono",
-    letterSpacing: 0
+    letterSpacing: 0,
+    "data-code-font": "mono",
+    ...{
+      dataSet: {
+        codeFont: "mono"
+      }
+    }
   });
 });
 var CodeInlineFrame = (0, import_tamagui.styled)(import_tamagui.Paragraph, {
@@ -92,7 +98,13 @@ var CodeInline = CodeInlineFrame.styleable(function (props, ref) {
     borderWidth: 0,
     ...props,
     fontFamily: "$mono",
-    letterSpacing: 0
+    letterSpacing: 0,
+    "data-code-font": "mono",
+    ...{
+      dataSet: {
+        codeFont: "mono"
+      }
+    }
   });
 });
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Code_exports","__export","Code","CodeInline","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","CodeFrame","styled","Paragraph","name","render","fontFamily","size","cursor","whiteSpace","padding","borderRadius","variants","colored","true","color","backgroundColor","styleable","props","ref","knobProps","useResolvedKnobs","jsx","sizeToken","letterSpacing","CodeInlineFrame","componentColors","code","foreground","background","fontSize","lineHeight","paddingHorizontal","paddingVertical","marginHorizontal","borderWidth"],"sources":["../../../../src/code/Code/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,YAAA;AAGjC,IAAAM,kBAAkC,GAAAC,OAAA;AAClC,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AA8B5B,IAAAE,cAAA,GAAAF,OAAA;AA5BJ,IAAAG,sBAAkB,GAAAH,OAAA,kCAAO;AAAW,IAClCI,SAAM,OAAAF,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACNC,IAAA,QAAQ;EACRC,MAAA,QAAY;EACZC,UAAM;EACNC,IAAA,MAAQ;EACRC,MAAA,WAAY;EACZC,UAAS;EACTC,OAAA;EAEAC,YAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACAC,KAAA;QACFC,eAAA;MACF;IACF;EACD;AAEM;AACL,IAAAxB,IAAM,GAAES,SAAU,CAAAgB,SAAI,WAAAC,KAAA,EAAAC,GAAA;EAMtB;IAAAC;EACE,QAAAtB,YAAA,CAAAuB,gBAAA;EAAA,OAAC,mBAAAzB,kBAAA,CAAA0B,GAAA,EAAArB,SAAA;IAAAkB,GAAA;IAAA,GACCC,SAAA,CAAAT,YAAA;IAAAJ,IACC,EAAGa,SAAU,CAAAG,SAAA;IAAA,GACdL,KAAM;IAAUZ,UACZ;IAAAkB,aACJ,EAAW;EAAA;AACI;AAAA,IACjBC,eAAA,OAAA1B,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EAEHC,IAAA;EAEDC,MAAM;EACJC,UAAM;EACN;EACA;EAAY;EAAAkB,aAAA;EAAAT,KAAA,EAAAf,sBAAA,CAAA0B,eAAA,CAAAC,IAAA,CAAAC,UAAA;EAIZZ,eAAe,EAAAhB,sBAAA,CAAA0B,eAAA,CAAAC,IAAA,CAAAE,UAAA;EACfrB,MAAA,EAAO;EACPG,YAAA,MAAiB;EACjBmB,QAAQ;EACRC,UAAA,OAAc;EACdC,iBAAU;EACVC,eAAY;EACZC,gBAAA,SAAmB;EACnBzB,UAAA;AAAiB,EACjB;AAAkB,IAClBhB,UAAY,GAAAgC,eAAA,CAAAR,SAAA,WAAAC,KAAA,EAAAC,GAAA;EACb;IAAAC;EAAA,QAAAtB,YAAA,CAAAuB,gBAAA;EAKM,OAAM,eAAa,IAAAzB,kBAA2B,CAAA0B,GAAA,EAAOG,eAAQ;IAClEN,GAAA;IACA,GAAAC,SACE,CAAAT,YAAA;IAACwB,WAAA;IAAA,GAAAjB,KAAA;IAAAZ,UACC;IAAAkB,aACI,EAAU;EAAA;AACD","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Code_exports","__export","Code","CodeInline","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","CodeFrame","styled","Paragraph","name","render","fontFamily","size","cursor","whiteSpace","padding","borderRadius","variants","colored","true","color","backgroundColor","styleable","props","ref","knobProps","useResolvedKnobs","jsx","sizeToken","letterSpacing","dataSet","codeFont","CodeInlineFrame","componentColors","code","foreground","background","fontSize","lineHeight","paddingHorizontal","paddingVertical","marginHorizontal","borderWidth"],"sources":["../../../../src/code/Code/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,YAAA;AAAAC,QAAA,CAAAD,YAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA,IAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAiC,CAAAK,YAAA;AAGjC,IAAAM,kBAAkC,GAAAC,OAAA;AAClC,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AA8B5B,IAAAE,cAAA,GAAAF,OAAA;AA5BJ,IAAAG,sBAAkB,GAAAH,OAAA,kCAAO;AAAW,IAClCI,SAAM,OAAAF,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACNC,IAAA,QAAQ;EACRC,MAAA,QAAY;EACZC,UAAM;EACNC,IAAA,MAAQ;EACRC,MAAA,WAAY;EACZC,UAAS;EACTC,OAAA;EAEAC,YAAU;EAAAC,QACR;IAASC,OACP,EAAM;MAAAC,IACJ;QACAC,KAAA;QACFC,eAAA;MACF;IACF;EACD;AAEM;AACL,IAAAxB,IAAM,GAAES,SAAU,CAAAgB,SAAI,WAAAC,KAAA,EAAAC,GAAA;EAMtB;IAAAC;EACE,QAAAtB,YAAA,CAAAuB,gBAAA;EAAA,OAAC,mBAAAzB,kBAAA,CAAA0B,GAAA,EAAArB,SAAA;IAAAkB,GAAA;IAAA,GACCC,SAAA,CAAAT,YAAA;IAAAJ,IACC,EAAGa,SAAU,CAAAG,SAAA;IAAA,GACdL,KAAM;IAAUZ,UACZ;IAAAkB,aACJ,EAAW;IAAA,gBACX,EAAe;IAAA,GACf;MACCC,OAAM;QAA8BC,QAAA;MACvC;IAEH;EAED;AAA0C,EACxC;AAAM,IACNC,eAAQ,OAAA5B,cAAA,CAAAG,MAAA,EAAAH,cAAA,CAAAI,SAAA;EACRC,IAAA,cAAY;EAAAC,MAAA;EAAAC,UAAA;EAAA;EAIZ;EACA;EACAkB,aAAA;EACAT,KAAA,EAAAf,sBAAQ,CAAA4B,eAAA,CAAAC,IAAA,CAAAC,UAAA;EACRd,eAAc,EAAAhB,sBAAA,CAAA4B,eAAA,CAAAC,IAAA,CAAAE,UAAA;EACdvB,MAAA,WAAU;EACVG,YAAY;EACZqB,QAAA;EACAC,UAAA,OAAiB;EACjBC,iBAAA,EAAkB;EAClBC,eAAY;EACbC,gBAAA;EAKM3B,UAAM;AACX;AACA,IAAAhB,UACE,GAAAkC,eAAA,CAAAV,SAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IAAC;IAAAC;EAAA,QAAAtB,YAAA,CAAAuB,gBAAA;EAAA,0BAAAzB,kBAAA,CAAA0B,GAAA,EAAAK,eAAA;IAAAR,GACC;IAAA,GACCC,SAAG,CAAAT,YAAU;IAAA0B,WACd;IAAa,GACZnB,KAAG;IAAAZ,UACJ,SAAW;IAAAkB,aACX;IAAe,gBACf,QAAe;IAAA,GACd;MAAoCC,OAAA;QACvCC,QAAA;MAEH","ignoreList":[]}

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

@@ -35,12 +35,24 @@ var import_forms = require("@multiplatform.one/forms");
 var import_tamagui2 = require("tamagui");
 var import_AnimateHeight = require("../../AnimateHeight/index.cjs");
 var import_ErrorBoundary = require("../../ErrorBoundary/index.cjs");
+var import_NotifyHost = require("../../feedback/NotifyHost.cjs");
+var import_copy = require("../../feedback/copy.cjs");
 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_useClipboard = require("../../hooks/useClipboard.cjs");
 var import_jsx_runtime = require("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",
@@ -59,9 +71,11 @@ function CodeBlock({
   const codeSize = size ?? knobProps.sizeToken;
   const codeText = children.trim();
   const tokens = (0, import_Highlighter.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] = (0, import_react2.useState)(isLong);
   const [expandTarget, setExpandTarget] = (0, import_react2.useState)(null);
   const clampRef = (0, import_react2.useRef)(null);
@@ -73,7 +87,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;
     }
@@ -85,20 +99,22 @@ function CodeBlock({
     }, (0, import_AnimateHeight.settleMs)(transition));
   };
   const clamped = isCutoff || expandTarget != null;
-  const {
-    hasCopied,
-    hasCopyFailed,
-    onCopy
-  } = (0, import_useClipboard.useClipboard)(codeText);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
+  const showCopy = Boolean(codeText) && !disableCopy;
+  const activateCopy = () => {
+    void (0, import_copy.copyAndNotify)(codeText);
+  };
+  const capSquare = (0, import_theme.sizeRecipeForToken)(String(codeSize), {
+    touch: (0, import_theme.isTouchSurface)()
+  }).height;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
     position: "relative",
     marginBottom: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
         ref: clampRef,
         position: "relative",
         ...(clamped && {
-          maxHeight: expandTarget ?? 400,
+          maxHeight: expandTarget ?? clampHeight,
           overflow: "hidden",
           ...knobProps.borderRadius,
           ...(transition ? {
@@ -110,7 +126,7 @@ function CodeBlock({
           bottom: 0,
           left: 0,
           right: 0,
-          height: 200,
+          height: fadeHeight,
           colors: ["$backgroundTransparent", "$background"],
           zIndex: import_forms.zIndex.localTop,
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
@@ -118,7 +134,7 @@ function CodeBlock({
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
             onPress: revealAll,
             alignSelf: "center",
-            children: "Show more"
+            children: t("Show more")
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
             size: "$4"
           })]
@@ -141,6 +157,7 @@ function CodeBlock({
               borderWidth: 0,
               ...knobProps.panelPadding,
               size: codeSize,
+              "data-register": "code",
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_HighlightedCode.HighlightedCode, {
                 tokens,
                 highlightLines,
@@ -150,24 +167,36 @@ function CodeBlock({
               })
             })
           })
-        }), !disableCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.XStack, {
+        }), showCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.XStack, {
           position: "absolute",
-          top: "$3",
-          insetInlineEnd: "$3",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.TooltipSimple, {
-            label: hasCopied ? t("Copied") : hasCopyFailed ? t("Copy failed") : t("Copy to clipboard"),
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-              "aria-label": t("Copy code to clipboard"),
-              size: "$2",
-              icon: hasCopied ? import_react.CheckCircleIcon : hasCopyFailed ? import_react.WarningCircleIcon : import_react.ClipboardIcon,
-              onPress: onCopy,
-              "$max-xs": {
-                display: "none"
+          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, {})
             })
           })
         })]
       })
-    })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NotifyHost.NotifyRegion, {
+      scope: "field",
+      compact: true
+    })]
   });
 }

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

@@ -38,11 +38,24 @@ var import_forms = require("@multiplatform.one/forms");
 var import_tamagui2 = require("tamagui");
 var import_AnimateHeight = require("../../AnimateHeight/index.native.js");
 var import_ErrorBoundary = require("../../ErrorBoundary/index.native.js");
+var import_NotifyHost = require("../../feedback/NotifyHost.native.js");
+var import_copy = require("../../feedback/copy.native.js");
 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_useClipboard = require("../../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 = "",
@@ -63,9 +76,11 @@ function CodeBlock(param) {
   var codeSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
   var codeText = children.trim();
   var tokens = (0, import_Highlighter.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] = (0, import_react2.useState)(isLong);
   var [expandTarget, setExpandTarget] = (0, import_react2.useState)(null);
   var clampRef = (0, import_react2.useRef)(null);
@@ -79,7 +94,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;
     }
@@ -91,20 +106,22 @@ function CodeBlock(param) {
     }, (0, import_AnimateHeight.settleMs)(transition));
   };
   var clamped = isCutoff || expandTarget != null;
-  var {
-    hasCopied,
-    hasCopyFailed,
-    onCopy
-  } = (0, import_useClipboard.useClipboard)(codeText);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.YStack, {
+  var showCopy = Boolean(codeText) && !disableCopy;
+  var activateCopy = function activateCopy2() {
+    void (0, import_copy.copyAndNotify)(codeText);
+  };
+  var capSquare = (0, import_theme.sizeRecipeForToken)(String(codeSize), {
+    touch: (0, import_theme.isTouchSurface)()
+  }).height;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.YStack, {
     position: "relative",
     marginBottom: "$4",
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ErrorBoundary.ErrorBoundary, {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui2.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 ? {
@@ -116,7 +133,7 @@ function CodeBlock(param) {
           bottom: 0,
           left: 0,
           right: 0,
-          height: 200,
+          height: fadeHeight,
           colors: ["$backgroundTransparent", "$background"],
           zIndex: import_forms.zIndex.localTop,
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
@@ -124,7 +141,7 @@ function CodeBlock(param) {
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
             onPress: revealAll,
             alignSelf: "center",
-            children: "Show more"
+            children: t("Show more")
           }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Spacer, {
             size: "$4"
           })]
@@ -147,6 +164,7 @@ function CodeBlock(param) {
               borderWidth: 0,
               ...knobProps.panelPadding,
               size: codeSize,
+              "data-register": "code",
               children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_HighlightedCode.HighlightedCode, {
                 tokens,
                 highlightLines,
@@ -156,25 +174,37 @@ function CodeBlock(param) {
               })
             })
           })
-        }), !disableCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.XStack, {
+        }), showCopy && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.XStack, {
           position: "absolute",
-          top: "$3",
-          insetInlineEnd: "$3",
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.TooltipSimple, {
-            label: hasCopied ? t("Copied") : hasCopyFailed ? t("Copy failed") : t("Copy to clipboard"),
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_forms.Button, {
-              "aria-label": t("Copy code to clipboard"),
-              size: "$2",
-              icon: hasCopied ? import_react.CheckCircleIcon : hasCopyFailed ? import_react.WarningCircleIcon : import_react.ClipboardIcon,
-              onPress: onCopy,
-              "$max-xs": {
-                display: "none"
+          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, {})
             })
           })
         })]
       })
-    })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NotifyHost.NotifyRegion, {
+      scope: "field",
+      compact: true
+    })]
   });
 }
 //# sourceMappingURL=index.native.js.map

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_tamagui","import_forms","import_tamagui2","import_AnimateHeight","import_ErrorBoundary","import_Code","import_HighlightedCode","import_Highlighter","import_Pre","import_useClipboard","param","children","language","theme","showLineNumbers","propShowLineNumbers","highlightLines","disableCopy","size","_ref","t","useTranslation","knobProps","useResolvedKnobs","codeSize","sizeToken","codeText","trim","tokens","useShikiTokens","lines","length","split","isLong","isCutoff","setIsCutoff","useState","expandTarget","setExpandTarget","clampRef","useRef","revealTimerRef","useEffect","current","clearTimeout","transition","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","settleMs","clamped","hasCopied","hasCopyFailed","onCopy","useClipboard","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","ref","maxHeight","overflow","borderRadius","LinearGradient","bottom","left","right","height","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","TooltipSimple","label","icon","CheckCircleIcon","WarningCircleIcon","ClipboardIcon","display"],"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_tamagui","import_forms","import_tamagui2","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","t","useTranslation","knobProps","useResolvedKnobs","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","revealAll","revealAll2","node","fullHeight","scrollHeight","setTimeout","settleMs","clamped","showCopy","Boolean","activateCopy","activateCopy2","copyAndNotify","capSquare","sizeRecipeForToken","touch","isTouchSurface","height","jsxs","YStack","position","marginBottom","jsx","ErrorBoundary","ref","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":[]}

package/dist/cjs/code/HighlightedCode/index.cjs

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

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

@@ -31,6 +31,13 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../../componentColors.native.js");
+var lineNumberGutterBySize = {
+  $2: 28,
+  $3: 32,
+  $4: 40,
+  $5: 48,
+  $6: 56
+};
 function HighlightedCode(param) {
   var {
     tokens,
@@ -39,10 +46,12 @@ function HighlightedCode(param) {
     showLineNumbers = false,
     fontSize
   } = param;
+  var _lineNumberGutterBySize_String;
   var {
     knobProps
   } = (0, import_theme.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__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children
@@ -61,10 +70,17 @@ function HighlightedCode(param) {
         // fontWeight knobs never restyle code content.
         fontFamily: "$mono",
         letterSpacing: 0,
+        "data-code-font": "mono",
+        ...{
+          dataSet: {
+            codeFont: "mono"
+          }
+        },
         children: [showLineNumbers && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
           color: import_componentColors.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: import_tamagui.isWeb ? "end" : "right",
@@ -80,6 +96,8 @@ function HighlightedCode(param) {
             ...(token.fontStyle && token.fontStyle & 2 ? {
               fontWeight: "bold"
             } : {}),
+            fontFamily: "$mono",
+            letterSpacing: 0,
             fontSize: resolvedFontSize,
             children: token.content
           }, tokenIndex);

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HighlightedCode_exports","__export","HighlightedCode","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","param","tokens","children","highlightLines","showLineNumbers","fontSize","knobProps","useResolvedKnobs","resolvedFontSize","sizeToken","jsx","Fragment","map","line","lineIndex","lineNumber","isHighlighted","includes","jsxs","Text","backgroundColor","componentColors","code","highlightLine","fontFamily","letterSpacing","color","text","secondary","width","display","textAlign","isWeb","marginInlineEnd","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AASAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,uBAAA;AAEjC,IAAAK,kBAA4B,GAAAC,OAAA;AAE5B,IAAAC,YAAA,GAAAD,OAAA,2BAAgC;AA4BrB,IAAAE,cAAA,GAAAF,OAAA;AAbJ,IAAAG,sBAAyB,GAAAH,OAAA;AAAA,SAC9BJ,gBAAAQ,KAAA;EACA;IAAAC,MAAA;IAAAC,QAAA;IAAAC,cAAA;IAAAC,eAAA;IAAAC;EAAA,IAAAL,KAAA;EACA;IAAAM;EAAA,CAAiB,GAAC,IAAAT,YAAA,CAAAU,gBAAA;EAClB,IAAAC,gBAAkB,GAAAH,QAAA,aAAAA,QAAA,cAAAA,QAAA,GAAAC,SAAA,CAAAG,SAAA;EAClB,KAAAR,MAAA;IACuB,0BAAAN,kBAAA,CAAAe,GAAA,EAAAf,kBAAA,CAAAgB,QAAA;MACvBT;IAGA;EAEA;EACE,sBAAO,IAAAP,kBAAA,CAAAe,GAAA,EAAAf,kBAAA,CAAAgB,QAAA;IACTT,QAAA,EAAAD,MAAA,CAAAW,GAAA,WAAAC,IAAA,EAAAC,SAAA;MAEA,IACEC,UAAA,GAAAD,SAAA;MAEI,IAAME,aAAa,GAAAb,cAAY,CAAAc,QAAA,CAAAF,UAAA;MAC/B,OAAM,eAAgB,IAAApB,kBAAwB,CAAAuB,IAAA,EAAApB,cAAU,CAAAqB,IAAA;QAExD,IACEH,aAAA;UAACI,eAAA,EAAArB,sBAAA,CAAAsB,eAAA,CAAAC,IAAA,CAAAC;QAAA;QAEElB,QAAI,EAAAG,gBAAiB;QAAA;QAEtB;QACAgB,UAAU;QAGVC,aAAW;QACXvB,QAAA,GAECE,eAAA,uBAAAT,kBAAA,CAAAe,GAAA,EAAAZ,cAAA,CAAAqB,IAAA;UAAAO,KAAA,EAAA3B,sBACC,CAAAsB,eAAA,CAAAM,IAAA,CAAAC,SAAA;UAACvB,QAAA,EAAAG,gBAAA;UAAAqB,KAAA;UAAAC,OACC,EAAO;UAAqB;UAClBC,SACH,EAAAjC,cAAA,CAAAkC,KAAA;UAAAC,eACC;UAAAC,UAER,QAAY;UAAgBhC,QAC5B,EAAAa;QAAgB,IACLF,IAEV,CAAAD,GAAA,WAAAuB,KAAA,EAAAC,UAAA;UAAA,0BAAAzC,kBAAA,CAAAe,GAAA,EAAAZ,cAAA,CAAAqB,IAAA;YACHO,KAAA,EAAAS,KAAA,CAAAT,KAAA;YAED,IAAKS,KAAK,CAAAE,SAAO,IAAAF,KAAA,CAChBE,SAAA;cAACA,SAAA;YAAA;YAEC,IAAAF,KAAO,CAAAE,SAAM,IAAAF,KAAA,CAAAE,SAAA;cACZC,UAAU;YACV,IAAI;YACLjC,QAAA,EAAUG,gBAAA;YAETN,QAAA,EAAAiC,KAAA,CAAMI;UAAA,GAAAH,UAAA;QAAA,EANF,EAOP,IACD;MACA,GAAAtB,SAAA;IAAA;EAAA;AAnCI","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","HighlightedCode_exports","__export","HighlightedCode","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_componentColors","lineNumberGutterBySize","$2","$3","$4","$5","$6","param","tokens","children","highlightLines","showLineNumbers","fontSize","_lineNumberGutterBySize_String","knobProps","useResolvedKnobs","resolvedFontSize","sizeToken","gutterWidth","String","jsx","Fragment","map","line","lineIndex","lineNumber","isHighlighted","includes","jsxs","Text","backgroundColor","componentColors","code","highlightLine","fontFamily","letterSpacing","dataSet","codeFont","color","text","secondary","width","display","textAlign","isWeb","marginInlineEnd","userSelect","token","tokenIndex","fontStyle","fontWeight","content"],"sources":["../../../../src/code/HighlightedCode/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}