@multiplatform.one/markdown 7.4.1 → 7.5.0

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","module","exports"],"sources":["../../../src/shared/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,cAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","shared_exports","__export","tokenPx","import_tokenPx","useMarkdownTableKnobs","import_useMarkdownTableKnobs","module","exports","__reExport","require"],"sources":["../../../src/shared/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC,cAAA,CAAAD,OAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAC,4BAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAZ,YAAc,CAAAK,cAAA;AACdQ,UAAA,CAAAR,cAAwB,EAAAS,OAAA,4BAAAH,MAAA,CAAAC,OAAA;AACxB,IAAAJ,cAAA,GAAAM,OAAA,sBAAsC","ignoreList":[]}

package/dist/cjs/shared/tokenPx.cjs

@@ -0,0 +1,41 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var tokenPx_exports = {};
+__export(tokenPx_exports, {
+  tokenPx: () => tokenPx
+});
+module.exports = __toCommonJS(tokenPx_exports);
+var import_tamagui = require("tamagui");
+function tokenPx(token, fallback, scale = "size") {
+  if (typeof token === "number" && Number.isFinite(token)) return token;
+  if (token == null) return fallback;
+  try {
+    const tokens = (0, import_tamagui.getTokens)();
+    const bucket = scale === "fontSize" ? tokens.fontSize : tokens[scale];
+    const raw = (0, import_tamagui.getVariableValue)(bucket?.[String(token)] ?? token);
+    const n = typeof raw === "number" ? raw : Number.parseFloat(String(raw));
+    return Number.isFinite(n) && n > 0 ? n : fallback;
+  } catch {
+    return fallback;
+  }
+}

package/dist/cjs/shared/tokenPx.native.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var tokenPx_exports = {};
+__export(tokenPx_exports, {
+  tokenPx: () => tokenPx
+});
+module.exports = __toCommonJS(tokenPx_exports);
+var import_tamagui = require("tamagui");
+function tokenPx(token, fallback) {
+  var scale = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "size";
+  if (typeof token === "number" && Number.isFinite(token)) return token;
+  if (token == null) return fallback;
+  try {
+    var _ref;
+    var tokens = (0, import_tamagui.getTokens)();
+    var bucket = scale === "fontSize" ? tokens.fontSize : tokens[scale];
+    var raw = (0, import_tamagui.getVariableValue)((_ref = bucket === null || bucket === void 0 ? void 0 : bucket[String(token)]) !== null && _ref !== void 0 ? _ref : token);
+    var n = typeof raw === "number" ? raw : Number.parseFloat(String(raw));
+    return Number.isFinite(n) && n > 0 ? n : fallback;
+  } catch (unused) {
+    return fallback;
+  }
+}
+//# sourceMappingURL=tokenPx.native.js.map

package/dist/cjs/shared/tokenPx.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","tokenPx_exports","__export","tokenPx","module","exports","import_tamagui","require","token","fallback","scale","arguments","length","Number","isFinite","_ref","tokens","getTokens","bucket","fontSize","raw","getVariableValue","String","n","parseFloat","unused"],"sources":["../../../src/shared/tokenPx.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4C,CAAAK,eAAA;AAOrC,IAAAK,cACL,GAAAC,OACA,UACA;AAEA,SAAIJ,OAAOA,CAAAK,KAAA,EAAUC,QAAA;EACrB,IAAIC,KAAA,GAAAC,SAAe,CAAAC,MAAO,QAAAD,SAAA,iBAAAA,SAAA;EAC1B,IAAI,OAAAH,KAAA,iBAAAK,MAAA,CAAAC,QAAA,CAAAN,KAAA,UAAAA,KAAA;EACF,IAAAA,KAAM,iBAASC,QAAA;EACf;IAIA,IAAAM,IAAM;IAAM,IACTC,MAAA,GAAiD,IAAAV,cAAkB,CAAAW,SAAA;IACtE,IAAAC,MAAA,GAAAR,KAAA,kBAAAM,MAAA,CAAAG,QAAA,GAAAH,MAAA,CAAAN,KAAA;IACA,IAAAU,GAAM,GAAI,IAAAd,cAAe,CAAAe,gBAAiB,GAAAN,IAAO,GAAAG,MAAW,SAAU,IAACA,MAAA,uBAAAA,MAAA,CAAAI,MAAA,CAAAd,KAAA,gBAAAO,IAAA,cAAAA,IAAA,GAAAP,KAAA;IACvE,IAAAe,CAAA,GAAO,OAAOH,GAAA,KAAS,QAAM,GAAIA,GAAI,GAAAP,MAAI,CAAAW,UAAA,CAAAF,MAAA,CAAAF,GAAA;IAC3C,OAAQP,MAAA,CAAAC,QAAA,CAAAS,CAAA,KAAAA,CAAA,OAAAA,CAAA,GAAAd,QAAA;EACN,SAAOgB,MAAA;IACT,OAAAhB,QAAA;EACF","ignoreList":[]}

package/dist/cjs/shared/useMarkdownTableKnobs.cjs

@@ -0,0 +1,61 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useMarkdownTableKnobs_exports = {};
+__export(useMarkdownTableKnobs_exports, {
+  useMarkdownTableKnobs: () => useMarkdownTableKnobs
+});
+module.exports = __toCommonJS(useMarkdownTableKnobs_exports);
+var import_theme = require("@multiplatform.one/theme");
+function useMarkdownTableKnobs() {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const cellPad = {
+    paddingHorizontal: knobProps.gap.gap,
+    paddingVertical: knobProps.gap.gap,
+    borderRadius: 0
+  };
+  return {
+    knobProps,
+    frameProps: {
+      ...knobProps.surface,
+      ...knobProps.borderRadiusOuter,
+      overflow: "hidden",
+      "data-markdown-table-frame": "true",
+      "data-border-width": String(knobProps.surface.borderWidth)
+    },
+    headerTextProps: {
+      size: knobProps.sizeToken,
+      ...knobProps.heading
+    },
+    cellTextProps: {
+      size: knobProps.sizeToken,
+      ...knobProps.body
+    },
+    cellPad,
+    headRule: {
+      borderBottomWidth: knobProps.surface.borderWidth,
+      borderBottomColor: "$borderColor"
+    }
+  };
+}

package/dist/cjs/shared/useMarkdownTableKnobs.native.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useMarkdownTableKnobs_exports = {};
+__export(useMarkdownTableKnobs_exports, {
+  useMarkdownTableKnobs: () => useMarkdownTableKnobs
+});
+module.exports = __toCommonJS(useMarkdownTableKnobs_exports);
+var import_theme = require("@multiplatform.one/theme");
+function useMarkdownTableKnobs() {
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var cellPad = {
+    paddingHorizontal: knobProps.gap.gap,
+    paddingVertical: knobProps.gap.gap,
+    borderRadius: 0
+  };
+  return {
+    knobProps,
+    frameProps: {
+      ...knobProps.surface,
+      ...knobProps.borderRadiusOuter,
+      overflow: "hidden",
+      "data-markdown-table-frame": "true",
+      "data-border-width": String(knobProps.surface.borderWidth)
+    },
+    headerTextProps: {
+      size: knobProps.sizeToken,
+      ...knobProps.heading
+    },
+    cellTextProps: {
+      size: knobProps.sizeToken,
+      ...knobProps.body
+    },
+    cellPad,
+    headRule: {
+      borderBottomWidth: knobProps.surface.borderWidth,
+      borderBottomColor: "$borderColor"
+    }
+  };
+}
+//# sourceMappingURL=useMarkdownTableKnobs.native.js.map

package/dist/cjs/shared/useMarkdownTableKnobs.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useMarkdownTableKnobs_exports","__export","useMarkdownTableKnobs","module","exports","import_theme","require","knobProps","useResolvedKnobs","cellPad","paddingHorizontal","gap","paddingVertical","borderRadius","frameProps","surface","borderRadiusOuter","overflow","String","borderWidth","headerTextProps","size","sizeToken","heading","cellTextProps","body","headRule","borderBottomWidth","borderBottomColor"],"sources":["../../../src/shared/useMarkdownTableKnobs.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,qBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,6BAAA;AAO1B,IAAAK,YAAS,GAAAC,OAAA,2BAAwB;AACtC,SAAMJ,qBAAgBA,CAAA;EACtB;IAAMK;EAAU,QAAAF,YAAA,CAAAG,gBAAA;EAAA,IACdC,OAAA;IACAC,iBAAiB,EAAAH,SAAU,CAAAI,GAAI,CAAAA,GAAA;IAC/BC,eAAc,EAAAL,SAAA,CAAAI,GAAA,CAAAA,GAAA;IAChBE,YAAA;EACA;EAAO,OACL;IACAN,SAAA;IAAYO,UACP;MACH,GAAGP,SAAA,CAAUQ,OAAA;MACb,GAAAR,SAAU,CAAAS,iBAAA;MACVC,QAAA;MACA,2BAAqB,EAAO;MAC9B,qBAAAC,MAAA,CAAAX,SAAA,CAAAQ,OAAA,CAAAI,WAAA;IACA;IAAiBC,eACT;MACNC,IAAG,EAAAd,SAAU,CAAAe,SAAA;MACf,GAAAf,SAAA,CAAAgB;IACA;IAAeC,aACP;MACNH,IAAG,EAAAd,SAAU,CAAAe,SAAA;MACf,GAAAf,SAAA,CAAAkB;IACA;IACAhB,OAAA;IAAUiB,QACR;MACAC,iBAAA,EAAmBpB,SAAA,CAAAQ,OAAA,CAAAI,WAAA;MACrBS,iBAAA;IACF;EACF","ignoreList":[]}

package/dist/esm/Aside/index.mjs

@@ -4,12 +4,12 @@ import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Children, useState } from "react";
 import { Button, Paragraph, XStack, YStack } from "tamagui";
 import { useCutoffGradientColors } from "../shared/cutoffGradient.mjs";
+import { tokenPx } from "../shared/tokenPx.mjs";
 import { isBareTextChild, wrapBareTextChildren } from "../shared/textRidesText.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const zIndex = {
   localTop: 100
 };
-const cutoffMaxHeight = 300;
 function MDXAside({
   children,
   ...props
@@ -18,6 +18,8 @@ function MDXAside({
     knobProps
   } = useResolvedKnobs();
   const gradientColors = useCutoffGradientColors();
+  const cutoffMaxHeight = tokenPx(knobProps.sizeToken, 24) * 12;
+  const gradientHeight = tokenPx(knobProps.sizeToken, 24) * 8;
   const flattened = Array.isArray(children) ? Children.toArray(children) : null;
   const areChildrenString = isBareTextChild(children) || Boolean(flattened && flattened.length > 0 && flattened.every(isBareTextChild));
   const [expanded, setExpanded] = useState(false);
@@ -27,7 +29,7 @@ function MDXAside({
   return /* @__PURE__ */jsxs(YStack, {
     render: "aside",
     ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+    ...knobProps.containerRadius,
     ...knobProps.panelPadding,
     marginHorizontal: "$-2",
     marginTop: "$2",
@@ -35,7 +37,7 @@ function MDXAside({
     ...(cutoff && {
       marginVertical: "$4",
       paddingHorizontal: knobProps.panelPadding.padding,
-      borderWidth: 1,
+      borderWidth: knobProps.borderRadius.borderWidth,
       paddingBottom: "$10",
       backgroundColor: "$color1",
       borderColor: "$borderColor",
@@ -59,7 +61,7 @@ function MDXAside({
         bottom: 0,
         left: 0,
         right: 0,
-        height: 200,
+        height: gradientHeight,
         colors: gradientColors,
         pointerEvents: "none",
         zIndex: zIndex.localTop

package/dist/esm/Aside/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Alert","LinearGradient","useResolvedKnobs","Children","useState","Button","Paragraph","XStack","YStack","useCutoffGradientColors","isBareTextChild","wrapBareTextChildren","Fragment","jsx","jsxs","zIndex","localTop","cutoffMaxHeight","MDXAside","children","props","knobProps","gradientColors","flattened","Array","isArray","toArray","areChildrenString","Boolean","length","every","expanded","setExpanded","contentHeight","setContentHeight","shouldCutoff","cutoff","render","gap","borderRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","color","join","onLayout","event","nativeEvent","layout","height","label","key","bottom","left","right","colors","pointerEvents","justifyContent","onPress","MDXNote","intent","icon","marginBottom"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Alert","LinearGradient","useResolvedKnobs","Children","useState","Button","Paragraph","XStack","YStack","useCutoffGradientColors","tokenPx","isBareTextChild","wrapBareTextChildren","Fragment","jsx","jsxs","zIndex","localTop","MDXAside","children","props","knobProps","gradientColors","cutoffMaxHeight","sizeToken","gradientHeight","flattened","Array","isArray","toArray","areChildrenString","Boolean","length","every","expanded","setExpanded","contentHeight","setContentHeight","shouldCutoff","cutoff","render","gap","containerRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","borderRadius","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","color","join","onLayout","event","nativeEvent","layout","height","label","key","bottom","left","right","colors","pointerEvents","justifyContent","onPress","MDXNote","intent","icon","marginBottom"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

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

@@ -5,11 +5,11 @@ import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Children, useState } from "react";
 import { Button, Paragraph, XStack, YStack } from "tamagui";
 import { useCutoffGradientColors } from "../shared/cutoffGradient.native.js";
+import { tokenPx } from "../shared/tokenPx.native.js";
 import { isBareTextChild, wrapBareTextChildren } from "../shared/textRidesText.native.js";
 var zIndex = {
   localTop: 100
 };
-var cutoffMaxHeight = 300;
 function MDXAside(param) {
   var {
     children,
@@ -19,6 +19,8 @@ function MDXAside(param) {
     knobProps
   } = useResolvedKnobs();
   var gradientColors = useCutoffGradientColors();
+  var cutoffMaxHeight = tokenPx(knobProps.sizeToken, 24) * 12;
+  var gradientHeight = tokenPx(knobProps.sizeToken, 24) * 8;
   var flattened = Array.isArray(children) ? Children.toArray(children) : null;
   var areChildrenString = isBareTextChild(children) || Boolean(flattened && flattened.length > 0 && flattened.every(isBareTextChild));
   var [expanded, setExpanded] = useState(false);
@@ -28,7 +30,7 @@ function MDXAside(param) {
   return /* @__PURE__ */_jsxs(YStack, {
     render: "aside",
     ...knobProps.gap,
-    borderRadius: knobProps.borderRadius.borderRadius,
+    ...knobProps.containerRadius,
     ...knobProps.panelPadding,
     marginHorizontal: "$-2",
     marginTop: "$2",
@@ -36,7 +38,7 @@ function MDXAside(param) {
     ...(cutoff && {
       marginVertical: "$4",
       paddingHorizontal: knobProps.panelPadding.padding,
-      borderWidth: 1,
+      borderWidth: knobProps.borderRadius.borderWidth,
       paddingBottom: "$10",
       backgroundColor: "$color1",
       borderColor: "$borderColor",
@@ -67,7 +69,7 @@ function MDXAside(param) {
         bottom: 0,
         left: 0,
         right: 0,
-        height: 200,
+        height: gradientHeight,
         colors: gradientColors,
         pointerEvents: "none",
         zIndex: zIndex.localTop

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Alert","LinearGradient","useResolvedKnobs","Children","useState","Button","Paragraph","XStack","YStack","useCutoffGradientColors","isBareTextChild","wrapBareTextChildren","zIndex","localTop","cutoffMaxHeight","MDXAside","param","children","props","knobProps","gradientColors","flattened","Array","isArray","toArray","areChildrenString","Boolean","length","every","expanded","setExpanded","contentHeight","setContentHeight","shouldCutoff","cutoff","render","gap","borderRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","color","join","onLayout","event","nativeEvent","layout","height","label","key","bottom","left","right","colors","pointerEvents"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACtB,SAASC,KAAA,uCAAsB;AAC/B,SAASC,cAAA,kCAAwB;AACjC,SAASC,gBAAU,kCAAgC;AACnD,SAASC,QAAQ,EAAAC,QAAA,QAAW,OAAQ;AACpC,SAASC,MAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAA+B;AACxC,SAASC,uBAAiB,4CAA4B;AA+C9C,SAgBAC,eAAA,EAAAC,oBAhBA;AA7CR,IAAAC,MAAM;EACNC,QAAM;AAMC;AACL,IAAAC,eAAQ,GAAU,GAAI;AACtB,SAAMC,SAAAC,KAAA,EAAiB;EAGvB;IAAMC,QAAA;IAAA,GAAYC;EAAM,IAAAF,KAAQ;EAChC;IAAMG;EAAA,IAAAjB,gBACJ;EAEF,IAAAkB,cAAiB,GAAAX,uBAAwB,EAAK;EAC9C,IAAAY,SAAO,GAAAC,KAAA,CAAeC,OAAA,CAAAN,QAAgB,IAAId,QAAA,CAA6BqB,OAAA,CAAAP,QAAA;EAEvE,IAAAQ,iBACE,GAACf,eAAA,CAAAO,QAAsB,KAAAS,OAAA,CAAAL,SAAkB,IAAaA,SAAA,CAAAM,MAAgB,QAAAN,SAAA,CAAAO,KAAA,CAAAlB,eAAA;EACxE,KAAAmB,QAAM,EAASC,WAAA,IAAA1B,QAAiB;EAEhC,KAAA2B,aACE,EAAAC,gBAAA,IAAA5B,QAAA;EAAA,IAAC6B,YAAA,IAAAR,iBAAA,KAAAM,aAAA,eAAAA,aAAA,GAAAjB,eAAA;EAAA,IAAAoB,MAAA,GAAAD,YAAA,KAAAJ,QAAA;EAAA,OACC,eAAOhC,KAAA,CAAAW,MAAA;IAAA2B,MACH,SAAU;IAAA,GACdhB,SAAA,CAAAiB,GAAc;IAAuBC,YACjC,EAAAlB,SAAU,CAAAkB,YAAA,CAAAA,YAAA;IAAA,GACdlB,SAAA,CAAAmB,YAAiB;IAAAC,gBACP;IAAAC,SACV,MAAS;IAAAC,QACJ,YAAU;IAAA,IAAAP,MACb;MAAgBQ,cAChB;MAA0CC,iBAC7B,EAAAxB,SAAA,CAAAmB,YAAA,CAAAM,OAAA;MAAAC,WACb;MAAeC,aACf,OAAiB;MAAAC,eACJ;MAAAC,WACb,EAAW;MAAAC,SACX,EAAAnC,eAAU;MACZoC,QAAA;IAAA;IACI,GAEHhC,KAAA;IAAAD,QAAA,GAaCQ,iBAIA,kBAAA9B,IAAA,CAAAW,SACE;MAAA6C,KAAA;MAAAT,cAAC;MAAAzB,QAAA,EAAAI,SAAA,GAAAA,SAAA,CAAA+B,IAAA,OAAAnC;IAAA,oBACUtB,IAAA,CAAAa,MAAA;MAAA6C,QACT,WAAQA,SAAAC,KAAA;QAAA,OACRtB,gBAAM,CAAAsB,KAAA,CAAAC,WAAA,CAAAC,MAAA,CAAAC,MAAA;MAAA;MACCxC,QACP;MAAQ;AACA;MACMN,oBACC,CAAAM,QAAA,YAAAyC,KAAA,EAAAC,GAAA;QAAA,sBAAAhE,IAAA,CAAAW,SAAA;UACjB6C,KAAA;UACAlC,QAAA,EAAAyC;QAAC,GAAAC,GAAA;MAAA;IACU,IACFzB,MAAA,IACP,eAAMrC,KAAA,CAAAE,SAAA;MAAAkB,QACN,GAAO,eACPtB,IAAe,CAAAM,cAAA;QAAAwC,QACf,EAAQ,UAAO;QAAWmB,MAE1B;QAAmDC,IAAA;QACrDC,KAAA;QACFL,MAAA;QAAAM,MAAA,EAAA3C,cAAA;QAAA4C,aAAA;QAEJpD,MAAA,EAAAA,MAAA,CAAAC;MAEJ,IAOgB,eAAUlB,IAAU,CAAAY,MAAG,EAAM;QAEzCkC,QAAA,YAAC;QAILmB,MAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Alert","LinearGradient","useResolvedKnobs","Children","useState","Button","Paragraph","XStack","YStack","useCutoffGradientColors","tokenPx","isBareTextChild","wrapBareTextChildren","zIndex","localTop","MDXAside","param","children","props","knobProps","gradientColors","cutoffMaxHeight","sizeToken","gradientHeight","flattened","Array","isArray","toArray","areChildrenString","Boolean","length","every","expanded","setExpanded","contentHeight","setContentHeight","shouldCutoff","cutoff","render","gap","containerRadius","panelPadding","marginHorizontal","marginTop","position","marginVertical","paddingHorizontal","padding","borderWidth","borderRadius","paddingBottom","backgroundColor","borderColor","maxHeight","overflow","color","join","onLayout","event","nativeEvent","layout","height","label","key","bottom","left","right","colors","pointerEvents"],"sources":["../../../src/Aside/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AACtB,SAASC,KAAA,uCAAsB;AAC/B,SAASC,cAAA,kCAAwB;AACjC,SAASC,gBAAU,kCAAgC;AACnD,SAASC,QAAQ,EAAAC,QAAA,QAAW,OAAQ;AACpC,SAASC,MAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAA+B;AACxC,SAASC,uBAAe;AACxB,SAASC,OAAA,qCAAiB;AAgDlB,SAgBAC,eAAA,EAAAC,oBAhBA;AA9CR,IAAAC,MAAM;EAMCC,QAAS;AACd;AACA,SAAMC,SAAAC,KAAA,EAAiB;EACvB;IAAMC,QAAA;IAAA,GAAAC;EAAkB,IAAAF,KAAQ;EAChC;IAAMG;EAAA,IAAAjB,gBAAyB;EAG/B,IAAAkB,cAAkB,GAAAX,uBAA0B;EAC5C,IAAAY,eAAM,GAAAX,OACJ,CAAAS,SAAA,CAAAG,SAAgB,EAAQ,MACxB;EACF,IAAAC,cAAiB,GAAAb,OAAW,CAAAS,SAAI,CAAAG,SAAc;EAC9C,IAAAE,SAAO,GAAAC,KAAA,CAAeC,OAAA,CAAAT,QAAgB,IAAId,QAAA,CAA6BwB,OAAA,CAAAV,QAAA;EAEvE,IAAAW,iBACE,GAACjB,eAAA,CAAAM,QAAsB,KAAAY,OAAA,CAAAL,SAAkB,IAAaA,SAAA,CAAAM,MAAgB,QAAAN,SAAA,CAAAO,KAAA,CAAApB,eAAA;EACxE,KAAAqB,QAAM,EAASC,WAAA,IAAA7B,QAAiB;EAEhC,KAAA8B,aACE,EAAAC,gBAAA,IAAA/B,QAAA;EAAA,IAACgC,YAAA,IAAAR,iBAAA,KAAAM,aAAA,eAAAA,aAAA,GAAAb,eAAA;EAAA,IAAAgB,MAAA,GAAAD,YAAA,KAAAJ,QAAA;EAAA,OACC,eAAOnC,KAAA,CAAAW,MAAA;IAAA8B,MACH,SAAU;IAAA,GACbnB,SAAG,CAAAoB,GAAU;IAAA,GACbpB,SAAG,CAAAqB,eAAU;IAAA,GACdrB,SAAA,CAAAsB,YAAiB;IAAAC,gBACP;IAAAC,SACV,MAAS;IAAAC,QACJ,YAAU;IAAA,IAAAP,MACb;MAAgBQ,cAChB;MAA0CC,iBAC7B,EAAA3B,SAAU,CAAAsB,YAAa,CAAAM,OAAA;MAAAC,WACpC,EAAA7B,SAAe,CAAA8B,YAAA,CAAAD,WAAA;MAAAE,aACf,OAAiB;MAAAC,eACJ;MAAAC,WACb,EAAW;MAAAC,SACX,EAAAhC,eAAU;MACZiC,QAAA;IAAA;IACI,GAEHpC,KAAA;IAAAD,QAAA,GAaCW,iBAIA,kBAAAjC,IAAA,CAAAW,SACE;MAAAiD,KAAA;MAAAV,cAAC;MAAA5B,QAAA,EAAAO,SAAA,GAAAA,SAAA,CAAAgC,IAAA,OAAAvC;IAAA,oBACUtB,IAAA,CAAAa,MAAA;MAAAiD,QACT,WAAQA,SAAAC,KAAA;QAAA,OACRvB,gBAAM,CAAAuB,KAAA,CAAAC,WAAA,CAAAC,MAAA,CAAAC,MAAA;MAAA;MACC5C,QACP;MAAQ;AACA;MACML,oBACC,CAAAK,QAAA,YAAA6C,KAAA,EAAAC,GAAA;QAAA,sBAAApE,IAAA,CAAAW,SAAA;UACjBiD,KAAA;UACAtC,QAAA,EAAA6C;QAAC,GAAAC,GAAA;MAAA;IACU,IACF1B,MAAA,IACP,eAAMxC,KAAA,CAAAE,SAAA;MAAAkB,QACN,GAAO,eACPtB,IAAe,CAAAM,cAAA;QAAA2C,QACf,EAAQ,UAAO;QAAWoB,MAE1B;QAAmDC,IAAA;QACrDC,KAAA;QACFL,MAAA,EAAAtC,cAAA;QAAA4C,MAAA,EAAA/C,cAAA;QAAAgD,aAAA;QAEJvD,MAAA,EAAAA,MAAA,CAAAC;MAEJ,IAOgB,eAAUnB,IAAU,CAAAY,MAAG,EAAM;QAEzCqC,QAAA,YAAC;QAILoB,MAAA","ignoreList":[]}

package/dist/esm/Hr/index.mjs

@@ -1,7 +1,6 @@
-import { Separator } from "tamagui";
+import { HorizontalRule } from "../components/HorizontalRule.mjs";
 import { jsx } from "react/jsx-runtime";
-const HR = props => /* @__PURE__ */jsx(Separator, {
-  marginVertical: "$4",
+const HR = props => /* @__PURE__ */jsx(HorizontalRule, {
   ...props
 });
 export { HR };

package/dist/esm/Hr/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Separator","jsx","HR","props","marginVertical"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAiB;AAGQ,SAAAC,GAAA;AAA3B,MAAMC,EAAA,GAAMC,KAAA,IAAe,eAAAF,GAAA,CAACD,SAAA;EAAUI,cAAA,EAAe;EAAM,GAAGD;AAAA,CAAO","ignoreList":[]}
+{"version":3,"names":["HorizontalRule","jsx","HR","props"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,cAAA,QAAsB;AAGuB,SAAAC,GAAA;AAA/C,MAAMC,EAAA,GAAMC,KAAA,IAAmC,eAAAF,GAAA,CAACD,cAAA;EAAgB,GAAIG;AAAA,CAAe","ignoreList":[]}

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Separator } from "tamagui";
+import { HorizontalRule } from "../components/HorizontalRule.native.js";
 var HR = function HR2(props) {
-  return /* @__PURE__ */_jsx(Separator, {
-    marginVertical: "$4",
+  return /* @__PURE__ */_jsx(HorizontalRule, {
     ...props
   });
 };

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Separator","HR","HR2","props"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAiB;AAGQ,SAAAC,SAAA;AAA3B,IAAAC,EAAM,YAAMC,IAAeC,KAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","HorizontalRule","HR","HR2","props"],"sources":["../../../src/Hr/index.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAsB;AAGuB,SAAAC,cAAA;AAA/C,IAAAC,EAAM,YAAMC,IAAmCC,KAAA","ignoreList":[]}

package/dist/esm/MarkdownSimpleTable/index.mjs

@@ -1,7 +1,8 @@
 import { Paragraph, ScrollView, Text, useMedia } from "tamagui";
 import { Table } from "@multiplatform.one/table-primitives";
-import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Link } from "../components/Link.mjs";
+import { InlineCode } from "../components/InlineCode.mjs";
+import { useMarkdownTableKnobs } from "../shared/useMarkdownTableKnobs.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const markdownPattern = /(\*\*\[([^\]]+)\]\(([^)]+)\)\*\*)|(\[([^\]]+)\]\(([^)]+)\))|(\*\*([^*]+)\*\*)|(`([^`]+)`)/g;
 function parseCell(content) {
@@ -35,12 +36,7 @@ function parseCell(content) {
         children: match[8]
       }, key));
     } else if (match[9]) {
-      parts.push(/* @__PURE__ */jsx(Text, {
-        fontFamily: "$mono",
-        backgroundColor: "$color4",
-        paddingHorizontal: "$1.5",
-        paddingVertical: "$0.5",
-        borderRadius: "$2",
+      parts.push(/* @__PURE__ */jsx(InlineCode, {
         children: match[10]
       }, key));
     }
@@ -56,8 +52,12 @@ function MarkdownSimpleTable({
   rows
 }) {
   const {
-    knobProps
-  } = useResolvedKnobs();
+    frameProps,
+    headerTextProps,
+    cellTextProps,
+    cellPad,
+    headRule
+  } = useMarkdownTableKnobs();
   const media = useMedia();
   const isMobile = media.sm;
   const table = /* @__PURE__ */jsxs(Table, {
@@ -67,8 +67,6 @@ function MarkdownSimpleTable({
     style: {
       tableLayout: "auto"
     },
-    borderColor: "$borderColor",
-    borderRadius: knobProps.borderRadius.borderRadius,
     alignCells: {
       x: "start",
       y: "center"
@@ -77,19 +75,21 @@ function MarkdownSimpleTable({
       x: "start",
       y: "center"
     },
+    ...frameProps,
     ...(isMobile && {
       minWidth: 760
     }),
     children: [/* @__PURE__ */jsx(Table.Head, {
       render: "thead",
+      ...headRule,
       children: /* @__PURE__ */jsx(Table.Row, {
         render: "tr",
         rowLocation: "first",
         children: headers.map((header, headerIdx) => /* @__PURE__ */jsx(Table.HeaderCell, {
           render: "th",
+          ...cellPad,
           children: /* @__PURE__ */jsx(Paragraph, {
-            size: "$4",
-            fontWeight: "600",
+            ...headerTextProps,
             children: header
           })
         }, `h-${headerIdx}`))
@@ -101,11 +101,11 @@ function MarkdownSimpleTable({
         rowLocation: rowIdx === rows.length - 1 ? "last" : "middle",
         children: row.map((cell, cellIdx) => /* @__PURE__ */jsx(Table.Cell, {
           render: "td",
+          ...cellPad,
           children: /* @__PURE__ */jsx(Paragraph, {
             render: "span",
             display: "block",
-            size: "$4",
-            maxWidth: 480,
+            ...cellTextProps,
             children: parseCell(cell)
           })
         }, `c-${rowIdx}-${cellIdx}`))

package/dist/esm/MarkdownSimpleTable/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Paragraph","ScrollView","Text","useMedia","Table","useResolvedKnobs","Link","jsx","jsxs","markdownPattern","parseCell","content","matches","matchAll","length","parts","lastIndex","match","matchIndex","index","push","slice","key","fontWeight","children","href","fontFamily","backgroundColor","paddingHorizontal","paddingVertical","borderRadius","MarkdownSimpleTable","headers","rows","knobProps","media","isMobile","sm","table","render","width","cellWidth","style","tableLayout","borderColor","alignCells","x","y","alignHeaderCells","minWidth","Head","Row","rowLocation","map","header","headerIdx","HeaderCell","size","Body","row","rowIdx","cell","cellIdx","Cell","display","maxWidth","horizontal","showsHorizontalScrollIndicator"],"sources":["../../../src/MarkdownSimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Paragraph","ScrollView","Text","useMedia","Table","Link","InlineCode","useMarkdownTableKnobs","jsx","jsxs","markdownPattern","parseCell","content","matches","matchAll","length","parts","lastIndex","match","matchIndex","index","push","slice","key","fontWeight","children","href","MarkdownSimpleTable","headers","rows","frameProps","headerTextProps","cellTextProps","cellPad","headRule","media","isMobile","sm","table","render","width","cellWidth","style","tableLayout","alignCells","x","y","alignHeaderCells","minWidth","Head","Row","rowLocation","map","header","headerIdx","HeaderCell","Body","row","rowIdx","cell","cellIdx","Cell","display","horizontal","showsHorizontalScrollIndicator"],"sources":["../../../src/MarkdownSimpleTable/index.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,UAAA,EAAYC,IAAA,EAAMC,QAAA,QAAgB;AACtD,SAASC,KAAA,QAAa;AACtB,SAASC,IAAA,QAAY;AACrB,SAASC,UAAA,QAAkB;AAC3B,SAASC,qBAAA,QAA6B;AA0B5B,SAAAC,GAAA,EA+CNC,IAAA,QA/CM;AAtBV,MAAMC,eAAA,GACJ;AAEF,SAASC,UAAUC,OAAA,EAAiC;EAClD,IAAI,OAAOA,OAAA,KAAY,UAAU,OAAOA,OAAA;EAExC,MAAMC,OAAA,GAAU,CAAC,GAAGD,OAAA,CAAQE,QAAA,CAASJ,eAAe,CAAC;EACrD,IAAI,CAACG,OAAA,CAAQE,MAAA,EAAQ,OAAOH,OAAA;EAE5B,MAAMI,KAAA,GAAqB,EAAC;EAC5B,IAAIC,SAAA,GAAY;EAEhB,WAAWC,KAAA,IAASL,OAAA,EAAS;IAC3B,MAAMM,UAAA,GAAaD,KAAA,CAAME,KAAA,IAAS;IAClC,IAAID,UAAA,GAAaF,SAAA,EAAW;MAC1BD,KAAA,CAAMK,IAAA,CAAKT,OAAA,CAAQU,KAAA,CAAML,SAAA,EAAWE,UAAU,CAAC;IACjD;IAEA,MAAMI,GAAA,GAAM,KAAKJ,UAAU;IAC3B,IAAID,KAAA,CAAM,CAAC,GAAG;MACZF,KAAA,CAAMK,IAAA,CACJ,eAAAb,GAAA,CAACN,IAAA;QAAesB,UAAA,EAAW;QACzBC,QAAA,iBAAAjB,GAAA,CAACH,IAAA;UAAKqB,IAAA,EAAMR,KAAA,CAAM,CAAC;UAAIO,QAAA,EAAAP,KAAA,CAAM,CAAC;QAAA,CAAE;MAAA,GADvBK,GAEX,CACF;IACF,WAAWL,KAAA,CAAM,CAAC,GAAG;MACnBF,KAAA,CAAMK,IAAA,CACJ,eAAAb,GAAA,CAACH,IAAA;QAAeqB,IAAA,EAAMR,KAAA,CAAM,CAAC;QAC1BO,QAAA,EAAAP,KAAA,CAAM,CAAC;MAAA,GADCK,GAEX,CACF;IACF,WAAWL,KAAA,CAAM,CAAC,GAAG;MACnBF,KAAA,CAAMK,IAAA,CACJ,eAAAb,GAAA,CAACN,IAAA;QAAesB,UAAA,EAAW;QACxBC,QAAA,EAAAP,KAAA,CAAM,CAAC;MAAA,GADCK,GAEX,CACF;IACF,WAAWL,KAAA,CAAM,CAAC,GAAG;MACnBF,KAAA,CAAMK,IAAA,CAAK,eAAAb,GAAA,CAACF,UAAA;QAAsBmB,QAAA,EAAAP,KAAA,CAAM,EAAE;MAAA,GAAdK,GAAgB,CAAa;IAC3D;IAEAN,SAAA,GAAYE,UAAA,GAAaD,KAAA,CAAM,CAAC,EAAEH,MAAA;EACpC;EAEA,IAAIE,SAAA,GAAYL,OAAA,CAAQG,MAAA,EAAQ;IAC9BC,KAAA,CAAMK,IAAA,CAAKT,OAAA,CAAQU,KAAA,CAAML,SAAS,CAAC;EACrC;EAEA,OAAOD,KAAA,CAAMD,MAAA,KAAW,IAAIC,KAAA,CAAM,CAAC,IAAIA,KAAA;AACzC;AAcO,SAASW,oBAAoB;EAAEC,OAAA;EAASC;AAAK,GAA6B;EAC/E,MAAM;IAAEC,UAAA;IAAYC,eAAA;IAAiBC,aAAA;IAAeC,OAAA;IAASC;EAAS,IAAI3B,qBAAA,CAAsB;EAChG,MAAM4B,KAAA,GAAQhC,QAAA,CAAS;EACvB,MAAMiC,QAAA,GAAWD,KAAA,CAAME,EAAA;EAEvB,MAAMC,KAAA,GACJ,eAAA7B,IAAA,CAACL,KAAA;IACCmC,MAAA,EAAO;IAGPC,KAAA,EAAM;IACNC,SAAA,EAAU;IACVC,KAAA,EAAO;MAAEC,WAAA,EAAa;IAAO;IAC7BC,UAAA,EAAY;MAAEC,CAAA,EAAG;MAASC,CAAA,EAAG;IAAS;IACtCC,gBAAA,EAAkB;MAAEF,CAAA,EAAG;MAASC,CAAA,EAAG;IAAS;IAC3C,GAAGhB,UAAA;IACH,IAAIM,QAAA,IAAY;MAAEY,QAAA,EAAU;IAAI;IAEjCvB,QAAA,kBAAAjB,GAAA,CAACJ,KAAA,CAAM6C,IAAA,EAAN;MAAWV,MAAA,EAAO;MAAS,GAAGL,QAAA;MAC7BT,QAAA,iBAAAjB,GAAA,CAACJ,KAAA,CAAM8C,GAAA,EAAN;QAAUX,MAAA,EAAO;QAAKY,WAAA,EAAY;QAChC1B,QAAA,EAAAG,OAAA,CAAQwB,GAAA,CAAI,CAACC,MAAA,EAAQC,SAAA,KACpB,eAAA9C,GAAA,CAACJ,KAAA,CAAMmD,UAAA,EAAN;UAAiBhB,MAAA,EAAO;UAA6B,GAAGN,OAAA;UACvDR,QAAA,iBAAAjB,GAAA,CAACR,SAAA;YAAW,GAAG+B,eAAA;YAAkBN,QAAA,EAAA4B;UAAA,CAAO;QAAA,GADP,KAAKC,SAAS,EAEjD,CACD;MAAA,CACH;IAAA,CACF,GACA,eAAA9C,GAAA,CAACJ,KAAA,CAAMoD,IAAA,EAAN;MAAWjB,MAAA,EAAO;MAChBd,QAAA,EAAAI,IAAA,CAAKuB,GAAA,CAAI,CAACK,GAAA,EAAKC,MAAA,KACd,eAAAlD,GAAA,CAACJ,KAAA,CAAM8C,GAAA,EAAN;QACCX,MAAA,EAAO;QAEPY,WAAA,EAAaO,MAAA,KAAW7B,IAAA,CAAKd,MAAA,GAAS,IAAI,SAAS;QAElDU,QAAA,EAAAgC,GAAA,CAAIL,GAAA,CAAI,CAACO,IAAA,EAAMC,OAAA,KACd,eAAApD,GAAA,CAACJ,KAAA,CAAMyD,IAAA,EAAN;UAAWtB,MAAA,EAAO;UAAqC,GAAGN,OAAA;UACzDR,QAAA,iBAAAjB,GAAA,CAACR,SAAA;YAAUuC,MAAA,EAAO;YAAOuB,OAAA,EAAQ;YAAS,GAAG9B,aAAA;YAC1CP,QAAA,EAAAd,SAAA,CAAUgD,IAAI;UAAA,CACjB;QAAA,GAH2B,KAAKD,MAAM,IAAIE,OAAO,EAInD,CACD;MAAA,GATI,KAAKF,MAAM,EAUlB,CACD;IAAA,CACH;EAAA,CACF;EAGF,IAAItB,QAAA,EAAU;IACZ,OACE,eAAA5B,GAAA,CAACP,UAAA;MAAW8D,UAAA,EAAU;MAACC,8BAAA,EAAgC;MACpDvC,QAAA,EAAAa;IAAA,CACH;EAEJ;EAEA,OAAOA,KAAA;AACT","ignoreList":[]}

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

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