@btst/stack 1.3.1 → 1.4.0

package/dist/packages/better-stack/src/plugins/blog/client/components/shared/page-wrapper.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { usePluginOverrides } from '@btst/stack/context';
-import { BetterBlogAttribution } from './better-blog-attribution.mjs';
+import { BetterStackAttribution } from '../../../../../../../ui/src/components/better-stack-attribution.mjs';
 import { PageLayout } from './page-layout.mjs';
 
 function PageWrapper({
@@ -14,7 +14,7 @@ function PageWrapper({
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(PageLayout, { className, "data-testid": testId, children }),
-    showAttribution && /* @__PURE__ */ jsx(BetterBlogAttribution, {})
+    showAttribution && /* @__PURE__ */ jsx(BetterStackAttribution, {})
   ] });
 }
 

package/dist/packages/ui/src/components/alert-dialog.cjs

@@ -2,7 +2,7 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const index = require('../../../../node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_ec789942cd38340bd7362c09e7d34384/node_modules/@radix-ui/react-alert-dialog/dist/index.cjs');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_4f58c757aa677e233cf96d60fda2f1da/node_modules/@radix-ui/react-alert-dialog/dist/index.cjs');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
 

package/dist/packages/ui/src/components/alert-dialog.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { Root as Root2, Trigger as Trigger2, Content as Content2, Title as Title2, Description as Description2, Cancel, Action, Portal as Portal2, Overlay as Overlay2 } from '../../../../node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.2_@types_react@19.2.2__@types_ec789942cd38340bd7362c09e7d34384/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs';
+import { Root as Root2, Content as Content2, Title as Title2, Description as Description2, Cancel, Action, Portal as Portal2, Overlay as Overlay2, Trigger as Trigger2 } from '../../../../node_modules/.pnpm/@radix-ui_react-alert-dialog@1.1.15_@types_react-dom@19.2.3_@types_react@19.2.6__@types_4f58c757aa677e233cf96d60fda2f1da/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs';
 import { cn } from '../lib/utils.mjs';
 import { buttonVariants } from './button.mjs';
 

package/dist/packages/{better-stack/src/plugins/blog/client/components/shared/better-blog-attribution.cjs → ui/src/components/better-stack-attribution.cjs}

@@ -2,7 +2,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 
-function BetterBlogAttribution() {
+function BetterStackAttribution() {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center justify-center gap-1 py-2 text-gray-500 text-sm", children: [
     "Powered by",
     " ",
@@ -12,7 +12,7 @@ function BetterBlogAttribution() {
         className: "flex items-center gap-1 font-semibold underline",
         href: "https://www.better-stack.ai",
         target: "_blank",
-        rel: "noreferrer noopener",
+        rel: "noopener",
         "aria-label": "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         title: "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "cursor-pointer", children: "Better-Stack" })
@@ -21,4 +21,4 @@ function BetterBlogAttribution() {
   ] }) });
 }
 
-exports.BetterBlogAttribution = BetterBlogAttribution;
+exports.BetterStackAttribution = BetterStackAttribution;

package/dist/packages/{better-stack/src/plugins/blog/client/components/shared/better-blog-attribution.mjs → ui/src/components/better-stack-attribution.mjs}

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-function BetterBlogAttribution() {
+function BetterStackAttribution() {
   return /* @__PURE__ */ jsx("div", { className: "w-full text-center", children: /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-1 py-2 text-gray-500 text-sm", children: [
     "Powered by",
     " ",
@@ -10,7 +10,7 @@ function BetterBlogAttribution() {
         className: "flex items-center gap-1 font-semibold underline",
         href: "https://www.better-stack.ai",
         target: "_blank",
-        rel: "noreferrer noopener",
+        rel: "noopener",
         "aria-label": "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         title: "Better Stack \u2014 Composable full-stack plugin system for React frameworks",
         children: /* @__PURE__ */ jsx("span", { className: "cursor-pointer", children: "Better-Stack" })
@@ -19,4 +19,4 @@ function BetterBlogAttribution() {
   ] }) });
 }
 
-export { BetterBlogAttribution };
+export { BetterStackAttribution };

package/dist/packages/ui/src/components/dialog.cjs

@@ -91,6 +91,19 @@ function DialogHeader({ className, ...props }) {
     }
   );
 }
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: utils.cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function DialogTitle({
   className,
   ...props
@@ -121,6 +134,7 @@ function DialogDescription({
 exports.Dialog = Dialog;
 exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
 exports.DialogHeader = DialogHeader;
 exports.DialogOverlay = DialogOverlay;
 exports.DialogPortal = DialogPortal;

package/dist/packages/ui/src/components/dialog.mjs

@@ -75,6 +75,19 @@ function DialogHeader({ className, ...props }) {
     }
   );
 }
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
+}
 function DialogTitle({
   className,
   ...props
@@ -102,4 +115,4 @@ function DialogDescription({
   );
 }
 
-export { Dialog, DialogContent, DialogDescription, DialogHeader, DialogOverlay, DialogPortal, DialogTitle };
+export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle };

package/dist/packages/ui/src/components/dropdown-menu.cjs

@@ -0,0 +1,67 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../../../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.16_@types_react-dom@19.2.3_@types_react@19.2.6__@type_a50051c7210b6fbd5be09388bda08578/node_modules/@radix-ui/react-dropdown-menu/dist/index.cjs');
+require('lucide-react');
+const utils = require('../lib/utils.cjs');
+
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    index.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: utils.cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: utils.cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;

package/dist/packages/ui/src/components/dropdown-menu.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Root as Root2, Trigger, Portal as Portal2, Content as Content2, Item as Item2 } from '../../../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.16_@types_react-dom@19.2.3_@types_react@19.2.6__@type_a50051c7210b6fbd5be09388bda08578/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs';
+import 'lucide-react';
+import { cn } from '../lib/utils.mjs';
+
+function DropdownMenu({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Root2, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Trigger,
+    {
+      "data-slot": "dropdown-menu-trigger",
+      ...props
+    }
+  );
+}
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Portal2, { children: /* @__PURE__ */ jsx(
+    Content2,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      className: cn(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Item2,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger };

package/dist/packages/ui/src/components/markdown-content.cjs

@@ -0,0 +1,306 @@
+"use client";
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils = require('../lib/utils.cjs');
+const React = require('react');
+const ReactMarkdown = require('react-markdown');
+const rehypeHighlight = require('rehype-highlight');
+const rehypeRaw = require('rehype-raw');
+const remarkGfm = require('remark-gfm');
+const lucideReact = require('lucide-react');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
+
+const ReactMarkdown__default = /*#__PURE__*/_interopDefaultCompat(ReactMarkdown);
+const rehypeHighlight__default = /*#__PURE__*/_interopDefaultCompat(rehypeHighlight);
+const rehypeRaw__default = /*#__PURE__*/_interopDefaultCompat(rehypeRaw);
+const remarkGfm__default = /*#__PURE__*/_interopDefaultCompat(remarkGfm);
+
+const DefaultLink = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("a", { ...props });
+};
+const DefaultImage = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("img", { ...props });
+};
+function containsMath(markdown) {
+  return /\$\$[\s\S]+?\$\$/.test(markdown) || // Display math
+  /(?<!\$)\$(?!\$)[^\$\n]+?\$(?!\$)/.test(markdown) || // Inline math (not $$)
+  /\\begin\{(equation|align|gather|math)\}/.test(markdown);
+}
+function slugify(text) {
+  return text.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, "");
+}
+function getNodeText(node) {
+  if (node == null) return "";
+  if (typeof node === "string" || typeof node === "number") return String(node);
+  if (Array.isArray(node)) return node.map(getNodeText).join("");
+  if (React.isValidElement(node)) {
+    const props = node.props;
+    return getNodeText(props.children);
+  }
+  return "";
+}
+function simpleHash(str) {
+  let hash = 0;
+  for (let i = 0; i < str.length; i++) {
+    const char = str.charCodeAt(i);
+    hash = (hash << 5) - hash + char;
+    hash = hash & hash;
+  }
+  return Math.abs(hash).toString(36).slice(0, 6);
+}
+function isCheckboxElement(node) {
+  return React.isValidElement(node) && node.type === "input" && node.props.type === "checkbox";
+}
+function createTaskListItemRenderer() {
+  return function LiRenderer(props) {
+    const { className, children, ...rest } = props;
+    const isTaskItem = (className ?? "").split(" ").includes("task-list-item");
+    if (!isTaskItem) {
+      return /* @__PURE__ */ jsxRuntime.jsx("li", { className, ...rest, children });
+    }
+    const childArray = Array.isArray(children) ? children : [children];
+    const checkboxNode = childArray.find(isCheckboxElement);
+    const nonCheckboxChildren = childArray.filter((c) => !isCheckboxElement(c));
+    const labelText = getNodeText(nonCheckboxChildren);
+    const baseId = slugify(labelText || "task-item");
+    const hashSuffix = simpleHash(labelText || "task-item");
+    const uniqueId = `${baseId}-${hashSuffix}`;
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className, ...rest, children: [
+      checkboxNode ? React.createElement(checkboxNode.type, {
+        ...checkboxNode.props,
+        id: uniqueId,
+        "aria-label": labelText || "Task item"
+      }) : null,
+      /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: uniqueId, children: nonCheckboxChildren })
+    ] });
+  };
+}
+function createHeadingRenderer(tag) {
+  return function HeadingRenderer(props) {
+    const { children, ...rest } = props;
+    const text = getNodeText(children);
+    const id = slugify(text);
+    return React.createElement(
+      tag,
+      { id, ...rest },
+      children,
+      text ? /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          className: "heading-anchor",
+          href: `#${id}`,
+          "aria-label": "Link to heading",
+          children: "#"
+        }
+      ) : null
+    );
+  };
+}
+function CodeRenderer({ inline, className, children, ...rest }) {
+  const hasLanguage = /language-([a-z0-9-]+)/i.test(className ?? "");
+  const isInline = inline ?? !hasLanguage;
+  if (isInline) {
+    return /* @__PURE__ */ jsxRuntime.jsx("code", { className, ...rest, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("code", { className, ...rest, children });
+}
+function PreRenderer(props) {
+  const { children, ...rest } = props;
+  const child = Array.isArray(children) ? children[0] : children;
+  let language;
+  if (React.isValidElement(child)) {
+    const className = child.props.className;
+    const match = /language-([a-z0-9-]+)/i.exec(className ?? "");
+    language = match?.[1];
+  }
+  const label = (language ?? "text").toUpperCase();
+  const preRef = React.useRef(null);
+  const [copied, setCopied] = React.useState(false);
+  const resetTimerRef = React.useRef(null);
+  let codeText = "";
+  if (React.isValidElement(child)) {
+    const childProps = child.props;
+    codeText = getNodeText(childProps.children);
+  }
+  const normalized = codeText.endsWith("\n") ? codeText.slice(0, -1) : codeText;
+  const lineCount = Math.max(1, normalized.split("\n").length);
+  const digitCount = String(lineCount).length;
+  const onCopy = async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    try {
+      const text = preRef.current?.textContent ?? "";
+      if (text && typeof navigator !== "undefined" && navigator.clipboard?.writeText) {
+        await navigator.clipboard.writeText(text);
+        setCopied(true);
+        if (resetTimerRef.current) window.clearTimeout(resetTimerRef.current);
+        resetTimerRef.current = window.setTimeout(() => {
+          setCopied(false);
+          resetTimerRef.current = null;
+        }, 2e3);
+      }
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "markdown-code-block",
+      style: {
+        ["--code-gutter-width"]: `${digitCount + 1}ch`
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "code-toolbar", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "language-label", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: "copy-button",
+              onClick: onCopy,
+              "aria-label": copied ? "Copied" : "Copy code",
+              children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CopyIcon, { size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "code-content", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "line-numbers", "aria-hidden": true, children: Array.from({ length: lineCount }).map((_, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: idx + 1 }, idx + 1)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("pre", { ref: preRef, ...rest, children })
+        ] })
+      ]
+    }
+  );
+}
+function MarkdownContent({
+  markdown,
+  className,
+  variant = "default",
+  LinkComponent = DefaultLink,
+  ImageComponent = DefaultImage
+}) {
+  const [mathPlugins, setMathPlugins] = React.useState(null);
+  const [isLoadingMath, setIsLoadingMath] = React.useState(false);
+  const hasMath = React.useMemo(() => containsMath(markdown), [markdown]);
+  React.useEffect(() => {
+    if (!hasMath || mathPlugins || isLoadingMath) return;
+    setIsLoadingMath(true);
+    const katexCSSId = "katex-css";
+    if (typeof document !== "undefined" && !document.getElementById(katexCSSId)) {
+      const link = document.createElement("link");
+      link.id = katexCSSId;
+      link.rel = "stylesheet";
+      link.href = "https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css";
+      link.integrity = "sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+";
+      link.crossOrigin = "anonymous";
+      document.head.appendChild(link);
+      const fontDisplayStyleId = "katex-font-display-override";
+      if (!document.getElementById(fontDisplayStyleId)) {
+        const style = document.createElement("style");
+        style.id = fontDisplayStyleId;
+        style.textContent = `
+					@font-face {
+						font-family: 'KaTeX_Main';
+						font-style: normal;
+						font-weight: normal;
+						font-display: swap;
+						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Main-Regular.woff2') format('woff2');
+					}
+					@font-face {
+						font-family: 'KaTeX_Math';
+						font-style: italic;
+						font-weight: normal;
+						font-display: swap;
+						src: url('https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/fonts/KaTeX_Math-Italic.woff2') format('woff2');
+					}
+				`;
+        document.head.appendChild(style);
+      }
+    }
+    Promise.all([import('remark-math'), import('rehype-katex')]).then(([remarkMathModule, rehypeKatexModule]) => {
+      setMathPlugins({
+        remarkMath: remarkMathModule.default,
+        rehypeKatex: rehypeKatexModule.default
+      });
+    }).catch((error) => {
+      console.error("Failed to load math plugins:", error);
+    }).finally(() => {
+      setIsLoadingMath(false);
+    });
+  }, [hasMath, mathPlugins, isLoadingMath]);
+  const AnchorRenderer = React.useMemo(() => {
+    return function AnchorRendererComponent(props) {
+      const { href = "", children, className: anchorClassName, ...rest } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href, className: anchorClassName, ...rest, children });
+    };
+  }, [LinkComponent]);
+  const ImgRenderer = React.useMemo(() => {
+    return function ImgRendererComponent(props) {
+      const {
+        src = "",
+        alt = "",
+        className: imgClassName,
+        width,
+        height,
+        style,
+        ...rest
+      } = props;
+      const imageProps = {
+        src,
+        alt,
+        className: imgClassName,
+        style,
+        ...rest
+      };
+      if (width != null && height != null) {
+        imageProps.width = width;
+        imageProps.height = height;
+      } else {
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "markdown-image-wrapper", children: /* @__PURE__ */ jsxRuntime.jsx(ImageComponent, { ...imageProps }) });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(ImageComponent, { ...imageProps });
+    };
+  }, [ImageComponent]);
+  const components = React.useMemo(() => {
+    return {
+      a: AnchorRenderer,
+      img: ImgRenderer,
+      code: CodeRenderer,
+      pre: PreRenderer,
+      h1: createHeadingRenderer("h1"),
+      h2: createHeadingRenderer("h2"),
+      h3: createHeadingRenderer("h3"),
+      h4: createHeadingRenderer("h4"),
+      h5: createHeadingRenderer("h5"),
+      h6: createHeadingRenderer("h6"),
+      li: createTaskListItemRenderer()
+    };
+  }, [AnchorRenderer, ImgRenderer]);
+  const remarkPlugins = React.useMemo(() => {
+    const plugins = [remarkGfm__default];
+    if (hasMath && mathPlugins?.remarkMath) {
+      plugins.push(mathPlugins.remarkMath);
+    }
+    return plugins;
+  }, [hasMath, mathPlugins]);
+  const rehypePlugins = React.useMemo(() => {
+    const plugins = [rehypeRaw__default, rehypeHighlight__default];
+    if (hasMath && mathPlugins?.rehypeKatex) {
+      plugins.push(mathPlugins.rehypeKatex);
+    }
+    return plugins;
+  }, [hasMath, mathPlugins]);
+  const variantClass = variant === "chat" ? "markdown-content-chat" : "";
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cn("markdown-content", variantClass, className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "markdown-inner", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "markdown-body", children: /* @__PURE__ */ jsxRuntime.jsx(
+    ReactMarkdown__default,
+    {
+      remarkPlugins,
+      rehypePlugins,
+      components,
+      children: markdown
+    }
+  ) }) }) });
+}
+
+exports.MarkdownContent = MarkdownContent;