@multiplatform.one/components 0.7.0 → 0.7.1

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

@@ -1,6 +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;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,oCAAC,OAAI,OAAK,QAAE,SAAU;AAEhD,IAAO,sBAAQ;",
+  "mappings": "AAEA,SAAS,WAAW;AA+CM;AA7C1B,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,oBAAC,OAAI,OAAK,IAAE,qBAAU;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/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/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": "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",
+  "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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/mdx/UL/UL.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,UAAU;AAEnB,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,UACC,oCAAC,YAAK,aAAW,CACnB;",
+  "mappings": "AACA,SAAS,YAAY;AACrB,SAAS,UAAU;AAUf;AARJ,IAAO,qBAAQ;AAAA,EACb,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oBAAC,MACC,8BAAC,QAAK,yBAAW,GACnB;",
   "names": []
 }

package/dist/esm/mdx/components.js

@@ -9,44 +9,44 @@ 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 /* @__PURE__ */ React.createElement(CodeInline, null, unwrapText(children));
-  return /* @__PURE__ */ React.createElement(YStack, { marginTop: "$3" }, /* @__PURE__ */ React.createElement(
-    MDXCodeBlock,
-    {
-      className,
-      isHighlightingLines: line !== void 0,
-      showLineNumbers: showLineNumbers !== void 0,
-      ...sanitizeProps(props)
-    },
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const code = ({ hero, line, scrollable, className, children, id, showLineNumbers, collapsible, ...props }) => className ? /* @__PURE__ */ jsx(YStack, { marginTop: "$3", children: /* @__PURE__ */ jsx(
+  MDXCodeBlock,
+  {
+    className,
+    isHighlightingLines: line !== void 0,
+    showLineNumbers: showLineNumbers !== void 0,
+    ...sanitizeProps(props),
     children
-  ));
-};
-const TableHighlight = styled(YStack, {
+  }
+) }) : /* @__PURE__ */ jsx(CodeInline, { children: unwrapText(children) }), TableHighlight = styled(YStack, {
   backgroundColor: "$yellow1",
-  fullscreen: true
-});
-const mdxComponents = {
-  h1: (props) => /* @__PURE__ */ React.createElement(H1, { marginBottom: "$2", ...sanitizeProps(props) }),
-  h2: (props) => /* @__PURE__ */ React.createElement(H2, { paddingTop: "$8", marginTop: "$-4", marginBottom: "$2", "data-heading": true, ...sanitizeProps(props) }),
-  h3: ({ children, id, ...props }) => /* @__PURE__ */ React.createElement(LinkHeading, { paddingTop: "$8", marginTop: "$-4", marginBottom: "$1", id }, /* @__PURE__ */ React.createElement(H3, { nativeID: id, ...sanitizeProps(props) }, children), getNonTextChildren(children)),
-  h4: (props) => /* @__PURE__ */ React.createElement(H4, { marginTop: "$4", marginBottom: "$3", ...sanitizeProps(props) }),
-  h5: (props) => /* @__PURE__ */ React.createElement(H5, { marginTop: "$4", ...sanitizeProps(props) }),
-  h6: (props) => /* @__PURE__ */ React.createElement(H6, { marginTop: "$4", ...sanitizeProps(props) }),
-  p: (props) => /* @__PURE__ */ React.createElement(Paragraph, { size: "$6", marginVertical: "$2.5", ...sanitizeProps(props) }),
-  a: ({ href = "", children, ...props }) => {
-    return /* @__PURE__ */ React.createElement(Link, { href }, /* @__PURE__ */ React.createElement(Paragraph, { fontSize: "inherit", display: "inline", cursor: "pointer", ...sanitizeProps(props) }, children));
-  },
-  hr: (props) => /* @__PURE__ */ React.createElement(HR, { ...sanitizeProps(props) }),
-  ul: ({ children }) => /* @__PURE__ */ React.createElement(UL, { marginVertical: "$4" }, React.Children.toArray(children).map((x) => typeof x === "string" ? null : x)),
-  ol: (props) => /* @__PURE__ */ React.createElement(YStack, { ...sanitizeProps(props), marginBottom: "$3" }),
-  li: (props) => /* @__PURE__ */ React.createElement(LI, { size: "$6", marginVertical: "$1.5", className: "docs-paragraph" }, props.children),
-  strong: (props) => /* @__PURE__ */ React.createElement(Paragraph, { fontSize: "inherit", ...sanitizeProps(props), fontWeight: "700" }),
-  img: ({ ...props }) => /* @__PURE__ */ React.createElement(YStack, { marginVertical: "$6" }, /* @__PURE__ */ React.createElement(YStack, { ...sanitizeProps(props), maxWidth: "100%" })),
-  pre: ({ children }) => /* @__PURE__ */ React.createElement(React.Fragment, null, children),
+  fullscreen: !0
+}), mdxComponents = {
+  h1: (props) => /* @__PURE__ */ jsx(H1, { marginBottom: "$2", ...sanitizeProps(props) }),
+  h2: (props) => /* @__PURE__ */ jsx(H2, { paddingTop: "$8", marginTop: "$-4", marginBottom: "$2", "data-heading": !0, ...sanitizeProps(props) }),
+  h3: ({ children, id, ...props }) => /* @__PURE__ */ jsxs(LinkHeading, { paddingTop: "$8", marginTop: "$-4", marginBottom: "$1", id, children: [
+    /* @__PURE__ */ jsx(H3, { nativeID: id, ...sanitizeProps(props), children }),
+    getNonTextChildren(children)
+  ] }),
+  h4: (props) => /* @__PURE__ */ jsx(H4, { marginTop: "$4", marginBottom: "$3", ...sanitizeProps(props) }),
+  h5: (props) => /* @__PURE__ */ jsx(H5, { marginTop: "$4", ...sanitizeProps(props) }),
+  h6: (props) => /* @__PURE__ */ jsx(H6, { marginTop: "$4", ...sanitizeProps(props) }),
+  p: (props) => /* @__PURE__ */ jsx(Paragraph, { size: "$6", marginVertical: "$2.5", ...sanitizeProps(props) }),
+  a: ({ href = "", children, ...props }) => /* @__PURE__ */ jsx(Link, { href, children: /* @__PURE__ */ jsx(Paragraph, { fontSize: "inherit", display: "inline", cursor: "pointer", ...sanitizeProps(props), children }) }),
+  hr: (props) => /* @__PURE__ */ jsx(HR, { ...sanitizeProps(props) }),
+  ul: ({ children }) => (
+    // @ts-ignore
+    /* @__PURE__ */ jsx(UL, { marginVertical: "$4", children: React.Children.toArray(children).map((x) => typeof x == "string" ? null : x) })
+  ),
+  ol: (props) => /* @__PURE__ */ jsx(YStack, { ...sanitizeProps(props), marginBottom: "$3" }),
+  li: (props) => /* @__PURE__ */ jsx(LI, { size: "$6", marginVertical: "$1.5", className: "docs-paragraph", children: props.children }),
+  // @ts-ignore
+  strong: (props) => /* @__PURE__ */ jsx(Paragraph, { fontSize: "inherit", ...sanitizeProps(props), fontWeight: "700" }),
+  img: ({ ...props }) => /* @__PURE__ */ jsx(YStack, { marginVertical: "$6", children: /* @__PURE__ */ jsx(YStack, { ...sanitizeProps(props), maxWidth: "100%" }) }),
+  pre: ({ children }) => /* @__PURE__ */ jsx(Fragment, { children }),
   code,
-  blockquote: ({ children, ...props }) => /* @__PURE__ */ React.createElement(
+  blockquote: ({ children, ...props }) => /* @__PURE__ */ jsx(
     YStack,
     {
       borderColor: "$borderColor",
@@ -55,35 +55,31 @@ const mdxComponents = {
       marginLeft: "$3",
       marginVertical: "$4",
       paddingHorizontal: "$6",
-      ...sanitizeProps(props)
-    },
-    /* @__PURE__ */ React.createElement(
-      Paragraph,
-      {
-        color: "$color",
-        fontFamily: "$silkscreen",
-        fontWeight: "300",
-        lineHeight: "$9",
-        letterSpacing: "$0",
-        opacity: 0.65,
-        size: "$8",
-        whiteSpace: "revert"
-      },
-      unwrapText(children)
-    )
+      ...sanitizeProps(props),
+      children: /* @__PURE__ */ jsx(
+        Paragraph,
+        {
+          color: "$color",
+          fontFamily: "$silkscreen",
+          fontWeight: "300",
+          lineHeight: "$9",
+          letterSpacing: "$0",
+          opacity: 0.65,
+          size: "$8",
+          whiteSpace: "revert",
+          children: unwrapText(children)
+        }
+      )
+    }
   ),
   ...Platform.OS === "web" ? {} : {
-    div: (props) => /* @__PURE__ */ React.createElement(Text, { ...sanitizeProps(props) }),
+    div: (props) => /* @__PURE__ */ jsx(Text, { ...sanitizeProps(props) }),
     span: (props) => {
       let color;
-      if (/^token punctuation/g.test((props == null ? void 0 : props.className) || "")) {
-        color = "$red10";
-      }
-      return /* @__PURE__ */ React.createElement(Text, { color, ...sanitizeProps(props) });
+      return /^token punctuation/g.test(props?.className || "") && (color = "$red10"), /* @__PURE__ */ jsx(Text, { color, ...sanitizeProps(props) });
     }
   }
-};
-const LinkHeading = ({ id, children, ...props }) => /* @__PURE__ */ React.createElement(
+}, LinkHeading = ({ id, children, ...props }) => /* @__PURE__ */ jsxs(
   XStack,
   {
     href: `#${id}`,
@@ -91,25 +87,16 @@ const LinkHeading = ({ id, children, ...props }) => /* @__PURE__ */ React.create
     "data-id": id,
     display: "inline-flex",
     alignItems: "center",
-    space: true,
-    ...sanitizeProps(props)
-  },
-  children,
-  /* @__PURE__ */ React.createElement(YStack, { opacity: 0.3 }, /* @__PURE__ */ React.createElement(IconLink, { size: 12, color: "var(--color)", "aria-hidden": true }))
-);
-const getNonTextChildren = (children) => {
-  return React.Children.map(children, (x) => {
-    if (typeof x === "string")
-      return null;
-    if (x["type"] === code)
-      return null;
-    return x;
-  }).flat();
-};
+    space: !0,
+    ...sanitizeProps(props),
+    children: [
+      children,
+      /* @__PURE__ */ jsx(YStack, { opacity: 0.3, children: /* @__PURE__ */ jsx(IconLink, { size: 12, color: "var(--color)", "aria-hidden": !0 }) })
+    ]
+  }
+), 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/esm/mdx/components.js.map

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

package/dist/esm/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/esm/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": []
 }