@producteca/producteca-ui-kit 1.61.3 → 1.63.0-beta.1

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

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

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

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

package/dist/components/icons/emptyState/emptyStateIcon.d.js

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

package/dist/components/icons/emptyState/emptyStateIcon.d.ts

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

package/dist/components/icons/errorState/errorStateIcon.d.js

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

package/dist/components/icons/errorState/errorStateIcon.d.ts

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

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

@@ -4,4 +4,8 @@ export * from './fileIcon/fileIcon';
 export * from './priceDownIcon/priceDownIcon';
 export * from './priceCloseIcon/priceCloseIcon';
 export * from './trashIcon/trashIcon';
-export * from './customIcon/customIcon';
+export * from './customIcon/customIcon';
+export * from './emptyState/emptyStateIcon';
+export * from './errorState/errorStateIcon';
+export * from './checkIcon/checkIcon';
+export * from './maintenance/maintenanceIcon';

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

@@ -5,3 +5,7 @@ export * from './priceDownIcon/priceDownIcon';
 export * from './priceCloseIcon/priceCloseIcon';
 export * from './trashIcon/trashIcon';
 export * from './customIcon/customIcon';
+export * from './emptyState/emptyStateIcon';
+export * from './errorState/errorStateIcon';
+export * from './checkIcon/checkIcon';
+export * from './maintenance/maintenanceIcon';

package/dist/components/icons/maintenance/maintenanceIcon.d.js

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

package/dist/components/icons/maintenance/maintenanceIcon.d.ts

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

package/dist/components/index.d.js

@@ -16,4 +16,5 @@ export * from './sidebar';
 export * from './dropdown';
 export * from './link';
 export * from './draggableList';
-export * from './stepper';
+export * from './stepper';
+export * from './table';

package/dist/components/index.d.ts

@@ -17,3 +17,4 @@ export * from './dropdown';
 export * from './link';
 export * from './draggableList';
 export * from './stepper';
+export * from './table';

package/dist/components/inputs/checkboxInput/checkboxInput.types.d.ts

@@ -4,7 +4,7 @@ import { ReduxFormInput } from '../../../hooks/useReduxFormField';
 export interface CheckboxItem {
     id?: string;
     name?: string;
-    label: string;
+    label?: string;
     value?: any;
     checked?: boolean;
     disabled?: boolean;

package/dist/components/inputs/switchInput/switchInput.types.d.ts

@@ -4,7 +4,7 @@ import { ReduxFormInput } from '../../../hooks/useReduxFormField';
 export interface SwitchItem {
     id?: string;
     name?: string;
-    label: string;
+    label?: string;
     value?: any;
     checked?: boolean;
     disabled?: boolean;
@@ -20,6 +20,6 @@ export interface SwitchInputProps {
 export type SwitchInputSingleProps = Omit<SwitchInputProps, 'items'> & {
     id?: string;
     checked?: boolean;
-    label: string;
+    label?: string;
     disabled?: boolean;
 };

package/dist/components/inputs/toggleInput.utils.d.ts

@@ -4,7 +4,7 @@ import { ReduxFormInput } from '../../hooks/useReduxFormField';
 type ToggleItemBase = {
     id?: string;
     name?: string;
-    label: string;
+    label?: string;
     checked?: boolean;
     disabled?: boolean;
 };

package/dist/components/menu/menuAction/menuAction.types.d.ts

@@ -1,6 +1,7 @@
 import { MenuItemProps } from '../menuItem/menuItem.types';
 import { default as React } from 'react';
 import { ButtonProps } from '../../button/button';
+import { SxProps, Theme } from '@mui/material';
 
 export interface MenuActionProps {
     items: MenuItemProps[];
@@ -9,4 +10,5 @@ export interface MenuActionProps {
     icon?: React.ReactNode;
     size?: ButtonProps['size'];
     disableRipple?: boolean;
+    iconButtonSx?: SxProps<Theme>;
 }

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

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { AsyncContentProps, AsyncContentStatus } from './asyncContent.types';
 
-export declare const AsyncContent: React.MemoExoticComponent<({ status, children, errorText, emptyText, errorActionText, emptyActionText, onErrorAction, onEmptyAction, }: AsyncContentProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const AsyncContent: React.MemoExoticComponent<({ status, children, onErrorAction, onEmptyAction, emptyActionText, errorActionText, errorText, emptyText, }: AsyncContentProps) => import("react/jsx-runtime").JSX.Element>;
 export type { AsyncContentProps, AsyncContentStatus };
 export default AsyncContent;

package/dist/components/patterns/asyncContent/asyncContent.examples.d.js

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

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

@@ -0,0 +1,2 @@
+export declare const ExampleContent: () => import("react/jsx-runtime").JSX.Element;
+export declare const InteractiveAsyncContentWrapper: () => import("react/jsx-runtime").JSX.Element;

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

@@ -2,12 +2,12 @@ import { ReactNode } from 'react';
 
 export type AsyncContentStatus = 'loading' | 'error' | 'empty' | 'success';
 export interface AsyncContentProps {
-    status: AsyncContentStatus;
     children: ReactNode;
     errorText?: string;
     emptyText?: string;
     errorActionText?: string;
     emptyActionText?: string;
+    status: AsyncContentStatus;
     onErrorAction?: () => void;
     onEmptyAction?: () => void;
 }

package/dist/components/patterns/asyncContent/views/emptyView.d.js

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

package/dist/components/patterns/asyncContent/views/emptyView.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface EmptyViewProps {
+    emptyText?: string;
+    emptyActionText?: string;
+    onEmptyAction?: () => void;
+}
+export declare const EmptyView: React.MemoExoticComponent<({ emptyText, emptyActionText, onEmptyAction, }: EmptyViewProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/patterns/asyncContent/views/errorView.d.js

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

package/dist/components/patterns/asyncContent/views/errorView.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+interface ErrorViewProps {
+    errorText?: string;
+    errorActionText?: string;
+    onErrorAction?: () => void;
+}
+export declare const ErrorView: React.MemoExoticComponent<({ errorText, errorActionText, onErrorAction, }: ErrorViewProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

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

@@ -0,0 +1,3 @@
+export * from './loadingView';
+export * from './errorView';
+export * from './emptyView';

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

@@ -0,0 +1,3 @@
+export * from './loadingView';
+export * from './errorView';
+export * from './emptyView';

package/dist/components/patterns/asyncContent/views/loadingView.d.js

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

package/dist/components/patterns/asyncContent/views/loadingView.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+
+export declare const LoadingView: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;

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

@@ -1,11 +1,5 @@
-import { default as React } from 'react';
+import { EmptyStateProps } from './emptyState.types';
 
-interface EmptyStateProps {
-    onActionClick?: () => void;
-    actionText?: string;
-    text?: string;
-    icon?: React.ReactNode;
-}
 export declare const EmptyState: ({ onActionClick, icon, actionText, text, }: EmptyStateProps) => import("react/jsx-runtime").JSX.Element;
 export type { EmptyStateProps };
 export default EmptyState;

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

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

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

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+export interface EmptyStateProps {
+    onActionClick?: () => void;
+    actionText?: string;
+    text?: string;
+    icon?: React.ReactNode;
+}

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

@@ -6,4 +6,5 @@ export * from './headerSection';
 export * from './linkWithIcon';
 export * from './iconWithIdentifier';
 export * from './conditionalOperator';
-export * from './helpArticleLink';
+export * from './helpArticleLink';
+export * from './maintenance/maintenance';

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

@@ -7,3 +7,4 @@ export * from './linkWithIcon';
 export * from './iconWithIdentifier';
 export * from './conditionalOperator';
 export * from './helpArticleLink';
+export * from './maintenance/maintenance';

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

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

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

@@ -0,0 +1,5 @@
+import { MaintenanceProps } from './maintenance.types';
+
+export declare const Maintenance: ({ title, description, subtitle, }: MaintenanceProps) => import("react/jsx-runtime").JSX.Element;
+export type { MaintenanceProps };
+export default Maintenance;

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

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

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

@@ -0,0 +1,5 @@
+export interface MaintenanceProps {
+    title?: string;
+    description?: string;
+    subtitle?: string;
+}

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

@@ -0,0 +1,3 @@
+export * from './table';
+export * from './tableBody';
+export * from './tableHeader';

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

@@ -0,0 +1,3 @@
+export * from './table';
+export * from './tableBody';
+export * from './tableHeader';

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

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

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

@@ -0,0 +1,13 @@
+import { TableBody } from '../tableBody';
+import { TableHeader } from '../tableHeader';
+import { Table as BaseTable } from './table';
+
+type TableCompound = typeof BaseTable & {
+    Header: typeof TableHeader;
+    Body: typeof TableBody;
+};
+declare const Table: TableCompound;
+export { Table };
+export type { TableBodyProps } from '../tableBody';
+export type { TableHeaderProps } from '../tableHeader';
+export type { TableColumn, TableProps } from './table.types';

package/dist/components/table/table/table.d.js

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

package/dist/components/table/table/table.d.ts

@@ -0,0 +1,3 @@
+import { TableProps } from './table.types';
+
+export declare const Table: ({ columns, children, className }: TableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/table/table.examples.d.js

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

package/dist/components/table/table/table.examples.d.ts

@@ -0,0 +1,12 @@
+interface SampleRow {
+    id: number;
+    active: boolean;
+    icon: string;
+    columnA: string;
+    columnB: string;
+    columnC: string;
+    columnD: string;
+}
+export declare const sampleData: SampleRow[];
+export declare const TableDefaultExample: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table/table/table.types.d.js

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

package/dist/components/table/table/table.types.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+
+export interface TableColumn<T> {
+    key: string;
+    header?: string;
+    sx?: SxProps<Theme>;
+    render?: (row: T, index: number) => React.ReactNode;
+}
+export interface TableProps {
+    className?: string;
+    children: React.ReactNode;
+    columns: TableColumn<any>[];
+}

package/dist/components/table/table/tableContext.d.js

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

package/dist/components/table/table/tableContext.d.ts

@@ -0,0 +1,3 @@
+import { TableColumn } from './table.types';
+
+export declare const TableContext: import('react').Context<TableColumn<any>[]>;

package/dist/components/table/tableBody/index.d.js

@@ -0,0 +1 @@
+export { TableBody } from './tableBody';

package/dist/components/table/tableBody/index.d.ts

@@ -0,0 +1,2 @@
+export { TableBody } from './tableBody';
+export type { TableBodyProps } from './tableBody.types';

package/dist/components/table/tableBody/tableBody.d.js

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

package/dist/components/table/tableBody/tableBody.d.ts

@@ -0,0 +1,3 @@
+import { TableBodyProps } from './tableBody.types';
+
+export declare const TableBody: <T>({ data, emptyMessage }: TableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/tableBody/tableBody.types.d.js

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

package/dist/components/table/tableBody/tableBody.types.d.ts

@@ -0,0 +1,4 @@
+export interface TableBodyProps<T> {
+    data: T[];
+    emptyMessage?: string;
+}

package/dist/components/table/tableHeader/index.d.js

@@ -0,0 +1 @@
+export { TableHeader } from './tableHeader';

package/dist/components/table/tableHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { TableHeader } from './tableHeader';
+export type { TableHeaderProps } from './tableHeader.types';

package/dist/components/table/tableHeader/tableHeader.d.js

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

package/dist/components/table/tableHeader/tableHeader.d.ts

@@ -0,0 +1,3 @@
+import { TableHeaderProps } from './tableHeader.types';
+
+export declare const TableHeader: ({ columns: columnsProp }: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/table/tableHeader/tableHeader.types.d.js

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

package/dist/components/table/tableHeader/tableHeader.types.d.ts

@@ -0,0 +1,5 @@
+import { TableColumn } from '../table/table.types';
+
+export interface TableHeaderProps {
+    columns?: TableColumn<any>[];
+}

package/dist/locales/description.d.ts

@@ -42,4 +42,8 @@ export declare const conditionalOperatorExample = "\n## Uso del componente\n\nEl
 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: `loading`, `error`, `empty` y `success`. Muestra el contenido solo en `success`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<AsyncContent\n  status={status}\n  errorText=\"Ocurri\u00F3 un error\"\n  emptyText=\"No hay datos\"\n  onRetry={() => refetch()}\n>\n  <div>Contenido cuando status === 'success'</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";
+export declare const tableHeaderExample = "\n## Uso del componente\n\n`Table.Header` renderiza el encabezado de la tabla. Lee las columnas del contexto provisto por `Table`. Opcionalmente acepta `columns` como prop para sobrescribir el contexto.\n\n### Usando el contexto de Table (recomendado):\n\n```tsx\nconst columns: TableColumn<MyRow>[] = [\n  { key: 'name', header: 'Nombre' },\n  { key: 'status', header: 'Estado', sx: { textAlign: 'center' } },\n  { key: 'price', header: 'Precio', sx: { textAlign: 'right', width: 100 } },\n]\n\n<Table columns={columns}>\n  <Table.Header />\n</Table>\n```\n\n### Pasando columns directamente como prop:\n\n```tsx\n<Table columns={columns}>\n  <Table.Header columns={customColumns} />\n</Table>\n```\n";
+export declare const tableBodyExample = "\n## Uso del componente\n\n`Table.Body` renderiza las filas de datos. Lee las columnas del contexto provisto por `Table`. Cuando `data` est\u00E1 vac\u00EDo muestra un `EmptyState` con `emptyMessage`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<Table columns={columns}>\n  <Table.Body data={rows} />\n</Table>\n```\n\n### Estado vac\u00EDo personalizado:\n\n```tsx\n<Table columns={columns}>\n  <Table.Body\n    data={[]}\n    emptyMessage=\"No encontramos resultados para tu b\u00FAsqueda\"\n  />\n</Table>\n```\n";
+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 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 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";

package/dist/locales/es.d.ts

@@ -222,6 +222,18 @@ declare const _default: {
         spinner: {
             example: string;
         };
+        table: {
+            example: string;
+        };
+        tableHeader: {
+            example: string;
+        };
+        tableBody: {
+            example: string;
+        };
+        maintenance: {
+            example: string;
+        };
     };
     headerSection: {
         edit: string;
@@ -475,6 +487,17 @@ declare const _default: {
         or: string;
         and: string;
     };
+    maintenance: {
+        title: string;
+        description: string;
+        subtitle: string;
+        customTitle: string;
+        customDescription: string;
+        customSubtitle: string;
+        titleDescription: string;
+        descriptionDescription: string;
+        subtitleDescription: string;
+    };
     stepper: {
         done: string;
         cart: string;

package/dist/playground/ComponentDemos.d.ts

@@ -32,5 +32,6 @@ export declare const DemoDraggableList: DemoComponent;
 export declare const DemoModal: DemoComponent;
 export declare const DemoWarningModal: DemoComponent;
 export declare const DemoMenuAction: DemoComponent;
+export declare const DemoTable: DemoComponent;
 export declare const ComponentDemos: Record<string, DemoComponent>;
 export {};