@multiplatform.one/markdown 6.1.0 → 6.3.0

package/dist/jsx/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/jsx/components/InlineStyles.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAIA,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AADF,IAAAC,gBAAkB,GAAAF,MAAS,CAAgBG,wBAAA;AAChD,IAAAC,iBAAO,GAAAJ,MAAC,CAAAK,mBAAgB;AAC1B,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAEO,IAAAC,QAAS,GAAAA,CAAAC,MAAW,EAAAC,GAAA,KAAyB;EAClD,SAAOC,IAAA,IAAAD,GAAA,EACTZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEO;AACL,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAACC,MAAA,EAAKC,IAAA;EACf,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAKL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAFG,IAAAC,gBAAkB,GAAAF,MAAS,CAAgBG,wBAAA;AAChD,IAAAC,iBACE,GAAAJ,MAAC,CAAAK,mBAAY;AAIjB,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAEO,IAAAC,QAAS,GAAAA,CAAAC,MAAW,EAAAC,GAAA,KAAyB;EAClD,SACEC,IAAA,IAAAD,GAAA,EAIJZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAEO;AACL,IAAAC,WACE,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAACC,MAAA,EAAKC,IAAA,KAAO;EAIjB,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA","ignoreList":[]}

package/dist/jsx/components/Link.mjs

@@ -1,27 +1,44 @@
-import { Text } from "tamagui";
+import { Text, isWeb } from "tamagui";
 import { openUrl } from "@multiplatform.one/platform";
 import { markdownLinkColors } from "../shared/colorRamps.mjs";
 import { jsx } from "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) {
-      openUrl(href);
-    }
+    if (!isWeb && safeHref) openUrl(safeHref);
   };
   return /* @__PURE__ */jsx(Text, {
+    render: "a",
+    href: safeHref,
+    target: isExternal ? "_blank" : void 0,
+    rel: isExternal ? "noopener noreferrer" : void 0,
+    title: title || void 0,
     color: markdownLinkColors.text.base,
     textDecorationLine: "underline",
     cursor: "pointer",
     onPress: handlePress,
-    accessibilityRole: "link",
-    accessibilityLabel: title || void 0,
     hoverStyle: {
       color: markdownLinkColors.text.hover
     },
+    focusVisibleStyle: {
+      outlineColor: "$outlineColor",
+      outlineWidth: 2,
+      outlineStyle: "solid",
+      outlineOffset: 2
+    },
     children
   });
 }

package/dist/jsx/components/Link.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","openUrl","markdownLinkColors","jsx","Link","href","title","children","handlePress","color","text","base","textDecorationLine","cursor","onPress","accessibilityRole","accessibilityLabel","hoverStyle","hover"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AACrB,SAASC,OAAA,QAAe;AACxB,SAASC,kBAAA,QAA0B;AAW/B,SAAAC,GAAA;AARG,SAASC,KAAK;EAAEC,IAAA;EAAMC,KAAA;EAAOC;AAAS,GAAc;EACzD,MAAMC,WAAA,GAAcA,CAAA,KAAM;IACxB,IAAIH,IAAA,EAAM;MACRJ,OAAA,CAAQI,IAAI;IACd;EACF;EAEA,OACE,eAAAF,GAAA,CAACH,IAAA;IACCS,KAAA,EAAOP,kBAAA,CAAmBQ,IAAA,CAAKC,IAAA;IAC/BC,kBAAA,EAAmB;IACnBC,MAAA,EAAO;IACPC,OAAA,EAASN,WAAA;IACTO,iBAAA,EAAkB;IAClBC,kBAAA,EAAoBV,KAAA,IAAS;IAC7BW,UAAA,EAAY;MAAER,KAAA,EAAOP,kBAAA,CAAmBQ,IAAA,CAAKQ;IAAM;IAElDX;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["Text","isWeb","openUrl","markdownLinkColors","jsx","safeProtocols","Set","getSafeHref","href","trimmed","trim","match","has","toLowerCase","Link","title","children","safeHref","isExternal","test","handlePress","render","target","rel","color","text","base","textDecorationLine","cursor","onPress","hoverStyle","hover","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,KAAA,QAAa;AAC5B,SAASC,OAAA,QAAe;AACxB,SAASC,kBAAA,QAA0B;AAwB/B,SAAAC,GAAA;AArBJ,MAAMC,aAAA,GAAgB,mBAAIC,GAAA,CAAI,CAAC,QAAQ,SAAS,UAAU,OAAO,KAAK,CAAC;AAEvE,SAASC,YAAYC,IAAA,EAAmC;EACtD,IAAI,CAACA,IAAA,EAAM,OAAO;EAClB,MAAMC,OAAA,GAAUD,IAAA,CAAKE,IAAA,CAAK;EAC1B,MAAMC,KAAA,GAAQF,OAAA,CAAQE,KAAA,CAAM,wBAAwB;EAEpD,IAAI,CAACA,KAAA,EAAO,OAAOF,OAAA;EACnB,OAAOJ,aAAA,CAAcO,GAAA,CAAID,KAAA,CAAM,CAAC,EAAEE,WAAA,CAAY,CAAC,IAAIJ,OAAA,GAAU;AAC/D;AAEO,SAASK,KAAK;EAAEN,IAAA;EAAMO,KAAA;EAAOC;AAAS,GAAc;EACzD,MAAMC,QAAA,GAAWV,WAAA,CAAYC,IAAI;EACjC,MAAMU,UAAA,GAAa,CAAC,CAACD,QAAA,IAAY,gBAAgBE,IAAA,CAAKF,QAAQ;EAE9D,MAAMG,WAAA,GAAcA,CAAA,KAAM;IAExB,IAAI,CAACnB,KAAA,IAASgB,QAAA,EAAUf,OAAA,CAAQe,QAAQ;EAC1C;EAEA,OACE,eAAAb,GAAA,CAACJ,IAAA;IACCqB,MAAA,EAAO;IAEPb,IAAA,EAAMS,QAAA;IACNK,MAAA,EAAQJ,UAAA,GAAa,WAAW;IAChCK,GAAA,EAAKL,UAAA,GAAa,wBAAwB;IAC1CH,KAAA,EAAOA,KAAA,IAAS;IAChBS,KAAA,EAAOrB,kBAAA,CAAmBsB,IAAA,CAAKC,IAAA;IAC/BC,kBAAA,EAAmB;IACnBC,MAAA,EAAO;IACPC,OAAA,EAAST,WAAA;IACTU,UAAA,EAAY;MAAEN,KAAA,EAAOrB,kBAAA,CAAmBsB,IAAA,CAAKM;IAAM;IACnDC,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdC,YAAA,EAAc;MACdC,YAAA,EAAc;MACdC,aAAA,EAAe;IACjB;IAECpB;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/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/jsx/components/Link.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Link_exports","Link","module","exports","import_jsx_runtime","require"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAe;AACxB,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAA0B;AAW/B,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AARG,IAAAC,YAAgB,GAAAN,MAAM,CAAAO,SAAO,CAAAC,cAAuB;AACzD,IAAAC,QAAM,GAAAA,CAAAC,MAAc,EAAAC,GAAA,KAAM;EACxB,SAAIC,IAAM,IAAAD,GAAA,EACRZ,SAAA,CAAQW,MAAI,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACd,IACFC,WAAA,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAEA,IAAAF,IACE,WAAAA,IAAA,wBAAAA,IAAA;IAAC,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,QAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACCnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAmB,EAAAA,CAAA,KAAKI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACZ,OACnBE,EAAA;AAAO;AACE,IAAAM,YACT,GAAAC,GAAA,IAAkBR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,YAClB;AAA6BhB,QAC7B,CAAAgB,YAAc;EAAqCC,IAElD,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MACH,CAAAC,OAAA,GAAAN,YAAA,CAAAG,YAAA;AAEJ,IAAAI,kBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Link_exports","Link","module","exports","import_jsx_runtime","require","import_tamagui","import_platform","import_colorRamps","safeProtocols","Set","getSafeHref","href","trimmed","trim","match","has","toLowerCase"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAe;AACxB,IAAAC,gBAAS,GAAAF,MAAA,CAAAG,wBAA0B;AAwB/B,IAAAC,iBAAA,GAAAJ,MAAA,CAAAK,mBAAA;AArBJ,IAAAC,YAAM,GAAAN,MAAgB,CAAAO,SAAA,CAAAC,cAAS;AAE/B,IAAAC,QAAS,GAAAA,CAAAC,MAAY,EAAAC,GAAmC;EACtD,KAAK,IAAAC,IAAM,IAAAD,GAAO,EAClBZ,SAAM,CAAAW,MAAU,EAAAE,IAAK,EAAK;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAC1B;AAEA,IAAAC,WAAY,GAAAA,CAAAC,EAAO,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACnB,IAAAF,IAAO,WAAAA,IAAc,KAAI,QAAS,WAAaA,IAAI,eAAU;IAC/D,SAAAG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GAEO,IAAS,CAAAX,YAAa,CAAAe,IAAA,CAAOL,EAAA,EAAAI,GAAA,KAAuBA,GAAA,KAAAF,MAAA,EACnDnB,SAAA,CAAAiB,EAAW,EAAAI,GAAA;MAAAP,GAAY,EAAAA,CAAA,KAAII,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACjC;EAEA,OAAME,EAAA;AAEJ;AAAwC,IAC1CM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAEA,IAAAE,YACE;AAAAhB,QAAC,CAAAgB,YAAA;EAAAC,IAAA,EAAAA,CAAA,KAAAA;AAAA;AACQC,MAEP,CAAAC,OAAM,GAAAN,YAAA,CAAAG,YAAA;AAAA,IAAAI,kBACE,GAAAC,OAAa,oBAAW;AAAA,IAAAC,cAC3B,GAAAD,OAAa;AAAwB,IAAAE,eACnC,GAASF,OAAA;AAAA,IAAAG,iBACT,GAAAH,OAAA,CAAmB,gCAAK;AAAA,IAAAI,aAC/B,kBAAmB,IAAAC,GAAA,QACnB,EAAO,OACP,EAAS,QACT,EAAmD,KACnD,EAAmB,MACH;AACA,SACdC,YAAAC,IAAc;EAAA,KAAAA,IACd,cAAe;EAAA,IACjBC,OAAA,GAAAD,IAAA,CAAAE,IAAA;EAAA,IAECC,KAAA,GAAAF,OAAA,CAAAE,KAAA;EAAA,KAAAA,KAAA,SAAAF,OAAA;EACH,OAAAJ,aAAA,CAAAO,GAAA,CAAAD,KAAA,IAAAE,WAAA,MAAAJ,OAAA;AAEJ","ignoreList":[]}

package/dist/jsx/components/List.mjs

@@ -1,30 +1,106 @@
-import { View, XStack, Text } from "tamagui";
+import { Children, cloneElement, isValidElement } from "react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { Text, View, XStack, getConfig, getVariableValue } from "tamagui";
+import { CheckIcon } from "../icons/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+const listReset = {
+  listStyleType: "none",
+  paddingInlineStart: 0,
+  marginBlockStart: 0,
+  marginBlockEnd: 0
+};
 function MarkdownList({
-  ordered: _ordered,
-  start: _start,
+  ordered,
+  start,
   children
 }) {
+  const items = Children.map(children, child => {
+    if (!isValidElement(child) || child.type !== MarkdownListItem) return child;
+    const childProps = child.props;
+    return cloneElement(child, {
+      ordered: childProps.ordered ?? ordered,
+      start: childProps.start ?? start ?? void 0
+    });
+  });
   return /* @__PURE__ */jsx(View, {
+    render: ordered ? "ol" : "ul",
+    start: ordered ? start ?? void 0 : void 0,
+    style: listReset,
     marginVertical: "$2",
-    children
+    children: items
+  });
+}
+function getTaskBoxMetrics() {
+  const bodyFont = getConfig()?.fontsParsed?.$body;
+  const fontSize = Math.round(getVariableValue(bodyFont?.size?.$true) || 14);
+  const lineHeight = Math.round(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
+  } = useResolvedKnobs();
+  const {
+    boxSize,
+    lineHeight
+  } = getTaskBoxMetrics();
+  return /* @__PURE__ */jsx(View, {
+    height: lineHeight,
+    justifyContent: "center",
+    children: /* @__PURE__ */jsx(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__ */jsx(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
+  } = useResolvedKnobs();
+  const bullet = ordered ? `${(start ?? 1) + index}.` : "\u2022";
   if (checked !== null && checked !== void 0) {
     return /* @__PURE__ */jsxs(XStack, {
+      render: "li",
       marginBottom: "$1",
       alignItems: "flex-start",
-      children: [/* @__PURE__ */jsx(Text, {
-        width: 24,
-        color: "$color11",
-        children: checked ? "\u2611" : "\u2610"
+      gap: taskInlineGapMap[knobProps.space] ?? "$2",
+      children: [/* @__PURE__ */jsx(TaskCheckbox, {
+        checked
       }), /* @__PURE__ */jsx(View, {
         flex: 1,
         children
@@ -32,11 +108,13 @@ function MarkdownListItem({
     });
   }
   return /* @__PURE__ */jsxs(XStack, {
+    render: "li",
     marginBottom: "$1",
     alignItems: "flex-start",
     children: [/* @__PURE__ */jsx(Text, {
       width: 24,
       color: "$color11",
+      "aria-hidden": true,
       children: bullet
     }), /* @__PURE__ */jsx(View, {
       flex: 1,

package/dist/jsx/components/List.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["View","XStack","Text","jsx","jsxs","MarkdownList","ordered","_ordered","start","_start","children","marginVertical","MarkdownListItem","checked","index","bullet","marginBottom","alignItems","width","color","flex"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,EAAMC,MAAA,EAAQC,IAAA,QAAY;AAI1B,SAAAC,GAAA,EAmBHC,IAAA,QAnBG;AADF,SAASC,aAAa;EAAEC,OAAA,EAASC,QAAA;EAAUC,KAAA,EAAOC,MAAA;EAAQC;AAAS,GAAc;EACtF,OAAO,eAAAP,GAAA,CAACH,IAAA;IAAKW,cAAA,EAAe;IAAMD;EAAA,CAAS;AAC7C;AAOO,SAASE,iBAAiB;EAC/BC,OAAA;EACAH,QAAA;EACAI,KAAA,GAAQ;EACRR,OAAA,GAAU;AACZ,GAA0B;EACxB,MAAMS,MAAA,GAAST,OAAA,GAAU,GAAGQ,KAAA,GAAQ,CAAC,MAAM;EAG3C,IAAID,OAAA,KAAY,QAAQA,OAAA,KAAY,QAAW;IAC7C,OACE,eAAAT,IAAA,CAACH,MAAA;MAAOe,YAAA,EAAa;MAAKC,UAAA,EAAW;MACnCP,QAAA,kBAAAP,GAAA,CAACD,IAAA;QAAKgB,KAAA,EAAO;QAAIC,KAAA,EAAM;QACpBT,QAAA,EAAAG,OAAA,GAAU,WAAM;MAAA,CACnB,GACA,eAAAV,GAAA,CAACH,IAAA;QAAKoB,IAAA,EAAM;QAAIV;MAAA,CAAS;IAAA,CAC3B;EAEJ;EAEA,OACE,eAAAN,IAAA,CAACH,MAAA;IAAOe,YAAA,EAAa;IAAKC,UAAA,EAAW;IACnCP,QAAA,kBAAAP,GAAA,CAACD,IAAA;MAAKgB,KAAA,EAAO;MAAIC,KAAA,EAAM;MACpBT,QAAA,EAAAK;IAAA,CACH,GACA,eAAAZ,GAAA,CAACH,IAAA;MAAKoB,IAAA,EAAM;MAAIV;IAAA,CAAS;EAAA,CAC3B;AAEJ","ignoreList":[]}
+{"version":3,"names":["Children","cloneElement","isValidElement","useResolvedKnobs","Text","View","XStack","getConfig","getVariableValue","CheckIcon","jsx","jsxs","listReset","listStyleType","paddingInlineStart","marginBlockStart","marginBlockEnd","MarkdownList","ordered","start","children","items","map","child","type","MarkdownListItem","childProps","props","render","style","marginVertical","getTaskBoxMetrics","bodyFont","fontsParsed","$body","fontSize","Math","round","size","$true","lineHeight","$6","boxSize","taskInlineGapMap","small","medium","large","clampTaskBoxRadius","radiusToken","pointy","num","Number","parseInt","replace","isFinite","TaskCheckbox","checked","knobProps","height","justifyContent","role","width","borderWidth","borderRadius","borderColor","backgroundColor","outlined","alignItems","color","textAccentColor","strokeWidth","textWeight","fontWeight","index","bullet","marginBottom","gap","space","flex"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/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,

package/dist/jsx/components/List.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","List_exports","MarkdownList","MarkdownListItem"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAIA,IAAAA,SAAA,GAmBHC,MAAA,CAAAC,cAnBG;AADF,IAAAC,gBAAS,GAAaF,MAAE,CAAAG,wBAA0B;AACvD,IAAAC,iBAAO,GAAAJ,MAAC,CAAAK,mBAAK;AACf,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAOO,IAAAC,QAAS,GAAAA,CAAAC,MAAA,EAAAC,GAAiB;EAC/B,SAAAC,IAAA,IAAAD,GAAA,EACAZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACQ,IACRC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACZ,IAA0BF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACxB,KAAM,IAAAG,GAAA,IAAShB,iBAAa,CAAQa,IAAC,GAGjC,KAAAX,YAAY,CAAAe,IAAQ,CAAAL,EAAA,EAAAI,GAAA,KAAYA,GAAA,KAAWF,MAAA,EAC7CnB,SACE,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAC,EAAAA,CAAA,KAAAI,IAAO,CAAAG,GAAA;MAAAN,UAAa,EAAK,EAAAK,IAAA,GAAAjB,gBACxB,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAEA,OACAE,EAAA;AAAyB;AAC3B,IAEJM,YAAA,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAEA,IAAAE,YACE;AACEhB,QAAA,CAAAgB,YAAA;EAEAC,YACA,EAAAA,CAAA,KAAAA,YAAM;EAAmBC,gBAC3B,EAAAA,CAAA,KAAAA;AAEJ","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","List_exports","MarkdownList","MarkdownListItem","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","import_icons","listReset","listStyleType","paddingInlineStart","marginBlockStart","marginBlockEnd","param","ordered","start","children","items","Children","map","child","_childProps_ordered","_ref","_childProps_start","isValidElement","type","childProps","props","cloneElement","jsx","View","render","style","marginVertical","getTaskBoxMetrics","_getConfig_fontsParsed","_getConfig","_bodyFont_size","_bodyFont_lineHeight","bodyFont","getConfig","fontsParsed","$body","fontSize","Math","round","getVariableValue","size","$true","lineHeight","$6","boxSize","taskInlineGapMap","small","medium","large","clampTaskBoxRadius","radiusToken","pointy","num","Number","parseInt","replace","isFinite","TaskCheckbox","checked","knobProps","useResolvedKnobs","height","justifyContent","role","width","borderWidth","borderRadius","borderColor","backgroundColor","outlined","alignItems","CheckIcon","color","textAccentColor","strokeWidth","textWeight","fontWeight","index","bullet","_taskInlineGapMap_knobProps_space"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/components/Paragraph.mjs

@@ -1,11 +1,16 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { Paragraph as TamaguiParagraph } from "tamagui";
 import { jsx } from "react/jsx-runtime";
 function Paragraph({
   children
 }) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
   return /* @__PURE__ */jsx(TamaguiParagraph, {
     marginBottom: "$2",
-    lineHeight: "$6",
+    size: knobProps.sizeToken,
+    ...knobProps.body,
     children
   });
 }

package/dist/jsx/components/Paragraph.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Paragraph","TamaguiParagraph","jsx","children","marginBottom","lineHeight"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,IAAaC,gBAAA,QAAwB;AAK1C,SAAAC,GAAA;AAFG,SAASF,UAAU;EAAEG;AAAS,GAAmB;EACtD,OACE,eAAAD,GAAA,CAACD,gBAAA;IAAiBG,YAAA,EAAa;IAAKC,UAAA,EAAW;IAC5CF;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","Paragraph","TamaguiParagraph","jsx","children","knobProps","marginBottom","size","sizeToken","body"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,SAAA,IAAaC,gBAAA,QAAwB;AAS1C,SAAAC,GAAA;AANG,SAASF,UAAU;EAAEG;AAAS,GAAmB;EAItD,MAAM;IAAEC;EAAU,IAAIL,gBAAA,CAAiB;EACvC,OACE,eAAAG,GAAA,CAACD,gBAAA;IAAiBI,YAAA,EAAa;IAAKC,IAAA,EAAMF,SAAA,CAAUG,SAAA;IAAmB,GAAGH,SAAA,CAAUI,IAAA;IACjFL;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/jsx/components/Paragraph.native.js

@@ -28,14 +28,19 @@ __export(Paragraph_exports, {
 });
 module.exports = __toCommonJS(Paragraph_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 function Paragraph(param) {
   var {
     children
   } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
     marginBottom: "$2",
-    lineHeight: "$6",
+    size: knobProps.sizeToken,
+    ...knobProps.body,
     children
   });
 }

package/dist/jsx/components/Paragraph.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAKL,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAFG,IAAAC,gBAAmB,GAAEF,MAAA,CAASG,wBAAmB;AACtD,IAAAC,iBACE,GAAAJ,MAAC,CAAAK,mBAAiB;AAItB,IAAAC,YAAA,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAa,CAAAC,cAAA;AASlB,IAAAC,gBAAA,GAAAF,MAAA,CAAAG,wBAAA;AANG,IAAAC,iBAAqB,GAAAJ,MAAS,CAAAK,mBAAmB;AAItD,IAAAC,YAAQ,GAAAN,MAAc,CAAAO,SAAA,CAAAC,cAAiB;AACvC,IAAAC,QACE,GAAAA,CAAAC,MAAA,EAAAC,GAAA,KAAC;EAIL,SAAAC,IAAA,IAAAD,GAAA,E","ignoreList":[]}

package/dist/jsx/components/Table.mjs

@@ -1,34 +1,59 @@
+import { Children, isValidElement } from "react";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
-import { View, Text, XStack, YStack, ScrollView } from "tamagui";
-import { markdownTableColors } from "../shared/colorRamps.mjs";
-import { jsx } from "react/jsx-runtime";
+import { Paragraph, ScrollView, YStack } from "tamagui";
+import { Table } from "@multiplatform.one/table-primitives";
+import { jsx, jsxs } from "react/jsx-runtime";
+function isHeaderRow(row) {
+  return isValidElement(row) && Boolean(row.props.isHeader);
+}
 function MarkdownTable({
   children
 }) {
   const {
     knobProps
   } = useResolvedKnobs();
+  const rows = Children.toArray(children);
+  const headerRows = rows.filter(row => isHeaderRow(row));
+  const bodyRows = rows.filter(row => !isHeaderRow(row));
   return /* @__PURE__ */jsx(ScrollView, {
     horizontal: true,
+    showsHorizontalScrollIndicator: false,
     marginVertical: "$3",
     children: /* @__PURE__ */jsx(YStack, {
-      ...knobProps.borderRadiusOuter,
-      borderWidth: 1,
-      borderColor: markdownTableColors.border.base,
-      overflow: "hidden",
       minWidth: "100%",
-      children
+      children: /* @__PURE__ */jsxs(Table, {
+        render: "table",
+        width: "auto",
+        cellWidth: "auto",
+        style: {
+          tableLayout: "auto"
+        },
+        borderColor: "$borderColor",
+        borderRadius: knobProps.borderRadius.borderRadius,
+        alignCells: {
+          x: "start",
+          y: "center"
+        },
+        alignHeaderCells: {
+          x: "start",
+          y: "center"
+        },
+        children: [headerRows.length > 0 && /* @__PURE__ */jsx(Table.Head, {
+          render: "thead",
+          children: headerRows
+        }), /* @__PURE__ */jsx(Table.Body, {
+          render: "tbody",
+          children: bodyRows
+        })]
+      })
     })
   });
 }
 function MarkdownTableRow({
-  children,
-  isHeader
+  children
 }) {
-  return /* @__PURE__ */jsx(XStack, {
-    backgroundColor: isHeader ? markdownTableColors.background.header : markdownTableColors.background.base,
-    borderBottomWidth: isHeader ? 1 : 0.5,
-    borderBottomColor: markdownTableColors.border.base,
+  return /* @__PURE__ */jsx(Table.Row, {
+    render: "tr",
     children
   });
 }
@@ -37,20 +62,28 @@ function MarkdownTableCell({
   isHeader,
   align
 }) {
-  const {
-    knobProps
-  } = useResolvedKnobs();
   const textAlign = align || "left";
-  return /* @__PURE__ */jsx(View, {
-    flex: 1,
-    paddingHorizontal: knobProps.gap.gap,
-    paddingVertical: "$2",
-    borderRightWidth: 0.5,
-    borderRightColor: markdownTableColors.border.base,
-    justifyContent: "center",
-    children: /* @__PURE__ */jsx(Text, {
-      fontWeight: isHeader ? "600" : "normal",
+  if (isHeader) {
+    return /* @__PURE__ */jsx(Table.HeaderCell, {
+      render: "th",
+      children: /* @__PURE__ */jsx(Paragraph, {
+        render: "span",
+        display: "block",
+        size: "$4",
+        fontWeight: "600",
+        textAlign,
+        children
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Table.Cell, {
+    render: "td",
+    children: /* @__PURE__ */jsx(Paragraph, {
+      render: "span",
+      display: "block",
+      size: "$4",
       textAlign,
+      maxWidth: 480,
       children
     })
   });