@multiplatform.one/components 7.4.1 → 7.5.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAsBAC,MAAA,CAAAC,OAAA,GAAAT,YAAqE,CAAAK,qBAAA;AACrE,IAAAK,YAAwB,GAAAC,OAAA;AACxB,IAAAC,MAAA,GAAAC,OAAwB,CAAAF,OAAA;AACxB,IAAAG,YAAA,GAAAH,OAMO;AAwBP,IAAAI,cAAM,GAAAJ,OAAA,UAAmD;AAAA,IACvDK,wBAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACNC,EAAA;AAGA;AAAgD,IAC9CC,eAAI;EACJC,EAAA,EAAI;EACJC,EAAA,EAAI;EACJJ,EAAA,EAAI;EACJK,EAAA,GAAK;EACPC,GAAA,EAAAC,MAAA,CAAAC;AAEA;AACE,SAAIC,iBAAOA,CAAcC,SAAU;EACnC,IAAI,OAAAA,SAAA;EACF;IAGA,IAAAC,UAAM,EAASC,gBAAiB;IAChC,IAAAC,KAAM,IAAAF,UAAQ,OAAAd,cAAA,CAAAiB,SAAiB,GAAgD,cAAAH,UAAA,uBAAAA,UAAA,CAAAI,WAAA;IAC/E,IAAAC,MAAO,GAAAH,KAAO,SAAU,IAAAA,KAAW,UAAQ,cAAAD,gBAAA,GAAAC,KAAA,CAAAH,SAAA,eAAAE,gBAAA,uBAAAA,gBAAA,CAAAI,MAAA;IAC7C,IAAA9B,KAAQ,OAAAW,cAAA,CAAAoB,gBAAA,EAAAD,MAAA;IACN,OAAO,OAAA9B,KAAA,gBAAAA,KAAA;EACT,SAAAgC,MAAA;IACF;EAEO;AACL;AACA,SAAM7B,aAAUA,CAAA;EAChB,IAAA8B,IAAM,EAAAC,KAAA,EAAAC,KAAY;EAClB,IAAAC,aAAM,EAAQC,aAAA,EAAAC,cAAgB;EAC9B;IAAMC;EAA2B,QAAAjC,YAAW,CAAWkC,gBAAU,GAAS;EAI1E,IAAAC,OAAM,GAAO,IAAAnC,YAAW,CAAAoC,eAAgB;EACxC,IAAAC,SAAM,KAAY,EAAAhC,cAAc,CAAAiC,YAAY;EAC5C,IAAAC,KAAM,OAAAlC,cAAkB,CAAAmC,QAAe;EACvC,IAAAC,MAAM,IAAAJ,SAAa,KAAM,QAASA,SAAO,KAAK,kBAAAA,SAAA,CAAAK,UAAA;EAE9C,IAAAC,IAAM,GAAAF,MAAA,KAAgB,SAAAvC,MAAe,CAAA0C,QAAA,GAAA1C,MAAA,CAAAyC,IAAA;EACrC,IAAAE,SAAM,IAAAlB,IAAY,IAAOG,aAAU,GAAAS,KAAS,CAAAO,MAAA,cAAAhB,aAAA,uBAAAA,aAAA,CAAAiB,GAAA,cAAApB,IAAA,cAAAA,IAAA,GAAAgB,IAAA,CAAAK,KAAA;EAC5C,IAAAC,SAAM,IAAArB,KAAc,IAAAG,aAAiB,GAAAQ,KAAA,CAAAW,MAAa,UAAY,IAAAnB,aAAA,uBAAAA,aAAA,CAAAgB,GAAA,cAAAnB,KAAA,cAAAA,KAAA,GAAAe,IAAA,CAAAQ,KAAA;EAC9D,IAAAC,UAAM,IAAAvB,KAAa,IAAAG,cAAU,GAAAO,KAAA,CAAAc,OAAA,cAAArB,cAAA,uBAAAA,cAAA,CAAAe,GAAA,cAAAlB,KAAA,cAAAA,KAAA,GAAAc,IAAA,CAAAW,MAAA;EAE7B,IAAAC,aAAO,GAAAtB,SAAA,CAAAuB,IAAQ,CAAAC,UAAM;EACnB,IAAAC,SAAM,GAAAC,MAAA,CAAA1B,SAAgB,CAAAyB,SAAgB;EACtC,IAAAE,WAAO,GAAAD,MAAA,CAAA1B,SAAA,CAAA4B,YAAA,CAAAA,YAAA;EAAA,IACLC,UAAA,GAAA7B,SAAA,CAAA6B,UAAA;EAAA,OACA,IAAA1D,YAAA,CAAA2D,OAAA;IAAA,IACAC,4BAAA,EAAAC,mCAAA;IAAA,IACAC,aAAA,IAAAF,4BAAA,GAAAtD,eAAA,CAAAkD,WAAA,eAAAI,4BAAA,cAAAA,4BAAA;IAAA,OACA;MACAvB,MAAA;MACAN,OAAA;MACAU,SAAA;MACAI,SAAA;MACAG,UAAA;MAEFe,eAAA,EAAAlD,iBAAA,CAAAsC,aAAA;MACCa,aAAA,GAAAH,mCAAA,GAAA3D,wBAAA,CAAAoD,SAAA,eAAAO,mCAAA,cAAAA,mCAAA;MACDH,UAAA;MACAO,gBAAA,EAAAP,UAAA,aAAAA,UAAA;MACAQ,eAAA,WAAAA,gBAAAC,SAAA,EAAAC,SAAA;QACA,OAAAC,IAAA,CAAAC,GAAA,IAAAD,IAAA,CAAAE,GAAA,CAAAT,aAAA,EAAAK,SAAA,MAAAC,SAAA;MACA;IACA;EAAA,GACA,CACA/B,MAAA,EACAN,OAAA,EACDU,SAAA,EACHI,SAAA,E","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

@@ -41,6 +41,17 @@ 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 +70,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 +86,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;
     }
@@ -98,7 +111,7 @@ function CodeBlock({
         ref: clampRef,
         position: "relative",
         ...(clamped && {
-          maxHeight: expandTarget ?? 400,
+          maxHeight: expandTarget ?? clampHeight,
           overflow: "hidden",
           ...knobProps.borderRadius,
           ...(transition ? {
@@ -110,7 +123,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 +131,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"
           })]
@@ -158,12 +171,12 @@ function CodeBlock({
             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",
+              size: codeSize,
+              minWidth: import_theme.MIN_PRESS_TARGET,
+              minHeight: import_theme.MIN_PRESS_TARGET,
+              "data-press-min": import_theme.MIN_PRESS_TARGET,
               icon: hasCopied ? import_react.CheckCircleIcon : hasCopyFailed ? import_react.WarningCircleIcon : import_react.ClipboardIcon,
-              onPress: onCopy,
-              "$max-xs": {
-                display: "none"
-              }
+              onPress: onCopy
             })
           })
         })]

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

@@ -43,6 +43,18 @@ 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 +75,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 +93,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;
     }
@@ -104,7 +118,7 @@ function CodeBlock(param) {
         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 +130,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 +138,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"
           })]
@@ -164,12 +178,12 @@ function CodeBlock(param) {
             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",
+              size: codeSize,
+              minWidth: import_theme.MIN_PRESS_TARGET,
+              minHeight: import_theme.MIN_PRESS_TARGET,
+              "data-press-min": import_theme.MIN_PRESS_TARGET,
               icon: hasCopied ? import_react.CheckCircleIcon : hasCopyFailed ? import_react.WarningCircleIcon : import_react.ClipboardIcon,
-              onPress: onCopy,
-              "$max-xs": {
-                display: "none"
-              }
+              onPress: onCopy
             })
           })
         })]

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_Code","import_HighlightedCode","import_Highlighter","import_Pre","import_useClipboard","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","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","MIN_PRESS_TARGET","minHeight","icon","CheckCircleIcon","WarningCircleIcon","ClipboardIcon"],"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":[]}

package/dist/cjs/componentColors.cjs

@@ -27,9 +27,17 @@ __export(componentColors_exports, {
 });
 module.exports = __toCommonJS(componentColors_exports);
 const componentColors = {
-  /** Surface-level backgrounds and borders (cards, panels, containers) */
+  /**
+   * Surface-level backgrounds and borders (cards, panels, containers).
+   *
+   * MPO-19 X5: `background` was `$color2` while `resolveKnobs`' own `surface`
+   * fragment said `$color1` — two answers to "what colour is a surface",
+   * split across two packages. Both now say `$background`, which is also the
+   * token Tamagui addresses and the only one a `surface1`/`surface2`
+   * sub-theme can move.
+   */
   surface: {
-    background: "$color2",
+    background: "$background",
     border: "$color6"
   },
   /** Interactive element states (buttons, clickable items, hover/press) */
@@ -42,7 +50,10 @@ const componentColors = {
   /** Text color levels. muted sits on the $color11 tier — the lowest ramp
    * step that keeps secondary text AA-readable on color1/2 surfaces. */
   text: {
-    primary: "$color12",
+    // MPO-19 X5: was `$color12`, a second answer to what `resolveKnobs`'
+    // `textAccent: high` already resolves to. `$color` IS the theme's ink,
+    // and it tracks a sub-theme where the raw ramp step does not.
+    primary: "$color",
     secondary: "$color11",
     muted: "$color11",
     subtle: "$color8"
@@ -103,7 +114,8 @@ const componentColors = {
   debug: "$color9"
 };
 const sectionHeading = {
+  fontFamily: "$mono",
   fontSize: 20,
   lineHeight: 26,
-  fontWeight: "600"
+  fontWeight: "400"
 };

package/dist/cjs/componentColors.native.js

@@ -29,9 +29,17 @@ __export(componentColors_exports, {
 });
 module.exports = __toCommonJS(componentColors_exports);
 var componentColors = {
-  /** Surface-level backgrounds and borders (cards, panels, containers) */
+  /**
+  * Surface-level backgrounds and borders (cards, panels, containers).
+  *
+  * MPO-19 X5: `background` was `$color2` while `resolveKnobs`' own `surface`
+  * fragment said `$color1` — two answers to "what colour is a surface",
+  * split across two packages. Both now say `$background`, which is also the
+  * token Tamagui addresses and the only one a `surface1`/`surface2`
+  * sub-theme can move.
+  */
   surface: {
-    background: "$color2",
+    background: "$background",
     border: "$color6"
   },
   /** Interactive element states (buttons, clickable items, hover/press) */
@@ -44,7 +52,10 @@ var componentColors = {
   /** Text color levels. muted sits on the $color11 tier — the lowest ramp
   * step that keeps secondary text AA-readable on color1/2 surfaces. */
   text: {
-    primary: "$color12",
+    // MPO-19 X5: was `$color12`, a second answer to what `resolveKnobs`'
+    // `textAccent: high` already resolves to. `$color` IS the theme's ink,
+    // and it tracks a sub-theme where the raw ramp step does not.
+    primary: "$color",
     secondary: "$color11",
     muted: "$color11",
     subtle: "$color8"
@@ -105,8 +116,9 @@ var componentColors = {
   debug: "$color9"
 };
 var sectionHeading = {
+  fontFamily: "$mono",
   fontSize: 20,
   lineHeight: 26,
-  fontWeight: "600"
+  fontWeight: "400"
 };
 //# sourceMappingURL=componentColors.native.js.map

package/dist/cjs/componentColors.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","componentColors_exports","__export","componentColors","sectionHeading","module","exports","surface","background","border","interactive","hover","active","text","primary","secondary","muted","subtle","code","foreground","lineNumber","highlightLine","indicator","selected","inactive","completed","track","overlay","badge","red","blue","green","orange","gray","semantic","error","success","info","divider","debug","fontSize","lineHeight","fontWeight"],"sources":["../../src/componentColors.ts"],"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,eAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AASOC,MAAM,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,uBAAA;AAAA,IAAAE,eAAA;EAE7B;EAASI,OACP;IACAC,UAAQ;IACVC,MAAA;EAAA;EAGA;EAAaC,WACX;IACAF,UAAO;IACPG,KAAA,WAAQ;IACRC,MAAA,EAAQ;IACVH,MAAA;EAAA;EAAA;AAAA;EAIMI,IACJ;IACAC,OAAA,YAAW;IACXC,SAAO;IACPC,KAAA,YAAQ;IACVC,MAAA;EAAA;EAGA;EAAMC,IACJ;IACAV,UAAA,EAAY;IACZW,UAAQ;IACRV,MAAA,WAAY;IACZW,UAAA,WAAe;IACjBC,aAAA;EAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYWC,SACT;IACAC,QAAA,EAAU;IACVC,QAAO;IACPb,KAAA,WAAW;IACXc,SAAO;IACTC,KAAA;EAAA;EAGA;EAASC,OACP;IACAnB,UAAQ;IACRC,MAAM;IACRI,IAAA;EAAA;EAAA;AAAA;AAAA;EAKOe,KACL,EAAK;IACLC,GAAA,UAAM;IACNC,IAAA,WAAO;IACPC,KAAA,YAAQ;IACRC,MAAM;IACRC,IAAA;EAAA;EAAA;AAAA;AAAA;AAAA;EAMUC,QACR,EAAO;IACPC,KAAA,UAAS;IACTC,OAAM;IACRC,IAAA;EAAA;EAGA;EAASC,OAAA;EAGT;EACFC,KAAA;AAkBO;AAAuB,IAC5BnC,cAAU;EACVoC,QAAA,IAAY;EACZC,UAAA,EAAY;EACdC,UAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","componentColors_exports","__export","componentColors","sectionHeading","module","exports","surface","background","border","interactive","hover","active","text","primary","secondary","muted","subtle","code","foreground","lineNumber","highlightLine","indicator","selected","inactive","completed","track","overlay","badge","red","blue","green","orange","gray","semantic","error","success","info","divider","debug","fontFamily","fontSize","lineHeight","fontWeight"],"sources":["../../src/componentColors.ts"],"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,eAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA;AAAA;AASOC,MAAM,CAAAC,OAAA,GAAAV,YAAkB,CAAAK,uBAAA;AAAA,IAAAE,eAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAUpBI,OACP;IACAC,UAAQ;IACVC,MAAA;EAAA;EAGA;EAAaC,WACX;IACAF,UAAO;IACPG,KAAA,WAAQ;IACRC,MAAA,EAAQ;IACVH,MAAA;EAAA;EAAA;AAAA;EAIMI,IAAA;IAAA;IAAA;IAIJ;IACAC,OAAA,UAAW;IACXC,SAAO;IACPC,KAAA,YAAQ;IACVC,MAAA;EAAA;EAGA;EAAMC,IACJ;IACAV,UAAA,EAAY;IACZW,UAAQ;IACRV,MAAA,WAAY;IACZW,UAAA,WAAe;IACjBC,aAAA;EAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYWC,SACT;IACAC,QAAA,EAAU;IACVC,QAAO;IACPb,KAAA,WAAW;IACXc,SAAO;IACTC,KAAA;EAAA;EAGA;EAASC,OACP;IACAnB,UAAQ;IACRC,MAAM;IACRI,IAAA;EAAA;EAAA;AAAA;AAAA;EAKOe,KACL,EAAK;IACLC,GAAA,UAAM;IACNC,IAAA,WAAO;IACPC,KAAA,YAAQ;IACRC,MAAM;IACRC,IAAA;EAAA;EAAA;AAAA;AAAA;AAAA;EAMUC,QACR,EAAO;IACPC,KAAA,UAAS;IACTC,OAAM;IACRC,IAAA;EAAA;EAGA;EAASC,OAAA;EAGT;EACFC,KAAA;AAmBO;AAAuB,IAC5BnC,cAAY;EACZoC,UAAU;EACVC,QAAA,IAAY;EACZC,UAAA,EAAY;EACdC,UAAA","ignoreList":[]}