@multiplatform.one/markdown 6.1.0 → 6.4.0

package/dist/cjs/Tabs/index.cjs

@@ -26,62 +26,30 @@ __export(Tabs_exports, {
   MDXTabs: () => MDXTabs
 });
 module.exports = __toCommonJS(Tabs_exports);
-var import_react = require("react");
+var import_components = require("@multiplatform.one/components");
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
-const TabListFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
-  borderBottomWidth: 1,
-  borderBottomColor: "$borderColor",
-  marginBottom: "$3",
-  gap: "$1"
-});
-const TabTrigger = (0, import_tamagui.styled)(import_tamagui.XStack, {
-  paddingHorizontal: "$4",
-  paddingVertical: "$2",
-  cursor: "pointer",
-  borderBottomWidth: 2,
-  borderBottomColor: "transparent",
-  marginBottom: -1,
-  hoverStyle: {
-    backgroundColor: "$color3"
-  },
-  variants: {
-    active: {
-      true: {
-        borderBottomColor: "$color10"
-      }
-    }
-  }
-});
 function MDXTabs({
   items,
   children,
   defaultValue
 }) {
-  const [activeIndex, setActiveIndex] = (0, import_react.useState)(() => {
-    if (defaultValue) {
-      const idx = items.indexOf(defaultValue);
-      return idx >= 0 ? idx : 0;
-    }
-    return 0;
-  });
   const childArray = Array.isArray(children) ? children : [children];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  const values = items.map((label, index) => `${label}-${index}`);
+  const defaultIndex = defaultValue ? Math.max(items.indexOf(defaultValue), 0) : 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     marginVertical: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabListFrame, {
-      children: items.map((item, i) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabTrigger, {
-        active: i === activeIndex,
-        onPress: () => setActiveIndex(i),
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-          size: "$4",
-          fontWeight: i === activeIndex ? "600" : "400",
-          color: i === activeIndex ? "$color12" : "$color9",
-          children: item
-        })
-      }, item))
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      children: childArray[activeIndex] ?? null
-    })]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tabs, {
+      items: items.map((label, index) => ({
+        value: values[index],
+        label,
+        // Panels mount on first visit and stay mounted (lazyMount), so
+        // focus/input state inside a visited panel survives switching.
+        content: childArray[index] ?? null
+      })),
+      defaultValue: values[defaultIndex],
+      lazyMount: true
+    })
   });
 }
 function MDXTab({

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

@@ -29,67 +29,35 @@ __export(Tabs_exports, {
 });
 module.exports = __toCommonJS(Tabs_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
+var import_components = require("@multiplatform.one/components");
 var import_tamagui = require("tamagui");
-var TabListFrame = (0, import_tamagui.styled)(import_tamagui.XStack, {
-  borderBottomWidth: 1,
-  borderBottomColor: "$borderColor",
-  marginBottom: "$3",
-  gap: "$1"
-});
-var TabTrigger = (0, import_tamagui.styled)(import_tamagui.XStack, {
-  paddingHorizontal: "$4",
-  paddingVertical: "$2",
-  cursor: "pointer",
-  borderBottomWidth: 2,
-  borderBottomColor: "transparent",
-  marginBottom: -1,
-  hoverStyle: {
-    backgroundColor: "$color3"
-  },
-  variants: {
-    active: {
-      true: {
-        borderBottomColor: "$color10"
-      }
-    }
-  }
-});
 function MDXTabs(param) {
   var {
     items,
     children,
     defaultValue
   } = param;
-  var _childArray_activeIndex;
-  var [activeIndex, setActiveIndex] = (0, import_react.useState)(function () {
-    if (defaultValue) {
-      var idx = items.indexOf(defaultValue);
-      return idx >= 0 ? idx : 0;
-    }
-    return 0;
-  });
   var childArray = Array.isArray(children) ? children : [children];
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+  var values = items.map(function (label, index) {
+    return `${label}-${index}`;
+  });
+  var defaultIndex = defaultValue ? Math.max(items.indexOf(defaultValue), 0) : 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     marginVertical: "$4",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(TabListFrame, {
-      children: items.map(function (item, i) {
-        return /* @__PURE__ */(0, import_jsx_runtime.jsx)(TabTrigger, {
-          active: i === activeIndex,
-          onPress: function onPress() {
-            return setActiveIndex(i);
-          },
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
-            size: "$4",
-            fontWeight: i === activeIndex ? "600" : "400",
-            color: i === activeIndex ? "$color12" : "$color9",
-            children: item
-          })
-        }, item);
-      })
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-      children: (_childArray_activeIndex = childArray[activeIndex]) !== null && _childArray_activeIndex !== void 0 ? _childArray_activeIndex : null
-    })]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Tabs, {
+      items: items.map(function (label, index) {
+        var _childArray_index;
+        return {
+          value: values[index],
+          label,
+          // Panels mount on first visit and stay mounted (lazyMount), so
+          // focus/input state inside a visited panel survives switching.
+          content: (_childArray_index = childArray[index]) !== null && _childArray_index !== void 0 ? _childArray_index : null
+        };
+      }),
+      defaultValue: values[defaultIndex],
+      lazyMount: true
+    })
   });
 }
 function MDXTab(param) {

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tabs_exports","__export","MDXTab","MDXTabs","module","exports","import_jsx_runtime","require","import_react","import_tamagui","TabListFrame","styled","XStack","borderBottomWidth","borderBottomColor","marginBottom","gap","TabTrigger","paddingHorizontal","paddingVertical","cursor","hoverStyle","backgroundColor","variants","active","true","param","items","children","defaultValue","_childArray_activeIndex","activeIndex","setActiveIndex","useState","idx","indexOf","childArray","Array","isArray","jsxs","YStack","marginVertical","jsx","map","item","i","onPress","Paragraph"],"sources":["../../../src/Tabs/index.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,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAyB,CAAAK,YAAA;AACzB,IAAAM,kBAAkD,GAAAC,OAAA;AAgD9C,IAAAC,YAAA,GAAAD,OAAA;AA9CJ,IAAAE,cAAM,GAAAF,OAAe;AAAe,IAClCG,YAAA,KAAmB,EAAAD,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACnBC,iBAAA,EAAmB;EACnBC,iBAAc;EACdC,YAAK;EACNC,GAAA;AAED;AAAkC,IAChCC,UAAA,OAAmBR,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACnBM,iBAAiB;EACjBC,eAAQ;EACRC,MAAA;EACAP,iBAAA,EAAmB;EACnBC,iBAAc;EAEdC,YAAY;EAAAM,UACV;IACFC,eAAA;EAEA;EAAUC,QACR,EAAQ;IAAAC,MACN,EAAM;MAAAC,IACJ;QACFX,iBAAA;MACF;IACF;EACD;AAQM;AACL,SAAOX,QAAAuB,KAAa;EAClB;IAAIC,KAAA;IAAAC,QAAc;IAAAC;EAAA,IAAAH,KAAA;EAChB,IAAAI,uBAAkB;EAClB,KAAAC,WAAO,EAAOC,cAAU,QAAAxB,YAAA,CAAAyB,QAAA;IAC1B,IAAAJ,YAAA;MACA,IAAAK,GAAO,GAAAP,KAAA,CAAAQ,OAAA,CAAAN,YAAA;MACR,OAAAK,GAAA,QAAAA,GAAA;IAED;IAEA,OACE;EACE;EAGM,IAACE,UAAA,GAAAC,KAAA,CAAAC,OAAA,CAAAV,QAAA,IAAAA,QAAA,IAAAA,QAAA;EACM,OACL,eAAY,CAAM,GAAAtB,kBAAc,CAAQiC,IAAA,EAAA9B,cAAA,CAAA+B,MAAA;IAAAC,cACjC,MAAM;IAA2Bb,QAEvC,sBAAAtB,kBAAA,CAAAoC,GAAA,EAAAhC,YAAA;MACHkB,QAEH,EACHD,KAAA,CAAAgB,GAAA,WAAAC,IAAA,EAAAC,CAAA;QACA,0BAAAvC,kBAAC,CAAAoC,GAAA,EAAAzB,UAAA,EAAQ;UACXO,MAAA,EAAAqB,CAAA,KAAAd,WAAA;UAEJe,OAAA,WAAAA,QAAA;YAMgB,OAASd,cAAyB,CAAAa,CAAA;UACzC;UACTjB,QAAA,qBAAAtB,kBAAA,CAAAoC,GAAA,EAAAjC,cAAA,CAAAsC,SAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Tabs_exports","__export","MDXTab","MDXTabs","module","exports","import_jsx_runtime","require","import_components","import_tamagui","param","items","children","defaultValue","childArray","Array","isArray","values","map","label","index","defaultIndex","Math","max","indexOf","jsx","YStack","marginVertical","Tabs","_childArray_index","content"],"sources":["../../../src/Tabs/index.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,MAAA,EAAAA,CAAA,KAAAA,MAAA;EAAAC,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAUAC,MAAA,CAAAC,OAAA,GAAAV,YAAqB,CAAAK,YAAA;AAErB,IAAAM,kBAAuB,GAAAC,OAAA;AAgBjB,IAAAC,iBAAA,GAAAD,OAAA;AARC,IAAAE,cAAiB,GAAEF,OAAO,UAAU;AACzC,SAAMJ,QAAAO,KAAa;EAEnB;IAAMC,KAAA;IAAAC,QAAe;IAAAC;EAAY,IAAAH,KAAU;EAC3C,IAAAI,UAAM,GAAAC,KAAe,CAAAC,OAAA,CAAAJ,QAAe,IAAKA,QAAU,IAEnDA,QACE,CACE;EAAC,IAAAK,MAAA,GAAAN,KAAA,CAAAO,GAAA,WAAAC,KAAA,EAAAC,KAAA;IAAA,OACC,GAAOD,KAAM,IAAIC,KAAC;EAAkB;EACf,IAAAC,YACnB,GAAAR,YAAA,GAAAS,IAAA,CAAAC,GAAA,CAAAZ,KAAA,CAAAa,OAAA,CAAAX,YAAA;EAAA,0BAAAP,kBAAA,CAAAmB,GAAA,EAAAhB,cAAA,CAAAiB,MAAA;IAAAC,cAAA;IAAAf,QAGA,iBAAoB,IAAKN,kBAAK,CAAAmB,GAAA,EAAAjB,iBAAA,CAAAoB,IAAA;MAChCjB,KAAE,EAAAA,KAAA,CAAAO,GAAA,WAAAC,KAAA,EAAAC,KAAA;QACF,IAAAS,iBAAqB;QACrB;UAAS9B,KAAA,EAAAkB,MAAA,CAAAG,KAAA;UAEbD,KAAA;UAEJ;UAMgB;UACPW,OAAA,GAAAD,iBAAA,GAAAf,UAAA,CAAAM,KAAC,eAAAS,iBAAiB,cAAAA,iBAAA;QAC3B","ignoreList":[]}

package/dist/cjs/Ul/index.cjs

@@ -30,6 +30,6 @@ const UL = (0, import_tamagui.styled)(import_tamagui.YStack, {
   name: "UL",
   render: "ul",
   marginVertical: "$1",
-  marginLeft: "$4",
-  marginRight: "$2"
+  marginInlineStart: "$4",
+  marginInlineEnd: "$2"
 });

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

@@ -32,7 +32,7 @@ var UL = (0, import_tamagui.styled)(import_tamagui.YStack, {
   name: "UL",
   render: "ul",
   marginVertical: "$1",
-  marginLeft: "$4",
-  marginRight: "$2"
+  marginInlineStart: "$4",
+  marginInlineEnd: "$2"
 });
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Ul_exports","__export","UL","module","exports","import_tamagui","require","styled","YStack","name","render","marginVertical","marginLeft","marginRight"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,EAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,UAAA;AAExB,IAAAK,cAAW,GAAAC,OAAA,UAAO;AAAQ,IAC/BJ,EAAA,GAAM,IAAAG,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACNC,IAAA,MAAQ;EACRC,MAAA;EACAC,cAAY;EACZC,UAAA,MAAa;EACdC,WAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Ul_exports","__export","UL","module","exports","import_tamagui","require","styled","YStack","name","render","marginVertical","marginInlineStart","marginInlineEnd"],"sources":["../../../src/Ul/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,QAAA,CAAAD,UAAA;EAAAE,EAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA+B,CAAAK,UAAA;AAExB,IAAAK,cAAW,GAAAC,OAAA,UAAO;AAAQ,IAC/BJ,EAAA,GAAM,IAAAG,cAAA,CAAAE,MAAA,EAAAF,cAAA,CAAAG,MAAA;EACNC,IAAA,MAAQ;EACRC,MAAA;EACAC,cAAA,MAAmB;EACnBC,iBAAiB;EAClBC,eAAA","ignoreList":[]}

package/dist/cjs/Video/index.cjs

@@ -46,7 +46,7 @@ function Video({
     marginHorizontal: 0,
     marginVertical: "$6",
     ...props,
-    children: [import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    children: [import_tamagui.isWeb ? src ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       render: "video",
       src,
       autoPlay,
@@ -60,7 +60,9 @@ function Video({
         display: "block",
         borderRadius: 8
       }
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    }) :
+    // omit the element entirely for an empty src (SB-M-1227)
+    null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       ...knobProps.panelPadding,
       borderRadius: knobProps.borderRadius.borderRadius,
       backgroundColor: "$color3",

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

@@ -49,7 +49,7 @@ function Video(param) {
     marginHorizontal: 0,
     marginVertical: "$6",
     ...props,
-    children: [import_tamagui.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    children: [import_tamagui.isWeb ? src ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       render: "video",
       // @ts-expect-error HTML video attributes via render prop
       src,
@@ -64,7 +64,9 @@ function Video(param) {
         display: "block",
         borderRadius: 8
       }
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    }) :
+    // omit the element entirely for an empty src (SB-M-1227)
+    null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
       ...knobProps.panelPadding,
       borderRadius: knobProps.borderRadius.borderRadius,
       backgroundColor: "$color3",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Video_exports","__export","Video","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","useResolvedKnobs","jsxs","YStack","render","marginHorizontal","marginVertical","isWeb","jsx","playsInline","style","width","display","borderRadius","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","Paragraph","color","size"],"sources":["../../../src/Video/index.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,KAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAyC,CAAAK,aAAA;AACzC,IAAAK,kBAAiC,GAAAC,OAAA;AAwB7B,IAAAC,cAAA,GAAAD,OAAA;AAZG,IAAAE,YAAe,GAAAF,OAAA;AAAA,SACpBJ,MAAAO,KAAA;EACA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA;IAAAS;EAAQ,QAAAV,YAAA,CAAAW,gBAAA;EACR,sBAAW,IAAAd,kBAAA,CAAAe,IAAA,EAAAb,cAAA,CAAAc,MAAA;IACXC,MAAA,UAAW;IACXC,gBAAO;IACPC,cAAA;IACA,GAAGP,KAAA;IACoCN,QAAA,GACvCJ,cAAkB,CAAAkB,KAAA,GAAI,mBAAApB,kBAAiB,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MACvCC,MACE;MACG;MACEZ,GAAA;MAAAG,QAAA;MACCc,WAAO;MAEPf,KAAA;MACAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACAY,KAAA;QACAC,KAAA;QACAC,OAAA;QACAC,YAAS,EAAO;MAA0C;IAC5D,EAEA,sBAAA1B,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MAAC,GAAAH,SAAA,CAAAc,YAAA;MAAAD,YAAA,EAAAb,SAAA,CAAAa,YAAA,CAAAA,YAAA;MACEE,eAAa;MACdC,UAAA,UAAc;MACdC,cAAA,UAAgB;MAChBC,SAAA,KAAW;MACXzB,QAAA,iBAAe,IAAAN,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAA8B,SAAA;QACfC,KAAA,WAAW;QAEXC,IAAA;QAEA5B,QAAA;MACF;IAED,IAKHA,QAAA,sBAAAN,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAA8B,SAAA;MAEJf,MAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Video_exports","__export","Video","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","param","src","children","muted","autoPlay","controls","loop","poster","props","knobProps","useResolvedKnobs","jsxs","YStack","render","marginHorizontal","marginVertical","isWeb","jsx","playsInline","style","width","display","borderRadius","panelPadding","backgroundColor","alignItems","justifyContent","minHeight","Paragraph","color","size"],"sources":["../../../src/Video/index.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,KAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAyC,CAAAK,aAAA;AACzC,IAAAK,kBAAiC,GAAAC,OAAA;AAwB7B,IAAAC,cAAA,GAAAD,OAAA;AAZG,IAAAE,YAAe,GAAAF,OAAA;AAAA,SACpBJ,MAAAO,KAAA;EACA;IAAAC,GAAA;IAAAC,QAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;IAAA,GAAAC;EAAA,IAAAR,KAAA;EACA;IAAAS;EAAQ,QAAAV,YAAA,CAAAW,gBAAA;EACR,sBAAW,IAAAd,kBAAA,CAAAe,IAAA,EAAAb,cAAA,CAAAc,MAAA;IACXC,MAAA,UAAW;IACXC,gBAAO;IACPC,cAAA;IACA,GAAGP,KAAA;IACoCN,QAAA,GACvCJ,cAAkB,CAAAkB,KAAA,GAAIf,GAAA,sBAAAL,kBAAiB,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MACvCC,MACE;MACG;MAEIZ,GAAA;MAAAG,QAAA;MACCc,WAAO;MAEPf,KAAA;MACAE,QAAA;MACAC,IAAA;MACAC,MAAA;MACAY,KAAA;QACAC,KAAA;QACAC,OAAA;QACAC,YAAS,EAAO;MAA0C;IAC5D;IAAA;IAEF,OAEA,mBAAA1B,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAAc,MAAA;MAAC,GAAAH,SAAA,CAAAc,YAAA;MAAAD,YAAA,EAAAb,SAAA,CAAAa,YAAA,CAAAA,YAAA;MACEE,eAAa;MACdC,UAAA,UAAc;MACdC,cAAA,UAAgB;MAChBC,SAAA,KAAW;MACXzB,QAAA,iBAAe,IAAAN,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAA8B,SAAA;QACfC,KAAA,WAAW;QAEXC,IAAA;QAEA5B,QAAA;MACF;IAED,IAKHA,QAAA,sBAAAN,kBAAA,CAAAqB,GAAA,EAAAnB,cAAA,CAAA8B,SAAA;MAEJf,MAAA","ignoreList":[]}

package/dist/cjs/components/Blockquote.cjs

@@ -35,13 +35,26 @@ function Blockquote({
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const theme = (0, import_tamagui.useTheme)();
+  const padToken = knobProps.panelPadding.padding;
+  const pad = typeof padToken === "number" ? padToken : (0, import_tamagui.getTokens)().space?.[padToken]?.val ?? padToken;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     backgroundColor: import_colorRamps.markdownBlockquoteColors.background.base,
-    borderLeftWidth: 4,
-    borderLeftColor: import_colorRamps.markdownBlockquoteColors.border.base,
-    paddingLeft: knobProps.panelPadding.padding,
+    ...knobProps.containerRadius,
     paddingVertical: knobProps.gap.gap,
     marginVertical: "$3",
+    ...(import_tamagui.isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: theme.color8?.val ?? "#999",
+        paddingInlineStart: pad
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: import_colorRamps.markdownBlockquoteColors.border.base,
+      paddingStart: knobProps.panelPadding.padding
+    }),
     children
   });
 }

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

@@ -35,16 +35,38 @@ function Blockquote(param) {
   var {
     children
   } = param;
+  var _ref, _ref1;
+  var _getTokens_space_padToken, _getTokens_space, _theme_color8;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var theme = (0, import_tamagui.useTheme)();
+  var padToken = knobProps.panelPadding.padding;
+  var pad = typeof padToken === "number" ? padToken : (_ref = (_getTokens_space = (0, import_tamagui.getTokens)().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_padToken = _getTokens_space[padToken]) === null || _getTokens_space_padToken === void 0 ? void 0 : _getTokens_space_padToken.val) !== null && _ref !== void 0 ? _ref : padToken;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     backgroundColor: import_colorRamps.markdownBlockquoteColors.background.base,
-    borderLeftWidth: 4,
-    borderLeftColor: import_colorRamps.markdownBlockquoteColors.border.base,
-    paddingLeft: knobProps.panelPadding.padding,
+    // R-SCALE quote frame (spec Blockquote): the painted quote surface
+    // rounds with the radius knob, capped at its own padding (Axiom 1 —
+    // containerRadius fragment). Was radius-dead (spec conformance note).
+    ...knobProps.containerRadius,
     paddingVertical: knobProps.gap.gap,
     marginVertical: "$3",
+    // CSS logical properties keep the border and padding on the logical
+    // start side in RTL (SB-M-1215); tamagui borderStartWidth does not
+    // compile to working CSS in this version. Native uses the RN logical
+    // border/padding props, which flip with I18nManager.
+    ...(import_tamagui.isWeb ? {
+      style: {
+        borderInlineStartWidth: 4,
+        borderInlineStartStyle: "solid",
+        borderInlineStartColor: (_ref1 = (_theme_color8 = theme.color8) === null || _theme_color8 === void 0 ? void 0 : _theme_color8.val) !== null && _ref1 !== void 0 ? _ref1 : "#999",
+        paddingInlineStart: pad
+      }
+    } : {
+      borderStartWidth: 4,
+      borderStartColor: import_colorRamps.markdownBlockquoteColors.border.base,
+      paddingStart: knobProps.panelPadding.padding
+    }),
     children
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Blockquote_exports","__export","Blockquote","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","import_colorRamps","param","children","knobProps","useResolvedKnobs","jsx","View","backgroundColor","markdownBlockquoteColors","background","base","borderLeftWidth","borderLeftColor","border","paddingLeft","panelPadding","padding","paddingVertical","gap","marginVertical"],"sources":["../../../src/components/Blockquote.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,OAAyC;AAMrC,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,eACC,EAAAP,iBAAiB,CAAAQ,wBAAA,CAAAC,UAAyB,CAAAC,IAAW;IAAAC,eACrD;IAAiBC,eACjB,EAAAZ,iBAAiB,CAAAQ,wBAAA,CAAAK,MAAyB,CAAAH,IAAO;IAAAI,WACjD,EAAAX,SAAa,CAAAY,YAAU,CAAAC,OAAa;IAAAC,eACpC,EAAAd,SAAiB,CAAAe,GAAU,CAAAA,GAAI;IAAAC,cAC/B,MAAe;IAAAjB;EAEd;AAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Blockquote_exports","__export","Blockquote","module","exports","import_jsx_runtime","require","import_tamagui","import_theme","import_colorRamps","param","children","_ref","_ref1","_getTokens_space_padToken","_getTokens_space","_theme_color8","knobProps","useResolvedKnobs","theme","useTheme","padToken","panelPadding","padding","pad","getTokens","space","val","jsx","View","backgroundColor","markdownBlockquoteColors","background","base","containerRadius","paddingVertical","gap","marginVertical","isWeb","style","borderInlineStartWidth","borderInlineStartStyle","borderInlineStartColor","color8","paddingInlineStart"],"sources":["../../../src/components/Blockquote.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,YAAiD,CAAAK,kBAAA;AACjD,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,cAAA,GAAAD,OAAyC;AAYrC,IAAAE,YAAA,GAAAF,OAAA;AATG,IAAAG,iBAAoB,GAAEH,OAAS,iCAAoB;AACxD,SAAMJ,UAAEA,CAAUQ,KAAA;EAClB;IAAMC;EAAA,IAAQD,KAAA;EACd,IAAAE,IAAM,EAAAC,KAAA;EACN,IAAAC,yBACS,EAAAC,gBACH,EAAAC,aACE;EACR;IAAAC;EACE,QAAAT,YAAA,CAAAU,gBAAA;EAAA,IAACC,KAAA,OAAAZ,cAAA,CAAAa,QAAA;EAAA,IAAAC,QAAA,GAAAJ,SAAA,CAAAK,YAAA,CAAAC,OAAA;EAAA,IACCC,GAAA,UAAAH,QAAiB,gBAAAA,QAAA,IAAAT,IAAA,IAAAG,gBAAoC,OAAAR,cAAA,CAAAkB,SAAA,IAAAC,KAAA,cAAAX,gBAAA,wBAAAD,yBAAA,GAAAC,gBAAA,CAAAM,QAAA,eAAAP,yBAAA,uBAAAA,yBAAA,CAAAa,GAAA,cAAAf,IAAA,cAAAA,IAAA,GAAAS,QAAA;EAAA,OAIjD,eAAU,IAAAhB,kBAAA,CAAAuB,GAAA,EAAArB,cAAA,CAAAsB,IAAA;IAAAC,eACd,EAAArB,iBAA+B,CAAAsB,wBAAA,CAAAC,UAAA,CAAAC,IAAA;IAAA;IAChB;IAMX;IACS,GAAAhB,SACL,CAAAiB,eAAA;IAAwBC,eACxB,EAAAlB,SAAA,CAAAmB,GAAwB,CAAAA,GAAA;IAAAC,cACxB;IAA6C;IACzB;IACtB;IAEF;IACoB,IAAA9B,cAClB,CAAA+B,KAAkB;MAAgCC,KAClD;QACFC,sBAAA;QAEHC,sBAAA;QAAAC,sBAAA,GAAA7B,KAAA,IAAAG,aAAA,GAAAG,KAAA,CAAAwB,MAAA,cAAA3B,aAAA,uBAAAA,aAAA,CAAAW,GAAA,cAAAd,KAAA,cAAAA,KAAA;QACH+B,kBAAA,EAAApB;MAEJ","ignoreList":[]}

package/dist/cjs/components/Break.cjs

@@ -28,6 +28,7 @@ module.exports = __toCommonJS(Break_exports);
 var import_tamagui = require("tamagui");
 var import_jsx_runtime = require("react/jsx-runtime");
 function Break(_props) {
+  if (import_tamagui.isWeb) return /* @__PURE__ */(0, import_jsx_runtime.jsx)("br", {});
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
     children: "\n"
   });

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

@@ -30,6 +30,7 @@ module.exports = __toCommonJS(Break_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_tamagui = require("tamagui");
 function Break(_props) {
+  if (import_tamagui.isWeb) return /* @__PURE__ */(0, import_jsx_runtime.jsx)("br", {});
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
     children: "\n"
   });

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Break_exports","__export","Break","module","exports","import_jsx_runtime","require","import_tamagui","_props","jsx","Text"],"sources":["../../../src/components/Break.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,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAqB,CAAAK,aAAA;AAIZ,IAAAK,kBAAA,GAAAC,OAAA;AADF,IAAAC,cAAe,GAAAD,OAAoB;AACxC,SAAOJ,MAAAM,MAAA;EACT,0BAAAH,kBAAA,CAAAI,GAAA,EAAAF,cAAA,CAAAG,IAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Break_exports","__export","Break","module","exports","import_jsx_runtime","require","import_tamagui","_props","isWeb","jsx","Text"],"sources":["../../../src/components/Break.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,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,aAAA;AAKR,IAAAK,kBAAA,GAAAC,OAAA;AAFb,IAAAC,cAAe,GAAAD,OAAoB;AAExC,SAAIJ,MAAAM,MAAA;EACJ,IAAAD,cAAO,CAAAE,KAAA,0BAAC,EAAAJ,kBAAA,CAAAK,GAAM;EAChB,0BAAAL,kBAAA,CAAAK,GAAA,EAAAH,cAAA,CAAAI,IAAA","ignoreList":[]}

package/dist/cjs/components/CodeBlock.cjs

@@ -25,84 +25,44 @@ __export(CodeBlock_exports, {
   CodeBlock: () => CodeBlock
 });
 module.exports = __toCommonJS(CodeBlock_exports);
+var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_colorRamps = require("../shared/colorRamps.cjs");
-var import_shiki = require("../shiki/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function CodeBlock({
   children,
   lang,
-  theme = "github-dark"
+  theme: themeProp = "auto"
 }) {
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  const [tokens, setTokens] = (0, import_react.useState)(null);
-  const [error, setError] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(() => {
-    let cancelled = false;
-    (0, import_shiki.highlightCode)(children, lang || "text", theme).then(result => {
-      if (!cancelled) {
-        setTokens(result);
-        setError(null);
-      }
-    }).catch(err => {
-      if (!cancelled) {
-        setError(String(err));
-        setTokens(null);
-      }
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [children, lang, theme]);
-  const containerProps = {
-    borderRadius: knobProps.borderRadiusOuter?.borderRadius ?? "$4",
+  const tokens = (0, import_components.useShikiTokens)(children, lang || "text", themeProp === "auto" ? void 0 : themeProp);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...(knobProps.borderRadiusOuter ?? {
+      borderRadius: "$4"
+    }),
     backgroundColor: import_colorRamps.markdownCodeColors.background.base,
     borderWidth: 1,
     borderColor: import_colorRamps.markdownCodeColors.border.base,
-    padding: knobProps.panelPadding.padding,
+    ...knobProps.panelPadding,
     marginVertical: "$2",
-    overflow: "hidden"
-  };
-  if (!tokens || error) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      ...containerProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontFamily: "$mono",
-          fontSize: knobProps.sizeToken,
-          color: import_colorRamps.markdownCodeColors.text.muted,
-          children
-        })
-      })
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    ...containerProps,
+    overflow: "hidden",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        children: tokens.map((line, lineIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-          minHeight: 20,
-          children: line.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            fontFamily: "$mono",
-            fontSize: knobProps.sizeToken,
-            children: "\n"
-          }) : line.map((token, tokenIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            fontFamily: "$mono",
-            fontSize: knobProps.sizeToken,
-            style: {
-              color: token.color
-            },
-            children: token.content
-          }, tokenIndex))
-        }, lineIndex))
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Code, {
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        padding: 0,
+        color: import_colorRamps.markdownCodeColors.text.base,
+        fontSize: knobProps.sizeToken,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.HighlightedCode, {
+          tokens,
+          fontSize: knobProps.sizeToken,
+          children
+        })
       })
     })
   });

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

@@ -28,89 +28,47 @@ __export(CodeBlock_exports, {
 });
 module.exports = __toCommonJS(CodeBlock_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
 var import_theme = require("@multiplatform.one/theme");
-var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_colorRamps = require("../shared/colorRamps.native.js");
-var import_shiki = require("../shiki/index.native.js");
 function CodeBlock(param) {
   var {
     children,
     lang,
-    theme = "github-dark"
+    theme: themeProp = "auto"
   } = param;
-  var _ref;
   var _knobProps_borderRadiusOuter;
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
-  var [tokens, setTokens] = (0, import_react.useState)(null);
-  var [error, setError] = (0, import_react.useState)(null);
-  (0, import_react.useEffect)(function () {
-    var cancelled = false;
-    (0, import_shiki.highlightCode)(children, lang || "text", theme).then(function (result) {
-      if (!cancelled) {
-        setTokens(result);
-        setError(null);
-      }
-    }).catch(function (err) {
-      if (!cancelled) {
-        setError(String(err));
-        setTokens(null);
-      }
-    });
-    return function () {
-      cancelled = true;
-    };
-  }, [children, lang, theme]);
-  var containerProps = {
-    borderRadius: (_ref = (_knobProps_borderRadiusOuter = knobProps.borderRadiusOuter) === null || _knobProps_borderRadiusOuter === void 0 ? void 0 : _knobProps_borderRadiusOuter.borderRadius) !== null && _ref !== void 0 ? _ref : "$4",
+  var tokens = (0, import_components.useShikiTokens)(children, lang || "text", themeProp === "auto" ? void 0 : themeProp);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...((_knobProps_borderRadiusOuter = knobProps.borderRadiusOuter) !== null && _knobProps_borderRadiusOuter !== void 0 ? _knobProps_borderRadiusOuter : {
+      borderRadius: "$4"
+    }),
     backgroundColor: import_colorRamps.markdownCodeColors.background.base,
     borderWidth: 1,
     borderColor: import_colorRamps.markdownCodeColors.border.base,
-    padding: knobProps.panelPadding.padding,
+    // SP-PAD (spec CodeBlock frame; LC-18 / UX-P07): the block inset rides
+    // the space knob through the complete panelPadding fragment —
+    // components-CodeBlock parity.
+    ...knobProps.panelPadding,
     marginVertical: "$2",
-    overflow: "hidden"
-  };
-  if (!tokens || error) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      ...containerProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          fontFamily: "$mono",
-          fontSize: knobProps.sizeToken,
-          color: import_colorRamps.markdownCodeColors.text.muted,
-          children
-        })
-      })
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-    ...containerProps,
+    overflow: "hidden",
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
       horizontal: true,
       showsHorizontalScrollIndicator: false,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        children: tokens.map(function (line, lineIndex) {
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-            minHeight: 20,
-            children: line.length === 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontFamily: "$mono",
-              fontSize: knobProps.sizeToken,
-              children: "\n"
-            }) : line.map(function (token, tokenIndex) {
-              return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-                fontFamily: "$mono",
-                fontSize: knobProps.sizeToken,
-                style: {
-                  color: token.color
-                },
-                children: token.content
-              }, tokenIndex);
-            })
-          }, lineIndex);
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Code, {
+        backgroundColor: "transparent",
+        borderWidth: 0,
+        padding: 0,
+        color: import_colorRamps.markdownCodeColors.text.base,
+        fontSize: knobProps.sizeToken,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.HighlightedCode, {
+          tokens,
+          fontSize: knobProps.sizeToken,
+          children
         })
       })
     })

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CodeBlock_exports","__export","CodeBlock","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_colorRamps","import_shiki","param","children","lang","theme","_ref","_knobProps_borderRadiusOuter","knobProps","useResolvedKnobs","tokens","setTokens","useState","error","setError","useEffect","cancelled","highlightCode","then","result","catch","err","String","containerProps","borderRadius","borderRadiusOuter","backgroundColor","markdownCodeColors","background","base","borderWidth","borderColor","border","padding","panelPadding","marginVertical","overflow","jsx","View","ScrollView","horizontal","showsHorizontalScrollIndicator","Text","fontFamily","fontSize","sizeToken","color","text","muted"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAiC,CAAAK,iBAAA;AACjC,IAAAK,kBAAoC,GAAAC,OAAA;AACpC,IAAAC,YAAA,GAAAD,OAA+C;AAC/C,IAAAE,YAAA,GAAAF,OAAmC;AACnC,IAAAG,cAAA,GAAmEH,OAAA;AAiDzD,IAAAI,iBAAA,GAAAJ,OAAA;AA1CH,IAAAK,YAAS,GAAUL,OAAE,2BAAgB;AAC1C,SAAMJ,SAAEA,CAAAU,KAAU;EAClB;IAAMC,QAAC;IAAQC,IAAA;IAAAC,KAAS;EAAI,IAAAH,KAAA;EAC5B,IAAAI,IAAO;EAEP,IAAAC,4BAAU;EACR;IAAIC;EAAA,IAAY,IAAAX,YAAA,CAAAY,gBAAA;EAEhB,KAAAC,MAAA,EAAAC,SAAA,QAAAb,YAAc,CAAAc,QAAU,EAAQ;EAE5B,KAAAC,KAAK,EAAAC,QAAW,QAAAhB,YAAA,CAAAc,QAAA;EACd,IAAAd,YAAU,CAAAiB,SAAM;IAChB,IAAAC,SAAS,QAAI;IAAA,EACf,EAAAf,YAAA,CAAAgB,aAAA,EAAAd,QAAA,EAAAC,IAAA,YAAAC,KAAA,EAAAa,IAAA,WAAAC,MAAA;MACD,IACA,CAAAH,SAAO,EAAQ;QACdL,SAAK,CAAAQ,MAAW;QACdL,QAAA,CAAS;MACT;IAAc,EAChB,CAAAM,KAAA,WAAAC,GAAA;MACD,KAAAL,SAAA;QAEHF,QAAO,CAAMQ,MAAA,CAAAD,GAAA;QACXV,SAAA,CAAY;MACd;IACF,CAAG,CAAC;IAEJ,OAAM;MACJK,SAAA,GAAc;IACd;EAA+C,GAC/C,CACAb,QAAA,EACAC,IAAA,EACAC,KAAA,CAAgB,CAChB;EACF,IAAAkB,cAAA;IAGAC,YAAK,EAAU,CAAAlB,IAAA,GAAO,CAAAC,4BAAA,GAAAC,SAAA,CAAAiB,iBAAA,cAAAlB,4BAAA,uBAAAA,4BAAA,CAAAiB,YAAA,cAAAlB,IAAA,cAAAA,IAAA;IACpBoB,eACE,EAAA1B,iBAAA,CAAA2B,kBAAC,CAAAC,UAAA,CAAAC,IAAA;IAEGC,WAAC;IAAAC,WAAA,EAAA/B,iBAAA,CAAA2B,kBAAA,CAAAK,MAAA,CAAAH,IAAA;IAAAI,OACC,EAAAzB,SAAW,CAAA0B,YAAA,CAAAD,OAAA;IAAAE,cACD;IAAUC,QACpB;EAA+B;EAE9B,KAAA1B,MAAA,IAAAG,KAAA;IACH,OAEJ,mBAAAlB,kBAAA,CAAA0C,GAAA,EAAAtC,cAAA,CAAAuC,IAAA;MAEJ,GAAAf,cAAA;MAEApB,QACE,qBAAAR,kBAAC,CAAA0C,GAAA,EAAAtC,cAAA,CAAAwC,UAAS;QAWKC,UAAA;QAAAC,8BAAA;QAECtC,QAAA,EAAW,mBAAAR,kBAAA,CAAA0C,GAAA,EAAAtC,cAAA,CAAA2C,IAAA;UACXC,UAAU,SAAU;UACpBC,QAAS,EAAApC,SAAa,CAAAqC,SAAM;UAE3BC,KAAA,EAAA9C,iBAAM,CAAA2B,kBAAA,CAAAoB,IAAA,CAAAC,KAAA;UAAA7C;QALF;MAOR;IAQjB","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CodeBlock_exports","__export","CodeBlock","module","exports","import_jsx_runtime","require","import_components","import_theme","import_tamagui","import_colorRamps","param","children","lang","theme","themeProp","_knobProps_borderRadiusOuter","knobProps","useResolvedKnobs","tokens","useShikiTokens","jsx","View","borderRadiusOuter","borderRadius","backgroundColor","markdownCodeColors","background","base","borderWidth","borderColor","border","panelPadding","marginVertical","overflow","ScrollView","horizontal","showsHorizontalScrollIndicator","Code","padding","color","text","fontSize","sizeToken","HighlightedCode"],"sources":["../../../src/components/CodeBlock.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAWAC,MAAA,CAAAC,OAAA,GAAAT,YAAsD,CAAAK,iBAAA;AACtD,IAAAK,kBAAiC,GAAAC,OAAA;AACjC,IAAAC,iBAAiC,GAAAD,OAAA;AACjC,IAAAE,YAAA,GAAAF,OAAmC;AA0CzB,IAAAG,cAAA,GAAAH,OAAA;AAnCH,IAAAI,iBAAqB,GAAAJ,OAAU,iCAAa;AACjD,SAAMJ,SAAEA,CAAAS,KAAU;EAIlB;IAAMC,QAAA;IAAAC,IAAS;IAAAC,KAAA,EAAAC,SAAA;EAAA,IAAAJ,KAAA;EAAA,IACbK,4BAAA;EAAA,IACA;IAAAC;EAAQ,QAAAT,YAAA,CAAAU,gBAAA;EAAA,IACRC,MAAA,OAAcZ,iBAAqB,CAAAa,cAAA,EAAAR,QAAA,EAAAC,IAAA,YAAAE,SAAA,uBAAAA,SAAA;EACrC,0BAAAV,kBAAA,CAAAgB,GAAA,EAAAZ,cAAA,CAAAa,IAAA;IAEA,KAAAN,4BACE,GAAAC,SAAA,CAAAM,iBAAA,cAAAP,4BAAA,cAAAA,4BAAA;MAACQ,YAAA;IAAA;IAAAC,eAIgB,EAAAf,iBAAA,CAAAgB,kBAAqC,CAAAC,UAAK,CAAAC,IAAA;IAAAC,WACzD;IAA+CC,WAC/C,EAAApB,iBAAa,CAAAgB,kBAAA,CAAAK,MAAA,CAAAH,IAAA;IAAA;IAC0B;IAIzB;IACC,GACfX,SAAS,CAAAe,YAAA;IAAAC,cAET;IACEC,QAAC;IAAAtB,QAAA,qBAAAP,kBAAA,CAAAgB,GAAA,EAAAZ,cAAA,CAAA0B,UAAA;MAAAC,UACC;MAAgBC,8BACH;MAAAzB,QACb,iBAAS,IAAAP,kBAAA,CAAAgB,GAAA,EAAAd,iBAAA,CAAA+B,IAAA;QAAAb,eACF;QAAwBI,WAC/B,EAAU;QAAUU,OAEpB;QAEAC,KAAA,EAAA9B,iBAAA,CAAAgB,kBAAA,CAAAe,IAAA,CAAAb,IAAA;QACFc,QACF,EAAAzB,SAAA,CAAA0B,SAAA;QAAA/B,QAAA,qBAAAP,kBAAA,CAAAgB,GAAA,EAAAd,iBAAA,CAAAqC,eAAA;UACFzB,MAAA;UAEJuB,QAAA,EAAAzB,SAAA,CAAA0B,SAAA","ignoreList":[]}