@multiplatform.one/components 0.2.0

package/dist/jsx/mdx/MDXCodeBlock/index.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/MDXCodeBlock/index.mjs

@@ -0,0 +1,104 @@
+import { useEffect, useRef, useState, useContext } from "react";
+import { Button, Spacer, TooltipSimple, XStack, YStack, getTokens } from "tamagui";
+import { CheckCircle, Clipboard } from "@tamagui/lucide-icons";
+import { Code } from "../../code/Code";
+import { ErrorBoundary } from "../../ErrorBoundary";
+import { LinearGradient } from "@tamagui/linear-gradient";
+import { MDXCodeBlockContext } from "./MDXCodeBlockContext";
+import { Pre } from "../../code/Pre";
+import { ScrollView } from "react-native";
+import { useClipboard } from "../../hooks/useClipboard";
+function MDXCodeBlock(props) {
+  const {
+    children,
+    className,
+    disableCopy,
+    id,
+    isCollapsible,
+    isHighlightingLines,
+    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(() => {
+    try {
+      if (preRef.current) {
+        const codeElement = preRef.current.querySelector("code");
+        if (codeElement) {
+          const code2 = codeElement.innerText.replace(/\n{3,}/g, "\n");
+          setCode(code2);
+        }
+      }
+    } catch {
+    }
+  }, [preRef]);
+  return <YStack position="relative" mb="$4"><ErrorBoundary><YStack
+    position="relative"
+    {...isCutoff && {
+      maxHeight: 400,
+      ov: "hidden",
+      br: "$4"
+    }}
+  >
+    {(!isCollapsed || !isCollapsible) && isCutoff && <LinearGradient
+      pos="absolute"
+      b={0}
+      l={0}
+      r={0}
+      height={200}
+      colors={["$backgroundTransparent", "$background"]}
+      zi={1e3}
+    >
+      <Spacer f={1} />
+      <Button onPress={() => setIsCutoff(!isCutoff)} als="center">Show more</Button>
+      <Spacer size="$4" />
+    </LinearGradient>}
+    {(!isCollapsed || !isCollapsible) && <Pre
+      ref={preRef}
+      data-invert-line-highlight={isHighlightingLines}
+      data-line-numbers={showLineNumbers}
+      className={className}
+      p={0}
+      mb={0}
+      id={id}
+    ><ScrollView
+      style={{ width: "100%" }}
+      contentContainerStyle={{ minWidth: "100%" }}
+      horizontal
+      showsHorizontalScrollIndicator={false}
+    ><Code
+      backgroundColor="transparent"
+      className={className}
+      f={1}
+      lineHeight={tokens.space[size || "$5"]}
+      p="$4"
+      size={size ?? "$5"}
+      {...codeProps}
+    >{children}</Code></ScrollView></Pre>}
+    <XStack position="absolute" top="$3" right="$3" space="$3">
+      {(!isCollapsed || !isCollapsible) && !disableCopy && <TooltipSimple label={hasCopied ? "Copied" : "Copy to clipboard"}><Button
+        aria-label="Copy code to clipboard"
+        size="$2"
+        icon={hasCopied ? CheckCircle : Clipboard}
+        onPress={onCopy}
+        $xs={{
+          display: "none"
+        }}
+      /></TooltipSimple>}
+      {isCollapsible && <Button accessibilityLabel="Show or hide code" size="$2" onPress={() => setIsCollapsed((x) => !x)}>{isCollapsed ? "Show code" : "Hide code"}</Button>}
+    </XStack>
+  </YStack></ErrorBoundary></YStack>;
+}
+export {
+  MDXCodeBlock
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/mdx/MDXCodeBlock/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDXCodeBlock/index.tsx"],
+  "mappings": "AAAA,SAAgB,WAAW,QAAQ,UAAU,kBAAkB;AAE/D,SAAS,QAAQ,QAAQ,eAAe,QAAQ,QAAQ,iBAAiB;AACzE,SAAS,aAAa,iBAAiB;AACvC,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,WAAW;AACpB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAOtB,SAAS,aAAa,OAA0B;AACrD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA,GAAG;AAAA,EACL,IAAI,EAAE,GAAG,WAAW,mBAAmB,GAAG,GAAG,MAAM;AACnD,QAAM,QAAQ,MAAM,QAAQ,QAAQ,IAAI,SAAS,SAAS;AAC1D,QAAM,kBAAkB,wBAAwB,QAAQ,KAAK,OAAO;AACpE,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,aAAa;AAC5D,QAAM,SAAS,QAAQ;AACvB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,UAAU,CAAC,aAAa;AACjE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAS;AAC1C,QAAM,SAAS,OAAY,IAAI;AAC/B,QAAM,EAAE,WAAW,OAAO,IAAI,aAAa,IAAI;AAC/C,QAAM,SAAS,UAAU;AAEzB,YAAU,MAAM;AACd,QAAI;AACF,UAAI,OAAO,SAAS;AAClB,cAAM,cAAc,OAAO,QAAQ,cAAc,MAAM;AACvD,YAAI,aAAa;AACf,gBAAMA,QAAO,YAAY,UAAU,QAAQ,WAAW,IAAI;AAC1D,kBAAQA,KAAI;AAAA,QACd;AAAA,MACF;AAAA,IACF,QAAE;AAAA,IAAO;AAAA,EACX,GAAG,CAAC,MAAM,CAAC;AAEX,SACE,CAAC,OAAO,SAAS,WAAW,GAAG,KAC7B,CAAC,cACC,CAAC;AAAA,IACC,SAAS;AAAA,QACJ,YAAY;AAAA,MACf,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA;AAAA,MAEE,CAAC,eAAe,CAAC,kBAAkB,YACnC,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,QAAQ,CAAC,0BAA0B,aAAa;AAAA,MAChD,IAAI;AAAA;AAAA,MAEJ,CAAC,OAAO,GAAG,GAAG;AAAA,MACd,CAAC,OAAO,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,IAAI,SAAS,SAE5D,EAFC;AAAA,MAGD,CAAC,OAAO,KAAK,KAAK;AAAA,IACpB,EAdC;AAAA,MAgBD,CAAC,eAAe,CAAC,kBACjB,CAAC;AAAA,MACC,KAAK;AAAA,MACL,4BAA4B;AAAA,MAC5B,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,KAEJ,CAAC;AAAA,MACC,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,uBAAuB,EAAE,UAAU,OAAO;AAAA,MAC1C;AAAA,MACA,gCAAgC;AAAA,KAEhC,CAAC;AAAA,MACC,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,GAAG;AAAA,MACH,YAAY,OAAO,MAAM,QAAQ,IAAI;AAAA,MACrC,EAAE;AAAA,MACF,MAAM,QAAQ;AAAA,UACV;AAAA,MAEH,SACH,EAVC,KAWH,EAjBC,WAkBH,EA3BC;AAAA,IA6BH,CAAC,OAAO,SAAS,WAAW,IAAI,KAAK,MAAM,KAAK,MAAM;AAAA,QAClD,CAAC,eAAe,CAAC,kBAAkB,CAAC,eACpC,CAAC,cAAc,OAAO,YAAY,WAAW,qBAC3C,CAAC;AAAA,QACC,WAAW;AAAA,QACX,KAAK;AAAA,QACL,MAAM,YAAY,cAAc;AAAA,QAChC,SAAS;AAAA,QACT,KAAK;AAAA,UACH,SAAS;AAAA,QACX;AAAA,MACF,EACF,EAVC;AAAA,OAYF,iBACC,CAAC,OAAO,mBAAmB,oBAAoB,KAAK,KAAK,SAAS,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC,IAC7F,cAAc,cAAc,YAC/B,EAFC;AAAA,IAIL,EAnBC;AAAA,EAoBH,EA3EC,OA4EH,EA7EC,cA8EH,EA/EC;AAiFL;",
+  "names": ["code"]
+}

package/dist/jsx/mdx/UL/UL.stories.js

@@ -0,0 +1,12 @@
+import { UL } from "./index";
+var UL_stories_default = {
+  title: "mdx/UL",
+  component: UL,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <UL />;
+export {
+  UL_stories_default as default,
+  main
+};
+//# sourceMappingURL=UL.stories.js.map

package/dist/jsx/mdx/UL/UL.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/UL/UL.stories.tsx"],
+  "mappings": "AACA,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,CAAC,GAAG;",
+  "names": []
+}

package/dist/jsx/mdx/UL/UL.stories.mjs

@@ -0,0 +1,12 @@
+import { UL } from "./index";
+var UL_stories_default = {
+  title: "mdx/UL",
+  component: UL,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <UL />;
+export {
+  UL_stories_default as default,
+  main
+};
+//# sourceMappingURL=UL.stories.mjs.map

package/dist/jsx/mdx/UL/UL.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/UL/UL.stories.tsx"],
+  "mappings": "AACA,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,CAAC,GAAG;",
+  "names": []
+}

package/dist/jsx/mdx/UL/index.js

@@ -0,0 +1,11 @@
+import { YStack, styled } from "tamagui";
+const UL = styled(YStack, {
+  tag: "ul",
+  marginVertical: "$1",
+  marginLeft: "$4",
+  marginRight: "$2"
+});
+export {
+  UL
+};
+//# sourceMappingURL=index.js.map

package/dist/jsx/mdx/UL/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/UL/index.ts"],
+  "mappings": "AAAA,SAAS,QAAQ,cAAc;AAExB,MAAM,KAAK,OAAO,QAAQ;AAAA,EAC/B,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AACf,CAAC;",
+  "names": []
+}

package/dist/jsx/mdx/UL/index.mjs

@@ -0,0 +1,11 @@
+import { YStack, styled } from "tamagui";
+const UL = styled(YStack, {
+  tag: "ul",
+  marginVertical: "$1",
+  marginLeft: "$4",
+  marginRight: "$2"
+});
+export {
+  UL
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/mdx/UL/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/UL/index.ts"],
+  "mappings": "AAAA,SAAS,QAAQ,cAAc;AAExB,MAAM,KAAK,OAAO,QAAQ;AAAA,EAC/B,KAAK;AAAA,EACL,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AACf,CAAC;",
+  "names": []
+}

package/dist/jsx/mdx/components.js

@@ -0,0 +1,119 @@
+import React from "react";
+import { CodeInline } from "../code/Code";
+import { H1, H2, H3, H4, H5, H6, Paragraph, XStack, Text, YStack, styled } from "tamagui";
+import { HR } from "./HR";
+import { LI } from "./LI";
+import { Link as IconLink } from "@tamagui/lucide-icons";
+import { Link } from "solito/link";
+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, {
+  backgroundColor: "$yellow1",
+  fullscreen: true
+});
+const 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}>
+    <H3 nativeID={id} {...sanitizeProps(props)}>{children}</H3>
+    {getNonTextChildren(children)}
+  </LinkHeading>,
+  h4: (props) => <H4 marginTop="$4" marginBottom="$3" {...sanitizeProps(props)} />,
+  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)}>
+      {children}
+      {
+        /* {typeof href === 'string' && href.startsWith('http') ? (
+          <>
+            <Text>&nbsp;</Text>
+            <Text fontSize="inherit" display="inline-flex" y={2} ml={-1}>
+              <ExternalIcon />
+            </Text>
+          </>
+        ) : null} */
+      }
+    </Paragraph></Link>;
+  },
+  hr: (props) => <HR {...sanitizeProps(props)} />,
+  ul: ({ children }) => <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>,
+  strong: (props) => <Paragraph fontSize="inherit" {...sanitizeProps(props)} fontWeight="700" />,
+  img: ({ ...props }) => <YStack marginVertical="$6"><YStack {...sanitizeProps(props)} maxWidth="100%" /></YStack>,
+  pre: ({ children }) => <>{children}</>,
+  code,
+  blockquote: ({ children, ...props }) => <YStack
+    borderColor="$borderColor"
+    borderLeftWidth={1}
+    justifyContent="center"
+    marginLeft="$3"
+    marginVertical="$4"
+    paddingHorizontal="$6"
+    {...sanitizeProps(props)}
+  ><Paragraph
+    color="$color"
+    fontFamily="$silkscreen"
+    fontWeight="300"
+    lineHeight="$9"
+    letterSpacing="$0"
+    opacity={0.65}
+    size="$8"
+    whiteSpace="revert"
+  >{unwrapText(children)}</Paragraph></YStack>,
+  ...Platform.OS === "web" ? {} : {
+    div: (props) => <Text {...sanitizeProps(props)} />,
+    span: (props) => {
+      let color;
+      if (/^token punctuation/g.test(props?.className || "")) {
+        color = "$red10";
+      }
+      return <Text color={color} {...sanitizeProps(props)} />;
+    }
+  }
+};
+const LinkHeading = ({ id, children, ...props }) => <XStack
+  href={`#${id}`}
+  id={id}
+  data-id={id}
+  display="inline-flex"
+  alignItems="center"
+  space
+  {...sanitizeProps(props)}
+>
+  {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();
+};
+function sanitizeProps(props) {
+  if (Platform.OS !== "web")
+    return props;
+  return props;
+}
+export {
+  TableHighlight,
+  mdxComponents
+};
+//# sourceMappingURL=components.js.map

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

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

package/dist/jsx/mdx/components.mjs

@@ -0,0 +1,119 @@
+import React from "react";
+import { CodeInline } from "../code/Code";
+import { H1, H2, H3, H4, H5, H6, Paragraph, XStack, Text, YStack, styled } from "tamagui";
+import { HR } from "./HR";
+import { LI } from "./LI";
+import { Link as IconLink } from "@tamagui/lucide-icons";
+import { Link } from "solito/link";
+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, {
+  backgroundColor: "$yellow1",
+  fullscreen: true
+});
+const 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}>
+    <H3 nativeID={id} {...sanitizeProps(props)}>{children}</H3>
+    {getNonTextChildren(children)}
+  </LinkHeading>,
+  h4: (props) => <H4 marginTop="$4" marginBottom="$3" {...sanitizeProps(props)} />,
+  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)}>
+      {children}
+      {
+        /* {typeof href === 'string' && href.startsWith('http') ? (
+          <>
+            <Text>&nbsp;</Text>
+            <Text fontSize="inherit" display="inline-flex" y={2} ml={-1}>
+              <ExternalIcon />
+            </Text>
+          </>
+        ) : null} */
+      }
+    </Paragraph></Link>;
+  },
+  hr: (props) => <HR {...sanitizeProps(props)} />,
+  ul: ({ children }) => <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>,
+  strong: (props) => <Paragraph fontSize="inherit" {...sanitizeProps(props)} fontWeight="700" />,
+  img: ({ ...props }) => <YStack marginVertical="$6"><YStack {...sanitizeProps(props)} maxWidth="100%" /></YStack>,
+  pre: ({ children }) => <>{children}</>,
+  code,
+  blockquote: ({ children, ...props }) => <YStack
+    borderColor="$borderColor"
+    borderLeftWidth={1}
+    justifyContent="center"
+    marginLeft="$3"
+    marginVertical="$4"
+    paddingHorizontal="$6"
+    {...sanitizeProps(props)}
+  ><Paragraph
+    color="$color"
+    fontFamily="$silkscreen"
+    fontWeight="300"
+    lineHeight="$9"
+    letterSpacing="$0"
+    opacity={0.65}
+    size="$8"
+    whiteSpace="revert"
+  >{unwrapText(children)}</Paragraph></YStack>,
+  ...Platform.OS === "web" ? {} : {
+    div: (props) => <Text {...sanitizeProps(props)} />,
+    span: (props) => {
+      let color;
+      if (/^token punctuation/g.test(props?.className || "")) {
+        color = "$red10";
+      }
+      return <Text color={color} {...sanitizeProps(props)} />;
+    }
+  }
+};
+const LinkHeading = ({ id, children, ...props }) => <XStack
+  href={`#${id}`}
+  id={id}
+  data-id={id}
+  display="inline-flex"
+  alignItems="center"
+  space
+  {...sanitizeProps(props)}
+>
+  {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();
+};
+function sanitizeProps(props) {
+  if (Platform.OS !== "web")
+    return props;
+  return props;
+}
+export {
+  TableHighlight,
+  mdxComponents
+};
+//# sourceMappingURL=components.mjs.map

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

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

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/hooks/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/dist/jsx/mdx/hooks/index.mjs

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

package/dist/jsx/mdx/hooks/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/hooks/index.ts"],
+  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

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

@@ -0,0 +1,13 @@
+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 };
+}
+export {
+  useCompileAndEvaluateMdx
+};
+//# sourceMappingURL=useCompileAndEvaluateMdx.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,13 @@
+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 };
+}
+export {
+  useCompileAndEvaluateMdx
+};
+//# sourceMappingURL=useCompileAndEvaluateMdx.mjs.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,55 @@
+import { useState, useEffect } from "react";
+function useCompileMdx(source, options) {
+  const [code, setCode] = useState();
+  const [frontmatter, setFrontmatter] = useState();
+  useEffect(() => {
+    (async () => {
+      const [
+        { compile },
+        { default: grayMatter },
+        { default: rehypeAutolinkHeadings },
+        { default: rehypeSlug },
+        { default: remarkFrontmatter },
+        { default: remarkMdxFrontmatter },
+        { rehypeHighlightCode },
+        { rehypeMetaAttributes }
+      ] = await Promise.all([
+        import("@mdx-js/mdx"),
+        import("gray-matter"),
+        import("rehype-autolink-headings"),
+        import("rehype-slug"),
+        import("remark-frontmatter"),
+        import("remark-mdx-frontmatter"),
+        import("../util/rehypeHighlightCode"),
+        import("../util/rehypeMetaAttributes")
+      ]);
+      const { value } = await compile(source, {
+        ...options,
+        development: false,
+        outputFormat: "function-body",
+        useDynamicImport: true,
+        remarkPlugins: [
+          ...options?.remarkPlugins || [],
+          [remarkMdxFrontmatter, { name: "frontmatter" }],
+          remarkFrontmatter
+        ],
+        rehypePlugins: [
+          ...options?.rehypePlugins || [],
+          rehypeAutolinkHeadings,
+          rehypeHighlightCode,
+          rehypeMetaAttributes,
+          rehypeSlug
+        ]
+      });
+      setCode(value.toString());
+      setFrontmatter(grayMatter(source));
+    })();
+  }, [source, options]);
+  if (!code || !frontmatter)
+    return {};
+  return { code, frontmatter };
+}
+export {
+  useCompileMdx
+};
+//# sourceMappingURL=useCompileMdx.js.map

package/dist/jsx/mdx/hooks/useCompileMdx.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;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;",
+  "names": []
+}