@soyfri/shared-library 4.0.4 → 4.1.1-beta.1

package/chunks/Input-Bcm7XRHs.cjs

@@ -0,0 +1,205 @@
+"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-DEDuTUQS.cjs");
+const tokens = require("./tokens-B5kmy5Gy.cjs");
+const mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const parseValue = (raw, type) => {
+  if (type !== "number") return raw;
+  if (raw === "" || raw === "-") return raw;
+  const n = parseFloat(raw);
+  return isNaN(n) ? raw : n;
+};
+const buildSlotProps = (type, min, max, maxLength, customSlotProps, customInputProps, readOnly, startAdornment, endAdornment) => {
+  const numberAttrs = type === "number" ? __spreadValues({ min: min != null ? min : Number.NEGATIVE_INFINITY }, max !== void 0 && { max }) : {};
+  const customInputSlot = customSlotProps == null ? void 0 : customSlotProps.input;
+  const inputSlot = __spreadValues(__spreadValues(__spreadValues({}, startAdornment !== void 0 && { startAdornment }), endAdornment !== void 0 && { endAdornment }), customInputSlot);
+  const hasInputSlot = Object.keys(inputSlot).length > 0;
+  return __spreadProps(__spreadValues(__spreadValues({}, customSlotProps), hasInputSlot && { input: inputSlot }), {
+    htmlInput: __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({}, customInputProps), customSlotProps == null ? void 0 : customSlotProps.htmlInput), numberAttrs), maxLength !== void 0 && { maxLength }), readOnly && { readOnly: true }),
+    // Dejamos que MUI maneje el shrink nativamente (animación inside → up).
+    // El consumidor puede forzar shrink con slotProps.inputLabel.shrink=true si lo necesita.
+    inputLabel: __spreadValues({}, customSlotProps == null ? void 0 : customSlotProps.inputLabel)
+  });
+};
+const buildInputOptions = (borderRadius, labelPosition) => {
+  const radius = typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+  return {
+    borderRadius,
+    labelPosition,
+    extraOutsideSx: {
+      // El padding vertical del input base lo fija `buildFormFieldSx`
+      // (misma altura para los cinco campos). Acá solo van las variantes.
+      // Filled: quitar el padding-top reservado para el label flotante dentro.
+      "& .MuiFilledInput-root": {
+        paddingTop: 0,
+        borderRadius: `${radius} ${radius} 0 0`
+      },
+      "& .MuiFilledInput-input": {
+        paddingTop: tokens.FIELD_INPUT_PADDING_Y
+      },
+      // Standard: quitar el margin-top reservado para el label flotante.
+      "& .MuiInput-root": {
+        marginTop: 0
+      }
+    }
+  };
+};
+const buildInputStyles = (theme, borderRadius, labelPosition) => formField_sx.buildFormFieldStyles(theme, buildInputOptions(borderRadius, labelPosition));
+const InputRoot = styles.styled(material.TextField, {
+  name: "FriInput",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildInputStyles(theme, ownerState.borderRadius, ownerState.labelPosition)
+);
+const Input = React.forwardRef(function Input2(inProps, ref) {
+  const props = styles.useThemeProps({ props: inProps, name: "FriInput" });
+  const _a = props, {
+    type = "text",
+    variant = "outlined",
+    size = "small",
+    borderRadius = tokens.FIELD_BORDER_RADIUS,
+    labelPosition = "outside",
+    preset,
+    min,
+    max,
+    maxLength,
+    readOnly,
+    inputProps,
+    slotProps,
+    startAdornment,
+    endAdornment,
+    sx,
+    onBlur
+  } = _a, rest = __objRest(_a, [
+    "type",
+    "variant",
+    "size",
+    "borderRadius",
+    "labelPosition",
+    "preset",
+    "min",
+    "max",
+    "maxLength",
+    "readOnly",
+    "inputProps",
+    "slotProps",
+    "startAdornment",
+    "endAdornment",
+    "sx",
+    "onBlur"
+  ]);
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("Input", preset, theme);
+  const finalSlotProps = buildSlotProps(
+    type,
+    min,
+    max,
+    maxLength,
+    slotProps,
+    inputProps,
+    readOnly,
+    startAdornment,
+    endAdornment
+  );
+  const ownerState = { borderRadius, labelPosition };
+  const mergedSx = mergeSx.mergeSx(presetSx != null ? presetSx : {}, sx);
+  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 } }) => {
+          var _a2, _b;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            InputRoot,
+            __spreadProps(__spreadValues({
+              ref,
+              ownerState,
+              fullWidth: true
+            }, rest), {
+              name: field.name,
+              value: (_a2 = field.value) != null ? _a2 : "",
+              onChange: (e) => {
+                const parsed = parseValue(e.target.value, type);
+                field.onChange(parsed);
+                onValueChange == null ? void 0 : onValueChange(parsed);
+              },
+              onBlur: (e) => {
+                field.onBlur();
+                onBlur == null ? void 0 : onBlur(e);
+              },
+              inputRef: field.ref,
+              type,
+              variant,
+              size,
+              slotProps: finalSlotProps,
+              sx: mergedSx,
+              error: !!error || rest.error,
+              helperText: (_b = error == null ? void 0 : error.message) != null ? _b : rest.helperText
+            })
+          );
+        }
+      }
+    );
+  }
+  const { value, onChange } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    InputRoot,
+    __spreadProps(__spreadValues({
+      ref,
+      ownerState,
+      fullWidth: true
+    }, rest), {
+      value: value != null ? value : "",
+      onChange: (e) => onChange(parseValue(e.target.value, type)),
+      onBlur,
+      type,
+      variant,
+      size,
+      slotProps: finalSlotProps,
+      sx: mergedSx
+    })
+  );
+});
+exports.Input = Input;
+//# sourceMappingURL=Input-Bcm7XRHs.cjs.map

package/chunks/Input-Bcm7XRHs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-Bcm7XRHs.cjs","sources":["../../src/components/Input/Input.helpers.ts","../../src/components/Input/Input.sx.ts","../../src/components/Input/Input.tsx"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode } from 'react';\nimport type { TextFieldProps } from '@mui/material';\nimport type { InputType } from './Input';\n\n/**\n * Convierte el valor raw del evento al tipo apropiado.\n * Para type=\"number\" intenta parsear a número; si falla, devuelve el raw\n * (permite estados intermedios como \"\" o \"-\" mientras el usuario tipea).\n */\nexport const parseValue = (raw: string, type: InputType): string | number => {\n  if (type !== 'number') return raw;\n  if (raw === '' || raw === '-') return raw;\n  const n = parseFloat(raw);\n  return isNaN(n) ? raw : n;\n};\n\n/**\n * Construye los slotProps del TextField consolidando htmlInput + inputLabel.\n * Maneja los atributos min/max cuando type=\"number\", maxLength y readOnly.\n */\nexport const buildSlotProps = (\n  type: InputType,\n  min: number | undefined,\n  max: number | undefined,\n  maxLength: number | undefined,\n  customSlotProps: TextFieldProps['slotProps'],\n  customInputProps: InputHTMLAttributes<HTMLInputElement> | undefined,\n  readOnly?: boolean,\n  startAdornment?: ReactNode,\n  endAdornment?: ReactNode,\n): TextFieldProps['slotProps'] => {\n  const numberAttrs =\n    type === 'number'\n      ? { min: min ?? Number.NEGATIVE_INFINITY, ...(max !== undefined && { max }) }\n      : {};\n\n  // Atajos `startAdornment`/`endAdornment` → slot `input` (OutlinedInput).\n  // Lo que el consumidor pase en `slotProps.input` gana (no lo pisamos).\n  const customInputSlot = (customSlotProps as any)?.input;\n  const inputSlot = {\n    ...(startAdornment !== undefined && { startAdornment }),\n    ...(endAdornment !== undefined && { endAdornment }),\n    ...customInputSlot,\n  };\n  const hasInputSlot = Object.keys(inputSlot).length > 0;\n\n  return {\n    ...customSlotProps,\n    ...(hasInputSlot && { input: inputSlot }),\n    htmlInput: {\n      ...customInputProps,\n      ...(customSlotProps as any)?.htmlInput,\n      ...numberAttrs,\n      ...(maxLength !== undefined && { maxLength }),\n      ...(readOnly && { readOnly: true }),\n    },\n    // Dejamos que MUI maneje el shrink nativamente (animación inside → up).\n    // El consumidor puede forzar shrink con slotProps.inputLabel.shrink=true si lo necesita.\n    inputLabel: {\n      ...(customSlotProps as any)?.inputLabel,\n    },\n  };\n};\n","import type { TextFieldProps } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material/styles';\n\nimport { buildFormFieldSx, buildFormFieldStyles } from '../_shared/formField.sx';\nimport { FIELD_INPUT_PADDING_Y } from '../../theme/tokens';\nimport type { LabelPosition } from './Input';\n\nconst buildInputOptions = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n) => {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n  return {\n    borderRadius,\n    labelPosition,\n    extraOutsideSx: {\n      // El padding vertical del input base lo fija `buildFormFieldSx`\n      // (misma altura para los cinco campos). Acá solo van las variantes.\n\n      // Filled: quitar el padding-top reservado para el label flotante dentro.\n      '& .MuiFilledInput-root': {\n        paddingTop: 0,\n        borderRadius: `${radius} ${radius} 0 0`,\n      },\n      '& .MuiFilledInput-input': {\n        paddingTop: FIELD_INPUT_PADDING_Y,\n      },\n\n      // Standard: quitar el margin-top reservado para el label flotante.\n      '& .MuiInput-root': {\n        marginTop: 0,\n      },\n    },\n  };\n};\n\n/** Estilo de fábrica del Input, en CSS real (para `styled()`). */\nexport const buildInputStyles = (\n  theme: Theme,\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): CSSObject => buildFormFieldStyles(theme, buildInputOptions(borderRadius, labelPosition));\n\n/**\n * @deprecated El Input ya no lo usa: su estilo de fábrica vive en el `styled()`\n * del componente para que `theme.components.FriInput.styleOverrides` pueda\n * ganarle. Preferir `buildInputStyles(theme, borderRadius, labelPosition)`.\n */\nexport const buildInputSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): TextFieldProps['sx'] =>\n  buildFormFieldSx(buildInputOptions(borderRadius, labelPosition));\n","import { forwardRef } from 'react';\nimport { TextField, type TextFieldProps } from '@mui/material';\nimport { styled, useTheme, useThemeProps } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { parseValue, buildSlotProps } from './Input.helpers';\nimport { buildInputStyles } from './Input.sx';\nimport { mergeSx } from '../_shared/mergeSx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type InputType =\n  | 'text' | 'number' | 'email' | 'password' | 'tel'\n  | 'url' | 'search' | 'date' | 'datetime-local'\n  | 'month' | 'week' | 'time' | 'color';\n\nexport type LabelPosition = 'outside' | 'floating';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseInputProps\n  extends Omit<TextFieldProps, 'value' | 'onChange' | 'type'> {\n  type?: InputType;\n  min?: number;\n  max?: number;\n  maxLength?: number;\n  /** Border radius del input. Default: 10 */\n  borderRadius?: number | string;\n  /** \"outside\" = label arriba del campo (default). \"floating\" = label clásico MUI dentro del borde */\n  labelPosition?: LabelPosition;\n  readOnly?: boolean;\n  /** Contenido al inicio del input (ej. icono de búsqueda). Atajo de `slotProps.input.startAdornment`. */\n  startAdornment?: React.ReactNode;\n  /** Contenido al final del input (ej. botón clear). Atajo de `slotProps.input.endAdornment`. */\n  endAdornment?: React.ReactNode;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Input`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFInputProps extends BaseInputProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos (ej. reset de municipio al cambiar\n   * departamento). NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (value: string | number) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface ControlledInputProps extends BaseInputProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string | number;\n  onChange: (value: string | number) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type InputProps = RHFInputProps | ControlledInputProps;\n\n/** Estado que decide el estilo de fábrica del campo. */\ninterface InputOwnerState {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n}\n\n/**\n * Root themeable vía `theme.components.FriInput`.\n *\n * El estilo de fábrica sale como selector descendiente\n * (`.FriInput-root .MuiInputBase-input`), así que sigue ganándole a un\n * `MuiOutlinedInput.styleOverrides.input` del consumidor — que es lo que\n * mantiene los cinco campos a la misma altura. Un override apuntado a\n * `FriInput` sí le gana, que es justo lo que se quiere.\n */\nconst InputRoot = styled(TextField, {\n  name: 'FriInput',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<{ ownerState: InputOwnerState }>(({ theme, ownerState }) =>\n  buildInputStyles(theme, ownerState.borderRadius, ownerState.labelPosition),\n);\n\nexport const Input = forwardRef<HTMLDivElement, InputProps>(function Input(inProps, ref) {\n  const props = useThemeProps({ props: inProps, name: 'FriInput' }) as InputProps;\n  const {\n    type = 'text',\n    variant = 'outlined',\n    size = 'small',\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    preset,\n    min,\n    max,\n    maxLength,\n    readOnly,\n    inputProps,\n    slotProps,\n    startAdornment,\n    endAdornment,\n    sx,\n    onBlur,\n    ...rest\n  } = props as ControlledInputProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Input', preset, theme);\n\n  const finalSlotProps = buildSlotProps(\n    type,\n    min,\n    max,\n    maxLength,\n    slotProps,\n    inputProps,\n    readOnly,\n    startAdornment,\n    endAdornment,\n  );\n  // El estilo de fábrica ya no viaja en `sx` — vive en `InputRoot` (styled),\n  // que es lo que permite tematizar el componente. Acá sólo queda el preset\n  // deprecado + el sx del call-site.\n  const ownerState: InputOwnerState = { borderRadius, labelPosition };\n  const mergedSx = mergeSx(presetSx ?? {}, sx);\n\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFInputProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error } }) => (\n          <InputRoot\n            ref={ref}\n            ownerState={ownerState}\n            fullWidth\n            {...rest}\n            name={field.name}\n            value={field.value ?? ''}\n            onChange={(e) => {\n              const parsed = parseValue(e.target.value, type);\n              field.onChange(parsed);\n              onValueChange?.(parsed);\n            }}\n            onBlur={(e) => {\n              field.onBlur();\n              onBlur?.(e);\n            }}\n            inputRef={field.ref}\n            type={type}\n            variant={variant}\n            size={size}\n            slotProps={finalSlotProps}\n            sx={mergedSx}\n            error={!!error || rest.error}\n            helperText={error?.message ?? rest.helperText}\n          />\n        )}\n      />\n    );\n  }\n\n  const { value, onChange } = props as ControlledInputProps;\n  return (\n    <InputRoot\n      ref={ref}\n      ownerState={ownerState}\n      fullWidth\n      {...rest}\n      value={value ?? ''}\n      onChange={(e) => onChange(parseValue(e.target.value, type))}\n      onBlur={onBlur}\n      type={type}\n      variant={variant}\n      size={size}\n      slotProps={finalSlotProps}\n      sx={mergedSx}\n    />\n  );\n});\n\nexport default Input;\n"],"names":["FIELD_INPUT_PADDING_Y","buildFormFieldStyles","styled","TextField","forwardRef","Input","useThemeProps","FIELD_BORDER_RADIUS","useTheme","resolvePreset","mergeSx","jsx","Controller","_a"],"mappings":"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"}

package/chunks/InputGroup-CSQ4zpAf.cjs

@@ -0,0 +1,160 @@
+"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 mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const tokens = require("./tokens-B5kmy5Gy.cjs");
+const InputGroup = React.forwardRef(function InputGroup2(_a, ref) {
+  var _b = _a, {
+    children,
+    sx,
+    slotSx,
+    borderRadius = tokens.FIELD_BORDER_RADIUS,
+    disabled,
+    orientation = "horizontal"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "sx",
+    "slotSx",
+    "borderRadius",
+    "disabled",
+    "orientation"
+  ]);
+  const radius = typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+  const slots = React.Children.toArray(children).filter(React.isValidElement);
+  const isHorizontal = orientation === "horizontal";
+  const baseSx = {
+    // Respeta el label "outside" de Input/Select: los hijos pierden su marginTop
+    // (ver más abajo) y el grupo reserva el mismo espacio arriba para que los
+    // labels floten por encima del borde del grupo.
+    marginTop: tokens.LABEL_MARGIN_TOP,
+    display: "flex",
+    flexDirection: isHorizontal ? "row" : "column",
+    alignItems: "stretch",
+    width: "100%",
+    border: (theme) => `1px solid ${theme.palette.divider}`,
+    borderRadius: radius,
+    backgroundColor: "background.paper",
+    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",
+    "&:focus-within": {
+      borderColor: "primary.main",
+      boxShadow: (theme) => `0 0 0 1px ${theme.palette.primary.main}`
+    },
+    opacity: disabled ? 0.6 : 1,
+    pointerEvents: disabled ? "none" : "auto",
+    // Cancelar el marginTop que Input/Select reservan en labelPosition="outside".
+    // El grupo ya lo reservó en su nivel externo.
+    "& .MuiFormControl-root, & .MuiPickersTextField-root, & > [data-input-group-slot] > .MuiTextField-root, & > [data-input-group-slot] > .MuiFormControl-root": {
+      marginTop: 0
+    },
+    // Quitar el borde del notched outline interno: el borde visible es el del
+    // grupo, los separadores son los borderRight/borderBottom de cada slot.
+    // Incluye la API nueva de MUI X Pickers (v8) para que DatePicker/DateTimePicker
+    // no pinten su propio outline dentro del grupo.
+    "& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline": {
+      border: "none"
+    },
+    // Forzar que todos los campos pinten sus esquinas cuadradas (las esquinas
+    // redondeadas se aplican solo al primer/último slot más abajo).
+    "& .MuiInputBase-root, & .MuiPickersInputBase-root, & .MuiChip-root": {
+      borderRadius: 0
+    },
+    // Botones integrados: sin radius propio, altura completa, sin sombra.
+    "& .MuiButton-root": {
+      borderRadius: 0,
+      height: "100%",
+      boxShadow: "none",
+      border: "none"
+    },
+    // Slots: cada hijo vive en un slot neutro que lo centra verticalmente.
+    "& > [data-input-group-slot]": __spreadProps(__spreadValues({
+      flex: 1,
+      display: "flex",
+      alignItems: "center",
+      minWidth: 0
+    }, isHorizontal ? { borderRight: (theme) => `1px solid ${theme.palette.divider}` } : { borderBottom: (theme) => `1px solid ${theme.palette.divider}` }), {
+      "&:last-of-type": {
+        borderRight: "none",
+        borderBottom: "none"
+      }
+    }),
+    // Esquinas redondeadas: primer slot (izquierda o arriba).
+    "& > [data-input-group-slot]:first-of-type .MuiInputBase-root, & > [data-input-group-slot]:first-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:first-of-type .MuiButton-root, & > [data-input-group-slot]:first-of-type .MuiChip-root": isHorizontal ? {
+      borderTopLeftRadius: radius,
+      borderBottomLeftRadius: radius
+    } : {
+      borderTopLeftRadius: radius,
+      borderTopRightRadius: radius
+    },
+    // Esquinas redondeadas: último slot (derecha o abajo).
+    "& > [data-input-group-slot]:last-of-type .MuiInputBase-root, & > [data-input-group-slot]:last-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:last-of-type .MuiButton-root, & > [data-input-group-slot]:last-of-type .MuiChip-root": isHorizontal ? {
+      borderTopRightRadius: radius,
+      borderBottomRightRadius: radius
+    } : {
+      borderBottomLeftRadius: radius,
+      borderBottomRightRadius: radius
+    }
+  };
+  const baseSlotSx = {
+    flex: 1,
+    display: "flex",
+    alignItems: "center",
+    minWidth: 0
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Box,
+    __spreadProps(__spreadValues({
+      ref,
+      "data-testid": "input-group",
+      "aria-disabled": disabled ? "true" : void 0
+    }, rest), {
+      sx: mergeSx.mergeSx(baseSx, sx),
+      children: slots.map((child, i) => {
+        var _a2;
+        const slotKey = (_a2 = child.key) != null ? _a2 : i;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          material.Box,
+          {
+            "data-input-group-slot": true,
+            sx: mergeSx.mergeSx(baseSlotSx, slotSx),
+            children: child
+          },
+          slotKey
+        );
+      })
+    })
+  );
+});
+exports.InputGroup = InputGroup;
+//# sourceMappingURL=InputGroup-CSQ4zpAf.cjs.map

package/chunks/InputGroup-CSQ4zpAf.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup-CSQ4zpAf.cjs","sources":["../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, forwardRef, isValidElement } from 'react';\nimport { Box, type BoxProps, type SxProps, type Theme } from '@mui/material';\n\nimport { mergeSx } from '../_shared/mergeSx';\nimport { FIELD_BORDER_RADIUS, LABEL_MARGIN_TOP } from '../../theme/tokens';\n\nexport interface InputGroupProps extends Omit<BoxProps, 'children'> {\n  children: React.ReactNode;\n  /**\n   * sx aplicado al contenedor raíz del grupo. Se mergea sobre los defaults.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * sx aplicado a cada slot individual. Útil para controlar flex/gap entre\n   * los hijos del grupo.\n   */\n  slotSx?: SxProps<Theme>;\n  /**\n   * Radio del borde del grupo. Default: 10.\n   */\n  borderRadius?: number | string;\n  /**\n   * Desactiva visualmente el grupo (no cascada lógica — los hijos deben\n   * manejar su propio `disabled`).\n   */\n  disabled?: boolean;\n  /**\n   * Orientación del grupo. Default: 'horizontal'.\n   */\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/**\n * Agrupa visualmente varios componentes de entrada (Input / Select / DatePicker /\n * Button, etc.) compartiendo un solo borde y con separadores internos.\n *\n * El grupo respeta el espacio que Input/Select reservan para su label `outside`\n * (`LABEL_MARGIN_TOP`) moviendo ese reservado al contenedor externo y\n * cancelándolo en los hijos. Los labels siguen flotando por encima del borde\n * del grupo con la misma animación que fuera del grupo.\n *\n * No inspecciona el tipo de cada hijo; aplica los overrides a través de\n * descendant selectors por CSS para funcionar con cualquier wrapper / memoizado.\n */\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n  {\n    children,\n    sx,\n    slotSx,\n    borderRadius = FIELD_BORDER_RADIUS,\n    disabled,\n    orientation = 'horizontal',\n    ...rest\n  },\n  ref,\n) {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n  const slots = Children.toArray(children).filter(isValidElement);\n  const isHorizontal = orientation === 'horizontal';\n\n  const baseSx: SxProps<Theme> = {\n    // Respeta el label \"outside\" de Input/Select: los hijos pierden su marginTop\n    // (ver más abajo) y el grupo reserva el mismo espacio arriba para que los\n    // labels floten por encima del borde del grupo.\n    marginTop: LABEL_MARGIN_TOP,\n\n    display: 'flex',\n    flexDirection: isHorizontal ? 'row' : 'column',\n    alignItems: 'stretch',\n    width: '100%',\n    border: (theme) => `1px solid ${theme.palette.divider}`,\n    borderRadius: radius,\n    backgroundColor: 'background.paper',\n    transition:\n      'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\n    '&:focus-within': {\n      borderColor: 'primary.main',\n      boxShadow: (theme) => `0 0 0 1px ${theme.palette.primary.main}`,\n    },\n    opacity: disabled ? 0.6 : 1,\n    pointerEvents: disabled ? 'none' : 'auto',\n\n    // Cancelar el marginTop que Input/Select reservan en labelPosition=\"outside\".\n    // El grupo ya lo reservó en su nivel externo.\n    '& .MuiFormControl-root, & .MuiPickersTextField-root, & > [data-input-group-slot] > .MuiTextField-root, & > [data-input-group-slot] > .MuiFormControl-root':\n      {\n        marginTop: 0,\n      },\n\n    // Quitar el borde del notched outline interno: el borde visible es el del\n    // grupo, los separadores son los borderRight/borderBottom de cada slot.\n    // Incluye la API nueva de MUI X Pickers (v8) para que DatePicker/DateTimePicker\n    // no pinten su propio outline dentro del grupo.\n    '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline': {\n      border: 'none',\n    },\n\n    // Forzar que todos los campos pinten sus esquinas cuadradas (las esquinas\n    // redondeadas se aplican solo al primer/último slot más abajo).\n    '& .MuiInputBase-root, & .MuiPickersInputBase-root, & .MuiChip-root': {\n      borderRadius: 0,\n    },\n\n    // Botones integrados: sin radius propio, altura completa, sin sombra.\n    '& .MuiButton-root': {\n      borderRadius: 0,\n      height: '100%',\n      boxShadow: 'none',\n      border: 'none',\n    },\n\n    // Slots: cada hijo vive en un slot neutro que lo centra verticalmente.\n    '& > [data-input-group-slot]': {\n      flex: 1,\n      display: 'flex',\n      alignItems: 'center',\n      minWidth: 0,\n      // Separador entre slots (horizontal: borderRight / vertical: borderBottom),\n      // usando el color de divider del theme.\n      ...(isHorizontal\n        ? { borderRight: (theme: Theme) => `1px solid ${theme.palette.divider}` }\n        : { borderBottom: (theme: Theme) => `1px solid ${theme.palette.divider}` }),\n      '&:last-of-type': {\n        borderRight: 'none',\n        borderBottom: 'none',\n      },\n    },\n\n    // Esquinas redondeadas: primer slot (izquierda o arriba).\n    '& > [data-input-group-slot]:first-of-type .MuiInputBase-root, & > [data-input-group-slot]:first-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:first-of-type .MuiButton-root, & > [data-input-group-slot]:first-of-type .MuiChip-root':\n      isHorizontal\n        ? {\n            borderTopLeftRadius: radius,\n            borderBottomLeftRadius: radius,\n          }\n        : {\n            borderTopLeftRadius: radius,\n            borderTopRightRadius: radius,\n          },\n\n    // Esquinas redondeadas: último slot (derecha o abajo).\n    '& > [data-input-group-slot]:last-of-type .MuiInputBase-root, & > [data-input-group-slot]:last-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:last-of-type .MuiButton-root, & > [data-input-group-slot]:last-of-type .MuiChip-root':\n      isHorizontal\n        ? {\n            borderTopRightRadius: radius,\n            borderBottomRightRadius: radius,\n          }\n        : {\n            borderBottomLeftRadius: radius,\n            borderBottomRightRadius: radius,\n          },\n  };\n\n  const baseSlotSx: SxProps<Theme> = {\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    minWidth: 0,\n  };\n\n  return (\n    <Box\n      ref={ref}\n      data-testid=\"input-group\"\n      aria-disabled={disabled ? 'true' : undefined}\n      {...rest}\n      sx={mergeSx(baseSx, sx)}\n    >\n      {slots.map((child, i) => {\n        const slotKey = (child as React.ReactElement).key ?? i;\n        return (\n          <Box\n            key={slotKey}\n            data-input-group-slot\n            sx={mergeSx(baseSlotSx, slotSx)}\n          >\n            {child}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n});\n\nexport default InputGroup;\n"],"names":["forwardRef","InputGroup","FIELD_BORDER_RADIUS","Children","isValidElement","LABEL_MARGIN_TOP","jsx","Box","mergeSx","_a"],"mappings":"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"}

package/chunks/InputGroup-DIMk8yiS.mjs

@@ -0,0 +1,161 @@
+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 { jsx } from "react/jsx-runtime";
+import { forwardRef, Children, isValidElement } from "react";
+import { Box } from "@mui/material";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.mjs";
+import { F as FIELD_BORDER_RADIUS, L as LABEL_MARGIN_TOP } from "./tokens-C2AKLGbM.mjs";
+const InputGroup = forwardRef(function InputGroup2(_a, ref) {
+  var _b = _a, {
+    children,
+    sx,
+    slotSx,
+    borderRadius = FIELD_BORDER_RADIUS,
+    disabled,
+    orientation = "horizontal"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "sx",
+    "slotSx",
+    "borderRadius",
+    "disabled",
+    "orientation"
+  ]);
+  const radius = typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+  const slots = Children.toArray(children).filter(isValidElement);
+  const isHorizontal = orientation === "horizontal";
+  const baseSx = {
+    // Respeta el label "outside" de Input/Select: los hijos pierden su marginTop
+    // (ver más abajo) y el grupo reserva el mismo espacio arriba para que los
+    // labels floten por encima del borde del grupo.
+    marginTop: LABEL_MARGIN_TOP,
+    display: "flex",
+    flexDirection: isHorizontal ? "row" : "column",
+    alignItems: "stretch",
+    width: "100%",
+    border: (theme) => `1px solid ${theme.palette.divider}`,
+    borderRadius: radius,
+    backgroundColor: "background.paper",
+    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",
+    "&:focus-within": {
+      borderColor: "primary.main",
+      boxShadow: (theme) => `0 0 0 1px ${theme.palette.primary.main}`
+    },
+    opacity: disabled ? 0.6 : 1,
+    pointerEvents: disabled ? "none" : "auto",
+    // Cancelar el marginTop que Input/Select reservan en labelPosition="outside".
+    // El grupo ya lo reservó en su nivel externo.
+    "& .MuiFormControl-root, & .MuiPickersTextField-root, & > [data-input-group-slot] > .MuiTextField-root, & > [data-input-group-slot] > .MuiFormControl-root": {
+      marginTop: 0
+    },
+    // Quitar el borde del notched outline interno: el borde visible es el del
+    // grupo, los separadores son los borderRight/borderBottom de cada slot.
+    // Incluye la API nueva de MUI X Pickers (v8) para que DatePicker/DateTimePicker
+    // no pinten su propio outline dentro del grupo.
+    "& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline": {
+      border: "none"
+    },
+    // Forzar que todos los campos pinten sus esquinas cuadradas (las esquinas
+    // redondeadas se aplican solo al primer/último slot más abajo).
+    "& .MuiInputBase-root, & .MuiPickersInputBase-root, & .MuiChip-root": {
+      borderRadius: 0
+    },
+    // Botones integrados: sin radius propio, altura completa, sin sombra.
+    "& .MuiButton-root": {
+      borderRadius: 0,
+      height: "100%",
+      boxShadow: "none",
+      border: "none"
+    },
+    // Slots: cada hijo vive en un slot neutro que lo centra verticalmente.
+    "& > [data-input-group-slot]": __spreadProps(__spreadValues({
+      flex: 1,
+      display: "flex",
+      alignItems: "center",
+      minWidth: 0
+    }, isHorizontal ? { borderRight: (theme) => `1px solid ${theme.palette.divider}` } : { borderBottom: (theme) => `1px solid ${theme.palette.divider}` }), {
+      "&:last-of-type": {
+        borderRight: "none",
+        borderBottom: "none"
+      }
+    }),
+    // Esquinas redondeadas: primer slot (izquierda o arriba).
+    "& > [data-input-group-slot]:first-of-type .MuiInputBase-root, & > [data-input-group-slot]:first-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:first-of-type .MuiButton-root, & > [data-input-group-slot]:first-of-type .MuiChip-root": isHorizontal ? {
+      borderTopLeftRadius: radius,
+      borderBottomLeftRadius: radius
+    } : {
+      borderTopLeftRadius: radius,
+      borderTopRightRadius: radius
+    },
+    // Esquinas redondeadas: último slot (derecha o abajo).
+    "& > [data-input-group-slot]:last-of-type .MuiInputBase-root, & > [data-input-group-slot]:last-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:last-of-type .MuiButton-root, & > [data-input-group-slot]:last-of-type .MuiChip-root": isHorizontal ? {
+      borderTopRightRadius: radius,
+      borderBottomRightRadius: radius
+    } : {
+      borderBottomLeftRadius: radius,
+      borderBottomRightRadius: radius
+    }
+  };
+  const baseSlotSx = {
+    flex: 1,
+    display: "flex",
+    alignItems: "center",
+    minWidth: 0
+  };
+  return /* @__PURE__ */ jsx(
+    Box,
+    __spreadProps(__spreadValues({
+      ref,
+      "data-testid": "input-group",
+      "aria-disabled": disabled ? "true" : void 0
+    }, rest), {
+      sx: mergeSx(baseSx, sx),
+      children: slots.map((child, i) => {
+        var _a2;
+        const slotKey = (_a2 = child.key) != null ? _a2 : i;
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            "data-input-group-slot": true,
+            sx: mergeSx(baseSlotSx, slotSx),
+            children: child
+          },
+          slotKey
+        );
+      })
+    })
+  );
+});
+export {
+  InputGroup as I
+};
+//# sourceMappingURL=InputGroup-DIMk8yiS.mjs.map

package/chunks/InputGroup-DIMk8yiS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputGroup-DIMk8yiS.mjs","sources":["../../src/components/InputGroup/InputGroup.tsx"],"sourcesContent":["import React, { Children, forwardRef, isValidElement } from 'react';\nimport { Box, type BoxProps, type SxProps, type Theme } from '@mui/material';\n\nimport { mergeSx } from '../_shared/mergeSx';\nimport { FIELD_BORDER_RADIUS, LABEL_MARGIN_TOP } from '../../theme/tokens';\n\nexport interface InputGroupProps extends Omit<BoxProps, 'children'> {\n  children: React.ReactNode;\n  /**\n   * sx aplicado al contenedor raíz del grupo. Se mergea sobre los defaults.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   * sx aplicado a cada slot individual. Útil para controlar flex/gap entre\n   * los hijos del grupo.\n   */\n  slotSx?: SxProps<Theme>;\n  /**\n   * Radio del borde del grupo. Default: 10.\n   */\n  borderRadius?: number | string;\n  /**\n   * Desactiva visualmente el grupo (no cascada lógica — los hijos deben\n   * manejar su propio `disabled`).\n   */\n  disabled?: boolean;\n  /**\n   * Orientación del grupo. Default: 'horizontal'.\n   */\n  orientation?: 'horizontal' | 'vertical';\n}\n\n/**\n * Agrupa visualmente varios componentes de entrada (Input / Select / DatePicker /\n * Button, etc.) compartiendo un solo borde y con separadores internos.\n *\n * El grupo respeta el espacio que Input/Select reservan para su label `outside`\n * (`LABEL_MARGIN_TOP`) moviendo ese reservado al contenedor externo y\n * cancelándolo en los hijos. Los labels siguen flotando por encima del borde\n * del grupo con la misma animación que fuera del grupo.\n *\n * No inspecciona el tipo de cada hijo; aplica los overrides a través de\n * descendant selectors por CSS para funcionar con cualquier wrapper / memoizado.\n */\nexport const InputGroup = forwardRef<HTMLDivElement, InputGroupProps>(function InputGroup(\n  {\n    children,\n    sx,\n    slotSx,\n    borderRadius = FIELD_BORDER_RADIUS,\n    disabled,\n    orientation = 'horizontal',\n    ...rest\n  },\n  ref,\n) {\n  const radius = typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n  const slots = Children.toArray(children).filter(isValidElement);\n  const isHorizontal = orientation === 'horizontal';\n\n  const baseSx: SxProps<Theme> = {\n    // Respeta el label \"outside\" de Input/Select: los hijos pierden su marginTop\n    // (ver más abajo) y el grupo reserva el mismo espacio arriba para que los\n    // labels floten por encima del borde del grupo.\n    marginTop: LABEL_MARGIN_TOP,\n\n    display: 'flex',\n    flexDirection: isHorizontal ? 'row' : 'column',\n    alignItems: 'stretch',\n    width: '100%',\n    border: (theme) => `1px solid ${theme.palette.divider}`,\n    borderRadius: radius,\n    backgroundColor: 'background.paper',\n    transition:\n      'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\n    '&:focus-within': {\n      borderColor: 'primary.main',\n      boxShadow: (theme) => `0 0 0 1px ${theme.palette.primary.main}`,\n    },\n    opacity: disabled ? 0.6 : 1,\n    pointerEvents: disabled ? 'none' : 'auto',\n\n    // Cancelar el marginTop que Input/Select reservan en labelPosition=\"outside\".\n    // El grupo ya lo reservó en su nivel externo.\n    '& .MuiFormControl-root, & .MuiPickersTextField-root, & > [data-input-group-slot] > .MuiTextField-root, & > [data-input-group-slot] > .MuiFormControl-root':\n      {\n        marginTop: 0,\n      },\n\n    // Quitar el borde del notched outline interno: el borde visible es el del\n    // grupo, los separadores son los borderRight/borderBottom de cada slot.\n    // Incluye la API nueva de MUI X Pickers (v8) para que DatePicker/DateTimePicker\n    // no pinten su propio outline dentro del grupo.\n    '& .MuiOutlinedInput-notchedOutline, & .MuiPickersOutlinedInput-notchedOutline': {\n      border: 'none',\n    },\n\n    // Forzar que todos los campos pinten sus esquinas cuadradas (las esquinas\n    // redondeadas se aplican solo al primer/último slot más abajo).\n    '& .MuiInputBase-root, & .MuiPickersInputBase-root, & .MuiChip-root': {\n      borderRadius: 0,\n    },\n\n    // Botones integrados: sin radius propio, altura completa, sin sombra.\n    '& .MuiButton-root': {\n      borderRadius: 0,\n      height: '100%',\n      boxShadow: 'none',\n      border: 'none',\n    },\n\n    // Slots: cada hijo vive en un slot neutro que lo centra verticalmente.\n    '& > [data-input-group-slot]': {\n      flex: 1,\n      display: 'flex',\n      alignItems: 'center',\n      minWidth: 0,\n      // Separador entre slots (horizontal: borderRight / vertical: borderBottom),\n      // usando el color de divider del theme.\n      ...(isHorizontal\n        ? { borderRight: (theme: Theme) => `1px solid ${theme.palette.divider}` }\n        : { borderBottom: (theme: Theme) => `1px solid ${theme.palette.divider}` }),\n      '&:last-of-type': {\n        borderRight: 'none',\n        borderBottom: 'none',\n      },\n    },\n\n    // Esquinas redondeadas: primer slot (izquierda o arriba).\n    '& > [data-input-group-slot]:first-of-type .MuiInputBase-root, & > [data-input-group-slot]:first-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:first-of-type .MuiButton-root, & > [data-input-group-slot]:first-of-type .MuiChip-root':\n      isHorizontal\n        ? {\n            borderTopLeftRadius: radius,\n            borderBottomLeftRadius: radius,\n          }\n        : {\n            borderTopLeftRadius: radius,\n            borderTopRightRadius: radius,\n          },\n\n    // Esquinas redondeadas: último slot (derecha o abajo).\n    '& > [data-input-group-slot]:last-of-type .MuiInputBase-root, & > [data-input-group-slot]:last-of-type .MuiPickersInputBase-root, & > [data-input-group-slot]:last-of-type .MuiButton-root, & > [data-input-group-slot]:last-of-type .MuiChip-root':\n      isHorizontal\n        ? {\n            borderTopRightRadius: radius,\n            borderBottomRightRadius: radius,\n          }\n        : {\n            borderBottomLeftRadius: radius,\n            borderBottomRightRadius: radius,\n          },\n  };\n\n  const baseSlotSx: SxProps<Theme> = {\n    flex: 1,\n    display: 'flex',\n    alignItems: 'center',\n    minWidth: 0,\n  };\n\n  return (\n    <Box\n      ref={ref}\n      data-testid=\"input-group\"\n      aria-disabled={disabled ? 'true' : undefined}\n      {...rest}\n      sx={mergeSx(baseSx, sx)}\n    >\n      {slots.map((child, i) => {\n        const slotKey = (child as React.ReactElement).key ?? i;\n        return (\n          <Box\n            key={slotKey}\n            data-input-group-slot\n            sx={mergeSx(baseSlotSx, slotSx)}\n          >\n            {child}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n});\n\nexport default InputGroup;\n"],"names":["InputGroup","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CO,MAAM,aAAa,WAA4C,SAASA,YAC7E,IASA,KACA;AAVA,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA,cAAc;AAAA,MANhB,IAOK,iBAPL,IAOK;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,SAAS,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AACxE,QAAM,QAAQ,SAAS,QAAQ,QAAQ,EAAE,OAAO,cAAc;AAC9D,QAAM,eAAe,gBAAgB;AAErC,QAAM,SAAyB;AAAA;AAAA;AAAA;AAAA,IAI7B,WAAW;AAAA,IAEX,SAAS;AAAA,IACT,eAAe,eAAe,QAAQ;AAAA,IACtC,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,QAAQ,CAAC,UAAU,aAAa,MAAM,QAAQ,OAAO;AAAA,IACrD,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,YACE;AAAA,IACF,kBAAkB;AAAA,MAChB,aAAa;AAAA,MACb,WAAW,CAAC,UAAU,aAAa,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAAA;AAAA,IAE/D,SAAS,WAAW,MAAM;AAAA,IAC1B,eAAe,WAAW,SAAS;AAAA;AAAA;AAAA,IAInC,6JACE;AAAA,MACE,WAAW;AAAA,IAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOf,iFAAiF;AAAA,MAC/E,QAAQ;AAAA,IAAA;AAAA;AAAA;AAAA,IAKV,sEAAsE;AAAA,MACpE,cAAc;AAAA,IAAA;AAAA;AAAA,IAIhB,qBAAqB;AAAA,MACnB,cAAc;AAAA,MACd,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,QAAQ;AAAA,IAAA;AAAA;AAAA,IAIV,+BAA+B;AAAA,MAC7B,MAAM;AAAA,MACN,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,OAGN,eACA,EAAE,aAAa,CAAC,UAAiB,aAAa,MAAM,QAAQ,OAAO,OACnE,EAAE,cAAc,CAAC,UAAiB,aAAa,MAAM,QAAQ,OAAO,GAAA,IAT3C;AAAA,MAU7B,kBAAkB;AAAA,QAChB,aAAa;AAAA,QACb,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA;AAAA,IAIF,yPACE,eACI;AAAA,MACE,qBAAqB;AAAA,MACrB,wBAAwB;AAAA,IAAA,IAE1B;AAAA,MACE,qBAAqB;AAAA,MACrB,sBAAsB;AAAA,IAAA;AAAA;AAAA,IAI9B,qPACE,eACI;AAAA,MACE,sBAAsB;AAAA,MACtB,yBAAyB;AAAA,IAAA,IAE3B;AAAA,MACE,wBAAwB;AAAA,MACxB,yBAAyB;AAAA,IAAA;AAAA,EAC3B;AAGR,QAAM,aAA6B;AAAA,IACjC,MAAM;AAAA,IACN,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,EAAA;AAGZ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MACZ,iBAAe,WAAW,SAAS;AAAA,OAC/B,OAJL;AAAA,MAKC,IAAI,QAAQ,QAAQ,EAAE;AAAA,MAErB,UAAA,MAAM,IAAI,CAAC,OAAO,MAAM;;AACvB,cAAM,WAAWC,MAAA,MAA6B,QAA7B,OAAAA,MAAoC;AACrD,eACE;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,yBAAqB;AAAA,YACrB,IAAI,QAAQ,YAAY,MAAM;AAAA,YAE7B,UAAA;AAAA,UAAA;AAAA,UAJI;AAAA,QAAA;AAAA,MAOX,CAAC;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}