@multiplatform.one/markdown 6.1.0 → 6.3.0

package/dist/cjs/components/Heading.cjs

@@ -25,6 +25,7 @@ __export(Heading_exports, {
   Heading: () => Heading
 });
 module.exports = __toCommonJS(Heading_exports);
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 const headingComponents = {
@@ -35,14 +36,36 @@ const headingComponents = {
   5: import_tamagui.H5,
   6: import_tamagui.H6
 };
+const headingBaseSize = {
+  1: 9,
+  2: 8,
+  3: 7,
+  4: 6,
+  5: 5,
+  6: 4
+};
+const sizeShift = {
+  $3: -1,
+  $4: 0,
+  $5: 1
+};
 function Heading({
   level,
   children
 }) {
   const Component = headingComponents[level];
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const headingFamily = import_tamagui.isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  const size = `$${headingBaseSize[level] + (sizeShift[knobProps.sizeToken] ?? 0)}`;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
     marginTop: "$3",
     marginBottom: "$2",
+    size,
+    ...headingFamily,
     children
   });
 }

package/dist/cjs/components/Heading.native.js

@@ -28,6 +28,7 @@ __export(Heading_exports, {
 });
 module.exports = __toCommonJS(Heading_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var headingComponents = {
   1: import_tamagui.H1,
@@ -37,15 +38,38 @@ var headingComponents = {
   5: import_tamagui.H5,
   6: import_tamagui.H6
 };
+var headingBaseSize = {
+  1: 9,
+  2: 8,
+  3: 7,
+  4: 6,
+  5: 5,
+  6: 4
+};
+var sizeShift = {
+  $3: -1,
+  $4: 0,
+  $5: 1
+};
 function Heading(param) {
   var {
     level,
     children
   } = param;
+  var _sizeShift_knobProps_sizeToken;
   var Component = headingComponents[level];
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var headingFamily = import_tamagui.isWeb ? null : {
+    fontFamily: knobProps.heading.fontFamily
+  };
+  var size = `$${headingBaseSize[level] + ((_sizeShift_knobProps_sizeToken = sizeShift[knobProps.sizeToken]) !== null && _sizeShift_knobProps_sizeToken !== void 0 ? _sizeShift_knobProps_sizeToken : 0)}`;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
     marginTop: "$3",
     marginBottom: "$2",
+    size,
+    ...headingFamily,
     children
   });
 }

package/dist/cjs/components/Heading.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Heading_exports","__export","Heading","module","exports","import_jsx_runtime","require","import_tamagui","headingComponents","H1","H2","H3","H4","H5","H6","param","level","children","Component"],"sources":["../../../src/components/Heading.tsx"],"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,YAAuC,CAAAK,eAAA;AAenC,IAAAK,kBAAA,GAAAC,OAAA;AAZJ,IAAAC,cAAM,GAAAD,OAAoB;AAAA,IACxBE,iBAAG;EACH,GAAGD,cAAA,CAAAE,EAAA;EACH,GAAGF,cAAA,CAAAG,EAAA;EACH,GAAGH,cAAA,CAAAI,EAAA;EACH,GAAGJ,cAAA,CAAAK,EAAA;EACH,GAAGL,cAAA,CAAAM,EAAA;EACL,GAAAN,cAAA,CAAAO;AAEO;AACL,SAAMZ,QAAAa,KAAY;EAClB;IAAAC,KACE;IAAAC;EAAA,IAAAF,KAAA;EAIJ,IAAAG,SAAA,GAAAV,iBAAA,CAAAQ,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Heading_exports","__export","Heading","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","headingComponents","H1","H2","H3","H4","H5","H6","headingBaseSize"],"sources":["../../../src/components/Heading.tsx"],"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,YAAiC,CAAAK,eAAA;AACjC,IAAAK,kBAA8C,GAAAC,OAAA;AA2B1C,IAAAC,YAAA,GAAAD,OAAA;AAxBJ,IAAAE,cAAM,GAAAF,OAAoB;AAAA,IACxBG,iBAAG;EACH,GAAGD,cAAA,CAAAE,EAAA;EACH,GAAGF,cAAA,CAAAG,EAAA;EACH,GAAGH,cAAA,CAAAI,EAAA;EACH,GAAGJ,cAAA,CAAAK,EAAA;EACH,GAAGL,cAAA,CAAAM,EAAA;EACL,GAAAN,cAAA,CAAAO;AAGA;AAGA,IAAAC,eAA0C,GAAE;EAErC;EACL;EAIA;EACA;EACA;EACA;AAKF","ignoreList":[]}

package/dist/cjs/components/Image.cjs

@@ -39,14 +39,12 @@ function MarkdownImage({
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     marginVertical: "$2",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-      source: {
-        uri: src
-      },
+      src,
       alt: alt || "",
-      accessibilityLabel: alt || title || "Image",
+      "aria-label": alt || title || void 0,
       width: "100%",
       height: 200,
-      resizeMode: "contain",
+      objectFit: "contain",
       borderRadius: knobProps.borderRadius.borderRadius
     })
   });

package/dist/cjs/components/Image.native.js

@@ -42,14 +42,15 @@ function MarkdownImage(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     marginVertical: "$2",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Image, {
-      source: {
-        uri: src
-      },
+      // src (string), not source: the RN source object never reaches the
+      // DOM <img> src on web, so the image silently renders empty; tamagui
+      // maps src back to source={{uri}} on native.
+      src,
       alt: alt || "",
-      accessibilityLabel: alt || title || "Image",
+      "aria-label": alt || title || void 0,
       width: "100%",
       height: 200,
-      resizeMode: "contain",
+      objectFit: "contain",
       borderRadius: knobProps.borderRadius.borderRadius
     })
   });

package/dist/cjs/components/Image.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Image_exports","__export","MarkdownImage","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","param","src","alt","title","knobProps","useResolvedKnobs","jsx","View","marginVertical","children","Image","source","uri","accessibilityLabel","width","height","resizeMode"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4C,CAAAK,aAAA;AAC5C,IAAAK,kBAAiC,GAAAC,OAAA;AAO3B,IAAAC,cAAA,GAAAD,OAAA;AAJC,IAAAE,YAAS,GAAAF,OAAgB,2BAA+B;AAC7D,SAAMJ,aAAYA,CAAAO,KAAI;EACtB;IAAAC,GACE;IAAAC,GAAA;IAAAC;EAAA,IAAAH,KAAA;EACE,IAAC;IAAAI;EAAA,QAAAL,YAAA,CAAAM,gBAAA;EAAA,0BAAAT,kBAAA,CAAAU,GAAA,EAAAR,cAAA,CAAAS,IAAA;IAAAC,cACW,MAAK;IAAIC,QACd,iBAAO,IAAAb,kBAAA,CAAAU,GAAA,EAAAR,cAAA,CAAAY,KAAA;MACZC,MAAA;QACAC,GAAA,EAAMX;MACN;MACAC,GAAA,EAAAA,GAAA,IAAW;MACXW,kBAAc,EAAAX,GAAA,IAAUC,KAAA,WAAa;MAAAW,KAAA;MAEzCC,MAAA;MAEJC,UAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Image_exports","__export","MarkdownImage","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","param","src","alt","title","knobProps","useResolvedKnobs","jsx","View","marginVertical","children","Image","width","height"],"sources":["../../../src/components/Image.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4C,CAAAK,aAAA;AAC5C,IAAAK,kBAAiC,GAAAC,OAAA;AAO3B,IAAAC,cAAA,GAAAD,OAAA;AAJC,IAAAE,YAAS,GAAAF,OAAgB,2BAA+B;AAC7D,SAAMJ,aAAYA,CAAAO,KAAI;EACtB;IAAAC,GACE;IAAAC,GAAA;IAAAC;EAAA,IAAAH,KAAA;EACE,IAAC;IAAAI;EAAA,QAAAL,YAAA,CAAAM,gBAAA;EAAA,0BAAAT,kBAAA,CAAAU,GAAA,EAAAR,cAAA,CAAAS,IAAA;IAAAC,cAIC;IAAAC,QACK,iBAAO,IAAAb,kBAAA,CAAAU,GAAA,EAAAR,cAAA,CAAAY,KAAA;MACZ;MACA;MACA;MACAT,GAAA;MACAC,GAAA,EAAAA,GAAA,MAAc;MAAuB,cAAAA,GAAA,IAAAC,KAAA;MAEzCQ,KAAA;MAEJC,MAAA","ignoreList":[]}

package/dist/cjs/components/InlineCode.cjs

@@ -25,9 +25,8 @@ __export(InlineCode_exports, {
   InlineCode: () => InlineCode
 });
 module.exports = __toCommonJS(InlineCode_exports);
-var import_tamagui = require("tamagui");
+var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
-var import_colorRamps = require("../shared/colorRamps.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function InlineCode({
   children
@@ -35,11 +34,9 @@ function InlineCode({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-    fontFamily: "$mono",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeInline, {
     fontSize: knobProps.sizeToken,
-    backgroundColor: import_colorRamps.markdownCodeColors.background.base,
-    color: import_colorRamps.markdownCodeColors.text.base,
+    lineHeight: knobProps.sizeToken,
     paddingHorizontal: "$1.5",
     paddingVertical: "$0.5",
     borderRadius: knobProps.borderRadius.borderRadius,

package/dist/cjs/components/InlineCode.native.js

@@ -28,9 +28,8 @@ __export(InlineCode_exports, {
 });
 module.exports = __toCommonJS(InlineCode_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_tamagui = require("tamagui");
+var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
-var import_colorRamps = require("../shared/colorRamps.native.js");
 function InlineCode(param) {
   var {
     children
@@ -38,11 +37,9 @@ function InlineCode(param) {
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-    fontFamily: "$mono",
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.CodeInline, {
     fontSize: knobProps.sizeToken,
-    backgroundColor: import_colorRamps.markdownCodeColors.background.base,
-    color: import_colorRamps.markdownCodeColors.text.base,
+    lineHeight: knobProps.sizeToken,
     paddingHorizontal: "$1.5",
     paddingVertical: "$0.5",
     borderRadius: knobProps.borderRadius.borderRadius,

package/dist/cjs/components/InlineCode.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InlineCode_exports","__export","InlineCode","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","import_colorRamps","param","children","knobProps","useResolvedKnobs","jsx","Text","fontFamily","fontSize","sizeToken","backgroundColor","markdownCodeColors","background","base","color","text","paddingHorizontal","paddingVertical","borderRadius"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,kBAAA;AACrB,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,cAAA,GAAAD,OAAmC;AAM/B,IAAAE,YAAA,GAAAF,OAAA;AAHG,IAAAG,iBAAoB,GAAEH,OAAS,iCAAoB;AACxD,SAAMJ,UAAEA,CAAUQ,KAAA;EAClB;IAAAC;EACE,IAAAD,KAAA;EAAA,IAAC;IAAAE;EAAA,QAAAJ,YAAA,CAAAK,gBAAA;EAAA,0BAAAR,kBAAA,CAAAS,GAAA,EAAAP,cAAA,CAAAQ,IAAA;IAAAC,UACC,SAAW;IAAAC,QACX,EAAAL,SAAU,CAAAM,SAAU;IAAAC,eACpB,EAAAV,iBAAiB,CAAAW,kBAAA,CAAAC,UAAmB,CAAAC,IAAW;IAAAC,KAC/C,EAAAd,iBAAO,CAAAW,kBAAA,CAAAI,IAAmB,CAAAF,IAAK;IAAAG,iBAC/B,QAAkB;IAAAC,eAClB,QAAgB;IAAAC,YAChB,EAAAf,SAAc,CAAAe,YAAU,CAAAA,YAAa;IAAAhB;EAEpC;AAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InlineCode_exports","__export","InlineCode","module","exports","import_jsx_runtime","require","import_components","import_theme","param","children","knobProps","useResolvedKnobs","jsx","CodeInline","fontSize","sizeToken","lineHeight","paddingHorizontal","paddingVertical","borderRadius"],"sources":["../../../src/components/InlineCode.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAUAC,MAAA,CAAAC,OAAA,GAAAT,YAA2B,CAAAK,kBAAA;AAC3B,IAAAK,kBAAiC,GAAAC,OAAA;AAM7B,IAAAC,iBAAA,GAAAD,OAAA;AAHG,IAAAE,YAAS,GAAAF,OAAa,2BAA6B;AACxD,SAAMJ,UAAEA,CAAUO,KAAA;EAClB;IAAAC;EACE,IAAAD,KAAA;EAAA,IAAC;IAAAE;EAAA,QAAAH,YAAA,CAAAI,gBAAA;EAAA,0BAAAP,kBAAA,CAAAQ,GAAA,EAAAN,iBAAA,CAAAO,UAAA;IAAAC,QACC,EAAAJ,SAAU,CAAAK,SAAU;IAAAC,UACpB,EAAAN,SAAY,CAAAK,SAAU;IAAAE,iBACtB,QAAkB;IAAAC,eAClB,QAAgB;IAAAC,YAChB,EAAAT,SAAc,CAAAS,YAAU,CAAAA,YAAa;IAAAV;EAEpC;AAAA","ignoreList":[]}

package/dist/cjs/components/InlineStyles.cjs

@@ -33,6 +33,7 @@ function Strong({
   children
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "strong",
     fontWeight: "bold",
     children
   });
@@ -41,6 +42,7 @@ function Emphasis({
   children
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "em",
     fontStyle: "italic",
     children
   });
@@ -49,6 +51,7 @@ function Strikethrough({
   children
 }) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "del",
     textDecorationLine: "line-through",
     children
   });

package/dist/cjs/components/InlineStyles.native.js

@@ -36,6 +36,7 @@ function Strong(param) {
     children
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "strong",
     fontWeight: "bold",
     children
   });
@@ -45,6 +46,7 @@ function Emphasis(param) {
     children
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "em",
     fontStyle: "italic",
     children
   });
@@ -54,6 +56,7 @@ function Strikethrough(param) {
     children
   } = param;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "del",
     textDecorationLine: "line-through",
     children
   });

package/dist/cjs/components/InlineStyles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InlineStyles_exports","__export","Emphasis","Strikethrough","Strong","module","exports","import_jsx_runtime","require","import_tamagui","param","children","jsx","Text","fontWeight"],"sources":["../../../src/components/InlineStyles.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,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAqB,CAAAK,oBAAA;AAIZ,IAAAO,kBAAA,GAAAC,OAAA;AADF,IAAAC,cAAkB,GAAAD,OAAS,UAAgB;AAChD,SAAOJ,OAAAM,KAAA;EACT;IAAAC;EAAA,IAAAD,KAAA;EAEO,OAAS,eAAW,IAASH,kBAAgB,CAAAK,GAAA,EAAAH,cAAA,CAAAI,IAAA;IAClDC,UAAO;IACTH;EAEO;AACL;AACF,SAAAT,SAAAQ,KAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","InlineStyles_exports","__export","Emphasis","Strikethrough","Strong","module","exports","import_jsx_runtime","require","import_tamagui","param","children","jsx","Text","render","fontWeight"],"sources":["../../../src/components/InlineStyles.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,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAqB,CAAAK,oBAAA;AAKjB,IAAAO,kBAAA,GAAAC,OAAA;AAFG,IAAAC,cAAkB,GAAAD,OAAS,UAAgB;AAChD,SACEJ,OAAAM,KAAA;EAIJ;IAAAC;EAAA,IAAAD,KAAA;EAEO,OAAS,eAAW,IAASH,kBAAgB,CAAAK,GAAA,EAAAH,cAAA,CAAAI,IAAA;IAClDC,MACE;IAIJC,UAAA;IAEOJ;EACL;AAKF","ignoreList":[]}

package/dist/cjs/components/Link.cjs

@@ -29,26 +29,43 @@ var import_tamagui = require("tamagui");
 var import_platform = require("@multiplatform.one/platform");
 var import_colorRamps = require("../shared/colorRamps.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const safeProtocols = /* @__PURE__ */new Set(["http", "https", "mailto", "tel", "sms"]);
+function getSafeHref(href) {
+  if (!href) return void 0;
+  const trimmed = href.trim();
+  const match = trimmed.match(/^([a-z][a-z0-9+.-]*):/i);
+  if (!match) return trimmed;
+  return safeProtocols.has(match[1].toLowerCase()) ? trimmed : void 0;
+}
 function Link({
   href,
   title,
   children
 }) {
+  const safeHref = getSafeHref(href);
+  const isExternal = !!safeHref && /^https?:\/\//i.test(safeHref);
   const handlePress = () => {
-    if (href) {
-      (0, import_platform.openUrl)(href);
-    }
+    if (!import_tamagui.isWeb && safeHref) (0, import_platform.openUrl)(safeHref);
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "a",
+    href: safeHref,
+    target: isExternal ? "_blank" : void 0,
+    rel: isExternal ? "noopener noreferrer" : void 0,
+    title: title || void 0,
     color: import_colorRamps.markdownLinkColors.text.base,
     textDecorationLine: "underline",
     cursor: "pointer",
     onPress: handlePress,
-    accessibilityRole: "link",
-    accessibilityLabel: title || void 0,
     hoverStyle: {
       color: import_colorRamps.markdownLinkColors.text.hover
     },
+    focusVisibleStyle: {
+      outlineColor: "$outlineColor",
+      outlineWidth: 2,
+      outlineStyle: "solid",
+      outlineOffset: 2
+    },
     children
   });
 }

package/dist/cjs/components/Link.native.js

@@ -31,27 +31,45 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 var import_platform = require("@multiplatform.one/platform");
 var import_colorRamps = require("../shared/colorRamps.native.js");
+var safeProtocols = /* @__PURE__ */new Set(["http", "https", "mailto", "tel", "sms"]);
+function getSafeHref(href) {
+  if (!href) return void 0;
+  var trimmed = href.trim();
+  var match = trimmed.match(/^([a-z][a-z0-9+.-]*):/i);
+  if (!match) return trimmed;
+  return safeProtocols.has(match[1].toLowerCase()) ? trimmed : void 0;
+}
 function Link(param) {
   var {
     href,
     title,
     children
   } = param;
+  var safeHref = getSafeHref(href);
+  var isExternal = !!safeHref && /^https?:\/\//i.test(safeHref);
   var handlePress = function handlePress2() {
-    if (href) {
-      (0, import_platform.openUrl)(href);
-    }
+    if (!import_tamagui.isWeb && safeHref) (0, import_platform.openUrl)(safeHref);
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    render: "a",
+    // @ts-expect-error anchor attributes forwarded to the DOM element
+    href: safeHref,
+    target: isExternal ? "_blank" : void 0,
+    rel: isExternal ? "noopener noreferrer" : void 0,
+    title: title || void 0,
     color: import_colorRamps.markdownLinkColors.text.base,
     textDecorationLine: "underline",
     cursor: "pointer",
     onPress: handlePress,
-    accessibilityRole: "link",
-    accessibilityLabel: title || void 0,
     hoverStyle: {
       color: import_colorRamps.markdownLinkColors.text.hover
     },
+    focusVisibleStyle: {
+      outlineColor: "$outlineColor",
+      outlineWidth: 2,
+      outlineStyle: "solid",
+      outlineOffset: 2
+    },
     children
   });
 }

package/dist/cjs/components/Link.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Link_exports","__export","Link","module","exports","import_jsx_runtime","require","import_tamagui","import_platform","import_colorRamps","param","href","title","children","handlePress","handlePress2","openUrl","jsx","Text","color","markdownLinkColors","text","base","textDecorationLine","cursor","onPress","accessibilityRole","accessibilityLabel","hoverStyle","hover"],"sources":["../../../src/components/Link.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;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,YAAA;AACrB,IAAAK,kBAAwB,GAAAC,OAAA;AACxB,IAAAC,cAAA,GAAAD,OAAmC;AAW/B,IAAAE,eAAA,GAAAF,OAAA;AARG,IAAAG,iBAAgB,GAAMH,OAAO,iCAAuB;AACzD,SAAMJ,KAAAQ,KAAA;EACJ;IAAIC,IAAA;IAAMC,KAAA;IAAAC;EAAA,IAAAH,KAAA;EACR,IAAAI,WAAA,YAAAC,YAAYA,CAAA;IACd,IAAAJ,IAAA;MACF,IAAAH,eAAA,CAAAQ,OAAA,EAAAL,IAAA;IAEA;EACE;EAAC,0BAAAN,kBAAA,CAAAY,GAAA,EAAAV,cAAA,CAAAW,IAAA;IAAAC,KACC,EAAAV,iBAAO,CAAAW,kBAAA,CAAAC,IAAmB,CAAAC,IAAK;IAAAC,kBAC/B,aAAmB;IAAAC,MACnB,WAAO;IAAAC,OACP,EAAAX,WAAS;IAAAY,iBACT,QAAkB;IAAAC,kBAClB,EAAAf,KAAoB,SAAS;IAAAgB,UAC7B;MAECT,KAAA,EAAAV,iBAAA,CAAAW,kBAAA,CAAAC,IAAA,CAAAQ;IAAA;IACHhB;EAEJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Link_exports","__export","Link","module","exports","import_jsx_runtime","require","import_tamagui","import_platform","import_colorRamps","safeProtocols","Set","getSafeHref","href","trimmed","trim","match","has","toLowerCase","param","title","children","safeHref","isExternal","test","handlePress","handlePress2","isWeb","openUrl","jsx","Text","render","target","rel","color","markdownLinkColors","text","base","textDecorationLine","cursor","onPress","hoverStyle","hover","focusVisibleStyle"],"sources":["../../../src/components/Link.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;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,YAAA;AAC5B,IAAAK,kBAAwB,GAAAC,OAAA;AACxB,IAAAC,cAAA,GAAAD,OAAmC;AAwB/B,IAAAE,eAAA,GAAAF,OAAA;AArBJ,IAAAG,iBAAM,GAAgBH,OAAA,iCAAS,CAAQ;AAEvC,IAAAI,aAAS,kBAA+C,IAAAC,GAAA,EACtD,MAAK,EACL,OAAM,EACN,QAAM,EAEN,KAAK,EACL,MACF;AAEO,SAASC,WAAOA,CAAAC,IAAM;EAC3B,KAAAA,IAAM,SAAW;EACjB,IAAAC,OAAM,GAAAD,IAAA,CAAaE,IAAE;EAErB,IAAAC,KAAM,GAAAF,OAAA,CAAcE,KAAA,CAAM;EAExB,KAAAA,KAAK,SAAAF,OAAA;EACP,OAAAJ,aAAA,CAAAO,GAAA,CAAAD,KAAA,IAAAE,WAAA,MAAAJ,OAAA;AAEA;AACE,SAACZ,KAAAiB,KAAA;EAAA;IAAAN,IAAA;IAAAO,KAAA;IAAAC;EAAA,IAAAF,KAAA;EAAA,IACCG,QAAO,GAAAV,WAAA,CAAAC,IAAA;EAAA,IAEPU,UAAM,KAAAD,QAAA,oBAAAE,IAAA,CAAAF,QAAA;EAAA,IACNG,WAAQ,YAAaC,YAAWA,CAAA;IAAA,IAChC,CAAAnB,cAAK,CAAaoB,KAAA,IAAAL,QAAA,MAAAd,eAAwB,CAAAoB,OAAA,EAAAN,QAAA;EAAA;EAC1B,OAChB,eAAO,IAAAjB,kBAAA,CAAAwB,GAAmB,EAAAtB,cAAK,CAAAuB,IAAA;IAAAC,MAC/B;IAAmB;IACZlB,IACP,EAAAS,QAAS;IAAAU,MACT,EAAAT,UAAc,WAAO;IAA8BU,GACnD,EAAAV,UAAA,wBAAmB;IAAAH,KACjB,EAAAA,KAAA,SAAc;IAAAc,KACd,EAAAzB,iBAAc,CAAA0B,kBAAA,CAAAC,IAAA,CAAAC,IAAA;IAAAC,kBACA;IAAAC,MACd;IAAeC,OACjB,EAAAf,WAAA;IAAAgB,UAEC;MAAAP,KAAA,EAAAzB,iBAAA,CAAA0B,kBAAA,CAAAC,IAAA,CAAAM;IACH;IAEJC,iBAAA","ignoreList":[]}

package/dist/cjs/components/List.cjs

@@ -26,33 +26,109 @@ __export(List_exports, {
   MarkdownListItem: () => MarkdownListItem
 });
 module.exports = __toCommonJS(List_exports);
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_icons = require("../icons/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
+const listReset = {
+  listStyleType: "none",
+  paddingInlineStart: 0,
+  marginBlockStart: 0,
+  marginBlockEnd: 0
+};
 function MarkdownList({
-  ordered: _ordered,
-  start: _start,
+  ordered,
+  start,
   children
 }) {
+  const items = import_react.Children.map(children, child => {
+    if (!(0, import_react.isValidElement)(child) || child.type !== MarkdownListItem) return child;
+    const childProps = child.props;
+    return (0, import_react.cloneElement)(child, {
+      ordered: childProps.ordered ?? ordered,
+      start: childProps.start ?? start ?? void 0
+    });
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    render: ordered ? "ol" : "ul",
+    start: ordered ? start ?? void 0 : void 0,
+    style: listReset,
     marginVertical: "$2",
-    children
+    children: items
+  });
+}
+function getTaskBoxMetrics() {
+  const bodyFont = (0, import_tamagui.getConfig)()?.fontsParsed?.$body;
+  const fontSize = Math.round((0, import_tamagui.getVariableValue)(bodyFont?.size?.$true) || 14);
+  const lineHeight = Math.round((0, import_tamagui.getVariableValue)(bodyFont?.lineHeight?.$6) || fontSize * 2);
+  return {
+    boxSize: Math.round(fontSize * 1.15),
+    lineHeight
+  };
+}
+const taskInlineGapMap = {
+  small: "$1.5",
+  medium: "$2",
+  large: "$2.5"
+};
+function clampTaskBoxRadius(radiusToken, pointy) {
+  if (pointy || radiusToken === "$0") return 0;
+  const num = Number.parseInt(radiusToken.replace("$", ""), 10);
+  return Number.isFinite(num) && num > 2 ? "$2" : radiusToken;
+}
+function TaskCheckbox({
+  checked
+}) {
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const {
+    boxSize,
+    lineHeight
+  } = getTaskBoxMetrics();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    height: lineHeight,
+    justifyContent: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      role: "checkbox",
+      "aria-checked": checked,
+      "aria-disabled": true,
+      width: boxSize,
+      height: boxSize,
+      borderWidth: knobProps.borderRadius.borderWidth,
+      borderColor: "$color7",
+      backgroundColor: knobProps.outlined ? "transparent" : "$color5",
+      borderRadius: clampTaskBoxRadius(knobProps.borderRadius.borderRadius, knobProps.pointy),
+      alignItems: "center",
+      justifyContent: "center",
+      children: checked ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.CheckIcon, {
+        size: Math.round(boxSize * 0.72),
+        color: knobProps.textAccentColor,
+        strokeWidth: knobProps.textWeight.fontWeight === "700" ? 3 : 2.5
+      }) : null
+    })
   });
 }
 function MarkdownListItem({
   checked,
   children,
   index = 0,
-  ordered = false
+  ordered = false,
+  start
 }) {
-  const bullet = ordered ? `${index + 1}.` : "\u2022";
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const bullet = ordered ? `${(start ?? 1) + index}.` : "\u2022";
   if (checked !== null && checked !== void 0) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      render: "li",
       marginBottom: "$1",
       alignItems: "flex-start",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        width: 24,
-        color: "$color11",
-        children: checked ? "\u2611" : "\u2610"
+      gap: taskInlineGapMap[knobProps.space] ?? "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TaskCheckbox, {
+        checked
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         flex: 1,
         children
@@ -60,11 +136,13 @@ function MarkdownListItem({
     });
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    render: "li",
     marginBottom: "$1",
     alignItems: "flex-start",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       width: 24,
       color: "$color11",
+      "aria-hidden": true,
       children: bullet
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       flex: 1,

package/dist/cjs/components/List.native.js

@@ -29,16 +29,91 @@ __export(List_exports, {
 });
 module.exports = __toCommonJS(List_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
+var import_icons = require("../icons/index.native.js");
+var listReset = {
+  listStyleType: "none",
+  paddingInlineStart: 0,
+  marginBlockStart: 0,
+  marginBlockEnd: 0
+};
 function MarkdownList(param) {
   var {
-    ordered: _ordered,
-    start: _start,
+    ordered,
+    start,
     children
   } = param;
+  var items = import_react.Children.map(children, function (child) {
+    var _childProps_ordered, _ref, _childProps_start;
+    if (! /* @__PURE__ */(0, import_react.isValidElement)(child) || child.type !== MarkdownListItem) return child;
+    var childProps = child.props;
+    return /* @__PURE__ */(0, import_react.cloneElement)(child, {
+      ordered: (_childProps_ordered = childProps.ordered) !== null && _childProps_ordered !== void 0 ? _childProps_ordered : ordered,
+      start: (_ref = (_childProps_start = childProps.start) !== null && _childProps_start !== void 0 ? _childProps_start : start) !== null && _ref !== void 0 ? _ref : void 0
+    });
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    render: ordered ? "ol" : "ul",
+    start: ordered ? start !== null && start !== void 0 ? start : void 0 : void 0,
+    style: listReset,
     marginVertical: "$2",
-    children
+    children: items
+  });
+}
+function getTaskBoxMetrics() {
+  var _getConfig_fontsParsed, _getConfig, _bodyFont_size, _bodyFont_lineHeight;
+  var bodyFont = (_getConfig = (0, import_tamagui.getConfig)()) === null || _getConfig === void 0 ? void 0 : (_getConfig_fontsParsed = _getConfig.fontsParsed) === null || _getConfig_fontsParsed === void 0 ? void 0 : _getConfig_fontsParsed.$body;
+  var fontSize = Math.round((0, import_tamagui.getVariableValue)(bodyFont === null || bodyFont === void 0 ? void 0 : (_bodyFont_size = bodyFont.size) === null || _bodyFont_size === void 0 ? void 0 : _bodyFont_size.$true) || 14);
+  var lineHeight = Math.round((0, import_tamagui.getVariableValue)(bodyFont === null || bodyFont === void 0 ? void 0 : (_bodyFont_lineHeight = bodyFont.lineHeight) === null || _bodyFont_lineHeight === void 0 ? void 0 : _bodyFont_lineHeight.$6) || fontSize * 2);
+  return {
+    boxSize: Math.round(fontSize * 1.15),
+    lineHeight
+  };
+}
+var taskInlineGapMap = {
+  small: "$1.5",
+  medium: "$2",
+  large: "$2.5"
+};
+function clampTaskBoxRadius(radiusToken, pointy) {
+  if (pointy || radiusToken === "$0") return 0;
+  var num = Number.parseInt(radiusToken.replace("$", ""), 10);
+  return Number.isFinite(num) && num > 2 ? "$2" : radiusToken;
+}
+function TaskCheckbox(param) {
+  var {
+    checked
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var {
+    boxSize,
+    lineHeight
+  } = getTaskBoxMetrics();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    height: lineHeight,
+    justifyContent: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      role: "checkbox",
+      "aria-checked": checked,
+      "aria-disabled": true,
+      width: boxSize,
+      height: boxSize,
+      borderWidth: knobProps.borderRadius.borderWidth,
+      borderColor: "$color7",
+      backgroundColor: knobProps.outlined ? "transparent" : "$color5",
+      borderRadius: clampTaskBoxRadius(knobProps.borderRadius.borderRadius, knobProps.pointy),
+      alignItems: "center",
+      justifyContent: "center",
+      children: checked ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_icons.CheckIcon, {
+        size: Math.round(boxSize * 0.72),
+        color: knobProps.textAccentColor,
+        strokeWidth: knobProps.textWeight.fontWeight === "700" ? 3 : 2.5
+      }) : null
+    })
   });
 }
 function MarkdownListItem(param) {
@@ -46,17 +121,22 @@ function MarkdownListItem(param) {
     checked,
     children,
     index = 0,
-    ordered = false
+    ordered = false,
+    start
   } = param;
-  var bullet = ordered ? `${index + 1}.` : "\u2022";
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var bullet = ordered ? `${(start !== null && start !== void 0 ? start : 1) + index}.` : "\u2022";
   if (checked !== null && checked !== void 0) {
+    var _taskInlineGapMap_knobProps_space;
     return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      render: "li",
       marginBottom: "$1",
       alignItems: "flex-start",
-      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-        width: 24,
-        color: "$color11",
-        children: checked ? "\u2611" : "\u2610"
+      gap: (_taskInlineGapMap_knobProps_space = taskInlineGapMap[knobProps.space]) !== null && _taskInlineGapMap_knobProps_space !== void 0 ? _taskInlineGapMap_knobProps_space : "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TaskCheckbox, {
+        checked
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         flex: 1,
         children
@@ -64,11 +144,13 @@ function MarkdownListItem(param) {
     });
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    render: "li",
     marginBottom: "$1",
     alignItems: "flex-start",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       width: 24,
       color: "$color11",
+      "aria-hidden": true,
       children: bullet
     }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       flex: 1,