@m4l/components 9.4.28 → 9.4.29-beta.0

package/components/extended/mui/IconButton/IconButton.styles.js

@@ -1,70 +1,70 @@
-import { g as getSizeStyles } from "../../../../utils/getSizeStyles/getSizeStyles.js";
-import { g as getIconButtonColors } from "./helpers/getIconButtonColors.js";
-const iconButtonStyles = {
+import { getSizeStyles as i } from "../../../../utils/getSizeStyles/getSizeStyles.js";
+import { getIconButtonColors as l } from "./helpers/getIconButtonColors.js";
+const d = {
   /**
    * 🔘 Estilos generales para el componente IconButton
    * Define la apariencia base y todos los estados interactivos
    */
-  styledMUIIconButton: ({ ownerState, theme }) => {
-    const paletteColor = ownerState?.disabled ? theme.vars.palette["default"] : theme.vars.palette[ownerState?.color || "default"];
+  styledMUIIconButton: ({ ownerState: o, theme: c }) => {
+    const r = o?.disabled ? c.vars.palette.default : c.vars.palette[o?.color || "default"];
     return {
       "&&&": {
         // 🔧 Triple & para aumentar la especificidad CSS
         overflow: "hidden",
-        cursor: ownerState?.disabled ? "not-allowed" : "pointer",
-        color: theme.vars.palette.text.primary,
-        borderRadius: theme.size.borderRadius["r1-5"],
-        pointerEvents: ownerState?.disabled ? "none" : "auto",
-        display: ownerState?.isSkeleton ? "none" : "flex",
+        cursor: o?.disabled ? "not-allowed" : "pointer",
+        color: c.vars.palette.text.primary,
+        borderRadius: c.size.borderRadius["r1-5"],
+        pointerEvents: o?.disabled ? "none" : "auto",
+        display: o?.isSkeleton ? "none" : "flex",
         justifyContent: "center",
         padding: 0,
         // 🖼️ Estilos para el icono dentro del botón
         "&&& .M4LIcon-icon": {
-          backgroundColor: ownerState?.variant === "contained" ? paletteColor.contrastText : paletteColor.semanticText
+          backgroundColor: o?.variant === "contained" ? r.contrastText : r.semanticText
         },
         // 🔍 Estado Focus-visible
         "&:focus-visible": {
-          outline: theme.vars.size.borderStroke.container,
-          outlineColor: theme.vars.palette.default.focusVisible,
+          outline: c.vars.size.borderStroke.container,
+          outlineColor: c.vars.palette.default.focusVisible,
           outlineOffset: "-1px",
-          ...ownerState?.variant === "outline" && {
-            backgroundColor: paletteColor.hoverOpacity
+          ...o?.variant === "outline" && {
+            backgroundColor: r.hoverOpacity
           },
-          ...ownerState?.variant === "text" && {
-            backgroundColor: paletteColor.hoverOpacity
+          ...o?.variant === "text" && {
+            backgroundColor: r.hoverOpacity
           }
         },
         "&:-webkit-any-link:focus-visible": {
-          outline: theme.vars.size.borderStroke.container,
-          outlineColor: theme.vars.palette.default.focusVisible,
+          outline: c.vars.size.borderStroke.container,
+          outlineColor: c.vars.palette.default.focusVisible,
           outlineOffset: "-1px"
         },
         /**
          * ✅ ESTADO SELECCIONADO
          * Maneja la apariencia cuando el botón está seleccionado (selected=true)
          */
-        ...ownerState?.selected === true ? {
+        ...o?.selected === !0 ? {
           // Estilos para la variante contained
-          ...ownerState?.variant === "contained" && {
+          ...o?.variant === "contained" && {
             // 🎯 Color de fondo según variante y color del componente
-            backgroundColor: ownerState?.variant === "contained" ? ownerState?.color === "error" ? paletteColor.active : ownerState?.color === "default" ? theme.vars.palette.primary.selected : ownerState?.color === "success" ? theme.vars.palette.success.selected : paletteColor.selected : ownerState?.color === "error" ? paletteColor.activeOpacity : paletteColor.selectedOpacity,
+            backgroundColor: o?.variant === "contained" ? o?.color === "error" ? r.active : o?.color === "default" ? c.vars.palette.primary.selected : o?.color === "success" ? c.vars.palette.success.selected : r.selected : o?.color === "error" ? r.activeOpacity : r.selectedOpacity,
             "&&& .M4LIcon-icon": {
-              backgroundColor: ownerState?.variant === "contained" ? theme.vars.palette.primary.contrastText : paletteColor.semanticText
+              backgroundColor: o?.variant === "contained" ? c.vars.palette.primary.contrastText : r.semanticText
             }
           },
           // Estilos para la variante text
-          ...ownerState.variant === "outline" && {
-            backgroundColor: ownerState.color === "default" ? theme.vars.palette.primary.selectedOpacity : paletteColor.selectedOpacity,
-            border: theme.vars.size.borderStroke.actionInput,
-            borderColor: ownerState.color === "default" ? theme.vars.palette.primary.active : paletteColor.active,
+          ...o.variant === "outline" && {
+            backgroundColor: o.color === "default" ? c.vars.palette.primary.selectedOpacity : r.selectedOpacity,
+            border: c.vars.size.borderStroke.actionInput,
+            borderColor: o.color === "default" ? c.vars.palette.primary.active : r.active,
             "&&& .M4LIcon-icon": {
-              backgroundColor: ownerState.color === "default" ? theme.vars.palette.primary.semanticText : ownerState.color === "warning" ? paletteColor.active : paletteColor.selected
+              backgroundColor: o.color === "default" ? c.vars.palette.primary.semanticText : o.color === "warning" ? r.active : r.selected
             }
           },
-          ...ownerState.variant === "text" && {
-            backgroundColor: ownerState.color === "default" ? theme.vars.palette.primary.selectedOpacity : paletteColor.selectedOpacity,
+          ...o.variant === "text" && {
+            backgroundColor: o.color === "default" ? c.vars.palette.primary.selectedOpacity : r.selectedOpacity,
             "&&& .M4LIcon-icon": {
-              backgroundColor: ownerState.color === "default" ? theme.vars.palette.primary.semanticText : ownerState.color === "warning" ? paletteColor.active : paletteColor.selected
+              backgroundColor: o.color === "default" ? c.vars.palette.primary.semanticText : o.color === "warning" ? r.active : r.selected
             }
           }
         } : {
@@ -76,20 +76,20 @@ const iconButtonStyles = {
            * 📝 VARIANTE TEXT
            * Apariencia base y estados interactivos para la variante text
            */
-          ...ownerState?.variant === "text" && {
+          ...o?.variant === "text" && {
             "&&& .M4LIcon-icon": {
-              backgroundColor: paletteColor.semanticText
+              backgroundColor: r.semanticText
             },
             // 🖱️ Estado Hover
             "&:hover": {
-              backgroundColor: paletteColor.hoverOpacity,
+              backgroundColor: r.hoverOpacity,
               "&&& .M4LIcon-icon": {}
             },
             // 👇 Estado Active
             "&:active": {
-              backgroundColor: paletteColor.activeOpacity,
+              backgroundColor: r.activeOpacity,
               "&&& .M4LIcon-icon": {
-                backgroundColor: ownerState?.color === "default" ? paletteColor.semanticText : paletteColor.active
+                backgroundColor: o?.color === "default" ? r.semanticText : r.active
               }
             }
           },
@@ -97,26 +97,26 @@ const iconButtonStyles = {
            * ⚪ VARIANTE OUTLINE
            * Apariencia base y estados interactivos para la variante outline
            */
-          ...ownerState?.variant === "outline" && {
+          ...o?.variant === "outline" && {
             // 🖋️ Borde diferente según el color del componente
-            ...ownerState?.color !== "default" && {
-              border: `1px solid ${paletteColor.enabled}`
+            ...o?.color !== "default" && {
+              border: `1px solid ${r.enabled}`
             },
-            ...ownerState?.color === "default" && {
-              border: `1px solid ${theme.vars.palette.border.default}`
+            ...o?.color === "default" && {
+              border: `1px solid ${c.vars.palette.border.default}`
             },
             // 🖱️ Estado Hover
             "&:hover": {
-              background: paletteColor.hoverOpacity,
-              border: ownerState.color === "default" ? `1px solid ${theme.vars.palette.border.default}` : `1px solid ${paletteColor.hover}`,
+              background: r.hoverOpacity,
+              border: o.color === "default" ? `1px solid ${c.vars.palette.border.default}` : `1px solid ${r.hover}`,
               "&&& .M4LIcon-icon": {}
             },
             // 👇 Estado Active
             "&:active": {
-              background: paletteColor.activeOpacity,
-              border: ownerState.color === "default" ? `1px solid ${theme.vars.palette.border.default}` : `1px solid ${paletteColor.active}`,
+              background: r.activeOpacity,
+              border: o.color === "default" ? `1px solid ${c.vars.palette.border.default}` : `1px solid ${r.active}`,
               "&&& .M4LIcon-icon": {
-                backgroundColor: ownerState?.color === "default" ? paletteColor.semanticText : paletteColor.active
+                backgroundColor: o?.color === "default" ? r.semanticText : r.active
               }
             }
           },
@@ -124,19 +124,19 @@ const iconButtonStyles = {
            * 🔵 VARIANTE CONTAINED
            * Apariencia base y estados interactivos para la variante contained
            */
-          ...ownerState?.variant === "contained" && {
-            backgroundColor: paletteColor.enabled,
+          ...o?.variant === "contained" && {
+            backgroundColor: r.enabled,
             // 🖼️ Color del icono
             "&&& .M4LIcon-icon": {
-              backgroundColor: ownerState?.color === "default" ? paletteColor.semanticText : paletteColor.contrastText
+              backgroundColor: o?.color === "default" ? r.semanticText : r.contrastText
             },
             // 🖱️ Estado Hover
             "&:hover": {
-              background: paletteColor.hover
+              background: r.hover
             },
             // 👇 Estado Active
             "&:active": {
-              background: paletteColor.active
+              background: r.active
             }
           }
         },
@@ -144,25 +144,23 @@ const iconButtonStyles = {
          * 🚫 ESTADO DISABLED
          * Estilos específicos para cuando el botón está deshabilitado
          */
-        ...ownerState?.disabled === true && {
+        ...o?.disabled === !0 && {
           "&&& .M4LIcon-icon": {
-            color: theme.vars.palette.text.disabled
+            color: c.vars.palette.text.disabled
           }
         },
         /**
          * 📏 TAMAÑOS DEL COMPONENTE
          * Aplica dimensiones según el tamaño especificado (small, medium, large)
          */
-        ...getSizeStyles(
-          theme,
-          ownerState?.size || "medium",
+        ...i(
+          c,
+          o?.size || "medium",
           "action",
-          (size) => {
-            return {
-              width: size,
-              height: size
-            };
-          }
+          (a) => ({
+            width: a,
+            height: a
+          })
         ),
         // 🔲 Estilos para el imagen dentro del botón
         "&&& .M4LImage-root": {
@@ -182,18 +180,16 @@ const iconButtonStyles = {
    * ⌛ Estilos para el estado skeleton del IconButton
    * Aplicados cuando se muestra un esqueleto de carga
    */
-  skeleton: ({ theme, ownerState }) => ({
+  skeleton: ({ theme: o, ownerState: c }) => ({
     "&.M4lclassCssSpecificity": {
-      ...getSizeStyles(
-        theme,
-        ownerState?.size || "medium",
+      ...i(
+        o,
+        c?.size || "medium",
         "action",
-        (size) => {
-          return {
-            width: size,
-            height: size
-          };
-        }
+        (r) => ({
+          width: r,
+          height: r
+        })
       )
     }
   }),
@@ -201,15 +197,15 @@ const iconButtonStyles = {
    * 🎭 Estilos específicos para el icono dentro del IconButton
    * Personaliza el color del icono según el estado del botón
    */
-  icon: ({ theme, ownerState }) => {
-    const { iconColor } = getIconButtonColors(theme, ownerState);
+  icon: ({ theme: o, ownerState: c }) => {
+    const { iconColor: r } = l(o, c);
     return {
       '& [class*="M4LIcon-icon"]': {
-        backgroundColor: iconColor
+        backgroundColor: r
       }
     };
   }
 };
 export {
-  iconButtonStyles as i
+  d as iconButtonStyles
 };

package/components/extended/mui/IconButton/constants.d.ts

@@ -2,4 +2,5 @@ export declare const ICON_BUTTON_KEY_COMPONENT = "M4LIconButton";
 /**
  * Inventario de clases CSS para el componente TextField
  */
-export declare const ICON_BUTTON_CLASSES: Record<"text" | "selected" | "contained" | "skeleton" | "outline" | "styledMUIIconButton" | "badgeIconButton" | "icon", string>;
+export declare const ICON_BUTTON_CLASSES: Record<"selected" | "contained" | "text" | "skeleton" | "outline" | "styledMUIIconButton" | "badgeIconButton" | "icon", string>;
+//# sourceMappingURL=constants.d.ts.map

package/components/extended/mui/IconButton/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/IconButton/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,kBAAkB,CAAC;AAezD;;GAEG;AACH,eAAO,MAAM,mBAAmB,iIAA2E,CAAC"}

package/components/extended/mui/IconButton/constants.js

@@ -1,18 +1,15 @@
-import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
-import { I as IconButtonSlots } from "./slots/IconButtonEnum.js";
-const ICON_BUTTON_KEY_COMPONENT = "M4LIconButton";
-const IconButtonComplementaryClasses = {
+import { getComponentClasses as t } from "../../../../utils/getComponentSlotRoot.js";
+import { IconButtonSlots as o } from "./slots/IconButtonEnum.js";
+const n = "M4LIconButton", e = {
   selected: "selected",
   contained: "contained",
   outline: "outline",
   text: "text"
-};
-const IconButtonCombineClasses = {
-  ...IconButtonSlots,
-  ...IconButtonComplementaryClasses
-};
-const ICON_BUTTON_CLASSES = getComponentClasses(ICON_BUTTON_KEY_COMPONENT, IconButtonCombineClasses);
+}, s = {
+  ...o,
+  ...e
+}, l = t(n, s);
 export {
-  ICON_BUTTON_CLASSES as I,
-  ICON_BUTTON_KEY_COMPONENT as a
+  l as ICON_BUTTON_CLASSES,
+  n as ICON_BUTTON_KEY_COMPONENT
 };

package/components/extended/mui/IconButton/helpers/evalIconColor.d.ts

@@ -5,3 +5,4 @@ import { IconButtonVariants } from '../types';
  * Evalúa el color correcto según figma para ser usado en el slot icon.
  */
 export declare const evalIconColor: (color: ComponentPalletColor, variant: IconButtonVariants) => IconProps["color"];
+//# sourceMappingURL=evalIconColor.d.ts.map

package/components/extended/mui/IconButton/helpers/evalIconColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"evalIconColor.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/IconButton/helpers/evalIconColor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAC9C;;GAEG;AACH,eAAO,MAAM,aAAa,GACxB,OAAO,oBAAoB,EAC3B,SAAS,kBAAkB,KAC1B,SAAS,CAAC,OAAO,CAuBnB,CAAC"}

package/components/extended/mui/IconButton/helpers/evalIconColor.js

@@ -1,27 +1,4 @@
-const evalIconColor = (color, variant) => {
-  if (variant === "contained" && color !== "default") {
-    return "primary.contrastText";
-  }
-  if (color === "default") {
-    return "text.primary";
-  }
-  if (color === "primary") {
-    return "primary.enabled";
-  }
-  if (color === "warning") {
-    return "warning.enabled";
-  }
-  if (color === "error") {
-    return "error.enabled";
-  }
-  if (color === "success") {
-    return "success.enabled";
-  }
-  if (color === "info") {
-    return "info.enabled";
-  }
-  return "text.primary";
-};
+const n = (r, e) => e === "contained" && r !== "default" ? "primary.contrastText" : r === "default" ? "text.primary" : r === "primary" ? "primary.enabled" : r === "warning" ? "warning.enabled" : r === "error" ? "error.enabled" : r === "success" ? "success.enabled" : r === "info" ? "info.enabled" : "text.primary";
 export {
-  evalIconColor as e
+  n as evalIconColor
 };

package/components/extended/mui/IconButton/helpers/getIconButtonColors.d.ts

@@ -11,3 +11,4 @@ export declare const getIconButtonColors: (theme: Theme, ownerState?: Partial<Ic
     borderColor: string;
     bgFocusVisible: string;
 };
+//# sourceMappingURL=getIconButtonColors.d.ts.map

package/components/extended/mui/IconButton/helpers/getIconButtonColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconButtonColors.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/IconButton/helpers/getIconButtonColors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,KAAK,EAAE,aAAa,OAAO,CAAC,oBAAoB,CAAC;;;;;;;CAiC3F,CAAC"}

package/components/extended/mui/IconButton/helpers/getIconButtonColors.js

@@ -1,30 +1,9 @@
-const getIconButtonColors = (theme, ownerState) => {
-  const paletteColor = ownerState?.disabled ? theme.vars.palette["default"] : theme.vars.palette[ownerState?.color || "default"];
-  const isSelected = ownerState?.disabled ? false : ownerState?.selected;
-  let bgColor = paletteColor.enabled;
-  let bgColorHover = paletteColor.hoverOpacity;
-  let bgColorActive = paletteColor.activeOpacity;
-  let iconColor = paletteColor.semanticText;
-  const borderColor = paletteColor.enabled;
-  if (ownerState?.variant === "contained") {
-    if (isSelected) {
-      bgColor = paletteColor.selected;
-    }
-    bgColorHover = paletteColor.hover;
-    bgColorActive = paletteColor.active;
-    iconColor = paletteColor.contrastText;
-  } else {
-    if (isSelected) {
-      bgColor = paletteColor.selectedOpacity;
-    } else {
-      bgColor = "unset";
-    }
-  }
-  if (ownerState?.disabled) {
-    iconColor = theme.vars.palette.text.disabled;
-  }
-  return { bgColor, bgColorHover, bgColorActive, iconColor, borderColor, bgFocusVisible: paletteColor.focusVisible };
+const r = (o, l) => {
+  const e = l?.disabled ? o.vars.palette.default : o.vars.palette[l?.color || "default"], i = l?.disabled ? !1 : l?.selected;
+  let t = e.enabled, c = e.hoverOpacity, a = e.activeOpacity, s = e.semanticText;
+  const d = e.enabled;
+  return l?.variant === "contained" ? (i && (t = e.selected), c = e.hover, a = e.active, s = e.contrastText) : i ? t = e.selectedOpacity : t = "unset", l?.disabled && (s = o.vars.palette.text.disabled), { bgColor: t, bgColorHover: c, bgColorActive: a, iconColor: s, borderColor: d, bgFocusVisible: e.focusVisible };
 };
 export {
-  getIconButtonColors as g
+  r as getIconButtonColors
 };

package/components/extended/mui/IconButton/index.d.ts

@@ -1 +1,2 @@
 export { IconButton } from './IconButton';
+//# sourceMappingURL=index.d.ts.map

package/components/extended/mui/IconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/components/extended/mui/IconButton/slots/IconButtonEnum.d.ts

@@ -4,3 +4,4 @@ export declare enum IconButtonSlots {
     skeleton = "skeleton",
     icon = "icon"
 }
+//# sourceMappingURL=IconButtonEnum.d.ts.map

package/components/extended/mui/IconButton/slots/IconButtonEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/IconButton/slots/IconButtonEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,eAAe;IACzB,mBAAmB,wBAAwB;IAC3C,eAAe,oBAAoB;IACnC,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd"}

package/components/extended/mui/IconButton/slots/IconButtonEnum.js

@@ -1,10 +1,4 @@
-var IconButtonSlots = /* @__PURE__ */ ((IconButtonSlots2) => {
-  IconButtonSlots2["styledMUIIconButton"] = "styledMUIIconButton";
-  IconButtonSlots2["badgeIconButton"] = "badgeIconButton";
-  IconButtonSlots2["skeleton"] = "skeleton";
-  IconButtonSlots2["icon"] = "icon";
-  return IconButtonSlots2;
-})(IconButtonSlots || {});
+var n = /* @__PURE__ */ ((e) => (e.styledMUIIconButton = "styledMUIIconButton", e.badgeIconButton = "badgeIconButton", e.skeleton = "skeleton", e.icon = "icon", e))(n || {});
 export {
-  IconButtonSlots as I
+  n as IconButtonSlots
 };

package/components/extended/mui/IconButton/slots/IconButtonSlots.d.ts

@@ -1,6 +1,4 @@
-export declare const StyledMUIIconButton: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & 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;
-}, "size" | "children" | "disabled" | "action" | "color" | "className" | "style" | "classes" | "sx" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge">, "value" | "size" | "children" | "ref" | "title" | "name" | "id" | "type" | "disabled" | "action" | "color" | "content" | "translate" | "className" | "style" | "classes" | "sx" | "form" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "spellCheck" | "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" | "exportparts" | "part" | "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" | "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" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const StyledMUIIconButton: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "disabled" | "action" | "size" | "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge">, "disabled" | "action" | "size" | "title" | "color" | "content" | "translate" | "className" | "style" | "classes" | "children" | "sx" | "form" | "slot" | "ref" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "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" | "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" | "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" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "value" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
 export declare const BadgeStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Badge').BadgeProps, keyof import('../../Badge').BadgeProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
@@ -9,6 +7,7 @@ export declare const BadgeStyled: import('@emotion/styled').StyledComponent<Pick
 export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
-export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../../Icon').IconProps, "src" | "icon" | keyof import('../../../../Icon').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../..').IconProps, "src" | "icon" | keyof import('../../../..').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
     ownerState?: (Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>) | undefined;
 }, {}, {}>;
+//# sourceMappingURL=IconButtonSlots.d.ts.map

package/components/extended/mui/IconButton/slots/IconButtonSlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonSlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/IconButton/slots/IconButtonSlots.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,mBAAmB;;UAGS,CAAC;AAC1C,eAAO,MAAM,WAAW;;UAGa,CAAC;AACtC,eAAO,MAAM,cAAc;;UAGG,CAAC;AAC/B,eAAO,MAAM,UAAU;;UAGG,CAAC"}

package/components/extended/mui/IconButton/slots/IconButtonSlots.js

@@ -1,30 +1,29 @@
-import { IconButton } from "@mui/material";
-import { styled } from "@mui/material/styles";
-import { i as iconButtonStyles } from "../IconButton.styles.js";
-import { a as ICON_BUTTON_KEY_COMPONENT } from "../constants.js";
-import { I as IconButtonSlots } from "./IconButtonEnum.js";
-import { I as Icon } from "../../../../Icon/Icon.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
-import { B as Badge } from "../../Badge/Badge.js";
-const StyledMUIIconButton = styled(IconButton, {
-  name: ICON_BUTTON_KEY_COMPONENT,
-  slot: IconButtonSlots.styledMUIIconButton
-})(iconButtonStyles?.styledMUIIconButton);
-const BadgeStyled = styled(Badge, {
-  name: ICON_BUTTON_KEY_COMPONENT,
-  slot: IconButtonSlots.badgeIconButton
-})(iconButtonStyles?.badgeIconButton);
-const SkeletonStyled = styled(Skeleton, {
-  name: ICON_BUTTON_KEY_COMPONENT,
-  slot: IconButtonSlots.skeleton
-})(iconButtonStyles?.skeleton);
-const IconStyled = styled(Icon, {
-  name: ICON_BUTTON_KEY_COMPONENT,
-  slot: IconButtonSlots.icon
-})(iconButtonStyles?.icon);
+import { IconButton as m } from "@mui/material";
+import { styled as o } from "@mui/material/styles";
+import { Icon as r } from "../../../../Icon/Icon.js";
+import "@m4l/styles";
+import { Badge as l } from "../../Badge/Badge.js";
+import "../../Badge/slots/BadgeSlots.js";
+import { Skeleton as c } from "../../Skeleton/Skeleton.js";
+import { iconButtonStyles as t } from "../IconButton.styles.js";
+import { ICON_BUTTON_KEY_COMPONENT as n } from "../constants.js";
+import { IconButtonSlots as e } from "./IconButtonEnum.js";
+const S = o(m, {
+  name: n,
+  slot: e.styledMUIIconButton
+})(t?.styledMUIIconButton), g = o(l, {
+  name: n,
+  slot: e.badgeIconButton
+})(t?.badgeIconButton), k = o(c, {
+  name: n,
+  slot: e.skeleton
+})(t?.skeleton), M = o(r, {
+  name: n,
+  slot: e.icon
+})(t?.icon);
 export {
-  BadgeStyled as B,
-  IconStyled as I,
-  SkeletonStyled as S,
-  StyledMUIIconButton as a
+  g as BadgeStyled,
+  M as IconStyled,
+  k as SkeletonStyled,
+  S as StyledMUIIconButton
 };

package/components/extended/mui/IconButton/slots/index.d.ts

@@ -1,2 +1,3 @@
 export * from './IconButtonEnum';
 export * from './IconButtonSlots';
+//# sourceMappingURL=index.d.ts.map

package/components/extended/mui/IconButton/slots/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/IconButton/slots/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC"}

package/components/extended/mui/IconButton/types.d.ts

@@ -44,3 +44,4 @@ export type IconButtonOwnerState = Pick<IconButtonProps, 'size' | 'variant' | 's
 export type IconButtonSlotsType = keyof typeof IconButtonSlots;
 /** Tipo `IconButtonStyles` que tiene un overrides de los estilos del tema */
 export type IconButtonStyles = M4LOverridesStyleRules<IconButtonSlotsType, typeof ICON_BUTTON_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

package/components/extended/mui/IconButton/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/IconButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,2DAA2D;AAC3D,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,qDAAqD;AACrD,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEhD,MAAM,WAAW,eACf,SAAQ,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,iBAAiB,GAAG,SAAS,GAAG,gBAAgB,CAAC,CAAC,EAClH,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC,EAC/D,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IAE/B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uCAAuC;IACvC,KAAK,CAAC,EAAE,OAAO,CAAC,oBAAoB,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACxG,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qMAAqM;IACrM,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gHAAgH;IAChH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,UAAU,CAAC;CAEzB;AAED,kFAAkF;AAClF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC,GAAG;IACpG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,0EAA0E;AAC1E,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE/D,6EAA6E;AAC7E,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,OAAO,yBAAyB,EAAE,KAAK,CAAC,CAAC"}

package/components/extended/mui/ImageButton/ImageButton.d.ts

@@ -2,4 +2,5 @@ import { ImageButtonProps } from './types';
 /**
  * TODO: Documentar
  */
-export declare function ImageButton({ src, width, tooltip, sx, className, dataTestId, alt, ...other }: ImageButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageButton({ src, width, tooltip, sx, className, dataTestId, alt, ...other }: ImageButtonProps): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageButton.d.ts.map

package/components/extended/mui/ImageButton/ImageButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageButton.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/ImageButton/ImageButton.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,GAAG,EACH,KAAK,EACL,OAAO,EACP,EAAqB,EACrB,SAAS,EACT,UAAU,EACV,GAAG,EACH,GAAG,KAAK,EACT,EAAE,gBAAgB,oDAyBlB"}