@producteca/producteca-ui-kit 1.63.6 → 1.65.0

package/README.md

@@ -32,6 +32,37 @@
 | `prepare` | `husky` | Prepares the repository by installing Husky for Git hooks |
 | `pre-commit` | `husky && husky install` | Installs Husky and sets up Git hooks for pre-commit validation |
 
+## Storybook MCP
+
+This library's Storybook exposes an [MCP](https://storybook.js.org/docs/ai/mcp/overview)
+server so AI agents can query component docs and run interaction tests.
+
+### Use it locally
+
+```bash
+bun run dev          # serves Storybook + MCP at http://localhost:6006/mcp
+```
+
+Register it with your agent (project scope):
+
+```bash
+npx mcp-add --type http --url "http://localhost:6006/mcp" --scope project
+```
+
+Claude Code users: the repo's `.mcp.json` already registers it — just run
+`bun run dev`.
+
+### Use the published server (Chromatic)
+
+Each Chromatic build publishes the MCP at the `/mcp` route of the published
+Storybook:
+
+```
+https://<branch>--<appId>.chromatic.com/mcp
+```
+
+Verify with: ask your agent to run `list-all-documentation`.
+
 ## 🌐 Browser Compatibility
 
 Este proyecto utiliza **Babel** para transpilar el código JavaScript/TypeScript, garantizando compatibilidad con:

package/dist/components/dropdown/dropdown.sx.d.ts

@@ -1,6 +1,6 @@
 import { MenuProps } from '@mui/material/Menu';
 
 export declare const StyledMenu: import('@emotion/styled').StyledComponent<MenuProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;
-export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material/Button').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+export declare const StyledButton: import('@emotion/styled').StyledComponent<import('@mui/material/Button').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, keyof import('@mui/material/Button').ButtonOwnProps> & Omit<import('@mui/material').ButtonBaseOwnProps, "type" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | keyof import('@mui/material/Button').ButtonOwnProps> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
-}, "variant" | "size" | "className" | "disabled" | "children" | "color" | "style" | "classes" | "sx" | "tabIndex" | "href" | "action" | "loading" | "loadingIndicator" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "fullWidth" | "disableFocusRipple" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;
+}, "type" | "variant" | "size" | "className" | "disabled" | "children" | "color" | "style" | "classes" | "sx" | "tabIndex" | "href" | "action" | "loading" | "loadingIndicator" | "fullWidth" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "nativeButton" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, {}, {}>;

package/dist/components/inputs/datePicker/datePickerUtils.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { default as dayjs, Dayjs } from 'dayjs';
-import { default as TextField } from '@mui/material/TextField';
+import { SxProps, Theme } from '@mui/material/styles';
 import { InputValue } from '../../../validators';
 
 export declare const ActionComponent: React.FC<{
@@ -8,6 +8,18 @@ export declare const ActionComponent: React.FC<{
     onClear?: () => void;
     onOpen?: () => void;
 }>;
+interface ReadOnlyDateFieldProps {
+    format?: string;
+    placeholder?: string;
+    name?: string;
+    className?: string;
+    sx?: SxProps<Theme>;
+    showClearIcon?: boolean;
+    onClear?: () => void;
+    onOpen?: () => void;
+    textFieldProps?: Record<string, unknown>;
+}
+export declare const ReadOnlyDateField: React.FC<ReadOnlyDateFieldProps>;
 export type PickerType = 'date' | 'dateTime' | 'time' | 'year';
 export declare const getPickerTypeFromFormat: (format?: string) => PickerType;
 export declare const getFinalFormat: (format?: string) => string;
@@ -38,33 +50,28 @@ export declare const getPickerProps: ({ currentValue, finalFormat, onChange, dis
     format: string;
     reduceAnimations: boolean;
     slots: {
-        textField: typeof TextField;
+        field: React.FC<ReadOnlyDateFieldProps>;
     };
     slotProps: {
-        textField: {
+        field: {
+            format: string;
             placeholder: string;
             name: string | undefined;
-            onClick: (() => void) | undefined;
-            variant: "outlined";
-            fullWidth: boolean;
             className: string;
-            sx: import('@mui/system').SxProps<import('@mui/material').Theme>;
-            InputProps: {
-                style: {
-                    cursor: string;
-                };
-                endAdornment: import("react/jsx-runtime").JSX.Element;
-            };
+            sx: SxProps<Theme>;
+            showClearIcon: boolean;
+            onClear: (() => void) | undefined;
+            onOpen: (() => void) | undefined;
+            textFieldProps: Pick<any, string | number | symbol>;
         };
         layout: {
             sx: {};
         };
         day: {
-            sx: import('@mui/system').SxProps<import('@mui/material').Theme>;
+            sx: SxProps<Theme>;
         };
         popper: {
-            sx: import('@mui/system').SxProps<import('@mui/material').Theme>;
-            disableScrollLock: boolean;
+            sx: SxProps<Theme>;
             disablePortal: boolean;
             popperOptions: {
                 strategy: "fixed";
@@ -72,3 +79,4 @@ export declare const getPickerProps: ({ currentValue, finalFormat, onChange, dis
         };
     };
 };
+export {};

package/dist/components/modals/modal/modal.types.d.ts

@@ -7,6 +7,7 @@ export interface ModalProps {
     className?: string;
     isLoading?: boolean;
     fitContent?: boolean;
+    ariaLabel?: string;
     onClose?: () => void;
     children: React.ReactNode;
 }

package/dist/locales/es.d.ts

@@ -1,4 +1,18 @@
 declare const _default: {
+    a11y: {
+        loading: string;
+        progress: string;
+        close: string;
+        openCalendar: string;
+        reorder: string;
+        moreActions: string;
+        menu: string;
+        search: string;
+        navigation: string;
+        dialog: string;
+        remove: string;
+        toggleSidebar: string;
+    };
     noResultsFound: string;
     reloadPage: string;
     errorOccurred: string;