styles-update

This commit is contained in:
Rogelio
2025-10-23 20:09:37 +00:00
parent 92a368a4c5
commit 97ca710495
9 changed files with 24 additions and 69 deletions

16
dist/Card/Card.d.ts vendored
View File

@@ -17,19 +17,3 @@ export declare const CardFooter: React.FC<{
children: React.ReactNode; children: React.ReactNode;
className?: string; 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;

11
dist/Card/Card.js vendored
View File

@@ -1,12 +1,9 @@
import { jsx as _jsx } from "react/jsx-runtime"; import { jsx as _jsx } from "react/jsx-runtime";
export const Card = ({ children, className = '', hover = false }) => { export const Card = ({ children, className = '', hover = false }) => (_jsx("div", { className: `
return (_jsx("div", { className: `
bg-white rounded-xl border border-gray-200 shadow-sm bg-white rounded-xl border border-gray-200 shadow-sm
${hover ? 'hover:shadow-md transition-shadow duration-200' : ''} ${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
${className} ${className}
`, children: children })); `, children: children }));
}; export const CardHeader = ({ children, className = '', }) => _jsx("div", { className: `p-6 pb-4 ${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 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 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 };

View File

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

2
dist/Card/index.js vendored
View File

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

5
dist/index.d.ts vendored
View File

@@ -1,8 +1,5 @@
export { default as Button } from './Button'; export { default as Button } from './Button';
export { default as Card } from './Card'; export { Card, CardHeader, CardContent, CardFooter } from './Card';
export { default as CardHeader } from './Card';
export { default as CardFooter } from './Card';
export { default as CardContent } from './Card';
export { default as Input } from './Input'; export { default as Input } from './Input';
export { default as Message } from './Message'; export { default as Message } from './Message';
export { default as ChatInterface } from './ChatInterface'; export { default as ChatInterface } from './ChatInterface';

5
dist/index.js vendored
View File

@@ -1,9 +1,6 @@
// src/index.ts // src/index.ts
export { default as Button } from './Button'; export { default as Button } from './Button';
export { default as Card } from './Card'; export { Card, CardHeader, CardContent, CardFooter } from './Card';
export { default as CardHeader } from './Card';
export { default as CardFooter } from './Card';
export { default as CardContent } from './Card';
export { default as Input } from './Input'; export { default as Input } from './Input';
export { default as Message } from './Message'; export { default as Message } from './Message';
export { default as ChatInterface } from './ChatInterface'; export { default as ChatInterface } from './ChatInterface';

View File

@@ -10,43 +10,26 @@ export const Card: React.FC<CardProps> = ({
children, children,
className = '', className = '',
hover = false hover = false
}) => { }) => (
return ( <div
<div className={` className={`
bg-white rounded-xl border border-gray-200 shadow-sm bg-white rounded-xl border border-gray-200 shadow-sm
${hover ? 'hover:shadow-md transition-shadow duration-200' : ''} ${hover ? 'hover:shadow-md transition-shadow duration-200' : ''}
${className} ${className}
`}> `}
>
{children} {children}
</div> </div>
); );
};
export const CardHeader: React.FC<{ children: React.ReactNode; className?: string }> = ({ export const CardHeader: React.FC<{ children: React.ReactNode; className?: string }> = ({
children, children, className = '',
className = '' }) => <div className={`p-6 pb-4 ${className}`}>{children}</div>;
}) => (
<div className={`p-6 pb-4 ${className}`}>
{children}
</div>
);
export const CardContent: React.FC<{ children: React.ReactNode; className?: string }> = ({ export const CardContent: React.FC<{ children: React.ReactNode; className?: string }> = ({
children, children, className = '',
className = '' }) => <div className={`p-6 pt-0 ${className}`}>{children}</div>;
}) => (
<div className={`p-6 pt-0 ${className}`}>
{children}
</div>
);
export const CardFooter: React.FC<{ children: React.ReactNode; className?: string }> = ({ export const CardFooter: React.FC<{ children: React.ReactNode; className?: string }> = ({
children, children, className = '',
className = '' }) => <div className={`p-6 pt-4 border-t border-gray-100 ${className}`}>{children}</div>;
}) => (
<div className={`p-6 pt-4 border-t border-gray-100 ${className}`}>
{children}
</div>
);
export default {Card,CardHeader,CardFooter,CardContent}

View File

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

View File

@@ -1,9 +1,6 @@
// src/index.ts // src/index.ts
export { default as Button } from './Button'; export { default as Button } from './Button';
export { default as Card } from './Card'; export { Card, CardHeader, CardContent, CardFooter } from './Card';
export { default as CardHeader } from './Card';
export { default as CardFooter } from './Card';
export { default as CardContent } from './Card';
export { default as Input } from './Input'; export { default as Input } from './Input';
export { default as Message } from './Message'; export { default as Message } from './Message';
export { default as ChatInterface } from './ChatInterface'; export { default as ChatInterface } from './ChatInterface';