@soyfri/shared-library 2.0.0-beta.13 → 2.0.0-beta.15

package/{Modal-Bnz6d9m9.js → Modal-BRZMPwDj.js}

@@ -17,27 +17,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { forwardRef, useState, useImperativeHandle } from "react";
-import { Box, Stack, Button, Typography, useTheme, useMediaQuery, Modal as Modal$1, Paper } from "@mui/material";
+import { forwardRef, useState, useId, useImperativeHandle, Children, isValidElement, cloneElement } from "react";
+import { Box, Stack, Typography, useTheme, useMediaQuery, Modal as Modal$1, Paper } from "@mui/material";
 import InfoOutlinedIcon from "@mui/icons-material/InfoOutlined";
 import WarningAmberIcon from "@mui/icons-material/WarningAmber";
 import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
+import { B as Button } from "./Button-UkkP-bNw.js";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.js";
 const ModalFooter = ({
-  // Renombrado
   children,
   showCloseButton = true,
   closeButtonText = "Cerrar",
@@ -45,42 +34,74 @@ const ModalFooter = ({
   onClose,
   actions = []
 }) => {
-  return /* @__PURE__ */ jsxs(Box, { sx: { padding: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
-    children,
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-      showCloseButton && /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: onClose,
-          disabled: closeButtonDisabled,
-          variant: "outlined",
-          color: "secondary",
-          children: closeButtonText
-        }
-      ),
-      actions.map((action, index) => {
-        const { buttonProps } = action;
-        return /* @__PURE__ */ jsx(
-          Button,
-          __spreadProps(__spreadValues({
-            onClick: action.onClick,
-            disabled: action.disabled,
-            variant: action.variant || "contained",
-            color: action.color || "primary"
-          }, buttonProps), {
-            children: action.text
-          }),
-          index
-        );
-      })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        padding: 2,
+        borderTop: (theme) => `1px solid ${theme.palette.divider}`,
+        display: "flex",
+        justifyContent: "flex-end",
+        gap: 1
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+          showCloseButton && /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: onClose,
+              disabled: closeButtonDisabled,
+              variant: "outlined",
+              color: "secondary",
+              children: closeButtonText
+            }
+          ),
+          actions.map((action) => {
+            const { buttonProps, text, onClick, disabled, variant, color } = action;
+            return /* @__PURE__ */ jsx(
+              Button,
+              __spreadProps(__spreadValues({
+                onClick,
+                disabled,
+                variant: variant || "contained",
+                color: color || "primary"
+              }, buttonProps), {
+                children: text
+              }),
+              text
+            );
+          })
+        ] })
+      ]
+    }
+  );
+};
+ModalFooter.displayName = "ModalFooter";
+const ModalHeader = ({ children, id }) => {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        padding: 2,
+        borderBottom: (theme) => `1px solid ${theme.palette.divider}`,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between"
+      },
+      children: /* @__PURE__ */ jsx(Typography, { id, variant: "h6", component: "h2", children })
+    }
+  );
 };
-const ModalHeader = ({ children }) => {
-  return /* @__PURE__ */ jsx(Box, { sx: { padding: 2, borderBottom: "1px solid #e0e0e0", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "h2", children }) });
+ModalHeader.displayName = "ModalHeader";
+const ModalBody = ({ children, id }) => {
+  return /* @__PURE__ */ jsx(Box, { id, sx: { padding: 2, overflowY: "auto", flexGrow: 1 }, children });
 };
-const ModalBody = ({ children }) => {
-  return /* @__PURE__ */ jsx(Box, { sx: { padding: 2, overflowY: "auto", flexGrow: 1 }, children });
+ModalBody.displayName = "ModalBody";
+const isModalSlot = (child, Component, displayName) => {
+  if (child.type === Component) return true;
+  const type = child.type;
+  return (type == null ? void 0 : type.displayName) === displayName;
 };
 const modalStyle = {
   position: "absolute",
@@ -97,22 +118,22 @@ const severityConfig = {
   info: {
     color: "primary",
     icon: /* @__PURE__ */ jsx(InfoOutlinedIcon, { sx: { fontSize: 48 } }),
-    bg: "primary.light"
+    paletteKey: "primary"
   },
   warning: {
     color: "warning",
     icon: /* @__PURE__ */ jsx(WarningAmberIcon, { sx: { fontSize: 48 } }),
-    bg: "warning.light"
+    paletteKey: "warning"
   },
   error: {
     color: "error",
     icon: /* @__PURE__ */ jsx(ErrorOutlineIcon, { sx: { fontSize: 48 } }),
-    bg: "error.light"
+    paletteKey: "error"
   },
   success: {
     color: "success",
     icon: /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { sx: { fontSize: 48 } }),
-    bg: "success.light"
+    paletteKey: "success"
   }
 };
 const Modal = forwardRef(
@@ -127,7 +148,12 @@ const Modal = forwardRef(
     closeButtonDisabled = false,
     actions = [],
     maxWidth = "sm",
+    hiddenHeader = false,
+    hiddenBody = false,
     hiddenFooter = false,
+    sx,
+    paperSx,
+    className,
     // Props del modo confirm
     onConfirm,
     confirmText = "Confirmar",
@@ -137,6 +163,8 @@ const Modal = forwardRef(
   }, ref) => {
     const [internalOpen, setInternalOpen] = useState(false);
     const [confirmLoading, setConfirmLoading] = useState(false);
+    const titleId = useId();
+    const descId = useId();
     const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
     useImperativeHandle(ref, () => ({
       open: () => setInternalOpen(true),
@@ -154,15 +182,19 @@ const Modal = forwardRef(
         handleCloseInternal();
         return;
       }
+      const result = onConfirm();
+      if (!(result instanceof Promise)) {
+        handleCloseInternal();
+        return;
+      }
+      setConfirmLoading(true);
       try {
-        const result = onConfirm();
-        if (result instanceof Promise) {
-          setConfirmLoading(true);
-          await result;
-        }
+        await result;
+        handleCloseInternal();
+      } catch (err) {
+        console.error("Modal onConfirm failed:", err);
       } finally {
         setConfirmLoading(false);
-        handleCloseInternal();
       }
     };
     const theme = useTheme();
@@ -183,9 +215,11 @@ const Modal = forwardRef(
         case false:
           return "auto";
         default:
-          return 500;
+          return typeof maxWidth === "string" ? maxWidth : 500;
       }
     };
+    const paperBaseSx = __spreadProps(__spreadValues({}, modalStyle), { width: getWidth() });
+    const mergedPaperSx = mergeSx(paperBaseSx, paperSx);
     if (mode === "confirm") {
       const config = severityConfig[severity];
       const message = confirmMessage != null ? confirmMessage : children;
@@ -194,9 +228,11 @@ const Modal = forwardRef(
         {
           open: isOpen,
           onClose: handleCloseInternal,
-          "aria-labelledby": "modal-title",
+          "aria-labelledby": title ? titleId : void 0,
+          "aria-describedby": message ? descId : void 0,
           closeAfterTransition: true,
-          children: /* @__PURE__ */ jsxs(Paper, { sx: __spreadProps(__spreadValues({}, modalStyle), { width: getWidth() }), children: [
+          sx,
+          children: /* @__PURE__ */ jsxs(Paper, { className, sx: mergedPaperSx, children: [
             /* @__PURE__ */ jsxs(Stack, { spacing: 2.5, sx: { p: 3, alignItems: "center", textAlign: "center" }, children: [
               /* @__PURE__ */ jsx(
                 Box,
@@ -205,8 +241,8 @@ const Modal = forwardRef(
                     width: 72,
                     height: 72,
                     borderRadius: "50%",
-                    backgroundColor: (t) => t.palette[severity === "info" ? "primary" : severity].light,
-                    color: (t) => t.palette[severity === "info" ? "primary" : severity].dark,
+                    backgroundColor: (t) => t.palette[config.paletteKey].light,
+                    color: (t) => t.palette[config.paletteKey].dark,
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
@@ -215,8 +251,8 @@ const Modal = forwardRef(
                   children: config.icon
                 }
               ),
-              title && /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "h2", sx: { fontWeight: 700 }, children: title }),
-              message && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: message })
+              title && /* @__PURE__ */ jsx(Typography, { id: titleId, variant: "h6", component: "h2", sx: { fontWeight: 700 }, children: title }),
+              message && /* @__PURE__ */ jsx(Typography, { id: descId, variant: "body2", color: "text.secondary", children: message })
             ] }),
             /* @__PURE__ */ jsx(
               ModalFooter,
@@ -244,35 +280,25 @@ const Modal = forwardRef(
       let header = null;
       let body = null;
       let footer = null;
-      React__default.Children.forEach(children, (child) => {
-        if (React__default.isValidElement(child)) {
-          if (child.type === ModalHeader) {
-            header = child;
-          } else if (child.type === ModalBody) {
-            body = child;
-          } else if (child.type === ModalFooter) {
-            const footerChild = child;
-            const _a = footerChild.props, {
-              showCloseButton: childShowCloseButton,
-              closeButtonText: childCloseButtonText,
-              closeButtonDisabled: childCloseButtonDisabled,
-              onClose: childOnClose,
-              actions: childActions
-            } = _a, restOfFooterProps = __objRest(_a, [
-              "showCloseButton",
-              "closeButtonText",
-              "closeButtonDisabled",
-              "onClose",
-              "actions"
-            ]);
-            footer = React__default.cloneElement(footerChild, __spreadValues({
-              showCloseButton,
-              closeButtonText,
-              closeButtonDisabled,
-              onClose: handleCloseInternal,
-              actions
-            }, restOfFooterProps));
-          }
+      Children.forEach(children, (child) => {
+        var _a, _b, _c, _d, _e;
+        if (!isValidElement(child)) return;
+        if (isModalSlot(child, ModalHeader, "ModalHeader")) {
+          const headerChild = child;
+          header = cloneElement(headerChild, __spreadValues({ id: titleId }, headerChild.props));
+        } else if (isModalSlot(child, ModalBody, "ModalBody")) {
+          const bodyChild = child;
+          body = cloneElement(bodyChild, __spreadValues({ id: descId }, bodyChild.props));
+        } else if (isModalSlot(child, ModalFooter, "ModalFooter")) {
+          const footerChild = child;
+          const childProps = footerChild.props;
+          footer = cloneElement(footerChild, {
+            showCloseButton: (_a = childProps.showCloseButton) != null ? _a : showCloseButton,
+            closeButtonText: (_b = childProps.closeButtonText) != null ? _b : closeButtonText,
+            closeButtonDisabled: (_c = childProps.closeButtonDisabled) != null ? _c : closeButtonDisabled,
+            onClose: (_d = childProps.onClose) != null ? _d : handleCloseInternal,
+            actions: (_e = childProps.actions) != null ? _e : actions
+          });
         }
       });
       if (!footer && !hiddenFooter) {
@@ -288,8 +314,8 @@ const Modal = forwardRef(
         );
       }
       return /* @__PURE__ */ jsxs(Fragment, { children: [
-        header || title && /* @__PURE__ */ jsx(ModalHeader, { children: title }),
-        body,
+        !hiddenHeader && (header || title && /* @__PURE__ */ jsx(ModalHeader, { id: titleId, children: title })),
+        !hiddenBody && body,
         footer
       ] });
     };
@@ -298,23 +324,25 @@ const Modal = forwardRef(
       {
         open: isOpen,
         onClose: handleCloseInternal,
-        "aria-labelledby": "modal-title",
-        "aria-describedby": "modal-description",
+        "aria-labelledby": titleId,
+        "aria-describedby": descId,
         closeAfterTransition: true,
-        children: /* @__PURE__ */ jsx(Paper, { sx: __spreadProps(__spreadValues({}, modalStyle), { width: getWidth() }), children: renderChildren() })
+        sx,
+        children: /* @__PURE__ */ jsx(Paper, { className, sx: mergedPaperSx, children: renderChildren() })
       }
     );
   }
 );
+Modal.displayName = "Modal";
 const ModalWithStatics = Modal;
 ModalWithStatics.Header = ModalHeader;
 ModalWithStatics.Body = ModalBody;
 ModalWithStatics.Footer = ModalFooter;
 export {
-  Modal as M,
-  ModalHeader as a,
-  ModalBody as b,
-  ModalFooter as c,
-  ModalWithStatics as d
+  ModalWithStatics as M,
+  Modal as a,
+  ModalHeader as b,
+  ModalBody as c,
+  ModalFooter as d
 };
-//# sourceMappingURL=Modal-Bnz6d9m9.js.map
+//# sourceMappingURL=Modal-BRZMPwDj.js.map

package/Modal-BRZMPwDj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal-BRZMPwDj.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  /** 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      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      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/{RadioGroup-CxqDHap1.cjs → RadioGroup-Dd0rHXSX.cjs}

@@ -106,9 +106,9 @@ const RadioGroup = (props) => {
   const buildSx = (effectiveError) => [
     buildRadioGroupSx({ bordered, borderRadius, error: effectiveError }),
     ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : [sx]
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
-  const renderOptions = (currentValue, _onChange, fieldName) => options.map((opt) => {
+  const renderOptions = (fieldName) => options.map((opt) => {
     var _a2;
     const inputId = (_a2 = opt.id) != null ? _a2 : `${fieldName != null ? fieldName : "radio"}-${opt.value}`;
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -124,14 +124,13 @@ const RadioGroup = (props) => {
           }
         ),
         label: opt.label,
-        checked: currentValue === opt.value,
         disabled: disabled || opt.disabled
       },
       inputId
     );
   });
   if ("control" in props && props.control) {
-    const { name: name2, control, validation } = props;
+    const { name: name2, control, validation, onValueChange } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactHookForm.Controller,
       {
@@ -159,8 +158,11 @@ const RadioGroup = (props) => {
                     name: field.name,
                     value: (_b = field.value) != null ? _b : "",
                     onBlur: field.onBlur,
-                    onChange: (_e, value2) => field.onChange(value2),
-                    children: renderOptions(field.value, field.onChange, field.name)
+                    onChange: (_e, value2) => {
+                      field.onChange(value2);
+                      onValueChange == null ? void 0 : onValueChange(value2);
+                    },
+                    children: renderOptions(field.name)
                   })
                 ),
                 finalHelperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: finalHelperText })
@@ -188,7 +190,7 @@ const RadioGroup = (props) => {
             name,
             value: value != null ? value : "",
             onChange: (_e, next) => onChange(next),
-            children: renderOptions(value, onChange, name)
+            children: renderOptions(name)
           })
         ),
         helperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: helperText })
@@ -197,4 +199,4 @@ const RadioGroup = (props) => {
   );
 };
 exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=RadioGroup-CxqDHap1.cjs.map
+//# sourceMappingURL=RadioGroup-Dd0rHXSX.cjs.map

package/RadioGroup-Dd0rHXSX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-Dd0rHXSX.cjs","sources":["../src/components/RadioGroup/RadioGroup.sx.ts","../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildRadioGroupSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Transición compartida (matchea el InputGroup).\n */\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para RadioGroup. Reproduce el estilo del antiguo\n * `FormRadioGroup` legacy: contenedor con borde + padding vertical.\n *\n * Cuando `bordered=true`, el contenedor gana:\n * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).\n * - `error=true` → borde + shadow de error (palette.error.main).\n *\n * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica\n * visualmente el borde sin empujar nada alrededor.\n *\n * Si `bordered=false`, devuelve un sx mínimo (sólo helper text reset).\n */\nexport const buildRadioGroupSx = ({\n  bordered,\n  borderRadius,\n  error,\n}: BuildRadioGroupSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiRadioGroup-root': {\n      paddingTop: 1.25,\n      paddingBottom: 1.25,\n      paddingX: 1.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      // Focus del usuario sobre cualquier radio interno.\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n    '& .MuiFormLabel-root': {\n      marginBottom: 0.5,\n    },\n  });\n};\n","import type { FC } from 'react';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  Radio,\n  RadioGroup as MuiRadioGroup,\n  type RadioGroupProps as MuiRadioGroupProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildRadioGroupSx } from './RadioGroup.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface RadioOption {\n  /** Valor que se emite cuando se selecciona la opción. */\n  value: string;\n  /** Texto mostrado al lado del radio. */\n  label: string;\n  /** Deshabilitar opción individualmente. */\n  disabled?: boolean;\n  /** ID custom del input (default: prefijo + value). */\n  id?: string;\n}\n\nexport type RadioGroupSize = 'small' | 'medium';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseRadioGroupProps\n  extends Omit<MuiRadioGroupProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: RadioOption[];\n  /** Label superior del grupo. */\n  label?: string;\n  /** Distribución horizontal (default: true — replica el comportamiento legacy). */\n  row?: boolean;\n  size?: RadioGroupSize;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde estilo \"form field\". Default: true. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultValue?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.RadioGroup`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFRadioGroupProps extends BaseRadioGroupProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (value: string) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface ControlledRadioGroupProps extends BaseRadioGroupProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string;\n  onChange: (value: string) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type RadioGroupProps = RHFRadioGroupProps | ControlledRadioGroupProps;\n\nexport const RadioGroup: FC<RadioGroupProps> = (props) => {\n  const {\n    options,\n    label,\n    row = true,\n    size = 'small',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = true,\n    borderRadius = 10,\n    defaultValue,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledRadioGroupProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('RadioGroup', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  const buildSx = (effectiveError: boolean) => [\n    buildRadioGroupSx({ bordered, borderRadius, error: effectiveError }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderOptions = (fieldName?: string) =>\n    options.map((opt) => {\n      const inputId = opt.id ?? `${fieldName ?? 'radio'}-${opt.value}`;\n      return (\n        <FormControlLabel\n          key={inputId}\n          value={opt.value}\n          control={\n            <Radio\n              id={inputId}\n              size={size}\n              disabled={disabled || opt.disabled}\n            />\n          }\n          label={opt.label}\n          disabled={disabled || opt.disabled}\n        />\n      );\n    });\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFRadioGroupProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <FormControl\n              error={finalError}\n              disabled={disabled}\n              sx={buildSx(finalError)}\n              fullWidth\n            >\n              {label && <FormLabel>{label}</FormLabel>}\n              <MuiRadioGroup\n                {...rest}\n                row={row}\n                name={field.name}\n                value={field.value ?? ''}\n                onBlur={field.onBlur}\n                onChange={(_e, value) => {\n                  field.onChange(value);\n                  onValueChange?.(value);\n                }}\n              >\n                {renderOptions(field.name)}\n              </MuiRadioGroup>\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { value, onChange, name } = props as ControlledRadioGroupProps;\n  return (\n    <FormControl\n      error={error}\n      disabled={disabled}\n      sx={buildSx(error)}\n      fullWidth\n    >\n      {label && <FormLabel>{label}</FormLabel>}\n      <MuiRadioGroup\n        {...rest}\n        row={row}\n        name={name}\n        value={value ?? ''}\n        onChange={(_e, next) => onChange(next)}\n      >\n        {renderOptions(name)}\n      </MuiRadioGroup>\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["useTheme","resolvePreset","_a","jsx","FormControlLabel","Radio","name","Controller","jsxs","FormControl","FormLabel","MuiRadioGroup","value","FormHelperText"],"mappings":"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"}

package/{RadioGroup-DMi9FvMP.js → RadioGroup-bO-ahP9T.js}

@@ -105,9 +105,9 @@ const RadioGroup = (props) => {
   const buildSx = (effectiveError) => [
     buildRadioGroupSx({ bordered, borderRadius, error: effectiveError }),
     ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : [sx]
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
-  const renderOptions = (currentValue, _onChange, fieldName) => options.map((opt) => {
+  const renderOptions = (fieldName) => options.map((opt) => {
     var _a2;
     const inputId = (_a2 = opt.id) != null ? _a2 : `${fieldName != null ? fieldName : "radio"}-${opt.value}`;
     return /* @__PURE__ */ jsx(
@@ -123,14 +123,13 @@ const RadioGroup = (props) => {
           }
         ),
         label: opt.label,
-        checked: currentValue === opt.value,
         disabled: disabled || opt.disabled
       },
       inputId
     );
   });
   if ("control" in props && props.control) {
-    const { name: name2, control, validation } = props;
+    const { name: name2, control, validation, onValueChange } = props;
     return /* @__PURE__ */ jsx(
       Controller,
       {
@@ -158,8 +157,11 @@ const RadioGroup = (props) => {
                     name: field.name,
                     value: (_b = field.value) != null ? _b : "",
                     onBlur: field.onBlur,
-                    onChange: (_e, value2) => field.onChange(value2),
-                    children: renderOptions(field.value, field.onChange, field.name)
+                    onChange: (_e, value2) => {
+                      field.onChange(value2);
+                      onValueChange == null ? void 0 : onValueChange(value2);
+                    },
+                    children: renderOptions(field.name)
                   })
                 ),
                 finalHelperText && /* @__PURE__ */ jsx(FormHelperText, { children: finalHelperText })
@@ -187,7 +189,7 @@ const RadioGroup = (props) => {
             name,
             value: value != null ? value : "",
             onChange: (_e, next) => onChange(next),
-            children: renderOptions(value, onChange, name)
+            children: renderOptions(name)
           })
         ),
         helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
@@ -198,4 +200,4 @@ const RadioGroup = (props) => {
 export {
   RadioGroup as R
 };
-//# sourceMappingURL=RadioGroup-DMi9FvMP.js.map
+//# sourceMappingURL=RadioGroup-bO-ahP9T.js.map

package/RadioGroup-bO-ahP9T.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-bO-ahP9T.js","sources":["../src/components/RadioGroup/RadioGroup.sx.ts","../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildRadioGroupSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Transición compartida (matchea el InputGroup).\n */\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para RadioGroup. Reproduce el estilo del antiguo\n * `FormRadioGroup` legacy: contenedor con borde + padding vertical.\n *\n * Cuando `bordered=true`, el contenedor gana:\n * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).\n * - `error=true` → borde + shadow de error (palette.error.main).\n *\n * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica\n * visualmente el borde sin empujar nada alrededor.\n *\n * Si `bordered=false`, devuelve un sx mínimo (sólo helper text reset).\n */\nexport const buildRadioGroupSx = ({\n  bordered,\n  borderRadius,\n  error,\n}: BuildRadioGroupSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiRadioGroup-root': {\n      paddingTop: 1.25,\n      paddingBottom: 1.25,\n      paddingX: 1.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      // Focus del usuario sobre cualquier radio interno.\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n    '& .MuiFormLabel-root': {\n      marginBottom: 0.5,\n    },\n  });\n};\n","import type { FC } from 'react';\nimport { useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  Radio,\n  RadioGroup as MuiRadioGroup,\n  type RadioGroupProps as MuiRadioGroupProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildRadioGroupSx } from './RadioGroup.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface RadioOption {\n  /** Valor que se emite cuando se selecciona la opción. */\n  value: string;\n  /** Texto mostrado al lado del radio. */\n  label: string;\n  /** Deshabilitar opción individualmente. */\n  disabled?: boolean;\n  /** ID custom del input (default: prefijo + value). */\n  id?: string;\n}\n\nexport type RadioGroupSize = 'small' | 'medium';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseRadioGroupProps\n  extends Omit<MuiRadioGroupProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: RadioOption[];\n  /** Label superior del grupo. */\n  label?: string;\n  /** Distribución horizontal (default: true — replica el comportamiento legacy). */\n  row?: boolean;\n  size?: RadioGroupSize;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde estilo \"form field\". Default: true. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultValue?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.RadioGroup`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFRadioGroupProps extends BaseRadioGroupProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (value: string) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface ControlledRadioGroupProps extends BaseRadioGroupProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string;\n  onChange: (value: string) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type RadioGroupProps = RHFRadioGroupProps | ControlledRadioGroupProps;\n\nexport const RadioGroup: FC<RadioGroupProps> = (props) => {\n  const {\n    options,\n    label,\n    row = true,\n    size = 'small',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = true,\n    borderRadius = 10,\n    defaultValue,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledRadioGroupProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('RadioGroup', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  const buildSx = (effectiveError: boolean) => [\n    buildRadioGroupSx({ bordered, borderRadius, error: effectiveError }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderOptions = (fieldName?: string) =>\n    options.map((opt) => {\n      const inputId = opt.id ?? `${fieldName ?? 'radio'}-${opt.value}`;\n      return (\n        <FormControlLabel\n          key={inputId}\n          value={opt.value}\n          control={\n            <Radio\n              id={inputId}\n              size={size}\n              disabled={disabled || opt.disabled}\n            />\n          }\n          label={opt.label}\n          disabled={disabled || opt.disabled}\n        />\n      );\n    });\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFRadioGroupProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <FormControl\n              error={finalError}\n              disabled={disabled}\n              sx={buildSx(finalError)}\n              fullWidth\n            >\n              {label && <FormLabel>{label}</FormLabel>}\n              <MuiRadioGroup\n                {...rest}\n                row={row}\n                name={field.name}\n                value={field.value ?? ''}\n                onBlur={field.onBlur}\n                onChange={(_e, value) => {\n                  field.onChange(value);\n                  onValueChange?.(value);\n                }}\n              >\n                {renderOptions(field.name)}\n              </MuiRadioGroup>\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { value, onChange, name } = props as ControlledRadioGroupProps;\n  return (\n    <FormControl\n      error={error}\n      disabled={disabled}\n      sx={buildSx(error)}\n      fullWidth\n    >\n      {label && <FormLabel>{label}</FormLabel>}\n      <MuiRadioGroup\n        {...rest}\n        row={row}\n        name={name}\n        value={value ?? ''}\n        onChange={(_e, next) => onChange(next)}\n      >\n        {renderOptions(name)}\n      </MuiRadioGroup>\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default RadioGroup;\n"],"names":["_a","name","MuiRadioGroup","value"],"mappings":"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"}