fix: reducir el tamaño de los íconos en varios componentes

modules/companies/src/web/settings/company-details/ui/pages/company-details-settings-page.tsx

@@ -98,7 +98,7 @@ export const CompanyDetailsSettingsPage = () => {
             >
               <RdxPanel
                 description={t("settings.companyDetails.sections.general.description")}
-                icon={<ScrollTextIcon className="size-6" />}
+                icon={<ScrollTextIcon className="size-5" />}
                 title={t("settings.companyDetails.sections.general.title")}
                 variant="plain"
               >
@@ -148,7 +148,7 @@ export const CompanyDetailsSettingsPage = () => {
 
               <RdxPanel
                 description={t("settings.companyDetails.sections.contact.description")}
-                icon={<ContactIcon className="size-6" />}
+                icon={<ContactIcon className="size-5" />}
                 title={t("settings.companyDetails.sections.contact.title")}
                 variant="plain"
               >
@@ -198,7 +198,7 @@ export const CompanyDetailsSettingsPage = () => {
               </RdxPanel>
               <RdxPanel
                 description="Datos fiscales de la empresa"
-                icon={<ContactIcon className="size-6" />}
+                icon={<ContactIcon className="size-5" />}
                 title="Dirección fiscal"
                 variant="plain"
               >
@@ -238,7 +238,7 @@ export const CompanyDetailsSettingsPage = () => {
 
               <RdxPanel
                 description={t("settings.companyDetails.sections.paymentTerm.description")}
-                icon={<LandmarkIcon className="size-6" />}
+                icon={<LandmarkIcon className="size-5" />}
                 title={t("settings.companyDetails.sections.paymentTerm.title")}
                 variant="plain"
               >

modules/customer-invoices/src/web/proformas/create/ui/blocks/proforma-create-initial-info-card.tsx

@@ -44,7 +44,7 @@ export const ProformaCreateInitialInfoCard = ({
 
   return (
     <RdxPanel
-      icon={<FileTextIcon className="size-6" />}
+      icon={<FileTextIcon className="size-5" />}
       title={t("proformas.create.initial_info.title", "Información inicial")}
       variant="card"
     >

modules/customer-invoices/src/web/proformas/update/ui/blocks/proforma-totals-summary.tsx

@@ -52,7 +52,7 @@ export const ProformaTotalsSummary = ({
       className={className}
       description={t("proformas.update.totals.description")}
       disabled={disabled}
-      icon={<CurrencyIcon className="size-6" />}
+      icon={<CurrencyIcon className="size-5" />}
       title={t("proformas.update.totals.title", "Totales")}
     >
       <FormSectionGrid className="gap-5 md:grid-cols-1">

modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-payment-editor.tsx

@@ -28,7 +28,7 @@ export const ProformaUpdatePaymentEditor = ({
     <RdxPanel
       className={className}
       description={t("form_groups.proformas.payment.description", "Forma de pago")}
-      icon={<CreditCardIcon className="size-6" />}
+      icon={<CreditCardIcon className="size-5" />}
       title={t("form_groups.proformas.payment.title", "Condiciones de pago")}
       variant="card"
     >

modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-settings-editor.tsx

@@ -22,7 +22,7 @@ export const ProformaUpdateSettingsEditor = ({
       className={className}
       description={t("form_groups.proformas.settings.description", "Configuración de la proforma")}
       disabled={disabled}
-      icon={<Settings2Icon className="size-6" />}
+      icon={<Settings2Icon className="size-5" />}
       title={t("form_groups.proformas.settings.title", "Configuración")}
     >
       <FormSectionGrid className="md:grid-cols-1">

modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-header-editor.tsx

@@ -31,7 +31,7 @@ export const ProformaUpdateHeaderEditor = ({
   return (
     <RdxPanel
       className={className}
-      icon={<FileTextIcon className="size-6" />}
+      icon={<FileTextIcon className="size-5" />}
       title={t("form_groups.proformas.basic_info.title")}
       variant="card"
     >

modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-items-editor.tsx

@@ -35,7 +35,7 @@ export const ProformaUpdateItemsEditor = ({
           ? "rounded-xl border border-destructive/40 bg-destructive/5 px-4 py-4 md:px-5"
           : ""
       )}
-      icon={<ListIcon className="size-3" />}
+      icon={<ListIcon className="size-5" />}
       title={t("form_groups.items.title", "Líneas de detalle")}
       variant="card"
     >

modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-recipient-editor.tsx

@@ -38,7 +38,7 @@ export const ProformaUpdateRecipientEditor = ({
         "form_groups.proformas.customer.description",
         "Cliente destinatario de la proforma"
       )}
-      icon={<UserIcon className="size-6" />}
+      icon={<UserIcon className="size-5" />}
       title={t("form_groups.proformas.customer.title", "Cliente")}
       variant="card"
     >

modules/customer-invoices/src/web/proformas/update/ui/editors/proforma-update-tax-editor.tsx

@@ -44,7 +44,7 @@ export const ProformaUpdateTaxEditor = ({
         "form_groups.proformas.taxes.description",
         "Configura los valores fiscales por defecto de la proforma. Los impuestos aplicados y los totales se calculan desde las líneas valoradas."
       )}
-      icon={<LandmarkIcon className="size-6" />}
+      icon={<LandmarkIcon className="size-5" />}
       title={t("form_groups.proformas.taxes.title", "Configuración fiscal")}
       variant="card"
     >

modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-configuration-section.tsx

@@ -30,7 +30,7 @@ export const CompanyVerifactuConfigurationSection = ({
   return (
     <RdxPanel
       description={t("settings.verifactu.configuration.description")}
-      icon={<ShieldCheckIcon className="size-6" />}
+      icon={<ShieldCheckIcon className="size-5" />}
       title={t("settings.verifactu.configuration.title")}
       variant="plain"
     >

modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-defaults-section.tsx

@@ -19,7 +19,7 @@ export const CompanyVerifactuDefaultsSection = ({
   return (
     <RdxPanel
       description={t("settings.verifactu.defaults.description")}
-      icon={<LandmarkIcon className="size-6" />}
+      icon={<LandmarkIcon className="size-5" />}
       title={t("settings.verifactu.defaults.title")}
       variant="plain"
     >

modules/customer-invoices/src/web/settings/verifactu/ui/sections/company-verifactu-status-section.tsx

@@ -21,7 +21,7 @@ export const CompanyVerifactuStatusSection = () => {
   return (
     <RdxPanel
       description={t("settings.verifactu.status.description")}
-      icon={<FileCogIcon className="size-6" />}
+      icon={<FileCogIcon className="size-5" />}
       title={t("settings.verifactu.status.title")}
       variant="plain"
     >

modules/suppliers/src/web/shared/ui/supplier-editor-form.tsx

@@ -60,7 +60,7 @@ export const SupplierEditorForm = ({
     <form className="flex min-w-0 flex-col gap-6" id={formId} noValidate onSubmit={onSubmit}>
       <RdxPanel
         description={t("form.sections.identity.description")}
-        icon={<FileTextIcon className="size-6" />}
+        icon={<FileTextIcon className="size-5" />}
         title={t("form.sections.identity.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">
@@ -109,7 +109,7 @@ export const SupplierEditorForm = ({
 
       <RdxPanel
         description={t("form.sections.address.description")}
-        icon={<MapPinIcon className="size-6" />}
+        icon={<MapPinIcon className="size-5" />}
         title={t("form.sections.address.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">
@@ -129,7 +129,7 @@ export const SupplierEditorForm = ({
 
       <RdxPanel
         description={t("form.sections.contact.description")}
-        icon={<PhoneIcon className="size-6" />}
+        icon={<PhoneIcon className="size-5" />}
         title={t("form.sections.contact.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">
@@ -172,7 +172,7 @@ export const SupplierEditorForm = ({
 
       <RdxPanel
         description={t("form.sections.preferences.description")}
-        icon={<LanguagesIcon className="size-6" />}
+        icon={<LanguagesIcon className="size-5" />}
         title={t("form.sections.preferences.title")}
       >
         <RdxFormGrid className="md:grid-cols-2">

packages/rdx-ui/src/components/editor-page/rdx-panel.tsx

@@ -54,7 +54,7 @@ export const RdxPanel = ({
         <div className="flex items-start justify-between gap-4">
           <div className="flex min-w-0 items-start gap-3">
             {icon ? (
-              <div className="flex size-8 shrink-0 items-center justify-center text-primary">
+              <div className="flex size-8 shrink-0 items-center justify-center rounded-lg bg-primary/10 text-primary">
                 {icon}
               </div>
             ) : null}

packages/rdx-ui/src/components/pdf-viewer.tsx

@@ -393,7 +393,7 @@ export function PDFViewer({
       contentClassName="space-y-3 px-2 sm:space-y-4 sm:px-4 md:space-y-5 md:px-6"
       description={description}
       headerClassName="px-2 sm:px-4 md:px-6"
-      icon={<EyeIcon className="size-6" />}
+      icon={<EyeIcon className="size-5" />}
       title={title}
     >
       {viewerContent}