@soyfri/shared-library 3.1.0 → 3.2.1

package/Autocomplete-Bd3bN4Cw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete-Bd3bN4Cw.cjs","sources":["../src/components/Autocomplete/Autocomplete.sx.ts","../src/components/Autocomplete/Autocomplete.helpers.ts","../src/components/Autocomplete/_parts/AutocompleteOption.tsx","../src/components/Autocomplete/_parts/AutocompleteChips.tsx","../src/components/Autocomplete/_parts/AutocompleteLoader.tsx","../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './Autocomplete';\n\n/**\n * Builder del sx del Autocomplete. Reutiliza `buildFormFieldSx` y añade\n * los paddings propios del Autocomplete (chips + input interno).\n */\nexport const buildAutocompleteSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    extraOutsideSx: {\n      // El Autocomplete es el único campo cuyo padding lo pinta MUI con\n      // selectores calificados por tamaño (`.MuiOutlinedInput-root.MuiInputBase-sizeSmall`\n      // y su descendiente `.MuiAutocomplete-input`). Un selector de menos clases\n      // pierde por especificidad — por eso hay que repetir el calificador acá, o\n      // el Autocomplete queda ~5px más bajo que Input/Select/pickers.\n      '& .MuiOutlinedInput-root, & .MuiOutlinedInput-root.MuiInputBase-sizeSmall': {\n        paddingTop: 0,\n        paddingBottom: 0,\n      },\n\n      // La altura la fija el input interno, con el mismo token que el resto.\n      '& .MuiOutlinedInput-root .MuiAutocomplete-input, & .MuiOutlinedInput-root.MuiInputBase-sizeSmall .MuiAutocomplete-input':\n        {\n          paddingTop: FIELD_INPUT_PADDING_Y,\n          paddingBottom: FIELD_INPUT_PADDING_Y,\n        },\n    },\n  });\n","import type { SxProps, Theme } from '@mui/material/styles';\nimport type { SelectOption } from './Autocomplete';\n\n/** Resuelve un value único a su SelectOption dentro del pool. */\nexport const resolveSingleValue = (\n  options: SelectOption[],\n  value: SelectOption['value'] | null | undefined,\n): SelectOption | null => options.find((o) => o.value === value) ?? null;\n\n/** Resuelve un array de values a sus SelectOption dentro del pool. */\nexport const resolveMultipleValue = (\n  options: SelectOption[],\n  value: SelectOption['value'][] | null | undefined,\n): SelectOption[] => {\n  if (!Array.isArray(value)) return [];\n  return options.filter((o) => value.includes(o.value));\n};\n\n/** Merge de sx base + extra del consumer, respetando el contrato de MUI. */\nexport const mergeSx = (\n  base: SxProps<Theme>,\n  extra?: SxProps<Theme>,\n): SxProps<Theme> => {\n  if (!extra) return base;\n  return [base, ...(Array.isArray(extra) ? extra : [extra])] as SxProps<Theme>;\n};\n\n/**\n * Compara dos SelectOption por todas sus props (shallow). Se usa para detectar\n * cambios de metadata (p.ej. `label`, `img`) cuando `value` no cambió, para\n * que la estabilización no tape datos frescos del server.\n */\nconst areOptionsShallowEqual = (a: SelectOption, b: SelectOption): boolean => {\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n  return keysA.every((k) => a[k] === b[k]);\n};\n\n/**\n * Compara dos valores resueltos (single o multiple) estructuralmente para\n * decidir si se puede reusar la referencia previa. Se usa para estabilizar la\n * referencia que se pasa a MUI Autocomplete (MUI compara value por referencia\n * con `!==`, y una nueva referencia — aunque el contenido sea igual — dispara\n * `resetInputValue` y borra el texto mientras el usuario tipea).\n *\n * Comparamos todas las props del SelectOption, no solo `value`, para que un\n * refresh de metadata (label/img/etc.) invalide la referencia estabilizada\n * y la UI muestre los datos actualizados.\n */\nexport const areResolvedValuesEqual = (\n  prev: SelectOption | SelectOption[] | null,\n  next: SelectOption | SelectOption[] | null,\n  multiple: boolean,\n): boolean => {\n  if (multiple) {\n    if (!Array.isArray(prev) || !Array.isArray(next)) return false;\n    if (prev.length !== next.length) return false;\n    return prev.every((o, i) => {\n      const n = next[i];\n      return !!n && areOptionsShallowEqual(o, n);\n    });\n  }\n  const p = prev as SelectOption | null;\n  const n = next as SelectOption | null;\n  if (p === n) return true;\n  if (!p || !n) return false;\n  return areOptionsShallowEqual(p, n);\n};\n\n/** Determina si un valor resuelto está vacío (para placeholder/shrink). */\nexport const isResolvedValueEmpty = (\n  resolvedValue: unknown,\n  multiple: boolean,\n): boolean => {\n  if (multiple) {\n    return !Array.isArray(resolvedValue) || resolvedValue.length === 0;\n  }\n  return !resolvedValue;\n};\n","import React from 'react';\nimport type { SelectOption, RenderOptionItem } from '../Autocomplete';\n\ninterface AutocompleteOptionProps {\n  liProps: React.HTMLAttributes<HTMLLIElement>;\n  option: SelectOption;\n  customRender?: RenderOptionItem;\n}\n\n/**\n * Render por defecto de un `<li>` del dropdown del Autocomplete.\n * MUI lo invoca desde `renderOption={(props, option) => ...}` en el padre.\n *\n * La `key` la maneja el padre (`renderOption` en Autocomplete.tsx). Este\n * componente solo recibe los props restantes del `<li>` para spread.\n */\nexport const AutocompleteOption: React.FC<AutocompleteOptionProps> = ({\n  liProps,\n  option,\n  customRender,\n}) => {\n  return (\n    <li {...liProps}>\n      {customRender ? customRender(option) : option.label}\n    </li>\n  );\n};\n\nexport default AutocompleteOption;\n","import React from 'react';\nimport { Avatar, Chip } from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\n\nimport type {\n  SelectOption,\n  RenderChipLabel,\n  AutocompleteSize,\n} from '../Autocomplete';\n\ninterface AutocompleteChipsProps {\n  value: SelectOption[];\n  getTagProps: (args: { index: number }) => Record<string, any>;\n  size: AutocompleteSize;\n  maxChipsToShow: number;\n  renderChipLabel?: RenderChipLabel;\n}\n\n/**\n * Render de los chips del Autocomplete en modo multiple.\n * Trunca después de `maxChipsToShow` con un chip \"+N más\".\n * El `getTagProps({ index })` viene de MUI y contiene el handler de delete,\n * la key, etc. — se spreadea tal cual al Chip.\n */\nexport const AutocompleteChips: React.FC<AutocompleteChipsProps> = ({\n  value,\n  getTagProps,\n  size,\n  maxChipsToShow,\n  renderChipLabel,\n}) => {\n  const displayed = value.slice(0, maxChipsToShow);\n  const hidden = value.length - maxChipsToShow;\n\n  return (\n    <>\n      {displayed.map((option, index) => {\n        const { key: _ignored, ...tagProps } = getTagProps({ index });\n        return (\n          <Chip\n            key={option.value}\n            {...tagProps}\n            size={size}\n            label={renderChipLabel ? renderChipLabel(option) : option.label}\n            avatar={option.img ? <Avatar src={option.img} /> : undefined}\n            deleteIcon={<ClearIcon />}\n          />\n        );\n      })}\n      {hidden > 0 && <Chip size={size} label={`+${hidden} más`} />}\n    </>\n  );\n};\n\nexport default AutocompleteChips;\n","import React from 'react';\nimport { Box, CircularProgress, Typography } from '@mui/material';\n\n/**\n * Loader por defecto para el `loadingText` del Autocomplete.\n * El consumer puede sobrescribirlo pasando `loadingText` al componente padre.\n */\nexport const AutocompleteLoader: React.FC<{ text?: string }> = ({\n  text = 'Cargando...',\n}) => (\n  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n    <CircularProgress size={16} />\n    <Typography variant=\"body2\">{text}</Typography>\n  </Box>\n);\n\nexport default AutocompleteLoader;\n","import React, {\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Autocomplete as MuiAutocomplete,\n  TextField,\n  type TextFieldProps,\n} from '@mui/material';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildAutocompleteSx } from './Autocomplete.sx';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\nimport {\n  areResolvedValuesEqual,\n  isResolvedValueEmpty,\n  resolveMultipleValue,\n  resolveSingleValue,\n} from './Autocomplete.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { AutocompleteOption } from './_parts/AutocompleteOption';\nimport { AutocompleteChips } from './_parts/AutocompleteChips';\nimport { AutocompleteLoader } from './_parts/AutocompleteLoader';\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; //campos extras que puede tener la opcion\n}\n\nexport type LabelPosition = 'outside' | 'floating';\nexport type AutocompleteSize = 'small' | 'medium';\n\n// ── Render slots ─────────────────────────────────────────────────────────\nexport type RenderOptionItem = (item: SelectOption) => ReactNode;\nexport type RenderChipLabel = (item: SelectOption) => ReactNode;\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport type BaseAutocompleteProps<\n  _TValue extends SelectOption['value'] = SelectOption['value'],\n> = {\n  label?: string;\n  options: SelectOption[];\n  placeholder?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  loading?: boolean;\n  error?: boolean;\n  helperText?: string;\n  maxChipsToShow?: number;\n  renderOptionItem?: RenderOptionItem;\n  renderChipLabel?: RenderChipLabel;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) = label arriba del input; \"floating\" = comportamiento nativo MUI. */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: AutocompleteSize;\n  /** Texto cuando no hay coincidencias. */\n  noOptionsText?: ReactNode;\n  /** Texto cuando está cargando. */\n  loadingText?: ReactNode;\n  sx?: SxProps<Theme>;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Autocomplete`.\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  /** Props para el TextField subyacente. */\n  textFieldProps?: Partial<TextFieldProps>;\n\n  // ── Búsqueda asíncrona / remota ──────────────────────────────────────\n  /** Se dispara cada vez que el usuario escribe. Útil para llamadas a servicios\n   *  (debounce recomendado en el consumer). */\n  onInputChange?: (\n    event: SyntheticEvent,\n    value: string,\n    reason: 'input' | 'reset' | 'clear' | 'blur' | 'selectOption' | 'removeOption',\n  ) => void;\n  /** Valor controlado del texto de búsqueda. */\n  inputValue?: string;\n  /** Filtro custom. Para búsqueda remota pasar `(x) => x` y confiar sólo en el servicio. */\n  filterOptions?: (options: SelectOption[], state: any) => SelectOption[];\n  /** Permite valores arbitrarios (no solo de la lista). */\n  freeSolo?: boolean;\n  open?: boolean;\n  onOpen?: (event: SyntheticEvent) => void;\n  onClose?: (event: SyntheticEvent, reason: string) => void;\n};\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface ControlledAutocompleteProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseAutocompleteProps<TValue> {\n  value: TValue | TValue[] | null;\n  onChange: (val: TValue | TValue[] | null) => void;\n  name?: string;\n  control?: never;\n  validation?: never;\n}\n\nexport interface RHFAutocompleteProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseAutocompleteProps<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 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?: (val: TValue | TValue[] | null) => void;\n  value?: never;\n  onChange?: never;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type AutocompleteProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> = ControlledAutocompleteProps<TValue> | RHFAutocompleteProps<TValue>;\n\nexport function Autocomplete<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n>(props: AutocompleteProps<TValue>) {\n  const {\n    label,\n    options,\n    placeholder,\n    multiple = false,\n    disabled = false,\n    readOnly = false,\n    loading = false,\n    error: errorProp = false,\n    helperText,\n    maxChipsToShow = 3,\n    renderOptionItem,\n    renderChipLabel,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    size = 'small',\n    noOptionsText = 'No hay opciones',\n    loadingText,\n    sx,\n    preset,\n    textFieldProps,\n    onInputChange,\n    inputValue,\n    filterOptions,\n    freeSolo,\n    open,\n    onOpen,\n    onClose,\n  } = props as BaseAutocompleteProps<TValue>;\n\n  // Focus tracking para mostrar placeholder solo cuando el label sube.\n  const [isFocused, setIsFocused] = useState(false);\n\n  // Cache interno de opciones vistas (indexado por value). Crítico para async\n  // multiple: cuando `options` cambian por un nuevo search, los items ya\n  // seleccionados no desaparecen de los chips porque los recordamos acá.\n  const seenOptionsRef = useRef<Map<SelectOption['value'], SelectOption>>(\n    new Map(),\n  );\n  for (const opt of options) {\n    seenOptionsRef.current.set(opt.value, opt);\n  }\n\n  // Pool de opciones para resolver values (merge de options + vistas).\n  const resolvePool = useMemo<SelectOption[]>(() => {\n    const merged = new Map(seenOptionsRef.current);\n    for (const opt of options) merged.set(opt.value, opt);\n    return Array.from(merged.values());\n  }, [options]);\n\n  // Estabiliza la referencia del resolvedValue que pasamos a MUI Autocomplete.\n  // MUI compara value con `!==`: una referencia nueva con mismo contenido\n  // dispara resetInputValue() y borra el texto que el usuario está escribiendo.\n  const prevResolvedRef = useRef<SelectOption[] | SelectOption | null>(\n    multiple ? [] : null,\n  );\n\n  const stabilizeResolved = (\n    newVal: SelectOption[] | SelectOption | null,\n  ): SelectOption[] | SelectOption | null => {\n    if (areResolvedValuesEqual(prevResolvedRef.current, newVal, multiple)) {\n      return prevResolvedRef.current;\n    }\n    prevResolvedRef.current = newVal;\n    return newVal;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Autocomplete', preset, theme);\n\n  const mergedSx = [\n    ...(presetSx ? [presetSx] : [buildAutocompleteSx(borderRadius, labelPosition)]),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderAutocomplete = (\n    resolvedValue: any,\n    handleChange: (event: any, newValue: any) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = !!rhfError || !!errorProp;\n    const finalHelperText = rhfHelperText || helperText;\n\n    const isEmpty = isResolvedValueEmpty(resolvedValue, multiple);\n    const showPlaceholder = isEmpty && isFocused && !!placeholder;\n\n    return (\n      <MuiAutocomplete\n        multiple={multiple}\n        options={options}\n        value={resolvedValue}\n        disabled={disabled}\n        readOnly={readOnly}\n        loading={loading}\n        sx={mergedSx}\n        freeSolo={freeSolo as any}\n        open={open}\n        onOpen={onOpen}\n        onClose={onClose}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n        filterOptions={filterOptions as any}\n        getOptionLabel={(opt) =>\n          typeof opt === 'string' ? opt : (opt?.label ?? '')\n        }\n        isOptionEqualToValue={(a, b) => {\n          if (typeof a === 'string' || typeof b === 'string') return a === b;\n          return a?.value === b?.value;\n        }}\n        getOptionDisabled={(opt) =>\n          typeof opt === 'string' ? false : !!opt?.disabled\n        }\n        onChange={handleChange}\n        onFocus={() => setIsFocused(true)}\n        onBlur={() => {\n          setIsFocused(false);\n          onBlur?.();\n        }}\n        renderOption={(liProps, option) => {\n          // MUI inyecta la `key` dentro de `liProps`. React necesita la key\n          // en el elemento más externo que devuelve `renderOption` (acá el\n          // wrapper), no en el `<li>` interno. La extraemos acá y se la\n          // pasamos al wrapper; el resto de `liProps` viaja al `<li>`.\n          const { key, ...liRest } = liProps as React.HTMLAttributes<HTMLLIElement> & {\n            key?: React.Key;\n          };\n          return (\n            <AutocompleteOption\n              key={key}\n              liProps={liRest}\n              option={option}\n              customRender={renderOptionItem}\n            />\n          );\n        }}\n        renderValue={\n          multiple\n            ? (value, getItemProps) => (\n              <AutocompleteChips\n                value={value as SelectOption[]}\n                getTagProps={getItemProps}\n                size={size}\n                maxChipsToShow={maxChipsToShow}\n                renderChipLabel={renderChipLabel}\n              />\n            )\n            : undefined\n        }\n        noOptionsText={noOptionsText}\n        loadingText={loadingText ?? <AutocompleteLoader />}\n        renderInput={(params) => (\n          // @ts-ignore — Ref<any> type mismatch between @types/react versions in monorepo\n          <TextField\n            {...params}\n            label={label}\n            size={size}\n            variant=\"outlined\"\n            placeholder={showPlaceholder ? placeholder : undefined}\n            error={finalError}\n            helperText={finalHelperText}\n            inputRef={inputRef}\n            {...textFieldProps}\n            InputLabelProps={{\n              ...(params.InputLabelProps as Record<string, any>),\n              ...(textFieldProps?.InputLabelProps as Record<string, any> | undefined),\n              shrink:\n                labelPosition === 'outside'\n                  ? !isEmpty || isFocused\n                  : (params.InputLabelProps as any)?.shrink,\n            }}\n          />\n        )}\n      />\n    );\n  };\n\n  //obtiene el primitivo primero\n  const extractValue = (opt: any) =>\n    typeof opt === 'string' ? opt : (opt?.value ?? null);\n\n  const handleControlledChange = (_event: any, newValue: any) => {\n    const onChange = (props as ControlledAutocompleteProps<TValue>).onChange;\n    if (multiple) {\n      const values = (newValue ?? []).map(\n        (opt: SelectOption | string) => extractValue(opt) as TValue,\n      );\n      onChange(values);\n    } else {\n      onChange(extractValue(newValue) as TValue | null);\n    }\n  };\n\n  // --- RHF mode ---\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } =\n      props as RHFAutocompleteProps<TValue>;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const resolvedValue = stabilizeResolved(\n            multiple\n              ? resolveMultipleValue(resolvePool, field.value)\n              : resolveSingleValue(resolvePool, field.value),\n          );\n\n          const handleChange = (_event: any, newValue: any) => {\n            if (multiple) {\n              const next = (newValue ?? []).map(\n                (opt: SelectOption | string) => extractValue(opt),\n              ) as TValue[];\n              field.onChange(next);\n              onValueChange?.(next);\n            } else {\n              const next = extractValue(newValue) as TValue | null;\n              field.onChange(next);\n              onValueChange?.(next);\n            }\n          };\n\n          return renderAutocomplete(\n            resolvedValue,\n            handleChange,\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          );\n        }}\n      />\n    );\n  }\n\n  // --- Controlled mode ---\n  const controlledValue = (props as ControlledAutocompleteProps<TValue>).value;\n  const resolvedValue = stabilizeResolved(\n    multiple\n      ? resolveMultipleValue(resolvePool, controlledValue as SelectOption['value'][])\n      : resolveSingleValue(resolvePool, controlledValue as SelectOption['value']),\n  );\n\n  return renderAutocomplete(resolvedValue, handleControlledChange);\n}\n\n/** Alias de `Autocomplete`. Ambos nombres son equivalentes. */\nexport const AutocompleteSelect = Autocomplete;\n\nexport default Autocomplete;\n"],"names":["buildFormFieldSx","FIELD_INPUT_PADDING_Y","n","jsx","jsxs","Fragment","Chip","Avatar","Box","CircularProgress","Typography","FIELD_BORDER_RADIUS","useState","useRef","useMemo","useTheme","resolvePreset","resolvedValue","MuiAutocomplete","TextField","Controller"],"mappings":"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"}

package/{Autocomplete-C_lW1VER.js → Autocomplete-E5aSUGVK.js}

@@ -34,22 +34,27 @@ import { useState, useRef, useMemo } from "react";
 import { Chip, Avatar, Box, CircularProgress, Typography, Autocomplete as Autocomplete$1, TextField } from "@mui/material";
 import { useTheme } from "@mui/material/styles";
 import { Controller } from "react-hook-form";
-import { b as buildFormFieldSx } from "./formField.sx-8_QRnKxv.js";
+import { b as buildFormFieldSx } from "./formField.sx-DD1sxwWH.js";
+import { a as FIELD_INPUT_PADDING_Y, F as FIELD_BORDER_RADIUS } from "./tokens-DE2fV3a9.js";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
 import ClearIcon from "@mui/icons-material/Clear";
 const buildAutocompleteSx = (borderRadius, labelPosition) => buildFormFieldSx({
   borderRadius,
   labelPosition,
   extraOutsideSx: {
-    // El input interno del Autocomplete.
-    "& .MuiAutocomplete-input": {
-      paddingTop: "4px",
-      paddingBottom: "4px"
+    // El Autocomplete es el único campo cuyo padding lo pinta MUI con
+    // selectores calificados por tamaño (`.MuiOutlinedInput-root.MuiInputBase-sizeSmall`
+    // y su descendiente `.MuiAutocomplete-input`). Un selector de menos clases
+    // pierde por especificidad — por eso hay que repetir el calificador acá, o
+    // el Autocomplete queda ~5px más bajo que Input/Select/pickers.
+    "& .MuiOutlinedInput-root, & .MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
+      paddingTop: 0,
+      paddingBottom: 0
     },
-    // Contenedor del input (donde viven los chips en modo multiple).
-    "& .MuiAutocomplete-inputRoot": {
-      paddingTop: "4px",
-      paddingBottom: "4px"
+    // La altura la fija el input interno, con el mismo token que el resto.
+    "& .MuiOutlinedInput-root .MuiAutocomplete-input, & .MuiOutlinedInput-root.MuiInputBase-sizeSmall .MuiAutocomplete-input": {
+      paddingTop: FIELD_INPUT_PADDING_Y,
+      paddingBottom: FIELD_INPUT_PADDING_Y
     }
   }
 });
@@ -141,7 +146,7 @@ function Autocomplete(props) {
     maxChipsToShow = 3,
     renderOptionItem,
     renderChipLabel,
-    borderRadius = 10,
+    borderRadius = FIELD_BORDER_RADIUS,
     labelPosition = "outside",
     size = "small",
     noOptionsText = "No hay opciones",
@@ -334,4 +339,4 @@ export {
   Autocomplete as A,
   AutocompleteSelect as a
 };
-//# sourceMappingURL=Autocomplete-C_lW1VER.js.map
+//# sourceMappingURL=Autocomplete-E5aSUGVK.js.map

package/Autocomplete-E5aSUGVK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete-E5aSUGVK.js","sources":["../src/components/Autocomplete/Autocomplete.sx.ts","../src/components/Autocomplete/Autocomplete.helpers.ts","../src/components/Autocomplete/_parts/AutocompleteOption.tsx","../src/components/Autocomplete/_parts/AutocompleteChips.tsx","../src/components/Autocomplete/_parts/AutocompleteLoader.tsx","../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './Autocomplete';\n\n/**\n * Builder del sx del Autocomplete. Reutiliza `buildFormFieldSx` y añade\n * los paddings propios del Autocomplete (chips + input interno).\n */\nexport const buildAutocompleteSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    extraOutsideSx: {\n      // El Autocomplete es el único campo cuyo padding lo pinta MUI con\n      // selectores calificados por tamaño (`.MuiOutlinedInput-root.MuiInputBase-sizeSmall`\n      // y su descendiente `.MuiAutocomplete-input`). Un selector de menos clases\n      // pierde por especificidad — por eso hay que repetir el calificador acá, o\n      // el Autocomplete queda ~5px más bajo que Input/Select/pickers.\n      '& .MuiOutlinedInput-root, & .MuiOutlinedInput-root.MuiInputBase-sizeSmall': {\n        paddingTop: 0,\n        paddingBottom: 0,\n      },\n\n      // La altura la fija el input interno, con el mismo token que el resto.\n      '& .MuiOutlinedInput-root .MuiAutocomplete-input, & .MuiOutlinedInput-root.MuiInputBase-sizeSmall .MuiAutocomplete-input':\n        {\n          paddingTop: FIELD_INPUT_PADDING_Y,\n          paddingBottom: FIELD_INPUT_PADDING_Y,\n        },\n    },\n  });\n","import type { SxProps, Theme } from '@mui/material/styles';\nimport type { SelectOption } from './Autocomplete';\n\n/** Resuelve un value único a su SelectOption dentro del pool. */\nexport const resolveSingleValue = (\n  options: SelectOption[],\n  value: SelectOption['value'] | null | undefined,\n): SelectOption | null => options.find((o) => o.value === value) ?? null;\n\n/** Resuelve un array de values a sus SelectOption dentro del pool. */\nexport const resolveMultipleValue = (\n  options: SelectOption[],\n  value: SelectOption['value'][] | null | undefined,\n): SelectOption[] => {\n  if (!Array.isArray(value)) return [];\n  return options.filter((o) => value.includes(o.value));\n};\n\n/** Merge de sx base + extra del consumer, respetando el contrato de MUI. */\nexport const mergeSx = (\n  base: SxProps<Theme>,\n  extra?: SxProps<Theme>,\n): SxProps<Theme> => {\n  if (!extra) return base;\n  return [base, ...(Array.isArray(extra) ? extra : [extra])] as SxProps<Theme>;\n};\n\n/**\n * Compara dos SelectOption por todas sus props (shallow). Se usa para detectar\n * cambios de metadata (p.ej. `label`, `img`) cuando `value` no cambió, para\n * que la estabilización no tape datos frescos del server.\n */\nconst areOptionsShallowEqual = (a: SelectOption, b: SelectOption): boolean => {\n  const keysA = Object.keys(a);\n  const keysB = Object.keys(b);\n  if (keysA.length !== keysB.length) return false;\n  return keysA.every((k) => a[k] === b[k]);\n};\n\n/**\n * Compara dos valores resueltos (single o multiple) estructuralmente para\n * decidir si se puede reusar la referencia previa. Se usa para estabilizar la\n * referencia que se pasa a MUI Autocomplete (MUI compara value por referencia\n * con `!==`, y una nueva referencia — aunque el contenido sea igual — dispara\n * `resetInputValue` y borra el texto mientras el usuario tipea).\n *\n * Comparamos todas las props del SelectOption, no solo `value`, para que un\n * refresh de metadata (label/img/etc.) invalide la referencia estabilizada\n * y la UI muestre los datos actualizados.\n */\nexport const areResolvedValuesEqual = (\n  prev: SelectOption | SelectOption[] | null,\n  next: SelectOption | SelectOption[] | null,\n  multiple: boolean,\n): boolean => {\n  if (multiple) {\n    if (!Array.isArray(prev) || !Array.isArray(next)) return false;\n    if (prev.length !== next.length) return false;\n    return prev.every((o, i) => {\n      const n = next[i];\n      return !!n && areOptionsShallowEqual(o, n);\n    });\n  }\n  const p = prev as SelectOption | null;\n  const n = next as SelectOption | null;\n  if (p === n) return true;\n  if (!p || !n) return false;\n  return areOptionsShallowEqual(p, n);\n};\n\n/** Determina si un valor resuelto está vacío (para placeholder/shrink). */\nexport const isResolvedValueEmpty = (\n  resolvedValue: unknown,\n  multiple: boolean,\n): boolean => {\n  if (multiple) {\n    return !Array.isArray(resolvedValue) || resolvedValue.length === 0;\n  }\n  return !resolvedValue;\n};\n","import React from 'react';\nimport type { SelectOption, RenderOptionItem } from '../Autocomplete';\n\ninterface AutocompleteOptionProps {\n  liProps: React.HTMLAttributes<HTMLLIElement>;\n  option: SelectOption;\n  customRender?: RenderOptionItem;\n}\n\n/**\n * Render por defecto de un `<li>` del dropdown del Autocomplete.\n * MUI lo invoca desde `renderOption={(props, option) => ...}` en el padre.\n *\n * La `key` la maneja el padre (`renderOption` en Autocomplete.tsx). Este\n * componente solo recibe los props restantes del `<li>` para spread.\n */\nexport const AutocompleteOption: React.FC<AutocompleteOptionProps> = ({\n  liProps,\n  option,\n  customRender,\n}) => {\n  return (\n    <li {...liProps}>\n      {customRender ? customRender(option) : option.label}\n    </li>\n  );\n};\n\nexport default AutocompleteOption;\n","import React from 'react';\nimport { Avatar, Chip } from '@mui/material';\nimport ClearIcon from '@mui/icons-material/Clear';\n\nimport type {\n  SelectOption,\n  RenderChipLabel,\n  AutocompleteSize,\n} from '../Autocomplete';\n\ninterface AutocompleteChipsProps {\n  value: SelectOption[];\n  getTagProps: (args: { index: number }) => Record<string, any>;\n  size: AutocompleteSize;\n  maxChipsToShow: number;\n  renderChipLabel?: RenderChipLabel;\n}\n\n/**\n * Render de los chips del Autocomplete en modo multiple.\n * Trunca después de `maxChipsToShow` con un chip \"+N más\".\n * El `getTagProps({ index })` viene de MUI y contiene el handler de delete,\n * la key, etc. — se spreadea tal cual al Chip.\n */\nexport const AutocompleteChips: React.FC<AutocompleteChipsProps> = ({\n  value,\n  getTagProps,\n  size,\n  maxChipsToShow,\n  renderChipLabel,\n}) => {\n  const displayed = value.slice(0, maxChipsToShow);\n  const hidden = value.length - maxChipsToShow;\n\n  return (\n    <>\n      {displayed.map((option, index) => {\n        const { key: _ignored, ...tagProps } = getTagProps({ index });\n        return (\n          <Chip\n            key={option.value}\n            {...tagProps}\n            size={size}\n            label={renderChipLabel ? renderChipLabel(option) : option.label}\n            avatar={option.img ? <Avatar src={option.img} /> : undefined}\n            deleteIcon={<ClearIcon />}\n          />\n        );\n      })}\n      {hidden > 0 && <Chip size={size} label={`+${hidden} más`} />}\n    </>\n  );\n};\n\nexport default AutocompleteChips;\n","import React from 'react';\nimport { Box, CircularProgress, Typography } from '@mui/material';\n\n/**\n * Loader por defecto para el `loadingText` del Autocomplete.\n * El consumer puede sobrescribirlo pasando `loadingText` al componente padre.\n */\nexport const AutocompleteLoader: React.FC<{ text?: string }> = ({\n  text = 'Cargando...',\n}) => (\n  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n    <CircularProgress size={16} />\n    <Typography variant=\"body2\">{text}</Typography>\n  </Box>\n);\n\nexport default AutocompleteLoader;\n","import React, {\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n  type SyntheticEvent,\n} from 'react';\nimport {\n  Autocomplete as MuiAutocomplete,\n  TextField,\n  type TextFieldProps,\n} from '@mui/material';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildAutocompleteSx } from './Autocomplete.sx';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\nimport {\n  areResolvedValuesEqual,\n  isResolvedValueEmpty,\n  resolveMultipleValue,\n  resolveSingleValue,\n} from './Autocomplete.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { AutocompleteOption } from './_parts/AutocompleteOption';\nimport { AutocompleteChips } from './_parts/AutocompleteChips';\nimport { AutocompleteLoader } from './_parts/AutocompleteLoader';\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; //campos extras que puede tener la opcion\n}\n\nexport type LabelPosition = 'outside' | 'floating';\nexport type AutocompleteSize = 'small' | 'medium';\n\n// ── Render slots ─────────────────────────────────────────────────────────\nexport type RenderOptionItem = (item: SelectOption) => ReactNode;\nexport type RenderChipLabel = (item: SelectOption) => ReactNode;\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport type BaseAutocompleteProps<\n  _TValue extends SelectOption['value'] = SelectOption['value'],\n> = {\n  label?: string;\n  options: SelectOption[];\n  placeholder?: string;\n  multiple?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  loading?: boolean;\n  error?: boolean;\n  helperText?: string;\n  maxChipsToShow?: number;\n  renderOptionItem?: RenderOptionItem;\n  renderChipLabel?: RenderChipLabel;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) = label arriba del input; \"floating\" = comportamiento nativo MUI. */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: AutocompleteSize;\n  /** Texto cuando no hay coincidencias. */\n  noOptionsText?: ReactNode;\n  /** Texto cuando está cargando. */\n  loadingText?: ReactNode;\n  sx?: SxProps<Theme>;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Autocomplete`.\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  /** Props para el TextField subyacente. */\n  textFieldProps?: Partial<TextFieldProps>;\n\n  // ── Búsqueda asíncrona / remota ──────────────────────────────────────\n  /** Se dispara cada vez que el usuario escribe. Útil para llamadas a servicios\n   *  (debounce recomendado en el consumer). */\n  onInputChange?: (\n    event: SyntheticEvent,\n    value: string,\n    reason: 'input' | 'reset' | 'clear' | 'blur' | 'selectOption' | 'removeOption',\n  ) => void;\n  /** Valor controlado del texto de búsqueda. */\n  inputValue?: string;\n  /** Filtro custom. Para búsqueda remota pasar `(x) => x` y confiar sólo en el servicio. */\n  filterOptions?: (options: SelectOption[], state: any) => SelectOption[];\n  /** Permite valores arbitrarios (no solo de la lista). */\n  freeSolo?: boolean;\n  open?: boolean;\n  onOpen?: (event: SyntheticEvent) => void;\n  onClose?: (event: SyntheticEvent, reason: string) => void;\n};\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface ControlledAutocompleteProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseAutocompleteProps<TValue> {\n  value: TValue | TValue[] | null;\n  onChange: (val: TValue | TValue[] | null) => void;\n  name?: string;\n  control?: never;\n  validation?: never;\n}\n\nexport interface RHFAutocompleteProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseAutocompleteProps<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 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?: (val: TValue | TValue[] | null) => void;\n  value?: never;\n  onChange?: never;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type AutocompleteProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> = ControlledAutocompleteProps<TValue> | RHFAutocompleteProps<TValue>;\n\nexport function Autocomplete<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n>(props: AutocompleteProps<TValue>) {\n  const {\n    label,\n    options,\n    placeholder,\n    multiple = false,\n    disabled = false,\n    readOnly = false,\n    loading = false,\n    error: errorProp = false,\n    helperText,\n    maxChipsToShow = 3,\n    renderOptionItem,\n    renderChipLabel,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    size = 'small',\n    noOptionsText = 'No hay opciones',\n    loadingText,\n    sx,\n    preset,\n    textFieldProps,\n    onInputChange,\n    inputValue,\n    filterOptions,\n    freeSolo,\n    open,\n    onOpen,\n    onClose,\n  } = props as BaseAutocompleteProps<TValue>;\n\n  // Focus tracking para mostrar placeholder solo cuando el label sube.\n  const [isFocused, setIsFocused] = useState(false);\n\n  // Cache interno de opciones vistas (indexado por value). Crítico para async\n  // multiple: cuando `options` cambian por un nuevo search, los items ya\n  // seleccionados no desaparecen de los chips porque los recordamos acá.\n  const seenOptionsRef = useRef<Map<SelectOption['value'], SelectOption>>(\n    new Map(),\n  );\n  for (const opt of options) {\n    seenOptionsRef.current.set(opt.value, opt);\n  }\n\n  // Pool de opciones para resolver values (merge de options + vistas).\n  const resolvePool = useMemo<SelectOption[]>(() => {\n    const merged = new Map(seenOptionsRef.current);\n    for (const opt of options) merged.set(opt.value, opt);\n    return Array.from(merged.values());\n  }, [options]);\n\n  // Estabiliza la referencia del resolvedValue que pasamos a MUI Autocomplete.\n  // MUI compara value con `!==`: una referencia nueva con mismo contenido\n  // dispara resetInputValue() y borra el texto que el usuario está escribiendo.\n  const prevResolvedRef = useRef<SelectOption[] | SelectOption | null>(\n    multiple ? [] : null,\n  );\n\n  const stabilizeResolved = (\n    newVal: SelectOption[] | SelectOption | null,\n  ): SelectOption[] | SelectOption | null => {\n    if (areResolvedValuesEqual(prevResolvedRef.current, newVal, multiple)) {\n      return prevResolvedRef.current;\n    }\n    prevResolvedRef.current = newVal;\n    return newVal;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Autocomplete', preset, theme);\n\n  const mergedSx = [\n    ...(presetSx ? [presetSx] : [buildAutocompleteSx(borderRadius, labelPosition)]),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderAutocomplete = (\n    resolvedValue: any,\n    handleChange: (event: any, newValue: any) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = !!rhfError || !!errorProp;\n    const finalHelperText = rhfHelperText || helperText;\n\n    const isEmpty = isResolvedValueEmpty(resolvedValue, multiple);\n    const showPlaceholder = isEmpty && isFocused && !!placeholder;\n\n    return (\n      <MuiAutocomplete\n        multiple={multiple}\n        options={options}\n        value={resolvedValue}\n        disabled={disabled}\n        readOnly={readOnly}\n        loading={loading}\n        sx={mergedSx}\n        freeSolo={freeSolo as any}\n        open={open}\n        onOpen={onOpen}\n        onClose={onClose}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n        filterOptions={filterOptions as any}\n        getOptionLabel={(opt) =>\n          typeof opt === 'string' ? opt : (opt?.label ?? '')\n        }\n        isOptionEqualToValue={(a, b) => {\n          if (typeof a === 'string' || typeof b === 'string') return a === b;\n          return a?.value === b?.value;\n        }}\n        getOptionDisabled={(opt) =>\n          typeof opt === 'string' ? false : !!opt?.disabled\n        }\n        onChange={handleChange}\n        onFocus={() => setIsFocused(true)}\n        onBlur={() => {\n          setIsFocused(false);\n          onBlur?.();\n        }}\n        renderOption={(liProps, option) => {\n          // MUI inyecta la `key` dentro de `liProps`. React necesita la key\n          // en el elemento más externo que devuelve `renderOption` (acá el\n          // wrapper), no en el `<li>` interno. La extraemos acá y se la\n          // pasamos al wrapper; el resto de `liProps` viaja al `<li>`.\n          const { key, ...liRest } = liProps as React.HTMLAttributes<HTMLLIElement> & {\n            key?: React.Key;\n          };\n          return (\n            <AutocompleteOption\n              key={key}\n              liProps={liRest}\n              option={option}\n              customRender={renderOptionItem}\n            />\n          );\n        }}\n        renderValue={\n          multiple\n            ? (value, getItemProps) => (\n              <AutocompleteChips\n                value={value as SelectOption[]}\n                getTagProps={getItemProps}\n                size={size}\n                maxChipsToShow={maxChipsToShow}\n                renderChipLabel={renderChipLabel}\n              />\n            )\n            : undefined\n        }\n        noOptionsText={noOptionsText}\n        loadingText={loadingText ?? <AutocompleteLoader />}\n        renderInput={(params) => (\n          // @ts-ignore — Ref<any> type mismatch between @types/react versions in monorepo\n          <TextField\n            {...params}\n            label={label}\n            size={size}\n            variant=\"outlined\"\n            placeholder={showPlaceholder ? placeholder : undefined}\n            error={finalError}\n            helperText={finalHelperText}\n            inputRef={inputRef}\n            {...textFieldProps}\n            InputLabelProps={{\n              ...(params.InputLabelProps as Record<string, any>),\n              ...(textFieldProps?.InputLabelProps as Record<string, any> | undefined),\n              shrink:\n                labelPosition === 'outside'\n                  ? !isEmpty || isFocused\n                  : (params.InputLabelProps as any)?.shrink,\n            }}\n          />\n        )}\n      />\n    );\n  };\n\n  //obtiene el primitivo primero\n  const extractValue = (opt: any) =>\n    typeof opt === 'string' ? opt : (opt?.value ?? null);\n\n  const handleControlledChange = (_event: any, newValue: any) => {\n    const onChange = (props as ControlledAutocompleteProps<TValue>).onChange;\n    if (multiple) {\n      const values = (newValue ?? []).map(\n        (opt: SelectOption | string) => extractValue(opt) as TValue,\n      );\n      onChange(values);\n    } else {\n      onChange(extractValue(newValue) as TValue | null);\n    }\n  };\n\n  // --- RHF mode ---\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } =\n      props as RHFAutocompleteProps<TValue>;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const resolvedValue = stabilizeResolved(\n            multiple\n              ? resolveMultipleValue(resolvePool, field.value)\n              : resolveSingleValue(resolvePool, field.value),\n          );\n\n          const handleChange = (_event: any, newValue: any) => {\n            if (multiple) {\n              const next = (newValue ?? []).map(\n                (opt: SelectOption | string) => extractValue(opt),\n              ) as TValue[];\n              field.onChange(next);\n              onValueChange?.(next);\n            } else {\n              const next = extractValue(newValue) as TValue | null;\n              field.onChange(next);\n              onValueChange?.(next);\n            }\n          };\n\n          return renderAutocomplete(\n            resolvedValue,\n            handleChange,\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          );\n        }}\n      />\n    );\n  }\n\n  // --- Controlled mode ---\n  const controlledValue = (props as ControlledAutocompleteProps<TValue>).value;\n  const resolvedValue = stabilizeResolved(\n    multiple\n      ? resolveMultipleValue(resolvePool, controlledValue as SelectOption['value'][])\n      : resolveSingleValue(resolvePool, controlledValue as SelectOption['value']),\n  );\n\n  return renderAutocomplete(resolvedValue, handleControlledChange);\n}\n\n/** Alias de `Autocomplete`. Ambos nombres son equivalentes. */\nexport const AutocompleteSelect = Autocomplete;\n\nexport default Autocomplete;\n"],"names":["n","resolvedValue","MuiAutocomplete"],"mappings":"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"}

package/{Avatar-Dw5rzayR.cjs → Avatar-BjyfSNvP.cjs}

@@ -82,19 +82,15 @@ const Avatar = ({
     width: s.px,
     height: s.px,
     fontSize: s.font,
-    fontWeight: 700,
     border: (theme) => `${s.border}px solid ${theme.palette.background.paper}`,
     boxSizing: "content-box"
   };
   const renderSingleAvatar = (item, i) => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c;
     const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);
     const showBadgeFallback = !!item.badge;
     const itemKey = (_c = item.imageUrl) != null ? _c : `${(_a2 = item.text) != null ? _a2 : ""}-${(_b = item.badge) != null ? _b : ""}-${i}`;
-    const itemSx = __spreadProps(__spreadValues({
-      bgcolor: (_d = item.backgroundColor) != null ? _d : "action.selected",
-      color: (_e = item.color) != null ? _e : "text.secondary"
-    }, i > 0 && { marginLeft: `-${effectiveOverlap}px` }), {
+    const itemSx = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, item.backgroundColor ? { bgcolor: item.backgroundColor } : {}), item.color ? { color: item.color } : {}), i > 0 && { marginLeft: `-${effectiveOverlap}px` }), {
       zIndex: visibleItems.length - i
     });
     const finalSx = mergeSx(mergeSx(baseAvatarSx, itemSx), avatarSx);
@@ -163,4 +159,4 @@ const Avatar = ({
   );
 };
 exports.Avatar = Avatar;
-//# sourceMappingURL=Avatar-Dw5rzayR.cjs.map
+//# sourceMappingURL=Avatar-BjyfSNvP.cjs.map

package/Avatar-BjyfSNvP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-BjyfSNvP.cjs","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Avatar as MuiAvatar,\n  Box,\n  Tooltip,\n  Typography,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport AccountCircleIcon from '@mui/icons-material/AccountCircle';\n\nexport interface AvatarItem {\n  text?: string;\n  imageUrl?: string;\n  badge?: string;\n  color?: string;\n  backgroundColor?: string;\n  /** Contenido a renderizar como fallback cuando no hay imagen (ej. iniciales). */\n  content?: React.ReactNode;\n}\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport interface AvatarProps {\n  type?: string;\n  /**\n   * Lista de avatares (grupo apilado). Para un solo avatar puedes usar\n   * `src`/`alt` en su lugar.\n   */\n  items?: AvatarItem[];\n  /**\n   * Atajo para un único avatar por URL de imagen. Equivale a\n   * `items={[{ imageUrl: src, text: alt }]}`. Ignorado si `items` tiene elementos.\n   */\n  src?: string;\n  /** Texto alternativo de la imagen cuando se usa `src` (modo single). */\n  alt?: string;\n  /** Fallback (ej. iniciales) cuando no hay imagen, en modo single (`src`). */\n  fallback?: React.ReactNode;\n  displayedAvatars?: number;\n  size?: AvatarSize;\n  showText?: boolean;\n  showTooltip?: boolean;\n  /**\n   * sx aplicado al contenedor raíz.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * sx aplicado a cada MuiAvatar individual (se mergea sobre los defaults).\n   */\n  avatarSx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Overlap (px) entre avatares cuando hay varios. Default depende del tamaño.\n   */\n  overlap?: number;\n}\n\n// Escala alineada con la escala de MUI (sm=32, md=40, lg=56, xl=96) con borde\n// proporcional para el efecto stacked.\nconst sizeMap: Record<\n  Exclude<AvatarSize, number>,\n  { px: number; border: number; font: number; overlap: number }\n> = {\n  sm: { px: 32, border: 2, font: 14, overlap: 8 },\n  md: { px: 40, border: 2, font: 16, overlap: 10 },\n  lg: { px: 56, border: 3, font: 22, overlap: 14 },\n  xl: { px: 96, border: 4, font: 36, overlap: 20 },\n};\n\nconst resolveSize = (size: AvatarSize) => {\n  if (typeof size === 'number') {\n    return {\n      px: size,\n      border: Math.max(2, Math.round(size * 0.05)),\n      font: Math.round(size * 0.4),\n      overlap: Math.round(size * 0.25),\n    };\n  }\n  return sizeMap[size];\n};\n\nconst mergeSx = (base: SxProps<Theme>, extra?: SxProps<Theme>): SxProps<Theme> => {\n  if (!extra) return base;\n  const baseArr = Array.isArray(base) ? base : [base];\n  const extraArr = Array.isArray(extra) ? extra : [extra];\n  return [...baseArr, ...extraArr] as SxProps<Theme>;\n};\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  items,\n  src,\n  alt,\n  fallback,\n  type,\n  displayedAvatars = 4,\n  size = 'sm',\n  showText = true,\n  showTooltip = false,\n  sx,\n  avatarSx,\n  className,\n  overlap,\n}) => {\n  // Modo single (`src`) vs grupo (`items`). En single no mostramos caption.\n  const resolvedItems: AvatarItem[] =\n    items && items.length > 0\n      ? items\n      : src || fallback\n        ? [{ imageUrl: src, text: alt, content: fallback }]\n        : [];\n  const showCaption = items && items.length > 0 ? showText : false;\n  // Indexamos por URL (no por posición) para que cambios en `items` — reorder,\n  // filtrado, paginación — no hagan que un avatar válido \"herede\" el estado de\n  // imagen rota de un item anterior que estaba en la misma posición.\n  const [failedUrls, setFailedUrls] = useState<Set<string>>(new Set());\n\n  const handleImageError = (url: string) => {\n    setFailedUrls((prev) => {\n      if (prev.has(url)) return prev;\n      const next = new Set(prev);\n      next.add(url);\n      return next;\n    });\n  };\n\n  if (resolvedItems.length === 0) {\n    return null;\n  }\n\n  const s = resolveSize(size);\n  const effectiveOverlap = overlap ?? s.overlap;\n  const visibleItems = resolvedItems.slice(0, displayedAvatars);\n\n  // Solo geometría: el tamaño y el borde de stacking son del componente. El peso\n  // de la inicial es tipografía y lo decide el theme del consumidor.\n  const baseAvatarSx: SxProps<Theme> = {\n    width: s.px,\n    height: s.px,\n    fontSize: s.font,\n    border: (theme) => `${s.border}px solid ${theme.palette.background.paper}`,\n    boxSizing: 'content-box',\n  };\n\n  const renderSingleAvatar = (item: AvatarItem, i: number) => {\n    const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);\n    const showBadgeFallback = !!item.badge;\n    const itemKey = item.imageUrl ?? `${item.text ?? ''}-${item.badge ?? ''}-${i}`;\n\n    // Color SOLO si el caller lo pide. Poner un default acá lo mete en `sx`, que\n    // le gana al `MuiAvatar` del theme del consumidor y deja el avatar fuera del\n    // sistema visual del proyecto. Sin override, manda el theme.\n    const itemSx: SxProps<Theme> = {\n      ...(item.backgroundColor ? { bgcolor: item.backgroundColor } : {}),\n      ...(item.color ? { color: item.color } : {}),\n      // Stacking manual: margen negativo al segundo avatar en adelante.\n      ...(i > 0 && { marginLeft: `-${effectiveOverlap}px` }),\n      zIndex: visibleItems.length - i,\n    };\n\n    const finalSx = mergeSx(mergeSx(baseAvatarSx, itemSx), avatarSx);\n\n    const avatarEl = (\n      <MuiAvatar\n        alt={item.text || 'User avatar'}\n        src={hasImage ? item.imageUrl : undefined}\n        imgProps={{\n          onError: () => {\n            if (item.imageUrl) handleImageError(item.imageUrl);\n          },\n        }}\n        sx={finalSx}\n      >\n        {!hasImage && item.content != null ? (\n          item.content\n        ) : !hasImage && showBadgeFallback ? (\n          <span aria-label={item.text}>{item.badge}</span>\n        ) : !hasImage ? (\n          <AccountCircleIcon\n            aria-label={item.text}\n            sx={{ width: '100%', height: '100%' }}\n          />\n        ) : null}\n      </MuiAvatar>\n    );\n\n    if (showTooltip && item.text) {\n      return (\n        <Tooltip key={itemKey} title={item.text}>\n          {avatarEl}\n        </Tooltip>\n      );\n    }\n    return <React.Fragment key={itemKey}>{avatarEl}</React.Fragment>;\n  };\n\n  return (\n    <Box\n      className={className}\n      sx={mergeSx(\n        {\n          display: 'flex',\n          alignItems: 'center',\n          lineHeight: 1,\n          width: 'fit-content',\n        },\n        sx,\n      )}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        {visibleItems.map((item, i) => renderSingleAvatar(item, i))}\n      </Box>\n\n      {showCaption && resolvedItems[0]?.text && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            ml: 1,\n            fontSize: '0.75rem',\n            fontWeight: 400,\n            color: 'text.primary',\n          }}\n        >\n          {type && resolvedItems.length === 1 && (\n            <Box component=\"span\" sx={{ mr: 0.5 }}>\n              {type}:\n            </Box>\n          )}\n          {resolvedItems[0].text}\n          {resolvedItems.length > 1 && ` +${resolvedItems.length - 1}`}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n\nexport default Avatar;\n"],"names":["useState","_a","jsx","MuiAvatar","Tooltip","jsxs","Box","Typography"],"mappings":"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"}

package/{Avatar-H8akSege.js → Avatar-C_C4bcb9.js}

@@ -81,19 +81,15 @@ const Avatar = ({
     width: s.px,
     height: s.px,
     fontSize: s.font,
-    fontWeight: 700,
     border: (theme) => `${s.border}px solid ${theme.palette.background.paper}`,
     boxSizing: "content-box"
   };
   const renderSingleAvatar = (item, i) => {
-    var _a2, _b, _c, _d, _e;
+    var _a2, _b, _c;
     const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);
     const showBadgeFallback = !!item.badge;
     const itemKey = (_c = item.imageUrl) != null ? _c : `${(_a2 = item.text) != null ? _a2 : ""}-${(_b = item.badge) != null ? _b : ""}-${i}`;
-    const itemSx = __spreadProps(__spreadValues({
-      bgcolor: (_d = item.backgroundColor) != null ? _d : "action.selected",
-      color: (_e = item.color) != null ? _e : "text.secondary"
-    }, i > 0 && { marginLeft: `-${effectiveOverlap}px` }), {
+    const itemSx = __spreadProps(__spreadValues(__spreadValues(__spreadValues({}, item.backgroundColor ? { bgcolor: item.backgroundColor } : {}), item.color ? { color: item.color } : {}), i > 0 && { marginLeft: `-${effectiveOverlap}px` }), {
       zIndex: visibleItems.length - i
     });
     const finalSx = mergeSx(mergeSx(baseAvatarSx, itemSx), avatarSx);
@@ -164,4 +160,4 @@ const Avatar = ({
 export {
   Avatar as A
 };
-//# sourceMappingURL=Avatar-H8akSege.js.map
+//# sourceMappingURL=Avatar-C_C4bcb9.js.map

package/Avatar-C_C4bcb9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-C_C4bcb9.js","sources":["../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Avatar as MuiAvatar,\n  Box,\n  Tooltip,\n  Typography,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport AccountCircleIcon from '@mui/icons-material/AccountCircle';\n\nexport interface AvatarItem {\n  text?: string;\n  imageUrl?: string;\n  badge?: string;\n  color?: string;\n  backgroundColor?: string;\n  /** Contenido a renderizar como fallback cuando no hay imagen (ej. iniciales). */\n  content?: React.ReactNode;\n}\n\nexport type AvatarSize = 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport interface AvatarProps {\n  type?: string;\n  /**\n   * Lista de avatares (grupo apilado). Para un solo avatar puedes usar\n   * `src`/`alt` en su lugar.\n   */\n  items?: AvatarItem[];\n  /**\n   * Atajo para un único avatar por URL de imagen. Equivale a\n   * `items={[{ imageUrl: src, text: alt }]}`. Ignorado si `items` tiene elementos.\n   */\n  src?: string;\n  /** Texto alternativo de la imagen cuando se usa `src` (modo single). */\n  alt?: string;\n  /** Fallback (ej. iniciales) cuando no hay imagen, en modo single (`src`). */\n  fallback?: React.ReactNode;\n  displayedAvatars?: number;\n  size?: AvatarSize;\n  showText?: boolean;\n  showTooltip?: boolean;\n  /**\n   * sx aplicado al contenedor raíz.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * sx aplicado a cada MuiAvatar individual (se mergea sobre los defaults).\n   */\n  avatarSx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Overlap (px) entre avatares cuando hay varios. Default depende del tamaño.\n   */\n  overlap?: number;\n}\n\n// Escala alineada con la escala de MUI (sm=32, md=40, lg=56, xl=96) con borde\n// proporcional para el efecto stacked.\nconst sizeMap: Record<\n  Exclude<AvatarSize, number>,\n  { px: number; border: number; font: number; overlap: number }\n> = {\n  sm: { px: 32, border: 2, font: 14, overlap: 8 },\n  md: { px: 40, border: 2, font: 16, overlap: 10 },\n  lg: { px: 56, border: 3, font: 22, overlap: 14 },\n  xl: { px: 96, border: 4, font: 36, overlap: 20 },\n};\n\nconst resolveSize = (size: AvatarSize) => {\n  if (typeof size === 'number') {\n    return {\n      px: size,\n      border: Math.max(2, Math.round(size * 0.05)),\n      font: Math.round(size * 0.4),\n      overlap: Math.round(size * 0.25),\n    };\n  }\n  return sizeMap[size];\n};\n\nconst mergeSx = (base: SxProps<Theme>, extra?: SxProps<Theme>): SxProps<Theme> => {\n  if (!extra) return base;\n  const baseArr = Array.isArray(base) ? base : [base];\n  const extraArr = Array.isArray(extra) ? extra : [extra];\n  return [...baseArr, ...extraArr] as SxProps<Theme>;\n};\n\nexport const Avatar: React.FC<AvatarProps> = ({\n  items,\n  src,\n  alt,\n  fallback,\n  type,\n  displayedAvatars = 4,\n  size = 'sm',\n  showText = true,\n  showTooltip = false,\n  sx,\n  avatarSx,\n  className,\n  overlap,\n}) => {\n  // Modo single (`src`) vs grupo (`items`). En single no mostramos caption.\n  const resolvedItems: AvatarItem[] =\n    items && items.length > 0\n      ? items\n      : src || fallback\n        ? [{ imageUrl: src, text: alt, content: fallback }]\n        : [];\n  const showCaption = items && items.length > 0 ? showText : false;\n  // Indexamos por URL (no por posición) para que cambios en `items` — reorder,\n  // filtrado, paginación — no hagan que un avatar válido \"herede\" el estado de\n  // imagen rota de un item anterior que estaba en la misma posición.\n  const [failedUrls, setFailedUrls] = useState<Set<string>>(new Set());\n\n  const handleImageError = (url: string) => {\n    setFailedUrls((prev) => {\n      if (prev.has(url)) return prev;\n      const next = new Set(prev);\n      next.add(url);\n      return next;\n    });\n  };\n\n  if (resolvedItems.length === 0) {\n    return null;\n  }\n\n  const s = resolveSize(size);\n  const effectiveOverlap = overlap ?? s.overlap;\n  const visibleItems = resolvedItems.slice(0, displayedAvatars);\n\n  // Solo geometría: el tamaño y el borde de stacking son del componente. El peso\n  // de la inicial es tipografía y lo decide el theme del consumidor.\n  const baseAvatarSx: SxProps<Theme> = {\n    width: s.px,\n    height: s.px,\n    fontSize: s.font,\n    border: (theme) => `${s.border}px solid ${theme.palette.background.paper}`,\n    boxSizing: 'content-box',\n  };\n\n  const renderSingleAvatar = (item: AvatarItem, i: number) => {\n    const hasImage = !!item.imageUrl && !failedUrls.has(item.imageUrl);\n    const showBadgeFallback = !!item.badge;\n    const itemKey = item.imageUrl ?? `${item.text ?? ''}-${item.badge ?? ''}-${i}`;\n\n    // Color SOLO si el caller lo pide. Poner un default acá lo mete en `sx`, que\n    // le gana al `MuiAvatar` del theme del consumidor y deja el avatar fuera del\n    // sistema visual del proyecto. Sin override, manda el theme.\n    const itemSx: SxProps<Theme> = {\n      ...(item.backgroundColor ? { bgcolor: item.backgroundColor } : {}),\n      ...(item.color ? { color: item.color } : {}),\n      // Stacking manual: margen negativo al segundo avatar en adelante.\n      ...(i > 0 && { marginLeft: `-${effectiveOverlap}px` }),\n      zIndex: visibleItems.length - i,\n    };\n\n    const finalSx = mergeSx(mergeSx(baseAvatarSx, itemSx), avatarSx);\n\n    const avatarEl = (\n      <MuiAvatar\n        alt={item.text || 'User avatar'}\n        src={hasImage ? item.imageUrl : undefined}\n        imgProps={{\n          onError: () => {\n            if (item.imageUrl) handleImageError(item.imageUrl);\n          },\n        }}\n        sx={finalSx}\n      >\n        {!hasImage && item.content != null ? (\n          item.content\n        ) : !hasImage && showBadgeFallback ? (\n          <span aria-label={item.text}>{item.badge}</span>\n        ) : !hasImage ? (\n          <AccountCircleIcon\n            aria-label={item.text}\n            sx={{ width: '100%', height: '100%' }}\n          />\n        ) : null}\n      </MuiAvatar>\n    );\n\n    if (showTooltip && item.text) {\n      return (\n        <Tooltip key={itemKey} title={item.text}>\n          {avatarEl}\n        </Tooltip>\n      );\n    }\n    return <React.Fragment key={itemKey}>{avatarEl}</React.Fragment>;\n  };\n\n  return (\n    <Box\n      className={className}\n      sx={mergeSx(\n        {\n          display: 'flex',\n          alignItems: 'center',\n          lineHeight: 1,\n          width: 'fit-content',\n        },\n        sx,\n      )}\n    >\n      <Box sx={{ display: 'flex', alignItems: 'center' }}>\n        {visibleItems.map((item, i) => renderSingleAvatar(item, i))}\n      </Box>\n\n      {showCaption && resolvedItems[0]?.text && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            ml: 1,\n            fontSize: '0.75rem',\n            fontWeight: 400,\n            color: 'text.primary',\n          }}\n        >\n          {type && resolvedItems.length === 1 && (\n            <Box component=\"span\" sx={{ mr: 0.5 }}>\n              {type}:\n            </Box>\n          )}\n          {resolvedItems[0].text}\n          {resolvedItems.length > 1 && ` +${resolvedItems.length - 1}`}\n        </Typography>\n      )}\n    </Box>\n  );\n};\n\nexport default Avatar;\n"],"names":["_a","MuiAvatar","React"],"mappings":"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"}

package/{Checkbox-gB5YKkVo.js → Checkbox-BL4kvHFB.js}

@@ -34,6 +34,7 @@ import { FormControl, FormHelperText, Checkbox as Checkbox$1, FormControlLabel }
 import { useTheme } from "@mui/material/styles";
 import { Controller } from "react-hook-form";
 import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+import { F as FIELD_BORDER_RADIUS } from "./tokens-DE2fV3a9.js";
 const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
 const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
 const buildCheckboxSx = ({
@@ -84,7 +85,7 @@ const Checkbox = (props) => {
     error = false,
     helperText,
     bordered = false,
-    borderRadius = 10,
+    borderRadius = FIELD_BORDER_RADIUS,
     defaultChecked,
     preset,
     sx
@@ -185,4 +186,4 @@ const Checkbox = (props) => {
 export {
   Checkbox as C
 };
-//# sourceMappingURL=Checkbox-gB5YKkVo.js.map
+//# sourceMappingURL=Checkbox-BL4kvHFB.js.map

package/Checkbox-BL4kvHFB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-BL4kvHFB.js","sources":["../src/components/Checkbox/Checkbox.sx.ts","../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildCheckboxSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para Checkbox. Cuando `bordered=true`, el contenedor del\n * `FormControlLabel` gana un borde estilo \"form field\" con focus ring y\n * estado de error (matchea InputGroup / Switch / RadioGroup).\n */\nexport const buildCheckboxSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildCheckboxSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 0.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import type { FC, Ref } from 'react';\nimport {\n  Checkbox as MuiCheckbox,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  type CheckboxProps as MuiCheckboxProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildCheckboxSx } from './Checkbox.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type CheckboxSize = 'small' | 'medium';\nexport type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\nexport type CheckboxColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseCheckboxProps\n  extends Omit<\n    MuiCheckboxProps,\n    'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size' | 'color'\n  > {\n  /** Texto al lado del checkbox. Si está ausente, se renderiza solo el control. */\n  label?: string;\n  size?: CheckboxSize;\n  /** Color del checkbox. Default: `'primary'`. */\n  color?: CheckboxColor;\n  /** Posición del label respecto al checkbox. Default: `'end'`. */\n  labelPlacement?: CheckboxLabelPlacement;\n  /** Estado indeterminate (tri-state). Típico para \"select all\" parcial. */\n  indeterminate?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del checkbox + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  /** Valor inicial del checkbox en modo RHF. */\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Checkbox`.\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  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFCheckboxProps extends BaseCheckboxProps {\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?: (checked: boolean) => void;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledCheckboxProps extends BaseCheckboxProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type CheckboxProps = RHFCheckboxProps | ControlledCheckboxProps;\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const {\n    label,\n    size = 'medium',\n    color = 'primary',\n    labelPlacement = 'end',\n    indeterminate = false,\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = FIELD_BORDER_RADIUS,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledCheckboxProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Checkbox', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  const buildSx = (effectiveError: boolean) => [\n    buildCheckboxSx({\n      bordered,\n      borderRadius,\n      hasLabel: !!label,\n      error: effectiveError,\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderCheckbox = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: Ref<HTMLInputElement>,\n  ) => {\n    const checkboxEl = (\n      <MuiCheckbox\n        {...rest}\n        size={size}\n        color={color}\n        checked={!!checked}\n        indeterminate={indeterminate}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={checkboxEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      checkboxEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFCheckboxProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <FormControl\n              error={finalError}\n              disabled={disabled}\n              sx={buildSx(finalError)}\n            >\n              {renderCheckbox(\n                !!field.value,\n                (next) => {\n                  field.onChange(next);\n                  onValueChange?.(next);\n                },\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledCheckboxProps;\n  return (\n    <FormControl error={error} disabled={disabled} sx={buildSx(error)}>\n      {renderCheckbox(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Checkbox;\n"],"names":["checked","onChange","MuiCheckbox","_a"],"mappings":"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"}

package/{Checkbox-BCqMFWt4.cjs → Checkbox-Bx4Asmg7.cjs}

@@ -35,6 +35,7 @@ const material = require("@mui/material");
 const styles = require("@mui/material/styles");
 const reactHookForm = require("react-hook-form");
 const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const tokens = require("./tokens-BGPazVFO.cjs");
 const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
 const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
 const buildCheckboxSx = ({
@@ -85,7 +86,7 @@ const Checkbox = (props) => {
     error = false,
     helperText,
     bordered = false,
-    borderRadius = 10,
+    borderRadius = tokens.FIELD_BORDER_RADIUS,
     defaultChecked,
     preset,
     sx
@@ -184,4 +185,4 @@ const Checkbox = (props) => {
   ] });
 };
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox-BCqMFWt4.cjs.map
+//# sourceMappingURL=Checkbox-Bx4Asmg7.cjs.map

package/Checkbox-Bx4Asmg7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-Bx4Asmg7.cjs","sources":["../src/components/Checkbox/Checkbox.sx.ts","../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildCheckboxSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para Checkbox. Cuando `bordered=true`, el contenedor del\n * `FormControlLabel` gana un borde estilo \"form field\" con focus ring y\n * estado de error (matchea InputGroup / Switch / RadioGroup).\n */\nexport const buildCheckboxSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildCheckboxSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 0.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import type { FC, Ref } from 'react';\nimport {\n  Checkbox as MuiCheckbox,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  type CheckboxProps as MuiCheckboxProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildCheckboxSx } from './Checkbox.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type CheckboxSize = 'small' | 'medium';\nexport type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\nexport type CheckboxColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseCheckboxProps\n  extends Omit<\n    MuiCheckboxProps,\n    'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size' | 'color'\n  > {\n  /** Texto al lado del checkbox. Si está ausente, se renderiza solo el control. */\n  label?: string;\n  size?: CheckboxSize;\n  /** Color del checkbox. Default: `'primary'`. */\n  color?: CheckboxColor;\n  /** Posición del label respecto al checkbox. Default: `'end'`. */\n  labelPlacement?: CheckboxLabelPlacement;\n  /** Estado indeterminate (tri-state). Típico para \"select all\" parcial. */\n  indeterminate?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del checkbox + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  /** Valor inicial del checkbox en modo RHF. */\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Checkbox`.\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  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFCheckboxProps extends BaseCheckboxProps {\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?: (checked: boolean) => void;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledCheckboxProps extends BaseCheckboxProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type CheckboxProps = RHFCheckboxProps | ControlledCheckboxProps;\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const {\n    label,\n    size = 'medium',\n    color = 'primary',\n    labelPlacement = 'end',\n    indeterminate = false,\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = FIELD_BORDER_RADIUS,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledCheckboxProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Checkbox', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  const buildSx = (effectiveError: boolean) => [\n    buildCheckboxSx({\n      bordered,\n      borderRadius,\n      hasLabel: !!label,\n      error: effectiveError,\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderCheckbox = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: Ref<HTMLInputElement>,\n  ) => {\n    const checkboxEl = (\n      <MuiCheckbox\n        {...rest}\n        size={size}\n        color={color}\n        checked={!!checked}\n        indeterminate={indeterminate}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={checkboxEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      checkboxEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFCheckboxProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <FormControl\n              error={finalError}\n              disabled={disabled}\n              sx={buildSx(finalError)}\n            >\n              {renderCheckbox(\n                !!field.value,\n                (next) => {\n                  field.onChange(next);\n                  onValueChange?.(next);\n                },\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledCheckboxProps;\n  return (\n    <FormControl error={error} disabled={disabled} sx={buildSx(error)}>\n      {renderCheckbox(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Checkbox;\n"],"names":["FIELD_BORDER_RADIUS","useTheme","resolvePreset","checked","onChange","jsx","MuiCheckbox","FormControlLabel","Controller","_a","jsxs","FormControl","FormHelperText"],"mappings":"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"}

package/{DatePicker-t7uDTZMl.cjs → DatePicker-CMcQddi1.cjs}

@@ -36,10 +36,14 @@ const styles = require("@mui/material/styles");
 const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
 const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
 const DatePicker$1 = require("@mui/x-date-pickers/DatePicker");
+const locales = require("@mui/x-date-pickers/locales");
 const require$$0 = require("dayjs");
-const formField_sx = require("./formField.sx-BAX7KwMR.cjs");
-const tokens = require("./tokens-jaWWNk39.cjs");
+const formField_sx = require("./formField.sx-BZj7TaMa.cjs");
 const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const tokens = require("./tokens-BGPazVFO.cjs");
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
 var enGb$1 = { exports: {} };
 var enGb = enGb$1.exports;
 var hasRequiredEnGb;
@@ -62,22 +66,12 @@ function requireEnGb() {
   })(enGb$1);
   return enGb$1.exports;
 }
-requireEnGb();
+var enGbExports = requireEnGb();
+const enGbLocale = /* @__PURE__ */ getDefaultExportFromCjs(enGbExports);
 const buildDatePickerSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
   borderRadius,
   labelPosition,
-  includePickersApi: true,
-  extraOutsideSx: {
-    "& .MuiInputBase-input": {
-      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
-      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
-    },
-    // Secciones editables del PickersTextField (DD/MM/YYYY en API nueva).
-    "& .MuiPickersInputBase-sectionsContainer": {
-      paddingTop: tokens.FIELD_INPUT_PADDING_Y,
-      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
-    }
-  }
+  includePickersApi: true
 });
 const getDateValidationMessage = (error) => {
   switch (error) {
@@ -94,6 +88,7 @@ const getDateValidationMessage = (error) => {
       return "";
   }
 };
+require$$0.locale(enGbLocale, void 0, true);
 const DatePicker = (_a) => {
   var _b = _a, {
     label,
@@ -103,7 +98,7 @@ const DatePicker = (_a) => {
     maxDate,
     disabled,
     readOnly,
-    borderRadius = 10,
+    borderRadius = tokens.FIELD_BORDER_RADIUS,
     labelPosition = "outside",
     size = "small",
     helperText,
@@ -147,31 +142,39 @@ const DatePicker = (_a) => {
   ];
   const finalError = !!validationErrorMessage || !!errorProp;
   const finalHelperText = validationErrorMessage || helperText;
-  return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, adapterLocale, children: /* @__PURE__ */ jsxRuntime.jsx(
-    DatePicker$1.DatePicker,
-    __spreadValues({
-      label,
-      value: selectedDate,
-      onChange: onDateChange,
-      minDate,
-      maxDate,
-      onError: setValidationError,
-      disabled,
-      readOnly,
-      className,
-      sx: mergedSx,
-      slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
-        textField: __spreadProps(__spreadValues(__spreadValues({
-          fullWidth: true,
-          size,
-          variant: "outlined"
-        }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps), {
-          error: !!finalError,
-          helperText: finalHelperText
-        })
-      })
-    }, rest)
-  ) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    LocalizationProvider.LocalizationProvider,
+    {
+      dateAdapter: AdapterDayjs.AdapterDayjs,
+      adapterLocale,
+      localeText: locales.esES.components.MuiLocalizationProvider.defaultProps.localeText,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        DatePicker$1.DatePicker,
+        __spreadValues({
+          label,
+          value: selectedDate,
+          onChange: onDateChange,
+          minDate,
+          maxDate,
+          onError: setValidationError,
+          disabled,
+          readOnly,
+          className,
+          sx: mergedSx,
+          slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
+            textField: __spreadProps(__spreadValues(__spreadValues({
+              fullWidth: true,
+              size,
+              variant: "outlined"
+            }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps), {
+              error: !!finalError,
+              helperText: finalHelperText
+            })
+          })
+        }, rest)
+      )
+    }
+  );
 };
 exports.DatePicker = DatePicker;
-//# sourceMappingURL=DatePicker-t7uDTZMl.cjs.map
+//# sourceMappingURL=DatePicker-CMcQddi1.cjs.map

package/DatePicker-CMcQddi1.cjs.map

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