@m4l/components 8.1.0-beta.devManuela.IconButton → 8.1.0-beta.devManuela.TextField

package/components/mui_extended/IconButton/IconButton.js

@@ -1,10 +1,10 @@
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { getPropertyByString } from "@m4l/core";
 import { useTheme } from "@mui/material";
 import { e as evalIconColor } from "./helpers/evalIconColor.js";
+import { getPropertyByString, useModuleDictionary } from "@m4l/core";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-import { T as TooltipStyled, S as StyledMUIIconButton, B as BadgeStyled, I as IconStyled } from "./slots/IconButtonSlots.js";
+import { S as StyledMUIIconButton, B as BadgeStyled, I as IconStyled } from "./slots/IconButtonSlots.js";
 const IconButton = (props) => {
   const {
     src,
@@ -14,20 +14,15 @@ const IconButton = (props) => {
     disabled,
     onClick,
     badgeContent,
+    withBadge = false,
     dictionaryTooltipId,
-    tooltipContent,
-    placement = "bottom",
-    instaceDataTestId,
     componentPaletteColor = "default",
+    rotationAngle,
     ...other
   } = props;
   const { currentSize } = useComponentSize(size);
   const theme = useTheme();
-  const paletteColor = getPropertyByString(
-    theme.palette,
-    disabled ? "default" : componentPaletteColor,
-    theme.palette.default
-  );
+  const paletteColor = getPropertyByString(theme.palette, disabled ? "default" : componentPaletteColor, theme.palette.default);
   const ownerState = {
     variant,
     size,
@@ -39,53 +34,20 @@ const IconButton = (props) => {
     () => evalIconColor(componentPaletteColor, variant),
     [componentPaletteColor, variant]
   );
-  return /* @__PURE__ */ jsx(Fragment, { children: tooltipContent ? /* @__PURE__ */ jsx(
-    TooltipStyled,
-    {
-      title: tooltipContent.toString(),
-      ownerState: {},
-      placement,
-      children: /* @__PURE__ */ jsx(
-        StyledMUIIconButton,
-        {
-          ownerState: { ...ownerState },
-          onClick: !disabled ? onClick : void 0,
-          disableRipple: true,
-          disabled,
-          "data-testid": "IconButtonRoot",
-          tabIndex: 0,
-          ...other,
-          children: badgeContent ? /* @__PURE__ */ jsx(
-            BadgeStyled,
-            {
-              ownerState: { ...ownerState },
-              badgeContent,
-              componentPaletteColor,
-              children: /* @__PURE__ */ jsx(
-                IconStyled,
-                {
-                  ownerState: { ...ownerState },
-                  src,
-                  size: currentSize,
-                  color: iconColor,
-                  disabled
-                }
-              )
-            }
-          ) : /* @__PURE__ */ jsx(
-            IconStyled,
-            {
-              ownerState: { ...ownerState },
-              src,
-              size: currentSize,
-              color: iconColor,
-              disabled
-            }
-          )
-        }
-      )
+  const { getLabel } = useModuleDictionary();
+  const finalTooltip = useMemo(() => {
+    if (disabled) {
+      return void 0;
+    }
+    if (tooltip && tooltip !== "") {
+      return tooltip;
+    }
+    if (dictionaryTooltipId && getLabel) {
+      return getLabel(dictionaryTooltipId);
     }
-  ) : /* @__PURE__ */ jsx(
+    return void 0;
+  }, [tooltip, dictionaryTooltipId, getLabel, disabled]);
+  return /* @__PURE__ */ jsx(
     StyledMUIIconButton,
     {
       ownerState: { ...ownerState },
@@ -95,7 +57,7 @@ const IconButton = (props) => {
       "data-testid": "IconButtonRoot",
       tabIndex: 0,
       ...other,
-      children: badgeContent ? /* @__PURE__ */ jsx(
+      children: withBadge ? /* @__PURE__ */ jsx(
         BadgeStyled,
         {
           ownerState: { ...ownerState },
@@ -108,7 +70,9 @@ const IconButton = (props) => {
               src,
               size: currentSize,
               color: iconColor,
-              disabled
+              disabled,
+              tooltipContent: finalTooltip,
+              rotationAngle
             }
           )
         }
@@ -119,11 +83,12 @@ const IconButton = (props) => {
           src,
           size: currentSize,
           color: iconColor,
-          disabled
+          disabled,
+          tooltipContent: finalTooltip
         }
       )
     }
-  ) });
+  );
 };
 export {
   IconButton as I

package/components/mui_extended/IconButton/IconButton.styles.js

@@ -1,6 +1,18 @@
 const iconButtonStyles = {
   /**
    * TODO: Documentar
+   * @updatedUser Bruce Escobar - automatic
+   * @updatedAt 2024-10-22 09:42:39 - automatic
+   * @createdAt 2024-10-22 09:42:38 - automatic
+   * @author Bruce Escobar - automatic
+   * @updatedUser Bruce Escobar - automatic
+   * @updatedAt 2024-10-22 09:42:39 - automatic
+   * @createdAt 2024-10-22 09:41:31 - automatic
+   * @author Bruce Escobar - automatic
+   * @author Bruce Escobar - automatic
+   * @createdAt 2024-10-22 09:41:31 - automatic
+   * @updatedAt 2024-10-22 09:42:39 - automatic
+   * @updatedUser Bruce Escobar - automatic
    */
   styledMUIIconButton: ({ ownerState, theme }) => ({
     cursor: ownerState.disabled ? "not-allowed" : "pointer",
@@ -42,8 +54,8 @@ const iconButtonStyles = {
       },
       "& .icon": {
         ...theme.generalSettings.isMobile ? {
-          width: theme.vars.size.mobile.medium.base,
-          height: theme.vars.size.mobile.medium.base
+          width: theme.vars.size.mobile.medium.action,
+          height: theme.vars.size.mobile.medium.action
         } : {
           width: theme.vars.size.desktop.medium.base,
           height: theme.vars.size.desktop.medium.base
@@ -255,12 +267,13 @@ const iconButtonStyles = {
       }
     }
   }),
-  /**
-   * Tooltip Styles
-   */
-  tooltip: () => ({}),
+  //
   /**
    * Comentado por el momento, falta de documentación en Figma de Badge
+   * @author Bruce Escobar - automatic
+   * @createdAt 2024-10-22 09:41:31 - automatic
+   * @updatedAt 2024-10-22 09:42:39 - automatic
+   * @updatedUser Bruce Escobar - automatic
    */
   badgeIconButton: () => ({
     //   '&  [class*="MuiBadge-badge"]': {

package/components/mui_extended/IconButton/slots/IconButtonEnum.d.ts

@@ -1,6 +1,5 @@
 export declare enum IconButtonSlots {
     styledMUIIconButton = "styledMUIIconButton",
     icon = "icon",
-    badgeIconButton = "badgeIconButton",
-    tooltip = "tooltip"
+    badgeIconButton = "badgeIconButton"
 }

package/components/mui_extended/IconButton/slots/IconButtonEnum.js

@@ -2,7 +2,6 @@ var IconButtonSlots = /* @__PURE__ */ ((IconButtonSlots2) => {
   IconButtonSlots2["styledMUIIconButton"] = "styledMUIIconButton";
   IconButtonSlots2["icon"] = "icon";
   IconButtonSlots2["badgeIconButton"] = "badgeIconButton";
-  IconButtonSlots2["tooltip"] = "tooltip";
   return IconButtonSlots2;
 })(IconButtonSlots || {});
 export {

package/components/mui_extended/IconButton/slots/IconButtonSlots.d.ts

@@ -11,6 +11,3 @@ export declare const BadgeStyled: import('@emotion/styled').StyledComponent<Pick
 }, "color" | "sx" | "classes" | "className" | "style" | "children" | "components" | "componentsProps" | "slotProps" | "slots" | "badgeContent" | "variant" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero">, "color" | "content" | "translate" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "components" | "componentsProps" | "slotProps" | "slots" | "ref" | "key" | "badgeContent" | "variant" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const TooltipStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Tooltip').TooltipProps, keyof import('../../Tooltip').TooltipProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
-    ownerState: Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>;
-}, {}, {}>;

package/components/mui_extended/IconButton/slots/IconButtonSlots.js

@@ -4,7 +4,6 @@ import { i as iconButtonStyles } from "../IconButton.styles.js";
 import { I as IconButtonSlots } from "./IconButtonEnum.js";
 import { IconButton, Badge } from "@mui/material";
 import { I as Icon } from "../../../Icon/Icon.js";
-import { T as Tooltip } from "../../Tooltip/Tooltip.js";
 const StyledMUIIconButton = styled(IconButton, {
   name: ICON_BUTTON_KEY_COMPONENT,
   slot: IconButtonSlots.styledMUIIconButton
@@ -17,13 +16,8 @@ const BadgeStyled = styled(Badge, {
   name: ICON_BUTTON_KEY_COMPONENT,
   slot: IconButtonSlots.badgeIconButton
 })(iconButtonStyles?.badgeIconButton);
-const TooltipStyled = styled(Tooltip, {
-  name: ICON_BUTTON_KEY_COMPONENT,
-  slot: IconButtonSlots.tooltip
-})(iconButtonStyles?.tooltip);
 export {
   BadgeStyled as B,
   IconStyled as I,
-  StyledMUIIconButton as S,
-  TooltipStyled as T
+  StyledMUIIconButton as S
 };

package/components/mui_extended/IconButton/types.d.ts

@@ -6,60 +6,16 @@ import { ComponentPalletColor, Sizes } from '@m4l/styles';
 import { ICON_BUTTON_KEY_COMPONENT } from './constants';
 import { IconButtonSlots } from './slots';
 import { BadgeProps } from '../Badge';
-import { TooltipProps } from '../../mui_extended';
-import { ReactNode } from 'react';
 export type IconButtonVariants = 'contained' | 'outline' | 'text';
 export type IconButtonSize = 'small' | 'medium';
-/**
- * Props for the IconButton component.
- * Omit<IconProps, 'size' | 'color'>
- * Omit<MUIIconButtonProps, 'size' | 'color' | 'disabled'>
- * Pick<BadgeProps, 'badgeContent'>
- * Pick<TooltipProps, 'placement'>
- * [tooltip] - The text to display in the tooltip.
- * [dictionaryTooltipId] - The ID for the dictionary tooltip.
- * [variant] - The variant of the IconButton.
- * [size] - The size of the IconButton.
- * [withBadge] - Whether the IconButton includes a badge.
- * [tooltipContent] - The content to display in the tooltip.
- * [componentPaletteColor] - The color palette for the component.
- * [disabled] - Whether the IconButton is disabled.
- * [instaceDataTestId] - A unique identifier for the HTML element, useful for unit and integration testing.
- */
-export interface IconButtonProps extends Omit<IconProps, 'size' | 'color'>, Omit<MUIIconButtonProps, 'size' | 'color' | 'disabled'>, Pick<BadgeProps, 'badgeContent'>, Pick<TooltipProps, 'placement'> {
-    /**
-     * Define el uso de tooltip en IconButton
-     */
+export interface IconButtonProps extends Omit<IconProps, 'size' | 'color'>, Omit<MUIIconButtonProps, 'size' | 'color' | 'disabled'>, Pick<BadgeProps, 'badgeContent'> {
     tooltip?: string;
-    /**
-     * Representa la identificación del tooltip en el diccionario para que designe internamente el getLabel
-     */
     dictionaryTooltipId?: string;
-    /**
-     * Variante del componente , modifica la aparencia grafica
-     */
     variant?: IconButtonVariants;
-    /**
-     * Define el tamaño del componente
-     */
     size?: Sizes;
-    /**
-     * Define el mensaje interno del tooltip
-     */
-    tooltipContent?: ReactNode;
-    /**
-     * Opciones de color del componente
-     */
+    withBadge?: boolean;
     componentPaletteColor?: ComponentPalletColor;
-    /**
-     * Representa si el componente se encuentra deshabilitado
-     */
     disabled?: boolean;
-    /**
-     * Propiedad que sirve para complementar el nombre del data-testid, aporta un identificador único del elemento html en toda aplicación.
-     * Es útil para realizar pruebas unitarias y de integración.
-     */
-    instaceDataTestId?: string;
 }
 export type OwnerState = Pick<IconButtonProps, 'size' | 'variant' | 'componentPaletteColor'> & {
     disabled?: boolean;

package/components/mui_extended/LoadingButton/index.d.ts

@@ -1,5 +1,9 @@
 import { MuiLabLoadingButtonProps } from './types';
 /**
  * TODO: Documentar
+ * @author Bruce Escobar - automatic
+ * @createdAt 2024-10-22 09:41:31 - automatic
+ * @updatedAt 2024-10-22 09:42:39 - automatic
+ * @updatedUser Bruce Escobar - automatic
  */
 export declare const LoadingButton: (props: MuiLabLoadingButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Skeleton/Skeleton.d.ts

@@ -4,5 +4,9 @@ import { SkeletonProps } from './types';
  * al cual se le ha agregado una capa de estilos con overrides definidos por el sistema de diseño.
  * Este componente proporciona una experiencia de carga visual mientras los datos están siendo recuperados,
  * y es altamente personalizable gracias a las propiedades y variantes específicas que se le han añadido.
+ * @author Bruce Escobar - automatic
+ * @createdAt 2024-10-22 09:41:31 - automatic
+ * @updatedAt 2024-10-22 09:42:39 - automatic
+ * @updatedUser Bruce Escobar - automatic
  */
 export declare const Skeleton: (props: SkeletonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Skeleton/skeleton.styles.js

@@ -2,6 +2,10 @@ const skeletonStyles = {
   /**
    * Slot: root
    * Componente extendido de MUI Skeleton, que permite personalizar los estilos del componente.
+   * @author Bruce Escobar - automatic
+   * @createdAt 2024-10-22 09:41:31 - automatic
+   * @updatedAt 2024-10-22 09:42:39 - automatic
+   * @updatedUser Bruce Escobar - automatic
    */
   root: ({ ownerState, theme }) => ({
     "&.M4lclassCssSpecificity": {

package/components/mui_extended/TextField/TextField.d.ts

@@ -0,0 +1,5 @@
+import { TextFieldProps } from './types';
+/**
+ * Componente TextField extended de MUI-MATERIAL componente de entrada de datos en una interfaz de usuario que permite a los usuarios ingresar y editar texto. Es comúnmente utilizado en formularios y otros contextos donde se requiere la entrada de texto por parte del usuario.
+ */
+export declare const TextField: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/TextField/TextField.styles.d.ts

@@ -0,0 +1,2 @@
+import { TextFieldStyles } from './types';
+export declare const textFieldStyles: TextFieldStyles;

package/components/mui_extended/TextField/constants.d.ts

@@ -0,0 +1 @@
+export declare const TEXT_FIELD_KEY_COMPONENT = "M4LTextField";

package/components/mui_extended/TextField/index.d.ts

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

package/components/mui_extended/TextField/slots/TextFieldEnum.d.ts

@@ -0,0 +1,5 @@
+export declare enum TextFieldSlots {
+    muiTextFieldStyled = "muiTextFieldStyled",
+    textFieldRootStyled = "textFieldRootStyled",
+    muiSkeletonStyled = "muiSkeletonStyled"
+}

package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts

@@ -0,0 +1,13 @@
+export declare const MuiTextFieldStyled: import('@emotion/styled').StyledComponent<Pick<{
+    variant?: import('@mui/material').TextFieldVariants | undefined;
+} & Omit<import('@mui/material').FilledTextFieldProps | import('@mui/material').StandardTextFieldProps | import('@mui/material').OutlinedTextFieldProps, "variant">, "color" | "content" | "translate" | "margin" | "size" | "disabled" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "error" | "name" | "label" | "select" | "key" | "component" | "value" | "type" | "variant" | "autoComplete" | "placeholder" | "required" | "rows" | "fullWidth" | "inputProps" | "inputRef" | "SelectProps" | "multiline" | "maxRows" | "minRows" | "hiddenLabel" | "focused" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').OwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').OwnerState> & Record<string, unknown>;
+}, {}, {}>;
+export declare const TextFieldRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').OwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').OwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
+export declare const MuiSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | 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<HTMLSpanElement> | null | undefined;
+}, "height" | "width" | "animation" | "sx" | "classes" | "className" | "style" | "children" | "variant">, "color" | "content" | "height" | "translate" | "width" | "animation" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').OwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('../types').OwnerState> & Record<string, unknown>;
+}, {}, {}>;

package/components/mui_extended/TextField/slots/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TextFieldEnum';
+export * from './TextFieldSlots';

package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldDisabledOutlined.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Se aplica cuando el input está deshabilitado y no puede ser interactuado por el usuario.
+ *
+ * disabled
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+export declare const OutlinedDisabled: Story;
+export declare const WhitoutEndAdorment: Story;
+export declare const WhitAdorment: Story;
+export declare const WhitoutStartAdorment: Story;
+export declare const WhitoutAdorment: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldDisabledText.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Se aplica cuando el input está deshabilitado y no puede ser interactuado por el usuario.
+ *
+ * disabled
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+export declare const TextDisabled: Story;
+export declare const WhitoutEndAdorment: Story;
+export declare const WhitoutStartAdorment: Story;
+export declare const WhitAdorment: Story;
+export declare const WhitoutAdorment: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldSkeleton.stories.d.ts

@@ -0,0 +1,11 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+/**
+ * Se utiliza cuando el componente está esperando datos de una fuente externa, como una API.
+ *
+ * useModuleSkeleton
+ */
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+export declare const SkeletonBase: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/TextFieldErrorOutlined.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Error en variante outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
+ */
+export declare const ErrorOutlined: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/TextFieldErrorText.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ *  Error en variante outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
+ */
+export declare const ErrorText: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante outlined
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverOutlined: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateActive.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Active con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const ActiveText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateEnabled.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Enabled con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const EnabledText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateFocus.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Focus con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const FocusText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateHover.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Componente TextField en su estado Error Hover con variante text
+ * con diferentes configuraciones de adornos y variantes.
+ */
+export declare const HoverText: Story;
+export declare const WhitoutAdornments: Story;
+export declare const WhitAdornments: Story;
+export declare const WhitAdornmentsEnd: Story;
+export declare const WhitAdornmentsStart: Story;
+export default meta;

package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/TextFieldOutlined.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react/*';
+import { TextField } from '../../..';
+declare const meta: Meta<typeof TextField>;
+type Story = StoryObj<typeof TextField>;
+/**
+ * Story for the primary outlined variant of the TextField component.
+ */
+export declare const PrimaryOutlined: Story;
+export default meta;