@m4l/components 9.3.34-JT25112025.beta.1 → 9.3.34-JT25112025.beta.2

package/index.js

@@ -94,7 +94,6 @@ import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
 import { B as B5 } from "./components/mui_extended/Button/Button.js";
 import { C as C18 } from "./components/mui_extended/CheckBox/CheckBox.js";
-import { R as R4 } from "./components/mui_extended/RadioButton/RadioButton.js";
 import { I as I3 } from "./components/mui_extended/ImageButton/ImageButton.js";
 import { P as P2 } from "./components/mui_extended/Popover/Popover.js";
 import { S as S4 } from "./components/mui_extended/Select/Select.js";
@@ -134,36 +133,36 @@ import { u as u16 } from "./components/formatters/DistanceToNowFormatter/hooks/u
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { F as F2 } from "./components/FormContainer/FormContainer.js";
 import { G } from "./components/GridLayout/GridLayout.js";
-import { R as R5 } from "./components/GridLayout/subcomponents/Responsive/index.js";
+import { R as R4 } from "./components/GridLayout/subcomponents/Responsive/index.js";
 import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
 import { H as H3 } from "./components/HelperError/HelperError.js";
-import { R as R6 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
+import { R as R5 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import { g as g19 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
-import { R as R7 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
+import { R as R6 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
 import { g as g20 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
-import { R as R8 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
-import { R as R9 } from "./components/hook-form/RHFMultiCheckbox/index.js";
-import { R as R10 } from "./components/hook-form/RHFSelect/RHFSelect.js";
-import { R as R11 } from "./components/hook-form/RHFHelperError/index.js";
-import { R as R12 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
-import { R as R13 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
-import { R as R14 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
-import { R as R15 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
-import { R as R16 } from "./components/hook-form/RHFTextField/RHFTextField.js";
-import { R as R17 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
+import { R as R7 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
+import { R as R8 } from "./components/hook-form/RHFMultiCheckbox/index.js";
+import { R as R9 } from "./components/hook-form/RHFSelect/RHFSelect.js";
+import { R as R10 } from "./components/hook-form/RHFHelperError/index.js";
+import { R as R11 } from "./components/hook-form/RHFRadioGroup/RHFRadioGroup.js";
+import { R as R12 } from "./components/hook-form/RHFUpload/RHFUploadSingleFile/RHFUploadSingleFile.js";
+import { R as R13 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.js";
+import { R as R14 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
+import { R as R15 } from "./components/hook-form/RHFTextField/RHFTextField.js";
+import { R as R16 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
 import { g as g21 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
 import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
-import { R as R18 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
-import { R as R19 } from "./components/hook-form/RHFPeriod/constants.js";
-import { R as R20 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
-import { N as N3, P as P6, R as R21, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
-import { R as R22 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
-import { R as R23 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
+import { R as R17 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
+import { R as R18 } from "./components/hook-form/RHFPeriod/constants.js";
+import { R as R19 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodEnum.js";
+import { N as N3, P as P6, R as R20, S as S7 } from "./components/hook-form/RHFPeriod/slots/RHFPeriodSlots.js";
+import { R as R21 } from "./components/hook-form/RHFNumberInput/RHFNumberInput.js";
+import { R as R22 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { V as V2, b as b4, a as a9 } from "./components/hook-form/RHFormProvider/types.js";
-import { F as F3, R as R24, u as u17 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
+import { F as F3, R as R23, u as u17 } from "./components/hook-form/RHFormProvider/RHFormProvider.js";
 import { d as d4, a as a10, b as b5, c as c3 } from "./components/hook-form/RHFormProvider/schema.js";
 import { I as I4 } from "./components/Icon/Icon.js";
 import { I as I5 } from "./components/Image/Image.js";
@@ -374,30 +373,29 @@ export {
   P11 as PrintingSystem,
   P as PropagateLoaderSpinner,
   P12 as PropertyValue,
-  R6 as RHFAutocomplete,
-  R7 as RHFAutocompleteAsync,
-  R15 as RHFCheckbox,
-  R14 as RHFColorPicker,
-  R8 as RHFDateTime,
-  R11 as RHFHelperError,
-  R9 as RHFMultiCheckbox,
-  R22 as RHFNumberInput,
-  R18 as RHFPeriod,
-  R21 as RHFPeriodRootStyled,
-  R20 as RHFPeriodSlots,
-  R12 as RHFRadioGroup,
-  R10 as RHFSelect,
-  R16 as RHFTextField,
-  R17 as RHFTextFieldPassword,
-  R23 as RHFUploadImage,
-  R13 as RHFUploadSingleFile,
-  R19 as RHF_PERIOD_KEY_COMPONENT,
-  R24 as RHFormProvider,
-  R4 as RadioButton,
+  R5 as RHFAutocomplete,
+  R6 as RHFAutocompleteAsync,
+  R14 as RHFCheckbox,
+  R13 as RHFColorPicker,
+  R7 as RHFDateTime,
+  R10 as RHFHelperError,
+  R8 as RHFMultiCheckbox,
+  R21 as RHFNumberInput,
+  R17 as RHFPeriod,
+  R20 as RHFPeriodRootStyled,
+  R19 as RHFPeriodSlots,
+  R11 as RHFRadioGroup,
+  R9 as RHFSelect,
+  R15 as RHFTextField,
+  R16 as RHFTextFieldPassword,
+  R22 as RHFUploadImage,
+  R12 as RHFUploadSingleFile,
+  R18 as RHF_PERIOD_KEY_COMPONENT,
+  R23 as RHFormProvider,
   R3 as ReactJsonViewer,
   R as Resizable,
   R2 as ResizableBox,
-  R5 as Responsive,
+  R4 as Responsive,
   S21 as SKELETON_SVG_ICON,
   S8 as ScrollBar,
   S as SectionCommercial,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.34-JT25112025.beta.1",
+  "version": "9.3.34-JT25112025.beta.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/components/DataGrid/formatters/ColumnIconFormatter/constants.d.ts

@@ -1,4 +0,0 @@
-/**
- * Clave única para identificar el componente IconAction en el sistema
- */
-export declare const COLUMN_ICON_KEY_COMPONENT = "M4LColumnIconFormatter";

package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.d.ts

@@ -1,6 +0,0 @@
-import { RenderCheckboxProps } from 'react-data-grid';
-/**
- * Componente visual del RadioButton que se renderiza dentro de cada celda del DataGrid.
- * ¿Para que sirve? Es un wrapper alrededor del componente Radio del MUI que adapta las props de react-data-grid
- */
-export declare const RadioButtonFormatter: import('react').ForwardRefExoticComponent<RenderCheckboxProps & import('react').RefAttributes<HTMLInputElement>>;

package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { R as RadioButton } from "../../../../mui_extended/RadioButton/RadioButton.js";
-const RadioButtonFormatter = forwardRef(function RadioFormatter({ onChange, checked, ...props }, _ref) {
-  function handleChange(e) {
-    onChange(e.target.checked, e.nativeEvent.shiftKey);
-  }
-  return /* @__PURE__ */ jsx(
-    RadioButton,
-    {
-      checked,
-      size: "small",
-      onChange: handleChange,
-      ...props
-    }
-  );
-});
-export {
-  RadioButtonFormatter as R
-};

package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.d.ts

@@ -1,64 +0,0 @@
-import { Column, RenderCellProps, RenderGroupCellProps, RenderHeaderCellProps } from 'react-data-grid';
-export declare const filterColumnClassName = "filter-cell";
-export declare const filterHeight = 35;
-/**
- * Formateador para la celda de selección con radio button en filas agrupadas.
- *
- * **Nota:** Para radio buttons (selección única), no tiene sentido seleccionar grupos completos,
- * por lo que este formateador retorna `null` y no renderiza ningún control.
- * @param _props - Propiedades para renderizar la celda de grupo (no utilizadas).
- * @returns `null` - No se renderiza ningún control de selección en grupos.
- * @example
- * // En un DataGrid con grupos, las filas de grupo no tendrán radio button
- * // Solo las filas individuales tendrán radio buttons
- */
-export declare function RadioSelectGroupFormatter(_props: RenderGroupCellProps<unknown>): null;
-/**
- * Formateador para la celda de selección con radio button en filas individuales.
- *
- * Este componente maneja la lógica de **selección única**: cuando el usuario hace click
- * en un radio button, se REEMPLAZA completamente la selección anterior con solo la fila actual.
- *
- * **Comportamiento:**
- * - Si `checked` es `true`: El Set de `checkedRows` se reemplaza con `[rowKey actual]`
- * - Si `checked` es `false`: El Set de `checkedRows` se vacía (deselección)
- * @param props - Propiedades para renderizar la celda, incluyendo la fila actual.
- * @returns Un componente `SelectCellFormatter` configurado como radio button.
- * @example
- * // Cuando el usuario hace click en el radio de la fila con ID=5:
- * // checkedRows antes: Set([3])
- * // checkedRows después: Set([5])  ← Reemplaza, no agrega
- */
-export declare function RadioSelectFormatter(props: RenderCellProps<any, any>): import("react/jsx-runtime").JSX.Element;
-/**
- * Renderizador para la celda de cabecera (header) de la columna de selección con radio buttons.
- *
- * **Nota:** A diferencia de los checkboxes, los radio buttons NO tienen funcionalidad de
- * "Seleccionar Todo", ya que solo se puede seleccionar una fila a la vez. Por lo tanto,
- * este renderizador retorna `null` y no muestra ningún control en el header.
- * @param _props - Propiedades para renderizar la celda de cabecera (no utilizadas).
- * @returns `null` - No se renderiza ningún control en la cabecera.
- * @example
- * // La cabecera de la columna estará vacía (sin checkbox "Select All")
- */
-export declare function RadioSelectColumnHeaderRenderer(_props: RenderHeaderCellProps<any, any>): null;
-/**
- * Definición de la columna de selección con radio buttons para el DataGrid.
- *
- * Esta columna permite **selección única** de filas mediante radio buttons.
- *
- * **Características:**
- * - **Ancho fijo:** 32px (igual que la columna de checkboxes)
- * - **No redimensionable:** `resizable: false`
- * - **No draggable:** `isDraggable: false`
- * - **No sortable:** `sortable: false`
- * - **Congelada:** `frozen: true` (siempre visible al hacer scroll horizontal)
- * - **Header vacío:** No tiene control "Select All"
- * - **Selección única:** Solo una fila puede estar seleccionada a la vez
- * @example
- * // En useSortColumnsRows.tsx:
- * const selectionColumn = checkedRowsMultiple === false
- *   ? RadioSelectColumn   // ← Selección única con radio buttons
- *   : SelectColumn;       // ← Selección múltiple con checkboxes
- */
-export declare const RadioSelectColumn: Column<any, any>;

package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.js

@@ -1,46 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { u as useDataGrid } from "../../../hooks/useDataGrid.js";
-import { d as DATAGRID_SELECT_COLUMN_KEY } from "../../../constants.js";
-import { R as RadioButtonFormatter } from "./RadioButtonFormatter.js";
-function RadioSelectGroupFormatter(_props) {
-  return null;
-}
-function RadioSelectFormatter(props) {
-  const { checkedRows, onCheckedRowsChange, rowKeyGetter } = useDataGrid();
-  const onChange = (checked, _isShiftClick) => {
-    if (checked) {
-      onCheckedRowsChange && onCheckedRowsChange(/* @__PURE__ */ new Set([rowKeyGetter(props.row)]));
-    } else {
-      onCheckedRowsChange && onCheckedRowsChange(/* @__PURE__ */ new Set());
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    RadioButtonFormatter,
-    {
-      checked: checkedRows?.has(rowKeyGetter(props.row)) || false,
-      tabIndex: props.tabIndex,
-      onChange,
-      "aria-label": "Select"
-    }
-  );
-}
-function RadioSelectColumnHeaderRenderer(_props) {
-  return null;
-}
-const RadioSelectColumn = {
-  key: DATAGRID_SELECT_COLUMN_KEY,
-  name: "",
-  width: 32,
-  minWidth: 32,
-  isDraggable: false,
-  resizable: false,
-  sortable: false,
-  frozen: true,
-  type: "boolean",
-  renderHeaderCell: RadioSelectColumnHeaderRenderer,
-  renderCell: RadioSelectFormatter,
-  renderGroupCell: RadioSelectGroupFormatter
-};
-export {
-  RadioSelectColumn as R
-};

package/components/mui_extended/RadioButton/RadioButton.d.ts

@@ -1,24 +0,0 @@
-import { RadioButtonProps } from './types';
-/**
- * Componente RadioButton 🔘
- *
- * Este componente representa un radio button personalizado que puede ser utilizado en formularios y otros lugares donde se necesite una opción de selección única.
- * @param {RadioButtonProps} props - Las propiedades del componente.
- * @param {React.Ref<HTMLButtonElement>} ref - La referencia al elemento raíz del componente.
- * @returns {JSX.Element} El componente RadioButton renderizado.
- * @example
- * ```tsx
- * <RadioButton
- *   size="medium"
- *   disabled={false}
- *   color="primary"
- *   inlineText="Opción 1"
- *   mandatory={true}
- *   mandatoryMessage="Este campo es obligatorio"
- *   helperMessage="Más información"
- *   htmlFor="radio-id"
- *   error={false}
- * />
- * ```
- */
-export declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;

package/components/mui_extended/RadioButton/RadioButton.js

@@ -1,110 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useId } from "react";
-import { useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { R as RadioButtonRootStyled, M as MUIRadioStyled, I as IconStyled, a as IconCheckedStyled, T as TypographyStyled, S as SkeletonStyled } from "./slots/RadioButtonSlots.js";
-import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
-import { R as RADIO_BUTTON_KEY_COMPONENT } from "./constants.js";
-import clsx from "clsx";
-import { p as pathIcons } from "./icons.js";
-import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
-const RadioButton = forwardRef(
-  (props, ref) => {
-    const {
-      className,
-      size = "medium",
-      disabled,
-      color = "default",
-      mandatory,
-      mandatoryMessage,
-      helperMessage,
-      id,
-      htmlFor,
-      error,
-      inlineText,
-      checked = false,
-      ...others
-    } = props;
-    const { currentSize } = useComponentSize(size);
-    const isSkeleton = useModuleSkeleton();
-    const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
-    const classes = getComponentSlotRoot(RADIO_BUTTON_KEY_COMPONENT);
-    const { host_static_assets, environment_assets } = useEnvironment();
-    const hookId = useId();
-    const finalId = id || hookId;
-    const ownerState = {
-      disabled,
-      color,
-      error,
-      size,
-      checked
-    };
-    return /* @__PURE__ */ jsx(
-      RadioButtonRootStyled,
-      {
-        ownerState: { ...ownerState },
-        className: clsx(className, classes),
-        children: !isSkeleton ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            MUIRadioStyled,
-            {
-              ref,
-              ownerState: { ...ownerState },
-              disableRipple: true,
-              id: finalId,
-              checked,
-              checkedIcon: /* @__PURE__ */ jsx(
-                IconCheckedStyled,
-                {
-                  src: `${host_static_assets}/${environment_assets}/${pathIcons.checked}`,
-                  size: currentSize,
-                  color: disabled ? "text.disabled" : error ? "error.enabled" : "primary.enabled",
-                  ownerState: { ...ownerState }
-                }
-              ),
-              icon: /* @__PURE__ */ jsx(
-                IconStyled,
-                {
-                  src: `${host_static_assets}/${environment_assets}/${pathIcons.unchecked}`,
-                  size: currentSize,
-                  ownerState: { ...ownerState },
-                  color: disabled ? "text.disabled" : error ? "error.enabled" : "text.secondary"
-                }
-              ),
-              disabled,
-              inputProps: {
-                "aria-labelledby": finalId,
-                "aria-invalid": error ? "true" : void 0
-              },
-              ...others
-            }
-          ),
-          inlineText && /* @__PURE__ */ jsx(
-            TypographyStyled,
-            {
-              component: "label",
-              htmlFor: finalId,
-              variant: "body",
-              ownerState: { ...ownerState },
-              size: adjustedSize,
-              disabled,
-              ellipsis: true,
-              children: inlineText
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(SkeletonStyled, { variant: "rounded", className: "radioSkeleton" }),
-          inlineText ? /* @__PURE__ */ jsx(
-            SkeletonStyled,
-            {
-              variant: "rectangular",
-              className: "radioSkeletonInlineText"
-            }
-          ) : null
-        ] })
-      }
-    );
-  }
-);
-export {
-  RadioButton as R
-};

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

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

package/components/mui_extended/RadioButton/RadioButton.styles.js

@@ -1,126 +0,0 @@
-import { g as getSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
-const radioButtonStyles = {
-  /**
-   * Estilos generales para el radio button 🟦
-   * @param {object} theme - El tema de MUI.
-   * @returns {object} - Los estilos aplicados al root del radio button.
-   */
-  root: ({ theme }) => ({
-    display: "flex",
-    alignItems: "center",
-    outline: "none",
-    overflow: "visible",
-    boxSizing: "border-box",
-    gap: theme.vars.size.baseSpacings.sp1,
-    width: "fit-content"
-  }),
-  /**
-   * Componente MuiRadio, FocusVisible para cuando está seleccionado el RadioButton 🟩
-   * @param {object} theme - El tema de MUI.
-   * @param {object} ownerState - El estado del componente.
-   * @returns {object} - Los estilos aplicados al MuiRadio.
-   */
-  muiRadio: ({ theme, ownerState }) => {
-    const color = ownerState?.error ? "error" : "primary";
-    const opacityColor = ownerState?.error ? "error" : "default";
-    return {
-      overflow: "visible",
-      ...getSizeStyles(
-        theme,
-        ownerState?.size || "medium",
-        "action",
-        (size) => {
-          return {
-            width: size,
-            height: size
-          };
-        }
-      ),
-      borderRadius: theme.size.borderRadius.r4,
-      "&:hover": {
-        backgroundColor: theme.vars.palette[opacityColor].hoverOpacity
-      },
-      "&:active": {
-        backgroundColor: theme.vars.palette[opacityColor].activeOpacity
-      },
-      "&.Mui-checked": {
-        "&:hover": {
-          backgroundColor: theme.vars.palette[color].hoverOpacity,
-          "& .M4LIcon-icon": {
-            backgroundColor: theme.vars.palette[color].hover
-          }
-        },
-        "&:active": {
-          backgroundColor: theme.vars.palette[color].activeOpacity,
-          "& .M4LIcon-icon": {
-            backgroundColor: theme.vars.palette[color].active
-          }
-        }
-      },
-      "&.Mui-focusVisible, &:focus-visible": {
-        outline: `1px solid ${theme.vars.palette.primary.focusVisible}`
-      },
-      ...ownerState?.disabled && {
-        pointerEvents: ownerState?.disabled ? "none" : "auto",
-        "&:hover": {
-          pointerEvents: ownerState?.disabled ? "none" : "auto"
-        }
-      }
-    };
-  },
-  /**
-   * Estilos para el skeleton del RadioButton 📝
-   * @param {object} theme - El tema de MUI.
-   * @param {object} ownerState - El estado del componente.
-   * @returns {object} - Los estilos aplicados al skeletonStyled.
-   */
-  skeletonStyled: ({ theme, ownerState }) => {
-    return {
-      borderRadius: theme.vars.size.borderRadius.r1,
-      backgroundColor: theme.vars.palette?.skeleton.default,
-      "&.radioSkeleton": {
-        ...getSizeStyles(
-          theme,
-          ownerState?.size || "medium",
-          "action",
-          (size) => {
-            return {
-              width: size
-            };
-          }
-        ),
-        ...getSizeStyles(
-          theme,
-          ownerState?.size || "small",
-          "action",
-          (size) => {
-            return {
-              width: size
-            };
-          }
-        )
-      },
-      "&.radioSkeletonInlineText": {
-        width: theme.vars.size.baseSpacings.sp12,
-        borderRadius: theme.vars.size.borderRadius.r1,
-        ...getSizeStyles(theme, ownerState?.size || "medium", "base"),
-        ...getSizeStyles(theme, ownerState?.size || "small", "base")
-      }
-    };
-  },
-  /**
-   * Estilos para el inline-text del RadioButton 📝
-   */
-  typographyStyled: {},
-  /**
-   * El estilado de este slot, se hace en muiRadio, debido a que el input absorbe los pseudo selectores, entonces hay que hacerlos desde el nodo padre. 🟨
-   */
-  icon: {},
-  /**
-   * El estilado de este slot, se hace en muiRadio, debido a que el input absorbe los pseudo selectores, entonces hay que hacerlos desde el nodo padre. 🟨
-   */
-  iconChecked: {}
-};
-export {
-  radioButtonStyles as r
-};

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

@@ -1 +0,0 @@
-export declare const RADIO_BUTTON_KEY_COMPONENT = "M4LRadioButton";

package/components/mui_extended/RadioButton/constants.js

@@ -1,4 +0,0 @@
-const RADIO_BUTTON_KEY_COMPONENT = "M4LRadioButton";
-export {
-  RADIO_BUTTON_KEY_COMPONENT as R
-};

package/components/mui_extended/RadioButton/icons.d.ts

@@ -1,4 +0,0 @@
-export declare const pathIcons: {
-    checked: string;
-    unchecked: string;
-};

package/components/mui_extended/RadioButton/icons.js

@@ -1,7 +0,0 @@
-const pathIcons = {
-  checked: "frontend/components/radio_button/assets/icons/checked.svg",
-  unchecked: "frontend/components/radio_button/assets/icons/noCheked.svg"
-};
-export {
-  pathIcons as p
-};

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

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

package/components/mui_extended/RadioButton/index.js

@@ -1 +0,0 @@
-

package/components/mui_extended/RadioButton/slots/RadioButtonEnum.d.ts

@@ -1,8 +0,0 @@
-export declare enum RadioButtonSlots {
-    root = "root",
-    muiRadio = "muiRadio",
-    typographyStyled = "typographyStyled",
-    skeletonStyled = "skeletonStyled",
-    iconChecked = "iconChecked",
-    icon = "icon"
-}

package/components/mui_extended/RadioButton/slots/RadioButtonEnum.js

@@ -1,12 +0,0 @@
-var RadioButtonSlots = /* @__PURE__ */ ((RadioButtonSlots2) => {
-  RadioButtonSlots2["root"] = "root";
-  RadioButtonSlots2["muiRadio"] = "muiRadio";
-  RadioButtonSlots2["typographyStyled"] = "typographyStyled";
-  RadioButtonSlots2["skeletonStyled"] = "skeletonStyled";
-  RadioButtonSlots2["iconChecked"] = "iconChecked";
-  RadioButtonSlots2["icon"] = "icon";
-  return RadioButtonSlots2;
-})(RadioButtonSlots || {});
-export {
-  RadioButtonSlots as R
-};