styles-update

dist/Card/Card.d.ts

@@ -17,4 +17,3 @@ export declare const CardFooter: React.FC<{
     children: React.ReactNode;
     className?: string;
 }>;
-export default Card;

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;
+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 });

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';

dist/Card/index.js

@@ -1 +1 @@
-export { default } from './Card';
+export { Card, CardHeader, CardContent, CardFooter } from './Card';

dist/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Button } from './Button';
-export { default as Card } 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';

dist/index.js

@@ -1,6 +1,6 @@
 // src/index.ts
 export { default as Button } from './Button';
-export { default as Card } 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';

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>
-  );
-};
+    `}
+  >
+    {children}
+  </div>
+);
 
 export const CardHeader: React.FC<{ children: React.ReactNode; className?: string }> = ({
-  children, 
-  className = '' 
-}) => (
-  <div className={`p-6 pb-4 ${className}`}>
-    {children}
-  </div>
-);
+  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>
-);
+  children, className = '',
+}) => <div className={`p-6 pt-0 ${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 default Card
+  children, className = '',
+}) => <div className={`p-6 pt-4 border-t border-gray-100 ${className}`}>{children}</div>;

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';

src/components/index.ts

@@ -1,6 +1,6 @@
 // src/index.ts
 export { default as Button } from './Button';
-export { default as Card } 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';