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

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

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

package/dist/components/Gallery.d.ts

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

package/dist/components/Icon/Icon.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.cjs","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Badge, SvgIconProps, styled } from '@mui/material';\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface IconProps {\n  children: ReactNode;\n  color?: string;\n  outlined?: boolean;\n  spin?: boolean;\n  badge?: string | number;\n  badgeColor?: 'primary' | 'secondary' | 'error';\n  badgePosition?: {\n    vertical: 'top' | 'bottom';\n    horizontal: 'right' | 'left';\n  };\n  badgeSize?: 'small' | 'medium' | 'large';\n  size?: IconSize;\n  black?: boolean;\n  white?: boolean;\n  className?: string;\n}\n\nconst sizeMap: Record<IconSize, number> = {\n  xs: 18,\n  sm: 24,\n  md: 36,\n  lg: 48,\n  xl: 64,\n};\n\nconst StyledIcon = styled('span')<{\n  color?: string;\n  fontSize?: number;\n  spin?: boolean;\n  outlined?: boolean;\n}>(({ color, fontSize, spin, outlined }) => ({\n  display: 'inline-flex',\n  color: color,\n  fontSize: fontSize,\n  animation: spin ? 'spin 1s linear infinite' : undefined,\n  border: outlined ? '1px solid currentColor' : undefined,\n  borderRadius: '50%',\n  padding: outlined ? 4 : 0,\n  '@keyframes spin': {\n    '0%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(360deg)' },\n  },\n}));\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  color = 'var(--primary-color)',\n  outlined = false,\n  spin = false,\n  badge,\n  badgeColor = 'primary',\n  badgePosition = { vertical: 'bottom', horizontal: 'right' },\n  badgeSize = 'medium',\n  size = 'sm',\n  black,\n  white,\n  className,\n}) => {\n  const finalColor = useMemo(() => {\n    if (white) return 'white';\n    if (black) return 'black';\n    return color;\n  }, [color, white, black]);\n\n  const iconSize = sizeMap[size];\n\n  return (\n    <Badge\n      badgeContent={badge}\n      color={badgeColor}\n      anchorOrigin={badgePosition}\n      invisible={badge === undefined}\n      sx={{ '.MuiBadge-badge': { transform: 'scale(1)' } }}\n    >\n      <StyledIcon\n        color={finalColor}\n        fontSize={iconSize}\n        spin={spin}\n        outlined={outlined}\n        className={`hsi-icon ${className || ''}`}\n      >\n        {children}\n      </StyledIcon>\n    </Badge>\n  );\n};\n\nexport default Icon;"],"names":["styled","useMemo","jsx","Badge"],"mappings":";;;;;;AAuBA,MAAM,UAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,aAAaA,SAAAA,OAAO,MAAM,EAK7B,CAAC,EAAE,OAAO,UAAU,MAAM,gBAAgB;AAAA,EAC3C,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,WAAW,OAAO,4BAA4B;AAAA,EAC9C,QAAQ,WAAW,2BAA2B;AAAA,EAC9C,cAAc;AAAA,EACd,SAAS,WAAW,IAAI;AAAA,EACxB,mBAAmB;AAAA,IACjB,MAAM,EAAE,WAAW,eAAA;AAAA,IACnB,QAAQ,EAAE,WAAW,iBAAA;AAAA,EAAiB;AAE1C,EAAE;AAEK,MAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,EAClD,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAaC,MAAAA,QAAQ,MAAM;AAC/B,QAAI,MAAO,QAAO;AAClB,QAAI,MAAO,QAAO;AAClB,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,OAAO,KAAK,CAAC;AAExB,QAAM,WAAW,QAAQ,IAAI;AAE7B,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc;AAAA,MACd,WAAW,UAAU;AAAA,MACrB,IAAI,EAAE,mBAAmB,EAAE,WAAW,aAAW;AAAA,MAEjD,UAAAD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,WAAW,YAAY,aAAa,EAAE;AAAA,UAErC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;;"}

package/dist/components/Icon/Icon.d.ts

@@ -1,21 +0,0 @@
-import { default as React, ReactNode } from 'react';
-export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export interface IconProps {
-    children: ReactNode;
-    color?: string;
-    outlined?: boolean;
-    spin?: boolean;
-    badge?: string | number;
-    badgeColor?: 'primary' | 'secondary' | 'error';
-    badgePosition?: {
-        vertical: 'top' | 'bottom';
-        horizontal: 'right' | 'left';
-    };
-    badgeSize?: 'small' | 'medium' | 'large';
-    size?: IconSize;
-    black?: boolean;
-    white?: boolean;
-    className?: string;
-}
-export declare const Icon: React.FC<IconProps>;
-export default Icon;

package/dist/components/Icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport { Badge, SvgIconProps, styled } from '@mui/material';\n\nexport type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface IconProps {\n  children: ReactNode;\n  color?: string;\n  outlined?: boolean;\n  spin?: boolean;\n  badge?: string | number;\n  badgeColor?: 'primary' | 'secondary' | 'error';\n  badgePosition?: {\n    vertical: 'top' | 'bottom';\n    horizontal: 'right' | 'left';\n  };\n  badgeSize?: 'small' | 'medium' | 'large';\n  size?: IconSize;\n  black?: boolean;\n  white?: boolean;\n  className?: string;\n}\n\nconst sizeMap: Record<IconSize, number> = {\n  xs: 18,\n  sm: 24,\n  md: 36,\n  lg: 48,\n  xl: 64,\n};\n\nconst StyledIcon = styled('span')<{\n  color?: string;\n  fontSize?: number;\n  spin?: boolean;\n  outlined?: boolean;\n}>(({ color, fontSize, spin, outlined }) => ({\n  display: 'inline-flex',\n  color: color,\n  fontSize: fontSize,\n  animation: spin ? 'spin 1s linear infinite' : undefined,\n  border: outlined ? '1px solid currentColor' : undefined,\n  borderRadius: '50%',\n  padding: outlined ? 4 : 0,\n  '@keyframes spin': {\n    '0%': { transform: 'rotate(0deg)' },\n    '100%': { transform: 'rotate(360deg)' },\n  },\n}));\n\nexport const Icon: React.FC<IconProps> = ({\n  children,\n  color = 'var(--primary-color)',\n  outlined = false,\n  spin = false,\n  badge,\n  badgeColor = 'primary',\n  badgePosition = { vertical: 'bottom', horizontal: 'right' },\n  badgeSize = 'medium',\n  size = 'sm',\n  black,\n  white,\n  className,\n}) => {\n  const finalColor = useMemo(() => {\n    if (white) return 'white';\n    if (black) return 'black';\n    return color;\n  }, [color, white, black]);\n\n  const iconSize = sizeMap[size];\n\n  return (\n    <Badge\n      badgeContent={badge}\n      color={badgeColor}\n      anchorOrigin={badgePosition}\n      invisible={badge === undefined}\n      sx={{ '.MuiBadge-badge': { transform: 'scale(1)' } }}\n    >\n      <StyledIcon\n        color={finalColor}\n        fontSize={iconSize}\n        spin={spin}\n        outlined={outlined}\n        className={`hsi-icon ${className || ''}`}\n      >\n        {children}\n      </StyledIcon>\n    </Badge>\n  );\n};\n\nexport default Icon;"],"names":[],"mappings":";;;;AAuBA,MAAM,UAAoC;AAAA,EACxC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,aAAa,OAAO,MAAM,EAK7B,CAAC,EAAE,OAAO,UAAU,MAAM,gBAAgB;AAAA,EAC3C,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,WAAW,OAAO,4BAA4B;AAAA,EAC9C,QAAQ,WAAW,2BAA2B;AAAA,EAC9C,cAAc;AAAA,EACd,SAAS,WAAW,IAAI;AAAA,EACxB,mBAAmB;AAAA,IACjB,MAAM,EAAE,WAAW,eAAA;AAAA,IACnB,QAAQ,EAAE,WAAW,iBAAA;AAAA,EAAiB;AAE1C,EAAE;AAEK,MAAM,OAA4B,CAAC;AAAA,EACxC;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP;AAAA,EACA,aAAa;AAAA,EACb,gBAAgB,EAAE,UAAU,UAAU,YAAY,QAAA;AAAA,EAClD,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,MAAO,QAAO;AAClB,QAAI,MAAO,QAAO;AAClB,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,OAAO,KAAK,CAAC;AAExB,QAAM,WAAW,QAAQ,IAAI;AAE7B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc;AAAA,MACd,WAAW,UAAU;AAAA,MACrB,IAAI,EAAE,mBAAmB,EAAE,WAAW,aAAW;AAAA,MAEjD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,UAAU;AAAA,UACV;AAAA,UACA;AAAA,UACA,WAAW,YAAY,aAAa,EAAE;AAAA,UAErC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;"}

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

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

package/dist/components/Icon.d.ts

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

package/dist/components/Input/Input.cjs

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

package/dist/components/Input/Input.cjs.map

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

package/dist/components/Input/Input.d.ts

@@ -1,32 +0,0 @@
-import { default as React } from 'react';
-import { TextFieldProps } from '@mui/material';
-import { Control, RegisterOptions } from 'react-hook-form';
-interface BaseInputProps extends Omit<TextFieldProps, 'value' | 'onChange' | 'variant' | 'type' | 'inputProps' | 'slotProps' | 'error' | 'helperText'> {
-    type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'search' | 'date' | 'datetime-local' | 'month' | 'week' | 'time' | 'color';
-    variant?: 'outlined' | 'filled' | 'standard';
-    min?: number;
-    max?: number;
-    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
-    slotProps?: TextFieldProps['slotProps'];
-    disabled?: boolean;
-    readOnly?: boolean;
-    error?: boolean;
-    helperText?: string;
-}
-interface RHFInputProps extends BaseInputProps {
-    name: string;
-    control: Control<any>;
-    validation?: RegisterOptions;
-    value?: string | number;
-    onChange?: (value: string | number) => void;
-}
-interface StandardInputPropsWithOptionalName extends BaseInputProps {
-    name?: string;
-    control?: never;
-    validation?: never;
-    value: string | number;
-    onChange: (value: string | number) => void;
-}
-export type InputProps = RHFInputProps | StandardInputPropsWithOptionalName;
-export declare const Input: React.ForwardRefExoticComponent<(Omit<RHFInputProps, "ref"> | Omit<StandardInputPropsWithOptionalName, "ref">) & React.RefAttributes<HTMLInputElement>>;
-export default Input;

package/dist/components/Input/Input.js

@@ -1,5 +0,0 @@
-import { I } from "../../Input-DFHs7cJ_.js";
-export {
-  I as Input
-};
-//# sourceMappingURL=Input.js.map

package/dist/components/Input/Input.js.map

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

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

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

package/dist/components/Input.d.ts

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

package/dist/components/InputGroup/InputGroup.cjs

@@ -1,126 +0,0 @@
-"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));
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const material = require("@mui/material");
-const DatePicker = require("@mui/x-date-pickers/DatePicker");
-const Input = require("../../Input-c8MwNNPg.cjs");
-const Select = require("../../Select-BO2N56sm.cjs");
-const DatePicker$1 = require("../../DatePicker-BoqxWAhj.cjs");
-const InputGroup = ({ children }) => {
-  const childrenArray = React.Children.toArray(children);
-  const childrenWithDividers = childrenArray.map((child, index) => {
-    if (React.isValidElement(child)) {
-      const childProps = child.props;
-      const childType = child.type;
-      const isInputComponent = childType === material.TextField || childType === Input.Input || childType === material.Select || childType === Select.Select || childType === DatePicker.DatePicker || childType === DatePicker$1.DatePicker;
-      const clonedChild = isInputComponent ? React.cloneElement(child, __spreadProps(__spreadValues({}, childProps), {
-        // Añade la clase directamente al componente clonado
-        className: "InputGroupChild",
-        sx: __spreadProps(__spreadValues({}, childProps.sx), {
-          // Usa el selector correcto para anular el borde del NotchedOutline
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "none !important"
-          },
-          // Asegura que el botón del DatePicker no tenga borde divisor
-          "& .MuiInputBase-root .MuiButtonBase-root": {
-            borderRight: "none"
-          },
-          // Oculta el legend de MuiOutlinedInput para que el borde no tenga "muescas"
-          "& .MuiOutlinedInput-notchedOutline > legend": {
-            display: "none"
-          },
-          " .InputGroupChild > MuiOutlinedInput-notchedOutline": {
-            border: "none !important"
-          },
-          ".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline": {
-            border: "none !important"
-          }
-        })
-      })) : child;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        material.Box,
-        {
-          sx: {
-            flexGrow: 1,
-            display: "flex",
-            alignItems: "center",
-            minWidth: 0,
-            borderRight: index < childrenArray.length - 1 ? "1px solid #ccc" : "none"
-          },
-          children: clonedChild
-        },
-        index
-      );
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    material.Box,
-    {
-      sx: {
-        width: "100%",
-        display: "grid",
-        marginBottom: "10px",
-        marginTop: "10px"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        material.Box,
-        {
-          className: "InputGroupChild",
-          sx: {
-            display: "flex",
-            justifyContent: "space-between",
-            height: "32px",
-            border: "1px solid #ccc",
-            borderRadius: "10px",
-            padding: "8px 0px",
-            marginTop: "-5px",
-            marginBottom: "20px",
-            "& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root": {
-              borderRadius: 0
-            },
-            "& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root": {
-              borderTopLeftRadius: "10px",
-              borderBottomLeftRadius: "10px"
-            },
-            "& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root": {
-              borderTopRightRadius: "10px",
-              borderBottomRightRadius: "10px",
-              border: "none !important"
-            },
-            // Estilo para los componentes que tienen `InputGroupChild` en la clase
-            "& .InputGroupChild": {
-              width: "100%"
-            },
-            "&  > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline": {
-              border: "none !important"
-            }
-          },
-          children: childrenWithDividers
-        }
-      )
-    }
-  );
-};
-exports.InputGroup = InputGroup;
-//# sourceMappingURL=InputGroup.cjs.map

package/dist/components/InputGroup/InputGroup.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.cjs","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, cloneElement, isValidElement } from 'react';\nimport { Box } from '@mui/material';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { Select as MuiSelect } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\nimport { DatePicker } from '../DatePicker';\n\ninterface CommonProps {\n  sx?: object;\n  [key: string]: any;\n}\n\ninterface InputGroupProps {\n  children: React.ReactNode;\n}\n\nconst InputGroup: React.FC<InputGroupProps> = ({ children }) => {\n  const childrenArray = Children.toArray(children);\n\n  const childrenWithDividers = childrenArray.map((child, index) => {\n    if (isValidElement(child)) {\n      const childProps = child.props as CommonProps;\n      const childType = child.type as any;\n\n      const isInputComponent = (\n        childType === MuiTextField || \n        childType === Input || \n        childType === MuiSelect || \n        childType === Select ||\n        childType === MuiDatePicker || \n        childType === DatePicker\n      );\n\n      const clonedChild = isInputComponent ? (\n        cloneElement(child, {\n          ...childProps,\n          // Añade la clase directamente al componente clonado\n          className: 'InputGroupChild',\n          sx: {\n            ...childProps.sx,\n            // Usa el selector correcto para anular el borde del NotchedOutline\n            '& .MuiOutlinedInput-notchedOutline': {\n              border: 'none !important',\n            },\n            // Asegura que el botón del DatePicker no tenga borde divisor\n            '& .MuiInputBase-root .MuiButtonBase-root': {\n              borderRight: 'none',\n            },\n            // Oculta el legend de MuiOutlinedInput para que el borde no tenga \"muescas\"\n            '& .MuiOutlinedInput-notchedOutline > legend': {\n              display: 'none',\n            },\n\n            ' .InputGroupChild > MuiOutlinedInput-notchedOutline': {\n              border: 'none !important',\n\n            }, \n            '.MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline': {\n              border: 'none !important',\n            }\n\n          },\n        } as CommonProps)\n      ) : (\n        child\n      );\n\n      return (\n        <Box\n          key={index}\n          sx={{\n            flexGrow: 1,\n            display: 'flex',\n            alignItems: 'center',\n            minWidth: 0,\n            borderRight: index < childrenArray.length - 1 ? '1px solid #ccc' : 'none',\n          }}\n        >\n          {clonedChild}\n        </Box>\n      );\n    }\n    return child;\n  });\n\n  return (\n    <Box\n      sx={{\n          width: '100%',\n          display: 'grid',\n          marginBottom: '10px',\n          marginTop: '10px'\n      }}\n\n  >\n    <Box\n      className='InputGroupChild'\n      sx={{\n        display: 'flex',\n        justifyContent: 'space-between',\n        height: '32px',\n        border: '1px solid #ccc',\n        borderRadius: '10px',\n        padding: '8px 0px',\n        marginTop: '-5px',\n        marginBottom: '20px',\n        '& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root': {\n          borderRadius: 0,\n        },\n        '& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root': {\n          borderTopLeftRadius: '10px',\n          borderBottomLeftRadius: '10px',\n        },\n        '& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root': {\n          borderTopRightRadius: '10px',\n          borderBottomRightRadius: '10px',\n          border: 'none !important'\n        },\n        // Estilo para los componentes que tienen `InputGroupChild` en la clase\n        '& .InputGroupChild': {\n          width: '100%',\n        },\n        '&  > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline': {\n          border: 'none !important',\n        },\n      }}\n    >\n      {childrenWithDividers}\n    </Box>\n  </Box>\n  );\n};\n\nexport default InputGroup;"],"names":["Children","isValidElement","MuiTextField","Input","MuiSelect","Select","MuiDatePicker","DatePicker","cloneElement","jsx","Box"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,aAAwC,CAAC,EAAE,eAAe;AAC9D,QAAM,gBAAgBA,MAAAA,SAAS,QAAQ,QAAQ;AAE/C,QAAM,uBAAuB,cAAc,IAAI,CAAC,OAAO,UAAU;AAC/D,QAAIC,MAAAA,eAAe,KAAK,GAAG;AACzB,YAAM,aAAa,MAAM;AACzB,YAAM,YAAY,MAAM;AAExB,YAAM,mBACJ,cAAcC,sBACd,cAAcC,MAAAA,SACd,cAAcC,SAAAA,UACd,cAAcC,OAAAA,UACd,cAAcC,WAAAA,cACd,cAAcC,aAAAA;AAGhB,YAAM,cAAc,mBAClBC,MAAAA,aAAa,OAAO,iCACf,aADe;AAAA;AAAA,QAGlB,WAAW;AAAA,QACX,IAAI,iCACC,WAAW,KADZ;AAAA;AAAA,UAGF,sCAAsC;AAAA,YACpC,QAAQ;AAAA,UAAA;AAAA;AAAA,UAGV,4CAA4C;AAAA,YAC1C,aAAa;AAAA,UAAA;AAAA;AAAA,UAGf,+CAA+C;AAAA,YAC7C,SAAS;AAAA,UAAA;AAAA,UAGX,uDAAuD;AAAA,YACrD,QAAQ;AAAA,UAAA;AAAA,UAGV,wEAAwE;AAAA,YACtE,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEF,EACc,IAEhB;AAGF,aACEC,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UAEC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,aAAa,QAAQ,cAAc,SAAS,IAAI,mBAAmB;AAAA,UAAA;AAAA,UAGpE,UAAA;AAAA,QAAA;AAAA,QATI;AAAA,MAAA;AAAA,IAYX;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACED,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACA,OAAO;AAAA,QACP,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MAAA;AAAA,MAIjB,UAAAD,2BAAAA;AAAAA,QAACC,SAAAA;AAAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW;AAAA,YACX,cAAc;AAAA,YACd,gEAAgE;AAAA,cAC9D,cAAc;AAAA,YAAA;AAAA,YAEhB,4HAA4H;AAAA,cAC1H,qBAAqB;AAAA,cACrB,wBAAwB;AAAA,YAAA;AAAA,YAE1B,yHAAyH;AAAA,cACvH,sBAAsB;AAAA,cACtB,yBAAyB;AAAA,cACzB,QAAQ;AAAA,YAAA;AAAA;AAAA,YAGV,sBAAsB;AAAA,cACpB,OAAO;AAAA,YAAA;AAAA,YAET,gFAAgF;AAAA,cAC9E,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,UAGD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGJ;;"}

package/dist/components/InputGroup/InputGroup.d.ts

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

package/dist/components/InputGroup/InputGroup.js

@@ -1,126 +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));
-import { jsx } from "react/jsx-runtime";
-import { Children, isValidElement, cloneElement } from "react";
-import { Box, TextField, Select } from "@mui/material";
-import { DatePicker } from "@mui/x-date-pickers/DatePicker";
-import { I as Input } from "../../Input-DFHs7cJ_.js";
-import { S as Select$1 } from "../../Select-BcLkyHSE.js";
-import { D as DatePicker$1 } from "../../DatePicker-BSNboVhN.js";
-const InputGroup = ({ children }) => {
-  const childrenArray = Children.toArray(children);
-  const childrenWithDividers = childrenArray.map((child, index) => {
-    if (isValidElement(child)) {
-      const childProps = child.props;
-      const childType = child.type;
-      const isInputComponent = childType === TextField || childType === Input || childType === Select || childType === Select$1 || childType === DatePicker || childType === DatePicker$1;
-      const clonedChild = isInputComponent ? cloneElement(child, __spreadProps(__spreadValues({}, childProps), {
-        // Añade la clase directamente al componente clonado
-        className: "InputGroupChild",
-        sx: __spreadProps(__spreadValues({}, childProps.sx), {
-          // Usa el selector correcto para anular el borde del NotchedOutline
-          "& .MuiOutlinedInput-notchedOutline": {
-            border: "none !important"
-          },
-          // Asegura que el botón del DatePicker no tenga borde divisor
-          "& .MuiInputBase-root .MuiButtonBase-root": {
-            borderRight: "none"
-          },
-          // Oculta el legend de MuiOutlinedInput para que el borde no tenga "muescas"
-          "& .MuiOutlinedInput-notchedOutline > legend": {
-            display: "none"
-          },
-          " .InputGroupChild > MuiOutlinedInput-notchedOutline": {
-            border: "none !important"
-          },
-          ".MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline": {
-            border: "none !important"
-          }
-        })
-      })) : child;
-      return /* @__PURE__ */ jsx(
-        Box,
-        {
-          sx: {
-            flexGrow: 1,
-            display: "flex",
-            alignItems: "center",
-            minWidth: 0,
-            borderRight: index < childrenArray.length - 1 ? "1px solid #ccc" : "none"
-          },
-          children: clonedChild
-        },
-        index
-      );
-    }
-    return child;
-  });
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        width: "100%",
-        display: "grid",
-        marginBottom: "10px",
-        marginTop: "10px"
-      },
-      children: /* @__PURE__ */ jsx(
-        Box,
-        {
-          className: "InputGroupChild",
-          sx: {
-            display: "flex",
-            justifyContent: "space-between",
-            height: "32px",
-            border: "1px solid #ccc",
-            borderRadius: "10px",
-            padding: "8px 0px",
-            marginTop: "-5px",
-            marginBottom: "20px",
-            "& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root": {
-              borderRadius: 0
-            },
-            "& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root": {
-              borderTopLeftRadius: "10px",
-              borderBottomLeftRadius: "10px"
-            },
-            "& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root": {
-              borderTopRightRadius: "10px",
-              borderBottomRightRadius: "10px",
-              border: "none !important"
-            },
-            // Estilo para los componentes que tienen `InputGroupChild` en la clase
-            "& .InputGroupChild": {
-              width: "100%"
-            },
-            "&  > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline": {
-              border: "none !important"
-            }
-          },
-          children: childrenWithDividers
-        }
-      )
-    }
-  );
-};
-export {
-  InputGroup
-};
-//# sourceMappingURL=InputGroup.js.map

package/dist/components/InputGroup/InputGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputGroup.js","sources":["../../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, cloneElement, isValidElement } from 'react';\nimport { Box } from '@mui/material';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers/DatePicker';\nimport { Select as MuiSelect } from '@mui/material';\nimport { TextField as MuiTextField } from '@mui/material';\nimport { Input } from '../Input';\nimport { Select } from '../Select';\nimport { DatePicker } from '../DatePicker';\n\ninterface CommonProps {\n  sx?: object;\n  [key: string]: any;\n}\n\ninterface InputGroupProps {\n  children: React.ReactNode;\n}\n\nconst InputGroup: React.FC<InputGroupProps> = ({ children }) => {\n  const childrenArray = Children.toArray(children);\n\n  const childrenWithDividers = childrenArray.map((child, index) => {\n    if (isValidElement(child)) {\n      const childProps = child.props as CommonProps;\n      const childType = child.type as any;\n\n      const isInputComponent = (\n        childType === MuiTextField || \n        childType === Input || \n        childType === MuiSelect || \n        childType === Select ||\n        childType === MuiDatePicker || \n        childType === DatePicker\n      );\n\n      const clonedChild = isInputComponent ? (\n        cloneElement(child, {\n          ...childProps,\n          // Añade la clase directamente al componente clonado\n          className: 'InputGroupChild',\n          sx: {\n            ...childProps.sx,\n            // Usa el selector correcto para anular el borde del NotchedOutline\n            '& .MuiOutlinedInput-notchedOutline': {\n              border: 'none !important',\n            },\n            // Asegura que el botón del DatePicker no tenga borde divisor\n            '& .MuiInputBase-root .MuiButtonBase-root': {\n              borderRight: 'none',\n            },\n            // Oculta el legend de MuiOutlinedInput para que el borde no tenga \"muescas\"\n            '& .MuiOutlinedInput-notchedOutline > legend': {\n              display: 'none',\n            },\n\n            ' .InputGroupChild > MuiOutlinedInput-notchedOutline': {\n              border: 'none !important',\n\n            }, \n            '.MuiOutlinedInput-notchedOutline, > .MuiOutlinedInput-notchedOutline': {\n              border: 'none !important',\n            }\n\n          },\n        } as CommonProps)\n      ) : (\n        child\n      );\n\n      return (\n        <Box\n          key={index}\n          sx={{\n            flexGrow: 1,\n            display: 'flex',\n            alignItems: 'center',\n            minWidth: 0,\n            borderRight: index < childrenArray.length - 1 ? '1px solid #ccc' : 'none',\n          }}\n        >\n          {clonedChild}\n        </Box>\n      );\n    }\n    return child;\n  });\n\n  return (\n    <Box\n      sx={{\n          width: '100%',\n          display: 'grid',\n          marginBottom: '10px',\n          marginTop: '10px'\n      }}\n\n  >\n    <Box\n      className='InputGroupChild'\n      sx={{\n        display: 'flex',\n        justifyContent: 'space-between',\n        height: '32px',\n        border: '1px solid #ccc',\n        borderRadius: '10px',\n        padding: '8px 0px',\n        marginTop: '-5px',\n        marginBottom: '20px',\n        '& .MuiInputBase-root, & .MuiButtonBase-root, & .MuiChip-root': {\n          borderRadius: 0,\n        },\n        '& > div:first-of-type .MuiInputBase-root, & > div:first-of-type .MuiButtonBase-root, & > div:first-of-type .MuiChip-root': {\n          borderTopLeftRadius: '10px',\n          borderBottomLeftRadius: '10px',\n        },\n        '& > div:last-of-type .MuiInputBase-root, & > div:last-of-type .MuiButtonBase-root, & > div:last-of-type .MuiChip-root': {\n          borderTopRightRadius: '10px',\n          borderBottomRightRadius: '10px',\n          border: 'none !important'\n        },\n        // Estilo para los componentes que tienen `InputGroupChild` en la clase\n        '& .InputGroupChild': {\n          width: '100%',\n        },\n        '&  > div:first-of-type .MuiInputBase-root > .MuiOutlinedInput-notchedOutline': {\n          border: 'none !important',\n        },\n      }}\n    >\n      {childrenWithDividers}\n    </Box>\n  </Box>\n  );\n};\n\nexport default InputGroup;"],"names":["MuiTextField","MuiSelect","Select","MuiDatePicker","DatePicker"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,aAAwC,CAAC,EAAE,eAAe;AAC9D,QAAM,gBAAgB,SAAS,QAAQ,QAAQ;AAE/C,QAAM,uBAAuB,cAAc,IAAI,CAAC,OAAO,UAAU;AAC/D,QAAI,eAAe,KAAK,GAAG;AACzB,YAAM,aAAa,MAAM;AACzB,YAAM,YAAY,MAAM;AAExB,YAAM,mBACJ,cAAcA,aACd,cAAc,SACd,cAAcC,UACd,cAAcC,YACd,cAAcC,cACd,cAAcC;AAGhB,YAAM,cAAc,mBAClB,aAAa,OAAO,iCACf,aADe;AAAA;AAAA,QAGlB,WAAW;AAAA,QACX,IAAI,iCACC,WAAW,KADZ;AAAA;AAAA,UAGF,sCAAsC;AAAA,YACpC,QAAQ;AAAA,UAAA;AAAA;AAAA,UAGV,4CAA4C;AAAA,YAC1C,aAAa;AAAA,UAAA;AAAA;AAAA,UAGf,+CAA+C;AAAA,YAC7C,SAAS;AAAA,UAAA;AAAA,UAGX,uDAAuD;AAAA,YACrD,QAAQ;AAAA,UAAA;AAAA,UAGV,wEAAwE;AAAA,YACtE,QAAQ;AAAA,UAAA;AAAA,QACV;AAAA,MAEF,EACc,IAEhB;AAGF,aACE;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,IAAI;AAAA,YACF,UAAU;AAAA,YACV,SAAS;AAAA,YACT,YAAY;AAAA,YACZ,UAAU;AAAA,YACV,aAAa,QAAQ,cAAc,SAAS,IAAI,mBAAmB;AAAA,UAAA;AAAA,UAGpE,UAAA;AAAA,QAAA;AAAA,QATI;AAAA,MAAA;AAAA,IAYX;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACA,OAAO;AAAA,QACP,SAAS;AAAA,QACT,cAAc;AAAA,QACd,WAAW;AAAA,MAAA;AAAA,MAIjB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,IAAI;AAAA,YACF,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,SAAS;AAAA,YACT,WAAW;AAAA,YACX,cAAc;AAAA,YACd,gEAAgE;AAAA,cAC9D,cAAc;AAAA,YAAA;AAAA,YAEhB,4HAA4H;AAAA,cAC1H,qBAAqB;AAAA,cACrB,wBAAwB;AAAA,YAAA;AAAA,YAE1B,yHAAyH;AAAA,cACvH,sBAAsB;AAAA,cACtB,yBAAyB;AAAA,cACzB,QAAQ;AAAA,YAAA;AAAA;AAAA,YAGV,sBAAsB;AAAA,cACpB,OAAO;AAAA,YAAA;AAAA,YAET,gFAAgF;AAAA,cAC9E,QAAQ;AAAA,YAAA;AAAA,UACV;AAAA,UAGD,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGJ;"}

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

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

package/dist/components/InputGroup.d.ts

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

package/dist/components/Modal/Modal.cjs

@@ -1,209 +0,0 @@
-"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",
-  hiddenFooter = false
-}, 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 && !hiddenFooter) {
-      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