@multiplatform.one/components 0.7.0 → 0.7.1

package/dist/jsx/mdx/MDXCodeBlock/{index.mjs → index.native.js}

@@ -19,29 +19,20 @@ function MDXCodeBlock(props) {
     showLineNumbers: propShowLineNumbers,
     size,
     ...codeProps
-  } = { ...useContext(MDXCodeBlockContext), ...props };
-  const lines = Array.isArray(children) ? children.length : 0;
-  const showLineNumbers = propShowLineNumbers ?? (lines > 10 ? true : false);
-  const [isCollapsed, setIsCollapsed] = useState(isCollapsible);
-  const isLong = lines > 22;
-  const [isCutoff, setIsCutoff] = useState(isLong && !isCollapsible);
-  const [code, setCode] = useState(void 0);
-  const preRef = useRef(null);
-  const { hasCopied, onCopy } = useClipboard(code);
-  const tokens = getTokens();
-  useEffect(() => {
+  } = { ...useContext(MDXCodeBlockContext), ...props }, lines = Array.isArray(children) ? children.length : 0, showLineNumbers = propShowLineNumbers ?? lines > 10, [isCollapsed, setIsCollapsed] = useState(isCollapsible), isLong = lines > 22, [isCutoff, setIsCutoff] = useState(isLong && !isCollapsible), [code, setCode] = useState(void 0), preRef = useRef(null), { hasCopied, onCopy } = useClipboard(code), tokens = getTokens();
+  return useEffect(() => {
     try {
       if (preRef.current) {
         const codeElement = preRef.current.querySelector("code");
         if (codeElement) {
-          const code2 = codeElement.innerText.replace(/\n{3,}/g, "\n");
+          const code2 = codeElement.innerText.replace(/\n{3,}/g, `
+`);
           setCode(code2);
         }
       }
     } catch {
     }
-  }, [preRef]);
-  return <YStack position="relative" mb="$4"><ErrorBoundary><YStack
+  }, [preRef]), <YStack position="relative" mb="$4"><ErrorBoundary><YStack
     position="relative"
     {...isCutoff && {
       maxHeight: 400,
@@ -74,7 +65,7 @@ function MDXCodeBlock(props) {
       style={{ width: "100%" }}
       contentContainerStyle={{ minWidth: "100%" }}
       horizontal
-      showsHorizontalScrollIndicator={false}
+      showsHorizontalScrollIndicator={!1}
     ><Code
       backgroundColor="transparent"
       className={className}
@@ -101,4 +92,4 @@ function MDXCodeBlock(props) {
 export {
   MDXCodeBlock
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/mdx/MDXCodeBlock/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDXCodeBlock/index.tsx"],
+  "mappings": "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",
+  "names": ["code"]
+}

package/dist/jsx/mdx/UL/{UL.stories.mjs → UL.stories.native.js}

@@ -10,4 +10,4 @@ export {
   UL_stories_default as default,
   main
 };
-//# sourceMappingURL=UL.stories.mjs.map
+//# sourceMappingURL=UL.stories.js.map

package/dist/jsx/mdx/UL/{index.mjs → index.native.js}

@@ -8,4 +8,4 @@ const UL = styled(YStack, {
 export {
   UL
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/mdx/components.js

@@ -9,21 +9,15 @@ import { MDXCodeBlock } from "./MDXCodeBlock";
 import { Platform } from "react-native";
 import { UL } from "./UL";
 import { unwrapText } from "../utils/unwrapText";
-const code = ({ hero, line, scrollable, className, children, id, showLineNumbers, collapsible, ...props }) => {
-  if (!className)
-    return <CodeInline>{unwrapText(children)}</CodeInline>;
-  return <YStack marginTop="$3"><MDXCodeBlock
-    className={className}
-    isHighlightingLines={line !== void 0}
-    showLineNumbers={showLineNumbers !== void 0}
-    {...sanitizeProps(props)}
-  >{children}</MDXCodeBlock></YStack>;
-};
-const TableHighlight = styled(YStack, {
+const code = ({ hero, line, scrollable, className, children, id, showLineNumbers, collapsible, ...props }) => className ? <YStack marginTop="$3"><MDXCodeBlock
+  className={className}
+  isHighlightingLines={line !== void 0}
+  showLineNumbers={showLineNumbers !== void 0}
+  {...sanitizeProps(props)}
+>{children}</MDXCodeBlock></YStack> : <CodeInline>{unwrapText(children)}</CodeInline>, TableHighlight = styled(YStack, {
   backgroundColor: "$yellow1",
-  fullscreen: true
-});
-const mdxComponents = {
+  fullscreen: !0
+}), mdxComponents = {
   h1: (props) => <H1 marginBottom="$2" {...sanitizeProps(props)} />,
   h2: (props) => <H2 paddingTop="$8" marginTop="$-4" marginBottom="$2" data-heading {...sanitizeProps(props)} />,
   h3: ({ children, id, ...props }) => <LinkHeading paddingTop="$8" marginTop="$-4" marginBottom="$1" id={id}>
@@ -34,8 +28,11 @@ const mdxComponents = {
   h5: (props) => <H5 marginTop="$4" {...sanitizeProps(props)} />,
   h6: (props) => <H6 marginTop="$4" {...sanitizeProps(props)} />,
   p: (props) => <Paragraph size="$6" marginVertical="$2.5" {...sanitizeProps(props)} />,
-  a: ({ href = "", children, ...props }) => {
-    return <Link href={href}><Paragraph fontSize="inherit" display="inline" cursor="pointer" {...sanitizeProps(props)}>
+  a: ({ href = "", children, ...props }) => <Link href={href}>
+    {
+      /* @ts-ignore */
+    }
+    <Paragraph fontSize="inherit" display="inline" cursor="pointer" {...sanitizeProps(props)}>
       {children}
       {
         /* {typeof href === 'string' && href.startsWith('http') ? (
@@ -47,12 +44,16 @@ const mdxComponents = {
           </>
         ) : null} */
       }
-    </Paragraph></Link>;
-  },
+    </Paragraph>
+  </Link>,
   hr: (props) => <HR {...sanitizeProps(props)} />,
-  ul: ({ children }) => <UL marginVertical="$4">{React.Children.toArray(children).map((x) => typeof x === "string" ? null : x)}</UL>,
+  ul: ({ children }) => (
+    // @ts-ignore
+    <UL marginVertical="$4">{React.Children.toArray(children).map((x) => typeof x == "string" ? null : x)}</UL>
+  ),
   ol: (props) => <YStack {...sanitizeProps(props)} marginBottom="$3" />,
   li: (props) => <LI size="$6" marginVertical="$1.5" className="docs-paragraph">{props.children}</LI>,
+  // @ts-ignore
   strong: (props) => <Paragraph fontSize="inherit" {...sanitizeProps(props)} fontWeight="700" />,
   img: ({ ...props }) => <YStack marginVertical="$6"><YStack {...sanitizeProps(props)} maxWidth="100%" /></YStack>,
   pre: ({ children }) => <>{children}</>,
@@ -79,14 +80,10 @@ const mdxComponents = {
     div: (props) => <Text {...sanitizeProps(props)} />,
     span: (props) => {
       let color;
-      if (/^token punctuation/g.test(props?.className || "")) {
-        color = "$red10";
-      }
-      return <Text color={color} {...sanitizeProps(props)} />;
+      return /^token punctuation/g.test(props?.className || "") && (color = "$red10"), <Text color={color} {...sanitizeProps(props)} />;
     }
   }
-};
-const LinkHeading = ({ id, children, ...props }) => <XStack
+}, LinkHeading = ({ id, children, ...props }) => <XStack
   href={`#${id}`}
   id={id}
   data-id={id}
@@ -97,20 +94,9 @@ const LinkHeading = ({ id, children, ...props }) => <XStack
 >
   {children}
   <YStack opacity={0.3}><IconLink size={12} color="var(--color)" aria-hidden /></YStack>
-</XStack>;
-const getNonTextChildren = (children) => {
-  return React.Children.map(children, (x) => {
-    if (typeof x === "string")
-      return null;
-    if (x["type"] === code)
-      return null;
-    return x;
-  }).flat();
-};
+</XStack>, getNonTextChildren = (children) => React.Children.map(children, (x) => typeof x == "string" || x.type === code ? null : x).flat();
 function sanitizeProps(props) {
-  if (Platform.OS !== "web")
-    return props;
-  return props;
+  return Platform.OS !== "web", props;
 }
 export {
   TableHighlight,

package/dist/jsx/mdx/components.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/mdx/components.tsx"],
-  "mappings": "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",
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,WAAW,QAAQ,MAAM,QAAQ,cAAc;AAChF,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAE3B,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM,YAAY,WAAW,UAAU,IAAI,iBAAiB,aAAa,GAAG,MAAM,MACjG,YAEH,CAAC,OAAO,UAAU,KAChB,CAAC;AAAA,EACC,WAAW;AAAA,EACX,qBAAqB,SAAS;AAAA,EAC9B,iBAAiB,oBAAoB;AAAA,MACjC,cAAc,KAAK;AAAA,EAEtB,SACH,EAPC,aAQH,EATC,UAFoB,CAAC,YAAY,WAAW,QAAQ,EAAE,EAAjC,aAeb,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,iBAAiB;AAAA,EACjB,YAAY;AACd,CAAC,GAEY,gBAA4B;AAAA,EACvC,IAAI,CAAC,UAAU,CAAC,GAAG,aAAa,SAAS,cAAc,KAAK,GAAG;AAAA,EAC/D,IAAI,CAAC,UAAU,CAAC,GAAG,WAAW,KAAK,UAAU,MAAM,aAAa,KAAK,iBAAiB,cAAc,KAAK,GAAG;AAAA,EAC5G,IAAI,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAC5B,CAAC,YAAY,WAAW,KAAK,UAAU,MAAM,aAAa,KAAK,IAAI;AAAA,IACjE,CAAC,GAAG,UAAU,QAAQ,cAAc,KAAK,IACtC,SACH,EAFC;AAAA,KAGA,mBAAmB,QAAQ;AAAA,EAC9B,EALC;AAAA,EAOH,IAAI,CAAC,UAAU,CAAC,GAAG,UAAU,KAAK,aAAa,SAAS,cAAc,KAAK,GAAG;AAAA,EAC9E,IAAI,CAAC,UAAU,CAAC,GAAG,UAAU,SAAS,cAAc,KAAK,GAAG;AAAA,EAC5D,IAAI,CAAC,UAAU,CAAC,GAAG,UAAU,SAAS,cAAc,KAAK,GAAG;AAAA,EAC5D,GAAG,CAAC,UAAU,CAAC,UAAU,KAAK,KAAK,eAAe,WAAW,cAAc,KAAK,GAAG;AAAA,EACnF,GAAG,CAAC,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,MAEhC,CAAC,KAAK,MAAM;AAAA;AAAA;AAAA;AAAA,IAEV,CAAC,UAAU,SAAS,UAAU,QAAQ,SAAS,OAAO,cAAc,cAAc,KAAK;AAAA,OACpF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASH,EAVC;AAAA,EAWH,EAbC;AAAA,EAgBL,IAAI,CAAC,UAAU,CAAC,OAAO,cAAc,KAAK,GAAG;AAAA,EAC7C,IAAI,CAAC,EAAE,SAAS;AAAA;AAAA,IAEd,CAAC,GAAG,eAAe,MAAM,MAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,MAAO,OAAO,KAAM,WAAW,OAAO,CAAE,EAAE,EAAxG;AAAA;AAAA,EAEH,IAAI,CAAC,UAAU,CAAC,WAAW,cAAc,KAAK,GAAG,aAAa,KAAK;AAAA,EACnE,IAAI,CAAC,UACH,CAAC,GAAG,KAAK,KAAK,eAAe,OAAO,UAAU,kBAC3C,MAAM,SACT,EAFC;AAAA;AAAA,EAKH,QAAQ,CAAC,UAAU,CAAC,UAAU,SAAS,cAAc,cAAc,KAAK,GAAG,WAAW,MAAM;AAAA,EAC5F,KAAK,CAAC,EAAE,GAAG,MAAM,MACf,CAAC,OAAO,eAAe,KACrB,CAAC,WAAW,cAAc,KAAK,GAAG,SAAS,OAAO,EACpD,EAFC;AAAA,EAIH,KAAK,CAAC,EAAE,SAAS,MAAM,GAAG,SAAS;AAAA,EACnC;AAAA,EACA,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAChC,CAAC;AAAA,IACC,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,eAAe;AAAA,IACf,WAAW;AAAA,IACX,eAAe;AAAA,IACf,kBAAkB;AAAA,QACd,cAAc,KAAK;AAAA,GAEvB,CAAC;AAAA,IACC,MAAM;AAAA,IACN,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IAEX,cAAc;AAAA,IACd,SAAS;AAAA,IACT,KAAK;AAAA,IACL,WAAW;AAAA,IAEV,WAAW,QAAQ,EACtB,EAZC,UAaH,EAtBC;AAAA,EAwBH,GAAI,SAAS,OAAO,QAChB,CAAC,IACD;AAAA,IACE,KAAK,CAAC,UAAU,CAAC,SAAS,cAAc,KAAK,GAAG;AAAA,IAChD,MAAM,CAAC,UAAe;AACpB,UAAI;AACJ,aAAI,sBAAsB,KAAK,OAAO,aAAa,EAAE,MACnD,QAAQ,WAEH,CAAC,KAAK,OAAO,WAAW,cAAc,KAAK,GAAG;AAAA,IACvD;AAAA,EACF;AACN,GAEM,cAAc,CAAC,EAAE,IAAI,UAAU,GAAG,MAAM,MAC5C,CAAC;AAAA,EACC,MAAM,IAAI,EAAE;AAAA,EACZ,IAAI;AAAA,EACJ,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX;AAAA,MACI,cAAc,KAAK;AAAA;AAAA,GAEtB;AAAA,EACD,CAAC,OAAO,SAAS,KACf,CAAC,SAAS,MAAM,IAAI,MAAM,eAAe,YAAY,EACvD,EAFC;AAGH,EAbC,SAgBG,qBAAqB,CAAC,aACnB,MAAM,SAAS,IAAI,UAAU,CAAC,MAC/B,OAAO,KAAM,YACb,EAAE,SAAY,OAAa,OACxB,CACR,EAAE,KAAK;AAGV,SAAS,cAAiB,OAAe;AACvC,SAAI,SAAS,OAAO,OAAc;AAEpC;",
   "names": []
 }

package/dist/jsx/mdx/{components.mjs → components.native.js}

@@ -9,21 +9,15 @@ import { MDXCodeBlock } from "./MDXCodeBlock";
 import { Platform } from "react-native";
 import { UL } from "./UL";
 import { unwrapText } from "../utils/unwrapText";
-const code = ({ hero, line, scrollable, className, children, id, showLineNumbers, collapsible, ...props }) => {
-  if (!className)
-    return <CodeInline>{unwrapText(children)}</CodeInline>;
-  return <YStack marginTop="$3"><MDXCodeBlock
-    className={className}
-    isHighlightingLines={line !== void 0}
-    showLineNumbers={showLineNumbers !== void 0}
-    {...sanitizeProps(props)}
-  >{children}</MDXCodeBlock></YStack>;
-};
-const TableHighlight = styled(YStack, {
+const code = ({ hero, line, scrollable, className, children, id, showLineNumbers, collapsible, ...props }) => className ? <YStack marginTop="$3"><MDXCodeBlock
+  className={className}
+  isHighlightingLines={line !== void 0}
+  showLineNumbers={showLineNumbers !== void 0}
+  {...sanitizeProps(props)}
+>{children}</MDXCodeBlock></YStack> : <CodeInline>{unwrapText(children)}</CodeInline>, TableHighlight = styled(YStack, {
   backgroundColor: "$yellow1",
-  fullscreen: true
-});
-const mdxComponents = {
+  fullscreen: !0
+}), mdxComponents = {
   h1: (props) => <H1 marginBottom="$2" {...sanitizeProps(props)} />,
   h2: (props) => <H2 paddingTop="$8" marginTop="$-4" marginBottom="$2" data-heading {...sanitizeProps(props)} />,
   h3: ({ children, id, ...props }) => <LinkHeading paddingTop="$8" marginTop="$-4" marginBottom="$1" id={id}>
@@ -34,8 +28,11 @@ const mdxComponents = {
   h5: (props) => <H5 marginTop="$4" {...sanitizeProps(props)} />,
   h6: (props) => <H6 marginTop="$4" {...sanitizeProps(props)} />,
   p: (props) => <Paragraph size="$6" marginVertical="$2.5" {...sanitizeProps(props)} />,
-  a: ({ href = "", children, ...props }) => {
-    return <Link href={href}><Paragraph fontSize="inherit" display="inline" cursor="pointer" {...sanitizeProps(props)}>
+  a: ({ href = "", children, ...props }) => <Link href={href}>
+    {
+      /* @ts-ignore */
+    }
+    <Paragraph fontSize="inherit" display="inline" cursor="pointer" {...sanitizeProps(props)}>
       {children}
       {
         /* {typeof href === 'string' && href.startsWith('http') ? (
@@ -47,12 +44,16 @@ const mdxComponents = {
           </>
         ) : null} */
       }
-    </Paragraph></Link>;
-  },
+    </Paragraph>
+  </Link>,
   hr: (props) => <HR {...sanitizeProps(props)} />,
-  ul: ({ children }) => <UL marginVertical="$4">{React.Children.toArray(children).map((x) => typeof x === "string" ? null : x)}</UL>,
+  ul: ({ children }) => (
+    // @ts-ignore
+    <UL marginVertical="$4">{React.Children.toArray(children).map((x) => typeof x == "string" ? null : x)}</UL>
+  ),
   ol: (props) => <YStack {...sanitizeProps(props)} marginBottom="$3" />,
   li: (props) => <LI size="$6" marginVertical="$1.5" className="docs-paragraph">{props.children}</LI>,
+  // @ts-ignore
   strong: (props) => <Paragraph fontSize="inherit" {...sanitizeProps(props)} fontWeight="700" />,
   img: ({ ...props }) => <YStack marginVertical="$6"><YStack {...sanitizeProps(props)} maxWidth="100%" /></YStack>,
   pre: ({ children }) => <>{children}</>,
@@ -79,14 +80,10 @@ const mdxComponents = {
     div: (props) => <Text {...sanitizeProps(props)} />,
     span: (props) => {
       let color;
-      if (/^token punctuation/g.test(props?.className || "")) {
-        color = "$red10";
-      }
-      return <Text color={color} {...sanitizeProps(props)} />;
+      return /^token punctuation/g.test((props == null ? void 0 : props.className) || "") && (color = "$red10"), <Text color={color} {...sanitizeProps(props)} />;
     }
   }
-};
-const LinkHeading = ({ id, children, ...props }) => <XStack
+}, LinkHeading = ({ id, children, ...props }) => <XStack
   href={`#${id}`}
   id={id}
   data-id={id}
@@ -97,23 +94,12 @@ const LinkHeading = ({ id, children, ...props }) => <XStack
 >
   {children}
   <YStack opacity={0.3}><IconLink size={12} color="var(--color)" aria-hidden /></YStack>
-</XStack>;
-const getNonTextChildren = (children) => {
-  return React.Children.map(children, (x) => {
-    if (typeof x === "string")
-      return null;
-    if (x["type"] === code)
-      return null;
-    return x;
-  }).flat();
-};
+</XStack>, getNonTextChildren = (children) => React.Children.map(children, (x) => typeof x == "string" || x.type === code ? null : x).flat();
 function sanitizeProps(props) {
-  if (Platform.OS !== "web")
-    return props;
-  return props;
+  return Platform.OS !== "web", props;
 }
 export {
   TableHighlight,
   mdxComponents
 };
-//# sourceMappingURL=components.mjs.map
+//# sourceMappingURL=components.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../src/mdx/components.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/mdx/hooks/{index.mjs → index.native.js}

@@ -1,4 +1,4 @@
 export * from "./useCompileAndEvaluateMdx";
 export * from "./useCompileMdx";
 export * from "./useEvaluateMdx";
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/mdx/hooks/useCompileAndEvaluateMdx.js

@@ -1,11 +1,8 @@
 import { useCompileMdx } from "./useCompileMdx";
 import { useEvaluateMdx } from "./useEvaluateMdx";
 function useCompileAndEvaluateMdx(source, compileOptions, evaluateOptions) {
-  const { code, frontmatter } = useCompileMdx(source, compileOptions);
-  const Component = useEvaluateMdx(code, evaluateOptions);
-  if (!code || !frontmatter || !Component)
-    return {};
-  return { Component, code, frontmatter };
+  const { code, frontmatter } = useCompileMdx(source, compileOptions), Component = useEvaluateMdx(code, evaluateOptions);
+  return !code || !frontmatter || !Component ? {} : { Component, code, frontmatter };
 }
 export {
   useCompileAndEvaluateMdx

package/dist/jsx/mdx/hooks/useCompileAndEvaluateMdx.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/hooks/useCompileAndEvaluateMdx.ts"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAExB,SAAS,yBACd,QACA,gBACA,iBACA;AACA,QAAM,EAAE,MAAM,YAAY,IAAI,cAAc,QAAQ,cAAc;AAClE,QAAM,YAAY,eAAe,MAAM,eAAe;AACtD,MAAI,CAAC,QAAQ,CAAC,eAAe,CAAC;AAAW,WAAO,CAAC;AACjD,SAAO,EAAE,WAAW,MAAM,YAAY;AACxC;",
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAExB,SAAS,yBACd,QACA,gBACA,iBACA;AACA,QAAM,EAAE,MAAM,YAAY,IAAI,cAAc,QAAQ,cAAc,GAC5D,YAAY,eAAe,MAAM,eAAe;AACtD,SAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAkB,CAAC,IAC1C,EAAE,WAAW,MAAM,YAAY;AACxC;",
   "names": []
 }

package/dist/jsx/mdx/hooks/{useCompileAndEvaluateMdx.mjs → useCompileAndEvaluateMdx.native.js}

@@ -1,13 +1,10 @@
 import { useCompileMdx } from "./useCompileMdx";
 import { useEvaluateMdx } from "./useEvaluateMdx";
 function useCompileAndEvaluateMdx(source, compileOptions, evaluateOptions) {
-  const { code, frontmatter } = useCompileMdx(source, compileOptions);
-  const Component = useEvaluateMdx(code, evaluateOptions);
-  if (!code || !frontmatter || !Component)
-    return {};
-  return { Component, code, frontmatter };
+  const { code, frontmatter } = useCompileMdx(source, compileOptions), Component = useEvaluateMdx(code, evaluateOptions);
+  return !code || !frontmatter || !Component ? {} : { Component, code, frontmatter };
 }
 export {
   useCompileAndEvaluateMdx
 };
-//# sourceMappingURL=useCompileAndEvaluateMdx.mjs.map
+//# sourceMappingURL=useCompileAndEvaluateMdx.js.map

package/dist/jsx/mdx/hooks/{useCompileAndEvaluateMdx.mjs.map → useCompileAndEvaluateMdx.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/hooks/useCompileAndEvaluateMdx.ts"],
-  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAExB,SAAS,yBACd,QACA,gBACA,iBACA;AACA,QAAM,EAAE,MAAM,YAAY,IAAI,cAAc,QAAQ,cAAc;AAClE,QAAM,YAAY,eAAe,MAAM,eAAe;AACtD,MAAI,CAAC,QAAQ,CAAC,eAAe,CAAC;AAAW,WAAO,CAAC;AACjD,SAAO,EAAE,WAAW,MAAM,YAAY;AACxC;",
+  "mappings": "AAAA,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAExB,SAAS,yBACd,QACA,gBACA,iBACA;AACA,QAAM,EAAE,MAAM,YAAY,IAAI,cAAc,QAAQ,cAAc,GAC5D,YAAY,eAAe,MAAM,eAAe;AACtD,SAAI,CAAC,QAAQ,CAAC,eAAe,CAAC,YAAkB,CAAC,IAC1C,EAAE,WAAW,MAAM,YAAY;AACxC;",
   "names": []
 }

package/dist/jsx/mdx/hooks/useCompileMdx.js

@@ -1,8 +1,7 @@
 import { useState, useEffect } from "react";
 function useCompileMdx(source, options) {
-  const [code, setCode] = useState();
-  const [frontmatter, setFrontmatter] = useState();
-  useEffect(() => {
+  const [code, setCode] = useState(), [frontmatter, setFrontmatter] = useState();
+  return useEffect(() => {
     (async () => {
       const [
         { compile },
@@ -22,12 +21,11 @@ function useCompileMdx(source, options) {
         import("remark-mdx-frontmatter"),
         import("../util/rehypeHighlightCode"),
         import("../util/rehypeMetaAttributes")
-      ]);
-      const { value } = await compile(source, {
+      ]), { value } = await compile(source, {
         ...options,
-        development: false,
+        development: !1,
         outputFormat: "function-body",
-        useDynamicImport: true,
+        useDynamicImport: !0,
         remarkPlugins: [
           ...options?.remarkPlugins || [],
           [remarkMdxFrontmatter, { name: "frontmatter" }],
@@ -41,13 +39,9 @@ function useCompileMdx(source, options) {
           rehypeSlug
         ]
       });
-      setCode(value.toString());
-      setFrontmatter(grayMatter(source));
+      setCode(value.toString()), setFrontmatter(grayMatter(source));
     })();
-  }, [source, options]);
-  if (!code || !frontmatter)
-    return {};
-  return { code, frontmatter };
+  }, [source, options]), !code || !frontmatter ? {} : { code, frontmatter };
 }
 export {
   useCompileMdx

package/dist/jsx/mdx/hooks/useCompileMdx.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/hooks/useCompileMdx.ts"],
-  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAE7B,SAAS,cACd,QACA,SAIA;AACA,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B;AACrD,QAAM,CAAC,aAAa,cAAc,IAAI,SAA0C;AAEhF,YAAU,MAAM;AACd,KAAC,YAAY;AACX,YAAM;AAAA,QACJ,EAAE,QAAQ;AAAA,QACV,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,uBAAuB;AAAA,QAClC,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,kBAAkB;AAAA,QAC7B,EAAE,SAAS,qBAAqB;AAAA,QAChC,EAAE,oBAAoB;AAAA,QACtB,EAAE,qBAAqB;AAAA,MACzB,IAAI,MAAM,QAAQ,IAAI;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,0BAA0B;AAAA,QACjC,OAAO,aAAa;AAAA,QACpB,OAAO,oBAAoB;AAAA,QAC3B,OAAO,wBAAwB;AAAA,QAC/B,OAAO,6BAA6B;AAAA,QACpC,OAAO,8BAA8B;AAAA,MACvC,CAAC;AACD,YAAM,EAAE,MAAM,IAAI,MAAM,QAAQ,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBAAkB;AAAA,QAClB,eAAe;AAAA,UACb,GAAI,SAAS,iBAAiB,CAAC;AAAA,UAC/B,CAAC,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAAA,UAC9C;AAAA,QACF;AAAA,QACA,eAAe;AAAA,UACb,GAAI,SAAS,iBAAiB,CAAC;AAAA,UAC/B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AACD,cAAQ,MAAM,SAAS,CAAC;AACxB,qBAAe,WAAW,MAAM,CAAC;AAAA,IACnC,GAAG;AAAA,EACL,GAAG,CAAC,QAAQ,OAAO,CAAC;AAEpB,MAAI,CAAC,QAAQ,CAAC;AAAa,WAAO,CAAC;AACnC,SAAO,EAAE,MAAM,YAAY;AAC7B;",
+  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAE7B,SAAS,cACd,QACA,SAIA;AACA,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,GAC/C,CAAC,aAAa,cAAc,IAAI,SAA0C;AA8ChF,SA5CA,UAAU,MAAM;AACd,KAAC,YAAY;AACX,YAAM;AAAA,QACJ,EAAE,QAAQ;AAAA,QACV,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,uBAAuB;AAAA,QAClC,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,kBAAkB;AAAA,QAC7B,EAAE,SAAS,qBAAqB;AAAA,QAChC,EAAE,oBAAoB;AAAA,QACtB,EAAE,qBAAqB;AAAA,MACzB,IAAI,MAAM,QAAQ,IAAI;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,0BAA0B;AAAA,QACjC,OAAO,aAAa;AAAA,QACpB,OAAO,oBAAoB;AAAA,QAC3B,OAAO,wBAAwB;AAAA,QAC/B,OAAO,6BAA6B;AAAA,QACpC,OAAO,8BAA8B;AAAA,MACvC,CAAC,GACK,EAAE,MAAM,IAAI,MAAM,QAAQ,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBAAkB;AAAA,QAClB,eAAe;AAAA,UACb,GAAI,SAAS,iBAAiB,CAAC;AAAA,UAC/B,CAAC,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAAA,UAC9C;AAAA,QACF;AAAA,QACA,eAAe;AAAA,UACb,GAAI,SAAS,iBAAiB,CAAC;AAAA,UAC/B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AACD,cAAQ,MAAM,SAAS,CAAC,GACxB,eAAe,WAAW,MAAM,CAAC;AAAA,IACnC,GAAG;AAAA,EACL,GAAG,CAAC,QAAQ,OAAO,CAAC,GAEhB,CAAC,QAAQ,CAAC,cAAoB,CAAC,IAC5B,EAAE,MAAM,YAAY;AAC7B;",
   "names": []
 }

package/dist/jsx/mdx/hooks/{useCompileMdx.mjs → useCompileMdx.native.js}

@@ -1,8 +1,7 @@
 import { useState, useEffect } from "react";
 function useCompileMdx(source, options) {
-  const [code, setCode] = useState();
-  const [frontmatter, setFrontmatter] = useState();
-  useEffect(() => {
+  const [code, setCode] = useState(), [frontmatter, setFrontmatter] = useState();
+  return useEffect(() => {
     (async () => {
       const [
         { compile },
@@ -22,34 +21,29 @@ function useCompileMdx(source, options) {
         import("remark-mdx-frontmatter"),
         import("../util/rehypeHighlightCode"),
         import("../util/rehypeMetaAttributes")
-      ]);
-      const { value } = await compile(source, {
+      ]), { value } = await compile(source, {
         ...options,
-        development: false,
+        development: !1,
         outputFormat: "function-body",
-        useDynamicImport: true,
+        useDynamicImport: !0,
         remarkPlugins: [
-          ...options?.remarkPlugins || [],
+          ...(options == null ? void 0 : options.remarkPlugins) || [],
           [remarkMdxFrontmatter, { name: "frontmatter" }],
           remarkFrontmatter
         ],
         rehypePlugins: [
-          ...options?.rehypePlugins || [],
+          ...(options == null ? void 0 : options.rehypePlugins) || [],
           rehypeAutolinkHeadings,
           rehypeHighlightCode,
           rehypeMetaAttributes,
           rehypeSlug
         ]
       });
-      setCode(value.toString());
-      setFrontmatter(grayMatter(source));
+      setCode(value.toString()), setFrontmatter(grayMatter(source));
     })();
-  }, [source, options]);
-  if (!code || !frontmatter)
-    return {};
-  return { code, frontmatter };
+  }, [source, options]), !code || !frontmatter ? {} : { code, frontmatter };
 }
 export {
   useCompileMdx
 };
-//# sourceMappingURL=useCompileMdx.mjs.map
+//# sourceMappingURL=useCompileMdx.js.map

package/dist/jsx/mdx/hooks/useCompileMdx.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/hooks/useCompileMdx.ts"],
+  "mappings": "AAAA,SAAS,UAAU,iBAAiB;AAE7B,SAAS,cACd,QACA,SAIA;AACA,QAAM,CAAC,MAAM,OAAO,IAAI,SAA6B,GAC/C,CAAC,aAAa,cAAc,IAAI,SAA0C;AA8ChF,SA5CA,UAAU,MAAM;AACd,KAAC,YAAY;AACX,YAAM;AAAA,QACJ,EAAE,QAAQ;AAAA,QACV,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,uBAAuB;AAAA,QAClC,EAAE,SAAS,WAAW;AAAA,QACtB,EAAE,SAAS,kBAAkB;AAAA,QAC7B,EAAE,SAAS,qBAAqB;AAAA,QAChC,EAAE,oBAAoB;AAAA,QACtB,EAAE,qBAAqB;AAAA,MACzB,IAAI,MAAM,QAAQ,IAAI;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,aAAa;AAAA,QACpB,OAAO,0BAA0B;AAAA,QACjC,OAAO,aAAa;AAAA,QACpB,OAAO,oBAAoB;AAAA,QAC3B,OAAO,wBAAwB;AAAA,QAC/B,OAAO,6BAA6B;AAAA,QACpC,OAAO,8BAA8B;AAAA,MACvC,CAAC,GACK,EAAE,MAAM,IAAI,MAAM,QAAQ,QAAQ;AAAA,QACtC,GAAG;AAAA,QACH,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBAAkB;AAAA,QAClB,eAAe;AAAA,UACb,IAAI,mCAAS,kBAAiB,CAAC;AAAA,UAC/B,CAAC,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAAA,UAC9C;AAAA,QACF;AAAA,QACA,eAAe;AAAA,UACb,IAAI,mCAAS,kBAAiB,CAAC;AAAA,UAC/B;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF,CAAC;AACD,cAAQ,MAAM,SAAS,CAAC,GACxB,eAAe,WAAW,MAAM,CAAC;AAAA,IACnC,GAAG;AAAA,EACL,GAAG,CAAC,QAAQ,OAAO,CAAC,GAEhB,CAAC,QAAQ,CAAC,cAAoB,CAAC,IAC5B,EAAE,MAAM,YAAY;AAC7B;",
+  "names": []
+}

package/dist/jsx/mdx/hooks/useEvaluateMdx.js

@@ -2,12 +2,9 @@ import * as jsxRuntime from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 function useEvaluateMdx(code, options) {
   const [Component, setComponent] = useState();
-  useEffect(() => {
-    if (!code)
-      return;
-    setComponent(() => evaluateMdx(code, options));
-  }, [code, options]);
-  return Component;
+  return useEffect(() => {
+    code && setComponent(() => evaluateMdx(code, options));
+  }, [code, options]), Component;
 }
 function evaluateMdx(code, options) {
   return run(code, {

package/dist/jsx/mdx/hooks/useEvaluateMdx.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/hooks/useEvaluateMdx.ts"],
-  "mappings": "AAAA,YAAY,gBAAgB;AAG5B,SAAS,UAAU,iBAAiB;AAE7B,SAAS,eAAe,MAAe,SAA+B;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,SAA8D;AAEhG,YAAU,MAAM;AACd,QAAI,CAAC;AAAM;AACX,iBAAa,MAAM,YAAY,MAAM,OAAO,CAAC;AAAA,EAC/C,GAAG,CAAC,MAAM,OAAO,CAAC;AAElB,SAAO;AACT;AAEA,SAAS,YAAY,MAAc,SAA+B;AAChE,SAAO,IAAI,MAAM;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC,EAAE;AACL;AAEA,MAAM,gBAAgB,OAAO,eAAe,GAAG,EAAE;AACjD,SAAS,IAAI,MAAc,SAA8B;AACvD,SAAO,IAAI,cAAc,OAAO,IAAI,CAAC,EAAE,OAAO;AAChD;",
+  "mappings": "AAAA,YAAY,gBAAgB;AAG5B,SAAS,UAAU,iBAAiB;AAE7B,SAAS,eAAe,MAAe,SAA+B;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,SAA8D;AAEhG,mBAAU,MAAM;AACd,IAAK,QACL,aAAa,MAAM,YAAY,MAAM,OAAO,CAAC;AAAA,EAC/C,GAAG,CAAC,MAAM,OAAO,CAAC,GAEX;AACT;AAEA,SAAS,YAAY,MAAc,SAA+B;AAChE,SAAO,IAAI,MAAM;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC,EAAE;AACL;AAEA,MAAM,gBAAgB,OAAO,eAAe,GAAG,EAAE;AACjD,SAAS,IAAI,MAAc,SAA8B;AACvD,SAAO,IAAI,cAAc,OAAO,IAAI,CAAC,EAAE,OAAO;AAChD;",
   "names": []
 }

package/dist/jsx/mdx/hooks/{useEvaluateMdx.mjs → useEvaluateMdx.native.js}

@@ -2,12 +2,9 @@ import * as jsxRuntime from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 function useEvaluateMdx(code, options) {
   const [Component, setComponent] = useState();
-  useEffect(() => {
-    if (!code)
-      return;
-    setComponent(() => evaluateMdx(code, options));
-  }, [code, options]);
-  return Component;
+  return useEffect(() => {
+    code && setComponent(() => evaluateMdx(code, options));
+  }, [code, options]), Component;
 }
 function evaluateMdx(code, options) {
   return run(code, {
@@ -22,4 +19,4 @@ function run(code, options) {
 export {
   useEvaluateMdx
 };
-//# sourceMappingURL=useEvaluateMdx.mjs.map
+//# sourceMappingURL=useEvaluateMdx.js.map

package/dist/jsx/mdx/hooks/useEvaluateMdx.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/hooks/useEvaluateMdx.ts"],
+  "mappings": "AAAA,YAAY,gBAAgB;AAG5B,SAAS,UAAU,iBAAiB;AAE7B,SAAS,eAAe,MAAe,SAA+B;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,SAA8D;AAEhG,mBAAU,MAAM;AACd,IAAK,QACL,aAAa,MAAM,YAAY,MAAM,OAAO,CAAC;AAAA,EAC/C,GAAG,CAAC,MAAM,OAAO,CAAC,GAEX;AACT;AAEA,SAAS,YAAY,MAAc,SAA+B;AAChE,SAAO,IAAI,MAAM;AAAA,IACf,GAAG;AAAA,IACH,GAAG;AAAA,EACL,CAAC,EAAE;AACL;AAEA,MAAM,gBAAgB,OAAO,eAAe,GAAG,EAAE;AACjD,SAAS,IAAI,MAAc,SAA8B;AACvD,SAAO,IAAI,cAAc,OAAO,IAAI,CAAC,EAAE,OAAO;AAChD;",
+  "names": []
+}

package/dist/jsx/mdx/{index.mjs → index.native.js}

@@ -6,4 +6,4 @@ export * from "./MDXCodeBlock";
 export * from "./UL";
 export * from "./components";
 export * from "./hooks";
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/mdx/util/rehypeHighlightCode.js

@@ -8,15 +8,12 @@ import { visit } from "unist-util-visit";
 refractor.register(tsx);
 function rehypeHighlightCode(_options = {}) {
   function visitor(node, index, parent) {
-    if (!parent || parent.tagName !== "pre" || node.tagName !== "code" || !node.properties.className) {
+    if (!parent || parent.tagName !== "pre" || node.tagName !== "code" || !node.properties.className)
       return;
-    }
-    const [, lang] = node.properties.className[0].split("-");
-    const codeString = toString(node);
+    const [, lang] = node.properties.className[0].split("-"), codeString = toString(node);
     let result = refractor.highlight(codeString, lang);
     const linesToHighlight = rangeParser(node.properties.line || "0");
-    result = rehypeHighlightLine(result, linesToHighlight);
-    node.children = rehypeHighlightWord(result);
+    result = rehypeHighlightLine(result, linesToHighlight), node.children = rehypeHighlightWord(result);
   }
   return (tree) => {
     visit(tree, "element", visitor);

package/dist/jsx/mdx/util/rehypeHighlightCode.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/util/rehypeHighlightCode.ts"],
-  "mappings": "AAEA,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAEtB,UAAU,SAAS,GAAG;AAEf,SAAS,oBAAoB,WAAW,CAAC,GAAG;AACjD,WAAS,QAAQ,MAAW,OAAY,QAAa;AACnD,QAAI,CAAC,UAAU,OAAO,YAAY,SAAS,KAAK,YAAY,UAAU,CAAC,KAAK,WAAW,WAAW;AAChG;AAAA,IACF;AACA,UAAM,CAAC,EAAE,IAAI,IAAI,KAAK,WAAW,UAAU,CAAC,EAAE,MAAM,GAAG;AACvD,UAAM,aAAa,SAAS,IAAI;AAChC,QAAI,SAAS,UAAU,UAAU,YAAY,IAAI;AACjD,UAAM,mBAAmB,YAAY,KAAK,WAAW,QAAQ,GAAG;AAChE,aAAS,oBAAoB,QAAQ,gBAAgB;AACrD,SAAK,WAAW,oBAAoB,MAAM;AAAA,EAC5C;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,OAAO;AAAA,EAChC;AACF;",
+  "mappings": "AAEA,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,gBAAgB;AACzB,SAAS,aAAa;AAEtB,UAAU,SAAS,GAAG;AAEf,SAAS,oBAAoB,WAAW,CAAC,GAAG;AACjD,WAAS,QAAQ,MAAW,OAAY,QAAa;AACnD,QAAI,CAAC,UAAU,OAAO,YAAY,SAAS,KAAK,YAAY,UAAU,CAAC,KAAK,WAAW;AACrF;AAEF,UAAM,CAAC,EAAE,IAAI,IAAI,KAAK,WAAW,UAAU,CAAC,EAAE,MAAM,GAAG,GACjD,aAAa,SAAS,IAAI;AAChC,QAAI,SAAS,UAAU,UAAU,YAAY,IAAI;AACjD,UAAM,mBAAmB,YAAY,KAAK,WAAW,QAAQ,GAAG;AAChE,aAAS,oBAAoB,QAAQ,gBAAgB,GACrD,KAAK,WAAW,oBAAoB,MAAM;AAAA,EAC5C;AACA,SAAO,CAAC,SAAc;AACpB,UAAM,MAAM,WAAW,OAAO;AAAA,EAChC;AACF;",
   "names": []
 }

package/dist/jsx/mdx/util/{rehypeHighlightCode.mjs → rehypeHighlightCode.native.js}

@@ -8,15 +8,12 @@ import { visit } from "unist-util-visit";
 refractor.register(tsx);
 function rehypeHighlightCode(_options = {}) {
   function visitor(node, index, parent) {
-    if (!parent || parent.tagName !== "pre" || node.tagName !== "code" || !node.properties.className) {
+    if (!parent || parent.tagName !== "pre" || node.tagName !== "code" || !node.properties.className)
       return;
-    }
-    const [, lang] = node.properties.className[0].split("-");
-    const codeString = toString(node);
+    const [, lang] = node.properties.className[0].split("-"), codeString = toString(node);
     let result = refractor.highlight(codeString, lang);
     const linesToHighlight = rangeParser(node.properties.line || "0");
-    result = rehypeHighlightLine(result, linesToHighlight);
-    node.children = rehypeHighlightWord(result);
+    result = rehypeHighlightLine(result, linesToHighlight), node.children = rehypeHighlightWord(result);
   }
   return (tree) => {
     visit(tree, "element", visitor);
@@ -25,4 +22,4 @@ function rehypeHighlightCode(_options = {}) {
 export {
   rehypeHighlightCode
 };
-//# sourceMappingURL=rehypeHighlightCode.mjs.map
+//# sourceMappingURL=rehypeHighlightCode.js.map