@soyfri/shared-library 2.0.0-beta.32 → 2.0.0-beta.34

package/Breadcrumbs-B9I3vxPb.cjs

@@ -0,0 +1,25 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function Breadcrumbs({
+  children,
+  separator,
+  maxItems,
+  sx,
+  className,
+  "aria-label": ariaLabel = "breadcrumb"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Breadcrumbs,
+    {
+      separator,
+      maxItems,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+exports.Breadcrumbs = Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs-B9I3vxPb.cjs.map

package/Breadcrumbs-B9I3vxPb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-B9I3vxPb.cjs","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Breadcrumbs as MuiBreadcrumbs } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BreadcrumbsProps {\n  /** Items (Links / Typography). */\n  children?: ReactNode;\n  /** Separador entre items. Default: `/`. */\n  separator?: ReactNode;\n  /** Colapsa si hay más de N items. */\n  maxItems?: number;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */\nexport function Breadcrumbs({\n  children,\n  separator,\n  maxItems,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'breadcrumb',\n}: BreadcrumbsProps) {\n  return (\n    <MuiBreadcrumbs\n      separator={separator}\n      maxItems={maxItems}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiBreadcrumbs>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["jsx","MuiBreadcrumbs"],"mappings":";;;AAiBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAqB;AACnB,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/Breadcrumbs-C41SPbtX.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { Breadcrumbs as Breadcrumbs$1 } from "@mui/material";
+function Breadcrumbs({
+  children,
+  separator,
+  maxItems,
+  sx,
+  className,
+  "aria-label": ariaLabel = "breadcrumb"
+}) {
+  return /* @__PURE__ */ jsx(
+    Breadcrumbs$1,
+    {
+      separator,
+      maxItems,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+export {
+  Breadcrumbs as B
+};
+//# sourceMappingURL=Breadcrumbs-C41SPbtX.js.map

package/Breadcrumbs-C41SPbtX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs-C41SPbtX.js","sources":["../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Breadcrumbs as MuiBreadcrumbs } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BreadcrumbsProps {\n  /** Items (Links / Typography). */\n  children?: ReactNode;\n  /** Separador entre items. Default: `/`. */\n  separator?: ReactNode;\n  /** Colapsa si hay más de N items. */\n  maxItems?: number;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */\nexport function Breadcrumbs({\n  children,\n  separator,\n  maxItems,\n  sx,\n  className,\n  'aria-label': ariaLabel = 'breadcrumb',\n}: BreadcrumbsProps) {\n  return (\n    <MuiBreadcrumbs\n      separator={separator}\n      maxItems={maxItems}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiBreadcrumbs>\n  );\n}\n\nexport default Breadcrumbs;\n"],"names":["MuiBreadcrumbs"],"mappings":";;AAiBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,YAAY;AAC5B,GAAqB;AACnB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/ButtonGroup-CNunDofQ.cjs

@@ -0,0 +1,33 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function ButtonGroup({
+  children,
+  size = "medium",
+  variant = "outlined",
+  orientation = "horizontal",
+  color = "primary",
+  disabled,
+  fullWidth,
+  sx,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.ButtonGroup,
+    {
+      size,
+      variant,
+      orientation,
+      color,
+      disabled,
+      fullWidth,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=ButtonGroup-CNunDofQ.cjs.map

package/ButtonGroup-CNunDofQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup-CNunDofQ.cjs","sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { ButtonGroup as MuiButtonGroup } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ButtonGroupProps {\n  /** Botones agrupados. */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  orientation?: 'horizontal' | 'vertical';\n  color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  disabled?: boolean;\n  fullWidth?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */\nexport function ButtonGroup({\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  orientation = 'horizontal',\n  color = 'primary',\n  disabled,\n  fullWidth,\n  sx,\n  className,\n  'aria-label': ariaLabel,\n}: ButtonGroupProps) {\n  return (\n    <MuiButtonGroup\n      size={size}\n      variant={variant}\n      orientation={orientation}\n      color={color}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiButtonGroup>\n  );\n}\n\nexport default ButtonGroup;\n"],"names":["jsx","MuiButtonGroup"],"mappings":";;;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/ButtonGroup-CcKUZ-lT.js

@@ -0,0 +1,34 @@
+import { jsx } from "react/jsx-runtime";
+import { ButtonGroup as ButtonGroup$1 } from "@mui/material";
+function ButtonGroup({
+  children,
+  size = "medium",
+  variant = "outlined",
+  orientation = "horizontal",
+  color = "primary",
+  disabled,
+  fullWidth,
+  sx,
+  className,
+  "aria-label": ariaLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    ButtonGroup$1,
+    {
+      size,
+      variant,
+      orientation,
+      color,
+      disabled,
+      fullWidth,
+      sx,
+      className,
+      "aria-label": ariaLabel,
+      children
+    }
+  );
+}
+export {
+  ButtonGroup as B
+};
+//# sourceMappingURL=ButtonGroup-CcKUZ-lT.js.map

package/ButtonGroup-CcKUZ-lT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup-CcKUZ-lT.js","sources":["../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { ButtonGroup as MuiButtonGroup } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface ButtonGroupProps {\n  /** Botones agrupados. */\n  children?: ReactNode;\n  size?: 'small' | 'medium' | 'large';\n  variant?: 'text' | 'outlined' | 'contained';\n  orientation?: 'horizontal' | 'vertical';\n  color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  disabled?: boolean;\n  fullWidth?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  'aria-label'?: string;\n}\n\n/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */\nexport function ButtonGroup({\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  orientation = 'horizontal',\n  color = 'primary',\n  disabled,\n  fullWidth,\n  sx,\n  className,\n  'aria-label': ariaLabel,\n}: ButtonGroupProps) {\n  return (\n    <MuiButtonGroup\n      size={size}\n      variant={variant}\n      orientation={orientation}\n      color={color}\n      disabled={disabled}\n      fullWidth={fullWidth}\n      sx={sx}\n      className={className}\n      aria-label={ariaLabel}\n    >\n      {children}\n    </MuiButtonGroup>\n  );\n}\n\nexport default ButtonGroup;\n"],"names":["MuiButtonGroup"],"mappings":";;AAmBO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,OAAO;AAAA,EACP,UAAU;AAAA,EACV,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAAqB;AACnB,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAY;AAAA,MAEX;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/Divider-BApcM5CV.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Divider as Divider$1 } from "@mui/material";
+function Divider({
+  orientation = "horizontal",
+  variant = "fullWidth",
+  flexItem,
+  textAlign,
+  children,
+  sx,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    Divider$1,
+    {
+      orientation,
+      variant,
+      flexItem,
+      textAlign,
+      sx,
+      className,
+      children
+    }
+  );
+}
+export {
+  Divider as D
+};
+//# sourceMappingURL=Divider-BApcM5CV.js.map

package/Divider-BApcM5CV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-BApcM5CV.js","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Divider as MuiDivider } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface DividerProps {\n  orientation?: 'horizontal' | 'vertical';\n  variant?: 'fullWidth' | 'inset' | 'middle';\n  /** Para usar dentro de contenedores flex (ej. divider vertical). */\n  flexItem?: boolean;\n  /** Alineación del contenido cuando hay `children` (label centrado, etc.). */\n  textAlign?: 'center' | 'left' | 'right';\n  /** Contenido opcional (label) en medio del divider. */\n  children?: ReactNode;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/** Separador. Wrapper fino sobre MUI `Divider`. */\nexport function Divider({\n  orientation = 'horizontal',\n  variant = 'fullWidth',\n  flexItem,\n  textAlign,\n  children,\n  sx,\n  className,\n}: DividerProps) {\n  return (\n    <MuiDivider\n      orientation={orientation}\n      variant={variant}\n      flexItem={flexItem}\n      textAlign={textAlign}\n      sx={sx}\n      className={className}\n    >\n      {children}\n    </MuiDivider>\n  );\n}\n\nexport default Divider;\n"],"names":["MuiDivider"],"mappings":";;AAkBO,SAAS,QAAQ;AAAA,EACtB,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/Divider-CIY0JK4U.cjs

@@ -0,0 +1,27 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+function Divider({
+  orientation = "horizontal",
+  variant = "fullWidth",
+  flexItem,
+  textAlign,
+  children,
+  sx,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Divider,
+    {
+      orientation,
+      variant,
+      flexItem,
+      textAlign,
+      sx,
+      className,
+      children
+    }
+  );
+}
+exports.Divider = Divider;
+//# sourceMappingURL=Divider-CIY0JK4U.cjs.map

package/Divider-CIY0JK4U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-CIY0JK4U.cjs","sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { type ReactNode } from 'react';\nimport { Divider as MuiDivider } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface DividerProps {\n  orientation?: 'horizontal' | 'vertical';\n  variant?: 'fullWidth' | 'inset' | 'middle';\n  /** Para usar dentro de contenedores flex (ej. divider vertical). */\n  flexItem?: boolean;\n  /** Alineación del contenido cuando hay `children` (label centrado, etc.). */\n  textAlign?: 'center' | 'left' | 'right';\n  /** Contenido opcional (label) en medio del divider. */\n  children?: ReactNode;\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/** Separador. Wrapper fino sobre MUI `Divider`. */\nexport function Divider({\n  orientation = 'horizontal',\n  variant = 'fullWidth',\n  flexItem,\n  textAlign,\n  children,\n  sx,\n  className,\n}: DividerProps) {\n  return (\n    <MuiDivider\n      orientation={orientation}\n      variant={variant}\n      flexItem={flexItem}\n      textAlign={textAlign}\n      sx={sx}\n      className={className}\n    >\n      {children}\n    </MuiDivider>\n  );\n}\n\nexport default Divider;\n"],"names":["jsx","MuiDivider"],"mappings":";;;AAkBO,SAAS,QAAQ;AAAA,EACtB,cAAc;AAAA,EACd,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA,IAAA;AAAA,EAAA;AAGP;;"}

package/{Modal-BqgnC6yu.js → Modal-C_QY7ZzY.js}

@@ -152,6 +152,7 @@ const Modal = forwardRef(
     hiddenBody = false,
     hiddenFooter = false,
     staticBackdrop = false,
+    "data-testid": dataTestId,
     sx,
     paperSx,
     className,
@@ -236,7 +237,7 @@ const Modal = forwardRef(
           "aria-describedby": message ? descId : void 0,
           closeAfterTransition: true,
           sx,
-          children: /* @__PURE__ */ jsxs(Paper, { className, sx: mergedPaperSx, children: [
+          children: /* @__PURE__ */ jsxs(Paper, { className, sx: mergedPaperSx, "data-testid": dataTestId, children: [
             /* @__PURE__ */ jsxs(Stack, { spacing: 2.5, sx: { p: 3, alignItems: "center", textAlign: "center" }, children: [
               /* @__PURE__ */ jsx(
                 Box,
@@ -332,7 +333,7 @@ const Modal = forwardRef(
         "aria-describedby": descId,
         closeAfterTransition: true,
         sx,
-        children: /* @__PURE__ */ jsx(Paper, { className, sx: mergedPaperSx, children: renderChildren() })
+        children: /* @__PURE__ */ jsx(Paper, { className, sx: mergedPaperSx, "data-testid": dataTestId, children: renderChildren() })
       }
     );
   }
@@ -348,4 +349,4 @@ export {
   ModalBody as b,
   ModalFooter as c
 };
-//# sourceMappingURL=Modal-BqgnC6yu.js.map
+//# sourceMappingURL=Modal-C_QY7ZzY.js.map

package/Modal-C_QY7ZzY.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-C_QY7ZzY.js","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Test id aplicado al Paper interno (contenedor visual). */\n  'data-testid'?: string;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      'data-testid': dataTestId,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["MuiModal"],"mappings":"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"}

package/{Modal-CA0J0xpO.cjs → Modal-D_6ZdSzw.cjs}

@@ -153,6 +153,7 @@ const Modal = React.forwardRef(
     hiddenBody = false,
     hiddenFooter = false,
     staticBackdrop = false,
+    "data-testid": dataTestId,
     sx,
     paperSx,
     className,
@@ -237,7 +238,7 @@ const Modal = React.forwardRef(
           "aria-describedby": message ? descId : void 0,
           closeAfterTransition: true,
           sx,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(material.Paper, { className, sx: mergedPaperSx, children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(material.Paper, { className, sx: mergedPaperSx, "data-testid": dataTestId, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { spacing: 2.5, sx: { p: 3, alignItems: "center", textAlign: "center" }, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 material.Box,
@@ -333,7 +334,7 @@ const Modal = React.forwardRef(
         "aria-describedby": descId,
         closeAfterTransition: true,
         sx,
-        children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { className, sx: mergedPaperSx, children: renderChildren() })
+        children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { className, sx: mergedPaperSx, "data-testid": dataTestId, children: renderChildren() })
       }
     );
   }
@@ -347,4 +348,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalWithStatics = ModalWithStatics;
-//# sourceMappingURL=Modal-CA0J0xpO.cjs.map
+//# sourceMappingURL=Modal-D_6ZdSzw.cjs.map

package/Modal-D_6ZdSzw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-D_6ZdSzw.cjs","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Test id aplicado al Paper interno (contenedor visual). */\n  'data-testid'?: string;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      'data-testid': dataTestId,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        <Paper className={className} sx={mergedPaperSx} data-testid={dataTestId}>\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["jsxs","Box","Stack","jsx","Button","Typography","forwardRef","useState","useId","useImperativeHandle","useTheme","useMediaQuery","mergeSx","MuiModal","Paper","Children","isValidElement","cloneElement","Fragment"],"mappings":"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"}

package/components/Breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Breadcrumbs = require("../../Breadcrumbs-B9I3vxPb.cjs");
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
+exports.default = Breadcrumbs.Breadcrumbs;
+//# sourceMappingURL=Breadcrumbs.cjs.map

package/components/Breadcrumbs/Breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface BreadcrumbsProps {
+    /** Items (Links / Typography). */
+    children?: ReactNode;
+    /** Separador entre items. Default: `/`. */
+    separator?: ReactNode;
+    /** Colapsa si hay más de N items. */
+    maxItems?: number;
+    sx?: SxProps<Theme>;
+    className?: string;
+    'aria-label'?: string;
+}
+/** Migas de pan. Wrapper fino sobre MUI `Breadcrumbs`. */
+export declare function Breadcrumbs({ children, separator, maxItems, sx, className, 'aria-label': ariaLabel, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export default Breadcrumbs;

package/components/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,6 @@
+import { B, B as B2 } from "../../Breadcrumbs-C41SPbtX.js";
+export {
+  B as Breadcrumbs,
+  B2 as default
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/components/Breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumbs, default } from './Breadcrumbs';
+export type { BreadcrumbsProps } from './Breadcrumbs';

package/components/Breadcrumbs.d.ts

@@ -0,0 +1,6 @@
+export * from './Breadcrumbs/index'
+export {}
+import _default from './Breadcrumbs/index'
+export default _default
+export * from './Breadcrumbs/index'
+export {}

package/components/ButtonGroup/ButtonGroup.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const ButtonGroup = require("../../ButtonGroup-CNunDofQ.cjs");
+exports.ButtonGroup = ButtonGroup.ButtonGroup;
+exports.default = ButtonGroup.ButtonGroup;
+//# sourceMappingURL=ButtonGroup.cjs.map

package/components/ButtonGroup/ButtonGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface ButtonGroupProps {
+    /** Botones agrupados. */
+    children?: ReactNode;
+    size?: 'small' | 'medium' | 'large';
+    variant?: 'text' | 'outlined' | 'contained';
+    orientation?: 'horizontal' | 'vertical';
+    color?: 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    disabled?: boolean;
+    fullWidth?: boolean;
+    sx?: SxProps<Theme>;
+    className?: string;
+    'aria-label'?: string;
+}
+/** Grupo de botones segmentado. Wrapper fino sobre MUI `ButtonGroup`. */
+export declare function ButtonGroup({ children, size, variant, orientation, color, disabled, fullWidth, sx, className, 'aria-label': ariaLabel, }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
+export default ButtonGroup;

package/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,6 @@
+import { B, B as B2 } from "../../ButtonGroup-CcKUZ-lT.js";
+export {
+  B as ButtonGroup,
+  B2 as default
+};
+//# sourceMappingURL=ButtonGroup.js.map

package/components/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup, default } from './ButtonGroup';
+export type { ButtonGroupProps } from './ButtonGroup';

package/components/ButtonGroup.d.ts

@@ -0,0 +1,6 @@
+export * from './ButtonGroup/index'
+export {}
+import _default from './ButtonGroup/index'
+export default _default
+export * from './ButtonGroup/index'
+export {}

package/components/Divider/Divider.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Divider = require("../../Divider-CIY0JK4U.cjs");
+exports.Divider = Divider.Divider;
+exports.default = Divider.Divider;
+//# sourceMappingURL=Divider.cjs.map

package/components/Divider/Divider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Divider/Divider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface DividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'fullWidth' | 'inset' | 'middle';
+    /** Para usar dentro de contenedores flex (ej. divider vertical). */
+    flexItem?: boolean;
+    /** Alineación del contenido cuando hay `children` (label centrado, etc.). */
+    textAlign?: 'center' | 'left' | 'right';
+    /** Contenido opcional (label) en medio del divider. */
+    children?: ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+/** Separador. Wrapper fino sobre MUI `Divider`. */
+export declare function Divider({ orientation, variant, flexItem, textAlign, children, sx, className, }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/components/Divider/Divider.js

@@ -0,0 +1,6 @@
+import { D, D as D2 } from "../../Divider-BApcM5CV.js";
+export {
+  D as Divider,
+  D2 as default
+};
+//# sourceMappingURL=Divider.js.map

package/components/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export { Divider, default } from './Divider';
+export type { DividerProps } from './Divider';

package/components/Divider.d.ts

@@ -0,0 +1,6 @@
+export * from './Divider/index'
+export {}
+import _default from './Divider/index'
+export default _default
+export * from './Divider/index'
+export {}

package/components/Modal/Modal.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Modal = require("../../Modal-CA0J0xpO.cjs");
+const Modal = require("../../Modal-D_6ZdSzw.cjs");
 exports.Modal = Modal.ModalWithStatics;
 exports.ModalBody = Modal.ModalBody;
 exports.ModalFooter = Modal.ModalFooter;

package/components/Modal/Modal.d.ts

@@ -36,6 +36,8 @@ export interface ModalProps {
      * (equivale a `backdrop="static"`). Cerrar solo vía botón/acción.
      */
     staticBackdrop?: boolean;
+    /** Test id aplicado al Paper interno (contenedor visual). */
+    'data-testid'?: string;
     /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */
     hiddenHeader?: boolean;
     /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */

package/components/Modal/Modal.js

@@ -1,4 +1,4 @@
-import { M, b, c, a, M as M2 } from "../../Modal-BqgnC6yu.js";
+import { M, b, c, a, M as M2 } from "../../Modal-C_QY7ZzY.js";
 export {
   M as Modal,
   b as ModalBody,

package/index.cjs

@@ -11,11 +11,14 @@ const Avatar = require("./Avatar-Dw5rzayR.cjs");
 const Stat = require("./Stat-BUcFCGrz.cjs");
 const Spinner = require("./Spinner-D7qRmNS9.cjs");
 const Alert = require("./Alert-B3SMPD1s.cjs");
+const Divider = require("./Divider-CIY0JK4U.cjs");
+const ButtonGroup = require("./ButtonGroup-CNunDofQ.cjs");
+const Breadcrumbs = require("./Breadcrumbs-B9I3vxPb.cjs");
 const Step = require("./Step-Nd7SJbRZ.cjs");
 const Tab = require("./Tab-BbP8jBcK.cjs");
 const Table = require("./Table-C4OM6rrC.cjs");
 const StatusMessage = require("./StatusMessage-B3nXpuRl.cjs");
-const Modal = require("./Modal-CA0J0xpO.cjs");
+const Modal = require("./Modal-D_6ZdSzw.cjs");
 const Input = require("./Input-CScC87J5.cjs");
 const Select = require("./Select-CURrHSyl.cjs");
 const Autocomplete = require("./Autocomplete-CejWztBY.cjs");
@@ -58,10 +61,6 @@ Object.defineProperty(exports, "Container", {
   enumerable: true,
   get: () => material.Container
 });
-Object.defineProperty(exports, "Divider", {
-  enumerable: true,
-  get: () => material.Divider
-});
 Object.defineProperty(exports, "Fade", {
   enumerable: true,
   get: () => material.Fade
@@ -166,6 +165,9 @@ exports.Avatar = Avatar.Avatar;
 exports.Stat = Stat.Stat;
 exports.Spinner = Spinner.Spinner;
 exports.Alert = Alert.Alert;
+exports.Divider = Divider.Divider;
+exports.ButtonGroup = ButtonGroup.ButtonGroup;
+exports.Breadcrumbs = Breadcrumbs.Breadcrumbs;
 exports.Step = Step.Step;
 exports.Stepper = Step.Stepper;
 exports.Tab = Tab.Tab;

package/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/index.d.ts

@@ -14,6 +14,12 @@ export { Spinner } from './components/Spinner';
 export type { SpinnerProps, SpinnerSize, SpinnerColor } from './components/Spinner';
 export { Alert } from './components/Alert';
 export type { AlertProps, AlertSeverity, AlertVariant } from './components/Alert';
+export { Divider } from './components/Divider';
+export type { DividerProps } from './components/Divider';
+export { ButtonGroup } from './components/ButtonGroup';
+export type { ButtonGroupProps } from './components/ButtonGroup';
+export { Breadcrumbs } from './components/Breadcrumbs';
+export type { BreadcrumbsProps } from './components/Breadcrumbs';
 export { Stepper, Step } from './components/Stepper';
 export { Tabs, Tab } from './components/Tabs';
 export { Table } from './components/Table';

package/index.js

@@ -1,5 +1,5 @@
 import { D, r } from "./resolvePreset-K6_BfWHD.js";
-import { AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Divider, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Skeleton, Snackbar, Stack, ThemeProvider, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme } from "@mui/material";
+import { AlertTitle, Backdrop, Box, CircularProgress, Collapse, Container, Fade, Grid, Grow, LinearProgress, Link, List, ListItem, ListItemButton, ListItemIcon, ListItemText, ListSubheader, Paper, Skeleton, Snackbar, Stack, ThemeProvider, Typography, Zoom, alpha, createTheme, styled, useMediaQuery, useTheme } from "@mui/material";
 import { renderMultiSectionDigitalClockTimeView } from "@mui/x-date-pickers/timeViewRenderers";
 import { B } from "./Button-UkkP-bNw.js";
 import { C } from "./Card-DYKGY-NG.js";
@@ -9,19 +9,22 @@ import { A } from "./Avatar-H8akSege.js";
 import { S } from "./Stat-C06A_izS.js";
 import { S as S2 } from "./Spinner-B6sThC1p.js";
 import { A as A2 } from "./Alert-YsPScpSE.js";
+import { D as D2 } from "./Divider-BApcM5CV.js";
+import { B as B2 } from "./ButtonGroup-CcKUZ-lT.js";
+import { B as B3 } from "./Breadcrumbs-C41SPbtX.js";
 import { a, S as S3 } from "./Step-BArsou1V.js";
 import { a as a2, T } from "./Tab-BxSxKJsP.js";
 import { T as T2 } from "./Table-C2LbW0B1.js";
 import { S as S4 } from "./StatusMessage-D0WgSBx7.js";
-import { M, b, c, a as a3 } from "./Modal-BqgnC6yu.js";
+import { M, b, c, a as a3 } from "./Modal-C_QY7ZzY.js";
 import { I } from "./Input-DP_fKl38.js";
 import { O, S as S5 } from "./Select-BY5Y0qZ1.js";
 import { A as A3, a as a4 } from "./Autocomplete-C_lW1VER.js";
 import { S as S6 } from "./Switch-D72dpkH2.js";
 import { R } from "./RadioGroup-bO-ahP9T.js";
 import { C as C3 } from "./Checkbox-gB5YKkVo.js";
-import { D as D2 } from "./DatePicker-_IGWc3I5.js";
-import { D as D3 } from "./DateTimePicker-CrmWav_j.js";
+import { D as D3 } from "./DatePicker-_IGWc3I5.js";
+import { D as D4 } from "./DateTimePicker-CrmWav_j.js";
 import './index.css';function scrollToTop({
   behavior = "smooth",
   target = typeof window !== "undefined" ? window : void 0,
@@ -38,7 +41,9 @@ export {
   A as Avatar,
   Backdrop,
   Box,
+  B3 as Breadcrumbs,
   B as Button,
+  B2 as ButtonGroup,
   C as Card,
   C3 as Checkbox,
   C2 as Chip,
@@ -47,9 +52,9 @@ export {
   Column,
   Container,
   D as DEFAULT_PRESET_NAME,
-  D2 as DatePicker,
-  D3 as DateTimePicker,
-  Divider,
+  D3 as DatePicker,
+  D4 as DateTimePicker,
+  D2 as Divider,
   Fade,
   Grid,
   Grow,

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}
+{"version":3,"file":"index.js","sources":["../src/utils/scrollToTop.ts"],"sourcesContent":["export interface ScrollToTopOptions {\n  /** Comportamiento del scroll. Default: `'smooth'`. */\n  behavior?: ScrollBehavior;\n  /**\n   * Elemento target del scroll. Default: `window`. Útil cuando el contenedor\n   * scrolleable NO es `window` (p.ej. un `<Box>` con `overflow: auto`).\n   */\n  target?: Window | HTMLElement;\n  /** Offset desde el top. Default: `0`. */\n  top?: number;\n}\n\n/**\n * Hace scroll al tope (por default con animación suave). Safe en SSR — si\n * `window` no existe, es un no-op.\n *\n * Llamar tras mutaciones / cambios de filtros / apertura de modales para\n * asegurar que el usuario vea el mensaje de confirmación en la parte\n * superior de la página.\n *\n * ```ts\n * import { scrollToTop } from '@soyfri/shared-library';\n *\n * scrollToTop();                                  // window, smooth\n * scrollToTop({ behavior: 'auto' });              // window, instantáneo\n * scrollToTop({ target: myScrollableRef.current }); // container custom\n * ```\n */\nexport function scrollToTop({\n  behavior = 'smooth',\n  target = typeof window !== 'undefined' ? window : undefined,\n  top = 0,\n}: ScrollToTopOptions = {}): void {\n  if (!target) return;\n  target.scrollTo({ top, left: 0, behavior });\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BO,SAAS,YAAY;AAAA,EAC1B,WAAW;AAAA,EACX,SAAS,OAAO,WAAW,cAAc,SAAS;AAAA,EAClD,MAAM;AACR,IAAwB,IAAU;AAChC,MAAI,CAAC,OAAQ;AACb,SAAO,SAAS,EAAE,KAAK,MAAM,GAAG,UAAU;AAC5C;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "2.0.0-beta.32",
+  "version": "2.0.0-beta.34",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -128,6 +128,11 @@
       "require": "./components/Drawer/Drawer.cjs",
       "types": "./components/Drawer/index.d.ts"
     },
+    "./components/Divider": {
+      "import": "./components/Divider/Divider.js",
+      "require": "./components/Divider/Divider.cjs",
+      "types": "./components/Divider/index.d.ts"
+    },
     "./components/DateTimePicker": {
       "import": "./components/DateTimePicker/DateTimePicker.js",
       "require": "./components/DateTimePicker/DateTimePicker.cjs",
@@ -158,11 +163,21 @@
       "require": "./components/Card/Card.cjs",
       "types": "./components/Card/index.d.ts"
     },
+    "./components/ButtonGroup": {
+      "import": "./components/ButtonGroup/ButtonGroup.js",
+      "require": "./components/ButtonGroup/ButtonGroup.cjs",
+      "types": "./components/ButtonGroup/index.d.ts"
+    },
     "./components/Button": {
       "import": "./components/Button/Button.js",
       "require": "./components/Button/Button.cjs",
       "types": "./components/Button/index.d.ts"
     },
+    "./components/Breadcrumbs": {
+      "import": "./components/Breadcrumbs/Breadcrumbs.js",
+      "require": "./components/Breadcrumbs/Breadcrumbs.cjs",
+      "types": "./components/Breadcrumbs/index.d.ts"
+    },
     "./components/Avatar": {
       "import": "./components/Avatar/Avatar.js",
       "require": "./components/Avatar/Avatar.cjs",

package/Modal-BqgnC6yu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-BqgnC6yu.js","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        <Paper className={className} sx={mergedPaperSx}>\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["MuiModal"],"mappings":"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"}

package/Modal-CA0J0xpO.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-CA0J0xpO.cjs","sources":["../src/components/Modal/ModalFooter.tsx","../src/components/Modal/ModalHeader.tsx","../src/components/Modal/ModalBody.tsx","../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Stack } from '@mui/material';\nimport type { ButtonProps as MuiButtonProps } from '@mui/material/Button';\n\nimport { Button } from '../Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick?: () => void;\n  disabled?: boolean;\n  variant?: MuiButtonProps['variant'];\n  color?: MuiButtonProps['color'];\n  /**\n   * Props adicionales que se forwardean al `<Button>` interno. Útil para casos\n   * avanzados como conectar el botón con un `<form id=\"...\">` externo usando\n   * `buttonProps={{ type: 'submit', form: 'my-form-id' }}`.\n   */\n  buttonProps?: Partial<MuiButtonProps> & { form?: string };\n}\n\nexport interface ModalFooterProps {\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({\n  children,\n  showCloseButton = true,\n  closeButtonText = 'Cerrar',\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        justifyContent: 'flex-end',\n        gap: 1,\n      }}\n    >\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action) => {\n          const { buttonProps, text, onClick, disabled, variant, color } = action;\n          return (\n            <Button\n              key={text}\n              onClick={onClick}\n              disabled={disabled}\n              variant={variant || 'contained'}\n              color={color || 'primary'}\n              {...(buttonProps as any)}\n            >\n              {text}\n            </Button>\n          );\n        })}\n      </Stack>\n    </Box>\n  );\n};\n\nModalFooter.displayName = 'ModalFooter';\n\nexport default ModalFooter;\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface ModalHeaderProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-labelledby` del Modal. Se setea\n   * automáticamente cuando el header se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children, id }) => {\n  return (\n    <Box\n      sx={{\n        padding: 2,\n        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography id={id} variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nModalHeader.displayName = 'ModalHeader';\n\nexport default ModalHeader;\n","import React from 'react';\nimport { Box } from '@mui/material';\n\nexport interface ModalBodyProps {\n  children: React.ReactNode;\n  /**\n   * ID del elemento — usado para `aria-describedby` del Modal. Se setea\n   * automáticamente cuando el body se renderiza dentro de `<Modal>`.\n   */\n  id?: string;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children, id }) => {\n  return (\n    <Box id={id} sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nModalBody.displayName = 'ModalBody';\n\nexport default ModalBody;\n","import {\n  Children,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useId,\n  useImperativeHandle,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  Modal as MuiModal,\n  Paper,\n  useMediaQuery,\n  useTheme,\n  Box,\n  Stack,\n  Typography,\n} from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport WarningAmberIcon from '@mui/icons-material/WarningAmber';\nimport ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\n\nimport type { DialogProps } from '@mui/material/Dialog';\nimport { ModalFooter, type ModalAction, type ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\nimport { mergeSx } from '../_shared/mergeSx';\n\n// Detección robusta de sub-componentes — funciona con wrappers / HMR que\n// rompen la igualdad de referencia (`child.type === ModalHeader`).\nconst isModalSlot = (\n  child: ReactElement,\n  Component: unknown,\n  displayName: string,\n): boolean => {\n  if (child.type === Component) return true;\n  const type = child.type as { displayName?: string };\n  return type?.displayName === displayName;\n};\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\nexport type ModalMode = 'default' | 'confirm';\nexport type ModalSeverity = 'info' | 'warning' | 'error' | 'success';\n\nexport interface ModalProps {\n  /**\n   * Modo del modal.\n   * - `default` (default): modal genérico con slots `Header`/`Body`/`Footer` y\n   *   `actions` custom.\n   * - `confirm`: reemplaza al `ConfirmModal` legacy. Renderiza un layout\n   *   focalizado con icono por severidad, mensaje y botones \"Cancelar\" /\n   *   \"Confirmar\".\n   */\n  mode?: ModalMode;\n\n  // ── Props comunes ────────────────────────────────────────────────────\n  /** Controlado externamente. Omitir si se usa vía ref. */\n  open?: boolean;\n  /** Callback al cerrar. También se dispara al confirmar/cancelar. */\n  onClose?: () => void;\n  title?: string;\n  children?: ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  /**\n   * Si `true`, el modal NO se cierra al hacer click en el backdrop ni con Escape\n   * (equivale a `backdrop=\"static\"`). Cerrar solo vía botón/acción.\n   */\n  staticBackdrop?: boolean;\n  /** Oculta el header (incluso si hay `title` o se pasa un `<Modal.Header>`). */\n  hiddenHeader?: boolean;\n  /** Oculta el body (incluso si se pasa un `<Modal.Body>`). */\n  hiddenBody?: boolean;\n  /** Oculta el footer (incluso si se pasa un `<Modal.Footer>` o `actions`). */\n  hiddenFooter?: boolean;\n  /** sx del Modal root (MuiModal). */\n  sx?: SxProps<Theme>;\n  /** sx del Paper interno (contenedor visual). Se mergea sobre el default. */\n  paperSx?: SxProps<Theme>;\n  /** className del Paper interno. */\n  className?: string;\n\n  // ── Props del modo confirm ───────────────────────────────────────────\n  /**\n   * Callback de confirmación. Soporta promesa — si devuelve `Promise`, el\n   * botón muestra estado `disabled` mientras resuelve.\n   *\n   * Si la promesa **rechaza**, el modal queda abierto para que el consumer\n   * pueda mostrar el error en su UI. El modal se cierra solo en éxito.\n   */\n  onConfirm?: () => void | Promise<void>;\n  /** Texto del botón primario en modo `confirm`. Default: \"Confirmar\". */\n  confirmText?: string;\n  /** Deshabilita el botón de confirmar. */\n  confirmDisabled?: boolean;\n  /**\n   * Severidad visual en modo `confirm`. Controla el icono y el color del\n   * botón de confirmación.\n   * - `info` (default): primary\n   * - `warning`: warning (amarillo)\n   * - `error`: error (rojo) — típico para \"Eliminar\"\n   * - `success`: success (verde) — típico para \"Aprobar\"\n   */\n  severity?: ModalSeverity;\n  /**\n   * Mensaje del confirm. Puede ser string o cualquier ReactNode. Si se omite,\n   * se usa `children`.\n   */\n  confirmMessage?: ReactNode;\n}\n\nconst modalStyle = {\n  position: 'absolute' as const,\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column' as const,\n  outline: 'none',\n};\n\nconst severityConfig: Record<\n  ModalSeverity,\n  { color: ModalAction['color']; icon: ReactNode; paletteKey: 'primary' | 'warning' | 'error' | 'success' }\n> = {\n  info: {\n    color: 'primary',\n    icon: <InfoOutlinedIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'primary',\n  },\n  warning: {\n    color: 'warning',\n    icon: <WarningAmberIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'warning',\n  },\n  error: {\n    color: 'error',\n    icon: <ErrorOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'error',\n  },\n  success: {\n    color: 'success',\n    icon: <CheckCircleOutlineIcon sx={{ fontSize: 48 }} />,\n    paletteKey: 'success',\n  },\n};\n\nexport const Modal = forwardRef<ModalRef, ModalProps>(\n  (\n    {\n      mode = 'default',\n      open: controlledOpen,\n      onClose: controlledOnClose,\n      title,\n      children,\n      showCloseButton = true,\n      closeButtonText = 'Cerrar',\n      closeButtonDisabled = false,\n      actions = [],\n      maxWidth = 'sm',\n      hiddenHeader = false,\n      hiddenBody = false,\n      hiddenFooter = false,\n      staticBackdrop = false,\n      sx,\n      paperSx,\n      className,\n\n      // Props del modo confirm\n      onConfirm,\n      confirmText = 'Confirmar',\n      confirmDisabled = false,\n      severity = 'info',\n      confirmMessage,\n    },\n    ref,\n  ) => {\n    const [internalOpen, setInternalOpen] = useState(false);\n    const [confirmLoading, setConfirmLoading] = useState(false);\n\n    // IDs estables para a11y: `aria-labelledby` y `aria-describedby`.\n    const titleId = useId();\n    const descId = useId();\n\n    const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n    useImperativeHandle(ref, () => ({\n      open: () => setInternalOpen(true),\n      close: () => {\n        setInternalOpen(false);\n        controlledOnClose?.();\n      },\n    }));\n\n    const handleCloseInternal = (\n      _event?: object,\n      reason?: 'backdropClick' | 'escapeKeyDown',\n    ) => {\n      // Backdrop estático: ignora cierres por click fuera o Escape.\n      if (\n        staticBackdrop &&\n        (reason === 'backdropClick' || reason === 'escapeKeyDown')\n      ) {\n        return;\n      }\n      setInternalOpen(false);\n      controlledOnClose?.();\n    };\n\n    const handleConfirm = async () => {\n      if (!onConfirm) {\n        handleCloseInternal();\n        return;\n      }\n      const result = onConfirm();\n      if (!(result instanceof Promise)) {\n        handleCloseInternal();\n        return;\n      }\n      setConfirmLoading(true);\n      try {\n        await result;\n        handleCloseInternal();\n      } catch (err) {\n        // No cerrar el modal en caso de error — el consumer es responsable\n        // de mostrar un estado de error en su UI. Logueamos para trazabilidad\n        // en dev.\n        // eslint-disable-next-line no-console\n        console.error('Modal onConfirm failed:', err);\n      } finally {\n        setConfirmLoading(false);\n      }\n    };\n\n    const theme = useTheme();\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n    const getWidth = () => {\n      if (isMobile) return '95%';\n      switch (maxWidth) {\n        case 'xs':\n          return 300;\n        case 'sm':\n          return 500;\n        case 'md':\n          return 700;\n        case 'lg':\n          return 900;\n        case 'xl':\n          return 1100;\n        case false:\n          return 'auto';\n        default:\n          // Soporta string custom: `maxWidth=\"600px\"` se pasa tal cual.\n          return typeof maxWidth === 'string' ? maxWidth : 500;\n      }\n    };\n\n    // Base sx del Paper + width responsive; el consumer puede pisarlos via `paperSx`.\n    const paperBaseSx: SxProps<Theme> = { ...modalStyle, width: getWidth() };\n    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);\n\n    // ── Render modo CONFIRM ─────────────────────────────────────────────\n    if (mode === 'confirm') {\n      const config = severityConfig[severity];\n      const message = confirmMessage ?? children;\n\n      return (\n        <MuiModal\n          open={isOpen}\n          onClose={handleCloseInternal}\n          aria-labelledby={title ? titleId : undefined}\n          aria-describedby={message ? descId : undefined}\n          closeAfterTransition\n          sx={sx}\n        >\n          <Paper className={className} sx={mergedPaperSx}>\n            <Stack spacing={2.5} sx={{ p: 3, alignItems: 'center', textAlign: 'center' }}>\n              <Box\n                sx={{\n                  width: 72,\n                  height: 72,\n                  borderRadius: '50%',\n                  backgroundColor: (t) => t.palette[config.paletteKey].light,\n                  color: (t) => t.palette[config.paletteKey].dark,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  opacity: 0.9,\n                }}\n              >\n                {config.icon}\n              </Box>\n              {title && (\n                <Typography id={titleId} variant=\"h6\" component=\"h2\" sx={{ fontWeight: 700 }}>\n                  {title}\n                </Typography>\n              )}\n              {message && (\n                <Typography id={descId} variant=\"body2\" color=\"text.secondary\">\n                  {message}\n                </Typography>\n              )}\n            </Stack>\n            <ModalFooter\n              showCloseButton={showCloseButton}\n              closeButtonText={closeButtonText}\n              closeButtonDisabled={closeButtonDisabled || confirmLoading}\n              onClose={handleCloseInternal}\n              actions={[\n                {\n                  text: confirmText,\n                  onClick: handleConfirm,\n                  disabled: confirmDisabled || confirmLoading,\n                  variant: 'contained',\n                  color: config.color,\n                },\n              ]}\n            />\n          </Paper>\n        </MuiModal>\n      );\n    }\n\n    // ── Render modo DEFAULT (compuesto) ─────────────────────────────────\n    const renderChildren = () => {\n      let header: ReactNode | null = null;\n      let body: ReactNode | null = null;\n      let footer: ReactNode | null = null;\n\n      Children.forEach(children, (child) => {\n        if (!isValidElement(child)) return;\n\n        if (isModalSlot(child, ModalHeader, 'ModalHeader')) {\n          const headerChild = child as ReactElement<{ id?: string }>;\n          header = cloneElement(headerChild, { id: titleId, ...headerChild.props });\n        } else if (isModalSlot(child, ModalBody, 'ModalBody')) {\n          const bodyChild = child as ReactElement<{ id?: string }>;\n          body = cloneElement(bodyChild, { id: descId, ...bodyChild.props });\n        } else if (isModalSlot(child, ModalFooter, 'ModalFooter')) {\n          const footerChild = child as ReactElement<ModalFooterProps>;\n          // Props del child ganan sobre los del Modal padre: si el consumer\n          // declara `<Modal.Footer showCloseButton={false}>`, ese valor se\n          // respeta. Solo los que vengan `undefined` caen al default del padre.\n          const childProps = footerChild.props;\n          footer = cloneElement(footerChild, {\n            showCloseButton: childProps.showCloseButton ?? showCloseButton,\n            closeButtonText: childProps.closeButtonText ?? closeButtonText,\n            closeButtonDisabled: childProps.closeButtonDisabled ?? closeButtonDisabled,\n            onClose: childProps.onClose ?? handleCloseInternal,\n            actions: childProps.actions ?? actions,\n          });\n        }\n      });\n\n      if (!footer && !hiddenFooter) {\n        footer = (\n          <ModalFooter\n            showCloseButton={showCloseButton}\n            closeButtonText={closeButtonText}\n            closeButtonDisabled={closeButtonDisabled}\n            onClose={handleCloseInternal}\n            actions={actions}\n          />\n        );\n      }\n\n      return (\n        <>\n          {!hiddenHeader && (header || (title && <ModalHeader id={titleId}>{title}</ModalHeader>))}\n          {!hiddenBody && body}\n          {footer}\n        </>\n      );\n    };\n\n    return (\n      <MuiModal\n        open={isOpen}\n        onClose={handleCloseInternal}\n        aria-labelledby={titleId}\n        aria-describedby={descId}\n        closeAfterTransition\n        sx={sx}\n      >\n        <Paper className={className} sx={mergedPaperSx}>\n          {renderChildren()}\n        </Paper>\n      </MuiModal>\n    );\n  },\n);\n\nModal.displayName = 'Modal';\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = ReturnType<typeof forwardRef<ModalRef, ModalProps>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;\n"],"names":["jsxs","Box","Stack","jsx","Button","Typography","forwardRef","useState","useId","useImperativeHandle","useTheme","useMediaQuery","mergeSx","MuiModal","Paper","Children","isValidElement","cloneElement","Fragment"],"mappings":"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"}