@multiplatform.one/components 0.2.0

package/dist/esm/mdx/LI/index.js

@@ -0,0 +1,11 @@
+import { Paragraph, styled } from "tamagui";
+const LI = styled(Paragraph, {
+  display: "list-item",
+  tag: "li",
+  size: "$5",
+  pb: "$1"
+});
+export {
+  LI
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/mdx/LI/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/LI/index.tsx"],
+  "mappings": "AAAA,SAAS,WAAW,cAAc;AAE3B,MAAM,KAAK,OAAO,WAAW;AAAA,EAClC,SAAS;AAAA,EACT,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AACN,CAAC;",
+  "names": []
+}

package/dist/esm/mdx/MDX/MDX.stories.js

@@ -0,0 +1,51 @@
+import { MDX } from "./index";
+const meta = {
+  title: "mdx/MDX",
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const mdxSource = `
+# Hello
+
+> I am a blockquote
+
+# H1
+## H2
+#### H4
+
+[example.com](https://example.com)
+
+\`\`\`tsx
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+const hello = "world";
+\`\`\`
+`;
+const main = () => <MDX debug>{mdxSource}</MDX>;
+var MDX_stories_default = meta;
+export {
+  MDX_stories_default as default,
+  main
+};
+//# sourceMappingURL=MDX.stories.js.map

package/dist/esm/mdx/MDX/MDX.stories.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDX/MDX.stories.tsx"],
+  "mappings": "AAEA,SAAS,WAAW;AAEpB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEA,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCX,MAAM,OAAO,MAAM,CAAC,IAAI,OAAO,UAAU,EAArB;AAE3B,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/esm/mdx/MDX/index.js

@@ -0,0 +1,25 @@
+import { mdxComponents } from "../components";
+import { useCompileAndEvaluateMdx } from "../hooks";
+import { useMDXComponents } from "@mdx-js/react";
+const logger = console;
+function MDX({ children, debug, ...props }) {
+  const components = useMDXComponents();
+  const { Component, code, frontmatter } = useCompileAndEvaluateMdx(children);
+  if (!Component)
+    return <>{}</>;
+  if (debug) {
+    logger.debug("MDX", { frontmatter });
+    logger.debug(code);
+  }
+  return <Component
+    components={{
+      ...mdxComponents,
+      ...components,
+      ...props.components
+    }}
+  />;
+}
+export {
+  MDX
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/mdx/MDX/index.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDX/index.tsx"],
+  "mappings": "AAGA,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAQjC,MAAM,SAAS;AAER,SAAS,IAAI,EAAE,UAAU,OAAO,GAAG,MAAM,GAAa;AAC3D,QAAM,aAAa,iBAAiB;AACpC,QAAM,EAAE,WAAW,MAAM,YAAY,IAAI,yBAAyB,QAAQ;AAC1E,MAAI,CAAC;AAAW,WAAO,IAAI;AAC3B,MAAI,OAAO;AACT,WAAO,MAAM,OAAO,EAAE,YAAY,CAAC;AACnC,WAAO,MAAM,IAAI;AAAA,EACnB;AACA,SACE,CAAC;AAAA,IACC,YAAY;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG,MAAM;AAAA,IACX;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlock.stories.js

@@ -0,0 +1,57 @@
+import { MDXCodeBlock } from "./index";
+import { XStack, Text } from "tamagui";
+const meta = {
+  title: "mdx/MDXCodeBlock",
+  component: MDXCodeBlock,
+  parameters: {
+    status: { type: "beta" }
+  }
+};
+const main = {
+  args: {
+    isCollapsible: false,
+    bg: "$color3"
+  },
+  render: (args) => <MDXCodeBlock {...args}>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+    <XStack><Text>const hello = "world"</Text></XStack>
+  </MDXCodeBlock>
+};
+var MDXCodeBlock_stories_default = meta;
+export {
+  MDXCodeBlock_stories_default as default,
+  main
+};
+//# sourceMappingURL=MDXCodeBlock.stories.js.map

package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlock.stories.js.map

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

package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlockContext.js

@@ -0,0 +1,6 @@
+import { createContext } from "react";
+const MDXCodeBlockContext = createContext({});
+export {
+  MDXCodeBlockContext
+};
+//# sourceMappingURL=MDXCodeBlockContext.js.map

package/dist/esm/mdx/MDXCodeBlock/MDXCodeBlockContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDXCodeBlock/MDXCodeBlockContext.ts"],
+  "mappings": "AACA,SAAS,qBAAqB;AASvB,MAAM,sBAAsB,cAAwC,CAAC,CAAC;",
+  "names": []
+}

package/dist/esm/mdx/MDXCodeBlock/index.js

@@ -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.js.map

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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 == null ? void 0 : 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/esm/mdx/components.js.map

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

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

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

package/dist/esm/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/esm/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/esm/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/esm/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 == null ? void 0 : options.remarkPlugins) || [],
+          [remarkMdxFrontmatter, { name: "frontmatter" }],
+          remarkFrontmatter
+        ],
+        rehypePlugins: [
+          ...(options == null ? void 0 : 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/esm/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,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;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": []
+}

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

@@ -0,0 +1,25 @@
+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;
+}
+function evaluateMdx(code, options) {
+  return run(code, {
+    ...jsxRuntime,
+    ...options
+  }).default;
+}
+const AsyncFunction = Object.getPrototypeOf(run).constructor;
+function run(code, options) {
+  return new AsyncFunction(String(code))(options);
+}
+export {
+  useEvaluateMdx
+};
+//# sourceMappingURL=useEvaluateMdx.js.map

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

package/dist/esm/mdx/index.js

@@ -0,0 +1,9 @@
+export * from "./ExternalIcon";
+export * from "./HR";
+export * from "./LI";
+export * from "./MDX";
+export * from "./MDXCodeBlock";
+export * from "./UL";
+export * from "./components";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/dist/esm/mdx/index.js.map

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