@assistant-ui/react-markdown 0.2.22 → 0.2.24

package/dist/index.mjs

@@ -1,297 +1,11 @@
-"use client";
-
-// src/primitives/MarkdownText.tsx
-import { INTERNAL, useContentPartText } from "@assistant-ui/react";
 import {
-  forwardRef
-} from "react";
-import ReactMarkdown from "react-markdown";
-
-// src/overrides/PreOverride.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var PreContext = createContext(null);
-var useIsMarkdownCodeBlock = () => {
-  return useContext(PreContext) !== null;
-};
-var PreOverride = ({ children, ...rest }) => {
-  return /* @__PURE__ */ jsx(PreContext.Provider, { value: rest, children });
-};
-
-// src/overrides/defaultComponents.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var DefaultPre = ({ node, ...rest }) => /* @__PURE__ */ jsx2("pre", { ...rest });
-var DefaultCode = ({ node, ...rest }) => /* @__PURE__ */ jsx2("code", { ...rest });
-var DefaultCodeBlockContent = ({ components: { Pre, Code }, code }) => /* @__PURE__ */ jsx2(Pre, { children: /* @__PURE__ */ jsx2(Code, { children: code }) });
-var DefaultCodeHeader = () => null;
-
-// src/primitives/MarkdownText.tsx
-import { useCallbackRef as useCallbackRef2 } from "@radix-ui/react-use-callback-ref";
-
-// src/overrides/CodeOverride.tsx
-import { useContext as useContext2 } from "react";
-
-// src/overrides/CodeBlock.tsx
-import { useMemo } from "react";
-import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
-var DefaultCodeBlock = ({
-  components: { Pre, Code, SyntaxHighlighter, CodeHeader: CodeHeader2 },
-  language,
-  code
-}) => {
-  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);
-  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx3(CodeHeader2, { language, code }),
-    /* @__PURE__ */ jsx3(
-      SH,
-      {
-        components,
-        language: language ?? "unknown",
-        code
-      }
-    )
-  ] });
-};
-
-// src/overrides/CodeOverride.tsx
-import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
-
-// src/overrides/withDefaults.tsx
-import classNames from "classnames";
-var withDefaultProps = ({
-  className,
-  ...defaultProps
-}) => ({ className: classNameProp, ...props }) => {
-  return {
-    className: classNames(className, classNameProp),
-    ...defaultProps,
-    ...props
-  };
-};
-
-// src/overrides/CodeOverride.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var CodeBlockOverride = ({
-  components: {
-    Pre,
-    Code,
-    SyntaxHighlighter: FallbackSyntaxHighlighter,
-    CodeHeader: FallbackCodeHeader,
-    by_language = {}
-  },
-  children,
-  ...codeProps
-}) => {
-  const preProps = useContext2(PreContext);
-  const getPreProps = withDefaultProps(preProps);
-  const WrappedPre = useCallbackRef((props) => /* @__PURE__ */ jsx4(Pre, { ...getPreProps(props) }));
-  const getCodeProps = withDefaultProps(codeProps);
-  const WrappedCode = useCallbackRef((props) => /* @__PURE__ */ jsx4(Code, { ...getCodeProps(props) }));
-  const language = /language-(\w+)/.exec(codeProps.className || "")?.[1] ?? "";
-  if (typeof children !== "string") {
-    return /* @__PURE__ */ jsx4(
-      DefaultCodeBlockContent,
-      {
-        components: { Pre: WrappedPre, Code: WrappedCode },
-        code: children
-      }
-    );
-  }
-  const SyntaxHighlighter = by_language[language]?.SyntaxHighlighter ?? FallbackSyntaxHighlighter;
-  const CodeHeader2 = by_language[language]?.CodeHeader ?? FallbackCodeHeader;
-  return /* @__PURE__ */ jsx4(
-    DefaultCodeBlock,
-    {
-      components: {
-        Pre: WrappedPre,
-        Code: WrappedCode,
-        SyntaxHighlighter,
-        CodeHeader: CodeHeader2
-      },
-      language: language || "unknown",
-      code: children
-    }
-  );
-};
-var CodeOverride = ({
-  components,
-  ...props
-}) => {
-  const preProps = useContext2(PreContext);
-  if (!preProps) return /* @__PURE__ */ jsx4(components.Code, { ...props });
-  return /* @__PURE__ */ jsx4(CodeBlockOverride, { components, ...props });
-};
-
-// src/primitives/MarkdownText.tsx
-import classNames2 from "classnames";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var { useSmooth } = INTERNAL;
-var MarkdownTextPrimitive = forwardRef(
-  ({
-    components: userComponents,
-    className,
-    containerProps,
-    containerComponent: Container = "div",
-    ...rest
-  }, forwardedRef, smooth = true) => {
-    const { text, status } = useSmooth(useContentPartText(), smooth);
-    const {
-      pre = DefaultPre,
-      code = DefaultCode,
-      SyntaxHighlighter = DefaultCodeBlockContent,
-      CodeHeader: CodeHeader2 = DefaultCodeHeader,
-      by_language,
-      ...componentsRest
-    } = userComponents ?? {};
-    const components = {
-      ...componentsRest,
-      pre: PreOverride,
-      code: useCallbackRef2((props) => /* @__PURE__ */ jsx5(
-        CodeOverride,
-        {
-          components: {
-            Pre: pre,
-            Code: code,
-            SyntaxHighlighter,
-            CodeHeader: CodeHeader2,
-            by_language
-          },
-          ...props
-        }
-      ))
-    };
-    return /* @__PURE__ */ jsx5(
-      Container,
-      {
-        "data-status": status.type,
-        ...containerProps,
-        className: classNames2(className, containerProps?.className),
-        ref: forwardedRef,
-        children: /* @__PURE__ */ jsx5(ReactMarkdown, { components, ...rest, children: text })
-      }
-    );
-  }
-);
-MarkdownTextPrimitive.displayName = "MarkdownTextPrimitive";
-
-// src/ui/markdown-text.tsx
-import { memo } from "react";
-
-// src/ui/code-header.tsx
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { INTERNAL as INTERNAL2, useThreadConfig } from "@assistant-ui/react";
-
-// src/ui/useCopyToClipboard.tsx
-import { useState } from "react";
-var useCopyToClipboard = ({
-  copiedDuration = 3e3
-} = {}) => {
-  const [isCopied, setIsCopied] = useState(false);
-  const copyToClipboard = (value) => {
-    if (!value) return;
-    navigator.clipboard.writeText(value).then(() => {
-      setIsCopied(true);
-      setTimeout(() => setIsCopied(false), copiedDuration);
-    });
-  };
-  return { isCopied, copyToClipboard };
-};
-
-// src/ui/code-header.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-var { TooltipIconButton } = INTERNAL2;
-var CodeHeader = ({ language, code }) => {
-  const {
-    strings: {
-      code: { header: { copy: { tooltip = "Copy" } = {} } = {} } = {}
-    } = {}
-  } = useThreadConfig();
-  const { isCopied, copyToClipboard } = useCopyToClipboard();
-  const onCopy = () => {
-    if (!code || isCopied) return;
-    copyToClipboard(code);
-  };
-  return /* @__PURE__ */ jsxs2("div", { className: "aui-code-header-root", children: [
-    /* @__PURE__ */ jsx6("span", { className: "aui-code-header-language", children: language }),
-    /* @__PURE__ */ jsxs2(TooltipIconButton, { tooltip, onClick: onCopy, children: [
-      !isCopied && /* @__PURE__ */ jsx6(CopyIcon, {}),
-      isCopied && /* @__PURE__ */ jsx6(CheckIcon, {})
-    ] })
-  ] });
-};
-
-// src/ui/markdown-text.tsx
-import classNames3 from "classnames";
-import { INTERNAL as INTERNAL3 } from "@assistant-ui/react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var { withSmoothContextProvider, useSmoothStatus } = INTERNAL3;
-var defaultComponents = {
-  h1: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("h1", { className: classNames3("aui-md-h1", className), ...props }),
-  h2: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("h2", { className: classNames3("aui-md-h2", className), ...props }),
-  h3: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("h3", { className: classNames3("aui-md-h3", className), ...props }),
-  h4: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("h4", { className: classNames3("aui-md-h4", className), ...props }),
-  h5: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("h5", { className: classNames3("aui-md-h5", className), ...props }),
-  h6: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("h6", { className: classNames3("aui-md-h6", className), ...props }),
-  p: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("p", { className: classNames3("aui-md-p", className), ...props }),
-  a: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("a", { className: classNames3("aui-md-a", className), ...props }),
-  blockquote: ({ node, className, ...props }) => /* @__PURE__ */ jsx7(
-    "blockquote",
-    {
-      className: classNames3("aui-md-blockquote", className),
-      ...props
-    }
-  ),
-  ul: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("ul", { className: classNames3("aui-md-ul", className), ...props }),
-  ol: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("ol", { className: classNames3("aui-md-ol", className), ...props }),
-  hr: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("hr", { className: classNames3("aui-md-hr", className), ...props }),
-  table: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("table", { className: classNames3("aui-md-table", className), ...props }),
-  th: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("th", { className: classNames3("aui-md-th", className), ...props }),
-  td: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("td", { className: classNames3("aui-md-td", className), ...props }),
-  tr: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("tr", { className: classNames3("aui-md-tr", className), ...props }),
-  sup: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("sup", { className: classNames3("aui-md-sup", className), ...props }),
-  pre: ({ node, className, ...props }) => /* @__PURE__ */ jsx7("pre", { className: classNames3("aui-md-pre", className), ...props }),
-  code: ({ node, className, ...props }) => {
-    const isCodeBlock = useIsMarkdownCodeBlock();
-    return /* @__PURE__ */ jsx7(
-      "code",
-      {
-        className: classNames3(!isCodeBlock && "aui-md-inline-code", className),
-        ...props
-      }
-    );
-  },
-  CodeHeader
-};
-var makeMarkdownText = ({
-  className,
-  components: userComponents,
-  ...rest
-} = {}) => {
-  const components = {
-    ...defaultComponents,
-    ...Object.fromEntries(
-      // ignore undefined values, so undefined values do not override default components
-      Object.entries(userComponents ?? {}).filter(([_, v]) => v !== void 0)
-    )
-  };
-  const MarkdownTextImpl = () => {
-    const status = useSmoothStatus();
-    return /* @__PURE__ */ jsx7(
-      MarkdownTextPrimitive,
-      {
-        components,
-        ...rest,
-        className: classNames3(
-          status.type === "running" && "aui-md-running",
-          className
-        )
-      }
-    );
-  };
-  MarkdownTextImpl.displayName = "MarkdownText";
-  return memo(withSmoothContextProvider(MarkdownTextImpl), () => true);
-};
+  MarkdownTextPrimitive
+} from "./primitives/MarkdownText";
+import { useIsMarkdownCodeBlock } from "./overrides/PreOverride";
+import {
+  makeMarkdownText
+} from "./ui/markdown-text";
+import { CodeHeader } from "./ui/code-header";
 export {
   CodeHeader,
   MarkdownTextPrimitive,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/primitives/MarkdownText.tsx","../src/overrides/PreOverride.tsx","../src/overrides/defaultComponents.tsx","../src/overrides/CodeOverride.tsx","../src/overrides/CodeBlock.tsx","../src/overrides/withDefaults.tsx","../src/ui/markdown-text.tsx","../src/ui/code-header.tsx","../src/ui/useCopyToClipboard.tsx"],"sourcesContent":["\"use client\";\n\nimport { INTERNAL, useContentPartText } from \"@assistant-ui/react\";\nimport {\n  ElementRef,\n  ElementType,\n  forwardRef,\n  ForwardRefExoticComponent,\n  RefAttributes,\n  type ComponentPropsWithoutRef,\n  type ComponentType,\n} from \"react\";\nimport ReactMarkdown, { type Options } from \"react-markdown\";\nimport { SyntaxHighlighterProps, CodeHeaderProps } from \"../overrides/types\";\nimport { PreOverride } from \"../overrides/PreOverride\";\nimport {\n  DefaultPre,\n  DefaultCode,\n  DefaultCodeBlockContent,\n  DefaultCodeHeader,\n} from \"../overrides/defaultComponents\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { CodeOverride } from \"../overrides/CodeOverride\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport classNames from \"classnames\";\n\nconst { useSmooth } = INTERNAL;\n\ntype MarkdownTextPrimitiveElement = ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;\n\nexport type MarkdownTextPrimitiveProps = Omit<\n  Options,\n  \"components\" | \"children\"\n> & {\n  containerProps?: Omit<PrimitiveDivProps, \"children\" | \"asChild\">;\n  containerComponent?: ElementType;\n  components?: NonNullable<Options[\"components\"]> & {\n    SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n    CodeHeader?: ComponentType<CodeHeaderProps>;\n    by_language?: Record<\n      string,\n      {\n        CodeHeader?: ComponentType<CodeHeaderProps>;\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n      }\n    >;\n  };\n  smooth?: boolean;\n};\n\nexport const MarkdownTextPrimitive: ForwardRefExoticComponent<MarkdownTextPrimitiveProps> &\n  RefAttributes<MarkdownTextPrimitiveElement> = forwardRef<\n  MarkdownTextPrimitiveElement,\n  MarkdownTextPrimitiveProps\n>(\n  (\n    {\n      components: userComponents,\n      className,\n      containerProps,\n      containerComponent: Container = \"div\",\n      ...rest\n    },\n    forwardedRef,\n    smooth = true,\n  ) => {\n    const { text, status } = useSmooth(useContentPartText(), smooth);\n\n    const {\n      pre = DefaultPre,\n      code = DefaultCode,\n      SyntaxHighlighter = DefaultCodeBlockContent,\n      CodeHeader = DefaultCodeHeader,\n      by_language,\n      ...componentsRest\n    } = userComponents ?? {};\n    const components: typeof userComponents = {\n      ...componentsRest,\n      pre: PreOverride,\n      code: useCallbackRef((props) => (\n        <CodeOverride\n          components={{\n            Pre: pre,\n            Code: code,\n            SyntaxHighlighter,\n            CodeHeader,\n            by_language,\n          }}\n          {...props}\n        />\n      )),\n    };\n\n    return (\n      <Container\n        data-status={status.type}\n        {...containerProps}\n        className={classNames(className, containerProps?.className)}\n        ref={forwardedRef}\n      >\n        <ReactMarkdown components={components} {...rest}>\n          {text}\n        </ReactMarkdown>\n      </Container>\n    );\n  },\n);\n\nMarkdownTextPrimitive.displayName = \"MarkdownTextPrimitive\";\n","import { createContext, ComponentPropsWithoutRef, useContext } from \"react\";\nimport { PreComponent } from \"./types\";\n\nexport const PreContext = createContext<Omit<\n  ComponentPropsWithoutRef<PreComponent>,\n  \"children\"\n> | null>(null);\n\nexport const useIsMarkdownCodeBlock = () => {\n  return useContext(PreContext) !== null;\n};\n\nexport const PreOverride: PreComponent = ({ children, ...rest }) => {\n  return <PreContext.Provider value={rest}>{children}</PreContext.Provider>;\n};\n","import type { ComponentType, ReactNode } from \"react\";\nimport { PreComponent, CodeComponent, CodeHeaderProps } from \"./types\";\n\nexport const DefaultPre: PreComponent = ({ node, ...rest }) => (\n  <pre {...rest} />\n);\n\nexport const DefaultCode: CodeComponent = ({ node, ...rest }) => (\n  <code {...rest} />\n);\n\nexport const DefaultCodeBlockContent: ComponentType<{\n  components: { Pre: PreComponent; Code: CodeComponent };\n  code: string | ReactNode | undefined;\n}> = ({ components: { Pre, Code }, code }) => (\n  <Pre>\n    <Code>{code}</Code>\n  </Pre>\n);\n\nexport const DefaultCodeHeader: ComponentType<CodeHeaderProps> = () => null;\n","import { ComponentPropsWithoutRef, ComponentType, FC, useContext } from \"react\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlock } from \"./CodeBlock\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { withDefaultProps } from \"./withDefaults\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: {\n    Pre,\n    Code,\n    SyntaxHighlighter: FallbackSyntaxHighlighter,\n    CodeHeader: FallbackCodeHeader,\n    by_language = {},\n  },\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1] ?? \"\";\n\n  // if the code content is not string (due to rehype plugins), return a default code block\n  if (typeof children !== \"string\") {\n    return (\n      <DefaultCodeBlockContent\n        components={{ Pre: WrappedPre, Code: WrappedCode }}\n        code={children}\n      />\n    );\n  }\n\n  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps> =\n    by_language[language]?.SyntaxHighlighter ?? FallbackSyntaxHighlighter;\n\n  const CodeHeader: ComponentType<CodeHeaderProps> =\n    by_language[language]?.CodeHeader ?? FallbackCodeHeader;\n\n  return (\n    <DefaultCodeBlock\n      components={{\n        Pre: WrappedPre,\n        Code: WrappedCode,\n        SyntaxHighlighter,\n        CodeHeader,\n      }}\n      language={language || \"unknown\"}\n      code={children}\n    />\n  );\n};\n\nexport type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n    by_language?: Record<\n      string,\n      {\n        CodeHeader?: ComponentType<CodeHeaderProps>;\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n      }\n    >;\n  };\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...(props as any)} />;\n  return <CodeBlockOverride components={components} {...props} />;\n};\n","import { ComponentType, FC, useMemo } from \"react\";\n\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nexport type CodeBlockProps = {\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n","import classNames from \"classnames\";\n\nexport const withDefaultProps =\n  <TProps extends { className?: string | undefined }>({\n    className,\n    ...defaultProps\n  }: Partial<TProps>) =>\n  ({ className: classNameProp, ...props }: TProps) => {\n    return {\n      className: classNames(className, classNameProp),\n      ...defaultProps,\n      ...props,\n    } as TProps;\n  };\n","import { FC, memo } from \"react\";\nimport { CodeHeader } from \"./code-header\";\nimport classNames from \"classnames\";\nimport {\n  MarkdownTextPrimitive,\n  MarkdownTextPrimitiveProps,\n} from \"../primitives/MarkdownText\";\nimport { INTERNAL } from \"@assistant-ui/react\";\nimport { useIsMarkdownCodeBlock } from \"../overrides/PreOverride\";\n\nconst { withSmoothContextProvider, useSmoothStatus } = INTERNAL;\n\nexport type MakeMarkdownTextProps = MarkdownTextPrimitiveProps;\n\nconst defaultComponents: MakeMarkdownTextProps[\"components\"] = {\n  h1: ({ node, className, ...props }) => (\n    <h1 className={classNames(\"aui-md-h1\", className)} {...props} />\n  ),\n  h2: ({ node, className, ...props }) => (\n    <h2 className={classNames(\"aui-md-h2\", className)} {...props} />\n  ),\n  h3: ({ node, className, ...props }) => (\n    <h3 className={classNames(\"aui-md-h3\", className)} {...props} />\n  ),\n  h4: ({ node, className, ...props }) => (\n    <h4 className={classNames(\"aui-md-h4\", className)} {...props} />\n  ),\n  h5: ({ node, className, ...props }) => (\n    <h5 className={classNames(\"aui-md-h5\", className)} {...props} />\n  ),\n  h6: ({ node, className, ...props }) => (\n    <h6 className={classNames(\"aui-md-h6\", className)} {...props} />\n  ),\n  p: ({ node, className, ...props }) => (\n    <p className={classNames(\"aui-md-p\", className)} {...props} />\n  ),\n  a: ({ node, className, ...props }) => (\n    <a className={classNames(\"aui-md-a\", className)} {...props} />\n  ),\n  blockquote: ({ node, className, ...props }) => (\n    <blockquote\n      className={classNames(\"aui-md-blockquote\", className)}\n      {...props}\n    />\n  ),\n  ul: ({ node, className, ...props }) => (\n    <ul className={classNames(\"aui-md-ul\", className)} {...props} />\n  ),\n  ol: ({ node, className, ...props }) => (\n    <ol className={classNames(\"aui-md-ol\", className)} {...props} />\n  ),\n  hr: ({ node, className, ...props }) => (\n    <hr className={classNames(\"aui-md-hr\", className)} {...props} />\n  ),\n  table: ({ node, className, ...props }) => (\n    <table className={classNames(\"aui-md-table\", className)} {...props} />\n  ),\n  th: ({ node, className, ...props }) => (\n    <th className={classNames(\"aui-md-th\", className)} {...props} />\n  ),\n  td: ({ node, className, ...props }) => (\n    <td className={classNames(\"aui-md-td\", className)} {...props} />\n  ),\n  tr: ({ node, className, ...props }) => (\n    <tr className={classNames(\"aui-md-tr\", className)} {...props} />\n  ),\n  sup: ({ node, className, ...props }) => (\n    <sup className={classNames(\"aui-md-sup\", className)} {...props} />\n  ),\n  pre: ({ node, className, ...props }) => (\n    <pre className={classNames(\"aui-md-pre\", className)} {...props} />\n  ),\n  code: ({ node, className, ...props }) => {\n    const isCodeBlock = useIsMarkdownCodeBlock();\n    return (\n      <code\n        className={classNames(!isCodeBlock && \"aui-md-inline-code\", className)}\n        {...props}\n      />\n    );\n  },\n  CodeHeader,\n};\n\nexport const makeMarkdownText = ({\n  className,\n  components: userComponents,\n  ...rest\n}: MakeMarkdownTextProps = {}) => {\n  const components = {\n    ...defaultComponents,\n    ...Object.fromEntries(\n      // ignore undefined values, so undefined values do not override default components\n      Object.entries(userComponents ?? {}).filter(([_, v]) => v !== undefined),\n    ),\n  };\n\n  const MarkdownTextImpl: FC = () => {\n    const status = useSmoothStatus();\n    return (\n      <MarkdownTextPrimitive\n        components={components}\n        {...rest}\n        className={classNames(\n          status.type === \"running\" && \"aui-md-running\",\n          className,\n        )}\n      />\n    );\n  };\n  MarkdownTextImpl.displayName = \"MarkdownText\";\n\n  return memo(withSmoothContextProvider(MarkdownTextImpl), () => true);\n};\n","import { FC } from \"react\";\nimport { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { INTERNAL, useThreadConfig } from \"@assistant-ui/react\";\n\nimport { CodeHeaderProps } from \"../overrides/types\";\nimport { useCopyToClipboard } from \"./useCopyToClipboard\";\n\nconst { TooltipIconButton } = INTERNAL;\n\nexport const CodeHeader: FC<CodeHeaderProps> = ({ language, code }) => {\n  const {\n    strings: {\n      code: { header: { copy: { tooltip = \"Copy\" } = {} } = {} } = {},\n    } = {},\n  } = useThreadConfig();\n\n  const { isCopied, copyToClipboard } = useCopyToClipboard();\n  const onCopy = () => {\n    if (!code || isCopied) return;\n    copyToClipboard(code);\n  };\n\n  return (\n    <div className=\"aui-code-header-root\">\n      <span className=\"aui-code-header-language\">{language}</span>\n      <TooltipIconButton tooltip={tooltip} onClick={onCopy}>\n        {!isCopied && <CopyIcon />}\n        {isCopied && <CheckIcon />}\n      </TooltipIconButton>\n    </div>\n  );\n};\n","import { useState } from \"react\";\nimport { UseActionBarCopyProps } from \"@assistant-ui/react\";\n\nexport type useCopyToClipboardProps = UseActionBarCopyProps;\n\nexport const useCopyToClipboard = ({\n  copiedDuration = 3000,\n}: useCopyToClipboardProps = {}) => {\n  const [isCopied, setIsCopied] = useState<boolean>(false);\n\n  const copyToClipboard = (value: string) => {\n    if (!value) return;\n\n    navigator.clipboard.writeText(value).then(() => {\n      setIsCopied(true);\n      setTimeout(() => setIsCopied(false), copiedDuration);\n    });\n  };\n\n  return { isCopied, copyToClipboard };\n};\n"],"mappings":"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","names":["jsx","useCallbackRef","useContext","jsx","CodeHeader","jsx","useContext","CodeHeader","classNames","jsx","CodeHeader","useCallbackRef","INTERNAL","jsx","jsxs","INTERNAL","classNames","INTERNAL","jsx","INTERNAL","classNames"]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  MarkdownTextPrimitive,\n  type MarkdownTextPrimitiveProps,\n} from \"./primitives/MarkdownText\";\n\nexport type {\n  CodeHeaderProps,\n  SyntaxHighlighterProps,\n} from \"./overrides/types\";\n\nexport { useIsMarkdownCodeBlock } from \"./overrides/PreOverride\";\n\nexport {\n  makeMarkdownText,\n  type MakeMarkdownTextProps,\n} from \"./ui/markdown-text\";\n\nexport { CodeHeader } from \"./ui/code-header\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAEK;AAOP,SAAS,8BAA8B;AAEvC;AAAA,EACE;AAAA,OAEK;AAEP,SAAS,kBAAkB;","names":[]}

package/dist/overrides/CodeBlock.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType, FC } from "react";
+import { CodeComponent, CodeHeaderProps, PreComponent, SyntaxHighlighterProps } from "./types";
+export type CodeBlockProps = {
+    language: string;
+    code: string;
+    components: {
+        Pre: PreComponent;
+        Code: CodeComponent;
+        CodeHeader: ComponentType<CodeHeaderProps>;
+        SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;
+    };
+};
+export declare const DefaultCodeBlock: FC<CodeBlockProps>;
+//# sourceMappingURL=CodeBlock.d.ts.map

package/dist/overrides/CodeBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../src/overrides/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,sBAAsB,EACvB,MAAM,SAAS,CAAC;AAGjB,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC3C,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;KAC1D,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,cAAc,CAmB/C,CAAC"}

package/dist/overrides/CodeBlock.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CodeBlock_exports = {};
+__export(CodeBlock_exports, {
+  DefaultCodeBlock: () => DefaultCodeBlock
+});
+module.exports = __toCommonJS(CodeBlock_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_defaultComponents = require("./defaultComponents");
+const DefaultCodeBlock = ({
+  components: { Pre, Code, SyntaxHighlighter, CodeHeader },
+  language,
+  code
+}) => {
+  const components = (0, import_react.useMemo)(() => ({ Pre, Code }), [Pre, Code]);
+  const SH = !!language ? SyntaxHighlighter : import_defaultComponents.DefaultCodeBlockContent;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeHeader, { language, code }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      SH,
+      {
+        components,
+        language: language ?? "unknown",
+        code
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultCodeBlock
+});
+//# sourceMappingURL=CodeBlock.js.map

package/dist/overrides/CodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overrides/CodeBlock.tsx"],"sourcesContent":["import { ComponentType, FC, useMemo } from \"react\";\n\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nexport type CodeBlockProps = {\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+BI;AA/BJ,mBAA2C;AAQ3C,+BAAwC;AAajC,MAAM,mBAAuC,CAAC;AAAA,EACnD,YAAY,EAAE,KAAK,MAAM,mBAAmB,WAAW;AAAA,EACvD;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAa,sBAAQ,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAE7D,QAAM,KAAK,CAAC,CAAC,WAAW,oBAAoB;AAE5C,SACE,4EACE;AAAA,gDAAC,cAAW,UAAoB,MAAY;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/overrides/CodeBlock.mjs

@@ -0,0 +1,26 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { DefaultCodeBlockContent } from "./defaultComponents";
+const DefaultCodeBlock = ({
+  components: { Pre, Code, SyntaxHighlighter, CodeHeader },
+  language,
+  code
+}) => {
+  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);
+  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(CodeHeader, { language, code }),
+    /* @__PURE__ */ jsx(
+      SH,
+      {
+        components,
+        language: language ?? "unknown",
+        code
+      }
+    )
+  ] });
+};
+export {
+  DefaultCodeBlock
+};
+//# sourceMappingURL=CodeBlock.mjs.map

package/dist/overrides/CodeBlock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overrides/CodeBlock.tsx"],"sourcesContent":["import { ComponentType, FC, useMemo } from \"react\";\n\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nexport type CodeBlockProps = {\n  language: string;\n  code: string;\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n  };\n};\n\nexport const DefaultCodeBlock: FC<CodeBlockProps> = ({\n  components: { Pre, Code, SyntaxHighlighter, CodeHeader },\n  language,\n  code,\n}) => {\n  const components = useMemo(() => ({ Pre, Code }), [Pre, Code]);\n\n  const SH = !!language ? SyntaxHighlighter : DefaultCodeBlockContent;\n\n  return (\n    <>\n      <CodeHeader language={language} code={code} />\n      <SH\n        components={components}\n        language={language ?? \"unknown\"}\n        code={code}\n      />\n    </>\n  );\n};\n"],"mappings":"AA+BI,mBACE,KADF;AA/BJ,SAA4B,eAAe;AAQ3C,SAAS,+BAA+B;AAajC,MAAM,mBAAuC,CAAC;AAAA,EACnD,YAAY,EAAE,KAAK,MAAM,mBAAmB,WAAW;AAAA,EACvD;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,QAAQ,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,IAAI,CAAC;AAE7D,QAAM,KAAK,CAAC,CAAC,WAAW,oBAAoB;AAE5C,SACE,iCACE;AAAA,wBAAC,cAAW,UAAoB,MAAY;AAAA,IAC5C;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU,YAAY;AAAA,QACtB;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/overrides/CodeOverride.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, ComponentType, FC } from "react";
+import { CodeComponent, CodeHeaderProps, PreComponent, SyntaxHighlighterProps } from "./types";
+export type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {
+    components: {
+        Pre: PreComponent;
+        Code: CodeComponent;
+        CodeHeader: ComponentType<CodeHeaderProps>;
+        SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;
+        by_language?: Record<string, {
+            CodeHeader?: ComponentType<CodeHeaderProps>;
+            SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;
+        }>;
+    };
+};
+export declare const CodeOverride: FC<CodeOverrideProps>;
+//# sourceMappingURL=CodeOverride.d.ts.map

package/dist/overrides/CodeOverride.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeOverride.d.ts","sourceRoot":"","sources":["../../src/overrides/CodeOverride.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,EAAE,EAAc,MAAM,OAAO,CAAC;AAEhF,OAAO,EACL,aAAa,EACb,eAAe,EACf,YAAY,EACZ,sBAAsB,EACvB,MAAM,SAAS,CAAC;AA4DjB,MAAM,MAAM,iBAAiB,GAAG,wBAAwB,CAAC,aAAa,CAAC,GAAG;IACxE,UAAU,EAAE;QACV,GAAG,EAAE,YAAY,CAAC;QAClB,IAAI,EAAE,aAAa,CAAC;QACpB,UAAU,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAC3C,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;QACzD,WAAW,CAAC,EAAE,MAAM,CAClB,MAAM,EACN;YACE,UAAU,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;YAC5C,iBAAiB,CAAC,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;SAC3D,CACF,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAO9C,CAAC"}

package/dist/overrides/CodeOverride.js

@@ -0,0 +1,85 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var CodeOverride_exports = {};
+__export(CodeOverride_exports, {
+  CodeOverride: () => CodeOverride
+});
+module.exports = __toCommonJS(CodeOverride_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_PreOverride = require("./PreOverride");
+var import_CodeBlock = require("./CodeBlock");
+var import_react_use_callback_ref = require("@radix-ui/react-use-callback-ref");
+var import_withDefaults = require("./withDefaults");
+var import_defaultComponents = require("./defaultComponents");
+const CodeBlockOverride = ({
+  components: {
+    Pre,
+    Code,
+    SyntaxHighlighter: FallbackSyntaxHighlighter,
+    CodeHeader: FallbackCodeHeader,
+    by_language = {}
+  },
+  children,
+  ...codeProps
+}) => {
+  const preProps = (0, import_react.useContext)(import_PreOverride.PreContext);
+  const getPreProps = (0, import_withDefaults.withDefaultProps)(preProps);
+  const WrappedPre = (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Pre, { ...getPreProps(props) }));
+  const getCodeProps = (0, import_withDefaults.withDefaultProps)(codeProps);
+  const WrappedCode = (0, import_react_use_callback_ref.useCallbackRef)((props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Code, { ...getCodeProps(props) }));
+  const language = /language-(\w+)/.exec(codeProps.className || "")?.[1] ?? "";
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_defaultComponents.DefaultCodeBlockContent,
+      {
+        components: { Pre: WrappedPre, Code: WrappedCode },
+        code: children
+      }
+    );
+  }
+  const SyntaxHighlighter = by_language[language]?.SyntaxHighlighter ?? FallbackSyntaxHighlighter;
+  const CodeHeader = by_language[language]?.CodeHeader ?? FallbackCodeHeader;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_CodeBlock.DefaultCodeBlock,
+    {
+      components: {
+        Pre: WrappedPre,
+        Code: WrappedCode,
+        SyntaxHighlighter,
+        CodeHeader
+      },
+      language: language || "unknown",
+      code: children
+    }
+  );
+};
+const CodeOverride = ({
+  components,
+  ...props
+}) => {
+  const preProps = (0, import_react.useContext)(import_PreOverride.PreContext);
+  if (!preProps) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(components.Code, { ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeBlockOverride, { components, ...props });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CodeOverride
+});
+//# sourceMappingURL=CodeOverride.js.map

package/dist/overrides/CodeOverride.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/overrides/CodeOverride.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, ComponentType, FC, useContext } from \"react\";\nimport { PreContext } from \"./PreOverride\";\nimport {\n  CodeComponent,\n  CodeHeaderProps,\n  PreComponent,\n  SyntaxHighlighterProps,\n} from \"./types\";\nimport { DefaultCodeBlock } from \"./CodeBlock\";\nimport { useCallbackRef } from \"@radix-ui/react-use-callback-ref\";\nimport { withDefaultProps } from \"./withDefaults\";\nimport { DefaultCodeBlockContent } from \"./defaultComponents\";\n\nconst CodeBlockOverride: FC<CodeOverrideProps> = ({\n  components: {\n    Pre,\n    Code,\n    SyntaxHighlighter: FallbackSyntaxHighlighter,\n    CodeHeader: FallbackCodeHeader,\n    by_language = {},\n  },\n  children,\n  ...codeProps\n}) => {\n  const preProps = useContext(PreContext)!;\n  const getPreProps = withDefaultProps<any>(preProps);\n  const WrappedPre: PreComponent = useCallbackRef((props) => (\n    <Pre {...getPreProps(props)} />\n  ));\n\n  const getCodeProps = withDefaultProps<any>(codeProps);\n  const WrappedCode: CodeComponent = useCallbackRef((props) => (\n    <Code {...getCodeProps(props)} />\n  ));\n\n  const language = /language-(\\w+)/.exec(codeProps.className || \"\")?.[1] ?? \"\";\n\n  // if the code content is not string (due to rehype plugins), return a default code block\n  if (typeof children !== \"string\") {\n    return (\n      <DefaultCodeBlockContent\n        components={{ Pre: WrappedPre, Code: WrappedCode }}\n        code={children}\n      />\n    );\n  }\n\n  const SyntaxHighlighter: ComponentType<SyntaxHighlighterProps> =\n    by_language[language]?.SyntaxHighlighter ?? FallbackSyntaxHighlighter;\n\n  const CodeHeader: ComponentType<CodeHeaderProps> =\n    by_language[language]?.CodeHeader ?? FallbackCodeHeader;\n\n  return (\n    <DefaultCodeBlock\n      components={{\n        Pre: WrappedPre,\n        Code: WrappedCode,\n        SyntaxHighlighter,\n        CodeHeader,\n      }}\n      language={language || \"unknown\"}\n      code={children}\n    />\n  );\n};\n\nexport type CodeOverrideProps = ComponentPropsWithoutRef<CodeComponent> & {\n  components: {\n    Pre: PreComponent;\n    Code: CodeComponent;\n    CodeHeader: ComponentType<CodeHeaderProps>;\n    SyntaxHighlighter: ComponentType<SyntaxHighlighterProps>;\n    by_language?: Record<\n      string,\n      {\n        CodeHeader?: ComponentType<CodeHeaderProps>;\n        SyntaxHighlighter?: ComponentType<SyntaxHighlighterProps>;\n      }\n    >;\n  };\n};\n\nexport const CodeOverride: FC<CodeOverrideProps> = ({\n  components,\n  ...props\n}) => {\n  const preProps = useContext(PreContext);\n  if (!preProps) return <components.Code {...(props as any)} />;\n  return <CodeBlockOverride components={components} {...props} />;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BI;AA3BJ,mBAAwE;AACxE,yBAA2B;AAO3B,uBAAiC;AACjC,oCAA+B;AAC/B,0BAAiC;AACjC,+BAAwC;AAExC,MAAM,oBAA2C,CAAC;AAAA,EAChD,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,cAAc,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAW,yBAAW,6BAAU;AACtC,QAAM,kBAAc,sCAAsB,QAAQ;AAClD,QAAM,iBAA2B,8CAAe,CAAC,UAC/C,4CAAC,OAAK,GAAG,YAAY,KAAK,GAAG,CAC9B;AAED,QAAM,mBAAe,sCAAsB,SAAS;AACpD,QAAM,kBAA6B,8CAAe,CAAC,UACjD,4CAAC,QAAM,GAAG,aAAa,KAAK,GAAG,CAChC;AAED,QAAM,WAAW,iBAAiB,KAAK,UAAU,aAAa,EAAE,IAAI,CAAC,KAAK;AAG1E,MAAI,OAAO,aAAa,UAAU;AAChC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,YAAY,EAAE,KAAK,YAAY,MAAM,YAAY;AAAA,QACjD,MAAM;AAAA;AAAA,IACR;AAAA,EAEJ;AAEA,QAAM,oBACJ,YAAY,QAAQ,GAAG,qBAAqB;AAE9C,QAAM,aACJ,YAAY,QAAQ,GAAG,cAAc;AAEvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN;AAAA,QACA;AAAA,MACF;AAAA,MACA,UAAU,YAAY;AAAA,MACtB,MAAM;AAAA;AAAA,EACR;AAEJ;AAkBO,MAAM,eAAsC,CAAC;AAAA,EAClD;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAW,yBAAW,6BAAU;AACtC,MAAI,CAAC,SAAU,QAAO,4CAAC,WAAW,MAAX,EAAiB,GAAI,OAAe;AAC3D,SAAO,4CAAC,qBAAkB,YAAyB,GAAG,OAAO;AAC/D;","names":[]}

package/dist/overrides/CodeOverride.mjs

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { PreContext } from "./PreOverride";
+import { DefaultCodeBlock } from "./CodeBlock";
+import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
+import { withDefaultProps } from "./withDefaults";
+import { DefaultCodeBlockContent } from "./defaultComponents";
+const CodeBlockOverride = ({
+  components: {
+    Pre,
+    Code,
+    SyntaxHighlighter: FallbackSyntaxHighlighter,
+    CodeHeader: FallbackCodeHeader,
+    by_language = {}
+  },
+  children,
+  ...codeProps
+}) => {
+  const preProps = useContext(PreContext);
+  const getPreProps = withDefaultProps(preProps);
+  const WrappedPre = useCallbackRef((props) => /* @__PURE__ */ jsx(Pre, { ...getPreProps(props) }));
+  const getCodeProps = withDefaultProps(codeProps);
+  const WrappedCode = useCallbackRef((props) => /* @__PURE__ */ jsx(Code, { ...getCodeProps(props) }));
+  const language = /language-(\w+)/.exec(codeProps.className || "")?.[1] ?? "";
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ jsx(
+      DefaultCodeBlockContent,
+      {
+        components: { Pre: WrappedPre, Code: WrappedCode },
+        code: children
+      }
+    );
+  }
+  const SyntaxHighlighter = by_language[language]?.SyntaxHighlighter ?? FallbackSyntaxHighlighter;
+  const CodeHeader = by_language[language]?.CodeHeader ?? FallbackCodeHeader;
+  return /* @__PURE__ */ jsx(
+    DefaultCodeBlock,
+    {
+      components: {
+        Pre: WrappedPre,
+        Code: WrappedCode,
+        SyntaxHighlighter,
+        CodeHeader
+      },
+      language: language || "unknown",
+      code: children
+    }
+  );
+};
+const CodeOverride = ({
+  components,
+  ...props
+}) => {
+  const preProps = useContext(PreContext);
+  if (!preProps) return /* @__PURE__ */ jsx(components.Code, { ...props });
+  return /* @__PURE__ */ jsx(CodeBlockOverride, { components, ...props });
+};
+export {
+  CodeOverride
+};
+//# sourceMappingURL=CodeOverride.mjs.map