@soyfri/shared-library 2.0.0-beta.16 → 2.0.0-beta.18

package/{DatePicker-D0Bz9Ryg.js → dist/DatePicker-kWjQEXIQ.js}

@@ -36,7 +36,7 @@ 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 { b as buildFormFieldSx } from "./formField.sx-Cmhj9iGb.js";
 import { F as FIELD_INPUT_PADDING_Y } from "./tokens-BRrcP_p_.js";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
 var enGb$1 = { exports: {} };
@@ -62,10 +62,11 @@ function requireEnGb() {
   return enGb$1.exports;
 }
 requireEnGb();
-const buildDatePickerSx = (borderRadius, labelPosition) => buildFormFieldSx({
+const buildDatePickerSx = (borderRadius, labelPosition, layoutOnly = false) => buildFormFieldSx({
   borderRadius,
   labelPosition,
   includePickersApi: true,
+  layoutOnly,
   extraOutsideSx: {
     "& .MuiInputBase-input": {
       paddingTop: FIELD_INPUT_PADDING_Y,
@@ -141,7 +142,7 @@ const DatePicker = (_a) => {
   const theme = useTheme();
   const presetSx = resolvePreset("DatePicker", preset, theme);
   const mergedSx = [
-    buildDatePickerSx(borderRadius, labelPosition),
+    buildDatePickerSx(borderRadius, labelPosition, !!presetSx),
     ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
@@ -176,4 +177,4 @@ const DatePicker = (_a) => {
 export {
   DatePicker as D
 };
-//# sourceMappingURL=DatePicker-D0Bz9Ryg.js.map
+//# sourceMappingURL=DatePicker-kWjQEXIQ.js.map

package/dist/DatePicker-kWjQEXIQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker-kWjQEXIQ.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  layoutOnly = false,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n    layoutOnly,\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, !!presetSx),\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/{DateTimePicker-CTnRQCZo.cjs → dist/DateTimePicker-AVmtL4vS.cjs}

@@ -37,13 +37,14 @@ 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 reactHookForm = require("react-hook-form");
-const formField_sx = require("./formField.sx-BAX7KwMR.cjs");
+const formField_sx = require("./formField.sx-V9PLO0wv.cjs");
 const tokens = require("./tokens-jaWWNk39.cjs");
 const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
-const buildDateTimePickerSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
+const buildDateTimePickerSx = (borderRadius, labelPosition, layoutOnly = false) => formField_sx.buildFormFieldSx({
   borderRadius,
   labelPosition,
   includePickersApi: true,
+  layoutOnly,
   extraOutsideSx: {
     "& .MuiInputBase-input": {
       paddingTop: tokens.FIELD_INPUT_PADDING_Y,
@@ -147,7 +148,7 @@ const DateTimePicker = (props) => {
   const theme = styles.useTheme();
   const presetSx = resolvePreset.resolvePreset("DateTimePicker", preset, theme);
   const mergedSx = [
-    buildDateTimePickerSx(borderRadius, labelPosition),
+    buildDateTimePickerSx(borderRadius, labelPosition, !!presetSx),
     ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : [sx]
   ];
@@ -227,4 +228,4 @@ const DateTimePicker = (props) => {
   return renderPicker(selectedDateTime, onDateTimeChange);
 };
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-CTnRQCZo.cjs.map
+//# sourceMappingURL=DateTimePicker-AVmtL4vS.cjs.map

package/dist/DateTimePicker-AVmtL4vS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-AVmtL4vS.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 { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\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  layoutOnly = false,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n    layoutOnly,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      '& .MuiPickersInputBase-sectionsContainer': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n    },\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 { 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';\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 = 10,\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    buildDateTimePickerSx(borderRadius, labelPosition, !!presetSx),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(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      >\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_INPUT_PADDING_Y","useMemo","useTheme","resolvePreset","jsx","LocalizationProvider","AdapterDayjs","MuiDateTimePicker","Controller","_a"],"mappings":"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"}

package/{DateTimePicker-77w-9TP5.js → dist/DateTimePicker-BO76eZ0P.js}

@@ -36,13 +36,14 @@ 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 { Controller } from "react-hook-form";
-import { b as buildFormFieldSx } from "./formField.sx-8_QRnKxv.js";
+import { b as buildFormFieldSx } from "./formField.sx-Cmhj9iGb.js";
 import { F as FIELD_INPUT_PADDING_Y } from "./tokens-BRrcP_p_.js";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
-const buildDateTimePickerSx = (borderRadius, labelPosition) => buildFormFieldSx({
+const buildDateTimePickerSx = (borderRadius, labelPosition, layoutOnly = false) => buildFormFieldSx({
   borderRadius,
   labelPosition,
   includePickersApi: true,
+  layoutOnly,
   extraOutsideSx: {
     "& .MuiInputBase-input": {
       paddingTop: FIELD_INPUT_PADDING_Y,
@@ -146,7 +147,7 @@ const DateTimePicker = (props) => {
   const theme = useTheme();
   const presetSx = resolvePreset("DateTimePicker", preset, theme);
   const mergedSx = [
-    buildDateTimePickerSx(borderRadius, labelPosition),
+    buildDateTimePickerSx(borderRadius, labelPosition, !!presetSx),
     ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : [sx]
   ];
@@ -228,4 +229,4 @@ const DateTimePicker = (props) => {
 export {
   DateTimePicker as D
 };
-//# sourceMappingURL=DateTimePicker-77w-9TP5.js.map
+//# sourceMappingURL=DateTimePicker-BO76eZ0P.js.map

package/dist/DateTimePicker-BO76eZ0P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-BO76eZ0P.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 { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\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  layoutOnly = false,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n    layoutOnly,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      '& .MuiPickersInputBase-sectionsContainer': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n    },\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 { 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';\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 = 10,\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    buildDateTimePickerSx(borderRadius, labelPosition, !!presetSx),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(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      >\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/{Input-jYapjJYM.cjs → dist/Input-5VGBxiO2.cjs}

@@ -34,7 +34,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const material = require("@mui/material");
 const styles = require("@mui/material/styles");
 const reactHookForm = require("react-hook-form");
-const formField_sx = require("./formField.sx-BAX7KwMR.cjs");
+const formField_sx = require("./formField.sx-V9PLO0wv.cjs");
 const tokens = require("./tokens-jaWWNk39.cjs");
 const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
 const parseValue = (raw, type) => {
@@ -52,11 +52,12 @@ const buildSlotProps = (type, min, max, maxLength, customSlotProps, customInputP
     inputLabel: __spreadValues({}, customSlotProps == null ? void 0 : customSlotProps.inputLabel)
   });
 };
-const buildInputSx = (borderRadius, labelPosition) => {
+const buildInputSx = (borderRadius, labelPosition, layoutOnly = false) => {
   const radius = typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
   return formField_sx.buildFormFieldSx({
     borderRadius,
     labelPosition,
+    layoutOnly,
     extraOutsideSx: {
       "& .MuiInputBase-input": {
         paddingTop: tokens.FIELD_INPUT_PADDING_Y,
@@ -121,7 +122,7 @@ const Input = (props) => {
     readOnly
   );
   const mergedSx = [
-    buildInputSx(borderRadius, labelPosition),
+    buildInputSx(borderRadius, labelPosition, !!presetSx),
     ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
@@ -183,4 +184,4 @@ const Input = (props) => {
   );
 };
 exports.Input = Input;
-//# sourceMappingURL=Input-jYapjJYM.cjs.map
+//# sourceMappingURL=Input-5VGBxiO2.cjs.map

package/dist/Input-5VGBxiO2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-5VGBxiO2.cjs","sources":["../src/components/Input/Input.helpers.ts","../src/components/Input/Input.sx.ts","../src/components/Input/Input.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport type { TextFieldProps } from '@mui/material';\nimport type { InputType } from './Input';\n\n/**\n * Convierte el valor raw del evento al tipo apropiado.\n * Para type=\"number\" intenta parsear a número; si falla, devuelve el raw\n * (permite estados intermedios como \"\" o \"-\" mientras el usuario tipea).\n */\nexport const parseValue = (raw: string, type: InputType): string | number => {\n  if (type !== 'number') return raw;\n  if (raw === '' || raw === '-') return raw;\n  const n = parseFloat(raw);\n  return isNaN(n) ? raw : n;\n};\n\n/**\n * Construye los slotProps del TextField consolidando htmlInput + inputLabel.\n * Maneja los atributos min/max cuando type=\"number\", maxLength y readOnly.\n */\nexport const buildSlotProps = (\n  type: InputType,\n  min: number | undefined,\n  max: number | undefined,\n  maxLength: number | undefined,\n  customSlotProps: TextFieldProps['slotProps'],\n  customInputProps: InputHTMLAttributes<HTMLInputElement> | undefined,\n  readOnly?: boolean,\n): TextFieldProps['slotProps'] => {\n  const numberAttrs =\n    type === 'number'\n      ? { min: min ?? Number.NEGATIVE_INFINITY, ...(max !== undefined && { max }) }\n      : {};\n\n  return {\n    ...customSlotProps,\n    htmlInput: {\n      ...customInputProps,\n      ...(customSlotProps as any)?.htmlInput,\n      ...numberAttrs,\n      ...(maxLength !== undefined && { maxLength }),\n      ...(readOnly && { readOnly: true }),\n    },\n    // Dejamos que MUI maneje el shrink nativamente (animación inside → up).\n    // El consumidor puede forzar shrink con slotProps.inputLabel.shrink=true si lo necesita.\n    inputLabel: {\n      ...(customSlotProps as any)?.inputLabel,\n    },\n  };\n};\n","import type { TextFieldProps } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './Input';\n\n/**\n * Builder de sx para el Input. Usa el builder compartido\n * `buildFormFieldSx` y añade overrides específicos de TextField\n * (padding del input base, filled, standard).\n */\nexport const buildInputSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n  layoutOnly = false,\n): TextFieldProps['sx'] => {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n  return buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    layoutOnly,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      // Filled: quitar el padding-top reservado para el label flotante dentro.\n      '& .MuiFilledInput-root': {\n        paddingTop: 0,\n        borderRadius: `${radius} ${radius} 0 0`,\n      },\n      '& .MuiFilledInput-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n      },\n\n      // Standard: quitar el margin-top reservado para el label flotante.\n      '& .MuiInput-root': {\n        marginTop: 0,\n      },\n    },\n  });\n};\n","import { TextField, type TextFieldProps } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { parseValue, buildSlotProps } from './Input.helpers';\nimport { buildInputSx } from './Input.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type InputType =\n  | 'text' | 'number' | 'email' | 'password' | 'tel'\n  | 'url' | 'search' | 'date' | 'datetime-local'\n  | 'month' | 'week' | 'time' | 'color';\n\nexport type LabelPosition = 'outside' | 'floating';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseInputProps\n  extends Omit<TextFieldProps, 'value' | 'onChange' | 'type'> {\n  type?: InputType;\n  min?: number;\n  max?: number;\n  maxLength?: number;\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  readOnly?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Input`.\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}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFInputProps extends BaseInputProps {\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 (ej. reset de municipio al cambiar\n   * departamento). NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (value: string | number) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface ControlledInputProps extends BaseInputProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string | number;\n  onChange: (value: string | number) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type InputProps = RHFInputProps | ControlledInputProps;\n\nexport const Input: React.FC<InputProps> = (props) => {\n  const {\n    type = 'text',\n    variant = 'outlined',\n    size = 'small',\n    borderRadius = 10,\n    labelPosition = 'outside',\n    preset,\n    min,\n    max,\n    maxLength,\n    readOnly,\n    inputProps,\n    slotProps,\n    sx,\n    onBlur,\n    ...rest\n  } = props as ControlledInputProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Input', preset, theme);\n\n  const finalSlotProps = buildSlotProps(\n    type,\n    min,\n    max,\n    maxLength,\n    slotProps,\n    inputProps,\n    readOnly,\n  );\n  const mergedSx = [\n    buildInputSx(borderRadius, labelPosition, !!presetSx),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFInputProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error } }) => (\n          <TextField\n            fullWidth\n            {...rest}\n            name={field.name}\n            value={field.value ?? ''}\n            onChange={(e) => {\n              const parsed = parseValue(e.target.value, type);\n              field.onChange(parsed);\n              onValueChange?.(parsed);\n            }}\n            onBlur={(e) => {\n              field.onBlur();\n              onBlur?.(e);\n            }}\n            inputRef={field.ref}\n            type={type}\n            variant={variant}\n            size={size}\n            slotProps={finalSlotProps}\n            sx={mergedSx}\n            error={!!error || rest.error}\n            helperText={error?.message ?? rest.helperText}\n          />\n        )}\n      />\n    );\n  }\n\n  const { value, onChange } = props as ControlledInputProps;\n  return (\n    <TextField\n      fullWidth\n      {...rest}\n      value={value ?? ''}\n      onChange={(e) => onChange(parseValue(e.target.value, type))}\n      onBlur={onBlur}\n      type={type}\n      variant={variant}\n      size={size}\n      slotProps={finalSlotProps}\n      sx={mergedSx}\n    />\n  );\n};\n\nexport default Input;\n"],"names":["buildFormFieldSx","FIELD_INPUT_PADDING_Y","useTheme","resolvePreset","jsx","Controller","TextField","_a"],"mappings":"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"}

package/{Input-rVVhI_wk.js → dist/Input-BVaetLBc.js}

@@ -33,7 +33,7 @@ import { jsx } from "react/jsx-runtime";
 import { TextField } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 import { Controller } from "react-hook-form";
-import { b as buildFormFieldSx } from "./formField.sx-8_QRnKxv.js";
+import { b as buildFormFieldSx } from "./formField.sx-Cmhj9iGb.js";
 import { F as FIELD_INPUT_PADDING_Y } from "./tokens-BRrcP_p_.js";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
 const parseValue = (raw, type) => {
@@ -51,11 +51,12 @@ const buildSlotProps = (type, min, max, maxLength, customSlotProps, customInputP
     inputLabel: __spreadValues({}, customSlotProps == null ? void 0 : customSlotProps.inputLabel)
   });
 };
-const buildInputSx = (borderRadius, labelPosition) => {
+const buildInputSx = (borderRadius, labelPosition, layoutOnly = false) => {
   const radius = typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
   return buildFormFieldSx({
     borderRadius,
     labelPosition,
+    layoutOnly,
     extraOutsideSx: {
       "& .MuiInputBase-input": {
         paddingTop: FIELD_INPUT_PADDING_Y,
@@ -120,7 +121,7 @@ const Input = (props) => {
     readOnly
   );
   const mergedSx = [
-    buildInputSx(borderRadius, labelPosition),
+    buildInputSx(borderRadius, labelPosition, !!presetSx),
     ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
@@ -184,4 +185,4 @@ const Input = (props) => {
 export {
   Input as I
 };
-//# sourceMappingURL=Input-rVVhI_wk.js.map
+//# sourceMappingURL=Input-BVaetLBc.js.map

package/dist/Input-BVaetLBc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-BVaetLBc.js","sources":["../src/components/Input/Input.helpers.ts","../src/components/Input/Input.sx.ts","../src/components/Input/Input.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\nimport type { TextFieldProps } from '@mui/material';\nimport type { InputType } from './Input';\n\n/**\n * Convierte el valor raw del evento al tipo apropiado.\n * Para type=\"number\" intenta parsear a número; si falla, devuelve el raw\n * (permite estados intermedios como \"\" o \"-\" mientras el usuario tipea).\n */\nexport const parseValue = (raw: string, type: InputType): string | number => {\n  if (type !== 'number') return raw;\n  if (raw === '' || raw === '-') return raw;\n  const n = parseFloat(raw);\n  return isNaN(n) ? raw : n;\n};\n\n/**\n * Construye los slotProps del TextField consolidando htmlInput + inputLabel.\n * Maneja los atributos min/max cuando type=\"number\", maxLength y readOnly.\n */\nexport const buildSlotProps = (\n  type: InputType,\n  min: number | undefined,\n  max: number | undefined,\n  maxLength: number | undefined,\n  customSlotProps: TextFieldProps['slotProps'],\n  customInputProps: InputHTMLAttributes<HTMLInputElement> | undefined,\n  readOnly?: boolean,\n): TextFieldProps['slotProps'] => {\n  const numberAttrs =\n    type === 'number'\n      ? { min: min ?? Number.NEGATIVE_INFINITY, ...(max !== undefined && { max }) }\n      : {};\n\n  return {\n    ...customSlotProps,\n    htmlInput: {\n      ...customInputProps,\n      ...(customSlotProps as any)?.htmlInput,\n      ...numberAttrs,\n      ...(maxLength !== undefined && { maxLength }),\n      ...(readOnly && { readOnly: true }),\n    },\n    // Dejamos que MUI maneje el shrink nativamente (animación inside → up).\n    // El consumidor puede forzar shrink con slotProps.inputLabel.shrink=true si lo necesita.\n    inputLabel: {\n      ...(customSlotProps as any)?.inputLabel,\n    },\n  };\n};\n","import type { TextFieldProps } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './Input';\n\n/**\n * Builder de sx para el Input. Usa el builder compartido\n * `buildFormFieldSx` y añade overrides específicos de TextField\n * (padding del input base, filled, standard).\n */\nexport const buildInputSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n  layoutOnly = false,\n): TextFieldProps['sx'] => {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n  return buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    layoutOnly,\n    extraOutsideSx: {\n      '& .MuiInputBase-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n        paddingBottom: FIELD_INPUT_PADDING_Y,\n      },\n\n      // Filled: quitar el padding-top reservado para el label flotante dentro.\n      '& .MuiFilledInput-root': {\n        paddingTop: 0,\n        borderRadius: `${radius} ${radius} 0 0`,\n      },\n      '& .MuiFilledInput-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n      },\n\n      // Standard: quitar el margin-top reservado para el label flotante.\n      '& .MuiInput-root': {\n        marginTop: 0,\n      },\n    },\n  });\n};\n","import { TextField, type TextFieldProps } from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { parseValue, buildSlotProps } from './Input.helpers';\nimport { buildInputSx } from './Input.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type InputType =\n  | 'text' | 'number' | 'email' | 'password' | 'tel'\n  | 'url' | 'search' | 'date' | 'datetime-local'\n  | 'month' | 'week' | 'time' | 'color';\n\nexport type LabelPosition = 'outside' | 'floating';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseInputProps\n  extends Omit<TextFieldProps, 'value' | 'onChange' | 'type'> {\n  type?: InputType;\n  min?: number;\n  max?: number;\n  maxLength?: number;\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  readOnly?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Input`.\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}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFInputProps extends BaseInputProps {\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 (ej. reset de municipio al cambiar\n   * departamento). NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (value: string | number) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface ControlledInputProps extends BaseInputProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string | number;\n  onChange: (value: string | number) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type InputProps = RHFInputProps | ControlledInputProps;\n\nexport const Input: React.FC<InputProps> = (props) => {\n  const {\n    type = 'text',\n    variant = 'outlined',\n    size = 'small',\n    borderRadius = 10,\n    labelPosition = 'outside',\n    preset,\n    min,\n    max,\n    maxLength,\n    readOnly,\n    inputProps,\n    slotProps,\n    sx,\n    onBlur,\n    ...rest\n  } = props as ControlledInputProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Input', preset, theme);\n\n  const finalSlotProps = buildSlotProps(\n    type,\n    min,\n    max,\n    maxLength,\n    slotProps,\n    inputProps,\n    readOnly,\n  );\n  const mergedSx = [\n    buildInputSx(borderRadius, labelPosition, !!presetSx),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFInputProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error } }) => (\n          <TextField\n            fullWidth\n            {...rest}\n            name={field.name}\n            value={field.value ?? ''}\n            onChange={(e) => {\n              const parsed = parseValue(e.target.value, type);\n              field.onChange(parsed);\n              onValueChange?.(parsed);\n            }}\n            onBlur={(e) => {\n              field.onBlur();\n              onBlur?.(e);\n            }}\n            inputRef={field.ref}\n            type={type}\n            variant={variant}\n            size={size}\n            slotProps={finalSlotProps}\n            sx={mergedSx}\n            error={!!error || rest.error}\n            helperText={error?.message ?? rest.helperText}\n          />\n        )}\n      />\n    );\n  }\n\n  const { value, onChange } = props as ControlledInputProps;\n  return (\n    <TextField\n      fullWidth\n      {...rest}\n      value={value ?? ''}\n      onChange={(e) => onChange(parseValue(e.target.value, type))}\n      onBlur={onBlur}\n      type={type}\n      variant={variant}\n      size={size}\n      slotProps={finalSlotProps}\n      sx={mergedSx}\n    />\n  );\n};\n\nexport default Input;\n"],"names":["_a"],"mappings":"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"}

package/dist/README.md

@@ -0,0 +1,243 @@
+# @soyfri/shared-library
+
+Una librería de componentes React reutilizables construida con Material-UI, TypeScript y Tailwind CSS, diseñada para proporcionar componentes UI consistentes y bien documentados.
+
+## 📋 Tabla de Contenidos
+
+- [Características](#características)
+- [Instalación](#instalación)
+- [Uso](#uso)
+- [Componentes Disponibles](#componentes-disponibles)
+- [Desarrollo](#desarrollo)
+- [Scripts Disponibles](#scripts-disponibles)
+- [Storybook](#storybook)
+- [Testing](#testing)
+- [Tecnologías](#tecnologías)
+- [Estructura del Proyecto](#estructura-del-proyecto)
+
+## ✨ Características
+
+- 🎨 **Componentes tipados**: Todos los componentes están construidos con TypeScript para mayor seguridad de tipos
+- 📚 **Documentación con Storybook**: Cada componente incluye historias interactivas y documentación
+- 🎯 **Material-UI**: Basado en Material-UI para un diseño consistente y accesible
+- 🌈 **Tailwind CSS**: Integración con Tailwind para estilos utilitarios
+- 🧪 **Testing**: Configurado con Vitest y Playwright para testing de componentes
+- 📦 **Build optimizado**: Configuración con Rollup para generar builds ESM y CommonJS
+
+## 📦 Instalación
+
+```bash
+npm install @soyfri/shared-library
+```
+
+## 🚀 Uso
+
+```tsx
+import { Button, Table, Select } from '@soyfri/shared-library';
+import '@soyfri/shared-library/dist/styles.css';
+
+function App() {
+  return (
+    <div>
+      <Button variant="contained" color="primary">
+        Mi Botón
+      </Button>
+    </div>
+  );
+}
+```
+
+## 🧩 Componentes Disponibles
+
+### Button
+Componente de botón personalizable basado en Material-UI con soporte para iconos, diferentes tamaños y estados.
+
+**Características:**
+- Variantes: `text`, `outlined`, `contained`
+- Tamaños: `small`, `medium`, `large`
+- Soporte para iconos de inicio y fin
+- Estados de carga
+- Completamente tipado
+
+### Table
+Componente de tabla flexible con paginación interna y externa, ordenamiento y renderizado personalizado de columnas.
+
+**Características:**
+- Paginación interna automática
+- Paginación externa controlada
+- Columnas personalizables con renderizado custom
+- Soporte para componentes complejos en celdas
+- Completamente tipado con generics
+
+### Select
+Componente select avanzado con soporte para selección múltiple, filtros, agrupación y renderizado personalizado.
+
+**Características:**
+- Selección simple y múltiple
+- Filtrado de opciones
+- Agrupación de opciones
+- Renderizado personalizado con avatars
+- Placeholder configurable
+
+### Avatar
+Componente para mostrar avatares de usuarios con soporte para imágenes y texto.
+
+### Icon
+Wrapper para iconos de Material-UI con propiedades consistentes.
+
+### Stat
+Componente para mostrar estadísticas con diferentes plantillas de visualización.
+
+**Características:**
+- Plantilla simple
+- Plantilla con chip
+- Plantilla con lista de chips
+- Colores personalizables
+
+### Column
+Componente auxiliar para definir columnas en el componente Table.
+
+## 🛠️ Desarrollo
+
+### Prerrequisitos
+
+- Node.js (versión 18 o superior)
+- npm o yarn
+
+### Configuración del entorno de desarrollo
+
+1. Clona el repositorio:
+```bash
+git clone <repository-url>
+cd shared-library
+```
+
+2. Instala las dependencias:
+```bash
+npm install
+```
+
+3. Inicia el entorno de desarrollo:
+```bash
+npm run dev
+```
+
+## 📜 Scripts Disponibles
+
+- `npm run build` - Construye la librería para producción
+- `npm run dev` - Inicia el modo de desarrollo con watch
+- `npm run build:css` - Construye los estilos CSS
+- `npm run watch:css` - Observa cambios en los estilos CSS
+- `npm run clean` - Limpia la carpeta dist
+- `npm run prepare` - Limpia y construye la librería
+- `npm run storybook` - Inicia Storybook en modo desarrollo
+- `npm run build-storybook` - Construye Storybook para producción
+- `npm run dist` - Ejecuta el script de distribución personalizado
+
+## 📚 Storybook
+
+La librería incluye Storybook para documentación interactiva y desarrollo de componentes.
+
+### Iniciar Storybook
+
+```bash
+npm run storybook
+```
+
+Esto abrirá Storybook en `http://localhost:6006` donde podrás:
+
+- Ver todos los componentes disponibles
+- Interactuar con las propiedades de cada componente
+- Ver ejemplos de uso
+- Acceder a la documentación detallada
+
+### Construir Storybook
+
+```bash
+npm run build-storybook
+```
+
+## 🧪 Testing
+
+La librería está configurada con Vitest y Playwright para testing de componentes.
+
+### Configuración de Testing
+
+- **Vitest**: Para unit tests y testing de componentes
+- **Playwright**: Para testing de browser
+- **Storybook Test Addon**: Para testing de historias de Storybook
+
+## 🔧 Tecnologías
+
+### Dependencias Principales
+
+- **React 19.1.0**: Librería de UI
+- **Material-UI 7.1.0**: Sistema de diseño y componentes
+- **TypeScript 5.8.3**: Tipado estático
+- **Tailwind CSS 4.1.7**: Framework de CSS utilitario
+
+### Herramientas de Desarrollo
+
+- **Storybook 9.0.8**: Documentación y desarrollo de componentes
+- **Rollup**: Bundler para la construcción de la librería
+- **Vitest**: Framework de testing
+- **Playwright**: Testing de browser
+- **Prettier**: Formateo de código
+
+## 📁 Estructura del Proyecto
+
+```
+shared-library/
+├── .storybook/          # Configuración de Storybook
+├── src/
+│   ├── components/      # Componentes de la librería
+│   │   ├── Avatar/
+│   │   ├── Button/
+│   │   ├── Column/
+│   │   ├── Icon/
+│   │   ├── Select/
+│   │   ├── Stat/
+│   │   └── Table/
+│   ├── index.ts         # Punto de entrada principal
+│   └── styles.css       # Estilos globales
+├── dist/                # Archivos construidos
+├── package.json
+├── tsconfig.json
+├── tailwind.config.js
+├── rollup.config.cjs
+└── vitest.config.ts
+```
+
+### Estructura de Componentes
+
+Cada componente sigue una estructura consistente:
+
+```
+ComponentName/
+├── ComponentName.tsx        # Implementación del componente
+├── ComponentName.stories.tsx # Historias de Storybook
+├── ComponentName.definition.ts # Definiciones de código (opcional)
+├── index.ts                 # Exportaciones
+└── types.ts                 # Tipos específicos (opcional)
+```
+
+## 🤝 Contribución
+
+Para contribuir al proyecto:
+
+1. Fork el repositorio
+2. Crea una rama para tu feature (`git checkout -b feature/nueva-funcionalidad`)
+3. Commit tus cambios (`git commit -am 'Agrega nueva funcionalidad'`)
+4. Push a la rama (`git push origin feature/nueva-funcionalidad`)
+5. Crea un Pull Request
+
+## 📄 Licencia
+
+ISC License
+
+---
+
+**Versión actual:** 1.0.1
+
+Para más información y ejemplos detallados, consulta la documentación en Storybook ejecutando `npm run storybook`.
+        

package/{Select-bSVQokFX.js → dist/Select-8fFMOx-I.js}

@@ -34,10 +34,10 @@ import { useMemo, Children, isValidElement, useState } from "react";
 import { MenuItem, ListItemIcon, FormControl, InputLabel, Select as Select$1, Typography, FormHelperText, ListSubheader, OutlinedInput } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 import { Controller } from "react-hook-form";
-import { b as buildFormFieldSx } from "./formField.sx-8_QRnKxv.js";
+import { b as buildFormFieldSx } from "./formField.sx-Cmhj9iGb.js";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
 import CheckIcon from "@mui/icons-material/Check";
-const buildSelectSx = (borderRadius, labelPosition) => buildFormFieldSx({ borderRadius, labelPosition });
+const buildSelectSx = (borderRadius, labelPosition, layoutOnly = false) => buildFormFieldSx({ borderRadius, labelPosition, layoutOnly });
 const groupOptions = (options) => {
   const groups = {};
   options.forEach((opt) => {
@@ -156,7 +156,7 @@ function Select(props) {
     return items;
   };
   const mergedSx = [
-    buildSelectSx(borderRadius, labelPosition),
+    buildSelectSx(borderRadius, labelPosition, !!presetSx),
     ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
@@ -251,4 +251,4 @@ export {
   Option as O,
   Select as S
 };
-//# sourceMappingURL=Select-bSVQokFX.js.map
+//# sourceMappingURL=Select-8fFMOx-I.js.map