@soyfri/shared-library 3.1.0 → 3.2.0

package/{DatePicker-_IGWc3I5.js → DatePicker-D__RSgs-.js}

@@ -35,10 +35,14 @@ 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 { esES } from "@mui/x-date-pickers/locales";
 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 { b as buildFormFieldSx } from "./formField.sx-DD1sxwWH.js";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+import { F as FIELD_BORDER_RADIUS } from "./tokens-DE2fV3a9.js";
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
 var enGb$1 = { exports: {} };
 var enGb = enGb$1.exports;
 var hasRequiredEnGb;
@@ -61,22 +65,12 @@ function requireEnGb() {
   })(enGb$1);
   return enGb$1.exports;
 }
-requireEnGb();
+var enGbExports = requireEnGb();
+const enGbLocale = /* @__PURE__ */ getDefaultExportFromCjs(enGbExports);
 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
-    }
-  }
+  includePickersApi: true
 });
 const getDateValidationMessage = (error) => {
   switch (error) {
@@ -93,6 +87,7 @@ const getDateValidationMessage = (error) => {
       return "";
   }
 };
+require$$0.locale(enGbLocale, void 0, true);
 const DatePicker = (_a) => {
   var _b = _a, {
     label,
@@ -102,7 +97,7 @@ const DatePicker = (_a) => {
     maxDate,
     disabled,
     readOnly,
-    borderRadius = 10,
+    borderRadius = FIELD_BORDER_RADIUS,
     labelPosition = "outside",
     size = "small",
     helperText,
@@ -146,33 +141,41 @@ const DatePicker = (_a) => {
   ];
   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)
-  ) });
+  return /* @__PURE__ */ jsx(
+    LocalizationProvider,
+    {
+      dateAdapter: AdapterDayjs,
+      adapterLocale,
+      localeText: esES.components.MuiLocalizationProvider.defaultProps.localeText,
+      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 as D
 };
-//# sourceMappingURL=DatePicker-_IGWc3I5.js.map
+//# sourceMappingURL=DatePicker-D__RSgs-.js.map

package/DatePicker-D__RSgs-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-D__RSgs-.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 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  });\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 { esES } from '@mui/x-date-pickers/locales';\nimport dayjs, { Dayjs } from 'dayjs';\nimport enGbLocale from 'dayjs/locale/en-gb';\n\nimport { buildDatePickerSx } from './DatePicker.sx';\nimport { getDateValidationMessage } from './DatePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// Registrar el locale por defecto sin activarlo globalmente. El binding usado\n// (no un side-effect import pelado) evita que el tree-shaking del build de la\n// librería elimine el locale — con solo `import 'dayjs/locale/en-gb'` el chunk\n// publicado lo perdía y los pickers caían al formato 'en' (MM/DD/YYYY).\ndayjs.locale(enGbLocale, undefined, true);\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 = FIELD_BORDER_RADIUS,\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    ...(presetSx ? [presetSx] : [buildDatePickerSx(borderRadius, labelPosition)]),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const finalError = !!validationErrorMessage || !!errorProp;\n  const finalHelperText = validationErrorMessage || helperText;\n\n  return (\n    <LocalizationProvider\n      dateAdapter={AdapterDayjs}\n      adapterLocale={adapterLocale}\n      localeText={esES.components.MuiLocalizationProvider.defaultProps.localeText}\n    >\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","dayjs","React","MuiDatePicker"],"mappings":"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","x_google_ignoreList":[0]}

package/{DateTimePicker-BxQyjTCY.cjs → DateTimePicker-BVJGq1A0.cjs}

@@ -36,24 +36,15 @@ const styles = require("@mui/material/styles");
 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 locales = require("@mui/x-date-pickers/locales");
 const reactHookForm = require("react-hook-form");
-const formField_sx = require("./formField.sx-BAX7KwMR.cjs");
-const tokens = require("./tokens-jaWWNk39.cjs");
+const formField_sx = require("./formField.sx-BZj7TaMa.cjs");
 const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const tokens = require("./tokens-BGPazVFO.cjs");
 const buildDateTimePickerSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
   borderRadius,
   labelPosition,
-  includePickersApi: true,
-  extraOutsideSx: {
-    "& .MuiInputBase-input": {
-      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
-      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
-    },
-    "& .MuiPickersInputBase-sectionsContainer": {
-      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
-      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
-    }
-  }
+  includePickersApi: true
 });
 const getDateTimeValidationMessage = (error) => {
   switch (error) {
@@ -89,7 +80,7 @@ const DateTimePicker = (props) => {
     disabled,
     readOnly,
     inputFormat,
-    borderRadius = 10,
+    borderRadius = tokens.FIELD_BORDER_RADIUS,
     labelPosition = "outside",
     size = "small",
     helperText,
@@ -158,6 +149,7 @@ const DateTimePicker = (props) => {
       {
         dateAdapter: AdapterDayjs.AdapterDayjs,
         adapterLocale,
+        localeText: locales.esES.components.MuiLocalizationProvider.defaultProps.localeText,
         children: /* @__PURE__ */ jsxRuntime.jsx(
           DateTimePicker$1.DateTimePicker,
           __spreadValues({
@@ -226,4 +218,4 @@ const DateTimePicker = (props) => {
   return renderPicker(selectedDateTime, onDateTimeChange);
 };
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-BxQyjTCY.cjs.map
+//# sourceMappingURL=DateTimePicker-BVJGq1A0.cjs.map

package/DateTimePicker-BVJGq1A0.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-BVJGq1A0.cjs","sources":["../src/components/DateTimePicker/DateTimePicker.sx.ts","../src/components/DateTimePicker/DateTimePicker.helpers.ts","../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport type { LabelPosition } from './DateTimePicker';\n\n/**\n * Builder de sx para el DateTimePicker. Mismo patrón que DatePicker.\n * Usa `includePickersApi: true` para soportar la API nueva de MUI X v8.\n */\nexport const buildDateTimePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n  });\n","import type { DateTimeValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n * Cubre tanto errores de fecha (`minDate`, `maxDate`, etc.) como de hora\n * (`minTime`, `maxTime`, `minutesStep`, etc.).\n */\nexport const getDateTimeValidationMessage = (\n  error: DateTimeValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n    case 'minTime':\n    case 'maxTime':\n      return 'Fecha/hora fuera del rango permitido';\n    case 'invalidDate':\n      return 'Formato de fecha/hora inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas/horas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas/horas pasadas';\n    case 'minutesStep':\n      return 'Minutos no válidos para el paso configurado';\n    default:\n      return '';\n  }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n  clearButtonText?: string,\n  cancelButtonText?: string,\n  acceptButtonText?: string,\n): Record<string, string> => {\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};\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  DateTimePicker as MuiDateTimePicker,\n  type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport type { DateTimeValidationError } from '@mui/x-date-pickers/models';\nimport { esES } from '@mui/x-date-pickers/locales';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerSx } from './DateTimePicker.sx';\nimport {\n  buildLocaleText,\n  getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n  extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n  label?: string;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n  inputFormat?: string;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) o \"floating\". */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: DateTimePickerSize;\n  helperText?: string;\n  error?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\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 del adaptador dayjs. */\n  adapterLocale?: string;\n  /** Textos de los botones del popover. */\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  /** Si es true usa formato 12h (AM/PM), false = 24h. Default: false. */\n  ampm?: boolean;\n  viewRenderers?: MuiDateTimePickerProps['viewRenderers'];\n  timeSteps?: MuiDateTimePickerProps['timeSteps'];\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDateTimePicker. */\n  slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (dateTime: Dayjs | null) => void;\n  selectedDateTime?: never;\n  onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n  | RHFDateTimePickerProps\n  | ControlledDateTimePickerProps;\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = (props) => {\n  const {\n    label,\n    minDateTime,\n    maxDateTime,\n    disabled,\n    readOnly,\n    inputFormat,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    size = 'small',\n    helperText,\n    error: errorProp,\n    sx,\n    className,\n    preset,\n    adapterLocale,\n    clearButtonText,\n    cancelButtonText,\n    acceptButtonText,\n    minutesStep,\n    minTime,\n    ampm = false,\n    viewRenderers,\n    timeSteps,\n    textFieldProps,\n    slotProps: slotPropsProp,\n    ...rest\n  } = props as ControlledDateTimePickerProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const [validationError, setValidationError] = React.useState<DateTimeValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateTimeValidationMessage(validationError),\n    [validationError],\n  );\n\n  const customLocaleText = useMemo(\n    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n    [clearButtonText, cancelButtonText, acceptButtonText],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n  const mergedSx = [\n    ...(presetSx ? [presetSx] : [buildDateTimePickerSx(borderRadius, labelPosition)]),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderPicker = (\n    value: Dayjs | null,\n    onChange: (date: Dayjs | null) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n    return (\n      <LocalizationProvider\n        dateAdapter={AdapterDayjs}\n        adapterLocale={adapterLocale}\n        localeText={esES.components.MuiLocalizationProvider.defaultProps.localeText}\n      >\n        <MuiDateTimePicker\n          className={className}\n          label={label}\n          value={value}\n          onChange={onChange}\n          onError={setValidationError}\n          minDateTime={minDateTime}\n          maxDateTime={maxDateTime}\n          minutesStep={minutesStep}\n          disabled={disabled}\n          readOnly={readOnly}\n          minTime={minTime}\n          format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n          ampm={ampm}\n          viewRenderers={viewRenderers}\n          timeSteps={timeSteps}\n          sx={mergedSx}\n          slotProps={{\n            ...slotPropsProp,\n            textField: {\n              fullWidth: true,\n              size,\n              variant: 'outlined',\n              // Consumer overrides visuales / de comportamiento opcionales.\n              ...(slotPropsProp?.textField as Record<string, any> | undefined),\n              ...textFieldProps,\n              // Props críticas al final: ganan al consumer para no romper la\n              // integración con RHF ni desactivar el visual de error.\n              onBlur,\n              inputRef,\n              error: !!finalError,\n              helperText: finalHelperText,\n            } as any,\n          }}\n          localeText={customLocaleText}\n          {...rest}\n        />\n      </LocalizationProvider>\n    );\n  };\n\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFDateTimePickerProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderPicker(\n            field.value ?? null,\n            (next) => {\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n  return renderPicker(selectedDateTime, onDateTimeChange);\n};\n\nexport default DateTimePicker;\n"],"names":["buildFormFieldSx","FIELD_BORDER_RADIUS","useMemo","useTheme","resolvePreset","jsx","LocalizationProvider","AdapterDayjs","esES","MuiDateTimePicker","Controller","_a"],"mappings":"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"}

package/{DateTimePicker-CrmWav_j.js → DateTimePicker-LeaE716a.js}

@@ -35,24 +35,15 @@ import { useTheme } from "@mui/material/styles";
 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 { esES } from "@mui/x-date-pickers/locales";
 import { Controller } from "react-hook-form";
-import { b as buildFormFieldSx } from "./formField.sx-8_QRnKxv.js";
-import { F as FIELD_INPUT_PADDING_Y } from "./tokens-BRrcP_p_.js";
+import { b as buildFormFieldSx } from "./formField.sx-DD1sxwWH.js";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+import { F as FIELD_BORDER_RADIUS } from "./tokens-DE2fV3a9.js";
 const buildDateTimePickerSx = (borderRadius, labelPosition) => buildFormFieldSx({
   borderRadius,
   labelPosition,
-  includePickersApi: true,
-  extraOutsideSx: {
-    "& .MuiInputBase-input": {
-      paddingTop: FIELD_INPUT_PADDING_Y,
-      paddingBottom: FIELD_INPUT_PADDING_Y
-    },
-    "& .MuiPickersInputBase-sectionsContainer": {
-      paddingTop: FIELD_INPUT_PADDING_Y,
-      paddingBottom: FIELD_INPUT_PADDING_Y
-    }
-  }
+  includePickersApi: true
 });
 const getDateTimeValidationMessage = (error) => {
   switch (error) {
@@ -88,7 +79,7 @@ const DateTimePicker = (props) => {
     disabled,
     readOnly,
     inputFormat,
-    borderRadius = 10,
+    borderRadius = FIELD_BORDER_RADIUS,
     labelPosition = "outside",
     size = "small",
     helperText,
@@ -157,6 +148,7 @@ const DateTimePicker = (props) => {
       {
         dateAdapter: AdapterDayjs,
         adapterLocale,
+        localeText: esES.components.MuiLocalizationProvider.defaultProps.localeText,
         children: /* @__PURE__ */ jsx(
           DateTimePicker$1,
           __spreadValues({
@@ -227,4 +219,4 @@ const DateTimePicker = (props) => {
 export {
   DateTimePicker as D
 };
-//# sourceMappingURL=DateTimePicker-CrmWav_j.js.map
+//# sourceMappingURL=DateTimePicker-LeaE716a.js.map

package/DateTimePicker-LeaE716a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-LeaE716a.js","sources":["../src/components/DateTimePicker/DateTimePicker.sx.ts","../src/components/DateTimePicker/DateTimePicker.helpers.ts","../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport type { LabelPosition } from './DateTimePicker';\n\n/**\n * Builder de sx para el DateTimePicker. Mismo patrón que DatePicker.\n * Usa `includePickersApi: true` para soportar la API nueva de MUI X v8.\n */\nexport const buildDateTimePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n  });\n","import type { DateTimeValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n * Cubre tanto errores de fecha (`minDate`, `maxDate`, etc.) como de hora\n * (`minTime`, `maxTime`, `minutesStep`, etc.).\n */\nexport const getDateTimeValidationMessage = (\n  error: DateTimeValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n    case 'minTime':\n    case 'maxTime':\n      return 'Fecha/hora fuera del rango permitido';\n    case 'invalidDate':\n      return 'Formato de fecha/hora inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas/horas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas/horas pasadas';\n    case 'minutesStep':\n      return 'Minutos no válidos para el paso configurado';\n    default:\n      return '';\n  }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n  clearButtonText?: string,\n  cancelButtonText?: string,\n  acceptButtonText?: string,\n): Record<string, string> => {\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};\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  DateTimePicker as MuiDateTimePicker,\n  type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport type { DateTimeValidationError } from '@mui/x-date-pickers/models';\nimport { esES } from '@mui/x-date-pickers/locales';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerSx } from './DateTimePicker.sx';\nimport {\n  buildLocaleText,\n  getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n  extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n  label?: string;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n  inputFormat?: string;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) o \"floating\". */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: DateTimePickerSize;\n  helperText?: string;\n  error?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\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 del adaptador dayjs. */\n  adapterLocale?: string;\n  /** Textos de los botones del popover. */\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  /** Si es true usa formato 12h (AM/PM), false = 24h. Default: false. */\n  ampm?: boolean;\n  viewRenderers?: MuiDateTimePickerProps['viewRenderers'];\n  timeSteps?: MuiDateTimePickerProps['timeSteps'];\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDateTimePicker. */\n  slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (dateTime: Dayjs | null) => void;\n  selectedDateTime?: never;\n  onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n  | RHFDateTimePickerProps\n  | ControlledDateTimePickerProps;\n\nexport const DateTimePicker: React.FC<DateTimePickerProps> = (props) => {\n  const {\n    label,\n    minDateTime,\n    maxDateTime,\n    disabled,\n    readOnly,\n    inputFormat,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    size = 'small',\n    helperText,\n    error: errorProp,\n    sx,\n    className,\n    preset,\n    adapterLocale,\n    clearButtonText,\n    cancelButtonText,\n    acceptButtonText,\n    minutesStep,\n    minTime,\n    ampm = false,\n    viewRenderers,\n    timeSteps,\n    textFieldProps,\n    slotProps: slotPropsProp,\n    ...rest\n  } = props as ControlledDateTimePickerProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const [validationError, setValidationError] = React.useState<DateTimeValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateTimeValidationMessage(validationError),\n    [validationError],\n  );\n\n  const customLocaleText = useMemo(\n    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n    [clearButtonText, cancelButtonText, acceptButtonText],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n  const mergedSx = [\n    ...(presetSx ? [presetSx] : [buildDateTimePickerSx(borderRadius, labelPosition)]),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderPicker = (\n    value: Dayjs | null,\n    onChange: (date: Dayjs | null) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n    return (\n      <LocalizationProvider\n        dateAdapter={AdapterDayjs}\n        adapterLocale={adapterLocale}\n        localeText={esES.components.MuiLocalizationProvider.defaultProps.localeText}\n      >\n        <MuiDateTimePicker\n          className={className}\n          label={label}\n          value={value}\n          onChange={onChange}\n          onError={setValidationError}\n          minDateTime={minDateTime}\n          maxDateTime={maxDateTime}\n          minutesStep={minutesStep}\n          disabled={disabled}\n          readOnly={readOnly}\n          minTime={minTime}\n          format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n          ampm={ampm}\n          viewRenderers={viewRenderers}\n          timeSteps={timeSteps}\n          sx={mergedSx}\n          slotProps={{\n            ...slotPropsProp,\n            textField: {\n              fullWidth: true,\n              size,\n              variant: 'outlined',\n              // Consumer overrides visuales / de comportamiento opcionales.\n              ...(slotPropsProp?.textField as Record<string, any> | undefined),\n              ...textFieldProps,\n              // Props críticas al final: ganan al consumer para no romper la\n              // integración con RHF ni desactivar el visual de error.\n              onBlur,\n              inputRef,\n              error: !!finalError,\n              helperText: finalHelperText,\n            } as any,\n          }}\n          localeText={customLocaleText}\n          {...rest}\n        />\n      </LocalizationProvider>\n    );\n  };\n\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFDateTimePickerProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderPicker(\n            field.value ?? null,\n            (next) => {\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n  return renderPicker(selectedDateTime, onDateTimeChange);\n};\n\nexport default DateTimePicker;\n"],"names":["React","MuiDateTimePicker","_a"],"mappings":"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"}

package/DrawerItem--OTb3X9v.cjs

@@ -0,0 +1,270 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const styles = require("@mui/material/styles");
+const ChevronLeftIcon = require("@mui/icons-material/ChevronLeft");
+const ChevronRightIcon = require("@mui/icons-material/ChevronRight");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const DrawerContext = React.createContext(null);
+function useDrawerContext() {
+  const ctx = React.useContext(DrawerContext);
+  if (ctx) return ctx;
+  return { collapsed: false, width: 260 };
+}
+function buildDrawerSx({
+  width,
+  transitionDuration = 200
+}) {
+  return {
+    width,
+    flexShrink: 0,
+    whiteSpace: "nowrap",
+    boxSizing: "border-box",
+    transition: (theme) => theme.transitions.create("width", {
+      easing: theme.transitions.easing.sharp,
+      duration: transitionDuration
+    }),
+    "& .MuiDrawer-paper": {
+      width,
+      boxSizing: "border-box",
+      overflowX: "hidden",
+      transition: (theme) => theme.transitions.create("width", {
+        easing: theme.transitions.easing.sharp,
+        duration: transitionDuration
+      })
+    }
+  };
+}
+function buildDrawerItemSx({
+  collapsed,
+  active,
+  danger
+}) {
+  return (theme) => ({
+    minHeight: 44,
+    px: collapsed ? 1 : 2,
+    py: 1,
+    mx: 1,
+    my: 0.25,
+    borderRadius: 1,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: collapsed ? "center" : "flex-start",
+    gap: collapsed ? 0 : 1.5,
+    cursor: "pointer",
+    color: danger ? theme.palette.error.main : active ? theme.palette.primary.main : theme.palette.text.primary,
+    backgroundColor: active ? theme.palette.action.selected : "transparent",
+    transition: theme.transitions.create(
+      ["background-color", "color", "padding"],
+      { duration: 150 }
+    ),
+    "&:hover": {
+      backgroundColor: danger ? styles.alpha(theme.palette.error.main, 0.08) : theme.palette.action.hover
+    },
+    "& .drawer-item__icon": {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexShrink: 0,
+      minWidth: 24
+    },
+    "& .drawer-item__label": {
+      flex: 1,
+      minWidth: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap",
+      opacity: collapsed ? 0 : 1,
+      width: collapsed ? 0 : "auto",
+      transition: theme.transitions.create(["opacity", "width"], {
+        duration: collapsed ? 100 : 200
+      })
+    }
+  });
+}
+function Drawer({
+  children,
+  variant = "permanent",
+  anchor = "left",
+  collapsed = false,
+  onToggleCollapse,
+  open,
+  onClose,
+  expandedWidth = 260,
+  collapsedWidth = 72,
+  showCollapseButton,
+  header,
+  logo,
+  footer,
+  preset,
+  sx,
+  paperSx,
+  className
+}) {
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("Drawer", preset, theme);
+  const supportsCollapsed = variant !== "temporary";
+  const effectiveWidth = supportsCollapsed && collapsed ? collapsedWidth : expandedWidth;
+  const contextValue = React.useMemo(
+    () => ({
+      collapsed: supportsCollapsed && collapsed,
+      width: effectiveWidth
+    }),
+    [supportsCollapsed, collapsed, effectiveWidth]
+  );
+  const rootSx = [
+    buildDrawerSx({ width: effectiveWidth }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const shouldShowToggle = showCollapseButton != null ? showCollapseButton : supportsCollapsed && !!onToggleCollapse;
+  const openProp = variant === "permanent" ? true : open !== void 0 ? open : false;
+  return /* @__PURE__ */ jsxRuntime.jsx(DrawerContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Drawer,
+    {
+      variant,
+      anchor,
+      open: openProp,
+      onClose,
+      className,
+      sx: rootSx,
+      slotProps: {
+        paper: {
+          sx: paperSx
+        }
+      },
+      children: [
+        (logo || shouldShowToggle) && /* @__PURE__ */ jsxRuntime.jsxs(
+          material.Box,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: contextValue.collapsed ? "column" : "row",
+              alignItems: "center",
+              justifyContent: contextValue.collapsed ? "center" : logo ? "space-between" : "flex-end",
+              gap: contextValue.collapsed ? 0.5 : 0,
+              px: contextValue.collapsed ? 1 : 2,
+              py: 1,
+              minHeight: 64,
+              flexShrink: 0
+            },
+            children: [
+              logo && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { display: "flex", alignItems: "center", minWidth: 0 }, children: logo }),
+              shouldShowToggle && /* @__PURE__ */ jsxRuntime.jsx(
+                material.IconButton,
+                {
+                  size: "small",
+                  onClick: onToggleCollapse,
+                  "aria-label": collapsed ? "Expandir menú" : "Colapsar menú",
+                  children: collapsed ? /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(ChevronLeftIcon, {})
+                }
+              )
+            ]
+          }
+        ),
+        header && !contextValue.collapsed && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Box,
+          {
+            sx: {
+              display: "flex",
+              alignItems: "center",
+              px: 2,
+              py: 1.5,
+              minHeight: 56,
+              flexShrink: 0
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { sx: { flex: 1, minWidth: 0 }, children: header })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Box,
+          {
+            component: "nav",
+            sx: {
+              flex: 1,
+              overflowY: "auto",
+              overflowX: "hidden",
+              py: 1
+            },
+            children
+          }
+        ),
+        footer && /* @__PURE__ */ jsxRuntime.jsx(
+          material.Box,
+          {
+            sx: {
+              flexShrink: 0,
+              borderTop: (t) => `1px solid ${t.palette.divider}`,
+              p: contextValue.collapsed ? 1 : 1.5,
+              display: "flex",
+              justifyContent: contextValue.collapsed ? "center" : "flex-start"
+            },
+            children: footer
+          }
+        )
+      ]
+    }
+  ) });
+}
+function DrawerItem({
+  icon,
+  label,
+  tooltipText,
+  onClick,
+  active = false,
+  danger = false,
+  disabled = false,
+  endAdornment,
+  sx,
+  className
+}) {
+  const { collapsed } = useDrawerContext();
+  const baseSx = buildDrawerItemSx({ collapsed, active, danger });
+  const mergedSx = [
+    baseSx,
+    disabled && { pointerEvents: "none", opacity: 0.5 },
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ].filter(Boolean);
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Box,
+    {
+      role: "button",
+      tabIndex: disabled ? -1 : 0,
+      "aria-disabled": disabled,
+      onClick: disabled ? void 0 : onClick,
+      onKeyDown: (event) => {
+        if (disabled) return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onClick == null ? void 0 : onClick(event);
+        }
+      },
+      className,
+      sx: mergedSx,
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "drawer-item__icon", component: "span", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.Typography,
+          {
+            component: "span",
+            variant: "body2",
+            className: "drawer-item__label",
+            sx: { fontWeight: active ? 600 : 400 },
+            children: label
+          }
+        ),
+        !collapsed && endAdornment && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { component: "span", sx: { flexShrink: 0, ml: "auto" }, children: endAdornment })
+      ]
+    }
+  );
+  const resolvedTooltip = tooltipText != null ? tooltipText : typeof label === "string" ? label : void 0;
+  if (collapsed && resolvedTooltip) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: resolvedTooltip, placement: "right", arrow: true, children: content });
+  }
+  return content;
+}
+exports.Drawer = Drawer;
+exports.DrawerItem = DrawerItem;
+exports.useDrawerContext = useDrawerContext;
+//# sourceMappingURL=DrawerItem--OTb3X9v.cjs.map

package/DrawerItem--OTb3X9v.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerItem--OTb3X9v.cjs","sources":["../src/components/Drawer/DrawerContext.ts","../src/components/Drawer/Drawer.sx.ts","../src/components/Drawer/Drawer.tsx","../src/components/Drawer/DrawerItem.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\n/**\n * Context interno del Drawer. Permite que los sub-componentes (DrawerItem,\n * DrawerSection, etc.) reaccionen al estado `collapsed` sin necesidad de\n * recibirlo por props explícitas.\n */\nexport interface DrawerContextValue {\n  /** Si el drawer está en modo mini (solo iconos). */\n  collapsed: boolean;\n  /** Ancho actual del drawer (útil para sub-componentes que necesiten layout). */\n  width: number;\n}\n\nexport const DrawerContext = createContext<DrawerContextValue | null>(null);\n\n/**\n * Hook para leer el estado del drawer desde cualquier sub-componente. Si se\n * llama fuera de un `<Drawer>`, devuelve valores por defecto (collapsed=false)\n * para que los items renderizados sueltos no exploten.\n */\nexport function useDrawerContext(): DrawerContextValue {\n  const ctx = useContext(DrawerContext);\n  if (ctx) return ctx;\n  return { collapsed: false, width: 260 };\n}\n","import { alpha, type SxProps, type Theme } from '@mui/material/styles';\n\nexport interface BuildDrawerSxArgs {\n  /** Ancho actual del drawer (expanded o collapsed). */\n  width: number;\n  /** Duración de la transición de ancho en ms. */\n  transitionDuration?: number;\n}\n\n/**\n * sx aplicado al root del MuiDrawer. Controla el ancho animado y el paper\n * interno. Los estilos visuales del paper (background, border) se dejan en\n * manos del theme / preset.\n */\nexport function buildDrawerSx({\n  width,\n  transitionDuration = 200,\n}: BuildDrawerSxArgs): SxProps<Theme> {\n  return {\n    width,\n    flexShrink: 0,\n    whiteSpace: 'nowrap',\n    boxSizing: 'border-box',\n    transition: (theme) =>\n      theme.transitions.create('width', {\n        easing: theme.transitions.easing.sharp,\n        duration: transitionDuration,\n      }),\n    '& .MuiDrawer-paper': {\n      width,\n      boxSizing: 'border-box',\n      overflowX: 'hidden',\n      transition: (theme) =>\n        theme.transitions.create('width', {\n          easing: theme.transitions.easing.sharp,\n          duration: transitionDuration,\n        }),\n    },\n  };\n}\n\nexport interface BuildDrawerItemSxArgs {\n  collapsed: boolean;\n  active?: boolean;\n  danger?: boolean;\n}\n\n/**\n * sx para un item del drawer. Centra el icono cuando está colapsado y\n * tiñe el fondo cuando el item está activo.\n */\nexport function buildDrawerItemSx({\n  collapsed,\n  active,\n  danger,\n}: BuildDrawerItemSxArgs): SxProps<Theme> {\n  return (theme) => ({\n    minHeight: 44,\n    px: collapsed ? 1 : 2,\n    py: 1,\n    mx: 1,\n    my: 0.25,\n    borderRadius: 1,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: collapsed ? 'center' : 'flex-start',\n    gap: collapsed ? 0 : 1.5,\n    cursor: 'pointer',\n    color: danger\n      ? theme.palette.error.main\n      : active\n        ? theme.palette.primary.main\n        : theme.palette.text.primary,\n    backgroundColor: active\n      ? theme.palette.action.selected\n      : 'transparent',\n    transition: theme.transitions.create(\n      ['background-color', 'color', 'padding'],\n      { duration: 150 },\n    ),\n    '&:hover': {\n      backgroundColor: danger\n        ? alpha(theme.palette.error.main, 0.08)\n        : theme.palette.action.hover,\n    },\n    '& .drawer-item__icon': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      minWidth: 24,\n    },\n    '& .drawer-item__label': {\n      flex: 1,\n      minWidth: 0,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      whiteSpace: 'nowrap',\n      opacity: collapsed ? 0 : 1,\n      width: collapsed ? 0 : 'auto',\n      transition: theme.transitions.create(['opacity', 'width'], {\n        duration: collapsed ? 100 : 200,\n      }),\n    },\n  });\n}\n","import { useMemo, type ReactNode } from 'react';\nimport {\n  Drawer as MuiDrawer,\n  IconButton,\n  Box,\n  type DrawerProps as MuiDrawerProps,\n} from '@mui/material';\nimport {\n  useTheme,\n  type SxProps,\n  type Theme,\n} from '@mui/material/styles';\nimport ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport ChevronRightIcon from '@mui/icons-material/ChevronRight';\n\nimport { DrawerContext } from './DrawerContext';\nimport { buildDrawerSx } from './Drawer.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos públicos ──────────────────────────────────────────────────────\nexport type DrawerVariant = 'permanent' | 'persistent' | 'temporary';\nexport type DrawerAnchor = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps {\n  /** Contenido del drawer (típicamente `<DrawerItem>`s). */\n  children?: ReactNode;\n  /**\n   * Variante del drawer:\n   * - `permanent` (default): siempre visible en desktop, soporta collapsed (mini).\n   * - `persistent`: se oculta/muestra, empuja el contenido principal.\n   * - `temporary`: flotante con backdrop (típico móvil).\n   */\n  variant?: DrawerVariant;\n  /** Lado del viewport. Default: `'left'`. */\n  anchor?: DrawerAnchor;\n  /**\n   * Estado mini (solo iconos). Solo se aplica con `variant=\"permanent\"` o\n   * `\"persistent\"`. Si no se provee, el drawer está siempre expandido.\n   */\n  collapsed?: boolean;\n  /** Callback del botón de toggle (chevron). */\n  onToggleCollapse?: () => void;\n  /** Estado abierto/cerrado (aplica a `temporary` y `persistent`). */\n  open?: boolean;\n  /** Callback de cierre (backdrop o ESC en temporary). */\n  onClose?: MuiDrawerProps['onClose'];\n  /** Ancho en estado expandido. Default: 260. */\n  expandedWidth?: number;\n  /** Ancho en estado colapsado (solo iconos). Default: 72. */\n  collapsedWidth?: number;\n  /** Muestra el botón chevron para toggle collapsed. Default: true si `onToggleCollapse` está definido. */\n  showCollapseButton?: boolean;\n  /** Contenido del header (por encima de los items). Típicamente logo/brand. */\n  header?: ReactNode;\n  /**\n   * Logo/brand que se muestra junto al botón de toggle.\n   * - Expandido: logo a la izquierda, toggle a la derecha en la misma fila.\n   * - Colapsado: logo arriba centrado, toggle debajo centrado (stack vertical).\n   * Siempre visible (a diferencia de `header`, que se oculta al colapsar).\n   */\n  logo?: ReactNode;\n  /** Contenido del footer (por debajo de los items). Típicamente user profile. */\n  footer?: ReactNode;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Drawer`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   */\n  preset?: string;\n  /** sx aplicado al Drawer (root). Se mergea después del preset. */\n  sx?: SxProps<Theme>;\n  /** sx aplicado al Paper interno. */\n  paperSx?: SxProps<Theme>;\n  className?: string;\n}\n\nexport function Drawer({\n  children,\n  variant = 'permanent',\n  anchor = 'left',\n  collapsed = false,\n  onToggleCollapse,\n  open,\n  onClose,\n  expandedWidth = 260,\n  collapsedWidth = 72,\n  showCollapseButton,\n  header,\n  logo,\n  footer,\n  preset,\n  sx,\n  paperSx,\n  className,\n}: DrawerProps) {\n  const theme = useTheme();\n  const presetSx = resolvePreset('Drawer', preset, theme);\n\n  // El mini-variant solo tiene sentido en permanent / persistent.\n  const supportsCollapsed = variant !== 'temporary';\n  const effectiveWidth =\n    supportsCollapsed && collapsed ? collapsedWidth : expandedWidth;\n\n  const contextValue = useMemo(\n    () => ({\n      collapsed: supportsCollapsed && collapsed,\n      width: effectiveWidth,\n    }),\n    [supportsCollapsed, collapsed, effectiveWidth],\n  );\n\n  const rootSx: SxProps<Theme> = [\n    buildDrawerSx({ width: effectiveWidth }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const shouldShowToggle =\n    showCollapseButton ?? (supportsCollapsed && !!onToggleCollapse);\n\n  const openProp =\n    variant === 'permanent'\n      ? true\n      : open !== undefined\n        ? open\n        : false;\n\n  return (\n    <DrawerContext.Provider value={contextValue}>\n      <MuiDrawer\n        variant={variant}\n        anchor={anchor}\n        open={openProp}\n        onClose={onClose}\n        className={className}\n        sx={rootSx}\n        slotProps={{\n          paper: {\n            sx: paperSx,\n          },\n        }}\n      >\n        {(logo || shouldShowToggle) && (\n          <Box\n            sx={{\n              display: 'flex',\n              flexDirection: contextValue.collapsed ? 'column' : 'row',\n              alignItems: 'center',\n              justifyContent: contextValue.collapsed\n                ? 'center'\n                : logo\n                  ? 'space-between'\n                  : 'flex-end',\n              gap: contextValue.collapsed ? 0.5 : 0,\n              px: contextValue.collapsed ? 1 : 2,\n              py: 1,\n              minHeight: 64,\n              flexShrink: 0,\n            }}\n          >\n            {logo && (\n              <Box sx={{ display: 'flex', alignItems: 'center', minWidth: 0 }}>\n                {logo}\n              </Box>\n            )}\n            {shouldShowToggle && (\n              <IconButton\n                size=\"small\"\n                onClick={onToggleCollapse}\n                aria-label={collapsed ? 'Expandir menú' : 'Colapsar menú'}\n              >\n                {collapsed ? <ChevronRightIcon /> : <ChevronLeftIcon />}\n              </IconButton>\n            )}\n          </Box>\n        )}\n\n        {header && !contextValue.collapsed && (\n          <Box\n            sx={{\n              display: 'flex',\n              alignItems: 'center',\n              px: 2,\n              py: 1.5,\n              minHeight: 56,\n              flexShrink: 0,\n            }}\n          >\n            <Box sx={{ flex: 1, minWidth: 0 }}>{header}</Box>\n          </Box>\n        )}\n\n        <Box\n          component=\"nav\"\n          sx={{\n            flex: 1,\n            overflowY: 'auto',\n            overflowX: 'hidden',\n            py: 1,\n          }}\n        >\n          {children}\n        </Box>\n\n        {footer && (\n          <Box\n            sx={{\n              flexShrink: 0,\n              borderTop: (t) => `1px solid ${t.palette.divider}`,\n              p: contextValue.collapsed ? 1 : 1.5,\n              display: 'flex',\n              justifyContent: contextValue.collapsed\n                ? 'center'\n                : 'flex-start',\n            }}\n          >\n            {footer}\n          </Box>\n        )}\n      </MuiDrawer>\n    </DrawerContext.Provider>\n  );\n}\n\nexport default Drawer;\n","import React, { type ReactNode, type MouseEvent } from 'react';\nimport { Box, Tooltip, Typography } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { useDrawerContext } from './DrawerContext';\nimport { buildDrawerItemSx } from './Drawer.sx';\n\nexport interface DrawerItemProps {\n  /** Icono del item. Se muestra siempre (expanded y collapsed). */\n  icon?: ReactNode;\n  /** Texto del item. Se oculta cuando el drawer está colapsado (muestra tooltip). */\n  label: ReactNode;\n  /**\n   * Texto del tooltip en modo collapsed. Si no se provee y `label` es string,\n   * se usa `label`. Necesario cuando `label` es un ReactNode complejo.\n   */\n  tooltipText?: string;\n  /** Handler de click. */\n  onClick?: (event: MouseEvent<HTMLDivElement>) => void;\n  /** Marca el item como activo (destaca color y fondo). */\n  active?: boolean;\n  /** Marca el item como \"destructivo\" (p.ej. cerrar sesión): color error. */\n  danger?: boolean;\n  /** Deshabilita click + bajo opacidad. */\n  disabled?: boolean;\n  /** Contenido adicional a la derecha del label (badge, count, chevron). */\n  endAdornment?: ReactNode;\n  /** sx override del consumer, se mergea al final. */\n  sx?: SxProps<Theme>;\n  className?: string;\n}\n\n/**\n * Item de un Drawer de shared-library. Lee el estado `collapsed` del\n * DrawerContext para adaptar layout y mostrar tooltip en modo mini.\n *\n * Uso típico:\n * ```tsx\n * <Drawer collapsed={collapsed} onToggleCollapse={toggle}>\n *   <DrawerItem icon={<HomeIcon />} label=\"Inicio\" active />\n *   <DrawerItem icon={<UserIcon />} label=\"Perfil\" />\n * </Drawer>\n * ```\n */\nexport function DrawerItem({\n  icon,\n  label,\n  tooltipText,\n  onClick,\n  active = false,\n  danger = false,\n  disabled = false,\n  endAdornment,\n  sx,\n  className,\n}: DrawerItemProps) {\n  const { collapsed } = useDrawerContext();\n\n  const baseSx = buildDrawerItemSx({ collapsed, active, danger });\n\n  const mergedSx: SxProps<Theme> = [\n    baseSx,\n    disabled && { pointerEvents: 'none', opacity: 0.5 },\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ].filter(Boolean) as SxProps<Theme>;\n\n  const content = (\n    <Box\n      role=\"button\"\n      tabIndex={disabled ? -1 : 0}\n      aria-disabled={disabled}\n      onClick={disabled ? undefined : onClick}\n      onKeyDown={(event) => {\n        if (disabled) return;\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          onClick?.(event as unknown as MouseEvent<HTMLDivElement>);\n        }\n      }}\n      className={className}\n      sx={mergedSx}\n    >\n      {icon && (\n        <Box className=\"drawer-item__icon\" component=\"span\">\n          {icon}\n        </Box>\n      )}\n      <Typography\n        component=\"span\"\n        variant=\"body2\"\n        className=\"drawer-item__label\"\n        sx={{ fontWeight: active ? 600 : 400 }}\n      >\n        {label}\n      </Typography>\n      {!collapsed && endAdornment && (\n        <Box component=\"span\" sx={{ flexShrink: 0, ml: 'auto' }}>\n          {endAdornment}\n        </Box>\n      )}\n    </Box>\n  );\n\n  // Cuando está colapsado, envolvemos en tooltip para revelar el label al hover.\n  // Prioriza `tooltipText` explícito; si no, cae al `label` si es string.\n  const resolvedTooltip =\n    tooltipText ?? (typeof label === 'string' ? label : undefined);\n\n  if (collapsed && resolvedTooltip) {\n    return (\n      <Tooltip title={resolvedTooltip} placement=\"right\" arrow>\n        {content}\n      </Tooltip>\n    );\n  }\n\n  return content;\n}\n\nexport default DrawerItem;\n"],"names":["createContext","useContext","alpha","useTheme","resolvePreset","useMemo","jsx","jsxs","MuiDrawer","Box","IconButton","Typography","Tooltip"],"mappings":"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"}