@soyfri/shared-library 4.0.2 → 4.1.0

package/Autocomplete-Bd3bN4Cw.cjs

@@ -1,341 +0,0 @@
-"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-BZj7TaMa.cjs");
-const tokens = require("./tokens-BGPazVFO.cjs");
-const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
-const ClearIcon = require("@mui/icons-material/Clear");
-const buildAutocompleteSx = (borderRadius, labelPosition) => formField_sx.buildFormFieldSx({
-  borderRadius,
-  labelPosition,
-  extraOutsideSx: {
-    // 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
-    },
-    // 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: tokens.FIELD_INPUT_PADDING_Y,
-      paddingBottom: tokens.FIELD_INPUT_PADDING_Y
-    }
-  }
-});
-const resolveSingleValue = (options, value) => {
-  var _a;
-  return (_a = options.find((o) => o.value === value)) != null ? _a : null;
-};
-const resolveMultipleValue = (options, value) => {
-  if (!Array.isArray(value)) return [];
-  return options.filter((o) => value.includes(o.value));
-};
-const areOptionsShallowEqual = (a, b) => {
-  const keysA = Object.keys(a);
-  const keysB = Object.keys(b);
-  if (keysA.length !== keysB.length) return false;
-  return keysA.every((k) => a[k] === b[k]);
-};
-const areResolvedValuesEqual = (prev, next, multiple) => {
-  if (multiple) {
-    if (!Array.isArray(prev) || !Array.isArray(next)) return false;
-    if (prev.length !== next.length) return false;
-    return prev.every((o, i) => {
-      const n2 = next[i];
-      return !!n2 && areOptionsShallowEqual(o, n2);
-    });
-  }
-  const p = prev;
-  const n = next;
-  if (p === n) return true;
-  if (!p || !n) return false;
-  return areOptionsShallowEqual(p, n);
-};
-const isResolvedValueEmpty = (resolvedValue, multiple) => {
-  if (multiple) {
-    return !Array.isArray(resolvedValue) || resolvedValue.length === 0;
-  }
-  return !resolvedValue;
-};
-const AutocompleteOption = ({
-  liProps,
-  option,
-  customRender
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("li", __spreadProps(__spreadValues({}, liProps), { children: customRender ? customRender(option) : option.label }));
-};
-const AutocompleteChips = ({
-  value,
-  getTagProps,
-  size,
-  maxChipsToShow,
-  renderChipLabel
-}) => {
-  const displayed = value.slice(0, maxChipsToShow);
-  const hidden = value.length - maxChipsToShow;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    displayed.map((option, index) => {
-      const _a = getTagProps({ index }), { key: _ignored } = _a, tagProps = __objRest(_a, ["key"]);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        material.Chip,
-        __spreadProps(__spreadValues({}, tagProps), {
-          size,
-          label: renderChipLabel ? renderChipLabel(option) : option.label,
-          avatar: option.img ? /* @__PURE__ */ jsxRuntime.jsx(material.Avatar, { src: option.img }) : void 0,
-          deleteIcon: /* @__PURE__ */ jsxRuntime.jsx(ClearIcon, {})
-        }),
-        option.value
-      );
-    }),
-    hidden > 0 && /* @__PURE__ */ jsxRuntime.jsx(material.Chip, { size, label: `+${hidden} más` })
-  ] });
-};
-const AutocompleteLoader = ({
-  text = "Cargando..."
-}) => /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16 }),
-  /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", children: text })
-] });
-function Autocomplete(props) {
-  const {
-    label,
-    options,
-    placeholder,
-    multiple = false,
-    disabled = false,
-    readOnly = false,
-    loading = false,
-    error: errorProp = false,
-    helperText,
-    maxChipsToShow = 3,
-    renderOptionItem,
-    renderChipLabel,
-    borderRadius = tokens.FIELD_BORDER_RADIUS,
-    labelPosition = "outside",
-    size = "small",
-    noOptionsText = "No hay opciones",
-    loadingText,
-    sx,
-    preset,
-    textFieldProps,
-    onInputChange,
-    inputValue,
-    filterOptions,
-    freeSolo,
-    open,
-    onOpen,
-    onClose
-  } = props;
-  const [isFocused, setIsFocused] = React.useState(false);
-  const seenOptionsRef = React.useRef(
-    /* @__PURE__ */ new Map()
-  );
-  for (const opt of options) {
-    seenOptionsRef.current.set(opt.value, opt);
-  }
-  const resolvePool = React.useMemo(() => {
-    const merged = new Map(seenOptionsRef.current);
-    for (const opt of options) merged.set(opt.value, opt);
-    return Array.from(merged.values());
-  }, [options]);
-  const prevResolvedRef = React.useRef(
-    multiple ? [] : null
-  );
-  const stabilizeResolved = (newVal) => {
-    if (areResolvedValuesEqual(prevResolvedRef.current, newVal, multiple)) {
-      return prevResolvedRef.current;
-    }
-    prevResolvedRef.current = newVal;
-    return newVal;
-  };
-  const theme = styles.useTheme();
-  const presetSx = resolvePreset.resolvePreset("Autocomplete", preset, theme);
-  const mergedSx = [
-    ...presetSx ? [presetSx] : [buildAutocompleteSx(borderRadius, labelPosition)],
-    ...Array.isArray(sx) ? sx : sx ? [sx] : []
-  ];
-  const renderAutocomplete = (resolvedValue2, handleChange, onBlur, inputRef, rhfError, rhfHelperText) => {
-    const finalError = !!rhfError || !!errorProp;
-    const finalHelperText = rhfHelperText || helperText;
-    const isEmpty = isResolvedValueEmpty(resolvedValue2, multiple);
-    const showPlaceholder = isEmpty && isFocused && !!placeholder;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      material.Autocomplete,
-      {
-        multiple,
-        options,
-        value: resolvedValue2,
-        disabled,
-        readOnly,
-        loading,
-        sx: mergedSx,
-        freeSolo,
-        open,
-        onOpen,
-        onClose,
-        inputValue,
-        onInputChange,
-        filterOptions,
-        getOptionLabel: (opt) => {
-          var _a;
-          return typeof opt === "string" ? opt : (_a = opt == null ? void 0 : opt.label) != null ? _a : "";
-        },
-        isOptionEqualToValue: (a, b) => {
-          if (typeof a === "string" || typeof b === "string") return a === b;
-          return (a == null ? void 0 : a.value) === (b == null ? void 0 : b.value);
-        },
-        getOptionDisabled: (opt) => typeof opt === "string" ? false : !!(opt == null ? void 0 : opt.disabled),
-        onChange: handleChange,
-        onFocus: () => setIsFocused(true),
-        onBlur: () => {
-          setIsFocused(false);
-          onBlur == null ? void 0 : onBlur();
-        },
-        renderOption: (liProps, option) => {
-          const _a = liProps, { key } = _a, liRest = __objRest(_a, ["key"]);
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            AutocompleteOption,
-            {
-              liProps: liRest,
-              option,
-              customRender: renderOptionItem
-            },
-            key
-          );
-        },
-        renderValue: multiple ? (value, getItemProps) => /* @__PURE__ */ jsxRuntime.jsx(
-          AutocompleteChips,
-          {
-            value,
-            getTagProps: getItemProps,
-            size,
-            maxChipsToShow,
-            renderChipLabel
-          }
-        ) : void 0,
-        noOptionsText,
-        loadingText: loadingText != null ? loadingText : /* @__PURE__ */ jsxRuntime.jsx(AutocompleteLoader, {}),
-        renderInput: (params) => {
-          var _a;
-          return (
-            // @ts-ignore — Ref<any> type mismatch between @types/react versions in monorepo
-            /* @__PURE__ */ jsxRuntime.jsx(
-              material.TextField,
-              __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, params), {
-                label,
-                size,
-                variant: "outlined",
-                placeholder: showPlaceholder ? placeholder : void 0,
-                error: finalError,
-                helperText: finalHelperText,
-                inputRef
-              }), textFieldProps), {
-                InputLabelProps: __spreadProps(__spreadValues(__spreadValues({}, params.InputLabelProps), textFieldProps == null ? void 0 : textFieldProps.InputLabelProps), {
-                  shrink: labelPosition === "outside" ? !isEmpty || isFocused : (_a = params.InputLabelProps) == null ? void 0 : _a.shrink
-                })
-              })
-            )
-          );
-        }
-      }
-    );
-  };
-  const extractValue = (opt) => {
-    var _a;
-    return typeof opt === "string" ? opt : (_a = opt == null ? void 0 : opt.value) != null ? _a : null;
-  };
-  const handleControlledChange = (_event, newValue) => {
-    const onChange = props.onChange;
-    if (multiple) {
-      const values = (newValue != null ? newValue : []).map(
-        (opt) => extractValue(opt)
-      );
-      onChange(values);
-    } else {
-      onChange(extractValue(newValue));
-    }
-  };
-  if ("control" in props && props.control) {
-    const { name, control, validation, onValueChange } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      reactHookForm.Controller,
-      {
-        name,
-        control,
-        rules: validation,
-        render: ({ field, fieldState: { error: fieldError } }) => {
-          const resolvedValue2 = stabilizeResolved(
-            multiple ? resolveMultipleValue(resolvePool, field.value) : resolveSingleValue(resolvePool, field.value)
-          );
-          const handleChange = (_event, newValue) => {
-            if (multiple) {
-              const next = (newValue != null ? newValue : []).map(
-                (opt) => extractValue(opt)
-              );
-              field.onChange(next);
-              onValueChange == null ? void 0 : onValueChange(next);
-            } else {
-              const next = extractValue(newValue);
-              field.onChange(next);
-              onValueChange == null ? void 0 : onValueChange(next);
-            }
-          };
-          return renderAutocomplete(
-            resolvedValue2,
-            handleChange,
-            field.onBlur,
-            field.ref,
-            !!fieldError,
-            fieldError == null ? void 0 : fieldError.message
-          );
-        }
-      }
-    );
-  }
-  const controlledValue = props.value;
-  const resolvedValue = stabilizeResolved(
-    multiple ? resolveMultipleValue(resolvePool, controlledValue) : resolveSingleValue(resolvePool, controlledValue)
-  );
-  return renderAutocomplete(resolvedValue, handleControlledChange);
-}
-const AutocompleteSelect = Autocomplete;
-exports.Autocomplete = Autocomplete;
-exports.AutocompleteSelect = AutocompleteSelect;
-//# sourceMappingURL=Autocomplete-Bd3bN4Cw.cjs.map

package/Autocomplete-Bd3bN4Cw.cjs.map

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,sBAAsB,CACjC,cACA,kBAEAA,8BAAiB;AAAA,EACf;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMd,6EAA6E;AAAA,MAC3E,YAAY;AAAA,MACZ,eAAe;AAAA,IAAA;AAAA;AAAA,IAIjB,2HACE;AAAA,MACE,YAAYC,OAAAA;AAAAA,MACZ,eAAeA,OAAAA;AAAAA,IAAA;AAAA,EACjB;AAEN,CAAC;AC/BI,MAAM,qBAAqB,CAChC,SACA,UAAA;;AACwB,uBAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK,MAArC,YAA0C;AAAA;AAG7D,MAAM,uBAAuB,CAClC,SACA,UACmB;AACnB,MAAI,CAAC,MAAM,QAAQ,KAAK,UAAU,CAAA;AAClC,SAAO,QAAQ,OAAO,CAAC,MAAM,MAAM,SAAS,EAAE,KAAK,CAAC;AACtD;AAgBA,MAAM,yBAAyB,CAAC,GAAiB,MAA6B;AAC5E,QAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,QAAM,QAAQ,OAAO,KAAK,CAAC;AAC3B,MAAI,MAAM,WAAW,MAAM,OAAQ,QAAO;AAC1C,SAAO,MAAM,MAAM,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,CAAC;AACzC;AAaO,MAAM,yBAAyB,CACpC,MACA,MACA,aACY;AACZ,MAAI,UAAU;AACZ,QAAI,CAAC,MAAM,QAAQ,IAAI,KAAK,CAAC,MAAM,QAAQ,IAAI,EAAG,QAAO;AACzD,QAAI,KAAK,WAAW,KAAK,OAAQ,QAAO;AACxC,WAAO,KAAK,MAAM,CAAC,GAAG,MAAM;AAC1B,YAAMC,KAAI,KAAK,CAAC;AAChB,aAAO,CAAC,CAACA,MAAK,uBAAuB,GAAGA,EAAC;AAAA,IAC3C,CAAC;AAAA,EACH;AACA,QAAM,IAAI;AACV,QAAM,IAAI;AACV,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,SAAO,uBAAuB,GAAG,CAAC;AACpC;AAGO,MAAM,uBAAuB,CAClC,eACA,aACY;AACZ,MAAI,UAAU;AACZ,WAAO,CAAC,MAAM,QAAQ,aAAa,KAAK,cAAc,WAAW;AAAA,EACnE;AACA,SAAO,CAAC;AACV;AC/DO,MAAM,qBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACEC,+BAAC,uCAAO,YACL,yBAAe,aAAa,MAAM,IAAI,OAAO,MAAA,EAChD;AAEJ;ACFO,MAAM,oBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,YAAY,MAAM,MAAM,GAAG,cAAc;AAC/C,QAAM,SAAS,MAAM,SAAS;AAE9B,SACEC,2BAAAA,KAAAC,qBAAA,EACG,UAAA;AAAA,IAAA,UAAU,IAAI,CAAC,QAAQ,UAAU;AAChC,YAAuC,iBAAY,EAAE,OAAO,GAApD,OAAK,aAA0B,IAAb,qBAAa,IAAb,CAAlB;AACR,aACEF,2BAAAA;AAAAA,QAACG,SAAAA;AAAAA,QAAA,iCAEK,WAFL;AAAA,UAGC;AAAA,UACA,OAAO,kBAAkB,gBAAgB,MAAM,IAAI,OAAO;AAAA,UAC1D,QAAQ,OAAO,MAAMH,+BAACI,SAAAA,UAAO,KAAK,OAAO,KAAK,IAAK;AAAA,UACnD,2CAAa,WAAA,CAAA,CAAU;AAAA,QAAA;AAAA,QALlB,OAAO;AAAA,MAAA;AAAA,IAQlB,CAAC;AAAA,IACA,SAAS,KAAKJ,+BAACG,SAAAA,MAAA,EAAK,MAAY,OAAO,IAAI,MAAM,OAAA,CAAQ;AAAA,EAAA,GAC5D;AAEJ;AC7CO,MAAM,qBAAkD,CAAC;AAAA,EAC9D,OAAO;AACT,MACEF,gCAACI,SAAAA,KAAA,EAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,EAAA,GACrD,UAAA;AAAA,EAAAL,2BAAAA,IAACM,SAAAA,kBAAA,EAAiB,MAAM,GAAA,CAAI;AAAA,EAC5BN,2BAAAA,IAACO,SAAAA,YAAA,EAAW,SAAQ,SAAS,UAAA,KAAA,CAAK;AAAA,GACpC;AC6HK,SAAS,aAEd,OAAkC;AAClC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO,YAAY;AAAA,IACnB;AAAA,IACA,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA,eAAeC,OAAAA;AAAAA,IACf,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,gBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAGJ,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,KAAK;AAKhD,QAAM,iBAAiBC,MAAAA;AAAAA,wBACjB,IAAA;AAAA,EAAI;AAEV,aAAW,OAAO,SAAS;AACzB,mBAAe,QAAQ,IAAI,IAAI,OAAO,GAAG;AAAA,EAC3C;AAGA,QAAM,cAAcC,MAAAA,QAAwB,MAAM;AAChD,UAAM,SAAS,IAAI,IAAI,eAAe,OAAO;AAC7C,eAAW,OAAO,QAAS,QAAO,IAAI,IAAI,OAAO,GAAG;AACpD,WAAO,MAAM,KAAK,OAAO,OAAA,CAAQ;AAAA,EACnC,GAAG,CAAC,OAAO,CAAC;AAKZ,QAAM,kBAAkBD,MAAAA;AAAAA,IACtB,WAAW,CAAA,IAAK;AAAA,EAAA;AAGlB,QAAM,oBAAoB,CACxB,WACyC;AACzC,QAAI,uBAAuB,gBAAgB,SAAS,QAAQ,QAAQ,GAAG;AACrE,aAAO,gBAAgB;AAAA,IACzB;AACA,oBAAgB,UAAU;AAC1B,WAAO;AAAA,EACT;AAEA,QAAM,QAAQE,OAAAA,SAAA;AACd,QAAM,WAAWC,cAAAA,cAAc,gBAAgB,QAAQ,KAAK;AAE5D,QAAM,WAAW;AAAA,IACf,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAC,oBAAoB,cAAc,aAAa,CAAC;AAAA,IAC7E,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,qBAAqB,CACzBC,gBACA,cACA,QACA,UACA,UACA,kBACG;AACH,UAAM,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC;AACnC,UAAM,kBAAkB,iBAAiB;AAEzC,UAAM,UAAU,qBAAqBA,gBAAe,QAAQ;AAC5D,UAAM,kBAAkB,WAAW,aAAa,CAAC,CAAC;AAElD,WACEd,2BAAAA;AAAAA,MAACe,SAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAOD;AAAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,gBAAgB,CAAC,QAAA;;AACf,wBAAO,QAAQ,WAAW,OAAO,gCAAK,UAAL,YAAc;AAAA;AAAA,QAEjD,sBAAsB,CAAC,GAAG,MAAM;AAC9B,cAAI,OAAO,MAAM,YAAY,OAAO,MAAM,iBAAiB,MAAM;AACjE,kBAAO,uBAAG,YAAU,uBAAG;AAAA,QACzB;AAAA,QACA,mBAAmB,CAAC,QAClB,OAAO,QAAQ,WAAW,QAAQ,CAAC,EAAC,2BAAK;AAAA,QAE3C,UAAU;AAAA,QACV,SAAS,MAAM,aAAa,IAAI;AAAA,QAChC,QAAQ,MAAM;AACZ,uBAAa,KAAK;AAClB;AAAA,QACF;AAAA,QACA,cAAc,CAAC,SAAS,WAAW;AAKjC,gBAA2B,cAAnB,UAAmB,IAAX,mBAAW,IAAX,CAAR;AAGR,iBACEd,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cAEC,SAAS;AAAA,cACT;AAAA,cACA,cAAc;AAAA,YAAA;AAAA,YAHT;AAAA,UAAA;AAAA,QAMX;AAAA,QACA,aACE,WACI,CAAC,OAAO,iBACRA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,aAAa;AAAA,YACb;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QAAA,IAGF;AAAA,QAEN;AAAA,QACA,aAAa,oCAAeA,+BAAC,oBAAA,CAAA,CAAmB;AAAA,QAChD,aAAa,CAAC,WAAA;;AAEZA;AAAAA;AAAAA,uCAAAA;AAAAA,cAACgB,SAAAA;AAAAA,cAAA,8DACK,SADL;AAAA,gBAEC;AAAA,gBACA;AAAA,gBACA,SAAQ;AAAA,gBACR,aAAa,kBAAkB,cAAc;AAAA,gBAC7C,OAAO;AAAA,gBACP,YAAY;AAAA,gBACZ;AAAA,kBACI,iBATL;AAAA,gBAUC,iBAAiB,gDACX,OAAO,kBACP,iDAAgB,kBAFL;AAAA,kBAGf,QACE,kBAAkB,YACd,CAAC,WAAW,aACX,YAAO,oBAAP,mBAAgC;AAAA,gBAAA;AAAA,cACzC;AAAA,YAAA;AAAA;AAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAIR;AAGA,QAAM,eAAe,CAAC;;AACpB,kBAAO,QAAQ,WAAW,OAAO,gCAAK,UAAL,YAAc;AAAA;AAEjD,QAAM,yBAAyB,CAAC,QAAa,aAAkB;AAC7D,UAAM,WAAY,MAA8C;AAChE,QAAI,UAAU;AACZ,YAAM,UAAU,8BAAY,CAAA,GAAI;AAAA,QAC9B,CAAC,QAA+B,aAAa,GAAG;AAAA,MAAA;AAElD,eAAS,MAAM;AAAA,IACjB,OAAO;AACL,eAAS,aAAa,QAAQ,CAAkB;AAAA,IAClD;AAAA,EACF;AAGA,MAAI,aAAa,SAAS,MAAM,SAAS;AACvC,UAAM,EAAE,MAAM,SAAS,YAAY,kBACjC;AACF,WACEhB,2BAAAA;AAAAA,MAACiB,cAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,OAAO,WAAA,QAAmB;AACxD,gBAAMH,iBAAgB;AAAA,YACpB,WACI,qBAAqB,aAAa,MAAM,KAAK,IAC7C,mBAAmB,aAAa,MAAM,KAAK;AAAA,UAAA;AAGjD,gBAAM,eAAe,CAAC,QAAa,aAAkB;AACnD,gBAAI,UAAU;AACZ,oBAAM,QAAQ,8BAAY,CAAA,GAAI;AAAA,gBAC5B,CAAC,QAA+B,aAAa,GAAG;AAAA,cAAA;AAElD,oBAAM,SAAS,IAAI;AACnB,6DAAgB;AAAA,YAClB,OAAO;AACL,oBAAM,OAAO,aAAa,QAAQ;AAClC,oBAAM,SAAS,IAAI;AACnB,6DAAgB;AAAA,YAClB;AAAA,UACF;AAEA,iBAAO;AAAA,YACLA;AAAAA,YACA;AAAA,YACA,MAAM;AAAA,YACN,MAAM;AAAA,YACN,CAAC,CAAC;AAAA,YACF,yCAAY;AAAA,UAAA;AAAA,QAEhB;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,QAAM,kBAAmB,MAA8C;AACvE,QAAM,gBAAgB;AAAA,IACpB,WACI,qBAAqB,aAAa,eAA0C,IAC5E,mBAAmB,aAAa,eAAwC;AAAA,EAAA;AAG9E,SAAO,mBAAmB,eAAe,sBAAsB;AACjE;AAGO,MAAM,qBAAqB;;;"}