@multiplatform.one/markdown 7.4.1 → 7.5.0

package/src/mdxComponents.tsx

@@ -1,5 +1,6 @@
 import { CodeInline, unwrapText } from "@multiplatform.one/components";
 import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { tokenPx } from "./shared/tokenPx";
 import { Link } from "@multiplatform.one/router";
 import type { MDXComponents } from "mdx/types";
 import { Children } from "react";
@@ -8,7 +9,8 @@ import { H1, H2, H3, H4, H5, H6, Paragraph, Text, XStack, YStack, isWeb, styled
 import { ExternalIcon } from "./ExternalIcon";
 import { HR } from "./Hr";
 import { LinkIcon } from "./icons";
-import { LI } from "./Li";
+import { MarkdownList, MarkdownListItem } from "./components/List";
+import { MarkdownImage } from "./components/Image";
 import { MDXCodeBlock } from "./MdxCodeBlock";
 import {
   MDXTable,
@@ -18,7 +20,6 @@ import {
   MDXTableHeaderCell,
   MDXTableRow,
 } from "./Table";
-import { UL } from "./Ul";
 
 const code = ({
   hero: _hero,
@@ -57,30 +58,31 @@ export type TableHighlightProps = React.ComponentProps<typeof TableHighlight>;
 
 function MdxBlockquote({ children, ...props }: any) {
   const { knobProps } = useResolvedKnobs();
+  const railWidth = knobProps.borderRadius.borderWidth;
+  const inset = knobProps.panelPadding.padding;
   return (
     <YStack
       marginVertical="$4"
-      paddingHorizontal={knobProps.panelPadding.padding}
+      paddingHorizontal={inset}
       // Logical start rail so the quote mirrors in RTL; tamagui
       // borderStartWidth does not compile to working CSS on web (SB-M-1215)
       {...(isWeb
         ? {
             style: {
-              marginInlineStart: 12,
-              borderInlineStartWidth: 1,
-              borderInlineStartStyle: "solid",
+              marginInlineStart: inset,
+              borderInlineStartWidth: railWidth,
+              borderInlineStartStyle: railWidth ? "solid" : "none",
             } as any,
           }
-        : { style: { marginInlineStart: 12 }, borderStartWidth: 1 })}
+        : { style: { marginInlineStart: inset }, borderStartWidth: railWidth })}
       borderColor="$borderColor"
       justifyContent="center"
       {...props}
     >
       <Paragraph
         whiteSpace="revert"
-        size="$8"
-        lineHeight="$9"
-        fontWeight="300"
+        size={knobProps.sizeToken as any}
+        {...knobProps.body}
         color="$color"
         opacity={0.65}
       >
@@ -90,106 +92,184 @@ function MdxBlockquote({ children, ...props }: any) {
   );
 }
 
+function MdxHeading({
+  Component,
+  children,
+  id,
+  size,
+  color,
+  marginTop,
+  marginBottom,
+  dataHeading,
+  link,
+  ...props
+}: {
+  Component: typeof H1;
+  children?: any;
+  id?: string;
+  size?: any;
+  color?: string;
+  marginTop?: any;
+  marginBottom?: any;
+  dataHeading?: boolean;
+  link?: boolean;
+} & Record<string, unknown>) {
+  const { knobProps } = useResolvedKnobs();
+  const heading = (
+    <Component
+      maxWidth="100%"
+      position="relative"
+      width={link ? ("fit-content" as any) : undefined}
+      size={size}
+      color={color}
+      marginTop={link ? undefined : marginTop}
+      marginBottom={link ? undefined : marginBottom}
+      {...(dataHeading ? { "data-heading": true } : {})}
+      {...knobProps.heading}
+      {...props}
+    >
+      {children}
+    </Component>
+  );
+  if (!link) return heading;
+  return (
+    <LinkHeading data-heading marginTop={marginTop} marginBottom={marginBottom} id={id}>
+      {heading}
+      {getNonTextChildren(children)}
+    </LinkHeading>
+  );
+}
+
+function MdxAnchor({ href = "", children, ...props }: { href?: string; children?: any }) {
+  const { knobProps } = useResolvedKnobs();
+  return (
+    <Link href={href}>
+      <Paragraph
+        // the router Link already renders the anchor; a nested <a> is invalid
+        render="span"
+        fontSize="inherit"
+        display="inline"
+        cursor="pointer"
+        {...knobProps.body}
+        focusVisibleStyle={{
+          outlineColor: "$outlineColor",
+          outlineWidth: 2,
+          outlineStyle: "solid",
+          outlineOffset: 2,
+        }}
+        {...props}
+      >
+        {children}
+        {typeof href === "string" && href.startsWith("http") ? (
+          <>
+            &nbsp;
+            <Text fontSize="inherit" display="inline-flex" y={2} style={{ marginLeft: -1 }}>
+              <ExternalIcon />
+            </Text>
+          </>
+        ) : null}
+      </Paragraph>
+    </Link>
+  );
+}
+
+function MdxStrong(props: any) {
+  const { knobProps } = useResolvedKnobs();
+  return (
+    <Paragraph render="strong" fontSize="inherit" {...knobProps.body} {...props} fontWeight="700" />
+  );
+}
+
+function MdxP(props: any) {
+  const { knobProps } = useResolvedKnobs();
+  return (
+    <Paragraph
+      render="p"
+      display="block"
+      size={knobProps.sizeToken as any}
+      marginVertical="$2"
+      {...knobProps.body}
+      {...props}
+    />
+  );
+}
+
+function MdxList({
+  ordered,
+  children,
+  start,
+}: {
+  ordered: boolean;
+  children?: any;
+  start?: number;
+}) {
+  return (
+    <MarkdownList ordered={ordered} start={start}>
+      {Children.toArray(children).map((child) => (typeof child === "string" ? null : child))}
+    </MarkdownList>
+  );
+}
+
 export const mdxComponents: MDXComponents = {
-  h1: (props) => (
-    <H1 fontFamily="$mono" width="max-content" position="relative" marginBottom="$2" {...props} />
-  ),
+  h1: (props) => <MdxHeading Component={H1} width="max-content" marginBottom="$2" {...props} />,
   h2: ({ children, ...props }) => (
-    <H2
-      position="relative"
+    <MdxHeading
+      Component={H2}
+      dataHeading
       width={"fit-content" as any}
-      marginTop="$8"
-      marginBottom="$4"
-      data-heading
       size="$9"
       color="$color12"
+      marginTop="$8"
+      marginBottom="$4"
       {...props}
     >
       {children}
-    </H2>
+    </MdxHeading>
   ),
-  h3: ({ children, id, ...props }) => (
-    <LinkHeading data-heading marginTop="$6" marginBottom="$2" id={id}>
-      <H3
-        maxWidth="100%"
-        position="relative"
-        width={"fit-content" as any}
-        size="$8"
-        color="$color11"
-        fontWeight="600"
-        {...props}
-      >
-        {children}
-      </H3>
-      {getNonTextChildren(children)}
-    </LinkHeading>
+  h3: (props) => (
+    <MdxHeading
+      Component={H3}
+      link
+      dataHeading
+      size="$8"
+      color="$color11"
+      marginTop="$6"
+      marginBottom="$2"
+      {...props}
+    />
   ),
   h4: (props) => (
-    <H4
-      position="relative"
+    <MdxHeading
+      Component={H4}
+      dataHeading
       width={"fit-content" as any}
-      marginTop="$8"
-      marginBottom="$2"
       size="$8"
       color="$color8"
-      data-heading
+      marginTop="$8"
+      marginBottom="$2"
       {...props}
-      fontWeight="400"
     />
   ),
-  h5: (props) => <H5 size="$6" fontWeight="600" marginTop="$4" {...props} />,
-  h6: (props) => <H6 marginTop="$4" {...props} />,
-  p: (props) => <Paragraph render="p" display="block" size="$6" marginVertical="$2" {...props} />,
-  a: ({ href = "", children, ...props }) => {
-    return (
-      <Link href={href}>
-        <Paragraph
-          // the router Link already renders the anchor; a nested <a> is invalid
-          render="span"
-          fontSize="inherit"
-          display="inline"
-          cursor="pointer"
-          focusVisibleStyle={{
-            outlineColor: "$outlineColor",
-            outlineWidth: 2,
-            outlineStyle: "solid",
-            outlineOffset: 2,
-          }}
-          {...props}
-        >
-          {children}
-          {typeof href === "string" && href.startsWith("http") ? (
-            <>
-              &nbsp;
-              <Text fontSize="inherit" display="inline-flex" y={2} style={{ marginLeft: -1 }}>
-                <ExternalIcon />
-              </Text>
-            </>
-          ) : null}
-        </Paragraph>
-      </Link>
-    );
-  },
+  h5: (props) => <MdxHeading Component={H5} size="$6" marginTop="$4" {...props} />,
+  h6: (props) => <MdxHeading Component={H6} marginTop="$4" {...props} />,
+  p: (props) => <MdxP {...props} />,
+  a: (props) => <MdxAnchor {...props} />,
   hr: (props) => <HR {...props} />,
-  ul: ({ children }) => (
-    <UL render="ul" marginVertical="$4">
-      {Children.toArray(children).map((x) => (typeof x === "string" ? null : x))}
-    </UL>
-  ),
-  ol: (props) => <YStack {...props} render="ol" marginBottom="$3" />,
-  li: (props) => (
-    <LI render="li" size="$6" marginBottom="$1.5" style={{ listStyleType: "disc" }}>
-      {props.children}
-    </LI>
+  ul: ({ children }) => <MdxList ordered={false}>{children}</MdxList>,
+  ol: ({ children, start }: any) => (
+    <MdxList ordered start={typeof start === "number" ? start : Number(start) || undefined}>
+      {children}
+    </MdxList>
   ),
-  strong: (props) => <Paragraph render="strong" fontSize="inherit" {...props} fontWeight="700" />,
+  li: (props) => <MarkdownListItem>{props.children}</MarkdownListItem>,
+  strong: (props) => <MdxStrong {...props} />,
   em: (props) => <Paragraph render="em" fontSize="inherit" {...props} fontStyle="italic" />,
   del: (props) => (
     <Paragraph render="del" fontSize="inherit" {...props} textDecorationLine="line-through" />
   ),
-  img: ({ ...props }) => (
+  img: ({ src, alt, title, ...props }: any) => (
     <YStack render="span" marginVertical="$6">
-      <YStack render="img" {...props} maxWidth="100%" />
+      <MarkdownImage src={src} alt={alt} title={title} {...props} />
     </YStack>
   ),
   pre: ({ children }) => <>{children}</>,
@@ -205,6 +285,7 @@ export const mdxComponents: MDXComponents = {
 
 const LinkHeading = ({ id, children, ...props }: { id?: string } & XStackProps) => {
   const { knobProps } = useResolvedKnobs();
+  const iconPx = tokenPx(knobProps.label.fontSize as string, 12, "fontSize");
   return (
     <XStack
       render="a"
@@ -219,7 +300,7 @@ const LinkHeading = ({ id, children, ...props }: { id?: string } & XStackProps)
     >
       {children}
       <YStack render="span" opacity={0.3}>
-        <LinkIcon size={12} />
+        <LinkIcon size={iconPx} />
       </YStack>
     </XStack>
   );

package/src/mermaid/MermaidBlock.tsx

@@ -55,7 +55,7 @@ export function MermaidBlock({ children }: MermaidBlockProps) {
   if (state.status === "ok") {
     return (
       <View
-        {...(knobProps.borderRadiusOuter ?? { borderRadius: "$4" })}
+        {...(knobProps.borderRadiusNested ?? { borderRadius: "$4" })}
         backgroundColor={markdownCodeColors.background.base}
         borderWidth={1}
         borderColor={markdownCodeColors.border.base}

package/src/mermaid/nativeGraph.spec.ts

@@ -0,0 +1,90 @@
+/**
+ * MPO-10 regression guard.
+ *
+ * mermaid must not appear anywhere on this package's NATIVE source graph.
+ * `import()` is not tree-shakable, so a single dynamic import on a native
+ * module forces every native bundler that reaches it to parse mermaid and
+ * emit its chunk — and mermaid's published chunks are illegal ESM ("use
+ * strict" inside functions with non-simple parameter lists), which fails
+ * `one build --platform ios` outright with no bundle at all.
+ *
+ * The blast radius is the whole workspace: this package's barrel re-exports
+ * ./mermaid, so any native consumer that reaches the barrel — including
+ * anyone importing one component from @multiplatform.one/frappe-ui — used to
+ * inherit the failure.
+ *
+ * The rule this pins: for every module in src/, the tier a native bundler
+ * resolves (the `.native` sibling when one exists, otherwise the shared
+ * file) carries no `mermaid` specifier.
+ */
+
+import fs from "node:fs";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { describe, expect, it } from "vitest";
+
+const srcDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
+
+const codeExt = new Set([".ts", ".tsx"]);
+const skip = /\.(spec|test|stories)\.tsx?$/;
+
+function walk(dir: string): string[] {
+  return fs.readdirSync(dir, { withFileTypes: true }).flatMap((e) => {
+    const full = path.join(dir, e.name);
+    if (e.isDirectory()) return walk(full);
+    if (!codeExt.has(path.extname(e.name))) return [];
+    if (skip.test(e.name)) return [];
+    return [full];
+  });
+}
+
+/** The file a native bundler resolves for `file` (its `.native` sibling wins). */
+function nativeTier(file: string): string {
+  const ext = path.extname(file);
+  if (file.endsWith(".native" + ext)) return file;
+  const base = file.slice(0, -ext.length);
+  for (const e of [".native.tsx", ".native.ts"]) {
+    if (fs.existsSync(base + e)) return base + e;
+  }
+  return file;
+}
+
+const importPatterns = [
+  /(?:^|\n)\s*(?:import|export)\s+(?:type\s+)?(?:[^'"();]*?\sfrom\s*)?["']([^"']+)["']/g,
+  /\bimport\s*\(\s*["']([^"']+)["']\s*\)/g,
+];
+
+/** Module specifiers, static and dynamic, with comments stripped. */
+function specifiers(file: string): string[] {
+  const src = fs
+    .readFileSync(file, "utf8")
+    .replace(/\/\*[\s\S]*?\*\//g, "")
+    .replace(/(^|\s)\/\/[^\n]*/g, "$1");
+  const found: string[] = [];
+  for (const pattern of importPatterns) {
+    pattern.lastIndex = 0;
+    let match = pattern.exec(src);
+    while (match) {
+      found.push(match[1]);
+      match = pattern.exec(src);
+    }
+  }
+  return found;
+}
+
+const isMermaid = (spec: string) => spec === "mermaid" || spec.startsWith("mermaid/");
+
+describe("native module graph", () => {
+  it("never reaches the mermaid engine", () => {
+    const offenders = [...new Set(walk(srcDir).map(nativeTier))]
+      .filter((file) => specifiers(file).some(isMermaid))
+      .map((file) => path.relative(srcDir, file))
+      .sort();
+    expect(offenders).toEqual([]);
+  });
+
+  it("keeps the web tier's lazy mermaid import, which is where it belongs", () => {
+    const web = path.join(srcDir, "mermaid", "renderMermaidDiagram.ts");
+    expect(specifiers(web).some(isMermaid)).toBe(true);
+  });
+});

package/src/mermaid/renderMermaidDiagram.native.ts

@@ -0,0 +1,50 @@
+/**
+ * Native tier of the canonical mermaid renderer (LC-16).
+ *
+ * The web tier's `import("mermaid")` is deliberately ABSENT here. mermaid
+ * needs a DOM — the web module already refuses without one — so on native
+ * that import can only ever resolve and then bail. Keeping it in the native
+ * source costs a whole graph: `import()` is not tree-shakable, so every
+ * native bundler that reaches this module has to parse mermaid and emit its
+ * chunk. mermaid's published chunks put "use strict" inside functions with
+ * non-simple parameter lists, which is illegal ESM, so rolldown fails the
+ * build outright (`one build --platform ios` died with ten PARSE_ERRORs and
+ * produced no bundle — measured shipping the Lookout iOS app, MPO-10).
+ *
+ * Because this package's barrel re-exports this module, ANY native consumer
+ * that reaches the barrel — including anyone importing a single component
+ * from @multiplatform.one/frappe-ui — inherited that failure. Dropping the
+ * import here takes mermaid off the native graph for all of them at once.
+ *
+ * The contract is unchanged: same exports, same result shape, and the same
+ * "requires a DOM" error the web tier returns when `document` is missing.
+ * `MermaidBlock.native.tsx` already renders diagram source as a code block,
+ * so nothing on native regresses.
+ *
+ * Types are declared locally rather than re-exported from the web tier:
+ * tamagui-build rewrites relative specifiers to their `.native` sibling, so
+ * `from "./renderMermaidDiagram"` would resolve back to this file. Same
+ * idiom as `MermaidBlock.native.tsx`, which redeclares its own props.
+ */
+
+export interface MermaidRenderOptions {
+  /** Color scheme for mermaid's built-in theming (default "light") */
+  scheme?: "light" | "dark";
+  /** Font family passed to mermaid's theme config */
+  fontFamily?: string;
+}
+
+export type MermaidRenderResult = { ok: true; svg: string } | { ok: false; error: string };
+
+/** Same message the web tier returns when it cannot find a `document`. */
+const NO_DOM = "Mermaid diagrams require a DOM environment";
+
+export async function renderMermaidDiagram(
+  _code: string,
+  _options: MermaidRenderOptions = {},
+): Promise<MermaidRenderResult> {
+  return { ok: false, error: NO_DOM };
+}
+
+/** Test seam parity with the web tier — nothing is cached here. */
+export function resetMermaidForTesting(): void {}

package/src/mermaid/renderMermaidDiagram.spec.ts

@@ -87,3 +87,26 @@ describe("mountDiagramSvg", () => {
     expect(container.childNodes.length).toBe(0);
   });
 });
+
+// MPO-10: the native tier ships no mermaid import at all. It answers with
+// the same "requires a DOM" result the web tier gives without a document,
+// so callers need no platform branch.
+describe("renderMermaidDiagram (native tier)", () => {
+  it("refuses with the DOM error and never touches the engine", async () => {
+    const native = await import("./renderMermaidDiagram.native");
+    await expect(native.renderMermaidDiagram("graph TD\n A-->B")).resolves.toEqual({
+      ok: false,
+      error: "Mermaid diagrams require a DOM environment",
+    });
+    expect(parse).not.toHaveBeenCalled();
+    expect(render).not.toHaveBeenCalled();
+  });
+
+  it("keeps the web tier's export surface", async () => {
+    const [web, native] = await Promise.all([
+      import("./renderMermaidDiagram"),
+      import("./renderMermaidDiagram.native"),
+    ]);
+    expect(Object.keys(native).sort()).toEqual(Object.keys(web).sort());
+  });
+});

package/src/shared/index.ts

@@ -1 +1,3 @@
 export * from "./colorRamps";
+export { tokenPx } from "./tokenPx";
+export { useMarkdownTableKnobs } from "./useMarkdownTableKnobs";

package/src/shared/tokenPx.ts

@@ -0,0 +1,29 @@
+import { getTokens, getVariableValue } from "tamagui";
+
+/**
+ * Resolve a Tamagui size/radius/space/fontSize token to CSS pixels so
+ * markdown chrome (cutoff, marker column, media fallback) scales with knobs
+ * instead of hardcoded geometry.
+ */
+export function tokenPx(
+  token: string | number | undefined,
+  fallback: number,
+  scale: "size" | "radius" | "space" | "fontSize" = "size",
+): number {
+  if (typeof token === "number" && Number.isFinite(token)) return token;
+  if (token == null) return fallback;
+  try {
+    const tokens = getTokens();
+    const bucket =
+      scale === "fontSize"
+        ? (tokens as { fontSize?: Record<string, unknown> }).fontSize
+        : tokens[scale];
+    const raw = getVariableValue(
+      (bucket as Record<string, unknown> | undefined)?.[String(token)] ?? token,
+    );
+    const n = typeof raw === "number" ? raw : Number.parseFloat(String(raw));
+    return Number.isFinite(n) && n > 0 ? n : fallback;
+  } catch {
+    return fallback;
+  }
+}

package/src/shared/useMarkdownTableKnobs.ts

@@ -0,0 +1,38 @@
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+
+/**
+ * Shared R-OUTER table chrome for MarkdownTable, MDXTable, and
+ * MarkdownSimpleTable (spec: Table renderer, MDX Table, and SimpleTable).
+ * Spread complete surface + borderRadiusOuter fragments; inner cells stay square.
+ */
+export function useMarkdownTableKnobs() {
+  const { knobProps } = useResolvedKnobs();
+  const cellPad = {
+    paddingHorizontal: knobProps.gap.gap,
+    paddingVertical: knobProps.gap.gap,
+    borderRadius: 0 as const,
+  };
+  return {
+    knobProps,
+    frameProps: {
+      ...knobProps.surface,
+      ...knobProps.borderRadiusOuter,
+      overflow: "hidden" as const,
+      "data-markdown-table-frame": "true",
+      "data-border-width": String(knobProps.surface.borderWidth),
+    },
+    headerTextProps: {
+      size: knobProps.sizeToken as any,
+      ...knobProps.heading,
+    },
+    cellTextProps: {
+      size: knobProps.sizeToken as any,
+      ...knobProps.body,
+    },
+    cellPad,
+    headRule: {
+      borderBottomWidth: knobProps.surface.borderWidth,
+      borderBottomColor: "$borderColor" as const,
+    },
+  };
+}

package/src/stories/Blocks.stories.tsx

@@ -150,7 +150,7 @@ export const Rules: Story = {
 export const Lists: Story = {
   render: () => (
     <YStack maxWidth={700} padding="$4">
-      <TamaguiParagraph fontWeight="600">Unordered</TamaguiParagraph>
+      <TamaguiParagraph fontWeight="400">Unordered</TamaguiParagraph>
       <MarkdownList ordered={false}>
         <MarkdownListItem index={0}>
           <Paragraph>first item</Paragraph>
@@ -175,7 +175,7 @@ export const Lists: Story = {
           </MarkdownList>
         </MarkdownListItem>
       </MarkdownList>
-      <TamaguiParagraph fontWeight="600">Ordered (start ignored?)</TamaguiParagraph>
+      <TamaguiParagraph fontWeight="400">Ordered (start ignored?)</TamaguiParagraph>
       <MarkdownList ordered start={5}>
         <MarkdownListItem ordered index={0}>
           <Paragraph>ordered one</Paragraph>
@@ -184,7 +184,7 @@ export const Lists: Story = {
           <Paragraph>ordered two</Paragraph>
         </MarkdownListItem>
       </MarkdownList>
-      <TamaguiParagraph fontWeight="600">Tasks</TamaguiParagraph>
+      <TamaguiParagraph fontWeight="400">Tasks</TamaguiParagraph>
       <MarkdownList ordered={false}>
         <MarkdownListItem checked={true} index={0}>
           <Paragraph>checked task</Paragraph>
@@ -193,9 +193,9 @@ export const Lists: Story = {
           <Paragraph>unchecked task</Paragraph>
         </MarkdownListItem>
       </MarkdownList>
-      <TamaguiParagraph fontWeight="600">Empty list</TamaguiParagraph>
+      <TamaguiParagraph fontWeight="400">Empty list</TamaguiParagraph>
       <MarkdownList ordered={false}>{null}</MarkdownList>
-      <TamaguiParagraph fontWeight="600">RTL</TamaguiParagraph>
+      <TamaguiParagraph fontWeight="400">RTL</TamaguiParagraph>
       <YStack style={{ direction: "rtl" } as any}>
         <MarkdownList ordered={false}>
           <MarkdownListItem index={0}>

package/types/Aside/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Aside/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CA+EvF;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAMrF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Aside/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAiFvF;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,sEAAsE;AACtE,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAMrF"}

package/types/Hr/index.d.ts

@@ -1,2 +1,2 @@
-export declare const HR: (props: any) => import("react/jsx-runtime").JSX.Element;
+export declare const HR: (props: Record<string, unknown>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/types/Hr/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Hr/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,EAAE,GAAI,OAAO,GAAG,4CAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Hr/index.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,EAAE,GAAI,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,4CAA2C,CAAC"}

package/types/MarkdownSimpleTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MarkdownSimpleTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,KAAK,WAAW,GAAG,SAAS,CAAC;AAgE7B,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CA4D9E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MarkdownSimpleTable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,KAAK,WAAW,GAAG,SAAS,CAAC;AAqD7B,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,WAAW,EAAE,EAAE,CAAC;CACvB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,wBAAwB,2CAwD9E"}

package/types/MdxCodeBlock/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MdxCodeBlock/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAGtE,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAwBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAoIpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MdxCodeBlock/index.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAGtE,MAAM,WAAW,iBAAkB,SAAQ,wBAAwB;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAwBD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAyIpD"}

package/types/Table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAuBpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAMpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAMpD;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAMpD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAQpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAQpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Table/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUvC,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAsBpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAOpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAMpD;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAMpD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CAOpD;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,2CASpD"}