@soyfri/shared-library 1.3.14 → 1.3.15

package/components/StatusMessage/StatusMessage.cjs

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

package/components/StatusMessage/StatusMessage.cjs.map

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

package/components/StatusMessage/StatusMessage.d.ts

@@ -0,0 +1,44 @@
+/**
+ * `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/components/StatusMessage/StatusMessage.js

@@ -0,0 +1,79 @@
+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/components/StatusMessage/StatusMessage.js.map

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

package/components/StatusMessage/index.d.ts

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

package/components/StatusMessage.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soyfri/shared-library",
-  "version": "1.3.14",
+  "version": "1.3.15",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -58,6 +58,11 @@
       "require": "./components/Stepper/Stepper.cjs",
       "types": "./components/Stepper/Stepper.d.ts"
     },
+    "./components/StatusMessage": {
+      "import": "./components/StatusMessage/StatusMessage.js",
+      "require": "./components/StatusMessage/StatusMessage.cjs",
+      "types": "./components/StatusMessage/StatusMessage.d.ts"
+    },
     "./components/Stat": {
       "import": "./components/Stat/Stat.js",
       "require": "./components/Stat/Stat.cjs",