diff --git a/dist/Card/Card.d.ts b/dist/Card/Card.d.ts
index 2a66631..84d8b37 100644
--- a/dist/Card/Card.d.ts
+++ b/dist/Card/Card.d.ts
@@ -17,19 +17,3 @@ export declare const CardFooter: React.FC<{
     children: React.ReactNode;
     className?: string;
 }>;
-declare const _default: {
-    Card: React.FC<CardProps>;
-    CardHeader: React.FC<{
-        children: React.ReactNode;
-        className?: string;
-    }>;
-    CardFooter: React.FC<{
-        children: React.ReactNode;
-        className?: string;
-    }>;
-    CardContent: React.FC<{
-        children: React.ReactNode;
-        className?: string;
-    }>;
-};
-export default _default;
diff --git a/dist/Card/Card.js b/dist/Card/Card.js
index 2b1417d..8532049 100644
--- a/dist/Card/Card.js
+++ b/dist/Card/Card.js
@@ -1,12 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Card = ({ children, className = '', hover = false }) => {
-    return (_jsx("div", { className: `
+export const Card = ({ children, className = '', hover = false }) => (_jsx("div", { className: `
       bg-white rounded-xl border border-gray-200 shadow-sm 
       ${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
       ${className}
     `, children: children }));
-};
-export const CardHeader = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pb-4 ${className}`, children: children }));
-export const CardContent = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-0 ${className}`, children: children }));
-export const CardFooter = ({ children, className = '' }) => (_jsx("div", { className: `p-6 pt-4 border-t border-gray-100 ${className}`, children: children }));
-export default { Card, CardHeader, CardFooter, CardContent };
+export const CardHeader = ({ children, className = '', }) => _jsx("div", { className: `p-6 pb-4 ${className}`, children: children });
+export const CardContent = ({ children, className = '', }) => _jsx("div", { className: `p-6 pt-0 ${className}`, children: children });
+export const CardFooter = ({ children, className = '', }) => _jsx("div", { className: `p-6 pt-4 border-t border-gray-100 ${className}`, children: children });
diff --git a/dist/Card/index.d.ts b/dist/Card/index.d.ts
index 4f84320..6e393b2 100644
--- a/dist/Card/index.d.ts
+++ b/dist/Card/index.d.ts
@@ -1,2 +1,2 @@
-export { default } from './Card';
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
 export type { CardProps } from './Card';
diff --git a/dist/Card/index.js b/dist/Card/index.js
index c68311d..a92b4da 100644
--- a/dist/Card/index.js
+++ b/dist/Card/index.js
@@ -1 +1 @@
-export { default } from './Card';
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
diff --git a/dist/index.d.ts b/dist/index.d.ts
index d1c32f8..d94d533 100644
--- a/dist/index.d.ts
+++ b/dist/index.d.ts
@@ -1,8 +1,5 @@
 export { default as Button } from './Button';
-export { default as Card } from './Card';
-export { default as CardHeader } from './Card';
-export { default as CardFooter } from './Card';
-export { default as CardContent } from './Card';
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
 export { default as Input } from './Input';
 export { default as Message } from './Message';
 export { default as ChatInterface } from './ChatInterface';
diff --git a/dist/index.js b/dist/index.js
index 5f24590..736a444 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1,9 +1,6 @@
 // src/index.ts
 export { default as Button } from './Button';
-export { default as Card } from './Card';
-export { default as CardHeader } from './Card';
-export { default as CardFooter } from './Card';
-export { default as CardContent } from './Card';
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
 export { default as Input } from './Input';
 export { default as Message } from './Message';
 export { default as ChatInterface } from './ChatInterface';
diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index 1fcc8a2..f6e9603 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -10,43 +10,26 @@ export const Card: React.FC<CardProps> = ({
   children, 
   className = '',
   hover = false 
-}) => {
-  return (
-    <div className={`
+}) => (
+  <div
+    className={`
       bg-white rounded-xl border border-gray-200 shadow-sm 
       ${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
       ${className}
-    `}>
-      {children}
-    </div>
-  );
-};
-
-export const CardHeader: React.FC<{ children: React.ReactNode; className?: string }> = ({ 
-  children, 
-  className = '' 
-}) => (
-  <div className={`p-6 pb-4 ${className}`}>
+    `}
+  >
     {children}
   </div>
 );
 
-export const CardContent: React.FC<{ children: React.ReactNode; className?: string }> = ({ 
-  children, 
-  className = '' 
-}) => (
-  <div className={`p-6 pt-0 ${className}`}>
-    {children}
-  </div>
-);
+export const CardHeader: React.FC<{ children: React.ReactNode; className?: string }> = ({
+  children, className = '',
+}) => <div className={`p-6 pb-4 ${className}`}>{children}</div>;
 
-export const CardFooter: React.FC<{ children: React.ReactNode; className?: string }> = ({ 
-  children, 
-  className = '' 
-}) => (
-  <div className={`p-6 pt-4 border-t border-gray-100 ${className}`}>
-    {children}
-  </div>
-);
+export const CardContent: React.FC<{ children: React.ReactNode; className?: string }> = ({
+  children, className = '',
+}) => <div className={`p-6 pt-0 ${className}`}>{children}</div>;
 
-export default {Card,CardHeader,CardFooter,CardContent}
\ No newline at end of file
+export const CardFooter: React.FC<{ children: React.ReactNode; className?: string }> = ({
+  children, className = '',
+}) => <div className={`p-6 pt-4 border-t border-gray-100 ${className}`}>{children}</div>;
diff --git a/src/components/Card/index.ts b/src/components/Card/index.ts
index 7e89185..92a516d 100644
--- a/src/components/Card/index.ts
+++ b/src/components/Card/index.ts
@@ -1,2 +1,2 @@
-export { default } from './Card';
+export { Card,CardHeader,CardContent,CardFooter} from './Card';
 export type { CardProps } from './Card';
\ No newline at end of file
diff --git a/src/components/index.ts b/src/components/index.ts
index 0056f04..d48a65a 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -1,9 +1,6 @@
 // src/index.ts
 export { default as Button } from './Button';
-export { default as Card } from './Card';
-export { default as CardHeader } from './Card';
-export { default as CardFooter } from './Card';
-export { default as CardContent } from './Card';
+export { Card, CardHeader, CardContent, CardFooter } from './Card';
 export { default as Input } from './Input';
 export { default as Message } from './Message';
 export { default as ChatInterface } from './ChatInterface';