@multiplatform.one/components 1.0.0 → 1.0.2

package/dist/jsx/mdx/components.js

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/mdx/components.tsx"],
-  "mappings": "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",
+  "mappings": "AAqBA,OAAO,WAAW;AAGlB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,WAAW,QAAQ,MAAM,QAAQ,cAAc;AAChF,SAAS,UAAU;AACnB,SAAS,UAAU;AACnB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAGF,SAuEA,UAvEA,KAwBrB,YAxBqB;AADzB,MAAM,OAAO,CAAC,EAAE,MAAM,MAAM,YAAY,WAAW,UAAU,IAAI,iBAAiB,aAAa,GAAG,MAAM,MACjG,YAEH,oBAAC,UAAO,WAAU,MAChB;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,qBAAqB,SAAS;AAAA,IAC9B,iBAAiB,oBAAoB;AAAA,IACpC,GAAG,cAAc,KAAK;AAAA,IAEtB;AAAA;AACH,GACF,IAXqB,oBAAC,cAAY,qBAAW,QAAQ,GAAE,GAe9C,iBAAiB,OAAO,QAAQ;AAAA,EAC3C,iBAAiB;AAAA,EACjB,YAAY;AACd,CAAC,GAEY,gBAA+B;AAAA,EAC1C,IAAI,CAAC,UAAU,oBAAC,MAAG,cAAa,MAAM,GAAG,cAAc,KAAK,GAAG;AAAA,EAC/D,IAAI,CAAC,UAAU,oBAAC,MAAG,YAAW,MAAK,WAAU,OAAM,cAAa,MAAK,gBAAY,IAAE,GAAG,cAAc,KAAK,GAAG;AAAA,EAC5G,IAAI,CAAC,EAAE,UAAU,IAAI,GAAG,MAAM,MAC5B,qBAAC,eAAY,YAAW,MAAK,WAAU,OAAM,cAAa,MAAK,IAC7D;AAAA,wBAAC,MAAG,UAAU,IAAK,GAAG,cAAc,KAAK,GACtC,UACH;AAAA,IACC,mBAAmB,QAAQ;AAAA,KAC9B;AAAA,EAEF,IAAI,CAAC,UAAU,oBAAC,MAAG,WAAU,MAAK,cAAa,MAAM,GAAG,cAAc,KAAK,GAAG;AAAA,EAC9E,IAAI,CAAC,UAAU,oBAAC,MAAG,WAAU,MAAM,GAAG,cAAc,KAAK,GAAG;AAAA,EAC5D,IAAI,CAAC,UAAU,oBAAC,MAAG,WAAU,MAAM,GAAG,cAAc,KAAK,GAAG;AAAA,EAC5D,GAAG,CAAC,UAAU,oBAAC,aAAU,MAAK,MAAK,gBAAe,QAAQ,GAAG,cAAc,KAAK,GAAG;AAAA,EACnF,GAAG,CAAC,EAAE,OAAO,IAAI,UAAU,GAAG,MAAM,MAEhC,oBAAC,QAAK,MAEJ,8BAAC,aAAU,UAAS,WAAU,SAAQ,UAAS,QAAO,WAAW,GAAG,cAAc,KAAK,GACpF,UASH,GACF;AAAA,EAGJ,IAAI,CAAC,UAAU,oBAAC,MAAI,GAAG,cAAc,KAAK,GAAG;AAAA,EAC7C,IAAI,CAAC,EAAE,SAAS;AAAA;AAAA,IAEd,oBAAC,MAAG,gBAAe,MAAM,gBAAM,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,MAAO,OAAO,KAAM,WAAW,OAAO,CAAE,GAAE;AAAA;AAAA,EAE3G,IAAI,CAAC,UAAU,oBAAC,UAAQ,GAAG,cAAc,KAAK,GAAG,cAAa,MAAK;AAAA,EACnE,IAAI,CAAC,UACH,oBAAC,MAAG,MAAK,MAAK,gBAAe,QAAO,WAAU,kBAC3C,gBAAM,UACT;AAAA;AAAA,EAGF,QAAQ,CAAC,UAAU,oBAAC,aAAU,UAAS,WAAW,GAAG,cAAc,KAAK,GAAG,YAAW,OAAM;AAAA,EAC5F,KAAK,CAAC,EAAE,GAAG,MAAM,MACf,oBAAC,UAAO,gBAAe,MACrB,8BAAC,UAAQ,GAAG,cAAc,KAAK,GAAG,UAAS,QAAO,GACpD;AAAA,EAEF,KAAK,CAAC,EAAE,SAAS,MAAM,gCAAG,UAAS;AAAA,EACnC;AAAA,EACA,YAAY,CAAC,EAAE,UAAU,GAAG,MAAM,MAChC;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,iBAAiB;AAAA,MACjB,gBAAe;AAAA,MACf,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,mBAAkB;AAAA,MACjB,GAAG,cAAc,KAAK;AAAA,MAEvB;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAW;AAAA,UACX,YAAW;AAAA,UACX,YAAW;AAAA,UAEX,eAAc;AAAA,UACd,SAAS;AAAA,UACT,MAAK;AAAA,UACL,YAAW;AAAA,UAEV,qBAAW,QAAQ;AAAA;AAAA,MACtB;AAAA;AAAA,EACF;AAAA,EAEF,GAAI,SAAS,OAAO,QAChB,CAAC,IACD;AAAA,IACE,KAAK,CAAC,UAAU,oBAAC,QAAM,GAAG,cAAc,KAAK,GAAG;AAAA,IAChD,MAAM,CAAC,UAAe;AACpB,UAAI;AACJ,aAAI,sBAAsB,KAAK,OAAO,aAAa,EAAE,MACnD,QAAQ,WAEH,oBAAC,QAAK,OAAe,GAAG,cAAc,KAAK,GAAG;AAAA,IACvD;AAAA,EACF;AACN,GAEM,cAAc,CAAC,EAAE,IAAI,UAAU,GAAG,MAAM,MAC5C,qBAAC,UAAO,MAAM,IAAI,EAAE,IAAI,IAAQ,WAAS,IAAI,SAAQ,eAAc,YAAW,UAAS,KAAG,IAAE,GAAG,cAAc,KAAK,GAC/G;AAAA;AAAA,EACD,oBAAC,UAAO,SAAS,KACf,8BAAC,YAAS,MAAM,IAAI,OAAM,gBAAe,eAAW,IAAC,GACvD;AAAA,GACF,GAGI,qBAAqB,CAAC,aACnB,MAAM,SAAS,IAAI,UAAU,CAAC,MAC/B,OAAO,KAAM,YACb,EAAE,SAAY,OAAa,OACxB,CACR,EAAE,KAAK;AAGV,SAAS,cAAiB,OAAe;AACvC,SAAI,SAAS,OAAO,OAAc;AAEpC;",
   "names": []
 }

package/dist/jsx/mdx/components.mjs

@@ -0,0 +1,202 @@
+import React from "react";
+import { CodeInline } from "../code/Code/index.mjs";
+import { H1, H2, H3, H4, H5, H6, Paragraph, XStack, Text, YStack, styled } from "tamagui";
+import { HR } from "./HR/index.mjs";
+import { LI } from "./LI/index.mjs";
+import { Link as IconLink } from "@tamagui/lucide-icons";
+import { Link } from "solito/link";
+import { MDXCodeBlock } from "./MDXCodeBlock/index.mjs";
+import { Platform } from "react-native-web";
+import { UL } from "./UL/index.mjs";
+import { unwrapText } from "../utils/unwrapText.mjs";
+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
+    })
+  }) : /* @__PURE__ */jsx(CodeInline, {
+    children: unwrapText(children)
+  }),
+  TableHighlight = styled(YStack, {
+    backgroundColor: "$yellow1",
+    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__ */jsx(YStack, {
+      borderColor: "$borderColor",
+      borderLeftWidth: 1,
+      justifyContent: "center",
+      marginLeft: "$3",
+      marginVertical: "$4",
+      paddingHorizontal: "$6",
+      ...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__ */jsx(Text, {
+        ...sanitizeProps(props)
+      }),
+      span: props => {
+        let color;
+        return /^token punctuation/g.test(props?.className || "") && (color = "$red10"), /* @__PURE__ */jsx(Text, {
+          color,
+          ...sanitizeProps(props)
+        });
+      }
+    })
+  },
+  LinkHeading = ({
+    id,
+    children,
+    ...props
+  }) => /* @__PURE__ */jsxs(XStack, {
+    href: `#${id}`,
+    id,
+    "data-id": id,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: !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) {
+  return Platform.OS !== "web", props;
+}
+export { TableHighlight, mdxComponents };