@soyfri/shared-library 4.0.1 → 4.0.4

package/DateTimePicker-ejQDpjgX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-ejQDpjgX.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  /**\n   * Vistas a mostrar en el popover. Default: todas (year, month, day, hours, minutes).\n   * Ej: `['hours']` solo permite elegir la hora. `['hours','minutes']` oculta el calendar.\n   *\n   * Va declarado explícito (y no se hereda del `Omit<MuiDateTimePickerProps>`)\n   * porque se desestructura del `props` y se pasa a mano al picker: si sólo\n   * viviera en el tipo base caería en el `...rest` y quedaría duplicado.\n   */\n  views?: MuiDateTimePickerProps['views'];\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    views,\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  // Built-in primero, preset encima (ver Input).\n  const mergedSx = [\n    buildDateTimePickerSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\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          views={views}\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/{Input-BibHlnGN.js → Input-CmvuMwXZ.js}

@@ -127,7 +127,8 @@ const Input = (props) => {
     endAdornment
   );
   const mergedSx = [
-    ...presetSx ? [presetSx] : [buildInputSx(borderRadius, labelPosition)],
+    buildInputSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
   if ("control" in props && props.control) {
@@ -190,4 +191,4 @@ const Input = (props) => {
 export {
   Input as I
 };
-//# sourceMappingURL=Input-BibHlnGN.js.map
+//# sourceMappingURL=Input-CmvuMwXZ.js.map

package/{Input-BibHlnGN.js.map → Input-CmvuMwXZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Input-BibHlnGN.js","sources":["../src/components/Input/Input.helpers.ts","../src/components/Input/Input.sx.ts","../src/components/Input/Input.tsx"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode } 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  startAdornment?: ReactNode,\n  endAdornment?: ReactNode,\n): TextFieldProps['slotProps'] => {\n  const numberAttrs =\n    type === 'number'\n      ? { min: min ?? Number.NEGATIVE_INFINITY, ...(max !== undefined && { max }) }\n      : {};\n\n  // Atajos `startAdornment`/`endAdornment` → slot `input` (OutlinedInput).\n  // Lo que el consumidor pase en `slotProps.input` gana (no lo pisamos).\n  const customInputSlot = (customSlotProps as any)?.input;\n  const inputSlot = {\n    ...(startAdornment !== undefined && { startAdornment }),\n    ...(endAdornment !== undefined && { endAdornment }),\n    ...customInputSlot,\n  };\n  const hasInputSlot = Object.keys(inputSlot).length > 0;\n\n  return {\n    ...customSlotProps,\n    ...(hasInputSlot && { input: inputSlot }),\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): TextFieldProps['sx'] => {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n  return buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    extraOutsideSx: {\n      // El padding vertical del input base lo fija `buildFormFieldSx`\n      // (misma altura para los cinco campos). Acá solo van las variantes.\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';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\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  /** Contenido al inicio del input (ej. icono de búsqueda). Atajo de `slotProps.input.startAdornment`. */\n  startAdornment?: React.ReactNode;\n  /** Contenido al final del input (ej. botón clear). Atajo de `slotProps.input.endAdornment`. */\n  endAdornment?: React.ReactNode;\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 = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    preset,\n    min,\n    max,\n    maxLength,\n    readOnly,\n    inputProps,\n    slotProps,\n    startAdornment,\n    endAdornment,\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    startAdornment,\n    endAdornment,\n  );\n  const mergedSx = [\n    ...(presetSx ? [presetSx] : [buildInputSx(borderRadius, labelPosition)]),\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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"}
+{"version":3,"file":"Input-CmvuMwXZ.js","sources":["../src/components/Input/Input.helpers.ts","../src/components/Input/Input.sx.ts","../src/components/Input/Input.tsx"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode } 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  startAdornment?: ReactNode,\n  endAdornment?: ReactNode,\n): TextFieldProps['slotProps'] => {\n  const numberAttrs =\n    type === 'number'\n      ? { min: min ?? Number.NEGATIVE_INFINITY, ...(max !== undefined && { max }) }\n      : {};\n\n  // Atajos `startAdornment`/`endAdornment` → slot `input` (OutlinedInput).\n  // Lo que el consumidor pase en `slotProps.input` gana (no lo pisamos).\n  const customInputSlot = (customSlotProps as any)?.input;\n  const inputSlot = {\n    ...(startAdornment !== undefined && { startAdornment }),\n    ...(endAdornment !== undefined && { endAdornment }),\n    ...customInputSlot,\n  };\n  const hasInputSlot = Object.keys(inputSlot).length > 0;\n\n  return {\n    ...customSlotProps,\n    ...(hasInputSlot && { input: inputSlot }),\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): TextFieldProps['sx'] => {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n  return buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    extraOutsideSx: {\n      // El padding vertical del input base lo fija `buildFormFieldSx`\n      // (misma altura para los cinco campos). Acá solo van las variantes.\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';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\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  /** Contenido al inicio del input (ej. icono de búsqueda). Atajo de `slotProps.input.startAdornment`. */\n  startAdornment?: React.ReactNode;\n  /** Contenido al final del input (ej. botón clear). Atajo de `slotProps.input.endAdornment`. */\n  endAdornment?: React.ReactNode;\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 = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    preset,\n    min,\n    max,\n    maxLength,\n    readOnly,\n    inputProps,\n    slotProps,\n    startAdornment,\n    endAdornment,\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    startAdornment,\n    endAdornment,\n  );\n  // El estilo built-in va SIEMPRE primero: el preset se mergea encima, no lo\n  // reemplaza (si no, un preset `default` registrado en el theme del consumer\n  // borraría altura/labelPosition sin que nadie lo pidiera).\n  const mergedSx = [\n    buildInputSx(borderRadius, labelPosition),\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/{Input-Bpjw7qwq.cjs → Input-hnQ7g6b7.cjs}

@@ -128,7 +128,8 @@ const Input = (props) => {
     endAdornment
   );
   const mergedSx = [
-    ...presetSx ? [presetSx] : [buildInputSx(borderRadius, labelPosition)],
+    buildInputSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
   if ("control" in props && props.control) {
@@ -189,4 +190,4 @@ const Input = (props) => {
   );
 };
 exports.Input = Input;
-//# sourceMappingURL=Input-Bpjw7qwq.cjs.map
+//# sourceMappingURL=Input-hnQ7g6b7.cjs.map

package/{Input-Bpjw7qwq.cjs.map → Input-hnQ7g6b7.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Input-Bpjw7qwq.cjs","sources":["../src/components/Input/Input.helpers.ts","../src/components/Input/Input.sx.ts","../src/components/Input/Input.tsx"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode } 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  startAdornment?: ReactNode,\n  endAdornment?: ReactNode,\n): TextFieldProps['slotProps'] => {\n  const numberAttrs =\n    type === 'number'\n      ? { min: min ?? Number.NEGATIVE_INFINITY, ...(max !== undefined && { max }) }\n      : {};\n\n  // Atajos `startAdornment`/`endAdornment` → slot `input` (OutlinedInput).\n  // Lo que el consumidor pase en `slotProps.input` gana (no lo pisamos).\n  const customInputSlot = (customSlotProps as any)?.input;\n  const inputSlot = {\n    ...(startAdornment !== undefined && { startAdornment }),\n    ...(endAdornment !== undefined && { endAdornment }),\n    ...customInputSlot,\n  };\n  const hasInputSlot = Object.keys(inputSlot).length > 0;\n\n  return {\n    ...customSlotProps,\n    ...(hasInputSlot && { input: inputSlot }),\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): TextFieldProps['sx'] => {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n  return buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    extraOutsideSx: {\n      // El padding vertical del input base lo fija `buildFormFieldSx`\n      // (misma altura para los cinco campos). Acá solo van las variantes.\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';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\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  /** Contenido al inicio del input (ej. icono de búsqueda). Atajo de `slotProps.input.startAdornment`. */\n  startAdornment?: React.ReactNode;\n  /** Contenido al final del input (ej. botón clear). Atajo de `slotProps.input.endAdornment`. */\n  endAdornment?: React.ReactNode;\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 = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    preset,\n    min,\n    max,\n    maxLength,\n    readOnly,\n    inputProps,\n    slotProps,\n    startAdornment,\n    endAdornment,\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    startAdornment,\n    endAdornment,\n  );\n  const mergedSx = [\n    ...(presetSx ? [presetSx] : [buildInputSx(borderRadius, labelPosition)]),\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","FIELD_BORDER_RADIUS","useTheme","resolvePreset","jsx","Controller","TextField","_a"],"mappings":"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"}
+{"version":3,"file":"Input-hnQ7g6b7.cjs","sources":["../src/components/Input/Input.helpers.ts","../src/components/Input/Input.sx.ts","../src/components/Input/Input.tsx"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode } 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  startAdornment?: ReactNode,\n  endAdornment?: ReactNode,\n): TextFieldProps['slotProps'] => {\n  const numberAttrs =\n    type === 'number'\n      ? { min: min ?? Number.NEGATIVE_INFINITY, ...(max !== undefined && { max }) }\n      : {};\n\n  // Atajos `startAdornment`/`endAdornment` → slot `input` (OutlinedInput).\n  // Lo que el consumidor pase en `slotProps.input` gana (no lo pisamos).\n  const customInputSlot = (customSlotProps as any)?.input;\n  const inputSlot = {\n    ...(startAdornment !== undefined && { startAdornment }),\n    ...(endAdornment !== undefined && { endAdornment }),\n    ...customInputSlot,\n  };\n  const hasInputSlot = Object.keys(inputSlot).length > 0;\n\n  return {\n    ...customSlotProps,\n    ...(hasInputSlot && { input: inputSlot }),\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): TextFieldProps['sx'] => {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n  return buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    extraOutsideSx: {\n      // El padding vertical del input base lo fija `buildFormFieldSx`\n      // (misma altura para los cinco campos). Acá solo van las variantes.\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';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\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  /** Contenido al inicio del input (ej. icono de búsqueda). Atajo de `slotProps.input.startAdornment`. */\n  startAdornment?: React.ReactNode;\n  /** Contenido al final del input (ej. botón clear). Atajo de `slotProps.input.endAdornment`. */\n  endAdornment?: React.ReactNode;\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 = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    preset,\n    min,\n    max,\n    maxLength,\n    readOnly,\n    inputProps,\n    slotProps,\n    startAdornment,\n    endAdornment,\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    startAdornment,\n    endAdornment,\n  );\n  // El estilo built-in va SIEMPRE primero: el preset se mergea encima, no lo\n  // reemplaza (si no, un preset `default` registrado en el theme del consumer\n  // borraría altura/labelPosition sin que nadie lo pidiera).\n  const mergedSx = [\n    buildInputSx(borderRadius, labelPosition),\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","FIELD_BORDER_RADIUS","useTheme","resolvePreset","jsx","Controller","TextField","_a"],"mappings":"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"}

package/{Select-BaY3zJhq.js → Select-CZ0BiKVN.js}

@@ -151,7 +151,8 @@ function Select(props) {
     control: _controlIgnored,
     validation: _validationIgnored,
     value: _valueIgnored,
-    onChange: _onChangeIgnored
+    onChange: _onChangeIgnored,
+    onValueChange: _onValueChangeIgnored
   } = _a, rest = __objRest(_a, [
     "label",
     "options",
@@ -181,7 +182,11 @@ function Select(props) {
     "control",
     "validation",
     "value",
-    "onChange"
+    "onChange",
+    // Se consume aparte en la rama RHF (más abajo). Sin sacarlo acá viajaba en
+    // `rest` hasta el DOM del MuiSelect: "Unknown event handler property
+    // `onValueChange`. It will be ignored." en cada render del select en cascada.
+    "onValueChange"
   ]);
   const theme = useTheme();
   const presetSx = resolvePreset("Select", preset, theme);
@@ -230,7 +235,8 @@ function Select(props) {
     return items;
   };
   const mergedSx = [
-    ...presetSx ? [presetSx] : [buildSelectSx(borderRadius, labelPosition)],
+    buildSelectSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
   const renderSelect = (selectValue, selectOnChange, onBlur, inputRef, rhfError, rhfHelperText, onValuesChange) => {
@@ -374,4 +380,4 @@ export {
   Option as O,
   Select as S
 };
-//# sourceMappingURL=Select-BaY3zJhq.js.map
+//# sourceMappingURL=Select-CZ0BiKVN.js.map

package/Select-CZ0BiKVN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-CZ0BiKVN.js","sources":["../src/components/Select/Select.sx.ts","../src/components/Select/Select.helpers.ts","../src/components/Select/_parts/SelectMenuItem.tsx","../src/components/Select/_parts/SelectValue.tsx","../src/components/Select/Select.tsx"],"sourcesContent":["import type { SelectProps as MuiSelectProps } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport type { LabelPosition } from './Select';\n\n/**\n * Builder de sx para el Select. Usa el builder compartido\n * `buildFormFieldSx`. El Select no necesita overrides específicos.\n */\nexport const buildSelectSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): MuiSelectProps['sx'] =>\n  buildFormFieldSx({ borderRadius, labelPosition }) as MuiSelectProps['sx'];\n","import type { SelectOption } from './Select';\n\n/**\n * Agrupa opciones por la propiedad `group`. Las opciones sin group caen\n * bajo la key especial `__default`. Devuelve un Record para iterar en orden\n * de inserción con Object.entries.\n */\nexport const groupOptions = (\n  options: SelectOption[],\n): Record<string, SelectOption[]> => {\n  const groups: Record<string, SelectOption[]> = {};\n  options.forEach((opt) => {\n    const group = opt.group || '__default';\n    if (!groups[group]) groups[group] = [];\n    groups[group].push(opt);\n  });\n  return groups;\n};\n\n/**\n * Normaliza el valor single al shape que espera MUI Select: string vacío si\n * el valor es `null`/`undefined`.\n */\nexport const normalizeSelectValue = <T>(value: T | null | undefined): T | '' =>\n  (value ?? '') as T | '';\n\n/** `true` si el valor está vacío (para shrink del label + placeholder). */\nexport const isSelectValueEmpty = (normalizedValue: unknown): boolean =>\n  normalizedValue === '' ||\n  normalizedValue === null ||\n  normalizedValue === undefined;\n","import React from 'react';\nimport { ListItemIcon, MenuItem } from '@mui/material';\nimport CheckIcon from '@mui/icons-material/Check';\n\nimport type { SelectOption, RenderOptionItem } from '../Select';\n\ninterface RenderSelectMenuItemArgs {\n  option: SelectOption;\n  selected: boolean;\n  customRender?: RenderOptionItem | null;\n}\n\n/**\n * Render helper (no componente) que devuelve un <MenuItem> listo para\n * colocarse como hijo directo del <MuiSelect>. Se implementa como función\n * y no como componente porque MUI Select inspecciona `props.value` de sus\n * children para resolver la selección, y envolverlo en un componente extra\n * rompe esa detección.\n *\n * Incluye el icono de check a la izquierda cuando `selected` es true. Si el\n * consumer pasó un `<Option>{(opt) => ...}</Option>`, usa ese render para el\n * contenido principal; de lo contrario muestra `option.label`.\n */\nexport const renderSelectMenuItem = ({\n  option,\n  selected,\n  customRender,\n}: RenderSelectMenuItemArgs): React.ReactElement => (\n  <MenuItem\n    key={String(option.value)}\n    value={option.value}\n    disabled={option.disabled}\n    selected={selected}\n  >\n    <ListItemIcon sx={{ minWidth: 32 }}>\n      {selected && <CheckIcon color=\"success\" fontSize=\"small\" />}\n    </ListItemIcon>\n    {customRender ? customRender(option) : option.label}\n  </MenuItem>\n);\n","import { Avatar, Box, Chip, Typography } from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\n\nimport type {\n  SelectOption,\n  RenderChipLabel,\n  ChipVariant,\n} from '../Select';\n\ninterface SelectValueProps<TValue extends SelectOption['value']> {\n  selected: TValue | TValue[] | null | undefined;\n  options: SelectOption[];\n  multiple: boolean;\n  placeholder?: string;\n  maxChipsToShow: number;\n  chipVariant: ChipVariant;\n  renderChipLabel?: RenderChipLabel;\n  /** Solo relevante en modo multiple. Recibe el nuevo array de valores. */\n  onDeleteChip?: (nextValues: TValue[]) => void;\n  /** Array de valores actuales (para componer el nuevo array al borrar chips). */\n  currentValues?: TValue[];\n}\n\n/**\n * Render del valor seleccionado del Select.\n * - single:   texto (label) o lo que devuelva `renderChipLabel`.\n * - multiple: chips con delete. Trunca después de `maxChipsToShow` mostrando \"+N más\".\n * - empty:    placeholder en color disabled.\n */\nexport function SelectValue<TValue extends SelectOption['value']>(\n  props: SelectValueProps<TValue>,\n) {\n  const {\n    selected,\n    options,\n    multiple,\n    placeholder,\n    maxChipsToShow,\n    chipVariant,\n    renderChipLabel,\n    onDeleteChip,\n    currentValues,\n  } = props;\n\n  const isEmpty =\n    !selected || (Array.isArray(selected) && selected.length === 0);\n\n  if (isEmpty) {\n    return (\n      <Typography sx={{ color: 'text.disabled' }}>{placeholder || ''}</Typography>\n    );\n  }\n\n  if (!multiple) {\n    const item = options.find((opt) => opt.value === selected);\n    if (renderChipLabel && item) return <>{renderChipLabel(item)}</>;\n    return <>{item?.label ?? String(selected)}</>;\n  }\n\n  const selectedValuesArray = selected as TValue[];\n  const displayedChips = selectedValuesArray.slice(0, maxChipsToShow);\n  const hiddenChipsCount = selectedValuesArray.length - maxChipsToShow;\n\n  const handleDelete = (chipValue: TValue) => {\n    if (!onDeleteChip || !currentValues) return;\n    onDeleteChip(currentValues.filter((v) => v !== chipValue));\n  };\n\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n      {displayedChips.map((val) => {\n        const item = options.find((o) => o.value === val);\n        if (!item) return null;\n\n        return (\n          <Chip\n            variant={chipVariant}\n            color=\"primary\"\n            size=\"small\"\n            key={String(val)}\n            label={renderChipLabel ? renderChipLabel(item) : item.label}\n            avatar={item.img ? <Avatar src={item.img} /> : undefined}\n            onDelete={() => handleDelete(val)}\n            deleteIcon={<ClearIcon fontSize=\"small\" />}\n          />\n        );\n      })}\n      {hiddenChipsCount > 0 && (\n        <Chip size=\"small\" variant={chipVariant} label={`+${hiddenChipsCount} más`} />\n      )}\n    </Box>\n  );\n}\n\nexport default SelectValue;\n","import {\n  Children,\n  isValidElement,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  FilledInput,\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  ListSubheader,\n  OutlinedInput,\n  Select as MuiSelect,\n  TextField,\n  InputAdornment,\n  Box,\n  type SelectChangeEvent,\n  type SelectProps as MuiSelectProps,\n} from '@mui/material';\nimport SearchIcon from '@mui/icons-material/Search';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSelectSx } from './Select.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\nimport {\n  groupOptions,\n  isSelectValueEmpty,\n  normalizeSelectValue,\n} from './Select.helpers';\nimport { renderSelectMenuItem } from './_parts/SelectMenuItem';\nimport { SelectValue } from './_parts/SelectValue';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface SelectOption {\n  value: string | number;\n  label: string;\n  img?: string;\n  disabled?: boolean;\n  group?: string;\n  [key: string]: any;\n}\n\nexport type LabelPosition = 'outside' | 'floating';\nexport type SelectSize = 'small' | 'medium';\n\n// ── Render slots ─────────────────────────────────────────────────────────\nexport type RenderOptionItem = (item: SelectOption) => ReactNode;\n\n/** Variante visual de los chips en modo `multiple`. */\nexport type ChipVariant = 'filled' | 'outlined';\n/** Render custom del label de cada chip/valor seleccionado. */\nexport type RenderChipLabel = (item: SelectOption) => ReactNode;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport interface OptionProps {\n  children: RenderOptionItem;\n}\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> {\n  label?: string;\n  options?: SelectOption[];\n  defaultValue?: TValue;\n  size?: SelectSize;\n  placeholder?: string;\n  children?: ReactElement<{ children: RenderOptionItem }>;\n  maxHeight?: number | string;\n  maxWidth?: number | string;\n  /** Si `true`, muestra un buscador arriba del menú para filtrar opciones. */\n  filterable?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Border radius del input (px o string CSS). Default: 10 */\n  borderRadius?: number | string;\n  /**\n   * Posición del label.\n   * - \"outside\" (default): label arriba del input, sin animación.\n   * - \"floating\": label clásico de MUI (flota dentro del notched outline).\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Select`.\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  /** MUI input variant. Default: 'outlined'. */\n  variant?: 'outlined' | 'filled';\n  sx?: MuiSelectProps['sx'];\n  className?: string;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\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 tiene generics propios (como `TValue` acá), TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda.\n  // El `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del Select.\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: TValue) => void;\n  multiple?: false;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface StandardSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name?: string;\n  control?: never;\n  validation?: never;\n  multiple?: false;\n  value: TValue;\n  onChange: (val: TValue) => void;\n}\n\nexport interface MultipleSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name?: string;\n  control?: never;\n  validation?: never;\n  multiple: true;\n  value: TValue[];\n  onChange: (val: TValue[]) => void;\n  /** Máximo de chips visibles antes de truncar con \"+N más\". Default: 3. */\n  maxChipsToShow?: number;\n  /** Variante visual de los chips. Default: 'filled'. */\n  chipVariant?: ChipVariant;\n  /** Render custom del label de cada chip. */\n  renderChipLabel?: RenderChipLabel;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> =\n  | RHFSelectProps<TValue>\n  | StandardSelectProps<TValue>\n  | MultipleSelectProps<TValue>;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport function Option(_props: OptionProps) {\n  return null;\n}\nOption.displayName = 'Option';\n\n// ── Componente ───────────────────────────────────────────────────────────\nexport function Select<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n>(props: SelectProps<TValue>) {\n  const {\n    label,\n    options = [],\n    defaultValue,\n    size = 'small',\n    placeholder,\n    children,\n    maxHeight = 300,\n    maxWidth,\n    disabled = false,\n    error = false,\n    helperText,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    preset,\n    variant = 'outlined',\n    sx,\n    className,\n    multiple = false,\n    maxChipsToShow = 3,\n    chipVariant = 'filled',\n    renderChipLabel,\n    filterable = false,\n    // Separamos estos aunque no se usen directamente acá — evita que lleguen\n    // al DOM del MuiSelect via `{...rest}` y generen warnings de React.\n    name: _nameIgnored,\n    control: _controlIgnored,\n    validation: _validationIgnored,\n    value: _valueIgnored,\n    onChange: _onChangeIgnored,\n    // Se consume aparte en la rama RHF (más abajo). Sin sacarlo acá viajaba en\n    // `rest` hasta el DOM del MuiSelect: \"Unknown event handler property\n    // `onValueChange`. It will be ignored.\" en cada render del select en cascada.\n    onValueChange: _onValueChangeIgnored,\n    ...rest\n  } = props as StandardSelectProps<TValue> & {\n    name?: string;\n    control?: Control<any>;\n    validation?: RegisterOptions;\n    onValueChange?: (value: TValue) => void;\n    multiple?: boolean;\n    maxChipsToShow?: number;\n    chipVariant?: ChipVariant;\n    renderChipLabel?: RenderChipLabel;\n    filterable?: boolean;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Select', preset, theme);\n\n  const isRHFMode = 'control' in props && (props as RHFSelectProps<TValue>).control !== undefined;\n\n  // Custom render opcional vía <Option>{item => ...}</Option>\n  const customRender: RenderOptionItem | null = useMemo(() => {\n    if (Children.count(children) === 1) {\n      const child = Children.only(children);\n      if (isValidElement(child) && (child.type as any)?.displayName === 'Option') {\n        return (child.props as OptionProps).children;\n      }\n    }\n    return null;\n  }, [children]);\n\n  // Focus/open tracking para el comportamiento del label \"outside\".\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  // Texto del buscador (modo `filterable`).\n  const [searchText, setSearchText] = useState('');\n\n  const filteredOptions = useMemo(() => {\n    if (!filterable || !searchText.trim()) return options;\n    const q = searchText.trim().toLowerCase();\n    return options.filter((opt) => opt.label.toLowerCase().includes(q));\n  }, [options, filterable, searchText]);\n\n  const groupedOptions = useMemo(\n    () => groupOptions(filteredOptions),\n    [filteredOptions],\n  );\n\n  // Items del menú (grupos + opciones). El buscador se inyecta aparte.\n  const buildMenuItems = (currentValue: TValue | TValue[] | '') => {\n    const items: ReactNode[] = [];\n    Object.entries(groupedOptions).forEach(([group, opts]) => {\n      if (group !== '__default') {\n        items.push(\n          <ListSubheader key={group} disableSticky>\n            {group}\n          </ListSubheader>,\n        );\n      }\n      opts.forEach((opt) => {\n        const selected = Array.isArray(currentValue)\n          ? currentValue.includes(opt.value as TValue)\n          : currentValue === opt.value;\n        items.push(\n          renderSelectMenuItem({\n            option: opt,\n            selected,\n            customRender,\n          }),\n        );\n      });\n    });\n    return items;\n  };\n\n  // Built-in primero, preset encima (ver Input).\n  const mergedSx = [\n    buildSelectSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  // Render base (común a RHF y controlled)\n  const renderSelect = (\n    selectValue: TValue | TValue[] | null | undefined,\n    selectOnChange: (event: SelectChangeEvent<TValue | TValue[]>) => void,\n    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n    onValuesChange?: (next: TValue[]) => void,\n  ) => {\n    const finalError = !!rhfError || !!error;\n    const finalHelperText = rhfHelperText ?? helperText;\n\n    const inputElement =\n      variant === 'filled'\n        ? <FilledInput />\n        : labelPosition === 'floating'\n          ? <OutlinedInput label={label} />\n          : <OutlinedInput />;\n\n    const normalizedValue = multiple\n      ? ((selectValue as TValue[] | null | undefined) ?? [])\n      : normalizeSelectValue(selectValue as TValue | null | undefined);\n    const isEmpty = multiple\n      ? (normalizedValue as TValue[]).length === 0\n      : isSelectValueEmpty(normalizedValue);\n\n    // Shrink cuando hay valor, foco, o dropdown abierto.\n    const shouldShrink = !isEmpty || isFocused || isOpen;\n    // Placeholder solo cuando el label ya subió.\n    const shouldDisplayPlaceholder =\n      isEmpty && (isFocused || isOpen) && !!placeholder;\n\n    return (\n      <FormControl\n        fullWidth\n        size={size}\n        variant={variant}\n        error={finalError}\n        disabled={disabled}\n        className={className}\n        sx={mergedSx}\n      >\n        {label && <InputLabel shrink={shouldShrink}>{label}</InputLabel>}\n        <MuiSelect<TValue | TValue[]>\n          multiple={multiple}\n          value={normalizedValue as TValue | TValue[]}\n          onChange={selectOnChange}\n          onBlur={(e) => {\n            setIsFocused(false);\n            onBlur?.(e);\n          }}\n          onFocus={() => setIsFocused(true)}\n          onOpen={() => setIsOpen(true)}\n          onClose={() => {\n            setIsOpen(false);\n            if (filterable) setSearchText('');\n          }}\n          renderValue={(selected) => (\n            <SelectValue<TValue>\n              selected={selected as TValue | TValue[]}\n              options={options}\n              multiple={multiple}\n              placeholder={placeholder}\n              maxChipsToShow={maxChipsToShow}\n              chipVariant={chipVariant}\n              renderChipLabel={renderChipLabel}\n              currentValues={multiple ? (selected as TValue[]) : undefined}\n              onDeleteChip={onValuesChange}\n            />\n          )}\n          displayEmpty={shouldDisplayPlaceholder}\n          input={inputElement}\n          disabled={disabled}\n          MenuProps={{\n            PaperProps: {\n              style: { maxHeight, maxWidth },\n            },\n          }}\n          inputRef={inputRef}\n          {...(rest as any)}\n        >\n          {filterable && (\n            <Box\n              sx={{ px: 1.5, py: 1, position: 'sticky', top: 0, zIndex: 1, bgcolor: 'background.paper' }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => e.stopPropagation()}\n            >\n              <TextField\n                size=\"small\"\n                fullWidth\n                autoFocus\n                placeholder=\"Buscar...\"\n                value={searchText}\n                onChange={(e) => setSearchText(e.target.value)}\n                slotProps={{\n                  input: {\n                    startAdornment: (\n                      <InputAdornment position=\"start\">\n                        <SearchIcon fontSize=\"small\" />\n                      </InputAdornment>\n                    ),\n                  },\n                }}\n              />\n            </Box>\n          )}\n          {buildMenuItems(normalizedValue as TValue | TValue[] | '')}\n        </MuiSelect>\n        {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n      </FormControl>\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if (isRHFMode) {\n    const { name, control, validation, onValueChange } = props as RHFSelectProps<TValue>;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderSelect(\n            field.value ?? null,\n            (e) => {\n              const next = e.target.value as TValue;\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n            (nextVals) => {\n              field.onChange(nextVals);\n              onValueChange?.(nextVals as unknown as TValue);\n            },\n          )\n        }\n      />\n    );\n  }\n\n  // ── Controlled mode (single o multiple) ───────────────────────────────\n  const { value, onChange } = props as\n    | StandardSelectProps<TValue>\n    | MultipleSelectProps<TValue>;\n  const handleChange = onChange as (val: TValue | TValue[]) => void;\n  return renderSelect(\n    value as TValue | TValue[],\n    (e) => handleChange(e.target.value as TValue | TValue[]),\n    undefined,\n    undefined,\n    undefined,\n    undefined,\n    (next) => (onChange as (val: TValue[]) => void)(next),\n  );\n}\n\nexport default Select;\n"],"names":["_a","MuiSelect"],"mappings":"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"}

package/{Select-WpHNCHHz.cjs → Select-ZhFf4SBp.cjs}

@@ -152,7 +152,8 @@ function Select(props) {
     control: _controlIgnored,
     validation: _validationIgnored,
     value: _valueIgnored,
-    onChange: _onChangeIgnored
+    onChange: _onChangeIgnored,
+    onValueChange: _onValueChangeIgnored
   } = _a, rest = __objRest(_a, [
     "label",
     "options",
@@ -182,7 +183,11 @@ function Select(props) {
     "control",
     "validation",
     "value",
-    "onChange"
+    "onChange",
+    // Se consume aparte en la rama RHF (más abajo). Sin sacarlo acá viajaba en
+    // `rest` hasta el DOM del MuiSelect: "Unknown event handler property
+    // `onValueChange`. It will be ignored." en cada render del select en cascada.
+    "onValueChange"
   ]);
   const theme = styles.useTheme();
   const presetSx = resolvePreset.resolvePreset("Select", preset, theme);
@@ -231,7 +236,8 @@ function Select(props) {
     return items;
   };
   const mergedSx = [
-    ...presetSx ? [presetSx] : [buildSelectSx(borderRadius, labelPosition)],
+    buildSelectSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
     ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
   const renderSelect = (selectValue, selectOnChange, onBlur, inputRef, rhfError, rhfHelperText, onValuesChange) => {
@@ -373,4 +379,4 @@ function Select(props) {
 }
 exports.Option = Option;
 exports.Select = Select;
-//# sourceMappingURL=Select-WpHNCHHz.cjs.map
+//# sourceMappingURL=Select-ZhFf4SBp.cjs.map

package/Select-ZhFf4SBp.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-ZhFf4SBp.cjs","sources":["../src/components/Select/Select.sx.ts","../src/components/Select/Select.helpers.ts","../src/components/Select/_parts/SelectMenuItem.tsx","../src/components/Select/_parts/SelectValue.tsx","../src/components/Select/Select.tsx"],"sourcesContent":["import type { SelectProps as MuiSelectProps } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport type { LabelPosition } from './Select';\n\n/**\n * Builder de sx para el Select. Usa el builder compartido\n * `buildFormFieldSx`. El Select no necesita overrides específicos.\n */\nexport const buildSelectSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): MuiSelectProps['sx'] =>\n  buildFormFieldSx({ borderRadius, labelPosition }) as MuiSelectProps['sx'];\n","import type { SelectOption } from './Select';\n\n/**\n * Agrupa opciones por la propiedad `group`. Las opciones sin group caen\n * bajo la key especial `__default`. Devuelve un Record para iterar en orden\n * de inserción con Object.entries.\n */\nexport const groupOptions = (\n  options: SelectOption[],\n): Record<string, SelectOption[]> => {\n  const groups: Record<string, SelectOption[]> = {};\n  options.forEach((opt) => {\n    const group = opt.group || '__default';\n    if (!groups[group]) groups[group] = [];\n    groups[group].push(opt);\n  });\n  return groups;\n};\n\n/**\n * Normaliza el valor single al shape que espera MUI Select: string vacío si\n * el valor es `null`/`undefined`.\n */\nexport const normalizeSelectValue = <T>(value: T | null | undefined): T | '' =>\n  (value ?? '') as T | '';\n\n/** `true` si el valor está vacío (para shrink del label + placeholder). */\nexport const isSelectValueEmpty = (normalizedValue: unknown): boolean =>\n  normalizedValue === '' ||\n  normalizedValue === null ||\n  normalizedValue === undefined;\n","import React from 'react';\nimport { ListItemIcon, MenuItem } from '@mui/material';\nimport CheckIcon from '@mui/icons-material/Check';\n\nimport type { SelectOption, RenderOptionItem } from '../Select';\n\ninterface RenderSelectMenuItemArgs {\n  option: SelectOption;\n  selected: boolean;\n  customRender?: RenderOptionItem | null;\n}\n\n/**\n * Render helper (no componente) que devuelve un <MenuItem> listo para\n * colocarse como hijo directo del <MuiSelect>. Se implementa como función\n * y no como componente porque MUI Select inspecciona `props.value` de sus\n * children para resolver la selección, y envolverlo en un componente extra\n * rompe esa detección.\n *\n * Incluye el icono de check a la izquierda cuando `selected` es true. Si el\n * consumer pasó un `<Option>{(opt) => ...}</Option>`, usa ese render para el\n * contenido principal; de lo contrario muestra `option.label`.\n */\nexport const renderSelectMenuItem = ({\n  option,\n  selected,\n  customRender,\n}: RenderSelectMenuItemArgs): React.ReactElement => (\n  <MenuItem\n    key={String(option.value)}\n    value={option.value}\n    disabled={option.disabled}\n    selected={selected}\n  >\n    <ListItemIcon sx={{ minWidth: 32 }}>\n      {selected && <CheckIcon color=\"success\" fontSize=\"small\" />}\n    </ListItemIcon>\n    {customRender ? customRender(option) : option.label}\n  </MenuItem>\n);\n","import { Avatar, Box, Chip, Typography } from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\n\nimport type {\n  SelectOption,\n  RenderChipLabel,\n  ChipVariant,\n} from '../Select';\n\ninterface SelectValueProps<TValue extends SelectOption['value']> {\n  selected: TValue | TValue[] | null | undefined;\n  options: SelectOption[];\n  multiple: boolean;\n  placeholder?: string;\n  maxChipsToShow: number;\n  chipVariant: ChipVariant;\n  renderChipLabel?: RenderChipLabel;\n  /** Solo relevante en modo multiple. Recibe el nuevo array de valores. */\n  onDeleteChip?: (nextValues: TValue[]) => void;\n  /** Array de valores actuales (para componer el nuevo array al borrar chips). */\n  currentValues?: TValue[];\n}\n\n/**\n * Render del valor seleccionado del Select.\n * - single:   texto (label) o lo que devuelva `renderChipLabel`.\n * - multiple: chips con delete. Trunca después de `maxChipsToShow` mostrando \"+N más\".\n * - empty:    placeholder en color disabled.\n */\nexport function SelectValue<TValue extends SelectOption['value']>(\n  props: SelectValueProps<TValue>,\n) {\n  const {\n    selected,\n    options,\n    multiple,\n    placeholder,\n    maxChipsToShow,\n    chipVariant,\n    renderChipLabel,\n    onDeleteChip,\n    currentValues,\n  } = props;\n\n  const isEmpty =\n    !selected || (Array.isArray(selected) && selected.length === 0);\n\n  if (isEmpty) {\n    return (\n      <Typography sx={{ color: 'text.disabled' }}>{placeholder || ''}</Typography>\n    );\n  }\n\n  if (!multiple) {\n    const item = options.find((opt) => opt.value === selected);\n    if (renderChipLabel && item) return <>{renderChipLabel(item)}</>;\n    return <>{item?.label ?? String(selected)}</>;\n  }\n\n  const selectedValuesArray = selected as TValue[];\n  const displayedChips = selectedValuesArray.slice(0, maxChipsToShow);\n  const hiddenChipsCount = selectedValuesArray.length - maxChipsToShow;\n\n  const handleDelete = (chipValue: TValue) => {\n    if (!onDeleteChip || !currentValues) return;\n    onDeleteChip(currentValues.filter((v) => v !== chipValue));\n  };\n\n  return (\n    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 0.5 }}>\n      {displayedChips.map((val) => {\n        const item = options.find((o) => o.value === val);\n        if (!item) return null;\n\n        return (\n          <Chip\n            variant={chipVariant}\n            color=\"primary\"\n            size=\"small\"\n            key={String(val)}\n            label={renderChipLabel ? renderChipLabel(item) : item.label}\n            avatar={item.img ? <Avatar src={item.img} /> : undefined}\n            onDelete={() => handleDelete(val)}\n            deleteIcon={<ClearIcon fontSize=\"small\" />}\n          />\n        );\n      })}\n      {hiddenChipsCount > 0 && (\n        <Chip size=\"small\" variant={chipVariant} label={`+${hiddenChipsCount} más`} />\n      )}\n    </Box>\n  );\n}\n\nexport default SelectValue;\n","import {\n  Children,\n  isValidElement,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  FilledInput,\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  ListSubheader,\n  OutlinedInput,\n  Select as MuiSelect,\n  TextField,\n  InputAdornment,\n  Box,\n  type SelectChangeEvent,\n  type SelectProps as MuiSelectProps,\n} from '@mui/material';\nimport SearchIcon from '@mui/icons-material/Search';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSelectSx } from './Select.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\nimport {\n  groupOptions,\n  isSelectValueEmpty,\n  normalizeSelectValue,\n} from './Select.helpers';\nimport { renderSelectMenuItem } from './_parts/SelectMenuItem';\nimport { SelectValue } from './_parts/SelectValue';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface SelectOption {\n  value: string | number;\n  label: string;\n  img?: string;\n  disabled?: boolean;\n  group?: string;\n  [key: string]: any;\n}\n\nexport type LabelPosition = 'outside' | 'floating';\nexport type SelectSize = 'small' | 'medium';\n\n// ── Render slots ─────────────────────────────────────────────────────────\nexport type RenderOptionItem = (item: SelectOption) => ReactNode;\n\n/** Variante visual de los chips en modo `multiple`. */\nexport type ChipVariant = 'filled' | 'outlined';\n/** Render custom del label de cada chip/valor seleccionado. */\nexport type RenderChipLabel = (item: SelectOption) => ReactNode;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport interface OptionProps {\n  children: RenderOptionItem;\n}\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> {\n  label?: string;\n  options?: SelectOption[];\n  defaultValue?: TValue;\n  size?: SelectSize;\n  placeholder?: string;\n  children?: ReactElement<{ children: RenderOptionItem }>;\n  maxHeight?: number | string;\n  maxWidth?: number | string;\n  /** Si `true`, muestra un buscador arriba del menú para filtrar opciones. */\n  filterable?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Border radius del input (px o string CSS). Default: 10 */\n  borderRadius?: number | string;\n  /**\n   * Posición del label.\n   * - \"outside\" (default): label arriba del input, sin animación.\n   * - \"floating\": label clásico de MUI (flota dentro del notched outline).\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Select`.\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  /** MUI input variant. Default: 'outlined'. */\n  variant?: 'outlined' | 'filled';\n  sx?: MuiSelectProps['sx'];\n  className?: string;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\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 tiene generics propios (como `TValue` acá), TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda.\n  // El `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del Select.\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: TValue) => void;\n  multiple?: false;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface StandardSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name?: string;\n  control?: never;\n  validation?: never;\n  multiple?: false;\n  value: TValue;\n  onChange: (val: TValue) => void;\n}\n\nexport interface MultipleSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name?: string;\n  control?: never;\n  validation?: never;\n  multiple: true;\n  value: TValue[];\n  onChange: (val: TValue[]) => void;\n  /** Máximo de chips visibles antes de truncar con \"+N más\". Default: 3. */\n  maxChipsToShow?: number;\n  /** Variante visual de los chips. Default: 'filled'. */\n  chipVariant?: ChipVariant;\n  /** Render custom del label de cada chip. */\n  renderChipLabel?: RenderChipLabel;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> =\n  | RHFSelectProps<TValue>\n  | StandardSelectProps<TValue>\n  | MultipleSelectProps<TValue>;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport function Option(_props: OptionProps) {\n  return null;\n}\nOption.displayName = 'Option';\n\n// ── Componente ───────────────────────────────────────────────────────────\nexport function Select<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n>(props: SelectProps<TValue>) {\n  const {\n    label,\n    options = [],\n    defaultValue,\n    size = 'small',\n    placeholder,\n    children,\n    maxHeight = 300,\n    maxWidth,\n    disabled = false,\n    error = false,\n    helperText,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    preset,\n    variant = 'outlined',\n    sx,\n    className,\n    multiple = false,\n    maxChipsToShow = 3,\n    chipVariant = 'filled',\n    renderChipLabel,\n    filterable = false,\n    // Separamos estos aunque no se usen directamente acá — evita que lleguen\n    // al DOM del MuiSelect via `{...rest}` y generen warnings de React.\n    name: _nameIgnored,\n    control: _controlIgnored,\n    validation: _validationIgnored,\n    value: _valueIgnored,\n    onChange: _onChangeIgnored,\n    // Se consume aparte en la rama RHF (más abajo). Sin sacarlo acá viajaba en\n    // `rest` hasta el DOM del MuiSelect: \"Unknown event handler property\n    // `onValueChange`. It will be ignored.\" en cada render del select en cascada.\n    onValueChange: _onValueChangeIgnored,\n    ...rest\n  } = props as StandardSelectProps<TValue> & {\n    name?: string;\n    control?: Control<any>;\n    validation?: RegisterOptions;\n    onValueChange?: (value: TValue) => void;\n    multiple?: boolean;\n    maxChipsToShow?: number;\n    chipVariant?: ChipVariant;\n    renderChipLabel?: RenderChipLabel;\n    filterable?: boolean;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Select', preset, theme);\n\n  const isRHFMode = 'control' in props && (props as RHFSelectProps<TValue>).control !== undefined;\n\n  // Custom render opcional vía <Option>{item => ...}</Option>\n  const customRender: RenderOptionItem | null = useMemo(() => {\n    if (Children.count(children) === 1) {\n      const child = Children.only(children);\n      if (isValidElement(child) && (child.type as any)?.displayName === 'Option') {\n        return (child.props as OptionProps).children;\n      }\n    }\n    return null;\n  }, [children]);\n\n  // Focus/open tracking para el comportamiento del label \"outside\".\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  // Texto del buscador (modo `filterable`).\n  const [searchText, setSearchText] = useState('');\n\n  const filteredOptions = useMemo(() => {\n    if (!filterable || !searchText.trim()) return options;\n    const q = searchText.trim().toLowerCase();\n    return options.filter((opt) => opt.label.toLowerCase().includes(q));\n  }, [options, filterable, searchText]);\n\n  const groupedOptions = useMemo(\n    () => groupOptions(filteredOptions),\n    [filteredOptions],\n  );\n\n  // Items del menú (grupos + opciones). El buscador se inyecta aparte.\n  const buildMenuItems = (currentValue: TValue | TValue[] | '') => {\n    const items: ReactNode[] = [];\n    Object.entries(groupedOptions).forEach(([group, opts]) => {\n      if (group !== '__default') {\n        items.push(\n          <ListSubheader key={group} disableSticky>\n            {group}\n          </ListSubheader>,\n        );\n      }\n      opts.forEach((opt) => {\n        const selected = Array.isArray(currentValue)\n          ? currentValue.includes(opt.value as TValue)\n          : currentValue === opt.value;\n        items.push(\n          renderSelectMenuItem({\n            option: opt,\n            selected,\n            customRender,\n          }),\n        );\n      });\n    });\n    return items;\n  };\n\n  // Built-in primero, preset encima (ver Input).\n  const mergedSx = [\n    buildSelectSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  // Render base (común a RHF y controlled)\n  const renderSelect = (\n    selectValue: TValue | TValue[] | null | undefined,\n    selectOnChange: (event: SelectChangeEvent<TValue | TValue[]>) => void,\n    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n    onValuesChange?: (next: TValue[]) => void,\n  ) => {\n    const finalError = !!rhfError || !!error;\n    const finalHelperText = rhfHelperText ?? helperText;\n\n    const inputElement =\n      variant === 'filled'\n        ? <FilledInput />\n        : labelPosition === 'floating'\n          ? <OutlinedInput label={label} />\n          : <OutlinedInput />;\n\n    const normalizedValue = multiple\n      ? ((selectValue as TValue[] | null | undefined) ?? [])\n      : normalizeSelectValue(selectValue as TValue | null | undefined);\n    const isEmpty = multiple\n      ? (normalizedValue as TValue[]).length === 0\n      : isSelectValueEmpty(normalizedValue);\n\n    // Shrink cuando hay valor, foco, o dropdown abierto.\n    const shouldShrink = !isEmpty || isFocused || isOpen;\n    // Placeholder solo cuando el label ya subió.\n    const shouldDisplayPlaceholder =\n      isEmpty && (isFocused || isOpen) && !!placeholder;\n\n    return (\n      <FormControl\n        fullWidth\n        size={size}\n        variant={variant}\n        error={finalError}\n        disabled={disabled}\n        className={className}\n        sx={mergedSx}\n      >\n        {label && <InputLabel shrink={shouldShrink}>{label}</InputLabel>}\n        <MuiSelect<TValue | TValue[]>\n          multiple={multiple}\n          value={normalizedValue as TValue | TValue[]}\n          onChange={selectOnChange}\n          onBlur={(e) => {\n            setIsFocused(false);\n            onBlur?.(e);\n          }}\n          onFocus={() => setIsFocused(true)}\n          onOpen={() => setIsOpen(true)}\n          onClose={() => {\n            setIsOpen(false);\n            if (filterable) setSearchText('');\n          }}\n          renderValue={(selected) => (\n            <SelectValue<TValue>\n              selected={selected as TValue | TValue[]}\n              options={options}\n              multiple={multiple}\n              placeholder={placeholder}\n              maxChipsToShow={maxChipsToShow}\n              chipVariant={chipVariant}\n              renderChipLabel={renderChipLabel}\n              currentValues={multiple ? (selected as TValue[]) : undefined}\n              onDeleteChip={onValuesChange}\n            />\n          )}\n          displayEmpty={shouldDisplayPlaceholder}\n          input={inputElement}\n          disabled={disabled}\n          MenuProps={{\n            PaperProps: {\n              style: { maxHeight, maxWidth },\n            },\n          }}\n          inputRef={inputRef}\n          {...(rest as any)}\n        >\n          {filterable && (\n            <Box\n              sx={{ px: 1.5, py: 1, position: 'sticky', top: 0, zIndex: 1, bgcolor: 'background.paper' }}\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => e.stopPropagation()}\n            >\n              <TextField\n                size=\"small\"\n                fullWidth\n                autoFocus\n                placeholder=\"Buscar...\"\n                value={searchText}\n                onChange={(e) => setSearchText(e.target.value)}\n                slotProps={{\n                  input: {\n                    startAdornment: (\n                      <InputAdornment position=\"start\">\n                        <SearchIcon fontSize=\"small\" />\n                      </InputAdornment>\n                    ),\n                  },\n                }}\n              />\n            </Box>\n          )}\n          {buildMenuItems(normalizedValue as TValue | TValue[] | '')}\n        </MuiSelect>\n        {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n      </FormControl>\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if (isRHFMode) {\n    const { name, control, validation, onValueChange } = props as RHFSelectProps<TValue>;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderSelect(\n            field.value ?? null,\n            (e) => {\n              const next = e.target.value as TValue;\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n            (nextVals) => {\n              field.onChange(nextVals);\n              onValueChange?.(nextVals as unknown as TValue);\n            },\n          )\n        }\n      />\n    );\n  }\n\n  // ── Controlled mode (single o multiple) ───────────────────────────────\n  const { value, onChange } = props as\n    | StandardSelectProps<TValue>\n    | MultipleSelectProps<TValue>;\n  const handleChange = onChange as (val: TValue | TValue[]) => void;\n  return renderSelect(\n    value as TValue | TValue[],\n    (e) => handleChange(e.target.value as TValue | TValue[]),\n    undefined,\n    undefined,\n    undefined,\n    undefined,\n    (next) => (onChange as (val: TValue[]) => void)(next),\n  );\n}\n\nexport default Select;\n"],"names":["buildFormFieldSx","jsxs","MenuItem","jsx","ListItemIcon","Typography","Fragment","Box","Chip","Avatar","FIELD_BORDER_RADIUS","useTheme","resolvePreset","useMemo","Children","isValidElement","_a","useState","ListSubheader","FilledInput","OutlinedInput","FormControl","InputLabel","MuiSelect","TextField","InputAdornment","FormHelperText","Controller"],"mappings":"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"}

package/{StatusMessage-B3nXpuRl.cjs → StatusMessageContext-BMsbLKRq.cjs}

@@ -84,5 +84,23 @@ const StatusMessage = ({
     }
   );
 };
+const initialValues = {
+  state: void 0,
+  setMessage: () => {
+  },
+  cleanMessage: () => {
+  }
+};
+const StatusMessageContext = React.createContext(initialValues);
+const useStatusMessageContext = () => React.useContext(StatusMessageContext);
+const StatusMessageProvider = ({ children }) => {
+  const [stateMessage, setMessage] = React.useState(void 0);
+  const cleanMessage = () => {
+    setMessage(void 0);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(StatusMessageContext.Provider, { value: { setMessage, cleanMessage, state: stateMessage }, children });
+};
 exports.StatusMessage = StatusMessage;
-//# sourceMappingURL=StatusMessage-B3nXpuRl.cjs.map
+exports.StatusMessageProvider = StatusMessageProvider;
+exports.useStatusMessageContext = useStatusMessageContext;
+//# sourceMappingURL=StatusMessageContext-BMsbLKRq.cjs.map

package/StatusMessageContext-BMsbLKRq.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessageContext-BMsbLKRq.cjs","sources":["../src/components/StatusMessage/StatusMessage.tsx","../src/components/StatusMessage/StatusMessageContext.tsx"],"sourcesContent":["import { useId, useState, type FC } from 'react';\nimport {\n  Alert,\n  Box,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogActions,\n  Button,\n} from '@mui/material';\nimport {\n  ErrorOutline as ErrorOutlineIcon,\n  CheckCircleOutline as CheckCircleOutlineIcon,\n  WarningAmber as WarningAmberIcon,\n} from '@mui/icons-material';\n\nexport interface StatusMessageProps {\n  /** Título del mensaje. */\n  title?: string;\n  /** Descripción/contenido detallado. Requerido para que el componente renderice. */\n  description?: string;\n  /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */\n  messageType?: 'success' | 'danger' | 'warning';\n  /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */\n  displayType?: 'alert' | 'modal';\n  /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */\n  close?: () => void;\n  /**\n   * Controla visibilidad. Si se omite, el componente maneja su propio\n   * state (se oculta solo al llamar `close`). Si se pasa, queda controlled\n   * y el consumer es responsable de actualizarlo.\n   */\n  open?: boolean;\n}\n\n/**\n * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.\n *\n * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia\n *   visibilidad. Al llamar `close`, se oculta automáticamente.\n * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.\n */\nexport const StatusMessage: FC<StatusMessageProps> = ({\n  title,\n  description,\n  messageType = 'success',\n  displayType = 'alert',\n  close,\n  open: controlledOpen,\n}) => {\n  const [internalOpen, setInternalOpen] = useState(true);\n  const titleId = useId();\n  const descId = useId();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleClose = () => {\n    if (!isControlled) setInternalOpen(false);\n    close?.();\n  };\n\n  const alertVariant = messageType === 'danger' ? 'error' : messageType;\n\n  const icon =\n    messageType === 'success' ? (\n      <CheckCircleOutlineIcon sx={{ fontSize: 64, color: 'success.main' }} />\n    ) : messageType === 'danger' ? (\n      <ErrorOutlineIcon sx={{ fontSize: 64, color: 'error.main' }} />\n    ) : (\n      <WarningAmberIcon sx={{ fontSize: 64, color: 'warning.main' }} />\n    );\n\n  if (!description) return null;\n  if (!isOpen) return null;\n\n  if (displayType === 'modal') {\n    return (\n      <Dialog\n        open={isOpen}\n        onClose={handleClose}\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={descId}\n        maxWidth=\"md\"\n        slotProps={{\n          paper: {\n            sx: { borderRadius: '16px', p: 2 },\n          },\n        }}\n      >\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            textAlign: 'center',\n            p: 4,\n            gap: 2,\n          }}\n        >\n          <Box sx={{ mb: 2 }}>{icon}</Box>\n          {title && (\n            <Typography\n              id={titleId}\n              variant=\"h4\"\n              component=\"h2\"\n              sx={{ fontWeight: 'bold' }}\n            >\n              {title}\n            </Typography>\n          )}\n          <Typography id={descId} variant=\"body1\" color=\"text.secondary\">\n            {description}\n          </Typography>\n        </DialogContent>\n        <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n          <Button onClick={handleClose} variant=\"contained\" color={alertVariant}>\n            Aceptar\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Alert\n      severity={alertVariant}\n      sx={{ mb: 2, mt: 2 }}\n      onClose={close !== undefined ? handleClose : undefined}\n    >\n      {title && (\n        <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n          {title}\n        </Typography>\n      )}\n      <Typography variant=\"body2\" sx={{ mt: 1 }}>\n        {description}\n      </Typography>\n    </Alert>\n  );\n};\n\nexport default StatusMessage;\n","import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'>;\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  const cleanMessage = () => {\n    setMessage(undefined);\n  };\n\n  return (\n    <StatusMessageContext.Provider value={{ setMessage, cleanMessage, state: stateMessage }}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n"],"names":["useState","useId","jsx","CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon","jsxs","Dialog","DialogContent","Box","Typography","DialogActions","Button","Alert","createContext","useContext"],"mappings":"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"}

package/{StatusMessage-D0WgSBx7.js → StatusMessageContext-DgYiObYE.js}

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useId } from "react";
+import { useState, useId, createContext, useContext } from "react";
 import { Dialog, DialogContent, Box, Typography, DialogActions, Button, Alert } from "@mui/material";
 import { CheckCircleOutline, ErrorOutline, WarningAmber } from "@mui/icons-material";
 const StatusMessage = ({
@@ -83,7 +83,25 @@ const StatusMessage = ({
     }
   );
 };
+const initialValues = {
+  state: void 0,
+  setMessage: () => {
+  },
+  cleanMessage: () => {
+  }
+};
+const StatusMessageContext = createContext(initialValues);
+const useStatusMessageContext = () => useContext(StatusMessageContext);
+const StatusMessageProvider = ({ children }) => {
+  const [stateMessage, setMessage] = useState(void 0);
+  const cleanMessage = () => {
+    setMessage(void 0);
+  };
+  return /* @__PURE__ */ jsx(StatusMessageContext.Provider, { value: { setMessage, cleanMessage, state: stateMessage }, children });
+};
 export {
-  StatusMessage as S
+  StatusMessage as S,
+  StatusMessageProvider as a,
+  useStatusMessageContext as u
 };
-//# sourceMappingURL=StatusMessage-D0WgSBx7.js.map
+//# sourceMappingURL=StatusMessageContext-DgYiObYE.js.map

package/StatusMessageContext-DgYiObYE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusMessageContext-DgYiObYE.js","sources":["../src/components/StatusMessage/StatusMessage.tsx","../src/components/StatusMessage/StatusMessageContext.tsx"],"sourcesContent":["import { useId, useState, type FC } from 'react';\nimport {\n  Alert,\n  Box,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogActions,\n  Button,\n} from '@mui/material';\nimport {\n  ErrorOutline as ErrorOutlineIcon,\n  CheckCircleOutline as CheckCircleOutlineIcon,\n  WarningAmber as WarningAmberIcon,\n} from '@mui/icons-material';\n\nexport interface StatusMessageProps {\n  /** Título del mensaje. */\n  title?: string;\n  /** Descripción/contenido detallado. Requerido para que el componente renderice. */\n  description?: string;\n  /** Tipo de mensaje (controla color + icono). `danger` mapea a `error` de MUI. */\n  messageType?: 'success' | 'danger' | 'warning';\n  /** Forma de presentación: alerta inline o modal. Default: `'alert'`. */\n  displayType?: 'alert' | 'modal';\n  /** Callback al cerrar. Si se omite, no se muestra botón de cerrar. */\n  close?: () => void;\n  /**\n   * Controla visibilidad. Si se omite, el componente maneja su propio\n   * state (se oculta solo al llamar `close`). Si se pasa, queda controlled\n   * y el consumer es responsable de actualizarlo.\n   */\n  open?: boolean;\n}\n\n/**\n * Mensaje de éxito / error / advertencia en forma de alerta inline o modal.\n *\n * - **Uncontrolled**: sin pasar `open`, el componente maneja su propia\n *   visibilidad. Al llamar `close`, se oculta automáticamente.\n * - **Controlled**: pasando `open`, el consumer decide cuándo mostrar/ocultar.\n */\nexport const StatusMessage: FC<StatusMessageProps> = ({\n  title,\n  description,\n  messageType = 'success',\n  displayType = 'alert',\n  close,\n  open: controlledOpen,\n}) => {\n  const [internalOpen, setInternalOpen] = useState(true);\n  const titleId = useId();\n  const descId = useId();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n\n  const handleClose = () => {\n    if (!isControlled) setInternalOpen(false);\n    close?.();\n  };\n\n  const alertVariant = messageType === 'danger' ? 'error' : messageType;\n\n  const icon =\n    messageType === 'success' ? (\n      <CheckCircleOutlineIcon sx={{ fontSize: 64, color: 'success.main' }} />\n    ) : messageType === 'danger' ? (\n      <ErrorOutlineIcon sx={{ fontSize: 64, color: 'error.main' }} />\n    ) : (\n      <WarningAmberIcon sx={{ fontSize: 64, color: 'warning.main' }} />\n    );\n\n  if (!description) return null;\n  if (!isOpen) return null;\n\n  if (displayType === 'modal') {\n    return (\n      <Dialog\n        open={isOpen}\n        onClose={handleClose}\n        aria-labelledby={title ? titleId : undefined}\n        aria-describedby={descId}\n        maxWidth=\"md\"\n        slotProps={{\n          paper: {\n            sx: { borderRadius: '16px', p: 2 },\n          },\n        }}\n      >\n        <DialogContent\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            textAlign: 'center',\n            p: 4,\n            gap: 2,\n          }}\n        >\n          <Box sx={{ mb: 2 }}>{icon}</Box>\n          {title && (\n            <Typography\n              id={titleId}\n              variant=\"h4\"\n              component=\"h2\"\n              sx={{ fontWeight: 'bold' }}\n            >\n              {title}\n            </Typography>\n          )}\n          <Typography id={descId} variant=\"body1\" color=\"text.secondary\">\n            {description}\n          </Typography>\n        </DialogContent>\n        <DialogActions sx={{ justifyContent: 'center', p: 2 }}>\n          <Button onClick={handleClose} variant=\"contained\" color={alertVariant}>\n            Aceptar\n          </Button>\n        </DialogActions>\n      </Dialog>\n    );\n  }\n\n  return (\n    <Alert\n      severity={alertVariant}\n      sx={{ mb: 2, mt: 2 }}\n      onClose={close !== undefined ? handleClose : undefined}\n    >\n      {title && (\n        <Typography variant=\"h6\" sx={{ fontWeight: 'bold' }}>\n          {title}\n        </Typography>\n      )}\n      <Typography variant=\"body2\" sx={{ mt: 1 }}>\n        {description}\n      </Typography>\n    </Alert>\n  );\n};\n\nexport default StatusMessage;\n","import {\n  createContext,\n  useState,\n  useContext,\n  type Dispatch,\n  type SetStateAction,\n  type ReactNode,\n} from 'react';\nimport type { StatusMessageProps } from './StatusMessage';\n\nexport type StatusMessageState = {\n  [K in 'title' | 'description' | 'messageType']: StatusMessageProps[K] | undefined;\n} & Pick<StatusMessageProps, 'displayType'>;\n\ninterface StatusMessageContextValue {\n  state: StatusMessageState | undefined;\n  setMessage: Dispatch<SetStateAction<StatusMessageState | undefined>>;\n  cleanMessage: () => void;\n}\n\nconst initialValues: StatusMessageContextValue = {\n  state: undefined,\n  setMessage: () => {},\n  cleanMessage: () => {},\n};\n\nconst StatusMessageContext = createContext<StatusMessageContextValue>(initialValues);\n\nexport const useStatusMessageContext = () => useContext(StatusMessageContext);\n\ninterface StatusMessageProviderProps {\n  children: ReactNode;\n}\n\nexport const StatusMessageProvider = ({ children }: StatusMessageProviderProps) => {\n  const [stateMessage, setMessage] = useState<StatusMessageState | undefined>(undefined);\n  const cleanMessage = () => {\n    setMessage(undefined);\n  };\n\n  return (\n    <StatusMessageContext.Provider value={{ setMessage, cleanMessage, state: stateMessage }}>\n      {children}\n    </StatusMessageContext.Provider>\n  );\n};\n"],"names":["CheckCircleOutlineIcon","ErrorOutlineIcon","WarningAmberIcon"],"mappings":"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"}

package/components/ActionMenu/ActionMenu.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const ActionMenu = require("../../ActionMenu-wNWkDZWh.cjs");
+const ActionMenu = require("../../ActionMenu-D81Xb35f.cjs");
 exports.ActionMenu = ActionMenu.ActionMenu;
 exports.ActionMenuItem = ActionMenu.ActionMenuItem;
 exports.default = ActionMenu.ActionMenu;

package/components/ActionMenu/ActionMenu.js

@@ -1,4 +1,4 @@
-import { A, a, A as A2 } from "../../ActionMenu-BXRVKopM.js";
+import { A, a, A as A2 } from "../../ActionMenu-DYPA_tYk.js";
 export {
   A as ActionMenu,
   a as ActionMenuItem,

package/components/Autocomplete/Autocomplete.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Autocomplete = require("../../Autocomplete-Bd3bN4Cw.cjs");
+const Autocomplete = require("../../Autocomplete-Baqwboth.cjs");
 exports.Autocomplete = Autocomplete.Autocomplete;
 exports.AutocompleteSelect = Autocomplete.AutocompleteSelect;
 exports.default = Autocomplete.Autocomplete;