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

package/dist/components/Modal/Modal.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.cjs","sources":["../../../src/components/Modal/ModalFooter.tsx","../../../src/components/Modal/ModalHeader.tsx","../../../src/components/Modal/ModalBody.tsx","../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, Stack } from '@mui/material';\nimport { ButtonProps } from '@mui/material/Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick: () => void;\n  disabled?: boolean;\n  variant?: ButtonProps['variant'];\n  color?: ButtonProps['color'];\n}\n\nexport interface ModalFooterProps { // Renombrado\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({ // Renombrado\n  children,\n  showCloseButton = true,\n  closeButtonText = \"Cerrar\",\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box sx={{ padding: 2, borderTop: '1px solid #e0e0e0', display: 'flex', justifyContent: 'flex-end', gap: 1 }}>\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action, index) => (\n          <Button\n            key={index}\n            onClick={action.onClick}\n            disabled={action.disabled}\n            variant={action.variant || 'contained'}\n            color={action.color || 'primary'}\n          >\n            {action.text}\n          </Button>\n        ))}\n      </Stack>\n    </Box>\n  );\n};\n\nexport default ModalFooter;","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\ninterface ModalHeaderProps { // Renombrado\n  children: React.ReactNode;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children }) => { // Renombrado\n  return (\n    <Box sx={{ padding: 2, borderBottom: '1px solid #e0e0e0', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n      <Typography variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nexport default ModalHeader;","import React from 'react';\nimport { Box } from '@mui/material';\n\ninterface ModalBodyProps { // Renombrado\n  children: React.ReactNode;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children }) => { // Renombrado\n  return (\n    <Box sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nexport default ModalBody;","import React, { useState, useImperativeHandle, forwardRef } from 'react'; // 👈 Importa useImperativeHandle y forwardRef\nimport { Modal as MuiModal, Box, Paper, useTheme, useMediaQuery } from '@mui/material';\n\nimport { DialogProps } from '@mui/material/Dialog';\nimport { ModalAction, ModalFooter, ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\ninterface ModalProps {\n  // La prop 'open' ahora es opcional si se usa con ref, pero aún puede ser controlada externamente\n  open?: boolean;\n  onClose?: () => void; // 'onClose' ahora es opcional ya que el modal puede cerrarse internamente\n  title?: string;\n  children: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  hiddenFooter?: boolean\n}\n\nconst modalStyle = {\n  position: 'absolute' as 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column',\n  outline: 'none',\n};\n\n// Envuelve el componente en forwardRef\nexport const Modal = forwardRef<ModalRef, ModalProps>(({\n  open: controlledOpen, // Renombra la prop 'open' si se pasa externamente\n  onClose: controlledOnClose, // Renombra la prop 'onClose' si se pasa externamente\n  title,\n  children,\n  showCloseButton = true,\n  closeButtonText = \"Cerrar\",\n  closeButtonDisabled = false,\n  actions = [],\n  maxWidth = 'sm',\n  hiddenFooter = false,\n}, ref) => { // Recibe la ref\n  // Estado interno para gestionar la visibilidad si no es controlado externamente\n  const [internalOpen, setInternalOpen] = useState(false);\n\n  // Determina si el modal está abierto, priorizando la prop externa\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n  // Expone métodos 'open' y 'close' a través de la ref\n  useImperativeHandle(ref, () => ({\n    open: () => setInternalOpen(true),\n    close: () => {\n      setInternalOpen(false);\n      controlledOnClose?.(); // Llama al onClose externo si existe\n    },\n  }));\n\n  const handleCloseInternal = () => {\n    setInternalOpen(false);\n    controlledOnClose?.(); // Llama al onClose externo si existe\n  };\n\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n  const getWidth = () => {\n    if (isMobile) return '95%';\n    switch (maxWidth) {\n      case 'xs': return 300;\n      case 'sm': return 500;\n      case 'md': return 700;\n      case 'lg': return 900;\n      case 'xl': return 1100;\n      case false: return 'auto';\n      default: return 500;\n    }\n  };\n\n  const renderChildren = () => {\n    let header: React.ReactNode | null = null;\n    let body: React.ReactNode | null = null;\n    let footer: React.ReactNode | null = null;\n\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === ModalHeader) {\n          header = child;\n        } else if (child.type === ModalBody) {\n          body = child;\n        } else if (child.type === ModalFooter) {\n          const footerChild = child as React.ReactElement<ModalFooterProps>;\n          const {\n            showCloseButton: childShowCloseButton,\n            closeButtonText: childCloseButtonText,\n            closeButtonDisabled: childCloseButtonDisabled,\n            onClose: childOnClose,\n            actions: childActions,\n            ...restOfFooterProps\n          } = footerChild.props;\n\n          footer = React.cloneElement(footerChild, {\n            showCloseButton,\n            closeButtonText,\n            closeButtonDisabled,\n            onClose: handleCloseInternal, // Usa la función de cierre interna\n            actions,\n            ...restOfFooterProps,\n          });\n        }\n      }\n    });\n\n    if (!footer && !hiddenFooter) {\n      footer = (\n        <ModalFooter\n          showCloseButton={showCloseButton}\n          closeButtonText={closeButtonText}\n          closeButtonDisabled={closeButtonDisabled}\n          onClose={handleCloseInternal} // Usa la función de cierre interna\n          actions={actions}\n        />\n      );\n    }\n\n    return (\n      <>\n        {header || (title && <ModalHeader>{title}</ModalHeader>)}\n        {body}\n        {footer}\n      </>\n    );\n  };\n\n  return (\n    <MuiModal\n      open={isOpen} // Usa el estado de visibilidad determinado\n      onClose={handleCloseInternal} // Usa la función de cierre interna\n      aria-labelledby=\"modal-title\"\n      aria-describedby=\"modal-description\"\n      closeAfterTransition\n    >\n      <Paper sx={{ ...modalStyle, width: getWidth() }}>\n        {renderChildren()}\n      </Paper>\n    </MuiModal>\n  );\n});\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;"],"names":["jsxs","Box","Stack","jsx","Button","Typography","forwardRef","useState","useImperativeHandle","useTheme","useMediaQuery","Fragment","MuiModal","Paper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBO,MAAM,cAA0C,CAAC;AAAA;AAAA,EACtD;AAAA,EACA,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB;AAAA,EACA,UAAU,CAAA;AACZ,MAAM;AACJ,SACEA,2BAAAA,KAACC,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,GAAG,WAAW,qBAAqB,SAAS,QAAQ,gBAAgB,YAAY,KAAK,KACtG,UAAA;AAAA,IAAA;AAAA,IACDD,2BAAAA,KAACE,SAAAA,OAAA,EAAM,WAAU,OAAM,SAAS,GAC7B,UAAA;AAAA,MAAA,mBACCC,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,UAAU;AAAA,UACV,SAAQ;AAAA,UACR,OAAM;AAAA,UAEL,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGJ,QAAQ,IAAI,CAAC,QAAQ,UACpBD,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UAEC,SAAS,OAAO;AAAA,UAChB,UAAU,OAAO;AAAA,UACjB,SAAS,OAAO,WAAW;AAAA,UAC3B,OAAO,OAAO,SAAS;AAAA,UAEtB,UAAA,OAAO;AAAA,QAAA;AAAA,QANH;AAAA,MAAA,CAQR;AAAA,IAAA,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;ACnDO,MAAM,cAA0C,CAAC,EAAE,eAAe;AACvE,SACED,+BAACF,SAAAA,OAAI,IAAI,EAAE,SAAS,GAAG,cAAc,qBAAqB,SAAS,QAAQ,YAAY,UAAU,gBAAgB,gBAAA,GAC/G,UAAAE,2BAAAA,IAACE,SAAAA,YAAA,EAAW,SAAQ,MAAK,WAAU,MAChC,SAAA,CACH,EAAA,CACF;AAEJ;ACRO,MAAM,YAAsC,CAAC,EAAE,eAAe;AACnE,SACEF,2BAAAA,IAACF,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,GAAG,WAAW,QAAQ,UAAU,EAAA,GACjD,SAAA,CACH;AAEJ;ACeA,MAAM,aAAa;AAAA,EACjB,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,eAAe;AAAA,EACf,SAAS;AACX;AAGO,MAAM,QAAQK,MAAAA,WAAiC,CAAC;AAAA,EACrD,MAAM;AAAA;AAAA,EACN,SAAS;AAAA;AAAA,EACT;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,UAAU,CAAA;AAAA,EACV,WAAW;AAAA,EACX,eAAe;AACjB,GAAG,QAAQ;AAET,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAAS,KAAK;AAGtD,QAAM,SAAS,mBAAmB,SAAY,iBAAiB;AAG/DC,QAAAA,oBAAoB,KAAK,OAAO;AAAA,IAC9B,MAAM,MAAM,gBAAgB,IAAI;AAAA,IAChC,OAAO,MAAM;AACX,sBAAgB,KAAK;AACrB;AAAA,IACF;AAAA,EAAA,EACA;AAEF,QAAM,sBAAsB,MAAM;AAChC,oBAAgB,KAAK;AACrB;AAAA,EACF;AAEA,QAAM,QAAQC,SAAAA,SAAA;AACd,QAAM,WAAWC,SAAAA,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAE3D,QAAM,WAAW,MAAM;AACrB,QAAI,SAAU,QAAO;AACrB,YAAQ,UAAA;AAAA,MACN,KAAK;AAAM,eAAO;AAAA,MAClB,KAAK;AAAM,eAAO;AAAA,MAClB,KAAK;AAAM,eAAO;AAAA,MAClB,KAAK;AAAM,eAAO;AAAA,MAClB,KAAK;AAAM,eAAO;AAAA,MAClB,KAAK;AAAO,eAAO;AAAA,MACnB;AAAS,eAAO;AAAA,IAAA;AAAA,EAEpB;AAEA,QAAM,iBAAiB,MAAM;AAC3B,QAAI,SAAiC;AACrC,QAAI,OAA+B;AACnC,QAAI,SAAiC;AAErC,UAAM,SAAS,QAAQ,UAAU,CAAC,UAAU;AAC1C,UAAI,MAAM,eAAe,KAAK,GAAG;AAC/B,YAAI,MAAM,SAAS,aAAa;AAC9B,mBAAS;AAAA,QACX,WAAW,MAAM,SAAS,WAAW;AACnC,iBAAO;AAAA,QACT,WAAW,MAAM,SAAS,aAAa;AACrC,gBAAM,cAAc;AACpB,gBAOI,iBAAY,OANd;AAAA,6BAAiB;AAAA,YACjB,iBAAiB;AAAA,YACjB,qBAAqB;AAAA,YACrB,SAAS;AAAA,YACT,SAAS;AAAA,cAEP,IADC,8BACD,IADC;AAAA,YALH;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAIF,mBAAS,MAAM,aAAa,aAAa;AAAA,YACvC;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS;AAAA;AAAA,YACT;AAAA,aACG,kBACJ;AAAA,QACH;AAAA,MACF;AAAA,IACF,CAAC;AAED,QAAI,CAAC,UAAU,CAAC,cAAc;AAC5B,eACEP,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QAAA;AAAA,MAAA;AAAA,IAGN;AAEA,WACEH,2BAAAA,KAAAW,qBAAA,EACG,UAAA;AAAA,MAAA,UAAW,SAASR,2BAAAA,IAAC,aAAA,EAAa,UAAA,OAAM;AAAA,MACxC;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,SACEA,2BAAAA;AAAAA,IAACS,SAAAA;AAAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT,mBAAgB;AAAA,MAChB,oBAAiB;AAAA,MACjB,sBAAoB;AAAA,MAEpB,UAAAT,2BAAAA,IAACU,gBAAA,EAAM,IAAI,iCAAK,aAAL,EAAiB,OAAO,SAAA,EAAS,IACzC,UAAA,eAAA,EAAe,CAClB;AAAA,IAAA;AAAA,EAAA;AAGN,CAAC;AASD,MAAM,mBAAmB;AAEzB,iBAAiB,SAAS;AAC1B,iBAAiB,OAAO;AACxB,iBAAiB,SAAS;;"}

package/dist/components/Modal/Modal.d.ts

@@ -1,29 +0,0 @@
-import { default as React } from 'react';
-import { DialogProps } from '@mui/material/Dialog';
-import { ModalAction, ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { ModalBody } from './ModalBody';
-export interface ModalRef {
-    open: () => void;
-    close: () => void;
-}
-interface ModalProps {
-    open?: boolean;
-    onClose?: () => void;
-    title?: string;
-    children: React.ReactNode;
-    showCloseButton?: boolean;
-    closeButtonText?: string;
-    closeButtonDisabled?: boolean;
-    actions?: ModalAction[];
-    maxWidth?: DialogProps['maxWidth'];
-    hiddenFooter?: boolean;
-}
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>>;
-type ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {
-    Header: typeof ModalHeader;
-    Body: typeof ModalBody;
-    Footer: typeof ModalFooter;
-};
-declare const ModalWithStatics: ModalComponent;
-export default ModalWithStatics;

package/dist/components/Modal/Modal.js

@@ -1,209 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import React__default, { forwardRef, useState, useImperativeHandle } from "react";
-import { Box, Stack, Button, Typography, useTheme, useMediaQuery, Modal as Modal$1, Paper } from "@mui/material";
-const ModalFooter = ({
-  // Renombrado
-  children,
-  showCloseButton = true,
-  closeButtonText = "Cerrar",
-  closeButtonDisabled = false,
-  onClose,
-  actions = []
-}) => {
-  return /* @__PURE__ */ jsxs(Box, { sx: { padding: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
-    children,
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-      showCloseButton && /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: onClose,
-          disabled: closeButtonDisabled,
-          variant: "outlined",
-          color: "secondary",
-          children: closeButtonText
-        }
-      ),
-      actions.map((action, index) => /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: action.onClick,
-          disabled: action.disabled,
-          variant: action.variant || "contained",
-          color: action.color || "primary",
-          children: action.text
-        },
-        index
-      ))
-    ] })
-  ] });
-};
-const ModalHeader = ({ children }) => {
-  return /* @__PURE__ */ jsx(Box, { sx: { padding: 2, borderBottom: "1px solid #e0e0e0", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "h2", children }) });
-};
-const ModalBody = ({ children }) => {
-  return /* @__PURE__ */ jsx(Box, { sx: { padding: 2, overflowY: "auto", flexGrow: 1 }, children });
-};
-const modalStyle = {
-  position: "absolute",
-  top: "50%",
-  left: "50%",
-  transform: "translate(-50%, -50%)",
-  width: "90%",
-  maxHeight: "90vh",
-  display: "flex",
-  flexDirection: "column",
-  outline: "none"
-};
-const Modal = forwardRef(({
-  open: controlledOpen,
-  // Renombra la prop 'open' si se pasa externamente
-  onClose: controlledOnClose,
-  // Renombra la prop 'onClose' si se pasa externamente
-  title,
-  children,
-  showCloseButton = true,
-  closeButtonText = "Cerrar",
-  closeButtonDisabled = false,
-  actions = [],
-  maxWidth = "sm",
-  hiddenFooter = false
-}, ref) => {
-  const [internalOpen, setInternalOpen] = useState(false);
-  const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
-  useImperativeHandle(ref, () => ({
-    open: () => setInternalOpen(true),
-    close: () => {
-      setInternalOpen(false);
-      controlledOnClose == null ? void 0 : controlledOnClose();
-    }
-  }));
-  const handleCloseInternal = () => {
-    setInternalOpen(false);
-    controlledOnClose == null ? void 0 : controlledOnClose();
-  };
-  const theme = useTheme();
-  const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-  const getWidth = () => {
-    if (isMobile) return "95%";
-    switch (maxWidth) {
-      case "xs":
-        return 300;
-      case "sm":
-        return 500;
-      case "md":
-        return 700;
-      case "lg":
-        return 900;
-      case "xl":
-        return 1100;
-      case false:
-        return "auto";
-      default:
-        return 500;
-    }
-  };
-  const renderChildren = () => {
-    let header = null;
-    let body = null;
-    let footer = null;
-    React__default.Children.forEach(children, (child) => {
-      if (React__default.isValidElement(child)) {
-        if (child.type === ModalHeader) {
-          header = child;
-        } else if (child.type === ModalBody) {
-          body = child;
-        } else if (child.type === ModalFooter) {
-          const footerChild = child;
-          const _a = footerChild.props, {
-            showCloseButton: childShowCloseButton,
-            closeButtonText: childCloseButtonText,
-            closeButtonDisabled: childCloseButtonDisabled,
-            onClose: childOnClose,
-            actions: childActions
-          } = _a, restOfFooterProps = __objRest(_a, [
-            "showCloseButton",
-            "closeButtonText",
-            "closeButtonDisabled",
-            "onClose",
-            "actions"
-          ]);
-          footer = React__default.cloneElement(footerChild, __spreadValues({
-            showCloseButton,
-            closeButtonText,
-            closeButtonDisabled,
-            onClose: handleCloseInternal,
-            // Usa la función de cierre interna
-            actions
-          }, restOfFooterProps));
-        }
-      }
-    });
-    if (!footer && !hiddenFooter) {
-      footer = /* @__PURE__ */ jsx(
-        ModalFooter,
-        {
-          showCloseButton,
-          closeButtonText,
-          closeButtonDisabled,
-          onClose: handleCloseInternal,
-          actions
-        }
-      );
-    }
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      header || title && /* @__PURE__ */ jsx(ModalHeader, { children: title }),
-      body,
-      footer
-    ] });
-  };
-  return /* @__PURE__ */ jsx(
-    Modal$1,
-    {
-      open: isOpen,
-      onClose: handleCloseInternal,
-      "aria-labelledby": "modal-title",
-      "aria-describedby": "modal-description",
-      closeAfterTransition: true,
-      children: /* @__PURE__ */ jsx(Paper, { sx: __spreadProps(__spreadValues({}, modalStyle), { width: getWidth() }), children: renderChildren() })
-    }
-  );
-});
-const ModalWithStatics = Modal;
-ModalWithStatics.Header = ModalHeader;
-ModalWithStatics.Body = ModalBody;
-ModalWithStatics.Footer = ModalFooter;
-export {
-  ModalWithStatics as Modal
-};
-//# sourceMappingURL=Modal.js.map

package/dist/components/Modal/Modal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/ModalFooter.tsx","../../../src/components/Modal/ModalHeader.tsx","../../../src/components/Modal/ModalBody.tsx","../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, Button, Stack } from '@mui/material';\nimport { ButtonProps } from '@mui/material/Button';\n\n// Interfaz para acciones personalizadas (se mantiene aquí)\nexport interface ModalAction {\n  text: string;\n  onClick: () => void;\n  disabled?: boolean;\n  variant?: ButtonProps['variant'];\n  color?: ButtonProps['color'];\n}\n\nexport interface ModalFooterProps { // Renombrado\n  children?: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  onClose: () => void;\n  actions?: ModalAction[];\n}\n\nexport const ModalFooter: React.FC<ModalFooterProps> = ({ // Renombrado\n  children,\n  showCloseButton = true,\n  closeButtonText = \"Cerrar\",\n  closeButtonDisabled = false,\n  onClose,\n  actions = [],\n}) => {\n  return (\n    <Box sx={{ padding: 2, borderTop: '1px solid #e0e0e0', display: 'flex', justifyContent: 'flex-end', gap: 1 }}>\n      {children}\n      <Stack direction=\"row\" spacing={1}>\n        {showCloseButton && (\n          <Button\n            onClick={onClose}\n            disabled={closeButtonDisabled}\n            variant=\"outlined\"\n            color=\"secondary\"\n          >\n            {closeButtonText}\n          </Button>\n        )}\n        {actions.map((action, index) => (\n          <Button\n            key={index}\n            onClick={action.onClick}\n            disabled={action.disabled}\n            variant={action.variant || 'contained'}\n            color={action.color || 'primary'}\n          >\n            {action.text}\n          </Button>\n        ))}\n      </Stack>\n    </Box>\n  );\n};\n\nexport default ModalFooter;","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\ninterface ModalHeaderProps { // Renombrado\n  children: React.ReactNode;\n}\n\nexport const ModalHeader: React.FC<ModalHeaderProps> = ({ children }) => { // Renombrado\n  return (\n    <Box sx={{ padding: 2, borderBottom: '1px solid #e0e0e0', display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n      <Typography variant=\"h6\" component=\"h2\">\n        {children}\n      </Typography>\n    </Box>\n  );\n};\n\nexport default ModalHeader;","import React from 'react';\nimport { Box } from '@mui/material';\n\ninterface ModalBodyProps { // Renombrado\n  children: React.ReactNode;\n}\n\nexport const ModalBody: React.FC<ModalBodyProps> = ({ children }) => { // Renombrado\n  return (\n    <Box sx={{ padding: 2, overflowY: 'auto', flexGrow: 1 }}>\n      {children}\n    </Box>\n  );\n};\n\nexport default ModalBody;","import React, { useState, useImperativeHandle, forwardRef } from 'react'; // 👈 Importa useImperativeHandle y forwardRef\nimport { Modal as MuiModal, Box, Paper, useTheme, useMediaQuery } from '@mui/material';\n\nimport { DialogProps } from '@mui/material/Dialog';\nimport { ModalAction, ModalFooter, ModalFooterProps } from './ModalFooter';\nimport { ModalHeader } from './ModalHeader';\nimport { ModalBody } from './ModalBody';\n\n// Define la interfaz para los métodos que el padre puede llamar a través de la ref\nexport interface ModalRef {\n  open: () => void;\n  close: () => void;\n}\n\ninterface ModalProps {\n  // La prop 'open' ahora es opcional si se usa con ref, pero aún puede ser controlada externamente\n  open?: boolean;\n  onClose?: () => void; // 'onClose' ahora es opcional ya que el modal puede cerrarse internamente\n  title?: string;\n  children: React.ReactNode;\n  showCloseButton?: boolean;\n  closeButtonText?: string;\n  closeButtonDisabled?: boolean;\n  actions?: ModalAction[];\n  maxWidth?: DialogProps['maxWidth'];\n  hiddenFooter?: boolean\n}\n\nconst modalStyle = {\n  position: 'absolute' as 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: '90%',\n  maxHeight: '90vh',\n  display: 'flex',\n  flexDirection: 'column',\n  outline: 'none',\n};\n\n// Envuelve el componente en forwardRef\nexport const Modal = forwardRef<ModalRef, ModalProps>(({\n  open: controlledOpen, // Renombra la prop 'open' si se pasa externamente\n  onClose: controlledOnClose, // Renombra la prop 'onClose' si se pasa externamente\n  title,\n  children,\n  showCloseButton = true,\n  closeButtonText = \"Cerrar\",\n  closeButtonDisabled = false,\n  actions = [],\n  maxWidth = 'sm',\n  hiddenFooter = false,\n}, ref) => { // Recibe la ref\n  // Estado interno para gestionar la visibilidad si no es controlado externamente\n  const [internalOpen, setInternalOpen] = useState(false);\n\n  // Determina si el modal está abierto, priorizando la prop externa\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;\n\n  // Expone métodos 'open' y 'close' a través de la ref\n  useImperativeHandle(ref, () => ({\n    open: () => setInternalOpen(true),\n    close: () => {\n      setInternalOpen(false);\n      controlledOnClose?.(); // Llama al onClose externo si existe\n    },\n  }));\n\n  const handleCloseInternal = () => {\n    setInternalOpen(false);\n    controlledOnClose?.(); // Llama al onClose externo si existe\n  };\n\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n\n  const getWidth = () => {\n    if (isMobile) return '95%';\n    switch (maxWidth) {\n      case 'xs': return 300;\n      case 'sm': return 500;\n      case 'md': return 700;\n      case 'lg': return 900;\n      case 'xl': return 1100;\n      case false: return 'auto';\n      default: return 500;\n    }\n  };\n\n  const renderChildren = () => {\n    let header: React.ReactNode | null = null;\n    let body: React.ReactNode | null = null;\n    let footer: React.ReactNode | null = null;\n\n    React.Children.forEach(children, (child) => {\n      if (React.isValidElement(child)) {\n        if (child.type === ModalHeader) {\n          header = child;\n        } else if (child.type === ModalBody) {\n          body = child;\n        } else if (child.type === ModalFooter) {\n          const footerChild = child as React.ReactElement<ModalFooterProps>;\n          const {\n            showCloseButton: childShowCloseButton,\n            closeButtonText: childCloseButtonText,\n            closeButtonDisabled: childCloseButtonDisabled,\n            onClose: childOnClose,\n            actions: childActions,\n            ...restOfFooterProps\n          } = footerChild.props;\n\n          footer = React.cloneElement(footerChild, {\n            showCloseButton,\n            closeButtonText,\n            closeButtonDisabled,\n            onClose: handleCloseInternal, // Usa la función de cierre interna\n            actions,\n            ...restOfFooterProps,\n          });\n        }\n      }\n    });\n\n    if (!footer && !hiddenFooter) {\n      footer = (\n        <ModalFooter\n          showCloseButton={showCloseButton}\n          closeButtonText={closeButtonText}\n          closeButtonDisabled={closeButtonDisabled}\n          onClose={handleCloseInternal} // Usa la función de cierre interna\n          actions={actions}\n        />\n      );\n    }\n\n    return (\n      <>\n        {header || (title && <ModalHeader>{title}</ModalHeader>)}\n        {body}\n        {footer}\n      </>\n    );\n  };\n\n  return (\n    <MuiModal\n      open={isOpen} // Usa el estado de visibilidad determinado\n      onClose={handleCloseInternal} // Usa la función de cierre interna\n      aria-labelledby=\"modal-title\"\n      aria-describedby=\"modal-description\"\n      closeAfterTransition\n    >\n      <Paper sx={{ ...modalStyle, width: getWidth() }}>\n        {renderChildren()}\n      </Paper>\n    </MuiModal>\n  );\n});\n\n// Define los sub-componentes como propiedades estáticas con tipos explícitos\ntype ModalComponent = React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<ModalRef>> & {\n  Header: typeof ModalHeader;\n  Body: typeof ModalBody;\n  Footer: typeof ModalFooter;\n};\n\nconst ModalWithStatics = Modal as ModalComponent;\n\nModalWithStatics.Header = ModalHeader;\nModalWithStatics.Body = ModalBody;\nModalWithStatics.Footer = ModalFooter;\n\nexport default ModalWithStatics;"],"names":["React","MuiModal"],"mappings":"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"}

package/dist/components/Modal/ModalBody.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-interface ModalBodyProps {
-    children: React.ReactNode;
-}
-export declare const ModalBody: React.FC<ModalBodyProps>;
-export default ModalBody;

package/dist/components/Modal/ModalFooter.d.ts

@@ -1,19 +0,0 @@
-import { default as React } from 'react';
-import { ButtonProps } from '@mui/material/Button';
-export interface ModalAction {
-    text: string;
-    onClick: () => void;
-    disabled?: boolean;
-    variant?: ButtonProps['variant'];
-    color?: ButtonProps['color'];
-}
-export interface ModalFooterProps {
-    children?: React.ReactNode;
-    showCloseButton?: boolean;
-    closeButtonText?: string;
-    closeButtonDisabled?: boolean;
-    onClose: () => void;
-    actions?: ModalAction[];
-}
-export declare const ModalFooter: React.FC<ModalFooterProps>;
-export default ModalFooter;

package/dist/components/Modal/ModalHeader.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-interface ModalHeaderProps {
-    children: React.ReactNode;
-}
-export declare const ModalHeader: React.FC<ModalHeaderProps>;
-export default ModalHeader;

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

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

package/dist/components/Modal.d.ts

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

package/dist/components/Select/Select.cjs

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Select = require("../../Select-BO2N56sm.cjs");
-exports.Option = Select.Option;
-exports.Select = Select.Select;
-//# sourceMappingURL=Select.cjs.map

package/dist/components/Select/Select.cjs.map

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

package/dist/components/Select/Select.d.ts

@@ -1,60 +0,0 @@
-import { default as React, ReactElement } from 'react';
-import { Control, RegisterOptions } from 'react-hook-form';
-export interface SelectOption {
-    value: string | number;
-    label: string;
-    img?: string;
-    disabled?: boolean;
-    group?: string;
-    [key: string]: any;
-}
-type RenderOptionItem = (item: SelectOption) => React.ReactNode;
-type RenderChipLabel = (item: SelectOption) => React.ReactNode;
-interface BaseSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> {
-    label?: string;
-    options?: SelectOption[];
-    defaultValue?: TValue | TValue[];
-    size?: 'small' | 'medium';
-    multiple?: boolean;
-    filterable?: boolean;
-    placeholder?: string;
-    children?: ReactElement<{
-        children: RenderOptionItem;
-    }>;
-    maxHeight?: number | string;
-    maxWidth?: number | string;
-    maxChipsToShow?: number;
-    renderChipLabel?: RenderChipLabel;
-    chipVariant?: 'outlined' | 'filled';
-    loadOptions?: (inputValue: string) => Promise<SelectOption[]>;
-    loadingMessage?: React.ReactNode;
-    noOptionsMessage?: React.ReactNode;
-    debounceTimeout?: number;
-    disabled?: boolean;
-    error?: boolean;
-    helperText?: string;
-}
-interface RHFSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
-    name: string;
-    control: Control<any>;
-    validation?: RegisterOptions;
-    value?: TValue | TValue[];
-    onChange?: (val: TValue | TValue[]) => void;
-}
-interface StandardSelectProps<TValue extends SelectOption['value'] = SelectOption['value']> extends BaseSelectProps<TValue> {
-    name?: string;
-    control?: never;
-    validation?: never;
-    value: TValue | TValue[];
-    onChange: (val: TValue | TValue[]) => void;
-}
-export type SelectProps<TValue extends SelectOption['value'] = SelectOption['value']> = RHFSelectProps<TValue> | StandardSelectProps<TValue>;
-export interface OptionProps {
-    children: RenderOptionItem;
-}
-export declare function Option(_props: OptionProps): null;
-export declare namespace Option {
-    var displayName: string;
-}
-export declare function Select<TValue extends SelectOption['value'] = SelectOption['value']>(props: SelectProps<TValue>): import("react/jsx-runtime").JSX.Element;
-export default Select;

package/dist/components/Select/Select.definitions.d.ts

@@ -1,14 +0,0 @@
-export declare const SimpleSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const SimpleSelectExample = () => {\n    const [value, setValue] = useState<string>('25');\n    return (\n        <Box sx={{ width: 200 }}>\n            <Select\n                label=\"Registros por p\u00E1gina\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxWidth={150}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nexport const MultiSelectExample = () => {\n    const [value, setValue] = useState<string[]>([]);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Seleccionar estados\"\n                multiple\n                maxChipsToShow={2}\n                options={[\n                    { value: 'pending', label: 'Pendiente' },\n                    { value: 'approved', label: 'Aprobado' },\n                    { value: 'rejected', label: 'Rechazado' },\n                    { value: 'canceled', label: 'Cancelado' },\n                    { value: 'completed', label: 'Completado' },\n                    { value: 'invoiced', label: 'Facturado' },\n                ]}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithPlaceholderDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n    { value: '50', label: '50' },\n    { value: '100', label: '100' },\n];\n\nexport const WithPlaceholderExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Seleccione una opci\u00F3n\"\n                options={basicOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                placeholder=\"Ninguna opci\u00F3n seleccionada\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithFilterDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n];\n\nexport const WithFilterExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Buscar pa\u00EDs\"\n                filterable\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const WithGroupDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n];\n\nexport const WithGroupExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Pa\u00EDs por regi\u00F3n\"\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const CustomRenderWithAvatarDefinition = "\nimport React, { useState } from 'react';\nimport { Select, Option } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography } from '@mui/material';\n\nconst userOptions = [\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n];\n\nexport const CustomRenderWithAvatarExample = () => {\n    const [value, setValue] = useState<string[]>([]);\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                options={userOptions}\n                multiple\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                label=\"Usuarios\"\n                placeholder=\"Selecciona usuarios\"\n            >\n                <Option>\n                    {({ img, label }) => (\n                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n                            <Avatar src={img} sx={{ width: 24, height: 24 }} />\n                            <Typography variant=\"body2\">{label}</Typography>\n                        </Box>\n                    )}\n                </Option>\n            </Select>\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectCustomChipRenderDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography, Chip } from '@mui/material';\n\nconst transactionStatuses = [\n    { value: 'PENDING', label: 'Pendiente' },\n    { value: 'REJECTED', label: 'Rechazado' },\n    { value: 'CANCELED', label: 'Cancelado' },\n    { value: 'REFUNDED', label: 'Reembolsado' },\n    { value: 'COMPLETED', label: 'Completado' },\n    { value: 'EXPIRED', label: 'Expirado' },\n];\n\nexport const MultiSelectCustomChipRenderExample = () => {\n    const [value, setValue] = useState<string[]>(['pending', 'approved', 'rejected', 'canceled']);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Estados de Transacci\u00F3n\"\n                multiple\n                maxChipsToShow={3}\n                options={transactionStatuses}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona estados\"\n                renderChipLabel={(item) => (\n                  <Typography variant=\"caption\" sx={{ fontWeight: 'bold' }}>\n                    {item.label.charAt(0).toUpperCase()}\n                  </Typography>\n                )}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const MultiSelectCustomChipRenderFullLabelDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography } from '@mui/material';\n\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n    { value: 'mx', label: 'M\u00E9xico', group: 'Norteam\u00E9rica' },\n    { value: 'us', label: 'EE.UU.', group: 'Norteam\u00E9rica' },\n    { value: 'ca', label: 'Canad\u00E1', group: 'Norteam\u00E9rica' },\n    { value: 'br', label: 'Brasil', group: 'Sudam\u00E9rica' },\n    { value: 'ar', label: 'Argentina', group: 'Sudam\u00E9rica' },\n];\n\nexport const MultiSelectCustomChipRenderFullLabelExample = () => {\n    const [value, setValue] = useState<string[]>(['gt', 'mx', 'us', 'ca', 'br']);\n    return (\n        <Box sx={{ width: 400 }}>\n            <Select\n                label=\"Pa\u00EDses seleccionados\"\n                multiple\n                maxChipsToShow={3}\n                options={groupedOptions}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Selecciona pa\u00EDses\"\n                renderChipLabel={(item) => (\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n                        {item.img && <Avatar src={item.img} sx={{ width: 18, height: 18 }} />}\n                        <Typography variant=\"caption\" sx={{ fontWeight: 'medium' }}>\n                            {item.label}\n                        </Typography>\n                    </Box>\n                )}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const ConstrainedHeightDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst optionsWithManyItems = [\n  { value: 'gt', label: 'Guatemala' }, { value: 'sv', label: 'El Salvador' },\n  { value: 'mx', label: 'M\u00E9xico' }, { value: 'us', label: 'EE.UU.' },\n  { value: 'ca', label: 'Canad\u00E1' }, { value: 'br', label: 'Brasil' },\n  { value: 'ar', label: 'Argentina' }, { value: 'cl', label: 'Chile' },\n  { value: 'co', label: 'Colombia' }, { value: 'pe', label: 'Per\u00FA' },\n  { value: 'ec', label: 'Ecuador' }, { value: 've', label: 'Venezuela' },\n  { value: 'py', label: 'Paraguay' }, { value: 'uy', label: 'Uruguay' },\n  { value: 'bo', label: 'Bolivia' }, { value: 'cr', label: 'Costa Rica' },\n  { value: 'pa', label: 'Panam\u00E1' }, { value: 'hn', label: 'Honduras' },\n  { value: 'ni', label: 'Nicaragua' }, { value: 'do', label: 'Rep. Dominicana' },\n  { value: 'cu', label: 'Cuba' }, { value: 'pr', label: 'Puerto Rico' },\n  { value: 'es', label: 'Espa\u00F1a' }, { value: 'fr', label: 'Francia' },\n  { value: 'de', label: 'Alemania' }, { value: 'it', label: 'Italia' },\n];\n\nexport const ConstrainedHeightExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Opciones (Altura Limitada)\"\n                options={optionsWithManyItems}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxHeight={150}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const ConstrainedWidthDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst basicOptions = [\n    { value: '10', label: '10' },\n    { value: '25', label: '25' },\n];\nconst groupedOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'sv', label: 'El Salvador', group: 'Centroam\u00E9rica' },\n];\n\nexport const ConstrainedWidthExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 200 }}>\n            <Select\n                label=\"Opciones (Ancho Limitado)\"\n                options={basicOptions.concat(groupedOptions)}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                maxWidth={100}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const AllFeaturesCombinedDefinition = "\nimport React, { useState } from 'react';\nimport { Select, Option } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Avatar, Box, Typography, Chip } from '@mui/material';\n\nconst allOptions = [\n    { value: 'gt', label: 'Guatemala', group: 'Centroam\u00E9rica' },\n    { value: 'admin', label: 'Administrador', img: 'https://placehold.co/40x40?text=A' },\n    { value: 'PENDING', label: 'Pendiente' },\n    { value: 'ca', label: 'Canad\u00E1', group: 'Norteam\u00E9rica' },\n    { value: 'user', label: 'Usuario', img: 'https://placehold.co/40x40?text=U' },\n    { value: 'COMPLETED', label: 'Completado' },\n];\n\nexport const AllFeaturesCombinedExample = () => {\n    const [value, setValue] = useState<string[]>(['gt', 'admin', 'PENDING', 'ca', 'user', 'COMPLETED']);\n    return (\n        <Box sx={{ width: 500 }}>\n            <Select\n                label=\"Selecci\u00F3n Completa\"\n                multiple\n                filterable\n                maxChipsToShow={3}\n                maxHeight={250}\n                maxWidth=\"400px\"\n                options={allOptions}\n                value={value}\n                onChange={(val) => setValue(val as string[])}\n                placeholder=\"Busca y selecciona todo tipo de elementos\"\n                renderChipLabel={(item) => (\n                    <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>\n                        {item.img && <Avatar src={item.img} sx={{ width: 16, height: 16 }} />}\n                        <Typography variant=\"caption\" sx={{ fontWeight: 'bold' }}>\n                            {item.label.length > 10 ? item.label.substring(0, 7) + '...' : item.label}\n                        </Typography>\n                    </Box>\n                )}\n            >\n                <Option>\n                    {(item) => (\n                        <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, my: 0.5 }}>\n                            {item.img && <Avatar src={item.img} sx={{ width: 28, height: 28 }} />}\n                            <Box>\n                                <Typography variant=\"body2\" fontWeight=\"medium\">{item.label}</Typography>\n                                {item.group && (\n                                    <Typography variant=\"caption\" color=\"text.secondary\">\n                                        Grupo: {item.group}\n                                    </Typography>\n                                )}\n                                {item.disabled && <Chip label=\"No disponible\" size=\"small\" color=\"warning\" sx={{ ml: 1 }} />}\n                            </Box>\n                        </Box>\n                    )}\n                </Option>\n            </Select>\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {JSON.stringify(value)}</Typography>\n        </Box>\n    );\n};\n";
-export declare const EmptyOptionsDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nexport const EmptyOptionsExample = () => {\n    const [value, setValue] = useState(null);\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Seleccionar (Vac\u00EDo)\"\n                options={[]}\n                value={value}\n                onChange={setValue}\n                placeholder=\"No hay opciones disponibles\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value || 'Ninguno'}</Typography>\n        </Box>\n    );\n};\n";
-export declare const SelectWithManyOptionsDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select'; // Asumiendo que Select.tsx est\u00E1 en el mismo directorio\nimport { Box, Typography } from '@mui/material';\n\nconst manyOptions = Array.from({ length: 50 }, (_, i) => ({\n    value: `option-${i}`,\n    label: `Opci\u00F3n ${i + 1}`,\n    group: i < 25 ? 'Grupo A' : 'Grupo B',\n}));\n\nexport const SelectWithManyOptionsExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Muchas Opciones\"\n                options={manyOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                filterable\n                maxHeight={200}\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";
-export declare const AsyncSelectDefinition = "\nimport React, { useState } from 'react';\nimport { Select } from './Select';\nimport { Box, Typography } from '@mui/material';\n\nconst mockAsyncOptions = [\n    { value: 'apple', label: 'Apple' },\n    { value: 'banana', label: 'Banana' },\n    { value: 'orange', label: 'Orange' },\n    { value: 'grape', label: 'Grape' },\n    { value: 'strawberry', label: 'Strawberry' },\n    { value: 'blueberry', label: 'Blueberry' },\n    { value: 'pineapple', label: 'Pineapple' },\n];\n\n// Simulate an API call\nconst simulatedLoadOptions = (inputValue: string): Promise<any[]> => {\n    return new Promise((resolve) => {\n        setTimeout(() => {\n            const filtered = mockAsyncOptions.filter(option =>\n                option.label.toLowerCase().includes(inputValue.toLowerCase())\n            );\n            resolve(filtered);\n        }, 800); // Simulate network delay\n    });\n};\n\nexport const AsyncSelectExample = () => {\n    const [value, setValue] = useState('');\n    return (\n        <Box sx={{ width: 300 }}>\n            <Select\n                label=\"Buscar Frutas\"\n                loadOptions={simulatedLoadOptions}\n                value={value}\n                onChange={(val) => setValue(val as string)}\n                placeholder=\"Escribe para buscar...\"\n                loadingMessage=\"Buscando frutas...\"\n                noOptionsMessage=\"No se encontraron frutas.\"\n            />\n            <Typography sx={{ mt: 2 }}>Valor seleccionado: {value}</Typography>\n        </Box>\n    );\n};\n";

package/dist/components/Select/Select.js

@@ -1,6 +0,0 @@
-import { O, S } from "../../Select-BcLkyHSE.js";
-export {
-  O as Option,
-  S as Select
-};
-//# sourceMappingURL=Select.js.map

package/dist/components/Select/Select.js.map

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

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

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

package/dist/components/Select.d.ts

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

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

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

package/dist/components/Stat.d.ts

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

package/dist/components/StatusMessage/StatusMessage.cjs

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