@multiplatform.one/markdown 6.1.0 → 6.4.0

package/dist/esm/components/InlineStyles.mjs

@@ -4,6 +4,7 @@ function Strong({
   children
 }) {
   return /* @__PURE__ */jsx(Text, {
+    render: "strong",
     fontWeight: "bold",
     children
   });
@@ -12,6 +13,7 @@ function Emphasis({
   children
 }) {
   return /* @__PURE__ */jsx(Text, {
+    render: "em",
     fontStyle: "italic",
     children
   });
@@ -20,6 +22,7 @@ function Strikethrough({
   children
 }) {
   return /* @__PURE__ */jsx(Text, {
+    render: "del",
     textDecorationLine: "line-through",
     children
   });

package/dist/esm/components/InlineStyles.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Text","jsx","Strong","children","fontWeight","Emphasis","fontStyle","Strikethrough","textDecorationLine"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AAIZ,SAAAC,GAAA;AADF,SAASC,OAAO;EAAEC;AAAS,GAAgB;EAChD,OAAO,eAAAF,GAAA,CAACD,IAAA;IAAKI,UAAA,EAAW;IAAQD;EAAA,CAAS;AAC3C;AAEO,SAASE,SAAS;EAAEF;AAAS,GAAgB;EAClD,OAAO,eAAAF,GAAA,CAACD,IAAA;IAAKM,SAAA,EAAU;IAAUH;EAAA,CAAS;AAC5C;AAEO,SAASI,cAAc;EAAEJ;AAAS,GAAgB;EACvD,OAAO,eAAAF,GAAA,CAACD,IAAA;IAAKQ,kBAAA,EAAmB;IAAgBL;EAAA,CAAS;AAC3D","ignoreList":[]}
+{"version":3,"names":["Text","jsx","Strong","children","render","fontWeight","Emphasis","fontStyle","Strikethrough","textDecorationLine"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,IAAA,QAAY;AAKjB,SAAAC,GAAA;AAFG,SAASC,OAAO;EAAEC;AAAS,GAAgB;EAChD,OACE,eAAAF,GAAA,CAACD,IAAA;IAAKI,MAAA,EAAO;IAASC,UAAA,EAAW;IAC9BF;EAAA,CACH;AAEJ;AAEO,SAASG,SAAS;EAAEH;AAAS,GAAgB;EAClD,OACE,eAAAF,GAAA,CAACD,IAAA;IAAKI,MAAA,EAAO;IAAKG,SAAA,EAAU;IACzBJ;EAAA,CACH;AAEJ;AAEO,SAASK,cAAc;EAAEL;AAAS,GAAgB;EACvD,OACE,eAAAF,GAAA,CAACD,IAAA;IAAKI,MAAA,EAAO;IAAMK,kBAAA,EAAmB;IACnCN;EAAA,CACH;AAEJ","ignoreList":[]}

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

@@ -5,6 +5,7 @@ function Strong(param) {
     children
   } = param;
   return /* @__PURE__ */_jsx(Text, {
+    render: "strong",
     fontWeight: "bold",
     children
   });
@@ -14,6 +15,7 @@ function Emphasis(param) {
     children
   } = param;
   return /* @__PURE__ */_jsx(Text, {
+    render: "em",
     fontStyle: "italic",
     children
   });
@@ -23,6 +25,7 @@ function Strikethrough(param) {
     children
   } = param;
   return /* @__PURE__ */_jsx(Text, {
+    render: "del",
     textDecorationLine: "line-through",
     children
   });

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Text","Strong","param","children","fontWeight","Emphasis"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AAIZ,SAAAC,IAAA;AADF,SAASC,OAAOC,KAAE;EACvB;IAAAC;EAAO,IAAAD,KAAA;EACT,sBAAAH,IAAA,CAAAC,IAAA;IAEOI,UAAS,QAAW;IACzBD;EACF;AAEO;AACL,SAAOE,SAAAH,KAAA;EACT;IAAAC;EAAA,IAAAD,KAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Text","Strong","param","children","render","fontWeight","Emphasis"],"sources":["../../../src/components/InlineStyles.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AAKjB,SAAAC,IAAA;AAFG,SAASC,OAAOC,KAAE;EACvB;IAAAC;EACE,IAAAD,KAAA;EAIJ,sBAAAH,IAAA,CAAAC,IAAA;IAEOI,MAAS,UAAW;IACzBC,UACE;IAIJF;EAEO;AACL;AAKF,SAAAG,SAAAJ,KAAA","ignoreList":[]}

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

@@ -1,28 +1,46 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Text } from "tamagui";
+import { Text, isWeb } from "tamagui";
 import { openUrl } from "@multiplatform.one/platform";
 import { markdownLinkColors } from "../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) {
-      openUrl(href);
-    }
+    if (!isWeb && safeHref) openUrl(safeHref);
   };
   return /* @__PURE__ */_jsx(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: 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/esm/components/Link.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Text","openUrl","markdownLinkColors","Link","param","href","title","children","handlePress","handlePress2","color","text","base","textDecorationLine","cursor","onPress","accessibilityRole","accessibilityLabel","hoverStyle","hover"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAY;AACrB,SAASC,IAAA,iBAAe;AACxB,SAASC,OAAA,qCAA0B;AAW/B,SAAAC,kBAAA;AARG,SAASC,KAAKC,KAAE;EACrB;IAAMC,IAAA;IAAAC,KAAA;IAAAC;EAAoB,IAAAH,KAAA;EACxB,IAAAI,WAAU,YAAAC,aAAA;IACR,IAAAJ,IAAA,EAAQ;MACVJ,OAAA,CAAAI,IAAA;IACF;EAEA;EACE,OAAC,eAAAN,IAAA,CAAAC,IAAA;IAAAU,KAAA,EAAAR,kBAAA,CAAAS,IAAA,CAAAC,IAAA;IAAAC,kBACQ,aAAmB;IAAKC,MAC/B;IAAmBC,OACnB,EAAAP,WAAO;IAAAQ,iBACE;IAAAC,kBACT,EAAAX,KAAkB;IAAAY,UAClB;MACAR,KAAA,EAAAR,kBAAqB,CAAAS,IAAA,CAAAQ;IAA8B;IAElDZ;EACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Text","isWeb","openUrl","markdownLinkColors","safeProtocols","Set","getSafeHref","href","trimmed","trim","match","has","toLowerCase","Link","param","title","children","safeHref","isExternal","test","handlePress","handlePress2","render","target","rel","color","text","base","textDecorationLine","cursor","onPress","hoverStyle","hover","focusVisibleStyle","outlineColor"],"sources":["../../../src/components/Link.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,QAAa;AAC5B,SAASC,IAAA,EAAAC,KAAA,QAAe;AACxB,SAASC,OAAA,qCAA0B;AAwB/B,SAAAC,kBAAA;AArBJ,IAAAC,aAAM,kBAAgB,IAAAC,GAAI,EAE1B,QACE,OAAK,EACL,QAAM,EACN,OAEA,KAAK,CACL;AACF,SAAAC,YAAAC,IAAA;EAEO,KAAAA,IAAS,SAAO,KAAM;EAC3B,IAAAC,OAAM,GAAAD,IAAW,CAAAE,IAAA;EACjB,IAAAC,KAAM,GAAAF,OAAa,CAACE,KAAC,yBAA4B;EAEjD,KAAAA,KAAM,SAAAF,OAAoB;EAExB,OAAKJ,aAAS,CAAAO,GAAA,CAAUD,KAAA,IAAQE,WAAQ,MAAAJ,OAAA;AAAA;AAG1C,SACEK,KAAAC,KAAA;EAAA,IAAC;IAAAP,IAAA;IAAAQ,KAAA;IAAAC;EAAA,IAAAF,KAAA;EAAA,IAAAG,QAAA,GAAAX,WAAA,CAAAC,IAAA;EAAA,IACCW,UAAO,KAAAD,QAAA,oBAAAE,IAAA,CAAAF,QAAA;EAAA,IAEPG,WAAM,YAAAC,aAAA;IAAA,IACN,CAAApB,KAAQ,IAAAgB,QAAA,EAAaf,OAAA,CAAAe,QAAW;EAAA;EACU,OAC1C,eAAgBlB,IAAA,CAAAC,IAAA;IAAAsB,MAChB,KAAO;IAAwB;IACZf,IACnB,EAAAU,QAAO;IAAAM,MACP,EAAAL,UAAS;IAAAM,GACT,EAAAN,UAAY,GAAE,qBAAO,GAAmB,KAAK;IAAMH,KACnD,EAAAA,KAAA,SAAmB;IAAAU,KACjB,EAAAtB,kBAAc,CAAAuB,IAAA,CAAAC,IAAA;IAAAC,kBACA;IAAAC,MACd;IAAcC,OACd,EAAAV,WAAe;IAAAW,UACjB;MAECN,KAAA,EAAAtB,kBAAA,CAAAuB,IAAA,CAAAM;IAAA;IACHC,iBAAA;MAEJC,YAAA","ignoreList":[]}

package/dist/esm/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/esm/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/esm/components/List.native.js

@@ -1,14 +1,89 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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.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 = Children.map(children, function (child) {
+    var _childProps_ordered, _ref, _childProps_start;
+    if (! /* @__PURE__ */isValidElement(child) || child.type !== MarkdownListItem) return child;
+    var childProps = child.props;
+    return /* @__PURE__ */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__ */_jsx(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 = 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(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(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
+  } = useResolvedKnobs();
+  var {
+    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(param) {
@@ -16,17 +91,22 @@ function MarkdownListItem(param) {
     checked,
     children,
     index = 0,
-    ordered = false
+    ordered = false,
+    start
   } = param;
-  var bullet = ordered ? `${index + 1}.` : "\u2022";
+  var {
+    knobProps
+  } = 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__ */_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 = taskInlineGapMap[knobProps.space]) !== null && _taskInlineGapMap_knobProps_space !== void 0 ? _taskInlineGapMap_knobProps_space : "$2",
+      children: [/* @__PURE__ */_jsx(TaskCheckbox, {
+        checked
       }), /* @__PURE__ */_jsx(View, {
         flex: 1,
         children
@@ -34,11 +114,13 @@ function MarkdownListItem(param) {
     });
   }
   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/esm/components/List.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","View","XStack","Text","MarkdownList","param","ordered","_ordered","start","_start","children","marginVertical","MarkdownListItem","checked","index","bullet","marginBottom","alignItems","width","color"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAQ,IAAAC,KAAY;AAI1B,SAAAC,IAAA,EAmBHC,MAAA,EAAAC,IAnBG;AADF,SAASC,aAAaC,KAAE;EAC7B;IAAAC,OAAO,EAAAC,QAAA;IAAAC,KAAC,EAAAC,MAAK;IAAAC;EAAA,IAAeL,KAAM;EACpC,sBAAAP,IAAA,CAAAG,IAAA;IAOOU,cAAS;IACdD;EACA;AAAA;AACQ,SACRE,gBAAUA,CAAAP,KAAA;EACZ,IAA0B;IAAAQ,OAAA;IAAAH,QAAA;IAAAI,KAAA;IAAAR,OAAA;EAAA,IAAAD,KAAA;EACxB,IAAAU,MAAM,GAAAT,OAAS,MAAUQ,KAAG,OAAS,WAAM;EAG3C,IAAID,OAAA,KAAY,QAAQA,OAAA,KAAY,QAAW;IAC7C,OACE,eAAAb,KAAC,CAAAE,MAAA;MACCc,YAAA;MAGAC,UAAA,cAAC;MAAwBP,QAC3B,GAEJ,eAAAZ,IAAA,CAAAK,IAAA;QAGEe,KAAA;QACEC,KAAA,YAAC;QAGDT,QAAA,EAAAG,OAAC,WAAW,GAAI;MAClB,IAEJ,eAAAf,IAAA,CAAAG,IAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Children","cloneElement","isValidElement","useResolvedKnobs","Text","View","XStack","getConfig","getVariableValue","CheckIcon","listReset","listStyleType","paddingInlineStart","marginBlockStart","marginBlockEnd","MarkdownList","param","ordered","start","children","items","map","child","_childProps_ordered","_ref","_childProps_start","type","MarkdownListItem","childProps","props","render","style","marginVertical","getTaskBoxMetrics","_getConfig_fontsParsed","_getConfig","_bodyFont_size","_bodyFont_lineHeight","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","_taskInlineGapMap_knobProps_space","marginBottom","gap","space","flex"],"sources":["../../../src/components/List.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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/esm/components/Paragraph.native.js

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

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Paragraph","TamaguiParagraph","param","children"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa,mBAAwB;AAK1C,SAAAC,SAAA,IAAAC,gBAAA;AAFG,SAASD,UAAUE,KAAE;EAC1B;IAAAC;EACE,IAAAD,KAAA;EAIJ,sBAAAH,IAAA,CAAAE,gBAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useResolvedKnobs","Paragraph","TamaguiParagraph","param","children","knobProps"],"sources":["../../../src/components/Paragraph.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,2BAAwB;AACjC,SAASC,gBAAa,kCAAwB;AAS1C,SAAAC,SAAA,IAAAC,gBAAA;AANG,SAASD,UAAUE,KAAE;EAI1B;IAAMC;EAAE,IAAUD,KAAI;EACtB;IAAAE;EACE,IAAAL,gBAAC;EAIL,sBAAAD,IAAA,CAAAG,gBAAA","ignoreList":[]}