@soyfri/shared-library 1.5.0-beta.4 → 2.0.0-beta.0

package/components/DateTimePicker/DateTimePicker.cjs

@@ -1,208 +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 AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
-const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
-const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
-const system = require("@mui/system");
-const material = require("@mui/material");
-const StyledTextField = system.styled(material.TextField)(({ theme }) => ({
-  "& .MuiInputBase-root": {
-    maxHeight: "34px",
-    padding: "8px 10px",
-    borderRadius: "10px",
-    display: "flex",
-    alignItems: "center",
-    fontSize: "14px"
-  },
-  "& .MuiInputBase-input": {
-    padding: "0 !important",
-    height: "18px",
-    display: "flex",
-    alignItems: "center",
-    marginTop: "-4px"
-  },
-  "& .MuiInputLabel-root": {
-    top: "50%",
-    transform: "translate(14px, -50%)",
-    "&.MuiInputLabel-shrink": {
-      transform: "translate(1px, -200%) scale(0.75)",
-      fontSize: "16px !important",
-      "> legend": {
-        display: "none"
-      }
-    }
-  },
-  "& .MuiOutlinedInput-notchedOutline": {
-    border: "0.7px solid",
-    borderColor: "#e0e0e0"
-  }
-}));
-const DateTimePicker = (_a) => {
-  var _b = _a, {
-    label,
-    selectedDateTime,
-    onDateTimeChange,
-    minDateTime,
-    maxDateTime,
-    disabled,
-    readOnly,
-    customClass = "",
-    inputFormat,
-    slotProps,
-    clearButtonText,
-    cancelButtonText,
-    acceptButtonText,
-    minutesStep,
-    minTime,
-    viewRenderers,
-    timeSteps,
-    ampm
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "selectedDateTime",
-    "onDateTimeChange",
-    "minDateTime",
-    "maxDateTime",
-    "disabled",
-    "readOnly",
-    "customClass",
-    "inputFormat",
-    "slotProps",
-    "clearButtonText",
-    "cancelButtonText",
-    "acceptButtonText",
-    "minutesStep",
-    "minTime",
-    "viewRenderers",
-    "timeSteps",
-    "ampm"
-  ]);
-  var _a2, _b2, _c;
-  const [error, setError] = React.useState(null);
-  const errorMessage = React.useMemo(() => {
-    switch (error) {
-      case "minDate":
-      case "maxDate":
-      case "invalidDate": {
-        return "Formato de fecha/hora inválido";
-      }
-      case "disableFuture": {
-        return "No se permiten fechas/horas futuras";
-      }
-      case "disablePast": {
-        return "No se permiten fechas/horas pasadas";
-      }
-      default: {
-        return "";
-      }
-    }
-  }, [error]);
-  const customLocaleText = React.useMemo(() => {
-    const text = {};
-    if (clearButtonText) text.clearButtonLabel = clearButtonText;
-    if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
-    if (acceptButtonText) text.okButtonLabel = acceptButtonText;
-    return text;
-  }, [clearButtonText, cancelButtonText, acceptButtonText]);
-  return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, children: /* @__PURE__ */ jsxRuntime.jsx(
-    material.Box,
-    {
-      sx: {
-        width: "100%",
-        display: "grid",
-        marginBottom: "10px",
-        marginTop: "10px"
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        DateTimePicker$1.DateTimePicker,
-        __spreadValues({
-          className: customClass,
-          label,
-          value: selectedDateTime,
-          onChange: onDateTimeChange,
-          minDateTime,
-          maxDateTime,
-          minutesStep,
-          disabled,
-          readOnly,
-          minTime,
-          format: inputFormat ? inputFormat : "DD/MM/YYYY HH:mm",
-          viewRenderers,
-          timeSteps,
-          sx: {
-            "& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root": {
-              maxHeight: "28px",
-              borderRadius: "10px"
-            },
-            "& .MuiInputLabel-root": {
-              // El label se alinea con el padding del input base.
-              top: "50%",
-              transform: "translate(14px, -50%)",
-              // Estilo para el label "encogido" cuando el input está lleno o en foco
-              "&.MuiInputLabel-shrink": {
-                transform: "translate(1px, -200%) scale(0.75)",
-                // Ajustar la posición para que se vea por encima del input
-                fontSize: "16px !important",
-                "> legend": {
-                  display: "none"
-                  // Ocultar el legend del outline
-                }
-              }
-            },
-            "& .MuiPickersInputBase-root > fieldset > legend": {
-              display: "none"
-              // Ocultar el legend del outline
-            }
-          },
-          slotProps: __spreadProps(__spreadValues({}, slotProps), {
-            // 2. Usar 'slotProps' para pasar el componente estilizado al TextField
-            textField: __spreadProps(__spreadValues({}, slotProps == null ? void 0 : slotProps.textField), {
-              helperText: errorMessage || ((_a2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _a2.helperText),
-              error: !!errorMessage || ((_b2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _b2.error),
-              InputProps: __spreadProps(__spreadValues({}, (_c = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _c.InputProps), {
-                inputComponent: StyledTextField
-              })
-            })
-          }),
-          localeText: __spreadValues({}, customLocaleText),
-          ampm: false
-        }, rest)
-      )
-    }
-  ) });
-};
-exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker.cjs.map

package/components/DateTimePicker/DateTimePicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.cjs","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { styled } from '@mui/system';\nimport { Box, TextField, TextFieldProps } from '@mui/material';\n\n// Define las props para el DateTimePicker\nexport interface DateTimePickerProps {\n  label: string;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  inputFormat?: string;\n  slotProps?: any;\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  customClass?: string;\n  viewRenderers?: any\n  timeSteps?: any\n  ampm?: boolean;\n}\n\n// 1. Crear un componente estilizado para el TextField\n// Este componente tendrá los mismos estilos de altura, padding y label que tu Input.tsx\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  '& .MuiInputBase-root': {\n    maxHeight: '34px',\n    padding: '8px 10px',\n    borderRadius: '10px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '14px',\n  },\n  '& .MuiInputBase-input': {\n    padding: '0 !important',\n    height: '18px',\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '-4px'\n  },\n  '& .MuiInputLabel-root': {\n    top: '50%',\n    transform: 'translate(14px, -50%)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(1px, -200%) scale(0.75)',\n      fontSize: '16px !important',\n      '> legend': {\n        display: 'none',\n      }\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: '0.7px solid',\n    borderColor: '#e0e0e0',\n  },\n}));\n\n/**\n * Custom Material UI DateTimePicker component.\n * Allows selecting a date and time, and updates a Dayjs state.\n */\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n  label,\n  selectedDateTime,\n  onDateTimeChange,\n  minDateTime,\n  maxDateTime,\n  disabled,\n  readOnly,\n  customClass= '',\n  inputFormat,\n  slotProps,\n  clearButtonText,\n  cancelButtonText,\n  acceptButtonText,\n  minutesStep,\n  minTime,\n  viewRenderers,\n  timeSteps,\n  ampm,\n  ...rest\n}) => {\n  const [error, setError] = React.useState<DateValidationError | null>(null);\n\n  const errorMessage = useMemo(() => {\n    switch (error) {\n      case 'minDate':\n      case 'maxDate':\n      case 'invalidDate': {\n        return 'Formato de fecha/hora inválido';\n      }\n      case 'disableFuture': {\n        return 'No se permiten fechas/horas futuras';\n      }\n      case 'disablePast': {\n        return 'No se permiten fechas/horas pasadas';\n      }\n      default: {\n        return '';\n      }\n    }\n  }, [error]);\n\n  const customLocaleText = useMemo(() => {\n    const text: Record<string, string> = {};\n    if (clearButtonText) text.clearButtonLabel = clearButtonText;\n    if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n    if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n    return text;\n  }, [clearButtonText, cancelButtonText, acceptButtonText]);\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <Box\n          sx={{\n              width: '100%',\n              display: 'grid',\n              marginBottom: '10px',\n              marginTop: '10px'\n          }}\n\n      >\n      <MuiDateTimePicker\n        className={customClass}\n        label={label}\n        value={selectedDateTime}\n        onChange={onDateTimeChange}\n        minDateTime={minDateTime}\n        maxDateTime={maxDateTime}\n        minutesStep={minutesStep}\n        disabled={disabled}\n        readOnly={readOnly}\n        minTime={minTime}\n        format={inputFormat ? inputFormat: 'DD/MM/YYYY HH:mm'}\n        viewRenderers={viewRenderers}\n        timeSteps={timeSteps}\n        sx={{\n          '& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root': {\n            maxHeight: '28px',\n            borderRadius: '10px',\n          },\n          '& .MuiInputLabel-root': {\n            // El label se alinea con el padding del input base.\n            top: '50%',\n            transform: 'translate(14px, -50%)',\n            \n            // Estilo para el label \"encogido\" cuando el input está lleno o en foco\n            '&.MuiInputLabel-shrink': {\n              transform: 'translate(1px, -200%) scale(0.75)', // Ajustar la posición para que se vea por encima del input\n              fontSize: '16px !important',\n              '> legend': {\n                display: 'none', // Ocultar el legend del outline\n              }\n            },\n          },\n          '& .MuiPickersInputBase-root > fieldset > legend':{\n            display: 'none', // Ocultar el legend del outline\n          },\n        }}\n        slotProps={{\n          ...slotProps,\n          // 2. Usar 'slotProps' para pasar el componente estilizado al TextField\n          textField: {\n            ...slotProps?.textField,\n            helperText: errorMessage || slotProps?.textField?.helperText,\n            error: !!errorMessage || slotProps?.textField?.error,\n            InputProps: {\n              ...slotProps?.textField?.InputProps,\n              inputComponent: StyledTextField,\n            },\n          },\n        }}\n        localeText={{ ...customLocaleText }}\n        ampm={false}\n        {...rest}\n      />\n      </Box>\n    </LocalizationProvider>\n  );\n};\n\nexport default DateTimePicker;"],"names":["styled","TextField","useMemo","jsx","LocalizationProvider","AdapterDayjs","Box","MuiDateTimePicker","_a","_b"],"mappings":"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"}

package/components/DateTimePicker/DateTimePicker.d.ts

@@ -1,28 +0,0 @@
-import { default as React } from 'react';
-import { Dayjs } from 'dayjs';
-export interface DateTimePickerProps {
-    label: string;
-    selectedDateTime: Dayjs | null;
-    onDateTimeChange: (dateTime: Dayjs | null) => void;
-    minDateTime?: Dayjs;
-    maxDateTime?: Dayjs;
-    disabled?: boolean;
-    readOnly?: boolean;
-    inputFormat?: string;
-    slotProps?: any;
-    clearButtonText?: string;
-    cancelButtonText?: string;
-    acceptButtonText?: string;
-    minutesStep?: number;
-    minTime?: Dayjs;
-    customClass?: string;
-    viewRenderers?: any;
-    timeSteps?: any;
-    ampm?: boolean;
-}
-/**
- * Custom Material UI DateTimePicker component.
- * Allows selecting a date and time, and updates a Dayjs state.
- */
-export declare const DateTimePicker: React.FC<DateTimePickerProps>;
-export default DateTimePicker;

package/components/DateTimePicker/DateTimePicker.js

@@ -1,208 +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 { jsx } from "react/jsx-runtime";
-import React__default, { useMemo } from "react";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
-import { styled } from "@mui/system";
-import { TextField, Box } from "@mui/material";
-const StyledTextField = styled(TextField)(({ theme }) => ({
-  "& .MuiInputBase-root": {
-    maxHeight: "34px",
-    padding: "8px 10px",
-    borderRadius: "10px",
-    display: "flex",
-    alignItems: "center",
-    fontSize: "14px"
-  },
-  "& .MuiInputBase-input": {
-    padding: "0 !important",
-    height: "18px",
-    display: "flex",
-    alignItems: "center",
-    marginTop: "-4px"
-  },
-  "& .MuiInputLabel-root": {
-    top: "50%",
-    transform: "translate(14px, -50%)",
-    "&.MuiInputLabel-shrink": {
-      transform: "translate(1px, -200%) scale(0.75)",
-      fontSize: "16px !important",
-      "> legend": {
-        display: "none"
-      }
-    }
-  },
-  "& .MuiOutlinedInput-notchedOutline": {
-    border: "0.7px solid",
-    borderColor: "#e0e0e0"
-  }
-}));
-const DateTimePicker = (_a) => {
-  var _b = _a, {
-    label,
-    selectedDateTime,
-    onDateTimeChange,
-    minDateTime,
-    maxDateTime,
-    disabled,
-    readOnly,
-    customClass = "",
-    inputFormat,
-    slotProps,
-    clearButtonText,
-    cancelButtonText,
-    acceptButtonText,
-    minutesStep,
-    minTime,
-    viewRenderers,
-    timeSteps,
-    ampm
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "selectedDateTime",
-    "onDateTimeChange",
-    "minDateTime",
-    "maxDateTime",
-    "disabled",
-    "readOnly",
-    "customClass",
-    "inputFormat",
-    "slotProps",
-    "clearButtonText",
-    "cancelButtonText",
-    "acceptButtonText",
-    "minutesStep",
-    "minTime",
-    "viewRenderers",
-    "timeSteps",
-    "ampm"
-  ]);
-  var _a2, _b2, _c;
-  const [error, setError] = React__default.useState(null);
-  const errorMessage = useMemo(() => {
-    switch (error) {
-      case "minDate":
-      case "maxDate":
-      case "invalidDate": {
-        return "Formato de fecha/hora inválido";
-      }
-      case "disableFuture": {
-        return "No se permiten fechas/horas futuras";
-      }
-      case "disablePast": {
-        return "No se permiten fechas/horas pasadas";
-      }
-      default: {
-        return "";
-      }
-    }
-  }, [error]);
-  const customLocaleText = useMemo(() => {
-    const text = {};
-    if (clearButtonText) text.clearButtonLabel = clearButtonText;
-    if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
-    if (acceptButtonText) text.okButtonLabel = acceptButtonText;
-    return text;
-  }, [clearButtonText, cancelButtonText, acceptButtonText]);
-  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        width: "100%",
-        display: "grid",
-        marginBottom: "10px",
-        marginTop: "10px"
-      },
-      children: /* @__PURE__ */ jsx(
-        DateTimePicker$1,
-        __spreadValues({
-          className: customClass,
-          label,
-          value: selectedDateTime,
-          onChange: onDateTimeChange,
-          minDateTime,
-          maxDateTime,
-          minutesStep,
-          disabled,
-          readOnly,
-          minTime,
-          format: inputFormat ? inputFormat : "DD/MM/YYYY HH:mm",
-          viewRenderers,
-          timeSteps,
-          sx: {
-            "& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root": {
-              maxHeight: "28px",
-              borderRadius: "10px"
-            },
-            "& .MuiInputLabel-root": {
-              // El label se alinea con el padding del input base.
-              top: "50%",
-              transform: "translate(14px, -50%)",
-              // Estilo para el label "encogido" cuando el input está lleno o en foco
-              "&.MuiInputLabel-shrink": {
-                transform: "translate(1px, -200%) scale(0.75)",
-                // Ajustar la posición para que se vea por encima del input
-                fontSize: "16px !important",
-                "> legend": {
-                  display: "none"
-                  // Ocultar el legend del outline
-                }
-              }
-            },
-            "& .MuiPickersInputBase-root > fieldset > legend": {
-              display: "none"
-              // Ocultar el legend del outline
-            }
-          },
-          slotProps: __spreadProps(__spreadValues({}, slotProps), {
-            // 2. Usar 'slotProps' para pasar el componente estilizado al TextField
-            textField: __spreadProps(__spreadValues({}, slotProps == null ? void 0 : slotProps.textField), {
-              helperText: errorMessage || ((_a2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _a2.helperText),
-              error: !!errorMessage || ((_b2 = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _b2.error),
-              InputProps: __spreadProps(__spreadValues({}, (_c = slotProps == null ? void 0 : slotProps.textField) == null ? void 0 : _c.InputProps), {
-                inputComponent: StyledTextField
-              })
-            })
-          }),
-          localeText: __spreadValues({}, customLocaleText),
-          ampm: false
-        }, rest)
-      )
-    }
-  ) });
-};
-export {
-  DateTimePicker
-};
-//# sourceMappingURL=DateTimePicker.js.map

package/components/DateTimePicker/DateTimePicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers/DateTimePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport { styled } from '@mui/system';\nimport { Box, TextField, TextFieldProps } from '@mui/material';\n\n// Define las props para el DateTimePicker\nexport interface DateTimePickerProps {\n  label: string;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  inputFormat?: string;\n  slotProps?: any;\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  customClass?: string;\n  viewRenderers?: any\n  timeSteps?: any\n  ampm?: boolean;\n}\n\n// 1. Crear un componente estilizado para el TextField\n// Este componente tendrá los mismos estilos de altura, padding y label que tu Input.tsx\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n  '& .MuiInputBase-root': {\n    maxHeight: '34px',\n    padding: '8px 10px',\n    borderRadius: '10px',\n    display: 'flex',\n    alignItems: 'center',\n    fontSize: '14px',\n  },\n  '& .MuiInputBase-input': {\n    padding: '0 !important',\n    height: '18px',\n    display: 'flex',\n    alignItems: 'center',\n    marginTop: '-4px'\n  },\n  '& .MuiInputLabel-root': {\n    top: '50%',\n    transform: 'translate(14px, -50%)',\n    '&.MuiInputLabel-shrink': {\n      transform: 'translate(1px, -200%) scale(0.75)',\n      fontSize: '16px !important',\n      '> legend': {\n        display: 'none',\n      }\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: '0.7px solid',\n    borderColor: '#e0e0e0',\n  },\n}));\n\n/**\n * Custom Material UI DateTimePicker component.\n * Allows selecting a date and time, and updates a Dayjs state.\n */\nexport const DateTimePicker: React.FC<DateTimePickerProps> = ({\n  label,\n  selectedDateTime,\n  onDateTimeChange,\n  minDateTime,\n  maxDateTime,\n  disabled,\n  readOnly,\n  customClass= '',\n  inputFormat,\n  slotProps,\n  clearButtonText,\n  cancelButtonText,\n  acceptButtonText,\n  minutesStep,\n  minTime,\n  viewRenderers,\n  timeSteps,\n  ampm,\n  ...rest\n}) => {\n  const [error, setError] = React.useState<DateValidationError | null>(null);\n\n  const errorMessage = useMemo(() => {\n    switch (error) {\n      case 'minDate':\n      case 'maxDate':\n      case 'invalidDate': {\n        return 'Formato de fecha/hora inválido';\n      }\n      case 'disableFuture': {\n        return 'No se permiten fechas/horas futuras';\n      }\n      case 'disablePast': {\n        return 'No se permiten fechas/horas pasadas';\n      }\n      default: {\n        return '';\n      }\n    }\n  }, [error]);\n\n  const customLocaleText = useMemo(() => {\n    const text: Record<string, string> = {};\n    if (clearButtonText) text.clearButtonLabel = clearButtonText;\n    if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n    if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n    return text;\n  }, [clearButtonText, cancelButtonText, acceptButtonText]);\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <Box\n          sx={{\n              width: '100%',\n              display: 'grid',\n              marginBottom: '10px',\n              marginTop: '10px'\n          }}\n\n      >\n      <MuiDateTimePicker\n        className={customClass}\n        label={label}\n        value={selectedDateTime}\n        onChange={onDateTimeChange}\n        minDateTime={minDateTime}\n        maxDateTime={maxDateTime}\n        minutesStep={minutesStep}\n        disabled={disabled}\n        readOnly={readOnly}\n        minTime={minTime}\n        format={inputFormat ? inputFormat: 'DD/MM/YYYY HH:mm'}\n        viewRenderers={viewRenderers}\n        timeSteps={timeSteps}\n        sx={{\n          '& .MuiPickersInputBase-root, .MuiPickersOutlinedInput-root': {\n            maxHeight: '28px',\n            borderRadius: '10px',\n          },\n          '& .MuiInputLabel-root': {\n            // El label se alinea con el padding del input base.\n            top: '50%',\n            transform: 'translate(14px, -50%)',\n            \n            // Estilo para el label \"encogido\" cuando el input está lleno o en foco\n            '&.MuiInputLabel-shrink': {\n              transform: 'translate(1px, -200%) scale(0.75)', // Ajustar la posición para que se vea por encima del input\n              fontSize: '16px !important',\n              '> legend': {\n                display: 'none', // Ocultar el legend del outline\n              }\n            },\n          },\n          '& .MuiPickersInputBase-root > fieldset > legend':{\n            display: 'none', // Ocultar el legend del outline\n          },\n        }}\n        slotProps={{\n          ...slotProps,\n          // 2. Usar 'slotProps' para pasar el componente estilizado al TextField\n          textField: {\n            ...slotProps?.textField,\n            helperText: errorMessage || slotProps?.textField?.helperText,\n            error: !!errorMessage || slotProps?.textField?.error,\n            InputProps: {\n              ...slotProps?.textField?.InputProps,\n              inputComponent: StyledTextField,\n            },\n          },\n        }}\n        localeText={{ ...customLocaleText }}\n        ampm={false}\n        {...rest}\n      />\n      </Box>\n    </LocalizationProvider>\n  );\n};\n\nexport default DateTimePicker;"],"names":["React","MuiDateTimePicker","_a","_b"],"mappings":"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"}

package/components/DateTimePicker/index.d.ts

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

package/components/DateTimePicker.d.ts

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

package/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/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/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/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/components/Input/Input.cjs.map

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

package/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/components/Input/Input.js

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

package/components/Input/Input.js.map

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

package/components/Input/index.d.ts

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

package/components/Input.d.ts

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