@m4l/components 7.0.0 → 7.1.2

package/components/mui_extended/Badge/slots/BadgeSlots.js

@@ -0,0 +1,12 @@
+import { Badge } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { B as BadgeSlots } from "./BadgeEnum.js";
+import { B as BADGE_LABEL_KEY_COMPONENT } from "../constants.js";
+import { b as badgeStyles } from "../Badge.styles.js";
+const BadgeRootStyled = styled(Badge, {
+  name: BADGE_LABEL_KEY_COMPONENT,
+  slot: BadgeSlots.rootBadge
+})(badgeStyles?.rootBadge);
+export {
+  BadgeRootStyled as B
+};

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

@@ -8,6 +8,6 @@ export interface BadgeProps extends MUIBadgeProps {
     dataTestId?: string;
     size?: Sizes;
 }
-export declare type BadgeSlotsType = keyof typeof BadgeSlots;
-export declare type BadgeOwnerState = {};
-export declare type BadgeStyles = Partial<OverridesStyleRules<BadgeSlotsType, typeof BADGE_LABEL_KEY_COMPONENT, Theme> | undefined> | undefined;
+export type BadgeSlotsType = keyof typeof BadgeSlots;
+export type BadgeOwnerState = {};
+export type BadgeStyles = Partial<OverridesStyleRules<BadgeSlotsType, typeof BADGE_LABEL_KEY_COMPONENT, Theme> | undefined> | undefined;

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

@@ -1,2 +1,5 @@
 import { BoxIconProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export declare function BoxIcon({ src, sx }: BoxIconProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/BoxIcon/index.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { Box } from "@mui/material";
+function BoxIcon({ src, sx }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: "span",
+      sx: {
+        width: 20,
+        height: 20,
+        display: "inline-block",
+        bgcolor: "currentColor",
+        mask: `url(${src}) no-repeat center / contain`,
+        WebkitMask: `url(${src}) no-repeat center / contain`,
+        ...sx
+      }
+    }
+  );
+}
+export {
+  BoxIcon as B
+};

package/components/mui_extended/Breadcrumbs/components/LinkItem/index.d.ts

@@ -1,2 +1,5 @@
 import { LinkItemProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export declare function LinkItem({ link }: LinkItemProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Breadcrumbs/components/LinkItem/index.js

@@ -0,0 +1,31 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Link as Link$1 } from "react-router-dom";
+import { useModuleDictionary } from "@m4l/core";
+import { Link, Box } from "@mui/material";
+function LinkItem({ link }) {
+  const { href, name, icon, dictionaryField: dictionaryDescription } = link;
+  const { getLabel } = useModuleDictionary();
+  return /* @__PURE__ */ jsxs(
+    Link,
+    {
+      variant: "body2",
+      component: Link$1,
+      to: href || "#",
+      sx: {
+        lineHeight: 2,
+        display: "flex",
+        alignItems: "center",
+        color: "text.primary",
+        "& > div": { display: "inherit" }
+      },
+      children: [
+        icon && /* @__PURE__ */ jsx(Box, { sx: { mr: 1, "& svg": { width: 20, height: 20 } }, children: icon }),
+        dictionaryDescription !== void 0 && getLabel ? getLabel(dictionaryDescription) : name
+      ]
+    },
+    name
+  );
+}
+export {
+  LinkItem as L
+};

package/components/mui_extended/Breadcrumbs/components/LinkItem/types.d.ts

@@ -1,4 +1,4 @@
 import { TLink } from '../../types';
-export declare type LinkItemProps = {
+export type LinkItemProps = {
     link: TLink;
 };

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

@@ -1,3 +1,6 @@
-import type { BreadcrumbsProps } from './types';
+import { BreadcrumbsProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

package/components/mui_extended/Breadcrumbs/index.js

@@ -0,0 +1,64 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { Typography, Breadcrumbs as Breadcrumbs$1, Box } from "@mui/material";
+import { L as LinkItem } from "./components/LinkItem/index.js";
+function Breadcrumbs(props) {
+  const { links, activeLast = false, ...other } = props;
+  const { getLabel } = useModuleDictionary();
+  const currentLink = useMemo(() => {
+    if (links.length === 0) {
+      return "";
+    }
+    const { dictionaryField } = links[links.length - 1];
+    return getLabel(dictionaryField);
+  }, [getLabel, links]);
+  const listDefault = useMemo(
+    () => links.map((link) => /* @__PURE__ */ jsx(LinkItem, { link }, link.name)),
+    [links]
+  );
+  const listActiveLast = useMemo(
+    () => links.map(
+      (link) => link.name !== currentLink ? /* @__PURE__ */ jsx(LinkItem, { link }, link.name) : /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "body2",
+          sx: {
+            maxWidth: 260,
+            overflow: "hidden",
+            whiteSpace: "nowrap",
+            color: "text.disabled",
+            textOverflow: "ellipsis"
+          },
+          children: currentLink
+        },
+        link.name
+      )
+    ),
+    [currentLink, links]
+  );
+  return /* @__PURE__ */ jsx(
+    Breadcrumbs$1,
+    {
+      id: "MUIBreadcrumbs",
+      separator: /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: "span",
+          sx: {
+            width: 4,
+            height: 4,
+            mx: 0.5,
+            borderRadius: "50%",
+            bgcolor: "text.disabled"
+          }
+        }
+      ),
+      ...other,
+      children: activeLast ? listDefault : listActiveLast
+    }
+  );
+}
+export {
+  Breadcrumbs as B
+};

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

@@ -1,6 +1,6 @@
 import { BreadcrumbsProps as MUIBreadcrumbsProps } from '@mui/material';
 import { ReactElement } from 'react';
-export declare type TLink = {
+export type TLink = {
     href?: string;
     name: string;
     dictionaryField: string;

package/components/mui_extended/Button/Button.d.ts

@@ -5,4 +5,7 @@ import { ButtonProps } from './types';
  * @param props
  * @returns
  */
+/**
+ * TODO: Documentar
+ */
 export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Button/Button.js

@@ -0,0 +1,52 @@
+import { jsx } from "react/jsx-runtime";
+import { useModuleSkeleton } from "@m4l/core";
+import { Skeleton } from "@mui/material";
+import MuiButton from "@mui/material/Button";
+import { B as ButtonRoot } from "./styles.js";
+import { u as useUtilityClasses } from "./classes/index.js";
+import clsx from "clsx";
+const Button = (props) => {
+  const {
+    size = "small",
+    variant = "contained",
+    className,
+    disabled,
+    skeletonWidth = "100px",
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    skeletonHeight = "28px",
+    colorState,
+    ...others
+  } = props;
+  const isSkeleton = useModuleSkeleton();
+  const ownerState = {
+    size,
+    variant,
+    isDisabled: disabled,
+    colorState
+  };
+  const classes = useUtilityClasses(ownerState);
+  return (
+    /* ButtonRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los overrides que
+        provienen del objeto del tema. Se usa para garantizar de que estos estilos no se propaguen a
+        otros componentes de la plataforna web. */
+    /* @__PURE__ */ jsx(ButtonRoot, { className: clsx(classes.root, className), "data-testid": "ButtonRoot", children: !isSkeleton ? (
+      /* MuiButton: Componente botón proporcionado por la librería externa material ui. */
+      /* @__PURE__ */ jsx(MuiButton, { ...others, variant, size, disableRipple: true, disabled })
+    ) : (
+      /* MuiSkeleton: Componente extendido de mui que se usa para mostrar la versión provisional de elementos en
+              la plataforma web. */
+      /* @__PURE__ */ jsx(
+        Skeleton,
+        {
+          className: classes.skeleton,
+          "data-testid": "MuiSkeleton",
+          variant: "rectangular",
+          width: skeletonWidth
+        }
+      )
+    ) })
+  );
+};
+export {
+  Button as B
+};

package/components/mui_extended/Button/classes/constants.js

@@ -0,0 +1,4 @@
+const componentName = "M4LButton";
+export {
+  componentName as c
+};

package/components/mui_extended/Button/classes/index.d.ts

@@ -2,6 +2,9 @@ import { ButtonClassesType } from './types';
 import { OwnerState } from '../types';
 export declare const buttonClasses: ButtonClassesType;
 export declare function getButtonUtilityClass(slot: string): string;
+/**
+ * TODO: Documentar
+ */
 export declare const useUtilityClasses: (onwerState: OwnerState) => {
     root: string;
     skeleton: string;

package/components/mui_extended/Button/classes/index.js

@@ -0,0 +1,49 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { c as componentName } from "./constants.js";
+const buttonClasses = generateUtilityClasses(componentName, [
+  /* elements */
+  "root",
+  "skeleton",
+  /* states or variants of elements */
+  "sizeSmall",
+  "sizeMedium",
+  "variantOutlined",
+  "variantContained",
+  "variantText",
+  "isDisabled",
+  "colorError",
+  "colorSuccess",
+  "colorWarning",
+  /**Toggle */
+  "togglePressed",
+  "toggleNotPressed"
+]);
+function getButtonUtilityClass(slot) {
+  return generateUtilityClass(componentName, slot);
+}
+const useUtilityClasses = (onwerState) => {
+  const slots = {
+    root: [
+      "root",
+      onwerState.size === "small" && "sizeSmall",
+      onwerState.size === "medium" && "sizeMedium",
+      onwerState.variant === "outlined" && "variantOutlined",
+      onwerState.variant === "contained" && "variantContained",
+      onwerState.variant === "text" && "variantText",
+      onwerState.isDisabled && "isDisabled",
+      onwerState.colorState === "error" && "colorError",
+      onwerState.colorState === "success" && "colorSuccess",
+      onwerState.colorState === "warning" && "colorWarning"
+    ],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getButtonUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  buttonClasses as b,
+  useUtilityClasses as u
+};

package/components/mui_extended/Button/classes/types.d.ts

@@ -15,5 +15,5 @@ export interface ButtonClassesType {
     togglePressed: string;
     toggleNotPressed: string;
 }
-export declare type ButtonClassesKey = keyof ButtonClassesType;
-export declare type Classes = ReturnType<typeof useUtilityClasses>;
+export type ButtonClassesKey = keyof ButtonClassesType;
+export type Classes = ReturnType<typeof useUtilityClasses>;

package/components/mui_extended/Button/index.js

@@ -0,0 +1 @@
+

package/components/mui_extended/Button/index.test.d.ts

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

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const ButtonRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTButton: import("@emotion/styled").StyledComponent<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").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "className" | "width" | "height" | "style" | "animation" | "sx" | "classes" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const ButtonRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTButton: import('@emotion/styled').StyledComponent<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;
+}, "children" | "height" | "width" | "animation" | "sx" | "classes" | "className" | "style" | "variant"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;

package/components/mui_extended/Button/styles.js

@@ -0,0 +1,12 @@
+import { styled } from "@mui/material/styles";
+import { Skeleton } from "@mui/material";
+const ButtonRoot = styled("div")(({ theme }) => ({
+  /* Styles overrides of m4l_styles */
+  ...theme.components?.M4LButton?.styleOverrides || {}
+}));
+styled(Skeleton)(({ theme }) => ({
+  borderRadius: theme.spacing(0.5)
+}));
+export {
+  ButtonRoot as B
+};

package/components/mui_extended/Button/types.js

@@ -0,0 +1 @@
+

package/components/mui_extended/CheckBox/CheckBox.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CheckboxProps } from './types';
-export declare const CheckBox: import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CheckBox: import('react').ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/components/mui_extended/CheckBox/CheckBox.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Checkbox } from "@mui/material";
+import clsx from "clsx";
+import { useResponsiveDesktop } from "@m4l/graphics";
+import { u as useUtilityClasses } from "./classes/index.js";
+import { useModuleSkeleton } from "@m4l/core";
+import { S as SkeletonCheckBox } from "./subcomponents/Skeleton/index.js";
+import { forwardRef } from "react";
+import { C as CheckBoxRoot } from "./styles.js";
+import { L as Label } from "../../Label/Label.js";
+const CheckBox = forwardRef((props, ref) => {
+  const {
+    className,
+    size = "small",
+    disabled,
+    label,
+    mandatory,
+    mandatoryMessage,
+    helperMessage,
+    htmlFor,
+    ...others
+  } = props;
+  const isDesktop = useResponsiveDesktop();
+  const isSkeleton = useModuleSkeleton();
+  const ownerState = {
+    size: !isDesktop ? "medium" : size,
+    disabled
+  };
+  const classes = useUtilityClasses(ownerState);
+  return /* @__PURE__ */ jsxs(CheckBoxRoot, { className: clsx(classes.root, className), ref, children: [
+    !isSkeleton ? /* @__PURE__ */ jsx(Checkbox, { id: htmlFor, ...others }) : /* @__PURE__ */ jsx(SkeletonCheckBox, { classes }),
+    label && /* @__PURE__ */ jsx(
+      Label,
+      {
+        label,
+        mandatory,
+        mandatoryMessage,
+        helperMessage,
+        htmlFor
+      }
+    )
+  ] });
+});
+export {
+  CheckBox as C
+};

package/components/mui_extended/CheckBox/classes/constants.js

@@ -0,0 +1,4 @@
+const COMPONENT_CLASS_NAME = "M4LCheckBox";
+export {
+  COMPONENT_CLASS_NAME as C
+};

package/components/mui_extended/CheckBox/classes/index.d.ts

@@ -2,6 +2,9 @@ import { CheckboxClassesType } from './types';
 import { OwnerState } from '../types';
 export declare const checkboxClasses: CheckboxClassesType;
 export declare function getRHFCheckboxUtilityClass(slot: string): string;
+/**
+ * TODO: Documentar
+ */
 export declare const useUtilityClasses: (ownerState: OwnerState) => {
     root: string;
     skeleton: string;

package/components/mui_extended/CheckBox/classes/index.js

@@ -0,0 +1,33 @@
+import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { C as COMPONENT_CLASS_NAME } from "./constants.js";
+generateUtilityClasses(COMPONENT_CLASS_NAME, [
+  /* elements */
+  "root",
+  "skeleton",
+  /* states or variants of elements */
+  "small",
+  "medium",
+  "stateDisabled"
+]);
+function getRHFCheckboxUtilityClass(slot) {
+  return generateUtilityClass(COMPONENT_CLASS_NAME, slot);
+}
+const useUtilityClasses = (ownerState) => {
+  const slots = {
+    root: [
+      "root",
+      ownerState.size === "small" && "small",
+      ownerState.size === "medium" && "medium",
+      ownerState.disabled && "stateDisabled"
+    ],
+    skeleton: ["skeleton"]
+  };
+  const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
+  return {
+    ...composedClasses
+  };
+};
+export {
+  useUtilityClasses as u
+};

package/components/mui_extended/CheckBox/classes/types.d.ts

@@ -6,5 +6,5 @@ export interface CheckboxClassesType {
     medium: string;
     stateDisabled: string;
 }
-export declare type CheckBoxClassesKey = keyof CheckboxClassesType;
-export declare type Classes = ReturnType<typeof useUtilityClasses>;
+export type CheckBoxClassesKey = keyof CheckboxClassesType;
+export type Classes = ReturnType<typeof useUtilityClasses>;

package/components/mui_extended/CheckBox/index.js

@@ -0,0 +1 @@
+

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

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const CheckBoxRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckBoxRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/CheckBox/styles.js

@@ -0,0 +1,7 @@
+import { styled } from "@mui/material";
+const CheckBoxRoot = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LCheckBox?.styleOverrides || {}
+}));
+export {
+  CheckBoxRoot as C
+};

package/components/mui_extended/CheckBox/subcomponents/Skeleton/index.d.ts

@@ -1,2 +1,5 @@
 import { SkeletonCheckBoxProps } from './types';
+/**
+ * TODO: Documentar
+ */
 export declare const SkeletonCheckBox: (props: SkeletonCheckBoxProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/CheckBox/subcomponents/Skeleton/index.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { Skeleton } from "@mui/material";
+const SkeletonCheckBox = (props) => {
+  const { classes } = props;
+  return /* @__PURE__ */ jsx("div", { className: classes.skeleton, children: /* @__PURE__ */ jsx(Skeleton, { variant: "rounded", width: "18px", height: "18px" }) });
+};
+export {
+  SkeletonCheckBox as S
+};

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

@@ -1,6 +1,6 @@
 import { CheckboxProps as MUICheckboxProps } from '@mui/material';
 import { LabelProps } from '../../Label/types';
-export declare type OwnerState = Pick<CheckboxProps, 'size' | 'disabled'>;
+export type OwnerState = Pick<CheckboxProps, 'size' | 'disabled'>;
 export interface CheckboxProps extends MUICheckboxProps, Omit<LabelProps, 'label' | 'size'> {
     label?: string;
 }

package/components/mui_extended/CircularProgress/index.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { CircularProgress as CircularProgress$1 } from "@mui/material";
+const CircularProgress = (props) => {
+  return /* @__PURE__ */ jsx(CircularProgress$1, { ...props });
+};
+export {
+  CircularProgress as C
+};

package/components/mui_extended/FormControlLabel/FormControlLabel.d.ts

@@ -0,0 +1,2 @@
+declare const CustomFormControlLabel: import('react').ForwardRefExoticComponent<Omit<import('@mui/material').FormControlLabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+export default CustomFormControlLabel;

package/components/mui_extended/FormControlLabel/FormControlLabel.stories.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as CustomFormControlLabel } from './FormControlLabel';
+declare const meta: Meta<typeof CustomFormControlLabel>;
+export default meta;
+type Story = StoryObj<typeof CustomFormControlLabel>;
+export declare const Base: Story;
+export declare const CheckboxType: Story;
+export declare const SwitchType: Story;
+export declare const RadioWithLabelOption: Story;
+export declare const SizesRadio: Story;
+/**
+ * TODO: Documentar
+ */
+export declare function ControlledRadioButtonsGroup(): import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxDisabledWithLabel: Story;

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

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

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

@@ -0,0 +1 @@
+export declare const FORM_CONTROL_LABEL_KEY_COMPONENT = "M4LFormControlLabel";

package/components/mui_extended/FormControlLabel/slots/FormControlLabelEnum.d.ts

@@ -0,0 +1,3 @@
+export declare enum FormControlLabelSlots {
+    root = "root"
+}

package/components/mui_extended/FormControlLabel/slots/FormControlLabelSlots.d.ts

@@ -0,0 +1 @@
+export declare const FormControlLabelStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').FormControlLabelProps, keyof import('@mui/material').FormControlLabelProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown>, {}, {}>;

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

@@ -0,0 +1,2 @@
+export * from './FormControlLabelSlots';
+export * from './FormControlLabelEnum';

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

@@ -0,0 +1,9 @@
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { Theme } from '@mui/material/styles';
+import { FormControlLabelProps as MuiFormControlLabelProps } from '@mui/material';
+import { FormControlLabelSlots } from './slots';
+import { FORM_CONTROL_LABEL_KEY_COMPONENT } from './constants';
+export type FormControlLabelProps = MuiFormControlLabelProps;
+export type FormControlLabelOwnerState = FormControlLabelProps;
+export type FormControlLabelSlotsType = keyof typeof FormControlLabelSlots;
+export type FormControlLabelStyles = Partial<OverridesStyleRules<FormControlLabelSlots, typeof FORM_CONTROL_LABEL_KEY_COMPONENT, Theme> | undefined> | undefined;

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

@@ -4,4 +4,7 @@ import { IconButtonProps } from './types';
  * @param props
  * @returns
  */
+/**
+ * TODO: Documentar
+ */
 export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;