@soyfri/shared-library 2.0.0-beta.10 → 2.0.0-beta.12

package/dist/components/Stat/Stat.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stat.cjs","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":["useMemo","Typography","jsxs","Fragment","Box","jsx","Stack","Chip","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,mBAAmBA,MAAAA,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,mCAAKC,qBAAA,EAAW,SAAQ,MAAM,UAAA,KAAA,CAAK;AAAA,EAC1E;AAEA,SACEC,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,qBAAqB,aACpBD,gCAACE,SAAAA,KAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAAC,+BAACJ,SAAAA,cAAW,SAAQ,MAAK,eAAY,oCAClC,+BACH;AAAA,MACAC,2BAAAA,KAACE,SAAAA,OAAI,WAAU,eAAc,SAAQ,QAAO,YAAW,UAAS,KAAK,GACnE,UAAA;AAAA,QAAAC,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,QACnCI,2BAAAA;AAAAA,UAACD,SAAAA;AAAAA,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,YACpBF,gCAACI,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAD,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCI,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,eAAY,oCACrB,+BACH;AAAA,MACC,SAASI,2BAAAA,IAACJ,SAAAA,YAAA,EAAY,UAAA,MAAA,CAAM;AAAA,IAAA,GAC/B;AAAA,IAGD,qBAAqB,UACpBC,gCAACI,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAD,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCI,2BAAAA;AAAAA,QAACE,SAAAA;AAAAA,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,cACpBL,gCAACI,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C,UAAA;AAAA,MAAAD,2BAAAA,IAACJ,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,OAAM;AAAA,MACnCI,2BAAAA,IAACC,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA,MAAM,IAAI,CAACE,OAAM,MAChBH,2BAAAA;AAAAA,QAACE,SAAAA;AAAAA,QAAA;AAAA,UAEC,OAAOC,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;;"}

package/dist/components/Stat/Stat.js.map

@@ -1 +0,0 @@
-{"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;"}

package/dist/components/StatusMessage/StatusMessage.cjs.map

@@ -1 +0,0 @@
-{"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;;"}

package/dist/components/StatusMessage/StatusMessage.js.map

@@ -1 +0,0 @@
-{"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;"}

package/dist/components/StatusMessage/index.d.ts

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

package/dist/components/StatusMessage.d.ts

@@ -1,2 +0,0 @@
-export * from './StatusMessage/index'
-export {}

package/dist/components/Stepper/Stepper.cjs

@@ -1,162 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const material = require("@mui/material");
-const ChevronLeftIcon = require("@mui/icons-material/ChevronLeft");
-const ChevronRightIcon = require("@mui/icons-material/ChevronRight");
-const useWizard = require("../../useWizard-CWdIxZzX.cjs");
-const Stepper = ({
-  children,
-  orientation = "horizontal",
-  alternateLabel = false,
-  sx,
-  currentStep: currentStepProp
-}) => {
-  const wizard = useWizard.useWizard();
-  const currentStep = currentStepProp !== void 0 ? currentStepProp : wizard.totalSteps > 0 ? wizard.currentStep : 0;
-  const isHorizontal = orientation === "horizontal";
-  const scrollRef = React.useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = React.useState(false);
-  const [canScrollRight, setCanScrollRight] = React.useState(false);
-  const updateScrollState = () => {
-    const el = scrollRef.current;
-    if (!el) return;
-    const { scrollLeft, scrollWidth, clientWidth } = el;
-    setCanScrollLeft(scrollLeft > 1);
-    setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);
-  };
-  React.useLayoutEffect(() => {
-    if (!isHorizontal) return;
-    updateScrollState();
-  }, [isHorizontal, children.length, currentStep]);
-  React.useEffect(() => {
-    if (!isHorizontal) return;
-    const el = scrollRef.current;
-    if (!el) return;
-    const onScroll = () => updateScrollState();
-    el.addEventListener("scroll", onScroll, { passive: true });
-    const ro = new ResizeObserver(() => updateScrollState());
-    ro.observe(el);
-    return () => {
-      el.removeEventListener("scroll", onScroll);
-      ro.disconnect();
-    };
-  }, [isHorizontal]);
-  const scrollBy = (delta) => {
-    const el = scrollRef.current;
-    if (!el) return;
-    el.scrollBy({ left: delta, behavior: "smooth" });
-  };
-  const showArrows = isHorizontal && (canScrollLeft || canScrollRight);
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      material.Box,
-      {
-        sx: isHorizontal ? {
-          display: "flex",
-          alignItems: "center",
-          width: "100%",
-          gap: 0.5
-        } : void 0,
-        children: [
-          isHorizontal && /* @__PURE__ */ jsxRuntime.jsx(
-            material.IconButton,
-            {
-              "aria-label": "Anterior",
-              size: "small",
-              onClick: () => scrollBy(-160),
-              disabled: !canScrollLeft,
-              sx: {
-                flex: "0 0 auto",
-                // Reservamos el slot siempre que haya overflow en algún lado,
-                // así el área scroll tiene un ancho estable (no saltan los
-                // steps cuando aparece/desaparece la flecha).
-                visibility: showArrows ? "visible" : "hidden"
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            material.Box,
-            {
-              ref: scrollRef,
-              sx: isHorizontal ? {
-                flex: "1 1 auto",
-                minWidth: 0,
-                overflowX: "auto",
-                scrollBehavior: "smooth",
-                WebkitOverflowScrolling: "touch",
-                // Ocultamos la scrollbar (la navegación es con flechas)
-                scrollbarWidth: "none",
-                "&::-webkit-scrollbar": { display: "none" }
-              } : void 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                material.Stepper,
-                {
-                  activeStep: currentStep,
-                  orientation,
-                  alternativeLabel: alternateLabel,
-                  sx: isHorizontal ? {
-                    display: "inline-flex",
-                    flexWrap: "nowrap",
-                    minWidth: "100%",
-                    width: "max-content",
-                    // Evita que los steps se compriman al punto de solaparse.
-                    "& .MuiStep-root": { flex: "0 0 auto", minWidth: 120 }
-                  } : void 0,
-                  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: {
-                          pointerEvents: "none",
-                          "& .MuiStepIcon-root": {
-                            color: dotColor
-                          },
-                          "& .MuiStepIcon-active": {
-                            color: activeDotColor
-                          },
-                          "& .MuiStepIcon-completed": {
-                            color: completedDotColor
-                          },
-                          "& .MuiStepIcon-text": {
-                            fill: iconTextColor
-                          }
-                        },
-                        children: label
-                      }
-                    ) }, idx);
-                  })
-                }
-              )
-            }
-          ),
-          isHorizontal && /* @__PURE__ */ jsxRuntime.jsx(
-            material.IconButton,
-            {
-              "aria-label": "Siguiente",
-              size: "small",
-              onClick: () => scrollBy(160),
-              disabled: !canScrollRight,
-              sx: {
-                flex: "0 0 auto",
-                visibility: showArrows ? "visible" : "hidden"
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { fontSize: "small" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__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;
-//# sourceMappingURL=Stepper.cjs.map

package/dist/components/Stepper/Stepper.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.cjs","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Stepper as MuiStepper,\n  Step as MuiStep,\n  StepLabel as MuiStepLabel,\n  Box,\n  IconButton,\n} from \"@mui/material\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\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\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep: currentStepProp,\n}) => {\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  const isHorizontal = orientation === \"horizontal\";\n\n  // Scroll horizontal con flechitas cuando los steps no caben.\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const updateScrollState = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    // Tolerancia de 1px por redondeos de subpixel.\n    setCanScrollLeft(scrollLeft > 1);\n    setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n  };\n\n  useLayoutEffect(() => {\n    if (!isHorizontal) return;\n    updateScrollState();\n  }, [isHorizontal, children.length, currentStep]);\n\n  useEffect(() => {\n    if (!isHorizontal) return;\n    const el = scrollRef.current;\n    if (!el) return;\n    const onScroll = () => updateScrollState();\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    const ro = new ResizeObserver(() => updateScrollState());\n    ro.observe(el);\n    return () => {\n      el.removeEventListener(\"scroll\", onScroll);\n      ro.disconnect();\n    };\n  }, [isHorizontal]);\n\n  const scrollBy = (delta: number) => {\n    const el = scrollRef.current;\n    if (!el) return;\n    el.scrollBy({ left: delta, behavior: \"smooth\" });\n  };\n\n  const showArrows = isHorizontal && (canScrollLeft || canScrollRight);\n\n  return (\n    <Box sx={sx}>\n      {/*\n        En horizontal envolvemos el MuiStepper en un Box con `overflowX: auto`\n        y flechitas `<` `>` a los costados para navegar cuando los steps no\n        caben en el contenedor. Mantenemos el scroll nativo (rueda / swipe)\n        y ocultamos la scrollbar visual.\n      */}\n      <Box\n        sx={\n          isHorizontal\n            ? {\n                display: \"flex\",\n                alignItems: \"center\",\n                width: \"100%\",\n                gap: 0.5,\n              }\n            : undefined\n        }\n      >\n        {isHorizontal && (\n          <IconButton\n            aria-label=\"Anterior\"\n            size=\"small\"\n            onClick={() => scrollBy(-160)}\n            disabled={!canScrollLeft}\n            sx={{\n              flex: \"0 0 auto\",\n              // Reservamos el slot siempre que haya overflow en algún lado,\n              // así el área scroll tiene un ancho estable (no saltan los\n              // steps cuando aparece/desaparece la flecha).\n              visibility: showArrows ? \"visible\" : \"hidden\",\n            }}\n          >\n            <ChevronLeftIcon fontSize=\"small\" />\n          </IconButton>\n        )}\n      <Box\n        ref={scrollRef}\n        sx={\n          isHorizontal\n            ? {\n                flex: \"1 1 auto\",\n                minWidth: 0,\n                overflowX: \"auto\",\n                scrollBehavior: \"smooth\",\n                WebkitOverflowScrolling: \"touch\",\n                // Ocultamos la scrollbar (la navegación es con flechas)\n                scrollbarWidth: \"none\",\n                \"&::-webkit-scrollbar\": { display: \"none\" },\n              }\n            : undefined\n        }\n      >\n        <MuiStepper\n          activeStep={currentStep}\n          orientation={orientation}\n          alternativeLabel={alternateLabel}\n          sx={\n            isHorizontal\n              ? {\n                  display: \"inline-flex\",\n                  flexWrap: \"nowrap\",\n                  minWidth: \"100%\",\n                  width: \"max-content\",\n                  // Evita que los steps se compriman al punto de solaparse.\n                  \"& .MuiStep-root\": { flex: \"0 0 auto\", minWidth: 120 },\n                }\n              : undefined\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                \"& .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>\n        {isHorizontal && (\n          <IconButton\n            aria-label=\"Siguiente\"\n            size=\"small\"\n            onClick={() => scrollBy(160)}\n            disabled={!canScrollRight}\n            sx={{\n              flex: \"0 0 auto\",\n              visibility: showArrows ? \"visible\" : \"hidden\",\n            }}\n          >\n            <ChevronRightIcon fontSize=\"small\" />\n          </IconButton>\n        )}\n      </Box>\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":["useWizard","useRef","useState","useLayoutEffect","useEffect","jsxs","Box","jsx","IconButton","MuiStepper","MuiStep","MuiStepLabel"],"mappings":"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"}

package/dist/components/Stepper/Stepper.js

@@ -1,162 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useState, useLayoutEffect, useEffect } from "react";
-import { Box, IconButton, Stepper as Stepper$1, Step as Step$1, StepLabel } from "@mui/material";
-import ChevronLeftIcon from "@mui/icons-material/ChevronLeft";
-import ChevronRightIcon from "@mui/icons-material/ChevronRight";
-import { u as useWizard } from "../../useWizard-CWq--C3o.js";
-const Stepper = ({
-  children,
-  orientation = "horizontal",
-  alternateLabel = false,
-  sx,
-  currentStep: currentStepProp
-}) => {
-  const wizard = useWizard();
-  const currentStep = currentStepProp !== void 0 ? currentStepProp : wizard.totalSteps > 0 ? wizard.currentStep : 0;
-  const isHorizontal = orientation === "horizontal";
-  const scrollRef = useRef(null);
-  const [canScrollLeft, setCanScrollLeft] = useState(false);
-  const [canScrollRight, setCanScrollRight] = useState(false);
-  const updateScrollState = () => {
-    const el = scrollRef.current;
-    if (!el) return;
-    const { scrollLeft, scrollWidth, clientWidth } = el;
-    setCanScrollLeft(scrollLeft > 1);
-    setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);
-  };
-  useLayoutEffect(() => {
-    if (!isHorizontal) return;
-    updateScrollState();
-  }, [isHorizontal, children.length, currentStep]);
-  useEffect(() => {
-    if (!isHorizontal) return;
-    const el = scrollRef.current;
-    if (!el) return;
-    const onScroll = () => updateScrollState();
-    el.addEventListener("scroll", onScroll, { passive: true });
-    const ro = new ResizeObserver(() => updateScrollState());
-    ro.observe(el);
-    return () => {
-      el.removeEventListener("scroll", onScroll);
-      ro.disconnect();
-    };
-  }, [isHorizontal]);
-  const scrollBy = (delta) => {
-    const el = scrollRef.current;
-    if (!el) return;
-    el.scrollBy({ left: delta, behavior: "smooth" });
-  };
-  const showArrows = isHorizontal && (canScrollLeft || canScrollRight);
-  return /* @__PURE__ */ jsxs(Box, { sx, children: [
-    /* @__PURE__ */ jsxs(
-      Box,
-      {
-        sx: isHorizontal ? {
-          display: "flex",
-          alignItems: "center",
-          width: "100%",
-          gap: 0.5
-        } : void 0,
-        children: [
-          isHorizontal && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": "Anterior",
-              size: "small",
-              onClick: () => scrollBy(-160),
-              disabled: !canScrollLeft,
-              sx: {
-                flex: "0 0 auto",
-                // Reservamos el slot siempre que haya overflow en algún lado,
-                // así el área scroll tiene un ancho estable (no saltan los
-                // steps cuando aparece/desaparece la flecha).
-                visibility: showArrows ? "visible" : "hidden"
-              },
-              children: /* @__PURE__ */ jsx(ChevronLeftIcon, { fontSize: "small" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              ref: scrollRef,
-              sx: isHorizontal ? {
-                flex: "1 1 auto",
-                minWidth: 0,
-                overflowX: "auto",
-                scrollBehavior: "smooth",
-                WebkitOverflowScrolling: "touch",
-                // Ocultamos la scrollbar (la navegación es con flechas)
-                scrollbarWidth: "none",
-                "&::-webkit-scrollbar": { display: "none" }
-              } : void 0,
-              children: /* @__PURE__ */ jsx(
-                Stepper$1,
-                {
-                  activeStep: currentStep,
-                  orientation,
-                  alternativeLabel: alternateLabel,
-                  sx: isHorizontal ? {
-                    display: "inline-flex",
-                    flexWrap: "nowrap",
-                    minWidth: "100%",
-                    width: "max-content",
-                    // Evita que los steps se compriman al punto de solaparse.
-                    "& .MuiStep-root": { flex: "0 0 auto", minWidth: 120 }
-                  } : void 0,
-                  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: {
-                          pointerEvents: "none",
-                          "& .MuiStepIcon-root": {
-                            color: dotColor
-                          },
-                          "& .MuiStepIcon-active": {
-                            color: activeDotColor
-                          },
-                          "& .MuiStepIcon-completed": {
-                            color: completedDotColor
-                          },
-                          "& .MuiStepIcon-text": {
-                            fill: iconTextColor
-                          }
-                        },
-                        children: label
-                      }
-                    ) }, idx);
-                  })
-                }
-              )
-            }
-          ),
-          isHorizontal && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              "aria-label": "Siguiente",
-              size: "small",
-              onClick: () => scrollBy(160),
-              disabled: !canScrollRight,
-              sx: {
-                flex: "0 0 auto",
-                visibility: showArrows ? "visible" : "hidden"
-              },
-              children: /* @__PURE__ */ jsx(ChevronRightIcon, { fontSize: "small" })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__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";
-export {
-  Step,
-  Stepper
-};
-//# sourceMappingURL=Stepper.js.map

package/dist/components/Stepper/Stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx","../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport {\n  Stepper as MuiStepper,\n  Step as MuiStep,\n  StepLabel as MuiStepLabel,\n  Box,\n  IconButton,\n} from \"@mui/material\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\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\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep: currentStepProp,\n}) => {\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  const isHorizontal = orientation === \"horizontal\";\n\n  // Scroll horizontal con flechitas cuando los steps no caben.\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const [canScrollLeft, setCanScrollLeft] = useState(false);\n  const [canScrollRight, setCanScrollRight] = useState(false);\n\n  const updateScrollState = () => {\n    const el = scrollRef.current;\n    if (!el) return;\n    const { scrollLeft, scrollWidth, clientWidth } = el;\n    // Tolerancia de 1px por redondeos de subpixel.\n    setCanScrollLeft(scrollLeft > 1);\n    setCanScrollRight(scrollLeft + clientWidth < scrollWidth - 1);\n  };\n\n  useLayoutEffect(() => {\n    if (!isHorizontal) return;\n    updateScrollState();\n  }, [isHorizontal, children.length, currentStep]);\n\n  useEffect(() => {\n    if (!isHorizontal) return;\n    const el = scrollRef.current;\n    if (!el) return;\n    const onScroll = () => updateScrollState();\n    el.addEventListener(\"scroll\", onScroll, { passive: true });\n    const ro = new ResizeObserver(() => updateScrollState());\n    ro.observe(el);\n    return () => {\n      el.removeEventListener(\"scroll\", onScroll);\n      ro.disconnect();\n    };\n  }, [isHorizontal]);\n\n  const scrollBy = (delta: number) => {\n    const el = scrollRef.current;\n    if (!el) return;\n    el.scrollBy({ left: delta, behavior: \"smooth\" });\n  };\n\n  const showArrows = isHorizontal && (canScrollLeft || canScrollRight);\n\n  return (\n    <Box sx={sx}>\n      {/*\n        En horizontal envolvemos el MuiStepper en un Box con `overflowX: auto`\n        y flechitas `<` `>` a los costados para navegar cuando los steps no\n        caben en el contenedor. Mantenemos el scroll nativo (rueda / swipe)\n        y ocultamos la scrollbar visual.\n      */}\n      <Box\n        sx={\n          isHorizontal\n            ? {\n                display: \"flex\",\n                alignItems: \"center\",\n                width: \"100%\",\n                gap: 0.5,\n              }\n            : undefined\n        }\n      >\n        {isHorizontal && (\n          <IconButton\n            aria-label=\"Anterior\"\n            size=\"small\"\n            onClick={() => scrollBy(-160)}\n            disabled={!canScrollLeft}\n            sx={{\n              flex: \"0 0 auto\",\n              // Reservamos el slot siempre que haya overflow en algún lado,\n              // así el área scroll tiene un ancho estable (no saltan los\n              // steps cuando aparece/desaparece la flecha).\n              visibility: showArrows ? \"visible\" : \"hidden\",\n            }}\n          >\n            <ChevronLeftIcon fontSize=\"small\" />\n          </IconButton>\n        )}\n      <Box\n        ref={scrollRef}\n        sx={\n          isHorizontal\n            ? {\n                flex: \"1 1 auto\",\n                minWidth: 0,\n                overflowX: \"auto\",\n                scrollBehavior: \"smooth\",\n                WebkitOverflowScrolling: \"touch\",\n                // Ocultamos la scrollbar (la navegación es con flechas)\n                scrollbarWidth: \"none\",\n                \"&::-webkit-scrollbar\": { display: \"none\" },\n              }\n            : undefined\n        }\n      >\n        <MuiStepper\n          activeStep={currentStep}\n          orientation={orientation}\n          alternativeLabel={alternateLabel}\n          sx={\n            isHorizontal\n              ? {\n                  display: \"inline-flex\",\n                  flexWrap: \"nowrap\",\n                  minWidth: \"100%\",\n                  width: \"max-content\",\n                  // Evita que los steps se compriman al punto de solaparse.\n                  \"& .MuiStep-root\": { flex: \"0 0 auto\", minWidth: 120 },\n                }\n              : undefined\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                \"& .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>\n        {isHorizontal && (\n          <IconButton\n            aria-label=\"Siguiente\"\n            size=\"small\"\n            onClick={() => scrollBy(160)}\n            disabled={!canScrollRight}\n            sx={{\n              flex: \"0 0 auto\",\n              visibility: showArrows ? \"visible\" : \"hidden\",\n            }}\n          >\n            <ChevronRightIcon fontSize=\"small\" />\n          </IconButton>\n        )}\n      </Box>\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":"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"}

package/dist/components/Switch/Switch.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../src/components/Switch/Switch.sx.ts","../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildSwitchSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\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 y el RadioGroup).\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 Switch. Reproduce el estilo del antiguo\n * `FormToggleInput` legacy cuando `bordered=true`: contenedor con borde,\n * label a la izquierda y switch a la derecha (vía justify-content: space-between).\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`, sólo aplica un reset de margin del helper text.\n */\nexport const buildSwitchSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildSwitchSxOptions): 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    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 1.25,\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 el switch 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      // Si hay label, separar el switch al borde opuesto.\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import { useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  Switch as MuiSwitch,\n  type SwitchProps as MuiSwitchProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSwitchSx } from './Switch.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type SwitchSize = 'small' | 'medium';\nexport type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseSwitchProps\n  extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {\n  /** Texto al lado del switch. Si está ausente, no se renderiza FormControlLabel. */\n  label?: string;\n  size?: SwitchSize;\n  /** Posición del label. Default: 'end' (legacy `FormToggleInput` lo ponía a la izquierda con su flex-stack). */\n  labelPlacement?: SwitchLabelPlacement;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del switch + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Switch`.\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 RHFSwitchProps extends BaseSwitchProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledSwitchProps extends BaseSwitchProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SwitchProps = RHFSwitchProps | ControlledSwitchProps;\n\nexport const Switch: React.FC<SwitchProps> = (props) => {\n  const {\n    label,\n    size = 'medium',\n    labelPlacement = 'end',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = 10,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledSwitchProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Switch', 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    buildSwitchSx({\n      bordered,\n      borderRadius,\n      hasLabel: !!label,\n      error: effectiveError,\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : [sx]),\n  ];\n\n  const renderSwitch = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n  ) => {\n    const switchEl = (\n      <MuiSwitch\n        {...rest}\n        size={size}\n        checked={!!checked}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={switchEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      switchEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation } = props as RHFSwitchProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\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            >\n              {renderSwitch(\n                !!field.value,\n                (next) => field.onChange(next),\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledSwitchProps;\n  return (\n    <FormControl error={error} disabled={disabled} sx={buildSx(error)}>\n      {renderSwitch(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Switch;\n"],"names":["useTheme","resolvePreset","checked","onChange","jsx","MuiSwitch","FormControlLabel","Controller","_a","jsxs","FormControl","FormHelperText"],"mappings":"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"}

package/dist/components/Switch/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Switch/Switch.sx.ts","../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildSwitchSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\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 y el RadioGroup).\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 Switch. Reproduce el estilo del antiguo\n * `FormToggleInput` legacy cuando `bordered=true`: contenedor con borde,\n * label a la izquierda y switch a la derecha (vía justify-content: space-between).\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`, sólo aplica un reset de margin del helper text.\n */\nexport const buildSwitchSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildSwitchSxOptions): 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    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 1.25,\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 el switch 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      // Si hay label, separar el switch al borde opuesto.\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import { useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  Switch as MuiSwitch,\n  type SwitchProps as MuiSwitchProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSwitchSx } from './Switch.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type SwitchSize = 'small' | 'medium';\nexport type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseSwitchProps\n  extends Omit<MuiSwitchProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size'> {\n  /** Texto al lado del switch. Si está ausente, no se renderiza FormControlLabel. */\n  label?: string;\n  size?: SwitchSize;\n  /** Posición del label. Default: 'end' (legacy `FormToggleInput` lo ponía a la izquierda con su flex-stack). */\n  labelPlacement?: SwitchLabelPlacement;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del switch + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Switch`.\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 RHFSwitchProps extends BaseSwitchProps {\n  name: string;\n  control: Control<any>;\n  validation?: RegisterOptions;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledSwitchProps extends BaseSwitchProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SwitchProps = RHFSwitchProps | ControlledSwitchProps;\n\nexport const Switch: React.FC<SwitchProps> = (props) => {\n  const {\n    label,\n    size = 'medium',\n    labelPlacement = 'end',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = 10,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledSwitchProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Switch', 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    buildSwitchSx({\n      bordered,\n      borderRadius,\n      hasLabel: !!label,\n      error: effectiveError,\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : [sx]),\n  ];\n\n  const renderSwitch = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n  ) => {\n    const switchEl = (\n      <MuiSwitch\n        {...rest}\n        size={size}\n        checked={!!checked}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={switchEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      switchEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation } = props as RHFSwitchProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\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            >\n              {renderSwitch(\n                !!field.value,\n                (next) => field.onChange(next),\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledSwitchProps;\n  return (\n    <FormControl error={error} disabled={disabled} sx={buildSx(error)}>\n      {renderSwitch(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Switch;\n"],"names":["checked","onChange","MuiSwitch","_a"],"mappings":"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"}