chore: Sync package version v1.15.3

components/markdown/AccordionMdx.tsx

@@ -2,29 +2,32 @@
 
 import { ReactNode, useState } from 'react';
 import { ChevronRight } from 'lucide-react';
+import * as Icons from "lucide-react";
 import { cn } from '@/lib/utils';
 
 type AccordionProps = {
     title: string;
     children?: ReactNode;
     defaultOpen?: boolean;
-    className?: string;
+    icon?: keyof typeof Icons;
 };
 
-const Accordion = ({
+const Accordion: React.FC<AccordionProps> = ({
     title,
     children,
     defaultOpen = false,
-    className,
+    icon,
 }: AccordionProps) => {
     const [isOpen, setIsOpen] = useState(defaultOpen);
 
+    const Icon = icon ? (Icons[icon] as React.FC<{ className?: string }>) : null;
+
     return (
-        <div className={cn("border rounded-lg overflow-hidden", className)}>
+        <div className={cn("border rounded-lg overflow-hidden")}>
             <button
                 type="button"
                 onClick={() => setIsOpen(!isOpen)}
-                className="flex items-center my-auto space-x-2 space-y-2 w-full px-4 h-12 transition-colors bg-background dark:hover:bg-muted/50 hover:bg-muted/15"
+                className="flex items-center space-x-2 w-full px-4 h-12 transition-colors bg-background dark:hover:bg-muted/50 hover:bg-muted/15"
             >
                 <ChevronRight
                     className={cn(
@@ -32,7 +35,8 @@ const Accordion = ({
                         isOpen && "rotate-90"
                     )}
                 />
-                <h3 className="font-medium text-base text-foreground pb-2">{title}</h3>
+                {Icon && <Icon className="text-foreground w-4 h-4"/> }
+                <h3 className="font-medium text-base text-foreground m-0">{title}</h3>
             </button>
 
             {isOpen && (