@multiplatform.one/components 0.7.0 → 0.7.2

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

@@ -0,0 +1,50 @@
+import React from "react";
+import { MDX } from "./index";
+const meta = {
+  title: "mdx/MDX",
+  parameters: {
+    status: { type: "beta" }
+  }
+}, 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";
+\`\`\`
+`, main = () => /* @__PURE__ */ React.createElement(MDX, { debug: !0 }, mdxSource);
+var MDX_stories_default = meta;
+export {
+  MDX_stories_default as default,
+  main
+};
+//# sourceMappingURL=MDX.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDX/MDX.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,WAAW;AAEpB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEM,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,GAsCL,OAAO,MAAM,oCAAC,OAAI,OAAK,MAAE,SAAU;AAEhD,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -1,18 +1,11 @@
-import React from "react";
 import { mdxComponents } from "../components";
 import { useCompileAndEvaluateMdx } from "../hooks";
 import { useMDXComponents } from "@mdx-js/react";
+import { Fragment, jsx } from "react/jsx-runtime";
 const logger = console;
 function MDX({ children, debug, ...props }) {
-  const components = useMDXComponents();
-  const { Component, code, frontmatter } = useCompileAndEvaluateMdx(children);
-  if (!Component)
-    return /* @__PURE__ */ React.createElement(React.Fragment, null);
-  if (debug) {
-    logger.debug("MDX", { frontmatter });
-    logger.debug(code);
-  }
-  return /* @__PURE__ */ React.createElement(
+  const components = useMDXComponents(), { Component, code, frontmatter } = useCompileAndEvaluateMdx(children);
+  return Component ? (debug && (logger.debug("MDX", { frontmatter }), logger.debug(code)), /* @__PURE__ */ jsx(
     Component,
     {
       components: {
@@ -21,7 +14,7 @@ function MDX({ children, debug, ...props }) {
         ...props.components
       }
     }
-  );
+  )) : /* @__PURE__ */ jsx(Fragment, {});
 }
 export {
   MDX

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/MDX/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAGlB,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,wDAAI;AAC3B,MAAI,OAAO;AACT,WAAO,MAAM,OAAO,EAAE,YAAY,CAAC;AACnC,WAAO,MAAM,IAAI;AAAA,EACnB;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG,MAAM;AAAA,MACX;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": "AAGA,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAaR;AALzB,MAAM,SAAS;AAER,SAAS,IAAI,EAAE,UAAU,OAAO,GAAG,MAAM,GAAa;AAC3D,QAAM,aAAa,iBAAiB,GAC9B,EAAE,WAAW,MAAM,YAAY,IAAI,yBAAyB,QAAQ;AAC1E,SAAK,aACD,UACF,OAAO,MAAM,OAAO,EAAE,YAAY,CAAC,GACnC,OAAO,MAAM,IAAI,IAGjB;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG,MAAM;AAAA,MACX;AAAA;AAAA,EACF,KAZqB,gCAAI;AAc7B;",
   "names": []
 }

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

@@ -0,0 +1,22 @@
+import React from "react";
+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(), { Component, code, frontmatter } = useCompileAndEvaluateMdx(children);
+  return Component ? (debug && (logger.debug("MDX", { frontmatter }), logger.debug(code)), /* @__PURE__ */ React.createElement(
+    Component,
+    {
+      components: {
+        ...mdxComponents,
+        ...components,
+        ...props.components
+      }
+    }
+  )) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+}
+export {
+  MDX
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDX/index.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,qBAAqB;AAC9B,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAQjC,MAAM,SAAS;AAER,SAAS,IAAI,EAAE,UAAU,OAAO,GAAG,MAAM,GAAa;AAC3D,QAAM,aAAa,iBAAiB,GAC9B,EAAE,WAAW,MAAM,YAAY,IAAI,yBAAyB,QAAQ;AAC1E,SAAK,aACD,UACF,OAAO,MAAM,OAAO,EAAE,YAAY,CAAC,GACnC,OAAO,MAAM,IAAI,IAGjB;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG,MAAM;AAAA,MACX;AAAA;AAAA,EACF,KAZqB,wDAAI;AAc7B;",
+  "names": []
+}

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

@@ -1,19 +1,53 @@
-import React from "react";
 import { MDXCodeBlock } from "./index";
 import { XStack, Text } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const meta = {
   title: "mdx/MDXCodeBlock",
   component: MDXCodeBlock,
   parameters: {
     status: { type: "beta" }
   }
-};
-const main = {
+}, main = {
   args: {
-    isCollapsible: false,
+    isCollapsible: !1,
     bg: "$color3"
   },
-  render: (args) => /* @__PURE__ */ React.createElement(MDXCodeBlock, { ...args }, /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')), /* @__PURE__ */ React.createElement(XStack, null, /* @__PURE__ */ React.createElement(Text, null, 'const hello = "world"')))
+  render: (args) => /* @__PURE__ */ jsxs(MDXCodeBlock, { ...args, children: [
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) }),
+    /* @__PURE__ */ jsx(XStack, { children: /* @__PURE__ */ jsx(Text, { children: 'const hello = "world"' }) })
+  ] })
 };
 var MDXCodeBlock_stories_default = meta;
 export {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/MDXCodeBlock/MDXCodeBlock.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,YAAY;AAE7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF;AAEO,MAAM,OAAsC;AAAA,EACjD,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,IAAI;AAAA,EACN;AAAA,EACA,QAAQ,CAAC,SACP,oCAAC,gBAAc,GAAG,QAChB,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,CACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "mappings": "AAEA,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,YAAY;AAgBzB,SAEI,KAFJ;AAdJ,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAsC;AAAA,EACjD,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,IAAI;AAAA,EACN;AAAA,EACA,QAAQ,CAAC,SACP,qBAAC,gBAAc,GAAG,MAChB;AAAA,wBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,IACA,oBAAC,UACC,8BAAC,QAAK,mCAA+B,GACvC;AAAA,KACF;AAEJ;AAEA,IAAO,+BAAQ;",
   "names": []
 }

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/MDXCodeBlock/MDXCodeBlock.stories.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,YAAY;AAE7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY;AAAA,IACV,QAAQ,EAAE,MAAM,OAAO;AAAA,EACzB;AACF,GAEa,OAAsC;AAAA,EACjD,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,IAAI;AAAA,EACN;AAAA,EACA,QAAQ,CAAC,SACP,oCAAC,gBAAc,GAAG,QAChB,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,GACA,oCAAC,cACC,oCAAC,YAAK,uBAA+B,CACvC,CACF;AAEJ;AAEA,IAAO,+BAAQ;",
+  "names": []
+}

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

@@ -3,4 +3,4 @@ const MDXCodeBlockContext = createContext({});
 export {
   MDXCodeBlockContext
 };
-//# sourceMappingURL=MDXCodeBlockContext.mjs.map
+//# sourceMappingURL=MDXCodeBlockContext.js.map

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

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState, useContext } from "react";
+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";
@@ -8,6 +8,7 @@ import { MDXCodeBlockContext } from "./MDXCodeBlockContext";
 import { Pre } from "../../code/Pre";
 import { ScrollView } from "react-native";
 import { useClipboard } from "../../hooks/useClipboard";
+import { jsx, jsxs } from "react/jsx-runtime";
 function MDXCodeBlock(props) {
   const {
     children,
@@ -19,29 +20,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 /* @__PURE__ */ React.createElement(YStack, { position: "relative", mb: "$4" }, /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(
+  }, [preRef]), /* @__PURE__ */ jsx(YStack, { position: "relative", mb: "$4", children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(
     YStack,
     {
       position: "relative",
@@ -49,70 +41,77 @@ function MDXCodeBlock(props) {
         maxHeight: 400,
         ov: "hidden",
         br: "$4"
-      }
-    },
-    (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ React.createElement(
-      LinearGradient,
-      {
-        pos: "absolute",
-        b: 0,
-        l: 0,
-        r: 0,
-        height: 200,
-        colors: ["$backgroundTransparent", "$background"],
-        zi: 1e3
-      },
-      /* @__PURE__ */ React.createElement(Spacer, { f: 1 }),
-      /* @__PURE__ */ React.createElement(Button, { onPress: () => setIsCutoff(!isCutoff), als: "center" }, "Show more"),
-      /* @__PURE__ */ React.createElement(Spacer, { size: "$4" })
-    ),
-    (!isCollapsed || !isCollapsible) && /* @__PURE__ */ React.createElement(
-      Pre,
-      {
-        ref: preRef,
-        "data-invert-line-highlight": isHighlightingLines,
-        "data-line-numbers": showLineNumbers,
-        className,
-        p: 0,
-        mb: 0,
-        id
       },
-      /* @__PURE__ */ React.createElement(
-        ScrollView,
-        {
-          style: { width: "100%" },
-          contentContainerStyle: { minWidth: "100%" },
-          horizontal: true,
-          showsHorizontalScrollIndicator: false
-        },
-        /* @__PURE__ */ React.createElement(
-          Code,
+      children: [
+        (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ jsxs(
+          LinearGradient,
+          {
+            pos: "absolute",
+            b: 0,
+            l: 0,
+            r: 0,
+            height: 200,
+            colors: ["$backgroundTransparent", "$background"],
+            zi: 1e3,
+            children: [
+              /* @__PURE__ */ jsx(Spacer, { f: 1 }),
+              /* @__PURE__ */ jsx(Button, { onPress: () => setIsCutoff(!isCutoff), als: "center", children: "Show more" }),
+              /* @__PURE__ */ jsx(Spacer, { size: "$4" })
+            ]
+          }
+        ),
+        (!isCollapsed || !isCollapsible) && /* @__PURE__ */ jsx(
+          Pre,
           {
-            backgroundColor: "transparent",
+            ref: preRef,
+            "data-invert-line-highlight": isHighlightingLines,
+            "data-line-numbers": showLineNumbers,
             className,
-            f: 1,
-            lineHeight: tokens.space[size || "$5"],
-            p: "$4",
-            size: size ?? "$5",
-            ...codeProps
-          },
-          children
-        )
-      )
-    ),
-    /* @__PURE__ */ React.createElement(XStack, { position: "absolute", top: "$3", right: "$3", space: "$3" }, (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ React.createElement(TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard" }, /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        "aria-label": "Copy code to clipboard",
-        size: "$2",
-        icon: hasCopied ? CheckCircle : Clipboard,
-        onPress: onCopy,
-        $xs: {
-          display: "none"
-        }
-      }
-    )), isCollapsible && /* @__PURE__ */ React.createElement(Button, { accessibilityLabel: "Show or hide code", size: "$2", onPress: () => setIsCollapsed((x) => !x) }, isCollapsed ? "Show code" : "Hide code"))
-  )));
+            p: 0,
+            mb: 0,
+            id,
+            children: /* @__PURE__ */ jsx(
+              ScrollView,
+              {
+                style: { width: "100%" },
+                contentContainerStyle: { minWidth: "100%" },
+                horizontal: !0,
+                showsHorizontalScrollIndicator: !1,
+                children: /* @__PURE__ */ jsx(
+                  Code,
+                  {
+                    backgroundColor: "transparent",
+                    className,
+                    f: 1,
+                    lineHeight: tokens.space[size || "$5"],
+                    p: "$4",
+                    size: size ?? "$5",
+                    ...codeProps,
+                    children
+                  }
+                )
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs(XStack, { position: "absolute", top: "$3", right: "$3", space: "$3", children: [
+          (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ jsx(TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "Copy code to clipboard",
+              size: "$2",
+              icon: hasCopied ? CheckCircle : Clipboard,
+              onPress: onCopy,
+              $xs: {
+                display: "none"
+              }
+            }
+          ) }),
+          isCollapsible && /* @__PURE__ */ jsx(Button, { accessibilityLabel: "Show or hide code", size: "$2", onPress: () => setIsCollapsed((x) => !x), children: isCollapsed ? "Show code" : "Hide code" })
+        ] })
+      ]
+    }
+  ) }) });
 }
 export {
   MDXCodeBlock

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/MDXCodeBlock/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,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,oCAAC,UAAO,UAAS,YAAW,IAAG,QAC7B,oCAAC,qBACC;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACR,GAAI,YAAY;AAAA,QACf,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA;AAAA,KAEE,CAAC,eAAe,CAAC,kBAAkB,YACnC;AAAA,MAAC;AAAA;AAAA,QACC,KAAI;AAAA,QACJ,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,QAAQ;AAAA,QACR,QAAQ,CAAC,0BAA0B,aAAa;AAAA,QAChD,IAAI;AAAA;AAAA,MAEJ,oCAAC,UAAO,GAAG,GAAG;AAAA,MACd,oCAAC,UAAO,SAAS,MAAM,YAAY,CAAC,QAAQ,GAAG,KAAI,YAAS,WAE5D;AAAA,MACA,oCAAC,UAAO,MAAK,MAAK;AAAA,IACpB;AAAA,KAEA,CAAC,eAAe,CAAC,kBACjB;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,8BAA4B;AAAA,QAC5B,qBAAmB;AAAA,QACnB;AAAA,QACA,GAAG;AAAA,QACH,IAAI;AAAA,QACJ;AAAA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,EAAE,OAAO,OAAO;AAAA,UACvB,uBAAuB,EAAE,UAAU,OAAO;AAAA,UAC1C,YAAU;AAAA,UACV,gCAAgC;AAAA;AAAA,QAEhC;AAAA,UAAC;AAAA;AAAA,YACC,iBAAgB;AAAA,YAChB;AAAA,YACA,GAAG;AAAA,YACH,YAAY,OAAO,MAAM,QAAQ,IAAI;AAAA,YACrC,GAAE;AAAA,YACF,MAAM,QAAQ;AAAA,YACb,GAAG;AAAA;AAAA,UAEH;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IAEF,oCAAC,UAAO,UAAS,YAAW,KAAI,MAAK,OAAM,MAAK,OAAM,SAClD,CAAC,eAAe,CAAC,kBAAkB,CAAC,eACpC,oCAAC,iBAAc,OAAO,YAAY,WAAW,uBAC3C;AAAA,MAAC;AAAA;AAAA,QACC,cAAW;AAAA,QACX,MAAK;AAAA,QACL,MAAM,YAAY,cAAc;AAAA,QAChC,SAAS;AAAA,QACT,KAAK;AAAA,UACH,SAAS;AAAA,QACX;AAAA;AAAA,IACF,CACF,GAED,iBACC,oCAAC,UAAO,oBAAmB,qBAAoB,MAAK,MAAK,SAAS,MAAM,eAAe,CAAC,MAAM,CAAC,CAAC,KAC7F,cAAc,cAAc,WAC/B,CAEJ;AAAA,EACF,CACF,CACF;AAEJ;",
+  "mappings": "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",
   "names": ["code"]
 }

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

@@ -0,0 +1,111 @@
+import React, { 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 }, 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, `
+`);
+          setCode(code2);
+        }
+      }
+    } catch {
+    }
+  }, [preRef]), /* @__PURE__ */ React.createElement(YStack, { position: "relative", mb: "$4" }, /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(
+    YStack,
+    {
+      position: "relative",
+      ...isCutoff && {
+        maxHeight: 400,
+        ov: "hidden",
+        br: "$4"
+      }
+    },
+    (!isCollapsed || !isCollapsible) && isCutoff && /* @__PURE__ */ React.createElement(
+      LinearGradient,
+      {
+        pos: "absolute",
+        b: 0,
+        l: 0,
+        r: 0,
+        height: 200,
+        colors: ["$backgroundTransparent", "$background"],
+        zi: 1e3
+      },
+      /* @__PURE__ */ React.createElement(Spacer, { f: 1 }),
+      /* @__PURE__ */ React.createElement(Button, { onPress: () => setIsCutoff(!isCutoff), als: "center" }, "Show more"),
+      /* @__PURE__ */ React.createElement(Spacer, { size: "$4" })
+    ),
+    (!isCollapsed || !isCollapsible) && /* @__PURE__ */ React.createElement(
+      Pre,
+      {
+        ref: preRef,
+        "data-invert-line-highlight": isHighlightingLines,
+        "data-line-numbers": showLineNumbers,
+        className,
+        p: 0,
+        mb: 0,
+        id
+      },
+      /* @__PURE__ */ React.createElement(
+        ScrollView,
+        {
+          style: { width: "100%" },
+          contentContainerStyle: { minWidth: "100%" },
+          horizontal: !0,
+          showsHorizontalScrollIndicator: !1
+        },
+        /* @__PURE__ */ React.createElement(
+          Code,
+          {
+            backgroundColor: "transparent",
+            className,
+            f: 1,
+            lineHeight: tokens.space[size || "$5"],
+            p: "$4",
+            size: size ?? "$5",
+            ...codeProps
+          },
+          children
+        )
+      )
+    ),
+    /* @__PURE__ */ React.createElement(XStack, { position: "absolute", top: "$3", right: "$3", space: "$3" }, (!isCollapsed || !isCollapsible) && !disableCopy && /* @__PURE__ */ React.createElement(TooltipSimple, { label: hasCopied ? "Copied" : "Copy to clipboard" }, /* @__PURE__ */ React.createElement(
+      Button,
+      {
+        "aria-label": "Copy code to clipboard",
+        size: "$2",
+        icon: hasCopied ? CheckCircle : Clipboard,
+        onPress: onCopy,
+        $xs: {
+          display: "none"
+        }
+      }
+    )), isCollapsible && /* @__PURE__ */ React.createElement(Button, { accessibilityLabel: "Show or hide code", size: "$2", onPress: () => setIsCollapsed((x) => !x) }, isCollapsed ? "Show code" : "Hide code"))
+  )));
+}
+export {
+  MDXCodeBlock
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/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/esm/mdx/UL/UL.stories.js

@@ -1,12 +1,12 @@
-import React from "react";
 import { Text } from "tamagui";
 import { UL } from "./index";
+import { jsx } from "react/jsx-runtime";
 var UL_stories_default = {
   title: "mdx/UL",
   component: UL,
   parameters: { status: { type: "beta" } }
 };
-const main = () => /* @__PURE__ */ React.createElement(UL, null, /* @__PURE__ */ React.createElement(Text, null, "Hello world"));
+const main = () => /* @__PURE__ */ jsx(UL, { children: /* @__PURE__ */ jsx(Text, { children: "Hello world" }) });
 export {
   UL_stories_default as default,
   main