@producteca/producteca-ui-kit 1.80.3 → 1.81.0

package/dist/components/index.d.js

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

package/dist/components/index.d.ts

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

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

@@ -0,0 +1 @@
+export { PermissionOption } from './permissionOption';

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

@@ -0,0 +1,2 @@
+export { PermissionOption } from './permissionOption';
+export type { PermissionOptionProps, Permission } from './permissionOption.types';

package/dist/components/permissionOption/permissionOption.d.js

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

package/dist/components/permissionOption/permissionOption.d.ts

@@ -0,0 +1,4 @@
+import { PermissionOptionProps } from './permissionOption.types';
+
+export declare const PermissionOption: ({ permission, isActive, disabled, onClick }: PermissionOptionProps) => import("react/jsx-runtime").JSX.Element;
+export default PermissionOption;

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

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

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

@@ -0,0 +1,9 @@
+import { MouseEvent } from 'react';
+
+export type Permission = 'read' | 'edit' | 'noAccess';
+export interface PermissionOptionProps {
+    permission: Permission;
+    isActive?: boolean;
+    disabled?: boolean;
+    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+}

package/dist/locales/description.d.ts

@@ -56,3 +56,4 @@ export declare const tableExample = "\n## Uso del componente\n\nEl componente `T
 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 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";

package/dist/locales/es.d.ts

@@ -33,6 +33,11 @@ declare const _default: {
     loremIpsumExtraLarge: string;
     add: string;
     addPlus: string;
+    permissions: {
+        read: string;
+        edit: string;
+        noAccess: string;
+    };
     previous: string;
     continue: string;
     cancel: string;
@@ -170,6 +175,9 @@ declare const _default: {
         chip: {
             example: string;
         };
+        permissionOption: {
+            example: string;
+        };
         dropdown: {
             example: string;
         };
@@ -383,6 +391,12 @@ declare const _default: {
         size: string;
         number: string;
     };
+    permissionOption: {
+        permission: string;
+        isActive: string;
+        disabled: string;
+        onClick: string;
+    };
     warningModal: {
         warning: string;
         dontShowAgain: string;