@soyfri/shared-library 2.0.0-beta.12 → 2.0.0-beta.15

package/Select-B6jE3WH_.cjs

@@ -0,0 +1,253 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const styles = require("@mui/material/styles");
+const reactHookForm = require("react-hook-form");
+const formField_sx = require("./formField.sx-BAX7KwMR.cjs");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const CheckIcon = require("@mui/icons-material/Check");
+const buildSelectSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({ borderRadius, labelPosition });
+const groupOptions = (options) => {
+  const groups = {};
+  options.forEach((opt) => {
+    const group = opt.group || "__default";
+    if (!groups[group]) groups[group] = [];
+    groups[group].push(opt);
+  });
+  return groups;
+};
+const normalizeSelectValue = (value) => value != null ? value : "";
+const isSelectValueEmpty = (normalizedValue) => normalizedValue === "" || normalizedValue === null || normalizedValue === void 0;
+const renderSelectMenuItem = ({
+  option,
+  selected,
+  customRender
+}) => /* @__PURE__ */ jsxRuntime.jsxs(
+  material.MenuItem,
+  {
+    value: option.value,
+    disabled: option.disabled,
+    selected,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { sx: { minWidth: 32 }, children: selected && /* @__PURE__ */ jsxRuntime.jsx(CheckIcon, { color: "success", fontSize: "small" }) }),
+      customRender ? customRender(option) : option.label
+    ]
+  },
+  String(option.value)
+);
+function Option(_props) {
+  return null;
+}
+Option.displayName = "Option";
+function Select(props) {
+  const _a = props, {
+    label,
+    options = [],
+    defaultValue,
+    size = "small",
+    placeholder,
+    children,
+    maxHeight = 300,
+    maxWidth,
+    disabled = false,
+    error = false,
+    helperText,
+    borderRadius = 10,
+    labelPosition = "outside",
+    preset,
+    sx,
+    className,
+    name: _nameIgnored,
+    control: _controlIgnored,
+    validation: _validationIgnored,
+    value: _valueIgnored,
+    onChange: _onChangeIgnored
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "options",
+    "defaultValue",
+    "size",
+    "placeholder",
+    "children",
+    "maxHeight",
+    "maxWidth",
+    "disabled",
+    "error",
+    "helperText",
+    "borderRadius",
+    "labelPosition",
+    "preset",
+    "sx",
+    "className",
+    // Separamos estos aunque no se usen directamente acá — evita que lleguen
+    // al DOM del MuiSelect via `{...rest}` y generen warnings de React.
+    "name",
+    "control",
+    "validation",
+    "value",
+    "onChange"
+  ]);
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("Select", preset, theme);
+  const isRHFMode = "control" in props && props.control !== void 0;
+  const customRender = React.useMemo(() => {
+    var _a2;
+    if (React.Children.count(children) === 1) {
+      const child = React.Children.only(children);
+      if (React.isValidElement(child) && ((_a2 = child.type) == null ? void 0 : _a2.displayName) === "Option") {
+        return child.props.children;
+      }
+    }
+    return null;
+  }, [children]);
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [isFocused, setIsFocused] = React.useState(false);
+  const groupedOptions = React.useMemo(() => groupOptions(options), [options]);
+  const buildMenuItems = (currentValue) => {
+    const items = [];
+    Object.entries(groupedOptions).forEach(([group, opts]) => {
+      if (group !== "__default") {
+        items.push(
+          /* @__PURE__ */ jsxRuntime.jsx(material.ListSubheader, { disableSticky: true, children: group }, group)
+        );
+      }
+      opts.forEach((opt) => {
+        const selected = currentValue === opt.value;
+        items.push(
+          renderSelectMenuItem({
+            option: opt,
+            selected,
+            customRender
+          })
+        );
+      });
+    });
+    return items;
+  };
+  const mergedSx = [
+    buildSelectSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const renderSelect = (selectValue, selectOnChange, onBlur, inputRef, rhfError, rhfHelperText) => {
+    const finalError = !!rhfError || !!error;
+    const finalHelperText = rhfHelperText != null ? rhfHelperText : helperText;
+    const inputElement = labelPosition === "floating" ? /* @__PURE__ */ jsxRuntime.jsx(material.OutlinedInput, { label }) : /* @__PURE__ */ jsxRuntime.jsx(material.OutlinedInput, {});
+    const normalizedValue = normalizeSelectValue(selectValue);
+    const isEmpty = isSelectValueEmpty(normalizedValue);
+    const shouldShrink = !isEmpty || isFocused || isOpen;
+    const shouldDisplayPlaceholder = isEmpty && (isFocused || isOpen) && !!placeholder;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      material.FormControl,
+      {
+        fullWidth: true,
+        size,
+        error: finalError,
+        disabled,
+        className,
+        sx: mergedSx,
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { shrink: shouldShrink, children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            material.Select,
+            __spreadProps(__spreadValues({
+              value: normalizedValue,
+              onChange: selectOnChange,
+              onBlur: (e) => {
+                setIsFocused(false);
+                onBlur == null ? void 0 : onBlur(e);
+              },
+              onFocus: () => setIsFocused(true),
+              onOpen: () => setIsOpen(true),
+              onClose: () => setIsOpen(false),
+              renderValue: (selected) => {
+                var _a2;
+                if (isSelectValueEmpty(selected)) {
+                  return /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { color: "text.disabled" }, children: placeholder != null ? placeholder : "" });
+                }
+                const item = options.find((opt) => opt.value === selected);
+                return (_a2 = item == null ? void 0 : item.label) != null ? _a2 : String(selected);
+              },
+              displayEmpty: shouldDisplayPlaceholder,
+              input: inputElement,
+              disabled,
+              MenuProps: {
+                PaperProps: {
+                  style: { maxHeight, maxWidth }
+                }
+              },
+              inputRef
+            }, rest), {
+              children: buildMenuItems(normalizedValue)
+            })
+          ),
+          finalHelperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: finalHelperText })
+        ]
+      }
+    );
+  };
+  if (isRHFMode) {
+    const { name, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        defaultValue,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2;
+          return renderSelect(
+            (_a2 = field.value) != null ? _a2 : null,
+            (e) => {
+              const next = e.target.value;
+              field.onChange(next);
+              onValueChange == null ? void 0 : onValueChange(next);
+            },
+            field.onBlur,
+            field.ref,
+            !!fieldError,
+            fieldError == null ? void 0 : fieldError.message
+          );
+        }
+      }
+    );
+  }
+  const { value, onChange } = props;
+  return renderSelect(value, (e) => onChange(e.target.value));
+}
+exports.Option = Option;
+exports.Select = Select;
+//# sourceMappingURL=Select-B6jE3WH_.cjs.map

package/Select-B6jE3WH_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-B6jE3WH_.cjs","sources":["../src/components/Select/Select.sx.ts","../src/components/Select/Select.helpers.ts","../src/components/Select/_parts/SelectMenuItem.tsx","../src/components/Select/Select.tsx"],"sourcesContent":["import type { SelectProps as MuiSelectProps } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport type { LabelPosition } from './Select';\n\n/**\n * Builder de sx para el Select. Usa el builder compartido\n * `buildFormFieldSx`. El Select no necesita overrides específicos.\n */\nexport const buildSelectSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): MuiSelectProps['sx'] =>\n  buildFormFieldSx({ borderRadius, labelPosition }) as MuiSelectProps['sx'];\n","import type { SelectOption } from './Select';\n\n/**\n * Agrupa opciones por la propiedad `group`. Las opciones sin group caen\n * bajo la key especial `__default`. Devuelve un Record para iterar en orden\n * de inserción con Object.entries.\n */\nexport const groupOptions = (\n  options: SelectOption[],\n): Record<string, SelectOption[]> => {\n  const groups: Record<string, SelectOption[]> = {};\n  options.forEach((opt) => {\n    const group = opt.group || '__default';\n    if (!groups[group]) groups[group] = [];\n    groups[group].push(opt);\n  });\n  return groups;\n};\n\n/**\n * Normaliza el valor single al shape que espera MUI Select: string vacío si\n * el valor es `null`/`undefined`.\n */\nexport const normalizeSelectValue = <T>(value: T | null | undefined): T | '' =>\n  (value ?? '') as T | '';\n\n/** `true` si el valor está vacío (para shrink del label + placeholder). */\nexport const isSelectValueEmpty = (normalizedValue: unknown): boolean =>\n  normalizedValue === '' ||\n  normalizedValue === null ||\n  normalizedValue === undefined;\n","import React from 'react';\nimport { ListItemIcon, MenuItem } from '@mui/material';\nimport CheckIcon from '@mui/icons-material/Check';\n\nimport type { SelectOption, RenderOptionItem } from '../Select';\n\ninterface RenderSelectMenuItemArgs {\n  option: SelectOption;\n  selected: boolean;\n  customRender?: RenderOptionItem | null;\n}\n\n/**\n * Render helper (no componente) que devuelve un <MenuItem> listo para\n * colocarse como hijo directo del <MuiSelect>. Se implementa como función\n * y no como componente porque MUI Select inspecciona `props.value` de sus\n * children para resolver la selección, y envolverlo en un componente extra\n * rompe esa detección.\n *\n * Incluye el icono de check a la izquierda cuando `selected` es true. Si el\n * consumer pasó un `<Option>{(opt) => ...}</Option>`, usa ese render para el\n * contenido principal; de lo contrario muestra `option.label`.\n */\nexport const renderSelectMenuItem = ({\n  option,\n  selected,\n  customRender,\n}: RenderSelectMenuItemArgs): React.ReactElement => (\n  <MenuItem\n    key={String(option.value)}\n    value={option.value}\n    disabled={option.disabled}\n    selected={selected}\n  >\n    <ListItemIcon sx={{ minWidth: 32 }}>\n      {selected && <CheckIcon color=\"success\" fontSize=\"small\" />}\n    </ListItemIcon>\n    {customRender ? customRender(option) : option.label}\n  </MenuItem>\n);\n","import {\n  Children,\n  isValidElement,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  ListSubheader,\n  OutlinedInput,\n  Select as MuiSelect,\n  Typography,\n  type SelectChangeEvent,\n  type SelectProps as MuiSelectProps,\n} from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSelectSx } from './Select.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport {\n  groupOptions,\n  isSelectValueEmpty,\n  normalizeSelectValue,\n} from './Select.helpers';\nimport { renderSelectMenuItem } from './_parts/SelectMenuItem';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface SelectOption {\n  value: string | number;\n  label: string;\n  img?: string;\n  disabled?: boolean;\n  group?: string;\n  [key: string]: any;\n}\n\nexport type LabelPosition = 'outside' | 'floating';\nexport type SelectSize = 'small' | 'medium';\n\n// ── Render slots ─────────────────────────────────────────────────────────\nexport type RenderOptionItem = (item: SelectOption) => ReactNode;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport interface OptionProps {\n  children: RenderOptionItem;\n}\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> {\n  label?: string;\n  options?: SelectOption[];\n  defaultValue?: TValue;\n  size?: SelectSize;\n  placeholder?: string;\n  children?: ReactElement<{ children: RenderOptionItem }>;\n  maxHeight?: number | string;\n  maxWidth?: number | string;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Border radius del input (px o string CSS). Default: 10 */\n  borderRadius?: number | string;\n  /**\n   * Posición del label.\n   * - \"outside\" (default): label arriba del input, sin animación.\n   * - \"floating\": label clásico de MUI (flota dentro del notched outline).\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Select`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: MuiSelectProps['sx'];\n  className?: string;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente tiene generics propios (como `TValue` acá), TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda.\n  // El `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del Select.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos (ej. reset de municipio al cambiar\n   * departamento). NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (value: TValue) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface StandardSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: TValue;\n  onChange: (val: TValue) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> = RHFSelectProps<TValue> | StandardSelectProps<TValue>;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport function Option(_props: OptionProps) {\n  return null;\n}\nOption.displayName = 'Option';\n\n// ── Componente ───────────────────────────────────────────────────────────\nexport function Select<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n>(props: SelectProps<TValue>) {\n  const {\n    label,\n    options = [],\n    defaultValue,\n    size = 'small',\n    placeholder,\n    children,\n    maxHeight = 300,\n    maxWidth,\n    disabled = false,\n    error = false,\n    helperText,\n    borderRadius = 10,\n    labelPosition = 'outside',\n    preset,\n    sx,\n    className,\n    // Separamos estos aunque no se usen directamente acá — evita que lleguen\n    // al DOM del MuiSelect via `{...rest}` y generen warnings de React.\n    name: _nameIgnored,\n    control: _controlIgnored,\n    validation: _validationIgnored,\n    value: _valueIgnored,\n    onChange: _onChangeIgnored,\n    ...rest\n  } = props as StandardSelectProps<TValue> & {\n    name?: string;\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Select', preset, theme);\n\n  const isRHFMode = 'control' in props && (props as RHFSelectProps<TValue>).control !== undefined;\n\n  // Custom render opcional vía <Option>{item => ...}</Option>\n  const customRender: RenderOptionItem | null = useMemo(() => {\n    if (Children.count(children) === 1) {\n      const child = Children.only(children);\n      if (isValidElement(child) && (child.type as any)?.displayName === 'Option') {\n        return (child.props as OptionProps).children;\n      }\n    }\n    return null;\n  }, [children]);\n\n  // Focus/open tracking para el comportamiento del label \"outside\".\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const groupedOptions = useMemo(() => groupOptions(options), [options]);\n\n  // Items del menú (grupos + opciones). Un solo memoizado — sin search/async.\n  const buildMenuItems = (currentValue: TValue | '') => {\n    const items: ReactNode[] = [];\n    Object.entries(groupedOptions).forEach(([group, opts]) => {\n      if (group !== '__default') {\n        items.push(\n          <ListSubheader key={group} disableSticky>\n            {group}\n          </ListSubheader>,\n        );\n      }\n      opts.forEach((opt) => {\n        const selected = currentValue === opt.value;\n        items.push(\n          renderSelectMenuItem({\n            option: opt,\n            selected,\n            customRender,\n          }),\n        );\n      });\n    });\n    return items;\n  };\n\n  const mergedSx = [\n    buildSelectSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  // Render base (común a RHF y controlled)\n  const renderSelect = (\n    selectValue: TValue | null | undefined,\n    selectOnChange: (event: SelectChangeEvent<TValue>) => void,\n    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = !!rhfError || !!error;\n    const finalHelperText = rhfHelperText ?? helperText;\n\n    const inputElement =\n      labelPosition === 'floating' ? (\n        <OutlinedInput label={label} />\n      ) : (\n        <OutlinedInput />\n      );\n\n    const normalizedValue = normalizeSelectValue(selectValue);\n    const isEmpty = isSelectValueEmpty(normalizedValue);\n\n    // Shrink cuando hay valor, foco, o dropdown abierto.\n    const shouldShrink = !isEmpty || isFocused || isOpen;\n    // Placeholder solo cuando el label ya subió.\n    const shouldDisplayPlaceholder =\n      isEmpty && (isFocused || isOpen) && !!placeholder;\n\n    return (\n      <FormControl\n        fullWidth\n        size={size}\n        error={finalError}\n        disabled={disabled}\n        className={className}\n        sx={mergedSx}\n      >\n        {label && <InputLabel shrink={shouldShrink}>{label}</InputLabel>}\n        <MuiSelect<TValue>\n          value={normalizedValue as TValue}\n          onChange={selectOnChange}\n          onBlur={(e) => {\n            setIsFocused(false);\n            onBlur?.(e);\n          }}\n          onFocus={() => setIsFocused(true)}\n          onOpen={() => setIsOpen(true)}\n          onClose={() => setIsOpen(false)}\n          renderValue={(selected) => {\n            if (isSelectValueEmpty(selected)) {\n              return (\n                <Typography sx={{ color: 'text.disabled' }}>\n                  {placeholder ?? ''}\n                </Typography>\n              );\n            }\n            const item = options.find((opt) => opt.value === selected);\n            return item?.label ?? String(selected);\n          }}\n          displayEmpty={shouldDisplayPlaceholder}\n          input={inputElement}\n          disabled={disabled}\n          MenuProps={{\n            PaperProps: {\n              style: { maxHeight, maxWidth },\n            },\n          }}\n          inputRef={inputRef}\n          {...(rest as any)}\n        >\n          {buildMenuItems(normalizedValue as TValue | '')}\n        </MuiSelect>\n        {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n      </FormControl>\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if (isRHFMode) {\n    const { name, control, validation, onValueChange } = props as RHFSelectProps<TValue>;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderSelect(\n            field.value ?? null,\n            (e) => {\n              const next = e.target.value as TValue;\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { value, onChange } = props as StandardSelectProps<TValue>;\n  return renderSelect(value, (e) => onChange(e.target.value as TValue));\n}\n\nexport default Select;\n"],"names":["buildFormFieldSx","jsxs","MenuItem","jsx","ListItemIcon","useTheme","resolvePreset","useMemo","Children","isValidElement","_a","useState","ListSubheader","OutlinedInput","FormControl","InputLabel","MuiSelect","Typography","FormHelperText","Controller"],"mappings":"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"}

package/Select-bSVQokFX.js

@@ -0,0 +1,254 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, Children, isValidElement, useState } from "react";
+import { MenuItem, ListItemIcon, FormControl, InputLabel, Select as Select$1, Typography, FormHelperText, ListSubheader, OutlinedInput } from "@mui/material";
+import { useTheme } from "@mui/material/styles";
+import { Controller } from "react-hook-form";
+import { b as buildFormFieldSx } from "./formField.sx-8_QRnKxv.js";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+import CheckIcon from "@mui/icons-material/Check";
+const buildSelectSx = (borderRadius, labelPosition) => buildFormFieldSx({ borderRadius, labelPosition });
+const groupOptions = (options) => {
+  const groups = {};
+  options.forEach((opt) => {
+    const group = opt.group || "__default";
+    if (!groups[group]) groups[group] = [];
+    groups[group].push(opt);
+  });
+  return groups;
+};
+const normalizeSelectValue = (value) => value != null ? value : "";
+const isSelectValueEmpty = (normalizedValue) => normalizedValue === "" || normalizedValue === null || normalizedValue === void 0;
+const renderSelectMenuItem = ({
+  option,
+  selected,
+  customRender
+}) => /* @__PURE__ */ jsxs(
+  MenuItem,
+  {
+    value: option.value,
+    disabled: option.disabled,
+    selected,
+    children: [
+      /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 32 }, children: selected && /* @__PURE__ */ jsx(CheckIcon, { color: "success", fontSize: "small" }) }),
+      customRender ? customRender(option) : option.label
+    ]
+  },
+  String(option.value)
+);
+function Option(_props) {
+  return null;
+}
+Option.displayName = "Option";
+function Select(props) {
+  const _a = props, {
+    label,
+    options = [],
+    defaultValue,
+    size = "small",
+    placeholder,
+    children,
+    maxHeight = 300,
+    maxWidth,
+    disabled = false,
+    error = false,
+    helperText,
+    borderRadius = 10,
+    labelPosition = "outside",
+    preset,
+    sx,
+    className,
+    name: _nameIgnored,
+    control: _controlIgnored,
+    validation: _validationIgnored,
+    value: _valueIgnored,
+    onChange: _onChangeIgnored
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "options",
+    "defaultValue",
+    "size",
+    "placeholder",
+    "children",
+    "maxHeight",
+    "maxWidth",
+    "disabled",
+    "error",
+    "helperText",
+    "borderRadius",
+    "labelPosition",
+    "preset",
+    "sx",
+    "className",
+    // Separamos estos aunque no se usen directamente acá — evita que lleguen
+    // al DOM del MuiSelect via `{...rest}` y generen warnings de React.
+    "name",
+    "control",
+    "validation",
+    "value",
+    "onChange"
+  ]);
+  const theme = useTheme();
+  const presetSx = resolvePreset("Select", preset, theme);
+  const isRHFMode = "control" in props && props.control !== void 0;
+  const customRender = useMemo(() => {
+    var _a2;
+    if (Children.count(children) === 1) {
+      const child = Children.only(children);
+      if (isValidElement(child) && ((_a2 = child.type) == null ? void 0 : _a2.displayName) === "Option") {
+        return child.props.children;
+      }
+    }
+    return null;
+  }, [children]);
+  const [isOpen, setIsOpen] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const groupedOptions = useMemo(() => groupOptions(options), [options]);
+  const buildMenuItems = (currentValue) => {
+    const items = [];
+    Object.entries(groupedOptions).forEach(([group, opts]) => {
+      if (group !== "__default") {
+        items.push(
+          /* @__PURE__ */ jsx(ListSubheader, { disableSticky: true, children: group }, group)
+        );
+      }
+      opts.forEach((opt) => {
+        const selected = currentValue === opt.value;
+        items.push(
+          renderSelectMenuItem({
+            option: opt,
+            selected,
+            customRender
+          })
+        );
+      });
+    });
+    return items;
+  };
+  const mergedSx = [
+    buildSelectSx(borderRadius, labelPosition),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const renderSelect = (selectValue, selectOnChange, onBlur, inputRef, rhfError, rhfHelperText) => {
+    const finalError = !!rhfError || !!error;
+    const finalHelperText = rhfHelperText != null ? rhfHelperText : helperText;
+    const inputElement = labelPosition === "floating" ? /* @__PURE__ */ jsx(OutlinedInput, { label }) : /* @__PURE__ */ jsx(OutlinedInput, {});
+    const normalizedValue = normalizeSelectValue(selectValue);
+    const isEmpty = isSelectValueEmpty(normalizedValue);
+    const shouldShrink = !isEmpty || isFocused || isOpen;
+    const shouldDisplayPlaceholder = isEmpty && (isFocused || isOpen) && !!placeholder;
+    return /* @__PURE__ */ jsxs(
+      FormControl,
+      {
+        fullWidth: true,
+        size,
+        error: finalError,
+        disabled,
+        className,
+        sx: mergedSx,
+        children: [
+          label && /* @__PURE__ */ jsx(InputLabel, { shrink: shouldShrink, children: label }),
+          /* @__PURE__ */ jsx(
+            Select$1,
+            __spreadProps(__spreadValues({
+              value: normalizedValue,
+              onChange: selectOnChange,
+              onBlur: (e) => {
+                setIsFocused(false);
+                onBlur == null ? void 0 : onBlur(e);
+              },
+              onFocus: () => setIsFocused(true),
+              onOpen: () => setIsOpen(true),
+              onClose: () => setIsOpen(false),
+              renderValue: (selected) => {
+                var _a2;
+                if (isSelectValueEmpty(selected)) {
+                  return /* @__PURE__ */ jsx(Typography, { sx: { color: "text.disabled" }, children: placeholder != null ? placeholder : "" });
+                }
+                const item = options.find((opt) => opt.value === selected);
+                return (_a2 = item == null ? void 0 : item.label) != null ? _a2 : String(selected);
+              },
+              displayEmpty: shouldDisplayPlaceholder,
+              input: inputElement,
+              disabled,
+              MenuProps: {
+                PaperProps: {
+                  style: { maxHeight, maxWidth }
+                }
+              },
+              inputRef
+            }, rest), {
+              children: buildMenuItems(normalizedValue)
+            })
+          ),
+          finalHelperText && /* @__PURE__ */ jsx(FormHelperText, { children: finalHelperText })
+        ]
+      }
+    );
+  };
+  if (isRHFMode) {
+    const { name, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        defaultValue,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2;
+          return renderSelect(
+            (_a2 = field.value) != null ? _a2 : null,
+            (e) => {
+              const next = e.target.value;
+              field.onChange(next);
+              onValueChange == null ? void 0 : onValueChange(next);
+            },
+            field.onBlur,
+            field.ref,
+            !!fieldError,
+            fieldError == null ? void 0 : fieldError.message
+          );
+        }
+      }
+    );
+  }
+  const { value, onChange } = props;
+  return renderSelect(value, (e) => onChange(e.target.value));
+}
+export {
+  Option as O,
+  Select as S
+};
+//# sourceMappingURL=Select-bSVQokFX.js.map

package/Select-bSVQokFX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select-bSVQokFX.js","sources":["../src/components/Select/Select.sx.ts","../src/components/Select/Select.helpers.ts","../src/components/Select/_parts/SelectMenuItem.tsx","../src/components/Select/Select.tsx"],"sourcesContent":["import type { SelectProps as MuiSelectProps } from '@mui/material';\n\nimport { buildFormFieldSx } from '../_shared/formField.sx';\nimport type { LabelPosition } from './Select';\n\n/**\n * Builder de sx para el Select. Usa el builder compartido\n * `buildFormFieldSx`. El Select no necesita overrides específicos.\n */\nexport const buildSelectSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): MuiSelectProps['sx'] =>\n  buildFormFieldSx({ borderRadius, labelPosition }) as MuiSelectProps['sx'];\n","import type { SelectOption } from './Select';\n\n/**\n * Agrupa opciones por la propiedad `group`. Las opciones sin group caen\n * bajo la key especial `__default`. Devuelve un Record para iterar en orden\n * de inserción con Object.entries.\n */\nexport const groupOptions = (\n  options: SelectOption[],\n): Record<string, SelectOption[]> => {\n  const groups: Record<string, SelectOption[]> = {};\n  options.forEach((opt) => {\n    const group = opt.group || '__default';\n    if (!groups[group]) groups[group] = [];\n    groups[group].push(opt);\n  });\n  return groups;\n};\n\n/**\n * Normaliza el valor single al shape que espera MUI Select: string vacío si\n * el valor es `null`/`undefined`.\n */\nexport const normalizeSelectValue = <T>(value: T | null | undefined): T | '' =>\n  (value ?? '') as T | '';\n\n/** `true` si el valor está vacío (para shrink del label + placeholder). */\nexport const isSelectValueEmpty = (normalizedValue: unknown): boolean =>\n  normalizedValue === '' ||\n  normalizedValue === null ||\n  normalizedValue === undefined;\n","import React from 'react';\nimport { ListItemIcon, MenuItem } from '@mui/material';\nimport CheckIcon from '@mui/icons-material/Check';\n\nimport type { SelectOption, RenderOptionItem } from '../Select';\n\ninterface RenderSelectMenuItemArgs {\n  option: SelectOption;\n  selected: boolean;\n  customRender?: RenderOptionItem | null;\n}\n\n/**\n * Render helper (no componente) que devuelve un <MenuItem> listo para\n * colocarse como hijo directo del <MuiSelect>. Se implementa como función\n * y no como componente porque MUI Select inspecciona `props.value` de sus\n * children para resolver la selección, y envolverlo en un componente extra\n * rompe esa detección.\n *\n * Incluye el icono de check a la izquierda cuando `selected` es true. Si el\n * consumer pasó un `<Option>{(opt) => ...}</Option>`, usa ese render para el\n * contenido principal; de lo contrario muestra `option.label`.\n */\nexport const renderSelectMenuItem = ({\n  option,\n  selected,\n  customRender,\n}: RenderSelectMenuItemArgs): React.ReactElement => (\n  <MenuItem\n    key={String(option.value)}\n    value={option.value}\n    disabled={option.disabled}\n    selected={selected}\n  >\n    <ListItemIcon sx={{ minWidth: 32 }}>\n      {selected && <CheckIcon color=\"success\" fontSize=\"small\" />}\n    </ListItemIcon>\n    {customRender ? customRender(option) : option.label}\n  </MenuItem>\n);\n","import {\n  Children,\n  isValidElement,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport {\n  FormControl,\n  FormHelperText,\n  InputLabel,\n  ListSubheader,\n  OutlinedInput,\n  Select as MuiSelect,\n  Typography,\n  type SelectChangeEvent,\n  type SelectProps as MuiSelectProps,\n} from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildSelectSx } from './Select.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport {\n  groupOptions,\n  isSelectValueEmpty,\n  normalizeSelectValue,\n} from './Select.helpers';\nimport { renderSelectMenuItem } from './_parts/SelectMenuItem';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface SelectOption {\n  value: string | number;\n  label: string;\n  img?: string;\n  disabled?: boolean;\n  group?: string;\n  [key: string]: any;\n}\n\nexport type LabelPosition = 'outside' | 'floating';\nexport type SelectSize = 'small' | 'medium';\n\n// ── Render slots ─────────────────────────────────────────────────────────\nexport type RenderOptionItem = (item: SelectOption) => ReactNode;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport interface OptionProps {\n  children: RenderOptionItem;\n}\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> {\n  label?: string;\n  options?: SelectOption[];\n  defaultValue?: TValue;\n  size?: SelectSize;\n  placeholder?: string;\n  children?: ReactElement<{ children: RenderOptionItem }>;\n  maxHeight?: number | string;\n  maxWidth?: number | string;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Border radius del input (px o string CSS). Default: 10 */\n  borderRadius?: number | string;\n  /**\n   * Posición del label.\n   * - \"outside\" (default): label arriba del input, sin animación.\n   * - \"floating\": label clásico de MUI (flota dentro del notched outline).\n   */\n  labelPosition?: LabelPosition;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Select`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: MuiSelectProps['sx'];\n  className?: string;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente tiene generics propios (como `TValue` acá), TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda.\n  // El `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del Select.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos (ej. reset de municipio al cambiar\n   * departamento). NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (value: TValue) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface StandardSelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> extends BaseSelectProps<TValue> {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: TValue;\n  onChange: (val: TValue) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type SelectProps<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n> = RHFSelectProps<TValue> | StandardSelectProps<TValue>;\n\n// ── Sub-componente declarativo <Option> ──────────────────────────────────\nexport function Option(_props: OptionProps) {\n  return null;\n}\nOption.displayName = 'Option';\n\n// ── Componente ───────────────────────────────────────────────────────────\nexport function Select<\n  TValue extends SelectOption['value'] = SelectOption['value'],\n>(props: SelectProps<TValue>) {\n  const {\n    label,\n    options = [],\n    defaultValue,\n    size = 'small',\n    placeholder,\n    children,\n    maxHeight = 300,\n    maxWidth,\n    disabled = false,\n    error = false,\n    helperText,\n    borderRadius = 10,\n    labelPosition = 'outside',\n    preset,\n    sx,\n    className,\n    // Separamos estos aunque no se usen directamente acá — evita que lleguen\n    // al DOM del MuiSelect via `{...rest}` y generen warnings de React.\n    name: _nameIgnored,\n    control: _controlIgnored,\n    validation: _validationIgnored,\n    value: _valueIgnored,\n    onChange: _onChangeIgnored,\n    ...rest\n  } = props as StandardSelectProps<TValue> & {\n    name?: string;\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Select', preset, theme);\n\n  const isRHFMode = 'control' in props && (props as RHFSelectProps<TValue>).control !== undefined;\n\n  // Custom render opcional vía <Option>{item => ...}</Option>\n  const customRender: RenderOptionItem | null = useMemo(() => {\n    if (Children.count(children) === 1) {\n      const child = Children.only(children);\n      if (isValidElement(child) && (child.type as any)?.displayName === 'Option') {\n        return (child.props as OptionProps).children;\n      }\n    }\n    return null;\n  }, [children]);\n\n  // Focus/open tracking para el comportamiento del label \"outside\".\n  const [isOpen, setIsOpen] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const groupedOptions = useMemo(() => groupOptions(options), [options]);\n\n  // Items del menú (grupos + opciones). Un solo memoizado — sin search/async.\n  const buildMenuItems = (currentValue: TValue | '') => {\n    const items: ReactNode[] = [];\n    Object.entries(groupedOptions).forEach(([group, opts]) => {\n      if (group !== '__default') {\n        items.push(\n          <ListSubheader key={group} disableSticky>\n            {group}\n          </ListSubheader>,\n        );\n      }\n      opts.forEach((opt) => {\n        const selected = currentValue === opt.value;\n        items.push(\n          renderSelectMenuItem({\n            option: opt,\n            selected,\n            customRender,\n          }),\n        );\n      });\n    });\n    return items;\n  };\n\n  const mergedSx = [\n    buildSelectSx(borderRadius, labelPosition),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  // Render base (común a RHF y controlled)\n  const renderSelect = (\n    selectValue: TValue | null | undefined,\n    selectOnChange: (event: SelectChangeEvent<TValue>) => void,\n    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void,\n    inputRef?: React.Ref<HTMLInputElement>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = !!rhfError || !!error;\n    const finalHelperText = rhfHelperText ?? helperText;\n\n    const inputElement =\n      labelPosition === 'floating' ? (\n        <OutlinedInput label={label} />\n      ) : (\n        <OutlinedInput />\n      );\n\n    const normalizedValue = normalizeSelectValue(selectValue);\n    const isEmpty = isSelectValueEmpty(normalizedValue);\n\n    // Shrink cuando hay valor, foco, o dropdown abierto.\n    const shouldShrink = !isEmpty || isFocused || isOpen;\n    // Placeholder solo cuando el label ya subió.\n    const shouldDisplayPlaceholder =\n      isEmpty && (isFocused || isOpen) && !!placeholder;\n\n    return (\n      <FormControl\n        fullWidth\n        size={size}\n        error={finalError}\n        disabled={disabled}\n        className={className}\n        sx={mergedSx}\n      >\n        {label && <InputLabel shrink={shouldShrink}>{label}</InputLabel>}\n        <MuiSelect<TValue>\n          value={normalizedValue as TValue}\n          onChange={selectOnChange}\n          onBlur={(e) => {\n            setIsFocused(false);\n            onBlur?.(e);\n          }}\n          onFocus={() => setIsFocused(true)}\n          onOpen={() => setIsOpen(true)}\n          onClose={() => setIsOpen(false)}\n          renderValue={(selected) => {\n            if (isSelectValueEmpty(selected)) {\n              return (\n                <Typography sx={{ color: 'text.disabled' }}>\n                  {placeholder ?? ''}\n                </Typography>\n              );\n            }\n            const item = options.find((opt) => opt.value === selected);\n            return item?.label ?? String(selected);\n          }}\n          displayEmpty={shouldDisplayPlaceholder}\n          input={inputElement}\n          disabled={disabled}\n          MenuProps={{\n            PaperProps: {\n              style: { maxHeight, maxWidth },\n            },\n          }}\n          inputRef={inputRef}\n          {...(rest as any)}\n        >\n          {buildMenuItems(normalizedValue as TValue | '')}\n        </MuiSelect>\n        {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n      </FormControl>\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if (isRHFMode) {\n    const { name, control, validation, onValueChange } = props as RHFSelectProps<TValue>;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderSelect(\n            field.value ?? null,\n            (e) => {\n              const next = e.target.value as TValue;\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { value, onChange } = props as StandardSelectProps<TValue>;\n  return renderSelect(value, (e) => onChange(e.target.value as TValue));\n}\n\nexport default Select;\n"],"names":["_a","MuiSelect"],"mappings":"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"}