@producteca/producteca-ui-kit 1.76.5 → 1.77.1

package/dist/components/card/card.d.ts

@@ -2,12 +2,13 @@ import { default as React } from 'react';
 
 export interface CardProps {
     icon?: React.ReactNode;
-    title?: string;
+    title?: React.ReactNode;
     isActive?: boolean;
-    description?: string;
+    description?: React.ReactNode;
     disabled?: boolean;
     onClick?: () => void;
     sx?: React.CSSProperties;
+    children?: React.ReactNode;
 }
 export declare const Card: React.FC<CardProps>;
 export default Card;

package/dist/components/patterns/pickChannelModal/pickChannelModal.examples.d.ts

@@ -1,4 +1,5 @@
 import { PickChannelModalProps, PickChannelModalChannel } from './pickChannelModal.types';
 
 export declare const sampleChannels: PickChannelModalChannel[];
+export declare const manyChannels: PickChannelModalChannel[];
 export declare const renderInteractive: (args: PickChannelModalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/locales/description.d.ts

@@ -44,6 +44,8 @@ export declare const pickChannelModalDefault = "\nEstado por defecto con `showGe
 export declare const pickChannelModalWithoutGeneralEdition = "\nVariante sin la secci\u00F3n de edici\u00F3n general \u2014 solo se renderizan las cards recibidas por `channels`. \u00DAtil cuando el flujo no necesita editar atributos gen\u00E9ricos a nivel Producteca.\n";
 export declare const pickChannelModalCustomTexts = "\nDemuestra c\u00F3mo overridear todos los textos visibles (`title`, `generalEditionTitle`, `generalEditionDescription`, `channelEditionTitle`, `channelEditionDescription`) cuando los defaults no encajan con el contexto del producto.\n";
 export declare const pickChannelModalWithFullTitle = "\nHeader con todas las `ModalTitleProps` configuradas: `title`, `subtitle`, `icon` (icono al lado del t\u00EDtulo) y `helpArticleUrl` + `helpTooltip` (que renderizan el \u00EDcono de ayuda con tooltip a la derecha). \u00DAtil cuando el modal necesita contextualizar la acci\u00F3n o linkear a documentaci\u00F3n.\n";
+export declare const pickChannelModalScrollableContent = "\nMuestra el modal con una gran cantidad de canales para verificar que el contenido scrollea internamente cuando supera la altura m\u00E1xima del modal (`85vh`). El header se mantiene fijo y solo la grilla de cards se desplaza.\n";
+export declare const pickChannelModalWithoutText = "\nSin `channelEditionTitle` ni `channelEditionDescription` (ni los textos de edici\u00F3n general): los `<h3>` y `<p>` no se renderizan y la grilla de cards queda sin margen superior. Verifica el render condicional de los textos opcionales y el margen condicional del grid.\n";
 export declare const emptyStateExample = "\n## Uso del componente\n\nEl componente `EmptyState` muestra un estado vac\u00EDo con mensaje, \u00EDcono opcional y acci\u00F3n (por ejemplo \"Agregar\").\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<EmptyState\n  message=\"No hay resultados\"\n  actionLabel=\"Agregar\"\n  onAction={() => openCreate()}\n/>\n```\n";
 export declare const asyncContentExample = "\n## Uso del componente\n\nEl componente `AsyncContent` maneja los estados de una operaci\u00F3n as\u00EDncrona deriv\u00E1ndolos de las props `isLoading`, `error` y `empty`. La prioridad es: `isLoading` \u2192 `error.value` \u2192 `empty.items` vac\u00EDo \u2192 `success`. Muestra el contenido solo en `success`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<AsyncContent\n  isLoading={isLoading}\n  error={{\n    value: hasError,\n    text: 'Ocurri\u00F3 un error',\n    actionText: 'Reintentar',\n    onClick: () => refetch(),\n  }}\n  empty={{\n    items,\n    text: 'No hay datos',\n  }}\n>\n  <div>Contenido cuando hay datos disponibles</div>\n</AsyncContent>\n```\n";
 export declare const tooltipExample = "\n## Uso del componente\n\nLos componentes de tooltip (`WithTooltip`, `WithOverflowTooltip`) muestran un mensaje al hacer hover o click. `WithOverflowTooltip` solo muestra el tooltip cuando el contenido se desborda.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<WithTooltip content=\"Texto del tooltip\" placement=\"top\">\n  <span>Hover sobre m\u00ED</span>\n</WithTooltip>\n```\n\n### Solo si hay overflow:\n\n```tsx\n<WithOverflowTooltip maxWidth=\"200px\">\n  <span>Texto que puede truncarse...</span>\n</WithOverflowTooltip>\n```\n";

package/dist/locales/es.d.ts

@@ -215,6 +215,8 @@ declare const _default: {
             withoutGeneralEdition: string;
             customTexts: string;
             withFullTitle: string;
+            scrollableContent: string;
+            withoutText: string;
         };
         copyButton: {
             example: string;
@@ -400,6 +402,7 @@ declare const _default: {
         generalEditionDescription: string;
         channelEditionTitle: string;
         channelEditionDescription: string;
+        channelName: string;
         openModal: string;
         fullTitle: {
             title: string;

package/dist/producteca-ui-kit.es.js

@@ -19741,6 +19741,12 @@ Demuestra cómo overridear todos los textos visibles (\`title\`, \`generalEditio
 const pickChannelModalWithFullTitle = `
 Header con todas las \`ModalTitleProps\` configuradas: \`title\`, \`subtitle\`, \`icon\` (icono al lado del título) y \`helpArticleUrl\` + \`helpTooltip\` (que renderizan el ícono de ayuda con tooltip a la derecha). Útil cuando el modal necesita contextualizar la acción o linkear a documentación.
 `;
+const pickChannelModalScrollableContent = `
+Muestra el modal con una gran cantidad de canales para verificar que el contenido scrollea internamente cuando supera la altura máxima del modal (\`85vh\`). El header se mantiene fijo y solo la grilla de cards se desplaza.
+`;
+const pickChannelModalWithoutText = `
+Sin \`channelEditionTitle\` ni \`channelEditionDescription\` (ni los textos de edición general): los \`<h3>\` y \`<p>\` no se renderizan y la grilla de cards queda sin margen superior. Verifica el render condicional de los textos opcionales y el margen condicional del grid.
+`;
 const emptyStateExample = `
 ## Uso del componente
 
@@ -20154,7 +20160,9 @@ const es$3 = {
       default: pickChannelModalDefault,
       withoutGeneralEdition: pickChannelModalWithoutGeneralEdition,
       customTexts: pickChannelModalCustomTexts,
-      withFullTitle: pickChannelModalWithFullTitle
+      withFullTitle: pickChannelModalWithFullTitle,
+      scrollableContent: pickChannelModalScrollableContent,
+      withoutText: pickChannelModalWithoutText
     },
     copyButton: {
       example: copyButtonExample
@@ -20340,6 +20348,7 @@ const es$3 = {
     generalEditionDescription: "Edita los atributos libres que podrán ser aplicados a todos tus canales de venta",
     channelEditionTitle: "Edición por canal",
     channelEditionDescription: "Edita los atributos específicos y obligatorios según la categoría del canal",
+    channelName: "Cuenta {{number}}",
     openModal: "Abrir selector de canales",
     fullTitle: {
       title: "Editar atributos del producto",
@@ -67625,6 +67634,7 @@ const CardBase = ({
   icon: icon2,
   title: title2,
   onClick,
+  children,
   description: description2,
   isActive = false,
   disabled: disabled2 = false
@@ -67639,16 +67649,10 @@ const CardBase = ({
         !!icon2 && icon2,
         !!title2 && /* @__PURE__ */ jsx$1("div", { className: styles$c.title, children: title2 })
       ] }),
-      !!description2 && /* @__PURE__ */ jsx$1(
-        "span",
-        {
-          className: styles$c.description,
-          dangerouslySetInnerHTML: { __html: description2 }
-        }
-      )
+      !!description2 && /* @__PURE__ */ jsx$1("span", { className: styles$c.description, children: description2 }),
+      children
     ]
-  },
-  title2
+  }
 );
 const Card = withDebugHandlers(CardBase, "Card");
 const InsertPhotoRoundedIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {