@soyfri/shared-library 1.3.7 → 1.3.9

package/components/Modal/Modal.cjs

@@ -0,0 +1,208 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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;
+};
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const ModalFooter = ({
+  // Renombrado
+  children,
+  showCloseButton = true,
+  closeButtonText = "Cerrar",
+  closeButtonDisabled = false,
+  onClose,
+  actions = []
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { padding: 2, borderTop: "1px solid #e0e0e0", display: "flex", justifyContent: "flex-end", gap: 1 }, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsxs(material.Stack, { direction: "row", spacing: 1, children: [
+      showCloseButton && /* @__PURE__ */ jsxRuntime.jsx(
+        material.Button,
+        {
+          onClick: onClose,
+          disabled: closeButtonDisabled,
+          variant: "outlined",
+          color: "secondary",
+          children: closeButtonText
+        }
+      ),
+      actions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        material.Button,
+        {
+          onClick: action.onClick,
+          disabled: action.disabled,
+          variant: action.variant || "contained",
+          color: action.color || "primary",
+          children: action.text
+        },
+        index
+      ))
+    ] })
+  ] });
+};
+const ModalHeader = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { padding: 2, borderBottom: "1px solid #e0e0e0", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "h6", component: "h2", children }) });
+};
+const ModalBody = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(material.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 = React.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"
+}, ref) => {
+  const [internalOpen, setInternalOpen] = React.useState(false);
+  const isOpen = controlledOpen !== void 0 ? controlledOpen : internalOpen;
+  React.useImperativeHandle(ref, () => ({
+    open: () => setInternalOpen(true),
+    close: () => {
+      setInternalOpen(false);
+      controlledOnClose == null ? void 0 : controlledOnClose();
+    }
+  }));
+  const handleCloseInternal = () => {
+    setInternalOpen(false);
+    controlledOnClose == null ? void 0 : controlledOnClose();
+  };
+  const theme = material.useTheme();
+  const isMobile = material.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.Children.forEach(children, (child) => {
+      if (React.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.cloneElement(footerChild, __spreadValues({
+            showCloseButton,
+            closeButtonText,
+            closeButtonDisabled,
+            onClose: handleCloseInternal,
+            // Usa la función de cierre interna
+            actions
+          }, restOfFooterProps));
+        }
+      }
+    });
+    if (!footer) {
+      footer = /* @__PURE__ */ jsxRuntime.jsx(
+        ModalFooter,
+        {
+          showCloseButton,
+          closeButtonText,
+          closeButtonDisabled,
+          onClose: handleCloseInternal,
+          actions
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      header || title && /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { children: title }),
+      body,
+      footer
+    ] });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Modal,
+    {
+      open: isOpen,
+      onClose: handleCloseInternal,
+      "aria-labelledby": "modal-title",
+      "aria-describedby": "modal-description",
+      closeAfterTransition: true,
+      children: /* @__PURE__ */ jsxRuntime.jsx(material.Paper, { sx: __spreadProps(__spreadValues({}, modalStyle), { width: getWidth() }), children: renderChildren() })
+    }
+  );
+});
+const ModalWithStatics = Modal;
+ModalWithStatics.Header = ModalHeader;
+ModalWithStatics.Body = ModalBody;
+ModalWithStatics.Footer = ModalFooter;
+exports.Modal = ModalWithStatics;
+//# sourceMappingURL=Modal.cjs.map

package/components/Modal/Modal.cjs.map

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

package/components/Modal/Modal.d.ts

@@ -0,0 +1,28 @@
+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'];
+}
+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/components/Modal/Modal.js

@@ -0,0 +1,208 @@
+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"
+}, 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) {
+      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/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"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}\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}, 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) {\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/components/Modal/ModalBody.d.ts

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

package/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,19 @@
+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/components/Modal/ModalHeader.d.ts

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

package/components/Modal.d.ts

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

package/components/Select/Select.cjs

@@ -0,0 +1,6 @@
+"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/components/Select/Select.cjs.map

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

package/components/Select/Select.d.ts

@@ -0,0 +1,60 @@
+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/components/Select/Select.js

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

package/components/Select/Select.js.map

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

package/components/Select.d.ts

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