@gyramais/gyra-design 0.2.30 → 0.2.32

package/dist/components/Card/Card.d.ts

@@ -6,6 +6,13 @@ type CardProps = {
     type?: "shadow" | "shadow-inset" | "border";
     title?: string | React.ReactNode;
     subtitle?: string | React.ReactNode;
+    /**
+     * Elemento de mídia (ícone, badge, avatar) exibido à esquerda do bloco
+     * título/subtítulo no header. Padroniza o layout "ícone + título + subtítulo"
+     * sem cada consumer estilizar à mão. O conteúdo (cor/tamanho do badge) é do
+     * consumer; o Card só cuida do posicionamento.
+     */
+    media?: React.ReactNode;
     disabled?: boolean;
     loading?: boolean;
     collapsible?: boolean;
@@ -16,5 +23,5 @@ type CardProps = {
     headerContent?: React.ReactNode;
     children?: React.ReactNode;
 };
-declare const Card: ({ id, type, className, title, subtitle, disabled, loading, collapsible, defaultCollapsed, collapsed, onCollapse, onClick, headerContent, children, }: CardProps) => React.JSX.Element;
+declare const Card: ({ id, type, className, title, subtitle, media, disabled, loading, collapsible, defaultCollapsed, collapsed, onCollapse, onClick, headerContent, children, }: CardProps) => React.JSX.Element;
 export { Card };