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

package/components/DatePicker/DatePicker.cjs

@@ -0,0 +1,180 @@
+"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.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const styles = require("@mui/material/styles");
+const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
+const require$$0 = require("dayjs");
+const formField_sx = require("../../formField.sx-BAX7KwMR.cjs");
+const tokens = require("../../tokens-jaWWNk39.cjs");
+const resolvePreset = require("../../resolvePreset-CT3kU-K2.cjs");
+var enGb$1 = { exports: {} };
+var enGb = enGb$1.exports;
+var hasRequiredEnGb;
+function requireEnGb() {
+  if (hasRequiredEnGb) return enGb$1.exports;
+  hasRequiredEnGb = 1;
+  (function(module2, exports2) {
+    !(function(e, a) {
+      module2.exports = a(require$$0);
+    })(enGb, (function(e) {
+      function a(e2) {
+        return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
+      }
+      var t = a(e), _ = { name: "en-gb", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), weekdaysShort: "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"), weekdaysMin: "Su_Mo_Tu_We_Th_Fr_Sa".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), monthsShort: "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"), weekStart: 1, yearStart: 4, relativeTime: { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" }, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd, D MMMM YYYY HH:mm" }, ordinal: function(e2) {
+        var a2 = ["th", "st", "nd", "rd"], t2 = e2 % 100;
+        return "[" + e2 + (a2[(t2 - 20) % 10] || a2[t2] || a2[0]) + "]";
+      } };
+      return t.default.locale(_, null, true), _;
+    }));
+  })(enGb$1);
+  return enGb$1.exports;
+}
+requireEnGb();
+const buildDatePickerSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
+  borderRadius,
+  labelPosition,
+  includePickersApi: true,
+  extraOutsideSx: {
+    "& .MuiInputBase-input": {
+      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
+      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
+    },
+    // Secciones editables del PickersTextField (DD/MM/YYYY en API nueva).
+    "& .MuiPickersInputBase-sectionsContainer": {
+      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
+      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
+    }
+  }
+});
+const getDateValidationMessage = (error) => {
+  switch (error) {
+    case "minDate":
+    case "maxDate":
+      return "Fecha fuera del rango permitido";
+    case "invalidDate":
+      return "Formato de fecha inválido";
+    case "disableFuture":
+      return "No se permiten fechas futuras";
+    case "disablePast":
+      return "No se permiten fechas pasadas";
+    default:
+      return "";
+  }
+};
+const DatePicker = (_a) => {
+  var _b = _a, {
+    label,
+    selectedDate,
+    onDateChange,
+    minDate,
+    maxDate,
+    disabled,
+    readOnly,
+    borderRadius = 10,
+    labelPosition = "outside",
+    size = "small",
+    helperText,
+    error: errorProp,
+    sx,
+    className,
+    preset,
+    adapterLocale = "en-gb",
+    textFieldProps,
+    slotProps: slotPropsProp
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "selectedDate",
+    "onDateChange",
+    "minDate",
+    "maxDate",
+    "disabled",
+    "readOnly",
+    "borderRadius",
+    "labelPosition",
+    "size",
+    "helperText",
+    "error",
+    "sx",
+    "className",
+    "preset",
+    "adapterLocale",
+    "textFieldProps",
+    "slotProps"
+  ]);
+  const [validationError, setValidationError] = React.useState(null);
+  const validationErrorMessage = React.useMemo(
+    () => getDateValidationMessage(validationError),
+    [validationError]
+  );
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("DatePicker", preset, theme);
+  const mergedSx = [
+    buildDatePickerSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const finalError = !!validationErrorMessage || !!errorProp;
+  const finalHelperText = validationErrorMessage || helperText;
+  return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, adapterLocale, children: /* @__PURE__ */ jsxRuntime.jsx(
+    DatePicker$1.DatePicker,
+    __spreadValues({
+      label,
+      value: selectedDate,
+      onChange: onDateChange,
+      minDate,
+      maxDate,
+      onError: setValidationError,
+      disabled,
+      readOnly,
+      className,
+      sx: mergedSx,
+      slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
+        textField: __spreadProps(__spreadValues(__spreadValues({
+          fullWidth: true,
+          size,
+          variant: "outlined"
+        }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps), {
+          error: !!finalError,
+          helperText: finalHelperText
+        })
+      })
+    }, rest)
+  ) });
+};
+exports.DatePicker = DatePicker;
+exports.default = DatePicker;
+//# sourceMappingURL=DatePicker.cjs.map

package/components/DatePicker/DatePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs","sources":["../../../node_modules/dayjs/locale/en-gb.js","../../../src/components/DatePicker/DatePicker.sx.ts","../../../src/components/DatePicker/DatePicker.helpers.ts","../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["!function(e,a){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=a(require(\"dayjs\")):\"function\"==typeof define&&define.amd?define([\"dayjs\"],a):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_locale_en_gb=a(e.dayjs)}(this,(function(e){\"use strict\";function a(e){return e&&\"object\"==typeof e&&\"default\"in e?e:{default:e}}var t=a(e),_={name:\"en-gb\",weekdays:\"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\"_\"),weekdaysShort:\"Sun_Mon_Tue_Wed_Thu_Fri_Sat\".split(\"_\"),weekdaysMin:\"Su_Mo_Tu_We_Th_Fr_Sa\".split(\"_\"),months:\"January_February_March_April_May_June_July_August_September_October_November_December\".split(\"_\"),monthsShort:\"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec\".split(\"_\"),weekStart:1,yearStart:4,relativeTime:{future:\"in %s\",past:\"%s ago\",s:\"a few seconds\",m:\"a minute\",mm:\"%d minutes\",h:\"an hour\",hh:\"%d hours\",d:\"a day\",dd:\"%d days\",M:\"a month\",MM:\"%d months\",y:\"a year\",yy:\"%d years\"},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"DD/MM/YYYY\",LL:\"D MMMM YYYY\",LLL:\"D MMMM YYYY HH:mm\",LLLL:\"dddd, D MMMM YYYY HH:mm\"},ordinal:function(e){var a=[\"th\",\"st\",\"nd\",\"rd\"],t=e%100;return\"[\"+e+(a[(t-20)%10]||a[t]||a[0])+\"]\"}};return t.default.locale(_,null,!0),_}));","import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './DatePicker';\n\n/**\n * Builder de sx para el DatePicker. Reutiliza `buildFormFieldSx` con\n * `includePickersApi: true` para cubrir tanto la API clásica (MuiInputBase /\n * MuiOutlinedInput) como la nueva (MuiPickersInputBase / MuiPickersOutlinedInput)\n * del DatePicker de MUI X v8.\n */\nexport const buildDatePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      // Secciones editables del PickersTextField (DD/MM/YYYY en API nueva).\n      '& .MuiPickersInputBase-sectionsContainer': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n    },\n  });\n","import type { DateValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el código de error del DatePicker de MUI X a un mensaje en español.\n * Se usa internamente para poblar `helperText` cuando hay error de validación\n * y el consumer no pasó un mensaje propio.\n */\nexport const getDateValidationMessage = (\n  error: DateValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n      return 'Fecha fuera del rango permitido';\n    case 'invalidDate':\n      return 'Formato de fecha inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas pasadas';\n    default:\n      return '';\n  }\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n  DatePicker as MuiDatePicker,\n  type DatePickerProps as MuiDatePickerProps,\n} from '@mui/x-date-pickers/DatePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport 'dayjs/locale/en-gb';\n\nimport { buildDatePickerSx } from './DatePicker.sx';\nimport { getDateValidationMessage } from './DatePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DatePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDatePickerProps\n  extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {\n  label?: string;\n  minDate?: Dayjs;\n  maxDate?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Border radius del input. Default: 10 */\n  borderRadius?: number | string;\n  /** \"outside\" = label arriba del campo (default). \"floating\" = label clásico MUI dentro del borde */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField renderizado. Default: 'small' */\n  size?: DatePickerSize;\n  /** helperText pasado al TextField (se sobrescribe por el error de validación si hay). */\n  helperText?: string;\n  /** Error external override. */\n  error?: boolean;\n  /** sx que se mergea al TextField interno del picker. */\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DatePicker`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  /** Locale para el adaptador dayjs. Default: 'en-gb'. */\n  adapterLocale?: string;\n  /** Passthrough a slotProps.textField. */\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDatePicker. */\n  slotProps?: MuiDatePickerProps['slotProps'];\n}\n\n// ── API pública ──────────────────────────────────────────────────────────\nexport interface DatePickerProps extends BaseDatePickerProps {\n  selectedDate: Dayjs | null;\n  onDateChange: (date: Dayjs | null) => void;\n}\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  label,\n  selectedDate,\n  onDateChange,\n  minDate,\n  maxDate,\n  disabled,\n  readOnly,\n  borderRadius = 10,\n  labelPosition = 'outside',\n  size = 'small',\n  helperText,\n  error: errorProp,\n  sx,\n  className,\n  preset,\n  adapterLocale = 'en-gb',\n  textFieldProps,\n  slotProps: slotPropsProp,\n  ...rest\n}) => {\n  const [validationError, setValidationError] = React.useState<DateValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateValidationMessage(validationError),\n    [validationError],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DatePicker', preset, theme);\n\n  const mergedSx = [\n    buildDatePickerSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const finalError = !!validationErrorMessage || !!errorProp;\n  const finalHelperText = validationErrorMessage || helperText;\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n      <MuiDatePicker\n        label={label}\n        value={selectedDate}\n        onChange={onDateChange}\n        minDate={minDate}\n        maxDate={maxDate}\n        onError={setValidationError}\n        disabled={disabled}\n        readOnly={readOnly}\n        className={className}\n        sx={mergedSx}\n        slotProps={{\n          ...slotPropsProp,\n          textField: {\n            fullWidth: true,\n            size,\n            variant: 'outlined',\n            ...(slotPropsProp?.textField as Record<string, any> | undefined),\n            ...textFieldProps,\n            error: !!finalError,\n            helperText: finalHelperText,\n          } as any,\n        }}\n        {...rest}\n      />\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePicker;\n"],"names":["module","this","e","a","t","buildFormFieldSx","FIELD_INPUT_PADDING_Y","useMemo","useTheme","resolvePreset","jsx","LocalizationProvider","AdapterDayjs","MuiDatePicker"],"mappings":"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","x_google_ignoreList":[0]}

package/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
+import { Dayjs } from 'dayjs';
+export type LabelPosition = 'outside' | 'floating';
+export type DatePickerSize = 'small' | 'medium';
+export interface BaseDatePickerProps extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {
+    label?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Border radius del input. Default: 10 */
+    borderRadius?: number | string;
+    /** "outside" = label arriba del campo (default). "floating" = label clásico MUI dentro del borde */
+    labelPosition?: LabelPosition;
+    /** Tamaño del TextField renderizado. Default: 'small' */
+    size?: DatePickerSize;
+    /** helperText pasado al TextField (se sobrescribe por el error de validación si hay). */
+    helperText?: string;
+    /** Error external override. */
+    error?: boolean;
+    /** sx que se mergea al TextField interno del picker. */
+    sx?: SxProps<Theme>;
+    className?: string;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.DatePicker`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    /** Locale para el adaptador dayjs. Default: 'en-gb'. */
+    adapterLocale?: string;
+    /** Passthrough a slotProps.textField. */
+    textFieldProps?: Record<string, any>;
+    /** Passthrough completo a slotProps del MuiDatePicker. */
+    slotProps?: MuiDatePickerProps['slotProps'];
+}
+export interface DatePickerProps extends BaseDatePickerProps {
+    selectedDate: Dayjs | null;
+    onDateChange: (date: Dayjs | null) => void;
+}
+export declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/{dist/components → components}/DatePicker/DatePicker.definitions.d.ts

@@ -5,3 +5,4 @@ export declare const DatePickerWithErrorDefinition = "\nimport React, { useState
 export declare const DatePickerSmallSizeDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerSmallSizeExample = () => {\n  const [selectedDate, setSelectedDate] = useState(dayjs());\n  return (\n    <Box sx={{ width: 250 }}>\n      <DatePicker\n        label=\"Fecha (Peque\u00F1o)\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        slotProps={{ textField: { size: 'small' } }} // Prop para hacer el TextField peque\u00F1o\n      />\n      <Typography sx={{ mt: 2 }}>\n        Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DatePickerDisabledDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerDisabledExample = () => {\n  const [selectedDate, setSelectedDate] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DatePicker\n        label=\"Fecha (Deshabilitado)\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        disabled\n      />\n      <Typography sx={{ mt: 2 }}>\n        Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DatePickerReadOnlyDefinition = "\n    import React, { useState } from 'react';\n    import { DatePicker } from '@soyfri/shared-library/DatePicker';\n    import dayjs from 'dayjs';\n    import { Box, Typography } from '@mui/material';\n\n    export const DatePickerReadOnlyDefinition = () => {\n    const [selectedDate, setSelectedDate] = useState<Dayjs | null>(dayjs('2024-07-24'));\n      return (\n        <Box sx={{ width: 300 }}>\n          <DatePicker\n            label=\"Fecha (Solo Lectura)\"\n            selectedDate={selectedDate}\n            onDateChange={() => {}} // No permite cambios\n            readOnly\n          />\n          <Typography sx={{ mt: 2 }}>\n            Fecha seleccionada: {selectedDate ? selectedDate.format('YYYY-MM-DD') : 'Ninguna'}\n          </Typography>\n        </Box>\n      );\n};\n";
+export declare const DatePickerEmptyWithMaskDefinition = "\nimport React, { useState } from 'react';\nimport { DatePicker } from '@soyfri/shared-library/DatePicker';\nimport { Dayjs } from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DatePickerEmptyWithMaskExample = () => {\n  const [selectedDate, setSelectedDate] = useState<Dayjs | null>(null);\n  return (\n    <Box sx={{ width: 300 }}>\n      <DatePicker\n        label=\"Fecha\"\n        selectedDate={selectedDate}\n        onDateChange={setSelectedDate}\n        format=\"DD/MM/YY\"\n      />\n      <Typography sx={{ mt: 2 }} variant=\"caption\" color=\"text.secondary\">\n        Al estar vac\u00EDo, el campo muestra la m\u00E1scara del formato (DD/MM/AA).\n      </Typography>\n    </Box>\n  );\n};\n";

package/components/DatePicker/DatePicker.helpers.d.ts

@@ -0,0 +1,7 @@
+import { DateValidationError } from '@mui/x-date-pickers/models';
+/**
+ * Traduce el código de error del DatePicker de MUI X a un mensaje en español.
+ * Se usa internamente para poblar `helperText` cuando hay error de validación
+ * y el consumer no pasó un mensaje propio.
+ */
+export declare const getDateValidationMessage: (error: DateValidationError | null) => string;

package/components/DatePicker/DatePicker.js

@@ -0,0 +1,180 @@
+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 { useTheme } from "@mui/material/styles";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { DatePicker as DatePicker$1 } from "@mui/x-date-pickers/DatePicker";
+import require$$0 from "dayjs";
+import { b as buildFormFieldSx } from "../../formField.sx-8_QRnKxv.js";
+import { F as FIELD_INPUT_PADDING_Y } from "../../tokens-BRrcP_p_.js";
+import { r as resolvePreset } from "../../resolvePreset-B-IB0ehH.js";
+var enGb$1 = { exports: {} };
+var enGb = enGb$1.exports;
+var hasRequiredEnGb;
+function requireEnGb() {
+  if (hasRequiredEnGb) return enGb$1.exports;
+  hasRequiredEnGb = 1;
+  (function(module, exports) {
+    !(function(e, a) {
+      module.exports = a(require$$0);
+    })(enGb, (function(e) {
+      function a(e2) {
+        return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
+      }
+      var t = a(e), _ = { name: "en-gb", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), weekdaysShort: "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"), weekdaysMin: "Su_Mo_Tu_We_Th_Fr_Sa".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), monthsShort: "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"), weekStart: 1, yearStart: 4, relativeTime: { future: "in %s", past: "%s ago", s: "a few seconds", m: "a minute", mm: "%d minutes", h: "an hour", hh: "%d hours", d: "a day", dd: "%d days", M: "a month", MM: "%d months", y: "a year", yy: "%d years" }, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd, D MMMM YYYY HH:mm" }, ordinal: function(e2) {
+        var a2 = ["th", "st", "nd", "rd"], t2 = e2 % 100;
+        return "[" + e2 + (a2[(t2 - 20) % 10] || a2[t2] || a2[0]) + "]";
+      } };
+      return t.default.locale(_, null, true), _;
+    }));
+  })(enGb$1);
+  return enGb$1.exports;
+}
+requireEnGb();
+const buildDatePickerSx = (borderRadius, labelPosition) => buildFormFieldSx({
+  borderRadius,
+  labelPosition,
+  includePickersApi: true,
+  extraOutsideSx: {
+    "& .MuiInputBase-input": {
+      paddingTop: FIELD_INPUT_PADDING_Y,
+      paddingBottom: FIELD_INPUT_PADDING_Y
+    },
+    // Secciones editables del PickersTextField (DD/MM/YYYY en API nueva).
+    "& .MuiPickersInputBase-sectionsContainer": {
+      paddingTop: FIELD_INPUT_PADDING_Y,
+      paddingBottom: FIELD_INPUT_PADDING_Y
+    }
+  }
+});
+const getDateValidationMessage = (error) => {
+  switch (error) {
+    case "minDate":
+    case "maxDate":
+      return "Fecha fuera del rango permitido";
+    case "invalidDate":
+      return "Formato de fecha inválido";
+    case "disableFuture":
+      return "No se permiten fechas futuras";
+    case "disablePast":
+      return "No se permiten fechas pasadas";
+    default:
+      return "";
+  }
+};
+const DatePicker = (_a) => {
+  var _b = _a, {
+    label,
+    selectedDate,
+    onDateChange,
+    minDate,
+    maxDate,
+    disabled,
+    readOnly,
+    borderRadius = 10,
+    labelPosition = "outside",
+    size = "small",
+    helperText,
+    error: errorProp,
+    sx,
+    className,
+    preset,
+    adapterLocale = "en-gb",
+    textFieldProps,
+    slotProps: slotPropsProp
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "selectedDate",
+    "onDateChange",
+    "minDate",
+    "maxDate",
+    "disabled",
+    "readOnly",
+    "borderRadius",
+    "labelPosition",
+    "size",
+    "helperText",
+    "error",
+    "sx",
+    "className",
+    "preset",
+    "adapterLocale",
+    "textFieldProps",
+    "slotProps"
+  ]);
+  const [validationError, setValidationError] = React__default.useState(null);
+  const validationErrorMessage = useMemo(
+    () => getDateValidationMessage(validationError),
+    [validationError]
+  );
+  const theme = useTheme();
+  const presetSx = resolvePreset("DatePicker", preset, theme);
+  const mergedSx = [
+    buildDatePickerSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const finalError = !!validationErrorMessage || !!errorProp;
+  const finalHelperText = validationErrorMessage || helperText;
+  return /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale, children: /* @__PURE__ */ jsx(
+    DatePicker$1,
+    __spreadValues({
+      label,
+      value: selectedDate,
+      onChange: onDateChange,
+      minDate,
+      maxDate,
+      onError: setValidationError,
+      disabled,
+      readOnly,
+      className,
+      sx: mergedSx,
+      slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
+        textField: __spreadProps(__spreadValues(__spreadValues({
+          fullWidth: true,
+          size,
+          variant: "outlined"
+        }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps), {
+          error: !!finalError,
+          helperText: finalHelperText
+        })
+      })
+    }, rest)
+  ) });
+};
+export {
+  DatePicker,
+  DatePicker as default
+};
+//# sourceMappingURL=DatePicker.js.map

package/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../node_modules/dayjs/locale/en-gb.js","../../../src/components/DatePicker/DatePicker.sx.ts","../../../src/components/DatePicker/DatePicker.helpers.ts","../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["!function(e,a){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=a(require(\"dayjs\")):\"function\"==typeof define&&define.amd?define([\"dayjs\"],a):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_locale_en_gb=a(e.dayjs)}(this,(function(e){\"use strict\";function a(e){return e&&\"object\"==typeof e&&\"default\"in e?e:{default:e}}var t=a(e),_={name:\"en-gb\",weekdays:\"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday\".split(\"_\"),weekdaysShort:\"Sun_Mon_Tue_Wed_Thu_Fri_Sat\".split(\"_\"),weekdaysMin:\"Su_Mo_Tu_We_Th_Fr_Sa\".split(\"_\"),months:\"January_February_March_April_May_June_July_August_September_October_November_December\".split(\"_\"),monthsShort:\"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec\".split(\"_\"),weekStart:1,yearStart:4,relativeTime:{future:\"in %s\",past:\"%s ago\",s:\"a few seconds\",m:\"a minute\",mm:\"%d minutes\",h:\"an hour\",hh:\"%d hours\",d:\"a day\",dd:\"%d days\",M:\"a month\",MM:\"%d months\",y:\"a year\",yy:\"%d years\"},formats:{LT:\"HH:mm\",LTS:\"HH:mm:ss\",L:\"DD/MM/YYYY\",LL:\"D MMMM YYYY\",LLL:\"D MMMM YYYY HH:mm\",LLLL:\"dddd, D MMMM YYYY HH:mm\"},ordinal:function(e){var a=[\"th\",\"st\",\"nd\",\"rd\"],t=e%100;return\"[\"+e+(a[(t-20)%10]||a[t]||a[0])+\"]\"}};return t.default.locale(_,null,!0),_}));","import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './DatePicker';\n\n/**\n * Builder de sx para el DatePicker. Reutiliza `buildFormFieldSx` con\n * `includePickersApi: true` para cubrir tanto la API clásica (MuiInputBase /\n * MuiOutlinedInput) como la nueva (MuiPickersInputBase / MuiPickersOutlinedInput)\n * del DatePicker de MUI X v8.\n */\nexport const buildDatePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      // Secciones editables del PickersTextField (DD/MM/YYYY en API nueva).\n      '& .MuiPickersInputBase-sectionsContainer': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n    },\n  });\n","import type { DateValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el código de error del DatePicker de MUI X a un mensaje en español.\n * Se usa internamente para poblar `helperText` cuando hay error de validación\n * y el consumer no pasó un mensaje propio.\n */\nexport const getDateValidationMessage = (\n  error: DateValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n      return 'Fecha fuera del rango permitido';\n    case 'invalidDate':\n      return 'Formato de fecha inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas pasadas';\n    default:\n      return '';\n  }\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n  DatePicker as MuiDatePicker,\n  type DatePickerProps as MuiDatePickerProps,\n} from '@mui/x-date-pickers/DatePicker';\nimport { DateValidationError } from '@mui/x-date-pickers/models';\nimport { Dayjs } from 'dayjs';\nimport 'dayjs/locale/en-gb';\n\nimport { buildDatePickerSx } from './DatePicker.sx';\nimport { getDateValidationMessage } from './DatePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DatePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDatePickerProps\n  extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {\n  label?: string;\n  minDate?: Dayjs;\n  maxDate?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Border radius del input. Default: 10 */\n  borderRadius?: number | string;\n  /** \"outside\" = label arriba del campo (default). \"floating\" = label clásico MUI dentro del borde */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField renderizado. Default: 'small' */\n  size?: DatePickerSize;\n  /** helperText pasado al TextField (se sobrescribe por el error de validación si hay). */\n  helperText?: string;\n  /** Error external override. */\n  error?: boolean;\n  /** sx que se mergea al TextField interno del picker. */\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DatePicker`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  /** Locale para el adaptador dayjs. Default: 'en-gb'. */\n  adapterLocale?: string;\n  /** Passthrough a slotProps.textField. */\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDatePicker. */\n  slotProps?: MuiDatePickerProps['slotProps'];\n}\n\n// ── API pública ──────────────────────────────────────────────────────────\nexport interface DatePickerProps extends BaseDatePickerProps {\n  selectedDate: Dayjs | null;\n  onDateChange: (date: Dayjs | null) => void;\n}\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  label,\n  selectedDate,\n  onDateChange,\n  minDate,\n  maxDate,\n  disabled,\n  readOnly,\n  borderRadius = 10,\n  labelPosition = 'outside',\n  size = 'small',\n  helperText,\n  error: errorProp,\n  sx,\n  className,\n  preset,\n  adapterLocale = 'en-gb',\n  textFieldProps,\n  slotProps: slotPropsProp,\n  ...rest\n}) => {\n  const [validationError, setValidationError] = React.useState<DateValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateValidationMessage(validationError),\n    [validationError],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DatePicker', preset, theme);\n\n  const mergedSx = [\n    buildDatePickerSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const finalError = !!validationErrorMessage || !!errorProp;\n  const finalHelperText = validationErrorMessage || helperText;\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapterLocale}>\n      <MuiDatePicker\n        label={label}\n        value={selectedDate}\n        onChange={onDateChange}\n        minDate={minDate}\n        maxDate={maxDate}\n        onError={setValidationError}\n        disabled={disabled}\n        readOnly={readOnly}\n        className={className}\n        sx={mergedSx}\n        slotProps={{\n          ...slotPropsProp,\n          textField: {\n            fullWidth: true,\n            size,\n            variant: 'outlined',\n            ...(slotPropsProp?.textField as Record<string, any> | undefined),\n            ...textFieldProps,\n            error: !!finalError,\n            helperText: finalHelperText,\n          } as any,\n        }}\n        {...rest}\n      />\n    </LocalizationProvider>\n  );\n};\n\nexport default DatePicker;\n"],"names":["this","e","a","t","React","MuiDatePicker"],"mappings":"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","x_google_ignoreList":[0]}

package/components/DatePicker/DatePicker.sx.d.ts

@@ -0,0 +1,9 @@
+import { SxProps, Theme } from '@mui/material';
+import { LabelPosition } from './DatePicker';
+/**
+ * Builder de sx para el DatePicker. Reutiliza `buildFormFieldSx` con
+ * `includePickersApi: true` para cubrir tanto la API clásica (MuiInputBase /
+ * MuiOutlinedInput) como la nueva (MuiPickersInputBase / MuiPickersOutlinedInput)
+ * del DatePicker de MUI X v8.
+ */
+export declare const buildDatePickerSx: (borderRadius: number | string, labelPosition: LabelPosition) => SxProps<Theme>;

package/components/DatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { DatePicker, default } from './DatePicker';
+export type { DatePickerProps, BaseDatePickerProps, LabelPosition, DatePickerSize, } from './DatePicker';

package/components/DatePicker.d.ts

@@ -0,0 +1,6 @@
+export * from './DatePicker/index'
+export {}
+import _default from './DatePicker/index'
+export default _default
+export * from './DatePicker/index'
+export {}