@multiplatform.one/components 0.2.0

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/ExternalIcon/ExternalIcon.stories.tsx"],
+  "mappings": "AACA,SAAS,oBAAoB;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,CAAC,aAAa;AACxC,IAAO,+BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,11 @@
+import { Svg, Path } from "react-native-svg";
+function ExternalIcon() {
+  return <Svg style={{ opacity: 0.4 }} width="100" height="100" viewBox="0 0 15 15"><Path
+    d="M3.64645 11.3536C3.45118 11.1583 3.45118 10.8417 3.64645 10.6465L10.2929 4L6 4C5.72386 4 5.5 3.77614 5.5 3.5C5.5 3.22386 5.72386 3 6 3L11.5 3C11.6326 3 11.7598 3.05268 11.8536 3.14645C11.9473 3.24022 12 3.36739 12 3.5L12 9.00001C12 9.27615 11.7761 9.50001 11.5 9.50001C11.2239 9.50001 11 9.27615 11 9.00001V4.70711L4.35355 11.3536C4.15829 11.5488 3.84171 11.5488 3.64645 11.3536Z"
+    fill="var(--color)"
+  /></Svg>;
+}
+export {
+  ExternalIcon
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
+  "mappings": "AACA,SAAS,KAAK,YAAY;AAEnB,SAAS,eAAe;AAC7B,SACE,CAAC,IAAI,OAAO,EAAE,SAAS,IAAI,GAAG,MAAM,MAAM,OAAO,MAAM,QAAQ,YAC7D,CAAC;AAAA,IACC,EAAE;AAAA,IACF,KAAK;AAAA,EACP,EACF,EALC;AAOL;",
+  "names": []
+}

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

@@ -0,0 +1,11 @@
+import { Svg, Path } from "react-native-svg";
+function ExternalIcon() {
+  return <Svg style={{ opacity: 0.4 }} width="100" height="100" viewBox="0 0 15 15"><Path
+    d="M3.64645 11.3536C3.45118 11.1583 3.45118 10.8417 3.64645 10.6465L10.2929 4L6 4C5.72386 4 5.5 3.77614 5.5 3.5C5.5 3.22386 5.72386 3 6 3L11.5 3C11.6326 3 11.7598 3.05268 11.8536 3.14645C11.9473 3.24022 12 3.36739 12 3.5L12 9.00001C12 9.27615 11.7761 9.50001 11.5 9.50001C11.2239 9.50001 11 9.27615 11 9.00001V4.70711L4.35355 11.3536C4.15829 11.5488 3.84171 11.5488 3.64645 11.3536Z"
+    fill="var(--color)"
+  /></Svg>;
+}
+export {
+  ExternalIcon
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/ExternalIcon/index.tsx"],
+  "mappings": "AACA,SAAS,KAAK,YAAY;AAEnB,SAAS,eAAe;AAC7B,SACE,CAAC,IAAI,OAAO,EAAE,SAAS,IAAI,GAAG,MAAM,MAAM,OAAO,MAAM,QAAQ,YAC7D,CAAC;AAAA,IACC,EAAE;AAAA,IACF,KAAK;AAAA,EACP,EACF,EALC;AAOL;",
+  "names": []
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { EnsureFlexed, YStack } from "tamagui";
+const HR = () => <YStack my="$10" mx="auto" maxWidth="50%">
+  <EnsureFlexed />
+  <YStack borderBottomColor="$borderColor" borderBottomWidth={1} flex={1} />
+</YStack>;
+export {
+  HR
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/HR/index.tsx"],
+  "mappings": "AACA,SAAS,cAAc,cAAc;AAE9B,MAAM,KAAK,MAChB,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA,EAClC,CAAC,aAAa;AAAA,EACd,CAAC,OAAO,kBAAkB,eAAe,mBAAmB,GAAG,MAAM,GAAG;AAC1E,EAHC;",
+  "names": []
+}

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

@@ -0,0 +1,9 @@
+import { EnsureFlexed, YStack } from "tamagui";
+const HR = () => <YStack my="$10" mx="auto" maxWidth="50%">
+  <EnsureFlexed />
+  <YStack borderBottomColor="$borderColor" borderBottomWidth={1} flex={1} />
+</YStack>;
+export {
+  HR
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/mdx/HR/index.tsx"],
+  "mappings": "AACA,SAAS,cAAc,cAAc;AAE9B,MAAM,KAAK,MAChB,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,SAAS;AAAA,EAClC,CAAC,aAAa;AAAA,EACd,CAAC,OAAO,kBAAkB,eAAe,mBAAmB,GAAG,MAAM,GAAG;AAC1E,EAHC;",
+  "names": []
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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