@soyfri/shared-library 2.0.0-beta.9 → 2.0.0-beta8

package/components/Stat/Stat.js

@@ -1,85 +1,6 @@
 import '../../styles.css';/* empty css                    */
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Box, Typography, Stack, Chip } from "@mui/material";
-const Stat = ({
-  stat,
-  stat2,
-  label,
-  color = "#1469B8",
-  chipColor = "#1469B8",
-  chips = [],
-  simple = false,
-  chip = false,
-  chipList = false,
-  children,
-  statDisplay
-}) => {
-  const selectedTemplate = useMemo(() => {
-    if (simple) return "simple";
-    if (chip) return "chip";
-    if (chipList) return "chipList";
-    return "default";
-  }, [simple, chip, chipList]);
-  const renderStatDisplay = () => {
-    return statDisplay ? statDisplay(stat) : /* @__PURE__ */ jsx(Typography, { variant: "h6", children: stat });
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    selectedTemplate === "default" && /* @__PURE__ */ jsxs(Box, { className: "stat", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "h4", "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
-      /* @__PURE__ */ jsxs(Box, { className: "stat__label", display: "flex", alignItems: "center", gap: 1, children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            width: 40,
-            height: 4,
-            bgcolor: color,
-            "data-testid": "stat-border",
-            borderRadius: 2
-          }
-        )
-      ] })
-    ] }),
-    selectedTemplate === "simple" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
-      /* @__PURE__ */ jsx(Typography, { "data-testid": "selection-template-option-outlet", children: renderStatDisplay() }),
-      stat2 && /* @__PURE__ */ jsx(Typography, { children: stat2 })
-    ] }),
-    selectedTemplate === "chip" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
-      /* @__PURE__ */ jsx(
-        Chip,
-        {
-          "data-testid": "chip-template-option-outlet",
-          label: renderStatDisplay(),
-          sx: {
-            backgroundColor: chipColor,
-            color: "#fff",
-            fontWeight: "bold"
-          }
-        }
-      )
-    ] }),
-    selectedTemplate === "chipList" && /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", children: label }),
-      /* @__PURE__ */ jsx(Stack, { direction: "row", spacing: 1, children: chips.map((chip2, i) => /* @__PURE__ */ jsx(
-        Chip,
-        {
-          label: chip2.stat,
-          sx: {
-            backgroundColor: chip2.chipColor,
-            color: "#fff",
-            fontWeight: "bold"
-          }
-        },
-        i
-      )) })
-    ] }),
-    children
-  ] });
-};
+import { S } from "../../Stat-C06A_izS.js";
 export {
-  Stat
+  S as Stat
 };
 //# sourceMappingURL=Stat.js.map

package/components/Stat/Stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stat.js","sources":["../../../src/components/Stat/Stat.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Chip, Stack, Typography, Box } from '@mui/material';\n\nexport interface StatChip {\n  stat: any;\n  chipColor: string;\n}\n\nexport interface StatProps {\n  stat: any; // Replace 'any' with the actual type of 'stat'\n  stat2?: any; // Replace 'any' with the actual type of'stat2'\n  label: string; // Replace 'any' with the actual type of'label'\n  color?: string;\n  chipColor?: string;\n  chips?: StatChip[]; // Replace 'any' with the actual type of'chips'\n  simple?: boolean;\n  chip?: boolean;\n  chipList?: boolean;\n  children?: React.ReactNode;\n  statDisplay?: (stat: any) => React.ReactNode;\n}\n\nexport const Stat: React.FC<StatProps> = ({\n  stat,\n  stat2,\n  label,\n  color = '#1469B8',\n  chipColor = '#1469B8',\n  chips = [],\n  simple = false,\n  chip = false,\n  chipList = false,\n  children,\n  statDisplay,\n}) => {\n  const selectedTemplate = useMemo(() => {\n    if (simple) return 'simple';\n    if (chip) return 'chip';\n    if (chipList) return 'chipList';\n    return 'default';\n  }, [simple, chip, chipList]);\n\n  const renderStatDisplay = () => {\n    return statDisplay ? statDisplay(stat) : <Typography variant=\"h6\">{stat}</Typography>;\n  };\n\n  return (\n    <>\n      {selectedTemplate === 'default' && (\n        <Box className=\"stat\">\n          <Typography variant=\"h4\" data-testid=\"selection-template-option-outlet\">\n            {renderStatDisplay()}\n          </Typography>\n          <Box className=\"stat__label\" display=\"flex\" alignItems=\"center\" gap={1}>\n            <Typography variant=\"body1\">{label}</Typography>\n            <Box\n              width={40}\n              height={4}\n              bgcolor={color}\n              data-testid=\"stat-border\"\n              borderRadius={2}\n            />\n          </Box>\n        </Box>\n      )}\n\n      {selectedTemplate === 'simple' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Typography data-testid=\"selection-template-option-outlet\">\n            {renderStatDisplay()}\n          </Typography>\n          {stat2 && <Typography>{stat2}</Typography>}\n        </Stack>\n      )}\n\n      {selectedTemplate === 'chip' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Chip\n            data-testid=\"chip-template-option-outlet\"\n            label={renderStatDisplay()}\n            sx={{\n              backgroundColor: chipColor,\n              color: '#fff',\n              fontWeight: 'bold',\n            }}\n          />\n        </Stack>\n      )}\n\n      {selectedTemplate === 'chipList' && (\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <Typography variant=\"body1\">{label}</Typography>\n          <Stack direction=\"row\" spacing={1}>\n            {chips.map((chip, i) => (\n              <Chip\n                key={i}\n                label={chip.stat}\n                sx={{\n                  backgroundColor: chip.chipColor,\n                  color: '#fff',\n                  fontWeight: 'bold',\n                }}\n              />\n            ))}\n          </Stack>\n        </Stack>\n      )}\n\n      {/* Content projection (similar to ng-content) */}\n      {children}\n    </>\n  );\n};\n\nexport default Stat;"],"names":["chip"],"mappings":";;;;AAsBO,MAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,QAAQ,CAAA;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,mBAAmB,QAAQ,MAAM;AACrC,QAAI,OAAQ,QAAO;AACnB,QAAI,KAAM,QAAO;AACjB,QAAI,SAAU,QAAO;AACrB,WAAO;AAAA,EACT,GAAG,CAAC,QAAQ,MAAM,QAAQ,CAAC;AAE3B,QAAM,oBAAoB,MAAM;AAC9B,WAAO,cAAc,YAAY,IAAI,wBAAK,YAAA,EAAW,SAAQ,MAAM,UAAA,KAAA,CAAK;AAAA,EAC1E;AAEA,SACE,qBAAA,UAAA,EACG,UAAA;AAAA,IAAA,qBAAqB,aACpB,qBAAC,KAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAA,oBAAC,cAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACA,qBAAC,OAAI,WAAU,eAAc,SAAQ,QAAO,YAAW,UAAS,KAAK,GACnE,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,QACnC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,SAAS;AAAA,YACT,eAAY;AAAA,YACZ,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAGD,qBAAqB,YACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC,oBAAC,YAAA,EAAW,eAAY,oCACrB,+BACH;AAAA,MACC,SAAS,oBAAC,YAAA,EAAY,UAAA,MAAA,CAAM;AAAA,IAAA,GAC/B;AAAA,IAGD,qBAAqB,UACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,eAAY;AAAA,UACZ,OAAO,kBAAA;AAAA,UACP,IAAI;AAAA,YACF,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,IACF,GACF;AAAA,IAGD,qBAAqB,cACpB,qBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnC,oBAAC,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA,MAAM,IAAI,CAACA,OAAM,MAChB;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,OAAOA,MAAK;AAAA,UACZ,IAAI;AAAA,YACF,iBAAiBA,MAAK;AAAA,YACtB,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACd;AAAA,QANK;AAAA,MAAA,CAQR,EAAA,CACH;AAAA,IAAA,GACF;AAAA,IAID;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"Stat.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/StatusMessage/StatusMessage.cjs

@@ -1,79 +1,6 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-const iconsMaterial = require("@mui/icons-material");
-const StatusMessage = ({
-  title,
-  description,
-  messageType = "success",
-  displayType = "alert",
-  close,
-  open = true
-}) => {
-  const getAlertVariant = () => {
-    switch (messageType) {
-      case "success":
-        return "success";
-      case "danger":
-        return "error";
-      case "warning":
-        return "warning";
-      default:
-        return "info";
-    }
-  };
-  const getIcon = () => {
-    switch (messageType) {
-      case "success":
-        return /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.CheckCircleOutline, { sx: { fontSize: "64px", color: "success.main" } });
-      case "danger":
-        return /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ErrorOutline, { sx: { fontSize: "64px", color: "error.main" } });
-      case "warning":
-        return /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.WarningAmber, { sx: { fontSize: "64px", color: "warning.main" } });
-      default:
-        return null;
-    }
-  };
-  const alertVariant = getAlertVariant();
-  if (!description) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: displayType === "modal" ? /* @__PURE__ */ jsxRuntime.jsxs(
-    material.Dialog,
-    {
-      open,
-      onClose: close,
-      "aria-labelledby": "message-dialog-title",
-      maxWidth: "md",
-      PaperProps: {
-        sx: {
-          borderRadius: "16px",
-          p: 2
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContent, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", p: 4, gap: 2 }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { mb: 2 }, children: getIcon() }),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h4", component: "h2", sx: { fontWeight: "bold" }, children: title || "" }),
-          /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", color: "text.secondary", children: description })
-        ] }),
-        close && /* @__PURE__ */ jsxRuntime.jsx(material.DialogActions, { sx: { justifyContent: "center", p: 2 }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: close, variant: "contained", color: alertVariant, children: "Aceptar" }) })
-      ]
-    }
-  ) : /* @__PURE__ */ jsxRuntime.jsxs(
-    material.Alert,
-    {
-      severity: alertVariant,
-      sx: { mb: 2, mt: 2 },
-      onClose: close,
-      action: close && /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: close, size: "small", color: "inherit", children: "Cerrar" }),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", sx: { mt: 1 }, children: description })
-      ]
-    }
-  ) });
-};
-exports.StatusMessage = StatusMessage;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const StatusMessage = require("../../StatusMessage-C5B6oGZ_.cjs");
+exports.StatusMessage = StatusMessage.StatusMessage;
+exports.default = StatusMessage.StatusMessage;
 //# sourceMappingURL=StatusMessage.cjs.map

package/components/StatusMessage/StatusMessage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatusMessage.cjs","sources":["../../../src/components/StatusMessage/StatusMessage.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  Box,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogActions,\n  Button\n} from '@mui/material';\nimport {\n  ErrorOutline as ErrorOutlineIcon,\n  CheckCircleOutline as CheckCircleOutlineIcon,\n  WarningAmber as WarningAmberIcon\n} from '@mui/icons-material';\n\n/**\n * `StatusMessage` es un componente de React que muestra mensajes de éxito, error o advertencia\n * en un modal o una alerta, utilizando el sistema de diseño de Material-UI.\n *\n * El componente puede mostrar alertas con estilos específicos o un modal personalizable\n * usando `Dialog` y otros componentes de MUI. También puede incluir una función opcional\n * para cerrar el mensaje.\n *\n * @param {StatusMessageProps} props - Las propiedades del componente.\n * @param {string | undefined} props.title - Título del mensaje que se muestra en el modal o alerta.\n * @param {string} [props.description] - Descripción o contenido detallado del mensaje.\n * @param {'success' | 'danger' | 'warning'} [props.messageType='success'] - Tipo de mensaje que determina el estilo visual. 'danger' se mapea a 'error' de MUI.\n * @param {'alert' | 'modal'} [props.displayType='alert'] - Determina si el mensaje se muestra como alerta o modal.\n * @param {() => void} [props.close] - Función opcional para ejecutar al cerrar el mensaje.\n * @returns {React.FC<StatusMessageProps>} Un componente funcional de React que muestra mensajes personalizados.\n *\n * @example\n * // Ejemplo de uso como una alerta:\n * <StatusMessage\n * title=\"Operación Exitosa\"\n * description=\"La operación se ha completado correctamente.\"\n * messageType=\"success\"\n * displayType=\"alert\"\n * />\n *\n * // Ejemplo de uso como un modal:\n * <StatusMessage\n * title=\"Advertencia\"\n * description=\"Se ha producido un error inesperado.\"\n * messageType=\"danger\"\n * displayType=\"modal\"\n * close={() => console.log('Modal cerrado')}\n * />\n */\n\nexport interface StatusMessageProps {\n  title: string | undefined;\n  description?: string;\n  messageType?: 'success' | 'danger' | 'warning';\n  displayType?: 'alert' | 'modal';\n  close?: () => void;\n  // Propiedad para controlar la visibilidad del modal desde el padre\n  open?: boolean;\n}\n\nconst StatusMessage = ({\n  title,\n  description,\n  messageType = 'success',\n  displayType = 'alert',\n  close,\n  open = true,\n}: StatusMessageProps) => {\n\n  const getAlertVariant = () => {\n    switch (messageType) {\n      case 'success':\n        return 'success';\n      case 'danger':\n        return 'error';\n      case 'warning':\n        return 'warning';\n      default:\n        return 'info'; // Fallback\n    }\n  };\n\n  const getIcon = () => {\n    switch (messageType) {\n      case 'success':\n        return <CheckCircleOutlineIcon sx={{ fontSize: '64px', color: 'success.main' }} />;\n      case 'danger':\n        return <ErrorOutlineIcon sx={{ fontSize: '64px', color: 'error.main' }} />;\n      case 'warning':\n        return <WarningAmberIcon sx={{ fontSize: '64px', color: 'warning.main' }} />;\n      default:\n        return null;\n    }\n  };\n\n  const alertVariant = getAlertVariant();\n\n  if (!description) {\n    return null;\n  }\n\n  return (\n    <>\n      {displayType === 'modal' ? (\n        <Dialog\n          open={open}\n          onClose={close}\n          aria-labelledby=\"message-dialog-title\"\n          maxWidth=\"md\"\n          PaperProps={{\n            sx: {\n              borderRadius: '16px',\n              p: 2,\n            },\n          }}\n        >\n          <DialogContent sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', p: 4, gap: 2 }}>\n            <Box sx={{ mb: 2 }}>\n              {getIcon()}\n            </Box>\n            <Typography variant=\"h4\" component=\"h2\" sx={{ fontWeight: 'bold' }}>\n              {title || ''}\n            </Typography>\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {description}\n            </Typography>\n          </DialogContent>\n          {close && (\n            <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n              <Button onClick={close} variant=\"contained\" color={alertVariant}>\n                Aceptar\n              </Button>\n            </DialogActions>\n          )}\n        </Dialog>\n      ) : (\n        <Alert\n          severity={alertVariant}\n          sx={{ mb: 2, mt: 2 }}\n          onClose={close}\n          action={\n            close && (\n              <Button onClick={close} size=\"small\" color=\"inherit\">\n                Cerrar\n              </Button>\n            )\n          }\n        >\n          <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n            {title}\n          </Typography>\n          <Typography variant=\"body2\" sx={{ mt: 1 }}>\n            {description}\n          </Typography>\n        </Alert>\n      )}\n    </>\n  );\n};\n\nexport default StatusMessage;\n"],"names":["jsx","CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon","Fragment","jsxs","Dialog","DialogContent","Box","Typography","DialogActions","Button","Alert"],"mappings":";;;;;AA6DA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,OAAO;AACT,MAA0B;AAExB,QAAM,kBAAkB,MAAM;AAC5B,YAAQ,aAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,UAAU,MAAM;AACpB,YAAQ,aAAA;AAAA,MACN,KAAK;AACH,eAAOA,2BAAAA,IAACC,oCAAuB,IAAI,EAAE,UAAU,QAAQ,OAAO,kBAAkB;AAAA,MAClF,KAAK;AACH,eAAOD,2BAAAA,IAACE,8BAAiB,IAAI,EAAE,UAAU,QAAQ,OAAO,gBAAgB;AAAA,MAC1E,KAAK;AACH,eAAOF,2BAAAA,IAACG,8BAAiB,IAAI,EAAE,UAAU,QAAQ,OAAO,kBAAkB;AAAA,MAC5E;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,eAAe,gBAAA;AAErB,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACEH,2BAAAA,IAAAI,WAAAA,UAAA,EACG,0BAAgB,UACfC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,mBAAgB;AAAA,MAChB,UAAS;AAAA,MACT,YAAY;AAAA,QACV,IAAI;AAAA,UACF,cAAc;AAAA,UACd,GAAG;AAAA,QAAA;AAAA,MACL;AAAA,MAGF,UAAA;AAAA,QAAAD,2BAAAA,KAACE,SAAAA,eAAA,EAAc,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,YAAY,UAAU,WAAW,UAAU,GAAG,GAAG,KAAK,KACnH,UAAA;AAAA,UAAAP,+BAACQ,SAAAA,OAAI,IAAI,EAAE,IAAI,KACZ,qBACH;AAAA,UACAR,2BAAAA,IAACS,SAAAA,YAAA,EAAW,SAAQ,MAAK,WAAU,MAAK,IAAI,EAAE,YAAY,OAAA,GACvD,UAAA,SAAS,GAAA,CACZ;AAAA,yCACCA,SAAAA,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,YAAA,CACH;AAAA,QAAA,GACF;AAAA,QACC,SACCT,2BAAAA,IAACU,SAAAA,eAAA,EAAc,IAAI,EAAE,gBAAgB,UAAU,GAAG,EAAA,GAChD,UAAAV,+BAACW,SAAAA,QAAA,EAAO,SAAS,OAAO,SAAQ,aAAY,OAAO,cAAc,qBAEjE,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAIJN,2BAAAA;AAAAA,IAACO,SAAAA;AAAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,IAAI,EAAE,IAAI,GAAG,IAAI,EAAA;AAAA,MACjB,SAAS;AAAA,MACT,QACE,SACEZ,2BAAAA,IAACW,SAAAA,QAAA,EAAO,SAAS,OAAO,MAAK,SAAQ,OAAM,WAAU,UAAA,SAAA,CAErD;AAAA,MAIJ,UAAA;AAAA,QAAAX,2BAAAA,IAACS,SAAAA,YAAA,EAAW,SAAQ,MAAK,IAAI,EAAE,YAAY,OAAA,GACxC,UAAA,MAAA,CACH;AAAA,QACAT,2BAAAA,IAACS,SAAAA,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAA,GACnC,UAAA,YAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;;"}
+{"version":3,"file":"StatusMessage.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/StatusMessage/StatusMessage.d.ts

@@ -40,5 +40,5 @@ export interface StatusMessageProps {
     close?: () => void;
     open?: boolean;
 }
-declare const StatusMessage: ({ title, description, messageType, displayType, close, open, }: StatusMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const StatusMessage: ({ title, description, messageType, displayType, close, open, }: StatusMessageProps) => import("react/jsx-runtime").JSX.Element | null;
 export default StatusMessage;

package/components/StatusMessage/StatusMessage.js

@@ -1,79 +1,6 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { Dialog, DialogContent, Box, Typography, DialogActions, Button, Alert } from "@mui/material";
-import { WarningAmber, ErrorOutline, CheckCircleOutline } from "@mui/icons-material";
-const StatusMessage = ({
-  title,
-  description,
-  messageType = "success",
-  displayType = "alert",
-  close,
-  open = true
-}) => {
-  const getAlertVariant = () => {
-    switch (messageType) {
-      case "success":
-        return "success";
-      case "danger":
-        return "error";
-      case "warning":
-        return "warning";
-      default:
-        return "info";
-    }
-  };
-  const getIcon = () => {
-    switch (messageType) {
-      case "success":
-        return /* @__PURE__ */ jsx(CheckCircleOutline, { sx: { fontSize: "64px", color: "success.main" } });
-      case "danger":
-        return /* @__PURE__ */ jsx(ErrorOutline, { sx: { fontSize: "64px", color: "error.main" } });
-      case "warning":
-        return /* @__PURE__ */ jsx(WarningAmber, { sx: { fontSize: "64px", color: "warning.main" } });
-      default:
-        return null;
-    }
-  };
-  const alertVariant = getAlertVariant();
-  if (!description) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Fragment, { children: displayType === "modal" ? /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onClose: close,
-      "aria-labelledby": "message-dialog-title",
-      maxWidth: "md",
-      PaperProps: {
-        sx: {
-          borderRadius: "16px",
-          p: 2
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsxs(DialogContent, { sx: { display: "flex", flexDirection: "column", alignItems: "center", textAlign: "center", p: 4, gap: 2 }, children: [
-          /* @__PURE__ */ jsx(Box, { sx: { mb: 2 }, children: getIcon() }),
-          /* @__PURE__ */ jsx(Typography, { variant: "h4", component: "h2", sx: { fontWeight: "bold" }, children: title || "" }),
-          /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", children: description })
-        ] }),
-        close && /* @__PURE__ */ jsx(DialogActions, { sx: { justifyContent: "center", p: 2 }, children: /* @__PURE__ */ jsx(Button, { onClick: close, variant: "contained", color: alertVariant, children: "Aceptar" }) })
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs(
-    Alert,
-    {
-      severity: alertVariant,
-      sx: { mb: 2, mt: 2 },
-      onClose: close,
-      action: close && /* @__PURE__ */ jsx(Button, { onClick: close, size: "small", color: "inherit", children: "Cerrar" }),
-      children: [
-        /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: "bold" }, children: title }),
-        /* @__PURE__ */ jsx(Typography, { variant: "body2", sx: { mt: 1 }, children: description })
-      ]
-    }
-  ) });
-};
+import { S, S as S2 } from "../../StatusMessage-D1GlfQdz.js";
 export {
-  StatusMessage
+  S as StatusMessage,
+  S2 as default
 };
 //# sourceMappingURL=StatusMessage.js.map

package/components/StatusMessage/StatusMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusMessage.js","sources":["../../../src/components/StatusMessage/StatusMessage.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Alert,\n  Box,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogActions,\n  Button\n} from '@mui/material';\nimport {\n  ErrorOutline as ErrorOutlineIcon,\n  CheckCircleOutline as CheckCircleOutlineIcon,\n  WarningAmber as WarningAmberIcon\n} from '@mui/icons-material';\n\n/**\n * `StatusMessage` es un componente de React que muestra mensajes de éxito, error o advertencia\n * en un modal o una alerta, utilizando el sistema de diseño de Material-UI.\n *\n * El componente puede mostrar alertas con estilos específicos o un modal personalizable\n * usando `Dialog` y otros componentes de MUI. También puede incluir una función opcional\n * para cerrar el mensaje.\n *\n * @param {StatusMessageProps} props - Las propiedades del componente.\n * @param {string | undefined} props.title - Título del mensaje que se muestra en el modal o alerta.\n * @param {string} [props.description] - Descripción o contenido detallado del mensaje.\n * @param {'success' | 'danger' | 'warning'} [props.messageType='success'] - Tipo de mensaje que determina el estilo visual. 'danger' se mapea a 'error' de MUI.\n * @param {'alert' | 'modal'} [props.displayType='alert'] - Determina si el mensaje se muestra como alerta o modal.\n * @param {() => void} [props.close] - Función opcional para ejecutar al cerrar el mensaje.\n * @returns {React.FC<StatusMessageProps>} Un componente funcional de React que muestra mensajes personalizados.\n *\n * @example\n * // Ejemplo de uso como una alerta:\n * <StatusMessage\n * title=\"Operación Exitosa\"\n * description=\"La operación se ha completado correctamente.\"\n * messageType=\"success\"\n * displayType=\"alert\"\n * />\n *\n * // Ejemplo de uso como un modal:\n * <StatusMessage\n * title=\"Advertencia\"\n * description=\"Se ha producido un error inesperado.\"\n * messageType=\"danger\"\n * displayType=\"modal\"\n * close={() => console.log('Modal cerrado')}\n * />\n */\n\nexport interface StatusMessageProps {\n  title: string | undefined;\n  description?: string;\n  messageType?: 'success' | 'danger' | 'warning';\n  displayType?: 'alert' | 'modal';\n  close?: () => void;\n  // Propiedad para controlar la visibilidad del modal desde el padre\n  open?: boolean;\n}\n\nconst StatusMessage = ({\n  title,\n  description,\n  messageType = 'success',\n  displayType = 'alert',\n  close,\n  open = true,\n}: StatusMessageProps) => {\n\n  const getAlertVariant = () => {\n    switch (messageType) {\n      case 'success':\n        return 'success';\n      case 'danger':\n        return 'error';\n      case 'warning':\n        return 'warning';\n      default:\n        return 'info'; // Fallback\n    }\n  };\n\n  const getIcon = () => {\n    switch (messageType) {\n      case 'success':\n        return <CheckCircleOutlineIcon sx={{ fontSize: '64px', color: 'success.main' }} />;\n      case 'danger':\n        return <ErrorOutlineIcon sx={{ fontSize: '64px', color: 'error.main' }} />;\n      case 'warning':\n        return <WarningAmberIcon sx={{ fontSize: '64px', color: 'warning.main' }} />;\n      default:\n        return null;\n    }\n  };\n\n  const alertVariant = getAlertVariant();\n\n  if (!description) {\n    return null;\n  }\n\n  return (\n    <>\n      {displayType === 'modal' ? (\n        <Dialog\n          open={open}\n          onClose={close}\n          aria-labelledby=\"message-dialog-title\"\n          maxWidth=\"md\"\n          PaperProps={{\n            sx: {\n              borderRadius: '16px',\n              p: 2,\n            },\n          }}\n        >\n          <DialogContent sx={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', p: 4, gap: 2 }}>\n            <Box sx={{ mb: 2 }}>\n              {getIcon()}\n            </Box>\n            <Typography variant=\"h4\" component=\"h2\" sx={{ fontWeight: 'bold' }}>\n              {title || ''}\n            </Typography>\n            <Typography variant=\"body1\" color=\"text.secondary\">\n              {description}\n            </Typography>\n          </DialogContent>\n          {close && (\n            <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n              <Button onClick={close} variant=\"contained\" color={alertVariant}>\n                Aceptar\n              </Button>\n            </DialogActions>\n          )}\n        </Dialog>\n      ) : (\n        <Alert\n          severity={alertVariant}\n          sx={{ mb: 2, mt: 2 }}\n          onClose={close}\n          action={\n            close && (\n              <Button onClick={close} size=\"small\" color=\"inherit\">\n                Cerrar\n              </Button>\n            )\n          }\n        >\n          <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n            {title}\n          </Typography>\n          <Typography variant=\"body2\" sx={{ mt: 1 }}>\n            {description}\n          </Typography>\n        </Alert>\n      )}\n    </>\n  );\n};\n\nexport default StatusMessage;\n"],"names":["CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon"],"mappings":";;;AA6DA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,cAAc;AAAA,EACd;AAAA,EACA,OAAO;AACT,MAA0B;AAExB,QAAM,kBAAkB,MAAM;AAC5B,YAAQ,aAAA;AAAA,MACN,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,UAAU,MAAM;AACpB,YAAQ,aAAA;AAAA,MACN,KAAK;AACH,eAAO,oBAACA,sBAAuB,IAAI,EAAE,UAAU,QAAQ,OAAO,kBAAkB;AAAA,MAClF,KAAK;AACH,eAAO,oBAACC,gBAAiB,IAAI,EAAE,UAAU,QAAQ,OAAO,gBAAgB;AAAA,MAC1E,KAAK;AACH,eAAO,oBAACC,gBAAiB,IAAI,EAAE,UAAU,QAAQ,OAAO,kBAAkB;AAAA,MAC5E;AACE,eAAO;AAAA,IAAA;AAAA,EAEb;AAEA,QAAM,eAAe,gBAAA;AAErB,MAAI,CAAC,aAAa;AAChB,WAAO;AAAA,EACT;AAEA,SACE,oBAAA,UAAA,EACG,0BAAgB,UACf;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,mBAAgB;AAAA,MAChB,UAAS;AAAA,MACT,YAAY;AAAA,QACV,IAAI;AAAA,UACF,cAAc;AAAA,UACd,GAAG;AAAA,QAAA;AAAA,MACL;AAAA,MAGF,UAAA;AAAA,QAAA,qBAAC,eAAA,EAAc,IAAI,EAAE,SAAS,QAAQ,eAAe,UAAU,YAAY,UAAU,WAAW,UAAU,GAAG,GAAG,KAAK,KACnH,UAAA;AAAA,UAAA,oBAAC,OAAI,IAAI,EAAE,IAAI,KACZ,qBACH;AAAA,UACA,oBAAC,YAAA,EAAW,SAAQ,MAAK,WAAU,MAAK,IAAI,EAAE,YAAY,OAAA,GACvD,UAAA,SAAS,GAAA,CACZ;AAAA,8BACC,YAAA,EAAW,SAAQ,SAAQ,OAAM,kBAC/B,UAAA,YAAA,CACH;AAAA,QAAA,GACF;AAAA,QACC,SACC,oBAAC,eAAA,EAAc,IAAI,EAAE,gBAAgB,UAAU,GAAG,EAAA,GAChD,UAAA,oBAAC,QAAA,EAAO,SAAS,OAAO,SAAQ,aAAY,OAAO,cAAc,qBAEjE,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAIJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,IAAI,EAAE,IAAI,GAAG,IAAI,EAAA;AAAA,MACjB,SAAS;AAAA,MACT,QACE,SACE,oBAAC,QAAA,EAAO,SAAS,OAAO,MAAK,SAAQ,OAAM,WAAU,UAAA,SAAA,CAErD;AAAA,MAIJ,UAAA;AAAA,QAAA,oBAAC,YAAA,EAAW,SAAQ,MAAK,IAAI,EAAE,YAAY,OAAA,GACxC,UAAA,MAAA,CACH;AAAA,QACA,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAA,GACnC,UAAA,YAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
+{"version":3,"file":"StatusMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/StatusMessage/index.d.ts

@@ -1 +1,2 @@
-export { default as StatusMessage } from './StatusMessage';
+export { StatusMessage, default } from './StatusMessage';
+export type { StatusMessageProps } from './StatusMessage';

package/components/StatusMessage.d.ts

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

package/components/Stepper/Stepper.cjs

@@ -1,92 +1,6 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-const useWizard = require("../../useWizard-CWdIxZzX.cjs");
-const Stepper = ({
-  children,
-  orientation = "horizontal",
-  alternateLabel = false,
-  responsive = true,
-  mobileBreakpoint = "sm",
-  sx,
-  currentStep: currentStepProp
-}) => {
-  const theme = material.useTheme();
-  const isMobile = material.useMediaQuery(theme.breakpoints.down(mobileBreakpoint));
-  const mobileAdapt = responsive && isMobile && orientation === "horizontal";
-  const effectiveOrientation = mobileAdapt && children.length > 3 ? "vertical" : orientation;
-  const hideLabelsOnMobile = mobileAdapt && children.length <= 3;
-  const effectiveAlternateLabel = alternateLabel && effectiveOrientation === "horizontal";
-  const wizard = useWizard.useWizard();
-  const currentStep = currentStepProp !== void 0 ? currentStepProp : wizard.totalSteps > 0 ? wizard.currentStep : 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: __spreadValues({ width: "100%", overflowX: "hidden" }, sx), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      material.Stepper,
-      {
-        activeStep: currentStep,
-        orientation: effectiveOrientation,
-        alternativeLabel: effectiveAlternateLabel,
-        sx: __spreadValues({}, effectiveOrientation === "horizontal" && {
-          flexWrap: "wrap",
-          rowGap: 1,
-          "& .MuiStepLabel-label": { textAlign: "center" }
-        }),
-        children: children.map((child, idx) => {
-          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;
-          return /* @__PURE__ */ jsxRuntime.jsx(material.Step, { completed, disabled, className, sx: stepSx, children: /* @__PURE__ */ jsxRuntime.jsx(
-            material.StepLabel,
-            {
-              sx: __spreadProps(__spreadValues({
-                pointerEvents: "none"
-              }, hideLabelsOnMobile && {
-                "& .MuiStepLabel-labelContainer": { display: "none" }
-              }), {
-                "& .MuiStepIcon-root": {
-                  color: dotColor
-                },
-                "& .MuiStepIcon-active": {
-                  color: activeDotColor
-                },
-                "& .MuiStepIcon-completed": {
-                  color: completedDotColor
-                },
-                "& .MuiStepIcon-text": {
-                  fill: iconTextColor
-                }
-              }),
-              children: label
-            }
-          ) }, idx);
-        })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { mt: 2, children: children.map(
-      (child, idx) => idx === currentStep ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: child.props.children }, idx) : null
-    ) })
-  ] });
-};
-const Step = (_) => null;
-Step.displayName = "Step";
-exports.Step = Step;
-exports.Stepper = Stepper;
+const Step = require("../../Step-a8U8O-91.cjs");
+exports.Step = Step.Step;
+exports.Stepper = Step.Stepper;
 //# sourceMappingURL=Stepper.cjs.map

package/components/Stepper/Stepper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport {\n  Stepper as MuiStepper,\n  Step as MuiStep,\n  StepLabel as MuiStepLabel,\n  Box,\n  useMediaQuery,\n  useTheme,\n  Breakpoint,\n} from \"@mui/material\";\nimport { StepProps } from \"./Step\";\nimport { useWizard } from \"../../hooks/Wizard\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  /**\n   * Índice 0-based del paso activo. Si no se provee, el Stepper intenta\n   * leerlo del `WizardContext` (si está dentro de un `<WizardProvider>`).\n   * Si tampoco hay provider, el default es 0.\n   */\n  currentStep?: number;\n  /**\n   * Cuando es true (default), en pantallas más angostas que `mobileBreakpoint`\n   * el stepper horizontal automáticamente:\n   *  - cambia a orientación vertical si hay >3 steps, o\n   *  - oculta los labels (solo dots) si hay ≤3 steps,\n   * para evitar que se desborde del contenedor.\n   * Si pasas `orientation=\"vertical\"` explícito, no se altera.\n   */\n  responsive?: boolean;\n  /** Breakpoint debajo del cual aplica el modo mobile. Default: \"sm\". */\n  mobileBreakpoint?: Breakpoint;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n  responsive = true,\n  mobileBreakpoint = \"sm\",\n  sx,\n  currentStep: currentStepProp,\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down(mobileBreakpoint));\n\n  // Solo aplicamos adaptación mobile si el consumer pidió orientación horizontal.\n  const mobileAdapt = responsive && isMobile && orientation === \"horizontal\";\n  // Con muchos steps no caben aunque ocultes labels → mejor vertical.\n  const effectiveOrientation: \"horizontal\" | \"vertical\" =\n    mobileAdapt && children.length > 3 ? \"vertical\" : orientation;\n  // Con pocos steps conservamos horizontal pero ocultamos labels para no desbordar.\n  const hideLabelsOnMobile = mobileAdapt && children.length <= 3;\n  const effectiveAlternateLabel =\n    alternateLabel && effectiveOrientation === \"horizontal\";\n  // Lee el paso desde el WizardContext cuando el consumer no lo pasa como prop.\n  // Si el Stepper NO está dentro de un WizardProvider, `useWizard()` devuelve\n  // el valor default (currentStep=0, totalSteps=0), así que no rompe nada.\n  const wizard = useWizard();\n  const currentStep =\n    currentStepProp !== undefined\n      ? currentStepProp\n      : wizard.totalSteps > 0\n        ? wizard.currentStep\n        : 0;\n\n  return (\n    <Box sx={{ width: \"100%\", overflowX: \"hidden\", ...sx }}>\n      <MuiStepper\n        activeStep={currentStep}\n        orientation={effectiveOrientation}\n        alternativeLabel={effectiveAlternateLabel}\n        sx={{\n          // En horizontal con muchos labels + poco ancho, permitimos que\n          // los labels hagan wrap en lugar de forzar overflow.\n          ...(effectiveOrientation === \"horizontal\" && {\n            flexWrap: \"wrap\",\n            rowGap: 1,\n            \"& .MuiStepLabel-label\": { textAlign: \"center\" },\n          }),\n        }}\n      >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                // Ocultamos la parte de texto en mobile cuando aplicamos\n                // reducción a dots-only. El icono se mantiene visible.\n                ...(hideLabelsOnMobile && {\n                  \"& .MuiStepLabel-labelContainer\": { display: \"none\" },\n                }),\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","import React from \"react\";\nimport { StepProps as MuiStepProps } from \"@mui/material\";\n\ntype PickMuiStepProps = Pick<MuiStepProps, \"completed\" | \"disabled\" | \"sx\" | \"className\">;\n\nexport interface StepProps extends PickMuiStepProps {\n  label: React.ReactNode;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  sx?: object;\n  dotColor?: string;          // dot base\n  activeDotColor?: string;    // dot activa\n  completedDotColor?: string; // dot completada\n  iconTextColor?: string;     // número o check dentro\n}\n\nexport const Step = (_: StepProps): null => null;\n\nStep.displayName = \"Step\";\n\nexport default Step;"],"names":["useTheme","useMediaQuery","useWizard","jsxs","Box","jsx","MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,aAAa;AACf,MAAM;AACJ,QAAM,QAAQA,SAAAA,SAAA;AACd,QAAM,WAAWC,SAAAA,cAAc,MAAM,YAAY,KAAK,gBAAgB,CAAC;AAGvE,QAAM,cAAc,cAAc,YAAY,gBAAgB;AAE9D,QAAM,uBACJ,eAAe,SAAS,SAAS,IAAI,aAAa;AAEpD,QAAM,qBAAqB,eAAe,SAAS,UAAU;AAC7D,QAAM,0BACJ,kBAAkB,yBAAyB;AAI7C,QAAM,SAASC,UAAAA,UAAA;AACf,QAAM,cACJ,oBAAoB,SAChB,kBACA,OAAO,aAAa,IAClB,OAAO,cACP;AAER,SACEC,gCAACC,SAAAA,KAAA,EAAI,IAAI,iBAAE,OAAO,QAAQ,WAAW,YAAa,KAChD,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,IAAI,mBAGE,yBAAyB,gBAAgB;AAAA,UAC3C,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,yBAAyB,EAAE,WAAW,SAAA;AAAA,QAAS;AAAA,QAIlD,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,gBAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,gDACGC,eAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAAF,2BAAAA;AAAAA,YAACG,SAAAA;AAAAA,YAAA;AAAA,cAAa,IAAI;AAAA,gBAChB,eAAe;AAAA,iBAGX,sBAAsB;AAAA,gBACxB,kCAAkC,EAAE,SAAS,OAAA;AAAA,cAAO,IALtC;AAAA,gBAOhB,uBAAuB;AAAA,kBACrB,OAAO;AAAA,gBAAA;AAAA,gBAET,yBAAyB;AAAA,kBACvB,OAAO;AAAA,gBAAA;AAAA,gBAET,4BAA4B;AAAA,kBAC1B,OAAO;AAAA,gBAAA;AAAA,gBAET,uBAAuB;AAAA,kBACrB,MAAM;AAAA,gBAAA;AAAA,cACR;AAAA,cAEA,UAAA;AAAA,YAAA;AAAA,UAAA,KArBU,GAuBd;AAAA,QAEJ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHH,2BAAAA,IAACD,SAAAA,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAcC,2BAAAA,IAACD,SAAAA,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;AC1GO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;;;"}
+{"version":3,"file":"Stepper.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Stepper/Stepper.d.ts

@@ -1,5 +1,4 @@
 import { default as React, ReactElement } from 'react';
-import { Breakpoint } from '@mui/material';
 import { StepProps } from './Step';
 interface MyStepperProps {
     children: ReactElement<StepProps>[];
@@ -12,17 +11,6 @@ interface MyStepperProps {
      * Si tampoco hay provider, el default es 0.
      */
     currentStep?: number;
-    /**
-     * Cuando es true (default), en pantallas más angostas que `mobileBreakpoint`
-     * el stepper horizontal automáticamente:
-     *  - cambia a orientación vertical si hay >3 steps, o
-     *  - oculta los labels (solo dots) si hay ≤3 steps,
-     * para evitar que se desborde del contenedor.
-     * Si pasas `orientation="vertical"` explícito, no se altera.
-     */
-    responsive?: boolean;
-    /** Breakpoint debajo del cual aplica el modo mobile. Default: "sm". */
-    mobileBreakpoint?: Breakpoint;
 }
 export declare const Stepper: React.FC<MyStepperProps>;
 export default Stepper;

package/components/Stepper/Stepper.js

@@ -1,92 +1,6 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme, useMediaQuery, Box, Stepper as Stepper$1, Step as Step$1, StepLabel } from "@mui/material";
-import { u as useWizard } from "../../useWizard-CWq--C3o.js";
-const Stepper = ({
-  children,
-  orientation = "horizontal",
-  alternateLabel = false,
-  responsive = true,
-  mobileBreakpoint = "sm",
-  sx,
-  currentStep: currentStepProp
-}) => {
-  const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down(mobileBreakpoint));
-  const mobileAdapt = responsive && isMobile && orientation === "horizontal";
-  const effectiveOrientation = mobileAdapt && children.length > 3 ? "vertical" : orientation;
-  const hideLabelsOnMobile = mobileAdapt && children.length <= 3;
-  const effectiveAlternateLabel = alternateLabel && effectiveOrientation === "horizontal";
-  const wizard = useWizard();
-  const currentStep = currentStepProp !== void 0 ? currentStepProp : wizard.totalSteps > 0 ? wizard.currentStep : 0;
-  return /* @__PURE__ */ jsxs(Box, { sx: __spreadValues({ width: "100%", overflowX: "hidden" }, sx), children: [
-    /* @__PURE__ */ jsx(
-      Stepper$1,
-      {
-        activeStep: currentStep,
-        orientation: effectiveOrientation,
-        alternativeLabel: effectiveAlternateLabel,
-        sx: __spreadValues({}, effectiveOrientation === "horizontal" && {
-          flexWrap: "wrap",
-          rowGap: 1,
-          "& .MuiStepLabel-label": { textAlign: "center" }
-        }),
-        children: children.map((child, idx) => {
-          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;
-          return /* @__PURE__ */ jsx(Step$1, { completed, disabled, className, sx: stepSx, children: /* @__PURE__ */ jsx(
-            StepLabel,
-            {
-              sx: __spreadProps(__spreadValues({
-                pointerEvents: "none"
-              }, hideLabelsOnMobile && {
-                "& .MuiStepLabel-labelContainer": { display: "none" }
-              }), {
-                "& .MuiStepIcon-root": {
-                  color: dotColor
-                },
-                "& .MuiStepIcon-active": {
-                  color: activeDotColor
-                },
-                "& .MuiStepIcon-completed": {
-                  color: completedDotColor
-                },
-                "& .MuiStepIcon-text": {
-                  fill: iconTextColor
-                }
-              }),
-              children: label
-            }
-          ) }, idx);
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { mt: 2, children: children.map(
-      (child, idx) => idx === currentStep ? /* @__PURE__ */ jsx(Box, { children: child.props.children }, idx) : null
-    ) })
-  ] });
-};
-const Step = (_) => null;
-Step.displayName = "Step";
+import { a, S } from "../../Step-Dq0N72YB.js";
 export {
-  Step,
-  Stepper
+  a as Step,
+  S as Stepper
 };
 //# sourceMappingURL=Stepper.js.map

package/components/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport {\n  Stepper as MuiStepper,\n  Step as MuiStep,\n  StepLabel as MuiStepLabel,\n  Box,\n  useMediaQuery,\n  useTheme,\n  Breakpoint,\n} from \"@mui/material\";\nimport { StepProps } from \"./Step\";\nimport { useWizard } from \"../../hooks/Wizard\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  /**\n   * Índice 0-based del paso activo. Si no se provee, el Stepper intenta\n   * leerlo del `WizardContext` (si está dentro de un `<WizardProvider>`).\n   * Si tampoco hay provider, el default es 0.\n   */\n  currentStep?: number;\n  /**\n   * Cuando es true (default), en pantallas más angostas que `mobileBreakpoint`\n   * el stepper horizontal automáticamente:\n   *  - cambia a orientación vertical si hay >3 steps, o\n   *  - oculta los labels (solo dots) si hay ≤3 steps,\n   * para evitar que se desborde del contenedor.\n   * Si pasas `orientation=\"vertical\"` explícito, no se altera.\n   */\n  responsive?: boolean;\n  /** Breakpoint debajo del cual aplica el modo mobile. Default: \"sm\". */\n  mobileBreakpoint?: Breakpoint;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n  responsive = true,\n  mobileBreakpoint = \"sm\",\n  sx,\n  currentStep: currentStepProp,\n}) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down(mobileBreakpoint));\n\n  // Solo aplicamos adaptación mobile si el consumer pidió orientación horizontal.\n  const mobileAdapt = responsive && isMobile && orientation === \"horizontal\";\n  // Con muchos steps no caben aunque ocultes labels → mejor vertical.\n  const effectiveOrientation: \"horizontal\" | \"vertical\" =\n    mobileAdapt && children.length > 3 ? \"vertical\" : orientation;\n  // Con pocos steps conservamos horizontal pero ocultamos labels para no desbordar.\n  const hideLabelsOnMobile = mobileAdapt && children.length <= 3;\n  const effectiveAlternateLabel =\n    alternateLabel && effectiveOrientation === \"horizontal\";\n  // Lee el paso desde el WizardContext cuando el consumer no lo pasa como prop.\n  // Si el Stepper NO está dentro de un WizardProvider, `useWizard()` devuelve\n  // el valor default (currentStep=0, totalSteps=0), así que no rompe nada.\n  const wizard = useWizard();\n  const currentStep =\n    currentStepProp !== undefined\n      ? currentStepProp\n      : wizard.totalSteps > 0\n        ? wizard.currentStep\n        : 0;\n\n  return (\n    <Box sx={{ width: \"100%\", overflowX: \"hidden\", ...sx }}>\n      <MuiStepper\n        activeStep={currentStep}\n        orientation={effectiveOrientation}\n        alternativeLabel={effectiveAlternateLabel}\n        sx={{\n          // En horizontal con muchos labels + poco ancho, permitimos que\n          // los labels hagan wrap en lugar de forzar overflow.\n          ...(effectiveOrientation === \"horizontal\" && {\n            flexWrap: \"wrap\",\n            rowGap: 1,\n            \"& .MuiStepLabel-label\": { textAlign: \"center\" },\n          }),\n        }}\n      >\n        {children.map((child, idx) => {\n          const { label, completed, disabled, className, sx: stepSx, dotColor, activeDotColor, completedDotColor, iconTextColor } = child.props;\n          return (\n            <MuiStep key={idx} completed={completed} disabled={disabled} className={className} sx={stepSx}>\n              <MuiStepLabel sx={{\n                pointerEvents: 'none',\n                // Ocultamos la parte de texto en mobile cuando aplicamos\n                // reducción a dots-only. El icono se mantiene visible.\n                ...(hideLabelsOnMobile && {\n                  \"& .MuiStepLabel-labelContainer\": { display: \"none\" },\n                }),\n                \"& .MuiStepIcon-root\": {\n                  color: dotColor,\n                },\n                \"& .MuiStepIcon-active\": {\n                  color: activeDotColor,\n                },\n                \"& .MuiStepIcon-completed\": {\n                  color: completedDotColor,\n                },\n                \"& .MuiStepIcon-text\": {\n                  fill: iconTextColor,\n                },\n              }}\n              >{label}\n              </MuiStepLabel>\n            </MuiStep>\n          );\n        })}\n      </MuiStepper>\n      <Box mt={2}>\n        {children.map((child, idx) =>\n          idx === currentStep ? <Box key={idx}>{child.props.children}</Box> : null\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nexport default Stepper;","import React from \"react\";\nimport { StepProps as MuiStepProps } from \"@mui/material\";\n\ntype PickMuiStepProps = Pick<MuiStepProps, \"completed\" | \"disabled\" | \"sx\" | \"className\">;\n\nexport interface StepProps extends PickMuiStepProps {\n  label: React.ReactNode;\n  children?: React.ReactNode;\n  disabled?: boolean;\n  sx?: object;\n  dotColor?: string;          // dot base\n  activeDotColor?: string;    // dot activa\n  completedDotColor?: string; // dot completada\n  iconTextColor?: string;     // número o check dentro\n}\n\nexport const Step = (_: StepProps): null => null;\n\nStep.displayName = \"Step\";\n\nexport default Step;"],"names":["MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAqCO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,aAAa;AACf,MAAM;AACJ,QAAM,QAAQ,SAAA;AACd,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,gBAAgB,CAAC;AAGvE,QAAM,cAAc,cAAc,YAAY,gBAAgB;AAE9D,QAAM,uBACJ,eAAe,SAAS,SAAS,IAAI,aAAa;AAEpD,QAAM,qBAAqB,eAAe,SAAS,UAAU;AAC7D,QAAM,0BACJ,kBAAkB,yBAAyB;AAI7C,QAAM,SAAS,UAAA;AACf,QAAM,cACJ,oBAAoB,SAChB,kBACA,OAAO,aAAa,IAClB,OAAO,cACP;AAER,SACE,qBAAC,KAAA,EAAI,IAAI,iBAAE,OAAO,QAAQ,WAAW,YAAa,KAChD,UAAA;AAAA,IAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,YAAY;AAAA,QACZ,aAAa;AAAA,QACb,kBAAkB;AAAA,QAClB,IAAI,mBAGE,yBAAyB,gBAAgB;AAAA,UAC3C,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,yBAAyB,EAAE,WAAW,SAAA;AAAA,QAAS;AAAA,QAIlD,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,gBAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,qCACGC,QAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAA;AAAA,YAACC;AAAAA,YAAA;AAAA,cAAa,IAAI;AAAA,gBAChB,eAAe;AAAA,iBAGX,sBAAsB;AAAA,gBACxB,kCAAkC,EAAE,SAAS,OAAA;AAAA,cAAO,IALtC;AAAA,gBAOhB,uBAAuB;AAAA,kBACrB,OAAO;AAAA,gBAAA;AAAA,gBAET,yBAAyB;AAAA,kBACvB,OAAO;AAAA,gBAAA;AAAA,gBAET,4BAA4B;AAAA,kBAC1B,OAAO;AAAA,gBAAA;AAAA,gBAET,uBAAuB;AAAA,kBACrB,MAAM;AAAA,gBAAA;AAAA,cACR;AAAA,cAEA,UAAA;AAAA,YAAA;AAAA,UAAA,KArBU,GAuBd;AAAA,QAEJ,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH,oBAAC,KAAA,EAAI,IAAI,GACN,UAAA,SAAS;AAAA,MAAI,CAAC,OAAO,QACpB,QAAQ,cAAc,oBAAC,KAAA,EAAe,UAAA,MAAM,MAAM,SAAA,GAAlB,GAA2B,IAAS;AAAA,IAAA,EACtE,CACF;AAAA,EAAA,GACF;AAEJ;AC1GO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;"}
+{"version":3,"file":"Stepper.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}