@m4l/components 9.5.4-beta-feature-701-create-extended-library.0 → 9.5.4

package/components/extended/mui/Tooltip/slots/TooltipSlots.js

@@ -0,0 +1,20 @@
+import { styled as o } from "@mui/material/styles";
+import { Tooltip as m } from "@mui/material";
+import { TOOLTIP_KEY_COMPONENT as t } from "../constants.js";
+import { tooltipStyles as l } from "../Tooltip.styles.js";
+import { TooltipSlots as i } from "./TooltipEnum.js";
+const d = o(m, {
+  name: t,
+  slot: i.root
+})(l?.root), n = o("div", {
+  name: t,
+  slot: i.text
+})(l?.text), f = o("div", {
+  name: t,
+  slot: i.tooltip
+})(l?.tooltip);
+export {
+  d as RootStyled,
+  n as TextStyled,
+  f as TooltipStyled
+};

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

@@ -0,0 +1,3 @@
+export * from './TooltipEnum';
+export * from './TooltipSlots';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Tooltip/slots/index.tsx"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,28 @@
+import { ComponentNameToClassKey, SxProps, Theme, TooltipProps as MUITooltipProps } from '@mui/material';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Sizes } from '@m4l/styles';
+import { TooltipSlots } from './slots';
+import { TOOLTIP_KEY_COMPONENT } from './constants';
+import { M4LOverridesStyleRules } from '../../../../@types/augmentations';
+export interface TooltipProps extends Omit<MUITooltipProps, 'sx'> {
+    sx?: SxProps<Theme> | Partial<OverridesStyleRules<string, ComponentNameToClassKey, Theme>>;
+    /**
+     * Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium' , 'large'.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Tipo de flecha que se mostrará en el tooltip.
+     */
+    /**
+     * Define la posición general del tooltip en relación con el elemento de referencia.
+     */
+    placement?: MUITooltipProps['placement'];
+    /**
+     * Desplazamiento del tooltip en relación con el elemento de referencia (X, Y).
+     */
+    offset?: [number, number];
+}
+export type TooltipSlotsType = keyof typeof TooltipSlots;
+export type TooltipOwnerState = Pick<TooltipProps, 'size'>;
+export type TooltipStyles = M4LOverridesStyleRules<TooltipSlotsType, typeof TOOLTIP_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACxE,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAE1E,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC;IAC/D,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,OAAO,CAAC,mBAAmB,CAAC,MAAM,EAAE,uBAAuB,EAAE,KAAK,CAAC,CAAC,CAAC;IAC3F;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IAEH;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IACzC;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;AACD,MAAM,MAAM,gBAAgB,GAAG,MAAM,OAAO,YAAY,CAAC;AACzD,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC3D,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,EAAE,OAAO,qBAAqB,EAAE,KAAK,CAAC,CAAA"}

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

@@ -1,6 +1,22 @@
+import { TypographyProps } from './types';
 /**
- * @deprecated Import `Typography` from `@m4l/base` instead of importing `Typography` from `@m4l/components`. This compatibility alias will be removed from this package in a future release.
+ * El componente `Typography` es una extensión de MUI `Typography`
+ * que incorpora una capa adicional de diseño basada en el sistema de diseño,
+ * junto con la funcionalidad de skeleton.
+ *
+ * La capa de skeleton se utiliza para mostrar un marcador de posición mientras el contenido real está cargando.
+ * El componente puede configurarse para mostrar varias filas de skeleton.
+ * @param {TypographyProps} props - The properties for the Typography component.
+ * @param {string} [props.skeletonWidth] - The width of the skeleton loader.
+ * @param {number} [props.skeletonRows] - The number of rows for the skeleton loader.
+ * @param {string} [props.variant] - The variant of the typography.
+ * @param {string} [props.color] - The color of the typography.
+ * @param {string} [props.size] - The size of the typography.
+ * @param {string} [props.className] - Additional class names for the component.
+ * @param {string} [props.dataTestid] - The data-testid attribute for testing purposes.
+ * @param {React.ReactNode} [props.children] - The content of the typography.
+ * @param {object} [props.other] - Additional properties to be passed to the component.
+ * @returns {JSX.Element} The rendered Typography component.
  */
-declare const Typography: import('react').ForwardRefExoticComponent<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-export { Typography };
+export declare const Typography: import('react').ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
 //# sourceMappingURL=Typography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/Typography.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,QAAA,MAAM,UAAU,8IAAiB,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/Typography.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwB,eAAe,EAAE,MAAM,SAAS,CAAC;AAMhE;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,UAAU,0HAoDrB,CAAC"}

package/components/extended/mui/Typography/Typography.js

@@ -1,5 +1,58 @@
-import { Typography as p } from "@m4l/base";
-const r = p;
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import Y from "clsx";
+import { forwardRef as k } from "react";
+import { useModuleSkeleton as A } from "@m4l/core";
+import { TYPOGRAPHY_CLASSES as i, TYPOGRAPHY_KEY_COMPONENT as _, TYPOGRAPHY_CLASS_NAME_SPECIFY as g } from "./constants.js";
+import { TypographySlots as w } from "./slots/typographyEnum.js";
+import { StyledMUITypography as z, StyledSkeleton as N } from "./slots/typographySlots.js";
+import { getPropDataTestId as C } from "../../../../test/getNameDataTestId.js";
+import { useComponentSize as E } from "../../../../hooks/useComponentSize/useComponentSize.js";
+const D = k(function(n, l) {
+  const {
+    skeletonWidth: p = "100%",
+    skeletonRows: o = 1,
+    variant: e = "body",
+    color: d = "text.primary",
+    size: S,
+    className: c,
+    dataTestid: f,
+    children: y,
+    disabled: h,
+    ellipsis: u = !1,
+    fontFamily: T = "Inter",
+    ...P
+  } = n, r = A(), { currentSize: t } = E(S), s = {
+    disabled: h,
+    color: d,
+    size: t === "small" || t === "medium" ? t : "medium",
+    skeletonRows: o,
+    variant: e,
+    skeleton: r,
+    ellipsis: u,
+    fontFamily: T
+  };
+  return /* @__PURE__ */ m(
+    z,
+    {
+      ref: l,
+      className: Y(c, g, i.root),
+      variant: e,
+      ownerState: { ...s },
+      ...C(_, w.root, f),
+      ...P,
+      children: r ? Array.from({ length: o }).map((x, a) => /* @__PURE__ */ m(
+        N,
+        {
+          width: a === o - 1 ? p : "100%",
+          variant: "text",
+          ownerState: { ...s },
+          className: i.skeleton
+        },
+        a
+      )) : y
+    }
+  );
+});
 export {
-  r as Typography
+  D as Typography
 };

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

@@ -0,0 +1,18 @@
+/**
+ * Nombre de clase css usada para asociarse en los slots del componente.
+ */
+export declare const TYPOGRAPHY_KEY_COMPONENT = "M4LTypography";
+/**
+ * Nombre de clase creado para aportar especificidad a los estilos del componente. Es usado para sobreescribir los estilos de MUI sin
+ * tener la necesidad de agregar valores en !important.
+ */
+export declare const TYPOGRAPHY_CLASS_NAME_SPECIFY = "M4lclassCssSpecificity";
+/**
+ * Inventario de clases CSS para el componente Typography.
+ */
+export declare const TYPOGRAPHY_CLASSES: Record<"skeleton" | "root", string>;
+export declare const TYPOGRAPHY_FONTS: {
+    Inter: string;
+    Jura: string;
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/constants.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,wBAAwB,kBAAkB,CAAC;AACxD;;;GAGG;AACH,eAAO,MAAM,6BAA6B,2BAA2B,CAAC;AACtE;;GAEG;AACH,eAAO,MAAM,kBAAkB,qCAAiE,CAAC;AAEjG,eAAO,MAAM,gBAAgB;;;CAG5B,CAAC"}

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

@@ -0,0 +1,8 @@
+import { getComponentClasses as o } from "../../../../utils/getComponentSlotRoot.js";
+import { TypographySlots as s } from "./slots/typographyEnum.js";
+const t = "M4LTypography", S = "M4lclassCssSpecificity", Y = o(t, s);
+export {
+  Y as TYPOGRAPHY_CLASSES,
+  S as TYPOGRAPHY_CLASS_NAME_SPECIFY,
+  t as TYPOGRAPHY_KEY_COMPONENT
+};

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

@@ -1,4 +1,3 @@
 export { Typography } from './Typography';
-export type { TypographyColors, TypographyFontsFamily, TypographyOwnerState, TypographyProps, TypographySlotsType, TypographyStyles, } from '@m4l/base';
-export { TYPOGRAPHY_CLASS_NAME_SPECIFY, TYPOGRAPHY_CLASSES, TYPOGRAPHY_FONTS, TYPOGRAPHY_KEY_COMPONENT, } from '@m4l/base';
+export type { TypographyProps } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,6BAA6B,EAC7B,kBAAkB,EAClB,gBAAgB,EAChB,wBAAwB,GACzB,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/components/extended/mui/Typography/slots/typographyEnum.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Slots del componente Typography
+ */
+export declare enum TypographySlots {
+    root = "root",
+    skeleton = "skeleton"
+}
+//# sourceMappingURL=typographyEnum.d.ts.map

package/components/extended/mui/Typography/slots/typographyEnum.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typographyEnum.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Typography/slots/typographyEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,QAAQ,aAAa;CACtB"}

package/components/extended/mui/Typography/slots/typographyEnum.js

@@ -0,0 +1,4 @@
+var o = /* @__PURE__ */ ((e) => (e.root = "root", e.skeleton = "skeleton", e))(o || {});
+export {
+  o as TypographySlots
+};

package/components/extended/mui/Typography/slots/typographySlots.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Componente slot styled de Mui Typography
+ */
+export declare const StyledMUITypography: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "zIndex" | "variant" | "color" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "variantMapping">, "title" | "zIndex" | "variant" | "color" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
+    ownerState?: (Partial<import('../types').TypographyOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+/**
+ * Componente slot styled de Skeleton
+ */
+export declare const StyledSkeleton: 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').TypographyOwnerState> & Record<string, unknown>) | undefined;
+}, {}, {}>;
+//# sourceMappingURL=typographySlots.d.ts.map

package/components/extended/mui/Typography/slots/typographySlots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typographySlots.d.ts","sourceRoot":"","sources":["../../../../../../../../../packages/components/src/components/extended/mui/Typography/slots/typographySlots.ts"],"names":[],"mappings":"AAMA;;GAEG;AACH,eAAO,MAAM,mBAAmB;;UAGN,CAAC;AAC3B;;GAEG;AACH,eAAO,MAAM,cAAc;;UAGG,CAAC"}

package/components/extended/mui/Typography/slots/typographySlots.js

@@ -0,0 +1,17 @@
+import { Typography as m } from "@mui/material";
+import { styled as o } from "@mui/material/styles";
+import { TYPOGRAPHY_KEY_COMPONENT as t } from "../constants.js";
+import { TypographySlots as r } from "./typographyEnum.js";
+import { typographyStyles as p } from "../typography.styles.js";
+import { Skeleton as e } from "../../Skeleton/Skeleton.js";
+const i = o(m, {
+  name: t,
+  slot: r.root
+})(p?.root), S = o(e, {
+  name: t,
+  slot: r.root
+})(p?.skeleton);
+export {
+  i as StyledMUITypography,
+  S as StyledSkeleton
+};

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

@@ -0,0 +1,79 @@
+import { TypographyProps as MUITypographyProps, Theme } from '@mui/material';
+import { Sizes, TypographyVariants } from '@m4l/styles';
+import { TypographySlots } from './slots/typographyEnum';
+import { TYPOGRAPHY_KEY_COMPONENT } from './constants';
+import { M4LOverridesStyleRules } from '../../../../@types/augmentations';
+import { DeepKeyOf } from '../../../../utils/types';
+/**
+ * Define los colores de tipografía disponibles para el componente.
+ */
+export type TypographyColors = 'text.primary' | 'text.secondary' | 'text.disabled' | string;
+export type TypographyFontsFamily = 'Inter' | 'Jura';
+/**
+ * Define la propiedades del componente, se une a las capacidades originales de MUI Typography.
+ */
+export interface TypographyProps extends Omit<MUITypographyProps, 'color' | 'variant' | 'children' | 'size'> {
+    /**
+     * Anchura del elemento Skeleton.
+     */
+    skeletonWidth?: string | number;
+    /**
+     * Número de filas de texto que se visualizan en skeleton, pueden ser mínimo una y máximo cinco.
+     */
+    skeletonRows?: 1 | 2 | 3 | 4 | 5;
+    /**
+     * Opción de color usada para pintar el componente.
+     */
+    color?: DeepKeyOf<Theme['vars']['palette']> | string;
+    /**
+     * Opciones de tamaño del componente.
+     */
+    size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * Listas de variantes de tipografía disponibles para la aplicación web.
+     */
+    variant?: TypographyVariants;
+    /**
+     * Contenido del componente.
+     */
+    children?: React.ReactNode;
+    /**
+     * Nombre identificador del componente, es útil para realizar pruebas del componente.
+     */
+    dataTestid?: string;
+    /** Sirve para vincular un elemento de etiqueta con un elemento de formulario, como un campo de entrada, lo que permite que al hacer clic en el texto de la etiqueta, se active el campo correspondiente*/
+    htmlFor?: string | undefined;
+    /** Si esta disabled, el texto pasa a text.disabled */
+    disabled?: boolean;
+    /**
+     * Si se activa, el texto se corta y se muestra un elipsis.
+     */
+    ellipsis?: boolean;
+    /**
+     * Familia de fuentes a usar para el componente.
+     */
+    fontFamily?: TypographyFontsFamily;
+}
+/**
+ * Define valores de estado necesarios para estilar el componente.
+ */
+export interface TypographyOwnerState {
+    disabled?: boolean;
+    color: TypographyProps['color'];
+    variant: TypographyProps['variant'];
+    size: TypographyProps['size'];
+    skeletonRows: TypographyProps['skeletonRows'];
+    skeleton: boolean;
+    ellipsis: TypographyProps['ellipsis'];
+    fontFamily: TypographyProps['fontFamily'];
+}
+/**
+ * Agrupa la lista de slots del componente.
+ */
+export type TypographySlotsType = keyof typeof TypographySlots;
+/**
+ * Define las capacidades de estilos css disponibles para los slots del componente,
+ * también asocia la clase TYPOGRAPHY_KEY_COMPONENT a cada slot.
+ */
+export type TypographyStyles = M4LOverridesStyleRules<TypographySlotsType, typeof TYPOGRAPHY_KEY_COMPONENT, Theme>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,kBAAkB,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,MAAM,CAAC;AAE5F,MAAM,MAAM,qBAAqB,GAAG,OAAO,GAAG,MAAM,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1G;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;IACrD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0MAA0M;IAC1M,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;CACpC;AACD;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,IAAI,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IACtC,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAC;CAC3C;AACD;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,OAAO,eAAe,CAAC;AAC/D;;;GAGG;AACH,MAAM,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,mBAAmB,EAAE,OAAO,wBAAwB,EAAE,KAAK,CAAC,CAAC"}

package/components/extended/mui/Typography/typography.styles.d.ts

@@ -0,0 +1,3 @@
+import { TypographyStyles } from './types';
+export declare const typographyStyles: TypographyStyles;
+//# sourceMappingURL=typography.styles.d.ts.map

package/components/extended/mui/Typography/typography.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.styles.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/extended/mui/Typography/typography.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,eAAO,MAAM,gBAAgB,EAAE,gBAwD9B,CAAC"}

package/components/extended/mui/Typography/typography.styles.js

@@ -0,0 +1,59 @@
+import { getPropertyByString as s } from "@m4l/core";
+import { getSizeStyles as o } from "../../../../utils/getSizeStyles/getSizeStyles.js";
+import { getTypographyStyles as e } from "../../../../utils/getTypographyStyles.js";
+const y = {
+  /**
+   * Slot: root
+   * Componente extendido de MUI Typography, que permite personalizar los estilos del componente.
+   */
+  root: ({ ownerState: i, theme: l }) => ({
+    margin: 0,
+    cursor: "default",
+    ...i?.fontFamily && i?.fontFamily !== "Inter" && {
+      fontFamily: i?.fontFamily
+    },
+    "&.M4lclassCssSpecificity": {
+      // Estilos generales 🌐
+      // skeleton spacing when multiple rows 🦴
+      ...i?.skeletonRows && i?.skeletonRows > 1 && {
+        display: "flex",
+        flexDirection: "column"
+      },
+      // Override de estilos generales de MUI 🚫
+      // color text.disabled 🎨
+      ...i?.disabled || i?.color === "text.disabled" ? {
+        color: l.vars.palette.text.disabled
+      } : {
+        color: s(l.vars.palette, i?.color || "text.primary", "text.primary")
+      },
+      ...e(
+        l.generalSettings.isMobile,
+        i?.size || "medium",
+        i?.variant || "body"
+      ),
+      // ellipsis 🔤
+      ...i?.ellipsis && {
+        overflow: "hidden",
+        textOverflow: "ellipsis",
+        whiteSpace: "nowrap"
+      }
+    },
+    ...i?.skeleton ? {
+      width: i?.width ? i?.width : "100%"
+    } : {},
+    variants: []
+  }),
+  /**
+   * Slot: skeleton
+   */
+  skeleton: ({ theme: i, ownerState: l }) => ({
+    ...o(
+      i,
+      l?.size || "medium",
+      "base"
+    )
+  })
+};
+export {
+  y as typographyStyles
+};

package/components/extended/rsuite/DateRangePicker/DateRangePicker.js

@@ -7,7 +7,7 @@ import { clsx as h } from "clsx";
 import { TEST_PROP_ID as m } from "../../../../test/constants_no_mock.js";
 import { DateRangePicker as O } from "rsuite";
 import { DateTimeCreatedOutlined as T } from "@m4l/icons";
-import { Icon as y } from "@m4l/base";
+import { Icon as y } from "../../../Icon/Icon.js";
 const z = N((a, c) => {
   const {
     value: t,

package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.d.ts

@@ -1,10 +1,10 @@
-export declare const BooleanFormatterIconStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/base').IconProps, "src" | "icon" | keyof import('@m4l/base').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown> & {
+export declare const BooleanFormatterIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../..').IconProps, "src" | "icon" | keyof import('../../..').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const BooleanFormatterIconCheckFalseStyled: import('@emotion/styled').StyledComponent<Pick<import('@m4l/base').IconProps, "src" | "icon" | keyof import('@m4l/base').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown> & {
+export declare const BooleanFormatterIconCheckFalseStyled: import('@emotion/styled').StyledComponent<Pick<import('../../..').IconProps, "src" | "icon" | keyof import('../../..').IconBaseProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
-export declare const BooleanFormatterRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('@m4l/base').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "skeletonWidth" | "ellipsis" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonRows" | "htmlFor" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown> & {
+export declare const BooleanFormatterRootStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../..').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "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" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "htmlFor" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown>;
 }, {}, {}>;
 export declare const BooleanFormatterChipStyled: import('@emotion/styled').StyledComponent<Pick<import('../../..').ChipProps & import('react').RefAttributes<HTMLDivElement>, keyof import('react').RefAttributes<HTMLDivElement> | keyof import('../../..').ChipProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').BooleanFormatterOwnerState> & Record<string, unknown> & {

package/components/formatters/BooleanFormatter/slots/BooleanFormatterSlots.js

@@ -1,25 +1,26 @@
 import { styled as o } from "@mui/material/styles";
 import { BOOLEAN_FORMATTER_KEY_COMPONENT as t } from "../constants.js";
-import { BooleanFormatterSlots as e } from "./BooleanFormatterEnum.js";
-import { booleanFormatterStyles as r } from "../BooleanFormatter.styles.js";
-import { Typography as n, Icon as m } from "@m4l/base";
+import { BooleanFormatterSlots as r } from "./BooleanFormatterEnum.js";
+import { booleanFormatterStyles as e } from "../BooleanFormatter.styles.js";
+import { Icon as m } from "../../../Icon/Icon.js";
+import { Typography as n } from "../../../extended/mui/Typography/Typography.js";
 import { Chip as a } from "../../../Chip/Chip.js";
-const h = o(m, {
+const y = o(m, {
   name: t,
-  slot: e.icon
-})(r?.icon), y = o(m, {
+  slot: r.icon
+})(e?.icon), f = o(m, {
   name: t,
-  slot: e.iconCheckFalse
-})(r?.iconCheckFalse), f = o(n, {
+  slot: r.iconCheckFalse
+})(e?.iconCheckFalse), B = o(n, {
   name: t,
-  slot: e.root
-})(r?.root), B = o(a, {
+  slot: r.root
+})(e?.root), C = o(a, {
   name: t,
-  slot: e.chip
-})(r?.chip);
+  slot: r.chip
+})(e?.chip);
 export {
-  B as BooleanFormatterChipStyled,
-  y as BooleanFormatterIconCheckFalseStyled,
-  h as BooleanFormatterIconStyled,
-  f as BooleanFormatterRootStyled
+  C as BooleanFormatterChipStyled,
+  f as BooleanFormatterIconCheckFalseStyled,
+  y as BooleanFormatterIconStyled,
+  B as BooleanFormatterRootStyled
 };