@producteca/producteca-ui-kit 1.87.1 → 1.88.0

package/dist/components/icons/generatingState/generatingStateIcon.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/icons/generatingState/generatingStateIcon.d.ts

@@ -0,0 +1,5 @@
+import { IconInterface } from '../parameters';
+
+export declare const GeneratingStateIcon: ({ size, color, }: IconInterface) => import("react/jsx-runtime").JSX.Element;
+export type { IconInterface };
+export default GeneratingStateIcon;

package/dist/components/icons/index.d.js

@@ -10,5 +10,6 @@ export * from './errorState/errorStateIcon';
 export * from './checkIcon/checkIcon';
 export * from './successState/successStateIcon';
 export * from './newState/newStateIcon';
+export * from './generatingState/generatingStateIcon';
 export * from './maintenance/maintenanceIcon';
 export * from './productecaIcon/productecaIcon';

package/dist/components/icons/index.d.ts

@@ -10,5 +10,6 @@ export * from './errorState/errorStateIcon';
 export * from './checkIcon/checkIcon';
 export * from './successState/successStateIcon';
 export * from './newState/newStateIcon';
+export * from './generatingState/generatingStateIcon';
 export * from './maintenance/maintenanceIcon';
 export * from './productecaIcon/productecaIcon';

package/dist/components/patterns/generatingState/generatingState.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/patterns/generatingState/generatingState.d.ts

@@ -0,0 +1,5 @@
+import { GeneratingStateProps } from './generatingState.types';
+
+export declare const GeneratingState: ({ highlight, icon, text, description, }: GeneratingStateProps) => import("react/jsx-runtime").JSX.Element;
+export type { GeneratingStateProps };
+export default GeneratingState;

package/dist/components/patterns/generatingState/generatingState.types.d.js

@@ -0,0 +1 @@
+export {};

package/dist/components/patterns/generatingState/generatingState.types.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface GeneratingStateProps {
+    text?: string;
+    highlight?: string;
+    description?: string;
+    icon?: React.ReactNode;
+}

package/dist/components/patterns/generatingState/index.d.js

@@ -0,0 +1,2 @@
+export * from './generatingState';
+export * from './generatingState.types';

package/dist/components/patterns/generatingState/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generatingState';
+export * from './generatingState.types';

package/dist/components/patterns/index.d.js

@@ -8,6 +8,7 @@ export * from './iconWithIdentifier';
 export * from './conditionalOperator';
 export * from './helpArticleLink';
 export * from './maintenance/maintenance';
+export * from './generatingState';
 export * from './pickChannelModal';
 export * from './fileRow';
 export * from './permissionSelector';

package/dist/components/patterns/index.d.ts

@@ -8,6 +8,7 @@ export * from './iconWithIdentifier';
 export * from './conditionalOperator';
 export * from './helpArticleLink';
 export * from './maintenance/maintenance';
+export * from './generatingState';
 export * from './pickChannelModal';
 export * from './fileRow';
 export * from './permissionSelector';

package/dist/locales/description.d.ts

@@ -56,6 +56,7 @@ export declare const tableBodyExample = "\n## Uso del componente\n\n`Table.Body`
 export declare const tableExample = "\n## Uso del componente\n\nEl componente `Table` es un contenedor compuesto. Recibe `columns` y los distribuye por contexto a `Table.Header` y `Table.Body`, accesibles por dot-notation.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<Table columns={columns}>\n  <Table.Header />\n  <Table.Body data={rows} />\n</Table>\n```\n\n### Definici\u00F3n de columnas:\n\n```tsx\nconst columns: TableColumn<MyRow>[] = [\n  { key: 'name', header: 'Nombre' },\n  { key: 'status', header: 'Estado', sx: { textAlign: 'center' } },\n  {\n    key: 'actions',\n    header: 'Acciones',\n    sx: { width: 80 },\n    render: (row) => <Button label=\"Editar\" onClick={() => edit(row)} />,\n  },\n]\n```\n";
 export declare const tableAsyncContentExample = "\n`Table.Body` integra `AsyncContent` internamente: recibe las mismas props de estado (`isLoading`, `error`, `empty`, `success`) y resuelve el loader, el error y el estado vac\u00EDo **dentro** de la tabla, sin desmontar el `Table.Header`.\n\nEl estado vac\u00EDo se deriva de `data` (no hace falta pasar `items`). Cuando hay filas y no hay carga/error, se renderizan las filas normalmente.\n\n### Ejemplo:\n\n```tsx\n<Table columns={columns}>\n  <Table.Header />\n  <Table.Body\n    data={rows}\n    isLoading={isLoading}\n    empty={{\n      text: 'No hay datos disponibles',\n      actionText: 'Cargar datos',\n      onClick: loadData,\n    }}\n  />\n</Table>\n```\n";
 export declare const spinnerExample = "\n## Uso del componente\n\nEl componente `Spinner` muestra un indicador de carga. Acepta `size` (`xs`, `sm`, `md`, `lg`).\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<Spinner size=\"md\" />\n```\n";
+export declare const generatingStateExample = "\n## Uso del componente\n\nEl componente `GeneratingState` muestra el estado intermedio mientras se genera un recurso (por ejemplo, una planilla). Combina la ilustraci\u00F3n animada, un texto principal con un fragmento opcional resaltado en negrita (`highlight`), un texto secundario y un spinner.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<GeneratingState />\n```\n\n### Con fragmento resaltado:\n\n```tsx\n<GeneratingState\n  text=\"Se est\u00E1 generando la planilla para\"\n  highlight=\"editar datos del producto\"\n  description=\"Esto puede tardar unos segundos\"\n/>\n```\n";
 export declare const maintenanceExample = "\n## Uso del componente\n\nEl componente `Maintenance` muestra una vista de p\u00E1gina completa para indicar que el sistema est\u00E1 en mantenimiento. Acepta `title`, `description` y `subtitle` opcionales con valores por defecto en espa\u00F1ol.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<Maintenance />\n```\n\n### Con contenido personalizado:\n\n```tsx\n<Maintenance\n  title=\"Estamos mejorando\"\n  description=\"Estamos haciendo algunos ajustes para brindarte una mejor experiencia.\"\n  subtitle=\"Volvemos en unos minutos.\"\n/>\n```\n";
 export declare const permissionOptionExample = "\n## Uso del componente\n\nEl componente `PermissionOption` muestra un permiso (Lectura, Edici\u00F3n o Sin acceso) con su \u00EDcono y label. Es clickeable/seleccionable: al definir `onClick` se vuelve interactivo (accesible por teclado). `isActive` lo muestra seleccionado (fondo celeste + texto/\u00EDcono azul) y `disabled` lo aten\u00FAa (opacidad 0.5) sin interacci\u00F3n.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<PermissionOption\n  permission=\"read\"\n  isActive\n  onClick={() => setPermission('read')}\n/>\n```\n";
 export declare const permissionSelectorExample = "\n## Uso del componente\n\nEl componente `PermissionSelector` muestra los tres permisos (Sin acceso, Lectura, Edici\u00F3n) en l\u00EDnea como un selector de opci\u00F3n \u00FAnica. Al elegir un permiso, el fondo celeste se desliza desde el permiso actual hacia el seleccionado (misma t\u00E9cnica que `Tabs`).\n\n### Ejemplo b\u00E1sico:\n\n```tsx\nconst [permission, setPermission] = React.useState('noAccess')\n\n<PermissionSelector\n  value={permission}\n  onChange={setPermission}\n/>\n```\n";

package/dist/locales/en.d.ts

@@ -42,6 +42,10 @@ declare const _default: {
         removeFile: string;
         uploadingFile: string;
     };
+    generatingState: {
+        description: string;
+        text: string;
+    };
     guide: string;
     maintenance: {
         description: string;

package/dist/locales/es.d.ts

@@ -278,6 +278,9 @@ declare const _default: {
         tableBody: {
             example: string;
         };
+        generatingState: {
+            example: string;
+        };
         maintenance: {
             example: string;
         };
@@ -580,6 +583,19 @@ declare const _default: {
         or: string;
         and: string;
     };
+    generatingState: {
+        text: string;
+        description: string;
+        spreadsheetText: string;
+        spreadsheetHighlight: string;
+        customText: string;
+        customHighlight: string;
+        customDescription: string;
+        textDescription: string;
+        highlightDescription: string;
+        descriptionDescription: string;
+        iconDescription: string;
+    };
     maintenance: {
         title: string;
         description: string;

package/dist/locales/pt-BR.d.ts

@@ -42,6 +42,10 @@ declare const _default: {
         removeFile: string;
         uploadingFile: string;
     };
+    generatingState: {
+        description: string;
+        text: string;
+    };
     guide: string;
     maintenance: {
         description: string;