@soyfri/shared-library 1.5.0 → 1.6.0-beta.0

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

@@ -1,44 +0,0 @@
-/**
- * `StatusMessage` es un componente de React que muestra mensajes de éxito, error o advertencia
- * en un modal o una alerta, utilizando el sistema de diseño de Material-UI.
- *
- * El componente puede mostrar alertas con estilos específicos o un modal personalizable
- * usando `Dialog` y otros componentes de MUI. También puede incluir una función opcional
- * para cerrar el mensaje.
- *
- * @param {StatusMessageProps} props - Las propiedades del componente.
- * @param {string | undefined} props.title - Título del mensaje que se muestra en el modal o alerta.
- * @param {string} [props.description] - Descripción o contenido detallado del mensaje.
- * @param {'success' | 'danger' | 'warning'} [props.messageType='success'] - Tipo de mensaje que determina el estilo visual. 'danger' se mapea a 'error' de MUI.
- * @param {'alert' | 'modal'} [props.displayType='alert'] - Determina si el mensaje se muestra como alerta o modal.
- * @param {() => void} [props.close] - Función opcional para ejecutar al cerrar el mensaje.
- * @returns {React.FC<StatusMessageProps>} Un componente funcional de React que muestra mensajes personalizados.
- *
- * @example
- * // Ejemplo de uso como una alerta:
- * <StatusMessage
- * title="Operación Exitosa"
- * description="La operación se ha completado correctamente."
- * messageType="success"
- * displayType="alert"
- * />
- *
- * // Ejemplo de uso como un modal:
- * <StatusMessage
- * title="Advertencia"
- * description="Se ha producido un error inesperado."
- * messageType="danger"
- * displayType="modal"
- * close={() => console.log('Modal cerrado')}
- * />
- */
-export interface StatusMessageProps {
-    title: string | undefined;
-    description?: string;
-    messageType?: 'success' | 'danger' | 'warning';
-    displayType?: 'alert' | 'modal';
-    close?: () => void;
-    open?: boolean;
-}
-declare const StatusMessage: ({ title, description, messageType, displayType, close, open, }: StatusMessageProps) => import("react/jsx-runtime").JSX.Element | null;
-export default StatusMessage;

package/dist/components/StatusMessage/StatusMessage.js

@@ -1,79 +0,0 @@
-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 })
-      ]
-    }
-  ) });
-};
-export {
-  StatusMessage
-};
-//# sourceMappingURL=StatusMessage.js.map

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,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const material = require("@mui/material");
-const Stepper = ({
-  children,
-  orientation = "horizontal",
-  alternateLabel = false,
-  sx,
-  currentStep = 0
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(material.Stepper, { activeStep: currentStep, orientation, alternativeLabel: alternateLabel, 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);
-    }) }),
-    /* @__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 } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep = 0,\n}) => {\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\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 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":["jsxs","Box","jsx","MuiStepper","MuiStep","MuiStepLabel"],"mappings":";;;;AAYO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,cAAc;AAChB,MAAM;AAEJ,SACEA,gCAACC,SAAAA,OAAI,IACH,UAAA;AAAA,IAAAC,2BAAAA,IAACC,SAAAA,SAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,4CACGC,eAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAAF,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACAH,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;ACxCO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;;;"}

package/dist/components/Stepper/Stepper.d.ts

@@ -1,11 +0,0 @@
-import { default as React, ReactElement } from 'react';
-import { StepProps } from './Step';
-interface MyStepperProps {
-    children: ReactElement<StepProps>[];
-    orientation?: "horizontal" | "vertical";
-    sx?: object;
-    alternateLabel?: boolean;
-    currentStep?: number;
-}
-export declare const Stepper: React.FC<MyStepperProps>;
-export default Stepper;

package/dist/components/Stepper/Stepper.js

@@ -1,46 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Box, Stepper as Stepper$1, Step as Step$1, StepLabel } from "@mui/material";
-const Stepper = ({
-  children,
-  orientation = "horizontal",
-  alternateLabel = false,
-  sx,
-  currentStep = 0
-}) => {
-  return /* @__PURE__ */ jsxs(Box, { sx, children: [
-    /* @__PURE__ */ jsx(Stepper$1, { activeStep: currentStep, orientation, alternativeLabel: alternateLabel, 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);
-    }) }),
-    /* @__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 } from \"react\";\nimport { Stepper as MuiStepper, Step as MuiStep, StepLabel as MuiStepLabel, Box } from \"@mui/material\";\nimport { StepProps } from \"./Step\";\n\ninterface MyStepperProps {\n  children: ReactElement<StepProps>[];\n  orientation?: \"horizontal\" | \"vertical\";\n  sx?: object;\n  alternateLabel?: boolean;\n  currentStep?: number;\n}\n\nexport const Stepper: React.FC<MyStepperProps> = ({\n  children,\n  orientation = \"horizontal\",\n  alternateLabel = false,\n\n  sx,\n  currentStep = 0,\n}) => {\n\n  return (\n    <Box sx={sx}>\n      <MuiStepper activeStep={currentStep} orientation={orientation} alternativeLabel={alternateLabel} >\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 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":";;AAYO,MAAM,UAAoC,CAAC;AAAA,EAChD;AAAA,EACA,cAAc;AAAA,EACd,iBAAiB;AAAA,EAEjB;AAAA,EACA,cAAc;AAChB,MAAM;AAEJ,SACE,qBAAC,OAAI,IACH,UAAA;AAAA,IAAA,oBAACA,WAAA,EAAW,YAAY,aAAa,aAA0B,kBAAkB,gBAC9E,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,YAAM,EAAE,OAAO,WAAW,UAAU,WAAW,IAAI,QAAQ,UAAU,gBAAgB,mBAAmB,cAAA,IAAkB,MAAM;AAChI,iCACGC,QAAA,EAAkB,WAAsB,UAAoB,WAAsB,IAAI,QACrF,UAAA;AAAA,QAACC;AAAAA,QAAA;AAAA,UAAa,IAAI;AAAA,YAChB,eAAe;AAAA,YACf,uBAAuB;AAAA,cACrB,OAAO;AAAA,YAAA;AAAA,YAET,yBAAyB;AAAA,cACvB,OAAO;AAAA,YAAA;AAAA,YAET,4BAA4B;AAAA,cAC1B,OAAO;AAAA,YAAA;AAAA,YAET,uBAAuB;AAAA,cACrB,MAAM;AAAA,YAAA;AAAA,UACR;AAAA,UAEA,UAAA;AAAA,QAAA;AAAA,MAAA,KAhBU,GAkBd;AAAA,IAEJ,CAAC,EAAA,CACH;AAAA,IACA,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;ACxCO,MAAM,OAAO,CAAC,MAAuB;AAE5C,KAAK,cAAc;"}

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

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

package/dist/components/Stepper.d.ts

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

package/dist/components/Tabs/Tabs.cjs

@@ -1,96 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-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;
-};
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const material = require("@mui/material");
-const TAB_DISPLAY_MAP = {
-  horizontal: { display: "flex", flexDirection: "column" },
-  vertical: { display: "flex", flexDirection: "row" }
-};
-const Tabs = ({
-  children,
-  defaultValue,
-  onChange,
-  centered = true,
-  orientation = "horizontal",
-  scrollButtons = "auto",
-  variant = "standard",
-  indicatorColor = "primary",
-  labelColor = "primary",
-  className,
-  onChangeValue,
-  allowScrollButtonsMobile = true,
-  sx
-}) => {
-  var _a, _b;
-  const firstValue = (_a = children[0]) == null ? void 0 : _a.props.value;
-  const [currentValue, setCurrentValue] = React.useState(
-    (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
-  );
-  const handleChange = (event, newValue) => {
-    setCurrentValue(newValue);
-    onChange == null ? void 0 : onChange();
-    onChangeValue == null ? void 0 : onChangeValue(newValue);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      material.Tabs,
-      {
-        value: currentValue,
-        onChange: handleChange,
-        centered,
-        indicatorColor,
-        orientation,
-        scrollButtons,
-        variant,
-        className,
-        textColor: labelColor,
-        sx: __spreadValues({}, sx),
-        allowScrollButtonsMobile,
-        children: children.map((child, idx) => {
-          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            material.Tab,
-            {
-              label,
-              icon,
-              value,
-              disabled,
-              wrapped,
-              iconPosition,
-              className: tabClassName,
-              sx: tabSx
-            },
-            value
-          );
-        })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { m: 2, role: "tabpanel", sx: { width: "100%" }, children: children.map((child, idx) => {
-      var _a2;
-      const value = (_a2 = child.props.value) != null ? _a2 : idx;
-      return value === currentValue ? /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: child.props.children }, value) : null;
-    }) })
-  ] });
-};
-const Tab = (_) => null;
-Tab.displayName = "Tab";
-exports.Tab = Tab;
-exports.Tabs = Tabs;
-//# sourceMappingURL=Tabs.cjs.map

package/dist/components/Tabs/Tabs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.cjs","sources":["../../../src/components/Tabs/_tabUtils.tsx","../../../src/components/Tabs/Tabs.tsx","../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import React, { useState, ReactElement } from \"react\";\nimport { Tabs as MuiTabs, Tab as MuiTab, Box, TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { TabProps } from \"./Tab\";\nimport { TAB_DISPLAY_MAP } from \"./_tabUtils\";\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  \"centered\" | \"indicatorColor\" | \"orientation\" | \"scrollButtons\" | \"variant\" | \"className\" | \"sx\" | \"visibleScrollbar\" | 'indicatorColor'| 'allowScrollButtonsMobile'\n>;\n\ninterface MyTabsProps extends PickTabsProps {\n  children: ReactElement<TabProps>[];\n  defaultValue?: number;\n  onChange?: () => void;\n  centered?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  scrollButtons?: \"auto\" | false | true;\n  variant?: \"standard\" | \"scrollable\" | \"fullWidth\";\n  indicatorColor?: \"primary\" | \"secondary\";\n  labelColor?: \"primary\" | \"secondary\" | \"inherit\";\n  onChangeValue?: (newValue: number) => void;\n  allowScrollButtonsMobile?: boolean;\n}\n\nexport const Tabs: React.FC<MyTabsProps> = ({\n  children,\n  defaultValue,\n  onChange,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = \"auto\",\n  variant = \"standard\",\n  indicatorColor = \"primary\",\n  labelColor = \"primary\",\n  className,\n  onChangeValue,\n  allowScrollButtonsMobile = true,\n  sx,\n}) => {\n  const firstValue = children[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0\n  );\n\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setCurrentValue(newValue);\n    onChange?.();\n    onChangeValue?.(newValue);\n  };\n\n  return (\n    <Box sx={{ display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection}}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        sx={{ ...sx }}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        \n\n      >\n        {children.map((child, idx) => {\n          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} role=\"tabpanel\" sx={{width:'100%'}} >\n        {children.map((child, idx) => {\n          const value = child.props.value ?? idx;\n          return value === currentValue ? (\n            <Box key={value}>{child.props.children}</Box>\n          ) : null;\n        })}\n      </Box>\n    </Box>\n\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["useState","jsxs","Box","jsx","MuiTabs","MuiTab","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACqBO,MAAM,OAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B;AACF,MAAM;;AACJ,QAAM,cAAa,cAAS,CAAC,MAAV,mBAAa,MAAM;AACtC,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA;AAAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,oBAAgB,QAAQ;AACxB;AACA,mDAAgB;AAAA,EAClB;AAEA,SACEC,2BAAAA,KAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,gBAAgB,WAAW,EAAE,SAAS,eAAe,gBAAgB,WAAW,EAAE,iBACpG,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,IAAI,mBAAK;AAAA,QACT;AAAA,QAIC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,gBAAM,EAAE,OAAO,MAAM,QAAQ,KAAK,UAAU,SAAS,cAAc,WAAW,cAAc,IAAI,MAAA,IAAU,MAAM;AAChH,iBACED,2BAAAA;AAAAA,YAACE,SAAAA;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGHF,2BAAAA,IAACD,SAAAA,KAAA,EAAI,GAAG,GAAG,MAAK,YAAW,IAAI,EAAC,OAAM,UACnC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;;AAC5B,YAAM,SAAQI,MAAA,MAAM,MAAM,UAAZ,OAAAA,MAAqB;AACnC,aAAO,UAAU,eACfH,2BAAAA,IAACD,SAAAA,KAAA,EAAiB,gBAAM,MAAM,YAApB,KAA6B,IACrC;AAAA,IACN,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAGJ;AClFO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;;;"}

package/dist/components/Tabs/Tabs.d.ts

@@ -1,19 +0,0 @@
-import { default as React, ReactElement } from 'react';
-import { TabsProps as MuiTabsProps } from '@mui/material';
-import { TabProps } from './Tab';
-type PickTabsProps = Pick<MuiTabsProps, "centered" | "indicatorColor" | "orientation" | "scrollButtons" | "variant" | "className" | "sx" | "visibleScrollbar" | 'indicatorColor' | 'allowScrollButtonsMobile'>;
-interface MyTabsProps extends PickTabsProps {
-    children: ReactElement<TabProps>[];
-    defaultValue?: number;
-    onChange?: () => void;
-    centered?: boolean;
-    orientation?: "horizontal" | "vertical";
-    scrollButtons?: "auto" | false | true;
-    variant?: "standard" | "scrollable" | "fullWidth";
-    indicatorColor?: "primary" | "secondary";
-    labelColor?: "primary" | "secondary" | "inherit";
-    onChangeValue?: (newValue: number) => void;
-    allowScrollButtonsMobile?: boolean;
-}
-export declare const Tabs: React.FC<MyTabsProps>;
-export default Tabs;

package/dist/components/Tabs/Tabs.js

@@ -1,96 +0,0 @@
-var __defProp = Object.defineProperty;
-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;
-};
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { Box, Tabs as Tabs$1, Tab as Tab$1 } from "@mui/material";
-const TAB_DISPLAY_MAP = {
-  horizontal: { display: "flex", flexDirection: "column" },
-  vertical: { display: "flex", flexDirection: "row" }
-};
-const Tabs = ({
-  children,
-  defaultValue,
-  onChange,
-  centered = true,
-  orientation = "horizontal",
-  scrollButtons = "auto",
-  variant = "standard",
-  indicatorColor = "primary",
-  labelColor = "primary",
-  className,
-  onChangeValue,
-  allowScrollButtonsMobile = true,
-  sx
-}) => {
-  var _a, _b;
-  const firstValue = (_a = children[0]) == null ? void 0 : _a.props.value;
-  const [currentValue, setCurrentValue] = useState(
-    (_b = defaultValue != null ? defaultValue : firstValue) != null ? _b : 0
-  );
-  const handleChange = (event, newValue) => {
-    setCurrentValue(newValue);
-    onChange == null ? void 0 : onChange();
-    onChangeValue == null ? void 0 : onChangeValue(newValue);
-  };
-  return /* @__PURE__ */ jsxs(Box, { sx: { display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection }, children: [
-    /* @__PURE__ */ jsx(
-      Tabs$1,
-      {
-        value: currentValue,
-        onChange: handleChange,
-        centered,
-        indicatorColor,
-        orientation,
-        scrollButtons,
-        variant,
-        className,
-        textColor: labelColor,
-        sx: __spreadValues({}, sx),
-        allowScrollButtonsMobile,
-        children: children.map((child, idx) => {
-          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;
-          return /* @__PURE__ */ jsx(
-            Tab$1,
-            {
-              label,
-              icon,
-              value,
-              disabled,
-              wrapped,
-              iconPosition,
-              className: tabClassName,
-              sx: tabSx
-            },
-            value
-          );
-        })
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { m: 2, role: "tabpanel", sx: { width: "100%" }, children: children.map((child, idx) => {
-      var _a2;
-      const value = (_a2 = child.props.value) != null ? _a2 : idx;
-      return value === currentValue ? /* @__PURE__ */ jsx(Box, { children: child.props.children }, value) : null;
-    }) })
-  ] });
-};
-const Tab = (_) => null;
-Tab.displayName = "Tab";
-export {
-  Tab,
-  Tabs
-};
-//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs/Tabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/_tabUtils.tsx","../../../src/components/Tabs/Tabs.tsx","../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["export const TAB_DISPLAY_MAP: Record<\"horizontal\" | \"vertical\", { display: string, flexDirection: string }> = {\n  horizontal: { display: \"flex\", flexDirection: \"column\" },\n  vertical: { display: \"flex\", flexDirection: \"row\" }\n};","import React, { useState, ReactElement } from \"react\";\nimport { Tabs as MuiTabs, Tab as MuiTab, Box, TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { TabProps } from \"./Tab\";\nimport { TAB_DISPLAY_MAP } from \"./_tabUtils\";\n\ntype PickTabsProps = Pick<\n  MuiTabsProps,\n  \"centered\" | \"indicatorColor\" | \"orientation\" | \"scrollButtons\" | \"variant\" | \"className\" | \"sx\" | \"visibleScrollbar\" | 'indicatorColor'| 'allowScrollButtonsMobile'\n>;\n\ninterface MyTabsProps extends PickTabsProps {\n  children: ReactElement<TabProps>[];\n  defaultValue?: number;\n  onChange?: () => void;\n  centered?: boolean;\n  orientation?: \"horizontal\" | \"vertical\";\n  scrollButtons?: \"auto\" | false | true;\n  variant?: \"standard\" | \"scrollable\" | \"fullWidth\";\n  indicatorColor?: \"primary\" | \"secondary\";\n  labelColor?: \"primary\" | \"secondary\" | \"inherit\";\n  onChangeValue?: (newValue: number) => void;\n  allowScrollButtonsMobile?: boolean;\n}\n\nexport const Tabs: React.FC<MyTabsProps> = ({\n  children,\n  defaultValue,\n  onChange,\n  centered = true,\n  orientation = 'horizontal',\n  scrollButtons = \"auto\",\n  variant = \"standard\",\n  indicatorColor = \"primary\",\n  labelColor = \"primary\",\n  className,\n  onChangeValue,\n  allowScrollButtonsMobile = true,\n  sx,\n}) => {\n  const firstValue = children[0]?.props.value;\n  const [currentValue, setCurrentValue] = useState<string | number>(\n    defaultValue ?? firstValue ?? 0\n  );\n\n  const handleChange = (event: React.SyntheticEvent, newValue: number) => {\n    setCurrentValue(newValue);\n    onChange?.();\n    onChangeValue?.(newValue);\n  };\n\n  return (\n    <Box sx={{ display: TAB_DISPLAY_MAP[orientation].display, flexDirection: TAB_DISPLAY_MAP[orientation].flexDirection}}>\n      <MuiTabs\n        value={currentValue}\n        onChange={handleChange}\n        centered={centered}\n        indicatorColor={indicatorColor}\n        orientation={orientation}\n        scrollButtons={scrollButtons}\n        variant={variant}\n        className={className}\n        textColor={labelColor}\n        sx={{ ...sx }}\n        allowScrollButtonsMobile={allowScrollButtonsMobile}\n        \n\n      >\n        {children.map((child, idx) => {\n          const { label, icon, value = idx, disabled, wrapped, iconPosition, className: tabClassName, sx: tabSx } = child.props;\n          return (\n            <MuiTab\n              key={value}\n              label={label}\n              icon={icon}\n              value={value}\n              disabled={disabled}\n              wrapped={wrapped}\n              iconPosition={iconPosition}\n              className={tabClassName}\n              sx={tabSx}\n            />\n          );\n        })}\n      </MuiTabs>\n\n      <Box m={2} role=\"tabpanel\" sx={{width:'100%'}} >\n        {children.map((child, idx) => {\n          const value = child.props.value ?? idx;\n          return value === currentValue ? (\n            <Box key={value}>{child.props.children}</Box>\n          ) : null;\n        })}\n      </Box>\n    </Box>\n\n  );\n};\n\nexport default Tabs;\n","import React from \"react\";\nimport { TabProps as MuiTabProps } from \"@mui/material\";\n\ntype PickMuiTabProps = Pick<\n  MuiTabProps,\n  \"label\" | \"icon\" | \"disabled\" | \"sx\" | \"value\" | \"wrapped\" | \"iconPosition\" | \"className\" | \"disabled\"| 'disableRipple'\n>;\n\nexport interface TabProps extends PickMuiTabProps {\n  value?: number;\n  onChange?: () => void;\n  children?: React.ReactNode;\n}\n\nexport const Tab = (_: TabProps): null => null;\n\nTab.displayName = \"Tab\";\n\nexport default Tab;\n"],"names":["MuiTabs","MuiTab","_a"],"mappings":";;;;;;;;;;;;;;;;;;;AAAO,MAAM,kBAAiG;AAAA,EAC5G,YAAY,EAAE,SAAS,QAAQ,eAAe,SAAA;AAAA,EAC9C,UAAU,EAAE,SAAS,QAAQ,eAAe,MAAA;AAC9C;ACqBO,MAAM,OAA8B,CAAC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,2BAA2B;AAAA,EAC3B;AACF,MAAM;;AACJ,QAAM,cAAa,cAAS,CAAC,MAAV,mBAAa,MAAM;AACtC,QAAM,CAAC,cAAc,eAAe,IAAI;AAAA,KACtC,2CAAgB,eAAhB,YAA8B;AAAA,EAAA;AAGhC,QAAM,eAAe,CAAC,OAA6B,aAAqB;AACtE,oBAAgB,QAAQ;AACxB;AACA,mDAAgB;AAAA,EAClB;AAEA,SACE,qBAAC,KAAA,EAAI,IAAI,EAAE,SAAS,gBAAgB,WAAW,EAAE,SAAS,eAAe,gBAAgB,WAAW,EAAE,iBACpG,UAAA;AAAA,IAAA;AAAA,MAACA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,IAAI,mBAAK;AAAA,QACT;AAAA,QAIC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;AAC5B,gBAAM,EAAE,OAAO,MAAM,QAAQ,KAAK,UAAU,SAAS,cAAc,WAAW,cAAc,IAAI,MAAA,IAAU,MAAM;AAChH,iBACE;AAAA,YAACC;AAAAA,YAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,WAAW;AAAA,cACX,IAAI;AAAA,YAAA;AAAA,YARC;AAAA,UAAA;AAAA,QAWX,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,oBAAC,KAAA,EAAI,GAAG,GAAG,MAAK,YAAW,IAAI,EAAC,OAAM,UACnC,UAAA,SAAS,IAAI,CAAC,OAAO,QAAQ;;AAC5B,YAAM,SAAQC,MAAA,MAAM,MAAM,UAAZ,OAAAA,MAAqB;AACnC,aAAO,UAAU,eACf,oBAAC,KAAA,EAAiB,gBAAM,MAAM,YAApB,KAA6B,IACrC;AAAA,IACN,CAAC,EAAA,CACH;AAAA,EAAA,GACF;AAGJ;AClFO,MAAM,MAAM,CAAC,MAAsB;AAE1C,IAAI,cAAc;"}

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

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

package/dist/components/Tabs.d.ts

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

package/dist/components/Timeline/Timeline.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.cjs","sources":["../../../src/components/Timeline/Timeline.tsx","../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport MuiTimeline from \"@mui/lab/Timeline\";\nimport { timelineContentClasses } from \"@mui/lab/TimelineContent\";\nimport { timelineItemClasses, TimelineItemProps as MuiTimelineItemProps } from \"@mui/lab/TimelineItem\";\nimport { Box } from \"@mui/material\";\n\ninterface TimelineItemProps extends MuiTimelineItemProps {\n  connectorColor?: string;\n  sx?: object;\n}\n\ninterface TimelineProps {\n  children: React.ReactElement<TimelineItemProps>[];\n  position?: \"left\" | \"right\" | 'alternate' | 'alternate-reverse' ;\n  sx?: object;\n}\n\nexport const Timeline: React.FC<TimelineProps> = ({ children, position = \"right\", sx }) => {\n  const count = React.Children.count(children);\n\n    const customSx = (position === \"left\" || position === \"right\")\n    ? {\n        [`& .${timelineItemClasses.root}:before`]: {\n          flex: 0,\n          padding: 0,\n        },\n        ...sx,\n      }\n    : sx;\n    \n  return (\n    <MuiTimeline position={position}\n      sx={{...customSx}}\n      >\n      {React.Children.map(children, (child, idx) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child, {\n            connectorColor: idx < count - 1\n              ? child.props.connectorColor ?? 'gray.main'\n              : undefined,\n          })\n          : null\n      )}\n    </MuiTimeline>\n\n  );\n};\n\nexport default Timeline;","\nimport MuiTimelineItem from \"@mui/lab/TimelineItem\";\nimport MuiTimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport MuiTimelineConnector from \"@mui/lab/TimelineConnector\";\nimport MuiTimelineContent from \"@mui/lab/TimelineContent\";\nimport MuiTimelineDot from \"@mui/lab/TimelineDot\";\n\nexport interface TimelineItemProps {\n  dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';\n  connectorColor?: 'success' | 'error' | 'info' | 'warning' | 'primary' | 'secondary' | 'grey';\n  children: React.ReactNode;\n}\n\nexport const TimelineItem: React.FC<TimelineItemProps> = ({\n  dotColor = 'grey',\n  connectorColor,\n  children\n}) => {\n  const color = connectorColor ? `${connectorColor}.main` : 'secondary.main';\n  return (\n    <MuiTimelineItem>\n      <MuiTimelineSeparator>\n        <MuiTimelineDot color={dotColor} />\n        {connectorColor !== undefined && <MuiTimelineConnector sx={{ bgcolor: color }} />}\n      </MuiTimelineSeparator>\n      <MuiTimelineContent>{children}</MuiTimelineContent>\n    </MuiTimelineItem>\n  );\n};\n\nexport default TimelineItem"],"names":["React","timelineItemClasses","jsx","jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAM,WAAoC,CAAC,EAAE,UAAU,WAAW,SAAS,SAAS;AACzF,QAAM,QAAQA,iBAAM,SAAS,MAAM,QAAQ;AAEzC,QAAM,WAAY,aAAa,UAAU,aAAa,UACpD;AAAA,IACE,CAAC,MAAMC,gBAAAA,oBAAoB,IAAI,SAAS,GAAG;AAAA,MACzC,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,KAER,MAEL;AAEJ,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAAY;AAAA,MACX,IAAI,mBAAI;AAAA,MAEP,2BAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAAO,QAAA;;AACpCF,kCAAM,eAAe,KAAK,IACtBA,iBAAM,aAAa,OAAO;AAAA,YAC1B,gBAAgB,MAAM,QAAQ,KAC1B,WAAM,MAAM,mBAAZ,YAA8B,cAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;ACjCO,MAAM,eAA4C,CAAC;AAAA,EACxD,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,iBAAiB,GAAG,cAAc,UAAU;AAC1D,yCACG,iBAAA,EACC,UAAA;AAAA,IAAAG,gCAAC,sBAAA,EACC,UAAA;AAAA,MAAAD,2BAAAA,IAAC,gBAAA,EAAe,OAAO,SAAA,CAAU;AAAA,MAChC,mBAAmB,UAAaA,2BAAAA,IAAC,sBAAA,EAAqB,IAAI,EAAE,SAAS,QAAM,CAAG;AAAA,IAAA,GACjF;AAAA,IACAA,+BAAC,sBAAoB,SAAA,CAAS;AAAA,EAAA,GAChC;AAEJ;;;"}

package/dist/components/Timeline/Timeline.d.ts

@@ -1,13 +0,0 @@
-import { TimelineItemProps as MuiTimelineItemProps } from '@mui/lab/TimelineItem';
-import * as React from "react";
-interface TimelineItemProps extends MuiTimelineItemProps {
-    connectorColor?: string;
-    sx?: object;
-}
-interface TimelineProps {
-    children: React.ReactElement<TimelineItemProps>[];
-    position?: "left" | "right" | 'alternate' | 'alternate-reverse';
-    sx?: object;
-}
-export declare const Timeline: React.FC<TimelineProps>;
-export default Timeline;

package/dist/components/Timeline/Timeline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.js","sources":["../../../src/components/Timeline/Timeline.tsx","../../../src/components/Timeline/TimelineItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport MuiTimeline from \"@mui/lab/Timeline\";\nimport { timelineContentClasses } from \"@mui/lab/TimelineContent\";\nimport { timelineItemClasses, TimelineItemProps as MuiTimelineItemProps } from \"@mui/lab/TimelineItem\";\nimport { Box } from \"@mui/material\";\n\ninterface TimelineItemProps extends MuiTimelineItemProps {\n  connectorColor?: string;\n  sx?: object;\n}\n\ninterface TimelineProps {\n  children: React.ReactElement<TimelineItemProps>[];\n  position?: \"left\" | \"right\" | 'alternate' | 'alternate-reverse' ;\n  sx?: object;\n}\n\nexport const Timeline: React.FC<TimelineProps> = ({ children, position = \"right\", sx }) => {\n  const count = React.Children.count(children);\n\n    const customSx = (position === \"left\" || position === \"right\")\n    ? {\n        [`& .${timelineItemClasses.root}:before`]: {\n          flex: 0,\n          padding: 0,\n        },\n        ...sx,\n      }\n    : sx;\n    \n  return (\n    <MuiTimeline position={position}\n      sx={{...customSx}}\n      >\n      {React.Children.map(children, (child, idx) =>\n        React.isValidElement(child)\n          ? React.cloneElement(child, {\n            connectorColor: idx < count - 1\n              ? child.props.connectorColor ?? 'gray.main'\n              : undefined,\n          })\n          : null\n      )}\n    </MuiTimeline>\n\n  );\n};\n\nexport default Timeline;","\nimport MuiTimelineItem from \"@mui/lab/TimelineItem\";\nimport MuiTimelineSeparator from \"@mui/lab/TimelineSeparator\";\nimport MuiTimelineConnector from \"@mui/lab/TimelineConnector\";\nimport MuiTimelineContent from \"@mui/lab/TimelineContent\";\nimport MuiTimelineDot from \"@mui/lab/TimelineDot\";\n\nexport interface TimelineItemProps {\n  dotColor?: 'primary' | 'secondary' | 'grey' | 'inherit' | 'success' | 'error' | 'info' | 'warning';\n  connectorColor?: 'success' | 'error' | 'info' | 'warning' | 'primary' | 'secondary' | 'grey';\n  children: React.ReactNode;\n}\n\nexport const TimelineItem: React.FC<TimelineItemProps> = ({\n  dotColor = 'grey',\n  connectorColor,\n  children\n}) => {\n  const color = connectorColor ? `${connectorColor}.main` : 'secondary.main';\n  return (\n    <MuiTimelineItem>\n      <MuiTimelineSeparator>\n        <MuiTimelineDot color={dotColor} />\n        {connectorColor !== undefined && <MuiTimelineConnector sx={{ bgcolor: color }} />}\n      </MuiTimelineSeparator>\n      <MuiTimelineContent>{children}</MuiTimelineContent>\n    </MuiTimelineItem>\n  );\n};\n\nexport default TimelineItem"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAM,WAAoC,CAAC,EAAE,UAAU,WAAW,SAAS,SAAS;AACzF,QAAM,QAAQ,MAAM,SAAS,MAAM,QAAQ;AAEzC,QAAM,WAAY,aAAa,UAAU,aAAa,UACpD;AAAA,IACE,CAAC,MAAM,oBAAoB,IAAI,SAAS,GAAG;AAAA,MACzC,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,KAER,MAEL;AAEJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAAY;AAAA,MACX,IAAI,mBAAI;AAAA,MAEP,gBAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,OAAO,QAAA;;AACpC,uBAAM,eAAe,KAAK,IACtB,MAAM,aAAa,OAAO;AAAA,YAC1B,gBAAgB,MAAM,QAAQ,KAC1B,WAAM,MAAM,mBAAZ,YAA8B,cAC9B;AAAA,UAAA,CACL,IACC;AAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAIN;ACjCO,MAAM,eAA4C,CAAC;AAAA,EACxD,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,iBAAiB,GAAG,cAAc,UAAU;AAC1D,8BACG,iBAAA,EACC,UAAA;AAAA,IAAA,qBAAC,sBAAA,EACC,UAAA;AAAA,MAAA,oBAAC,gBAAA,EAAe,OAAO,SAAA,CAAU;AAAA,MAChC,mBAAmB,UAAa,oBAAC,sBAAA,EAAqB,IAAI,EAAE,SAAS,QAAM,CAAG;AAAA,IAAA,GACjF;AAAA,IACA,oBAAC,sBAAoB,SAAA,CAAS;AAAA,EAAA,GAChC;AAEJ;"}

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

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

package/dist/components/Timeline.d.ts

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

package/dist/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require('./index.css');//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

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

package/dist/index.js

@@ -1,2 +0,0 @@
-
-import './index.css';//# sourceMappingURL=index.js.map

package/dist/index.js.map

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