@producteca/producteca-ui-kit 1.97.0 → 1.98.0

package/dist/components/index.d.js

@@ -9,6 +9,7 @@ export * from './tooltip';
 export * from './image';
 export * from './breadcrumb';
 export * from './menu/menuAction';
+export * from './menu/menuList';
 export * from './modals';
 export * from './tabs';
 export * from './card';

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export * from './tooltip';
 export * from './image';
 export * from './breadcrumb';
 export * from './menu/menuAction';
+export * from './menu/menuList';
 export * from './modals';
 export * from './tabs';
 export * from './card';

package/dist/components/menu/menuList/index.d.js

@@ -0,0 +1 @@
+export { MenuList } from './menuList';

package/dist/components/menu/menuList/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuList } from './menuList';
+export { type MenuListProps } from './menuList.types';

package/dist/components/menu/menuList/menuList.d.js

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

package/dist/components/menu/menuList/menuList.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { MenuListProps } from './menuList.types';
+
+export declare const MenuList: React.FC<MenuListProps>;
+export default MenuList;

package/dist/components/menu/menuList/menuList.sx.d.js

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

package/dist/components/menu/menuList/menuList.sx.d.ts

@@ -0,0 +1,4 @@
+import { SxProps, Theme } from '@mui/material/styles';
+import { ButtonProps } from '../../button/button';
+
+export declare const menuListSx: (size?: ButtonProps["size"], maxItemsVisible?: number, surface?: boolean) => SxProps<Theme>;

package/dist/components/menu/menuList/menuList.types.d.js

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

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

@@ -0,0 +1,8 @@
+import { MenuListProps as MuiMenuListProps } from '@mui/material/MenuList';
+import { ButtonProps } from '../../button/button';
+
+export interface MenuListProps extends MuiMenuListProps {
+    size?: ButtonProps['size'];
+    maxItemsVisible?: number;
+    surface?: boolean;
+}

package/dist/locales/description.d.ts

@@ -24,6 +24,7 @@ export declare const cardExample = "\n## Uso del componente\n\nEl componente `Ca
 export declare const chipExample = "\n## Uso del componente\n\nEl componente `Chip` muestra una etiqueta con texto, variante de color y opci\u00F3n de remover. Variantes: `default`, `success`, `error`, `warning`, `info`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<Chip\n  text=\"Etiqueta\"\n  title=\"T\u00EDtulo del chip\"\n  onRemove={() => removeChip(id)}\n/>\n```\n\n### Con variante y deshabilitado:\n\n```tsx\n<Chip\n  text=\"Fijo\"\n  variant=\"success\"\n  disabled\n/>\n```\n";
 export declare const dropdownExample = "\n## Uso del componente\n\nEl componente `Dropdown` muestra un bot\u00F3n que al hacer click despliega una lista de opciones con \u00EDconos opcionales.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\nconst items = [\n  { id: 'edit', label: 'Editar', icon: <EditIcon />, onClick: () => {} },\n  { id: 'delete', label: 'Eliminar', icon: <DeleteIcon />, onClick: () => {} },\n]\n\n<Dropdown\n  label=\"M\u00E1s opciones\"\n  options={items}\n  onItemSelect={(id) => handleSelect(id)}\n/>\n```\n";
 export declare const menuActionExample = "\n## Uso del componente\n\nEl componente `MenuAction` muestra un bot\u00F3n (por defecto con \u00EDcono de tres puntos) que abre un men\u00FA de acciones. Cada \u00EDtem puede tener `label`, `icon`, `onClick`, `disabled` y `selected`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<MenuAction\n  items={[\n    { label: 'Editar', icon: <EditIcon />, onClick: () => edit() },\n    { label: 'Eliminar', onClick: () => remove(), disabled: true },\n  ]}\n/>\n```\n";
+export declare const menuListExample = "\n## Uso del componente\n\nEl componente `MenuList` es la superficie de men\u00FA del kit. Provee el contexto que `MenuItemComponent` necesita para renderizar, de modo que se pueda armar un men\u00FA propio sin pasar por `MenuAction` ni `Dropdown` (ambos traen su propio disparador).\n\n\u00DAsalo cuando necesites anclar o posicionar el men\u00FA vos mismo: una celda de una grilla, un popover propio, un contenedor con scroll.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<MenuList size=\"md\" maxItemsVisible={6}>\n  {options.map((option) => (\n    <MenuItemComponent\n      key={option}\n      label={option}\n      selected={option === value}\n      onClick={() => select(option)}\n    />\n  ))}\n</MenuList>\n```\n\nCon `surface={false}` se apaga el fondo, el borde redondeado y la sombra, para embeberlo en una superficie propia.\n";
 export declare const tabsExample = "\n## Uso del componente\n\nEl componente `Tabs` renderiza pesta\u00F1as. Acepta `items` (array de `{ id, label, href?, onClick? }`), `value` (id activo) y `onChange`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\nconst [value, setValue] = React.useState('tab-1')\n\n<Tabs\n  value={value}\n  items={[\n    { id: 'tab-1', label: 'Pesta\u00F1a 1' },\n    { id: 'tab-2', label: 'Pesta\u00F1a 2' },\n  ]}\n  onChange={(item) => item && setValue(item.id)}\n/>\n```\n";
 export declare const sidebarExample = "\n## Uso del componente\n\nEl componente `Sidebar` renderiza una barra lateral de navegaci\u00F3n con \u00EDtems que pueden tener `label`, `isActive`, `icon` y `onClick`.\n\n### Ejemplo b\u00E1sico:\n\n```tsx\nconst items = [\n  { label: 'Dashboard', isActive: true, onClick: () => navigate('/') },\n  { label: 'Productos', icon: <BoxIcon />, onClick: () => navigate('/products') },\n]\n\n<Sidebar items={items} />\n```\n";
 export declare const imageExample = "\n## Uso del componente\n\nEl componente `Image` muestra una imagen con soporte para `src`, `alt` y estilos `sx` (MUI).\n\n### Ejemplo b\u00E1sico:\n\n```tsx\n<Image\n  src=\"https://example.com/photo.jpg\"\n  alt=\"Descripci\u00F3n\"\n  sx={{ width: 200, height: 200, borderRadius: 1 }}\n/>\n```\n";

package/dist/locales/es.d.ts

@@ -198,6 +198,9 @@ declare const _default: {
         menuAction: {
             example: string;
         };
+        menuList: {
+            example: string;
+        };
         tabs: {
             example: string;
         };
@@ -472,6 +475,12 @@ declare const _default: {
         maxItems: string;
         icon: string;
     };
+    menuList: {
+        size: string;
+        maxItems: string;
+        surface: string;
+        sizes: string;
+    };
     dropdown: {
         label: string;
         variant: string;