@multiplatform.one/markdown 7.4.0 → 7.5.0

package/dist/cjs/Aside/index.cjs

@@ -32,12 +32,12 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_cutoffGradient = require("../shared/cutoffGradient.cjs");
+var import_tokenPx = require("../shared/tokenPx.cjs");
 var import_textRidesText = require("../shared/textRidesText.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const zIndex = {
   localTop: 100
 };
-const cutoffMaxHeight = 300;
 function MDXAside({
   children,
   ...props
@@ -46,6 +46,8 @@ function MDXAside({
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   const gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
+  const cutoffMaxHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 12;
+  const gradientHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 8;
   const flattened = Array.isArray(children) ? import_react.Children.toArray(children) : null;
   const areChildrenString = (0, import_textRidesText.isBareTextChild)(children) || Boolean(flattened && flattened.length > 0 && flattened.every(import_textRidesText.isBareTextChild));
   const [expanded, setExpanded] = (0, import_react.useState)(false);
@@ -55,7 +57,7 @@ function MDXAside({
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     render: "aside",
     ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+    ...knobProps.containerRadius,
     ...knobProps.panelPadding,
     marginHorizontal: "$-2",
     marginTop: "$2",
@@ -63,7 +65,7 @@ function MDXAside({
     ...(cutoff && {
       marginVertical: "$4",
       paddingHorizontal: knobProps.panelPadding.padding,
-      borderWidth: 1,
+      borderWidth: knobProps.borderRadius.borderWidth,
       paddingBottom: "$10",
       backgroundColor: "$color1",
       borderColor: "$borderColor",
@@ -87,7 +89,7 @@ function MDXAside({
         bottom: 0,
         left: 0,
         right: 0,
-        height: 200,
+        height: gradientHeight,
         colors: gradientColors,
         pointerEvents: "none",
         zIndex: zIndex.localTop

package/dist/cjs/Aside/index.native.js

@@ -35,11 +35,11 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_cutoffGradient = require("../shared/cutoffGradient.native.js");
+var import_tokenPx = require("../shared/tokenPx.native.js");
 var import_textRidesText = require("../shared/textRidesText.native.js");
 var zIndex = {
   localTop: 100
 };
-var cutoffMaxHeight = 300;
 function MDXAside(param) {
   var {
     children,
@@ -49,6 +49,8 @@ function MDXAside(param) {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
+  var cutoffMaxHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 12;
+  var gradientHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 8;
   var flattened = Array.isArray(children) ? import_react.Children.toArray(children) : null;
   var areChildrenString = (0, import_textRidesText.isBareTextChild)(children) || Boolean(flattened && flattened.length > 0 && flattened.every(import_textRidesText.isBareTextChild));
   var [expanded, setExpanded] = (0, import_react.useState)(false);
@@ -58,7 +60,7 @@ function MDXAside(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     render: "aside",
     ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+    ...knobProps.containerRadius,
     ...knobProps.panelPadding,
     marginHorizontal: "$-2",
     marginTop: "$2",
@@ -66,7 +68,7 @@ function MDXAside(param) {
     ...(cutoff && {
       marginVertical: "$4",
       paddingHorizontal: knobProps.panelPadding.padding,
-      borderWidth: 1,
+      borderWidth: knobProps.borderRadius.borderWidth,
       paddingBottom: "$10",
       backgroundColor: "$color1",
       borderColor: "$borderColor",
@@ -97,7 +99,7 @@ function MDXAside(param) {
         bottom: 0,
         left: 0,
         right: 0,
-        height: 200,
+        height: gradientHeight,
         colors: gradientColors,
         pointerEvents: "none",
         zIndex: zIndex.localTop

package/dist/cjs/Aside/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Aside_exports","__export","MDXAside","MDXNote","module","exports","import_jsx_runtime","require","import_components","import_linear_gradient","import_theme","import_react","import_tamagui","import_cutoffGradient","import_textRidesText","zIndex","localTop","cutoffMaxHeight","param","children","props","knobProps","useResolvedKnobs","gradientColors","useCutoffGradientColors","flattened","Array","isArray","Children","toArray","areChildrenString","isBareTextChild","Boolean","length","every","expanded","setExpanded","useState","contentHeight","setContentHeight","shouldCutoff","cutoff","jsxs","YStack","render","gap","borderRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","jsx","Paragraph","color","join","onLayout","event","nativeEvent","layout","height","wrapBareTextChildren","label","key","Fragment","LinearGradient","bottom","left","right","colors","pointerEvents","XStack"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Aside_exports","__export","MDXAside","MDXNote","module","exports","import_jsx_runtime","require","import_components","import_linear_gradient","import_theme","import_react","import_tamagui","import_cutoffGradient","import_tokenPx","import_textRidesText","zIndex","localTop","param","children","props","knobProps","useResolvedKnobs","gradientColors","useCutoffGradientColors","cutoffMaxHeight","tokenPx","sizeToken","gradientHeight","flattened","Array","isArray","Children","toArray","areChildrenString","isBareTextChild","Boolean","length","every","expanded","setExpanded","useState","contentHeight","setContentHeight","shouldCutoff","cutoff","jsxs","YStack","render","gap","containerRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","borderRadius","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","jsx","Paragraph","color","join","onLayout","event","nativeEvent","layout","height","wrapBareTextChildren","label","key","Fragment","LinearGradient","bottom","left","right","colors","pointerEvents","XStack"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Hr/index.cjs

@@ -25,9 +25,8 @@ __export(Hr_exports, {
   HR: () => HR
 });
 module.exports = __toCommonJS(Hr_exports);
-var import_tamagui = require("tamagui");
+var import_HorizontalRule = require("../components/HorizontalRule.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const HR = props => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-  marginVertical: "$4",
+const HR = props => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_HorizontalRule.HorizontalRule, {
   ...props
 });

package/dist/cjs/Hr/index.native.js

@@ -28,10 +28,9 @@ __export(Hr_exports, {
 });
 module.exports = __toCommonJS(Hr_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
+var import_HorizontalRule = require("../components/HorizontalRule.native.js");
 var HR = function HR2(props) {
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
-    marginVertical: "$4",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_HorizontalRule.HorizontalRule, {
     ...props
   });
 };

package/dist/cjs/Hr/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Hr_exports","__export","HR","module","exports","import_jsx_runtime","require","import_tamagui"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,EAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA0B,CAAAK,UAAA;AAGQ,IAAAK,kBAAA,GAAAC,OAAA;AAA3B,IAAAC,cAAY,GAAAD,OAAe","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Hr_exports","__export","HR","module","exports","import_jsx_runtime","require","import_HorizontalRule"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,EAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,UAAA;AAGuB,IAAAK,kBAAA,GAAAC,OAAA;AAA/C,IAAAC,qBAA+C,GAAAD,OAAA,yCAAC","ignoreList":[]}

package/dist/cjs/MarkdownSimpleTable/index.cjs

@@ -27,8 +27,9 @@ __export(MarkdownSimpleTable_exports, {
 module.exports = __toCommonJS(MarkdownSimpleTable_exports);
 var import_tamagui = require("tamagui");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
-var import_theme = require("@multiplatform.one/theme");
 var import_Link = require("../components/Link.cjs");
+var import_InlineCode = require("../components/InlineCode.cjs");
+var import_useMarkdownTableKnobs = require("../shared/useMarkdownTableKnobs.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
 function parseCell(content) {
@@ -62,12 +63,7 @@ function parseCell(content) {
         children: match[8]
       }, key));
     } else if (match[9]) {
-      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        fontFamily: "$mono",
-        backgroundColor: "$color4",
-        paddingHorizontal: "$1.5",
-        paddingVertical: "$0.5",
-        borderRadius: "$2",
+      parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InlineCode.InlineCode, {
         children: match[10]
       }, key));
     }
@@ -83,8 +79,12 @@ function MarkdownSimpleTable({
   rows
 }) {
   const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+    frameProps,
+    headerTextProps,
+    cellTextProps,
+    cellPad,
+    headRule
+  } = (0, import_useMarkdownTableKnobs.useMarkdownTableKnobs)();
   const media = (0, import_tamagui.useMedia)();
   const isMobile = media.sm;
   const table = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
@@ -94,8 +94,6 @@ function MarkdownSimpleTable({
     style: {
       tableLayout: "auto"
     },
-    borderColor: "$borderColor",
-    borderRadius: knobProps.borderRadius.borderRadius,
     alignCells: {
       x: "start",
       y: "center"
@@ -104,19 +102,21 @@ function MarkdownSimpleTable({
       x: "start",
       y: "center"
     },
+    ...frameProps,
     ...(isMobile && {
       minWidth: 760
     }),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
       render: "thead",
+      ...headRule,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
         render: "tr",
         rowLocation: "first",
         children: headers.map((header, headerIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
           render: "th",
+          ...cellPad,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$4",
-            fontWeight: "600",
+            ...headerTextProps,
             children: header
           })
         }, `h-${headerIdx}`))
@@ -128,11 +128,11 @@ function MarkdownSimpleTable({
         rowLocation: rowIdx === rows.length - 1 ? "last" : "middle",
         children: row.map((cell, cellIdx) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
           render: "td",
+          ...cellPad,
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
             render: "span",
             display: "block",
-            size: "$4",
-            maxWidth: 480,
+            ...cellTextProps,
             children: parseCell(cell)
           })
         }, `c-${rowIdx}-${cellIdx}`))

package/dist/cjs/MarkdownSimpleTable/index.native.js

@@ -30,8 +30,9 @@ module.exports = __toCommonJS(MarkdownSimpleTable_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
-var import_theme = require("@multiplatform.one/theme");
 var import_Link = require("../components/Link.native.js");
+var import_InlineCode = require("../components/InlineCode.native.js");
+var import_useMarkdownTableKnobs = require("../shared/useMarkdownTableKnobs.native.js");
 var markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
 function parseCell(content) {
   if (typeof content !== "string") return content;
@@ -70,12 +71,7 @@ function parseCell(content) {
           children: match[8]
         }, key));
       } else if (match[9]) {
-        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontFamily: "$mono",
-          backgroundColor: "$color4",
-          paddingHorizontal: "$1.5",
-          paddingVertical: "$0.5",
-          borderRadius: "$2",
+        parts.push(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InlineCode.InlineCode, {
           children: match[10]
         }, key));
       }
@@ -106,8 +102,12 @@ function MarkdownSimpleTable(param) {
     rows
   } = param;
   var {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+    frameProps,
+    headerTextProps,
+    cellTextProps,
+    cellPad,
+    headRule
+  } = (0, import_useMarkdownTableKnobs.useMarkdownTableKnobs)();
   var media = (0, import_tamagui.useMedia)();
   var isMobile = media.sm;
   var table = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_table_primitives.Table, {
@@ -119,8 +119,6 @@ function MarkdownSimpleTable(param) {
     style: {
       tableLayout: "auto"
     },
-    borderColor: "$borderColor",
-    borderRadius: knobProps.borderRadius.borderRadius,
     alignCells: {
       x: "start",
       y: "center"
@@ -129,20 +127,22 @@ function MarkdownSimpleTable(param) {
       x: "start",
       y: "center"
     },
+    ...frameProps,
     ...(isMobile && {
       minWidth: 760
     }),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
       render: "thead",
+      ...headRule,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Row, {
         render: "tr",
         rowLocation: "first",
         children: headers.map(function (header, headerIdx) {
           return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
             render: "th",
+            ...cellPad,
             children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-              size: "$4",
-              fontWeight: "600",
+              ...headerTextProps,
               children: header
             })
           }, `h-${headerIdx}`);
@@ -157,14 +157,13 @@ function MarkdownSimpleTable(param) {
           children: row.map(function (cell, cellIdx) {
             return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
               render: "td",
-              children: (/* maxWidth caps the column's max-content contribution so long cells wrap */
-              /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+              ...cellPad,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
                 render: "span",
                 display: "block",
-                size: "$4",
-                maxWidth: 480,
+                ...cellTextProps,
                 children: parseCell(cell)
-              }))
+              })
             }, `c-${rowIdx}-${cellIdx}`);
           })
         }, `r-${rowIdx}`);

package/dist/cjs/MarkdownSimpleTable/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MarkdownSimpleTable_exports","__export","MarkdownSimpleTable","module","exports","import_jsx_runtime","require","import_tamagui","import_table_primitives","import_theme","import_Link","markdownPattern","parseCell","content","matches","matchAll","length","parts","lastIndex","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","match","_match_index","matchIndex","index","push","slice","key","jsx","Text","fontWeight","children","Link","href","fontFamily","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","err","return","param","headers","rows","knobProps","useResolvedKnobs","media","useMedia","isMobile","sm","table","jsxs","Table","render","width","cellWidth","style","tableLayout"],"sources":["../../../src/MarkdownSimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MarkdownSimpleTable_exports","__export","MarkdownSimpleTable","module","exports","import_jsx_runtime","require","import_tamagui","import_table_primitives","import_Link","import_InlineCode","import_useMarkdownTableKnobs","markdownPattern","parseCell","content","matches","matchAll","length","parts","lastIndex","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","match","_match_index","matchIndex","index","push","slice","key","jsx","Text","fontWeight","children","Link","href","InlineCode","err","return","param","headers","rows","frameProps","headerTextProps","cellTextProps","cellPad","headRule","useMarkdownTableKnobs","media","useMedia","isMobile","sm"],"sources":["../../../src/MarkdownSimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/MdxCodeBlock/index.cjs

@@ -44,6 +44,7 @@ var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_icons = require("../icons/index.cjs");
 var import_cutoffGradient = require("../shared/cutoffGradient.cjs");
+var import_tokenPx = require("../shared/tokenPx.cjs");
 var import_mdxCodeBlockContext = require("./mdxCodeBlockContext.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const zIndex = {
@@ -82,6 +83,9 @@ function MDXCodeBlock(props) {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   const gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
+  const cutoffMaxHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 16;
+  const gradientHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 8;
+  const iconPx = (0, import_tokenPx.tokenPx)(knobProps.label.fontSize, 14, "fontSize");
   const codeText = (0, import_react.useMemo)(() => extractCodeText(children).replace(/\n$/, ""), [children]);
   const language = (0, import_react.useMemo)(() => extractLanguage(className), [className]);
   const tokens = (0, import_components.useShikiTokens)(codeText, language);
@@ -105,9 +109,9 @@ function MDXCodeBlock(props) {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         position: "relative",
         ...(isCutoff && {
-          maxHeight: 400,
+          maxHeight: cutoffMaxHeight,
           overflow: "hidden",
-          borderRadius: knobProps.borderRadius.borderRadius
+          ...knobProps.borderRadiusOuter
         }),
         children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
@@ -115,7 +119,7 @@ function MDXCodeBlock(props) {
             bottom: 0,
             left: 0,
             right: 0,
-            height: 200,
+            height: gradientHeight,
             colors: gradientColors,
             pointerEvents: "none",
             zIndex: zIndex.localTop
@@ -171,9 +175,9 @@ function MDXCodeBlock(props) {
               "aria-label": "Copy code to clipboard",
               size: "$2",
               icon: hasCopied ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.CheckCircleIcon, {
-                size: 14
+                size: iconPx
               }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ClipboardIcon, {
-                size: 14
+                size: iconPx
               }),
               onPress: onCopy,
               "$max-xs": {

package/dist/cjs/MdxCodeBlock/index.native.js

@@ -47,6 +47,7 @@ var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_icons = require("../icons/index.native.js");
 var import_cutoffGradient = require("../shared/cutoffGradient.native.js");
+var import_tokenPx = require("../shared/tokenPx.native.js");
 var import_mdxCodeBlockContext = require("./mdxCodeBlockContext.native.js");
 function _type_of(obj) {
   "@swc/helpers - typeof";
@@ -91,6 +92,9 @@ function MDXCodeBlock(props) {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   var gradientColors = (0, import_cutoffGradient.useCutoffGradientColors)();
+  var cutoffMaxHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 16;
+  var gradientHeight = (0, import_tokenPx.tokenPx)(knobProps.sizeToken, 24) * 8;
+  var iconPx = (0, import_tokenPx.tokenPx)(knobProps.label.fontSize, 14, "fontSize");
   var codeText = (0, import_react.useMemo)(function () {
     return extractCodeText(children).replace(/\n$/, "");
   }, [children]);
@@ -118,9 +122,9 @@ function MDXCodeBlock(props) {
       children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         position: "relative",
         ...(isCutoff && {
-          maxHeight: 400,
+          maxHeight: cutoffMaxHeight,
           overflow: "hidden",
-          borderRadius: knobProps.borderRadius.borderRadius
+          ...knobProps.borderRadiusOuter
         }),
         children: [(!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {
@@ -128,7 +132,7 @@ function MDXCodeBlock(props) {
             bottom: 0,
             left: 0,
             right: 0,
-            height: 200,
+            height: gradientHeight,
             colors: gradientColors,
             pointerEvents: "none",
             zIndex: zIndex.localTop
@@ -189,9 +193,9 @@ function MDXCodeBlock(props) {
               "aria-label": "Copy code to clipboard",
               size: "$2",
               icon: hasCopied ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.CheckCircleIcon, {
-                size: 14
+                size: iconPx
               }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.ClipboardIcon, {
-                size: 14
+                size: iconPx
               }),
               onPress: onCopy,
               "$max-xs": {

package/dist/cjs/MdxCodeBlock/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MdxCodeBlock_exports","__export","MDXCodeBlock","module","exports","import_jsx_runtime","require","import_components","import_theme","import_linear_gradient","import_parse_numeric_range","__toESM","import_react","import_tamagui","import_icons","import_cutoffGradient","import_mdxCodeBlockContext","_type_of","obj","Symbol","constructor","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","_children_props","props","String","extractLanguage","className","match","_ref","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","useContext","MDXCodeBlockContext","knobProps","useResolvedKnobs","gradientColors","useCutoffGradientColors","codeText","useMemo","replace","language","tokens","useShikiTokens","lines","length","split","isCollapsed","setIsCollapsed","useState","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","useClipboard","highlightLines","default","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","maxHeight","overflow","borderRadius","Fragment","LinearGradient","bottom","left","right","height","colors","pointerEvents","XStack","justifyContent","Button","onPress","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor","flex","borderWidth","panelPadding","sizeToken","HighlightedCode","top","insetInlineEnd","gap","TooltipSimple","label","icon","CheckCircleIcon","ClipboardIcon"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAOO,CAAAK,oBAAA;AACP,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAA,GAAAD,OAA+B;AAC/B,IAAAE,YAAA,GAAAF,OAAA,2BAAwB;AAExB,IAAAG,sBAA8C,GAAAH,OAAA;AAC9C,IAAAI,0BAAkE,GAAAC,OAAA,CAAAL,OAAA;AAClE,IAAAM,YAAA,GAA+CN,OAAA;AAC/C,IAAAO,cAAA,GAAAP,OAAwC;AAIxC,IAAAQ,YAAA,GAAAR,OAAA,2BAAoC;AA2ExB,IAAAS,qBAAA,GAAAT,OAAA;AA7EZ,IAAAU,0BAA2B,GAAIV,OAAA;AAa/B,SAASW,SAAAC,GAAA;EACP,uBAAW;;EACX,OAAIA,GAAM,WAAQC,MAAQ,KAAG,WAAO,IAASD,GAAI,CAAAE,WAAA,KAAiBD,MAAO,qBAAAD,GAAA;AACzE;AACE,IAAAG,MAAA,GAAO;EACTC,QAAA;AACA;AACF,SAAAC,gBAAAC,QAAA;EAKA,WAASA,QAAA,KAAgB,UAA4B,OAAAA,QAAA;EACnD,IAAIC,KAAC,CAAAC,OAAW,CAAAF,QAAO,UAAAA,QAAA,CAAAG,GAAA,CAAAJ,eAAA,EAAAK,IAAA;EACvB,IAAAJ,QAAM,IAAQ,QAAUA,QAAM,gBAAgB,iBAAAP,QAAA,CAAAO,QAAA,8BAAAA,QAAA;IAC9C,IAAAK,eAAqB;IACvB,OAAAN,eAAA,EAAAM,eAAA,GAAAL,QAAA,CAAAM,KAAA,cAAAD,eAAA,uBAAAA,eAAA,CAAAL,QAAA;EAEO;EACL,OAAMO,MAAA,CAAAP,QAAA,aAAAA,QAAA,cAAAA,QAAA;AAAA;AACJ,SACAQ,gBAAAC,SAAA;EAAA,IACA,CAAAA,SAAA;EAAA,IACAC,KAAA,GAAAD,SAAA,CAAAC,KAAA;EAAA,OACA,CAAAA,KAAA,aAAAA,KAAA,uBAAAA,KAAA;AAAA;AACA,SACAhC,YAAiBA,CAAA4B,KAAA;EAAA,IACjBK,IAAA;EAAA,IACA;IAAAX,QAAA;IAAAS,SAAA;IAAAG,WAAA;IAAAC,EAAA;IAAAC,aAAA;IAAAC,mBAAA;IAAAC,eAAA,EAAAC,mBAAA;IAAAC,IAAA;IAAAC,IAAA;IAAA,GAAAC;EAAA;IACA,GAAG,IAAAhC,YAAA,CAAAiC,UAAA,EAAA7B,0BAAA,CAAA8B,mBAAA;IACL,GAAIhB;EAIJ;EACA;IAAMiB;EAAA,QAAAvC,YAAiB,CAAAwC,gBAAA;EACvB,IAAAC,cAAM,GAAW,IAAAlC,qBAAQ,CAAAmC,uBAAsB,GAAQ;EACvD,IAAAC,QAAM,OAAAvC,YAAW,CAAAwC,OAAA,cAAc;IAC/B,OAAM7B,eAAS,CAAAC,QAAA,EAAA6B,OAAA,WAAe;EAE9B,IACA7B,QAAM,CACN;EACA,IAAA8B,QAAM,GAAS,IAAA1C,YAAQ,CAAAwC,OAAA;IACvB,OAAOpB,eAAU,CAAAC,SAAW;EAC5B,IAEAA,SAAM,CACJ;EACA,IAAAsB,MAAA,GAAO,IAAAhD,iBAAA,CAAAiD,cAAY,EAAAL,QAAI,EAAAG,QAAA;EACzB,IAAIG,KAAA,IAAAtB,IAAA,GAAAoB,MAAqB,KAAK,QAAAA,MAAA,uBAAAA,MAAA,CAAAG,MAAA,cAAAvB,IAAA,cAAAA,IAAA,GAAAgB,QAAA,CAAAQ,KAAA,OAAAD,MAAA;EAE9B,IAAAlB,eACE,GAAAC,mBAAA,aAACA,mBAAA,KAAO,SAASA,mBAAW,GAAAgB,KAAa,KACvC;EACE,IAAC,CAAAG,WAAA,EAAAC,cAAA,QAAAjD,YAAA,CAAAkD,QAAA,EAAAxB,aAAA;EAAA,IAAAyB,MAAA,GAAAN,KAAA;EAAA,IACC,CAAAO,QAAA,EAASC,WAAA,QAAArD,YAAA,CAAAkD,QAAA,EAAAC,MAAA,KAAAzB,aAAA;EAAA,IACR;IAAA4B,SAAI;IAAAC;EAAY,QAAA5D,iBAAA,CAAA6D,YAAA,EAAAjB,QAAA;EAAA,IAAAkB,cACJ,OAAAzD,YAAA,CAAAwC,OAAA;IAAA,IACX,CAAAb,mBAAU,KAAAI,IAAA;IAAA,OACV,IAAAjC,0BAAwB,CAAA4D,OAAa,EAAA3B,IAAA;EAAA,IACvCJ,mBAEE,EAAAI,IAAA,CAEE;EAAA,sBAAC,IAAAtC,kBAAA,CAAAkE,GAAA,EAAA1D,cAAA,CAAA2D,MAAA;IAAAC,QAAA;IAAAC,YACC;IAASlD,QAAA,EACT,eAAQ,IAAAnB,kBAAA,CAAAkE,GAAA,EAAAhE,iBAAA,CAAAoE,aAAA;MAAAnD,QACR,iBAAM,IAAAnB,kBAAA,CAAAuE,IAAA,EAAA/D,cAAA,CAAA2D,MAAA;QAAAC,QACN,YAAO;QAAA,IAAAT,QACP,IAAQ;UAAAa,SACR,KAAQ;UAAAC,QACR;UAAcC,YACN,EAAAhC,SAAO,CAAAgC,YAAA,CAAAA;QAAA;QAAAvD,QACjB,GACA,EAAAoC,WAAA,KAAAtB,aAAA,KAAA0B,QAAA,uBAAA3D,kBAAA,CAAAuE,IAAA,EAAAvE,kBAAA,CAAA2E,QAAA;UAACxD,QAAA,sBAAAnB,kBAAA,CAAAkE,GAAA,EAAA9D,sBAAA,CAAAwE,cAAA;YACCR,QAAS;YACTS,MAAO;YACPC,IAAM;YACNC,KAAO;YACPC,MAAA;YACAC,MAAQ,EAAArC,cAAO;YAEfsC,aAAA;YAAoDlE,MAAA,EAAAA,MAAA,CAAAC;UACtD,IACF,mBAAAjB,kBAAA,CAAAkE,GAAA,EAAA1D,cAAA,CAAA2E,MAAA;YAECf,QAAA,EAAgB;YAChBS,MAAA;YAAAC,IAAA;YACCC,KAAS;YACTK,cAAc;YACdpE,MAAA,EAAAA,MAAA,CAAAC,QAAA;YACAE,QAAA,iBAAmB,IAAAnB,kBAA2B,CAAAkE,GAAA,EAAA1D,cAAA,CAAA6E,MAAA;cAE9CC,OAAA,WAAAA,QAAA;gBAAC,OAAA1B,WAAA;cAAA;cACCzC,QAAS;YACT;UAA0C,EAC1C;QACgC,IAEhC,EAAAoC,WAAC,KAAAtB,aAAA,wBAAAjC,kBAAA,CAAAkE,GAAA,EAAAhE,iBAAA,CAAAqF,GAAA;UAAAC,OAAA;UAAAnB,YACC;UAAgBrC,EAAA;UACV,mBACN,EAAaG,eAAA;UAAAhB,QAIZ,iBAAa,IAAAnB,kBAAA,CAAAkE,GAAA,EAAA1D,cAAA,CAAAiF,UAAA;YAAAC,KAAA,EACd;cAAyBC,KACxB,EAAG;YAAA;YAEJC,qBAAC;cAAAC,QAAA;YAAA;YACCC,UACA;YAAAC,8BACA;YAAA5E,QAAA,EAEC,mBAAAnB,kBAAA,CAAAkE,GAAA,EAAAhE,iBAAA,CAAA8F,IAAA;cAAAC,eAAA;cAAAC,IACH;cAAAC,WAAA;cACF;cAAA;cACF;cAAA,GAAAzD,SAAA,CAAA0D,YAAA;cACF/D,IAAA,EAAAA,IAAA,aAAAA,IAAA,cAAAA,IAAA,GAAAK,SAAA,CAAA2D,SAAA;cAEF,GAAA9D,SAAA;cACKpB,QAAA,iBAAgB,IAAkBnB,kBACnC,CAAAkE,GAAA,EAAAhE,iBAAA,CAAAoG,eAAA;gBACGpD,MAAA;gBAAAc,cAAA;gBACC7B,eAAW;gBACXhB,QAAK,EAAA2B;cACL;YACA;UAAS;QACA,IACE,eACX,IAAA9C,kBAAA,CAAAuE,IAAA,EAAA/D,cAAA,CAAA2E,MAAA;UAAAf,QAAA;UACFmC,GACF;UAEDC,cAAA,EACC;UAAC,GAAA9D,SAAA,CAAA+D,GAAA;UAAAtF,QAAA,GACC,EAAAoC,WAAA,IAAW,CAAAtB,aAAA,MAAAF,WAAA,uBAAA/B,kBAAA,CAAAkE,GAAA,EAAA1D,cAAA,CAAAkG,aAAA;YACXC,KAAK,EAAA9C,SAAA;YACL1C,QAAS,iBAAM,EAAe,EAACnB,kBAAQ,CAAAkE,GAAA,EAAA1D,cAAA,CAAA6E,MAAA;cAEtC,sCAA4B;cAAAhD,IAAA;cAC/BuE,IAAA,EAAA/C,SAAA,sBAAA7D,kBAAA,CAAAkE,GAAA,EAAAzD,YAAA,CAAAoG,eAAA;gBAEJxE,IAAA;cAAA,wBAAArC,kBAAA,CAAAkE,GAAA,EAAAzD,YAAA,CAAAqG,aAAA;gBAAAzE,IAAA;cAGN;cAEJiD,OAAA,EAAAxB,MAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MdxCodeBlock_exports","__export","MDXCodeBlock","module","exports","import_jsx_runtime","require","import_components","import_theme","import_linear_gradient","import_parse_numeric_range","__toESM","import_react","import_tamagui","import_icons","import_cutoffGradient","import_tokenPx","import_mdxCodeBlockContext","_type_of","obj","Symbol","constructor","zIndex","localTop","extractCodeText","children","Array","isArray","map","join","_children_props","props","String","extractLanguage","className","match","_ref","disableCopy","id","isCollapsible","isHighlightingLines","showLineNumbers","propShowLineNumbers","size","line","codeProps","useContext","MDXCodeBlockContext","knobProps","useResolvedKnobs","gradientColors","useCutoffGradientColors","cutoffMaxHeight","tokenPx","sizeToken","gradientHeight","iconPx","label","fontSize","codeText","useMemo","replace","language","tokens","useShikiTokens","lines","length","split","isCollapsed","setIsCollapsed","useState","isLong","isCutoff","setIsCutoff","hasCopied","onCopy","useClipboard","highlightLines","default","jsx","YStack","position","marginBottom","ErrorBoundary","jsxs","maxHeight","overflow","borderRadiusOuter","Fragment","LinearGradient","bottom","left","right","height","colors","pointerEvents","XStack","justifyContent","Button","onPress","Pre","padding","ScrollView","style","width","contentContainerStyle","minWidth","horizontal","showsHorizontalScrollIndicator","Code","backgroundColor","flex","borderWidth","panelPadding","HighlightedCode","top","insetInlineEnd","gap","TooltipSimple","icon","CheckCircleIcon","ClipboardIcon"],"sources":["../../../src/MdxCodeBlock/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Table/index.cjs

@@ -32,7 +32,7 @@ __export(Table_exports, {
 module.exports = __toCommonJS(Table_exports);
 var import_tamagui = require("tamagui");
 var import_table_primitives = require("@multiplatform.one/table-primitives");
-var import_theme = require("@multiplatform.one/theme");
+var import_useMarkdownTableKnobs = require("../shared/useMarkdownTableKnobs.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const MDXTableFrame = (0, import_tamagui.styled)(import_tamagui.YStack, {
   marginVertical: "$4",
@@ -43,8 +43,8 @@ function MDXTable({
   ...props
 }) {
   const {
-    knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+    frameProps
+  } = (0, import_useMarkdownTableKnobs.useMarkdownTableKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
     horizontal: true,
     showsHorizontalScrollIndicator: false,
@@ -56,8 +56,6 @@ function MDXTable({
         style: {
           tableLayout: "auto"
         },
-        borderColor: "$borderColor",
-        borderRadius: knobProps.borderRadius.borderRadius,
         alignCells: {
           x: "start",
           y: "center"
@@ -66,6 +64,7 @@ function MDXTable({
           x: "start",
           y: "center"
         },
+        ...frameProps,
         ...props,
         children
       })
@@ -76,8 +75,12 @@ function MDXTableHead({
   children,
   ...props
 }) {
+  const {
+    headRule
+  } = (0, import_useMarkdownTableKnobs.useMarkdownTableKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Head, {
     render: "thead",
+    ...headRule,
     ...props,
     children
   });
@@ -107,12 +110,16 @@ function MDXTableHeaderCell({
   children,
   ...props
 }) {
+  const {
+    headerTextProps,
+    cellPad
+  } = (0, import_useMarkdownTableKnobs.useMarkdownTableKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.HeaderCell, {
     render: "th",
+    ...cellPad,
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-      size: "$4",
-      fontWeight: "600",
+      ...headerTextProps,
       children
     })
   });
@@ -121,13 +128,18 @@ function MDXTableCell({
   children,
   ...props
 }) {
+  const {
+    cellTextProps,
+    cellPad
+  } = (0, import_useMarkdownTableKnobs.useMarkdownTableKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_table_primitives.Table.Cell, {
     render: "td",
+    ...cellPad,
     ...props,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
       render: "span",
       display: "block",
-      size: "$4",
+      ...cellTextProps,
       children
     })
   });