@djangocfg/ui-nextjs 1.4.45

package/src/components/dropdown-menu.tsx

@@ -0,0 +1,219 @@
+"use client"
+
+import * as React from "react"
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
+import { cn } from "@djangocfg/ui-core/lib"
+import { CheckIcon, ChevronRightIcon, DotFilledIcon } from "@radix-ui/react-icons"
+import Link from "next/link"
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean
+  }
+>(({ className, inset, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubTrigger
+    ref={ref}
+    className={cn(
+      "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  >
+    {children}
+    <ChevronRightIcon className="ml-auto" />
+  </DropdownMenuPrimitive.SubTrigger>
+))
+DropdownMenuSubTrigger.displayName =
+  DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.SubContent
+    ref={ref}
+    className={cn(
+      "z-600 min-w-32 overflow-hidden rounded-sm border bg-popover backdrop-blur-xl p-1 text-popover-foreground shadow-sm 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",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuSubContent.displayName =
+  DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <DropdownMenuPrimitive.Portal>
+    <DropdownMenuPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-600 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-32 overflow-y-auto overflow-x-hidden rounded-sm border bg-popover backdrop-blur-xl p-1 text-popover-foreground shadow-sm",
+        "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",
+        className
+      )}
+      {...props}
+    />
+  </DropdownMenuPrimitive.Portal>
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean
+    href?: string
+    key?: React.Key
+  }
+>(({ className, inset, href, children, ...props }, ref) => {
+  const classes = cn(
+    "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+    inset && "pl-8",
+    className
+  )
+
+  if (href) {
+    return (
+      <DropdownMenuPrimitive.Item asChild ref={ref} {...props}>
+        <Link href={href} className={classes}>
+          {children}
+        </Link>
+      </DropdownMenuPrimitive.Item>
+    )
+  }
+
+  return (
+    <DropdownMenuPrimitive.Item
+      ref={ref}
+      className={classes}
+      {...props}
+    >
+      {children}
+    </DropdownMenuPrimitive.Item>
+  )
+})
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & { key?: React.Key }
+>(({ className, children, checked, ...props }, ref) => (
+  <DropdownMenuPrimitive.CheckboxItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    checked={checked}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <CheckIcon className="h-4 w-4" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.CheckboxItem>
+))
+DropdownMenuCheckboxItem.displayName =
+  DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & { key?: React.Key }
+>(({ className, children, ...props }, ref) => (
+  <DropdownMenuPrimitive.RadioItem
+    ref={ref}
+    className={cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    )}
+    {...props}
+  >
+    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
+      <DropdownMenuPrimitive.ItemIndicator>
+        <DotFilledIcon className="h-2 w-2 fill-current" />
+      </DropdownMenuPrimitive.ItemIndicator>
+    </span>
+    {children}
+  </DropdownMenuPrimitive.RadioItem>
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean
+  }
+>(({ className, inset, ...props }, ref) => (
+  <DropdownMenuPrimitive.Label
+    ref={ref}
+    className={cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    )}
+    {...props}
+  />
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
+>(({ className, ...props }, ref) => (
+  <DropdownMenuPrimitive.Separator
+    ref={ref}
+    className={cn("-mx-1 my-1 h-px bg-muted", className)}
+    {...props}
+  />
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLSpanElement>) => {
+  return (
+    <span
+      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
+      {...props}
+    />
+  )
+}
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
+
+export {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuRadioGroup,
+}

package/src/components/index.ts

@@ -0,0 +1,86 @@
+// ============================================================================
+// Re-export all components from @djangocfg/ui-core
+// ============================================================================
+export * from '@djangocfg/ui-core/components';
+
+// ============================================================================
+// Next.js specific components (use next/link, next/image, etc.)
+// ============================================================================
+
+// Navigation Components (Next.js)
+export { NavigationMenu, NavigationMenuContent, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from './navigation-menu';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis } from './breadcrumb';
+export { BreadcrumbNavigation } from './breadcrumb-navigation';
+export type { BreadcrumbItem as BreadcrumbNavigationItem, BreadcrumbNavigationProps } from './breadcrumb-navigation';
+export { Menubar, MenubarContent, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarTrigger } from './menubar';
+
+// Interactive Components (Next.js)
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from './dropdown-menu';
+
+// Pagination (Next.js)
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './pagination';
+export { SSRPagination } from './ssr-pagination';
+export { StaticPagination, useDRFPaginationInfo, useDRFPagination } from './pagination-static';
+export type { DRFPaginatedResponse } from './pagination-static';
+
+// Phone Input (uses DropdownMenu)
+export { PhoneInput } from './phone-input';
+
+// Sidebar (Next.js)
+export {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupAction,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarInput,
+  SidebarInset,
+  SidebarMenu,
+  SidebarMenuAction,
+  SidebarMenuBadge,
+  SidebarMenuButton,
+  SidebarMenuItem,
+  SidebarMenuSkeleton,
+  SidebarMenuSub,
+  SidebarMenuSubButton,
+  SidebarMenuSubItem,
+  SidebarProvider,
+  SidebarRail,
+  SidebarSeparator,
+  SidebarTrigger,
+  useSidebar,
+} from './sidebar';
+
+// Download Button (uses localStorage for auth token)
+export { DownloadButton } from './button-download';
+export type { DownloadButtonProps } from './button-download';
+
+// Sonner Toast (Next.js specific)
+export { Toaster as SonnerToaster } from './sonner';
+
+// MultiSelect Pro (advanced component)
+export { MultiSelectPro } from './multi-select-pro';
+export type {
+  MultiSelectProOption,
+  MultiSelectProProps,
+  MultiSelectProGroup,
+  MultiSelectProRef,
+  AnimationConfig,
+  ResponsiveConfig
+} from './multi-select-pro';
+export { MultiSelectProAsync } from './multi-select-pro/async';
+export type {
+  MultiSelectProAsyncOption,
+  MultiSelectProAsyncProps,
+  MultiSelectProAsyncGroup,
+  MultiSelectProAsyncRef,
+} from './multi-select-pro/async';
+export { createOption, createOptions } from './multi-select-pro/helpers';
+export type { OptionBuilderConfig } from './multi-select-pro/helpers';
+
+// Markdown Components
+export { MarkdownMessage } from './markdown';
+export type { MarkdownMessageProps } from './markdown';

package/src/components/markdown/MarkdownMessage.tsx

@@ -0,0 +1,338 @@
+'use client';
+
+import React from 'react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import Mermaid from '../../tools/Mermaid';
+import PrettyCode from '../../tools/PrettyCode';
+import { Button } from '@djangocfg/ui-core/components';
+import { useCopy } from '@djangocfg/ui-core/hooks';
+import { useTheme } from '../../hooks/useTheme';
+import { Copy } from 'lucide-react';
+import type { Components } from 'react-markdown';
+
+// Helper function to extract text content from React children
+const extractTextFromChildren = (children: React.ReactNode): string => {
+  if (typeof children === 'string') {
+    return children;
+  }
+
+  if (typeof children === 'number') {
+    return String(children);
+  }
+
+  if (React.isValidElement(children)) {
+    const props = children.props as { children?: React.ReactNode };
+    return extractTextFromChildren(props.children);
+  }
+
+  if (Array.isArray(children)) {
+    return children.map(extractTextFromChildren).join('');
+  }
+
+  return '';
+};
+
+export interface MarkdownMessageProps {
+  /** Markdown content to render */
+  content: string;
+  /** Additional CSS classes */
+  className?: string;
+  /** Whether the message is from the user (affects styling) */
+  isUser?: boolean;
+}
+
+// Code block component with copy functionality
+interface CodeBlockProps {
+  code: string;
+  language: string;
+  isUser: boolean;
+}
+
+const CodeBlock: React.FC<CodeBlockProps> = ({ code, language, isUser }) => {
+  const { copyToClipboard } = useCopy();
+  const theme = useTheme();
+
+  const handleCopy = () => {
+    copyToClipboard(code, "Code copied to clipboard!");
+  };
+
+  return (
+    <div className="relative group my-3">
+      {/* Copy button */}
+      <Button
+        variant="ghost"
+        size="sm"
+        onClick={handleCopy}
+        className={`
+          absolute top-2 right-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity
+          h-8 w-8 p-0
+          ${isUser
+            ? 'hover:bg-white/20 text-white'
+            : 'hover:bg-muted-foreground/20 text-muted-foreground hover:text-foreground'
+          }
+        `}
+        title="Copy code"
+      >
+        <Copy className="h-4 w-4" />
+      </Button>
+
+      {/* Code content */}
+      <PrettyCode
+        data={code}
+        language={language}
+        className="text-xs"
+        customBg={isUser ? "bg-white/10" : "bg-muted dark:bg-muted"}
+        mode={theme}
+      />
+    </div>
+  );
+};
+
+// Custom components for markdown in chat
+// Base size: text-sm (14px) for consistency
+const createMarkdownComponents = (isUser: boolean = false): Components => ({
+  // Headings - scaled for chat context
+  h1: ({ children }) => (
+    <h1 className="text-base font-bold mb-2 mt-3 first:mt-0">{children}</h1>
+  ),
+  h2: ({ children }) => (
+    <h2 className="text-sm font-bold mb-2 mt-3 first:mt-0">{children}</h2>
+  ),
+  h3: ({ children }) => (
+    <h3 className="text-sm font-semibold mb-1 mt-2 first:mt-0">{children}</h3>
+  ),
+  h4: ({ children }) => (
+    <h4 className="text-sm font-semibold mb-1 mt-2 first:mt-0">{children}</h4>
+  ),
+  h5: ({ children }) => (
+    <h5 className="text-sm font-medium mb-1 mt-2 first:mt-0">{children}</h5>
+  ),
+  h6: ({ children }) => (
+    <h6 className="text-sm font-medium mb-1 mt-2 first:mt-0">{children}</h6>
+  ),
+
+  // Paragraphs - compact spacing for chat
+  p: ({ children }) => (
+    <p className="text-sm mb-2 last:mb-0 leading-relaxed break-words">{children}</p>
+  ),
+
+  // Lists - compact
+  ul: ({ children }) => (
+    <ul className="list-disc list-inside mb-2 space-y-1 text-sm">{children}</ul>
+  ),
+  ol: ({ children }) => (
+    <ol className="list-decimal list-inside mb-2 space-y-1 text-sm">{children}</ol>
+  ),
+  li: ({ children }) => (
+    <li className="break-words">{children}</li>
+  ),
+
+  // Links - appropriate for chat context
+  a: ({ href, children }) => (
+    <a
+      href={href}
+      className="text-sm text-primary underline hover:text-primary/80 transition-colors break-all"
+      target={href?.startsWith('http') ? '_blank' : undefined}
+      rel={href?.startsWith('http') ? 'noopener noreferrer' : undefined}
+    >
+      {children}
+    </a>
+  ),
+
+  // Code blocks - using CodeBlock component with copy functionality
+  pre: ({ children }) => {
+    // Extract code content and language
+    let codeContent = '';
+    let language = 'plaintext';
+
+    if (React.isValidElement(children)) {
+      const child = children;
+
+      if (child.type === 'code' || (typeof child.type === 'function' && child.type.name === 'code')) {
+        const codeProps = child.props as { className?: string; children?: React.ReactNode };
+        const rawClassName = codeProps.className;
+        language = rawClassName?.replace(/language-/, '').trim() || 'plaintext';
+        codeContent = extractTextFromChildren(codeProps.children).trim();
+      } else {
+        codeContent = extractTextFromChildren(children).trim();
+      }
+    } else {
+      codeContent = extractTextFromChildren(children).trim();
+    }
+
+    // If still no content, show placeholder
+    if (!codeContent) {
+      return (
+        <div className="my-3 p-3 bg-muted rounded text-sm text-muted-foreground">
+          No content available
+        </div>
+      );
+    }
+
+    // Handle Mermaid diagrams separately
+    if (language === 'mermaid') {
+      return (
+        <div className="my-3 max-w-full overflow-x-auto">
+          <Mermaid chart={codeContent} className="max-w-[600px] mx-auto" />
+        </div>
+      );
+    }
+
+    // Try to use CodeBlock component, fallback to simple pre if it fails
+    try {
+      return <CodeBlock code={codeContent} language={language} isUser={isUser} />;
+    } catch (error) {
+      // Fallback to simple pre element with copy button
+      console.warn('CodeBlock failed, using fallback:', error);
+      return (
+        <div className="relative group my-3">
+          <Button
+            variant="ghost"
+            size="sm"
+            onClick={() => {
+              navigator.clipboard.writeText(codeContent);
+            }}
+            className={`
+              absolute top-2 right-2 z-10 opacity-0 group-hover:opacity-100 transition-opacity
+              h-8 w-8 p-0
+              ${isUser
+                ? 'hover:bg-white/20 text-white'
+                : 'hover:bg-muted-foreground/20 text-muted-foreground hover:text-foreground'
+              }
+            `}
+            title="Copy code"
+          >
+            <Copy className="h-4 w-4" />
+          </Button>
+          <pre className={`
+            p-3 rounded text-xs font-mono overflow-x-auto
+            ${isUser
+              ? 'bg-white/10 text-white'
+              : 'bg-muted text-foreground'
+            }
+          `}>
+            <code>{codeContent}</code>
+          </pre>
+        </div>
+      );
+    }
+  },
+
+  // Inline code
+  code: ({ children, className }) => {
+    // If it's inside a pre tag, let pre handle it
+    if (className?.includes('language-')) {
+      return <code className={className}>{children}</code>;
+    }
+
+    // Extract text content safely
+    const codeContent = extractTextFromChildren(children);
+
+    // Inline code styling
+    return (
+      <code className="px-1.5 py-0.5 rounded text-xs font-mono bg-muted text-foreground break-all">
+        {codeContent}
+      </code>
+    );
+  },
+
+  // Blockquotes
+  blockquote: ({ children }) => (
+    <blockquote className="text-sm border-l-2 border-border pl-3 my-2 italic text-muted-foreground break-words">
+      {children}
+    </blockquote>
+  ),
+
+  // Tables - compact for chat
+  table: ({ children }) => (
+    <div className="overflow-x-auto my-3">
+      <table className="min-w-full text-sm border-collapse">
+        {children}
+      </table>
+    </div>
+  ),
+  thead: ({ children }) => (
+    <thead className="bg-muted/50">
+      {children}
+    </thead>
+  ),
+  tbody: ({ children }) => (
+    <tbody>{children}</tbody>
+  ),
+  tr: ({ children }) => (
+    <tr className="border-b border-border/50">{children}</tr>
+  ),
+  th: ({ children }) => (
+    <th className="px-2 py-1 text-left font-medium break-words">{children}</th>
+  ),
+  td: ({ children }) => (
+    <td className="px-2 py-1 break-words">{children}</td>
+  ),
+
+  // Horizontal rule
+  hr: () => (
+    <hr className="my-3 border-0 h-px bg-border" />
+  ),
+
+  // Strong and emphasis
+  strong: ({ children }) => (
+    <strong className="font-semibold">{children}</strong>
+  ),
+  em: ({ children }) => (
+    <em className="italic">{children}</em>
+  ),
+});
+
+/**
+ * MarkdownMessage - Renders markdown content with syntax highlighting and GFM support
+ *
+ * Features:
+ * - GitHub Flavored Markdown (GFM) support
+ * - Syntax highlighted code blocks with copy button
+ * - Mermaid diagram rendering
+ * - Tables, lists, blockquotes
+ * - User/assistant styling modes
+ *
+ * @example
+ * ```tsx
+ * <MarkdownMessage content="# Hello\n\nThis is **bold** text." />
+ *
+ * // User message styling
+ * <MarkdownMessage content="Some content" isUser />
+ * ```
+ */
+export const MarkdownMessage: React.FC<MarkdownMessageProps> = ({
+  content,
+  className = "",
+  isUser = false,
+}) => {
+  const components = React.useMemo(() => createMarkdownComponents(isUser), [isUser]);
+
+  return (
+    <div
+      className={`
+        prose prose-sm max-w-none break-words overflow-hidden text-sm
+        ${isUser ? 'prose-invert' : 'dark:prose-invert'}
+        ${className}
+      `}
+      style={{
+        // Inherit colors from parent - fixes issues with external CSS variables
+        '--tw-prose-body': 'inherit',
+        '--tw-prose-headings': 'inherit',
+        '--tw-prose-bold': 'inherit',
+        '--tw-prose-links': 'inherit',
+        color: 'inherit',
+      } as React.CSSProperties}
+    >
+      <ReactMarkdown
+        remarkPlugins={[remarkGfm]}
+        components={components}
+      >
+        {content}
+      </ReactMarkdown>
+    </div>
+  );
+};
+
+export default MarkdownMessage;

package/src/components/markdown/index.ts

@@ -0,0 +1,5 @@
+/**
+ * Markdown Components
+ */
+
+export { MarkdownMessage, type MarkdownMessageProps } from './MarkdownMessage';