@soyfri/shared-library 4.0.4 → 4.1.0

package/chunks/RadioGroup-DT5IaA5K.cjs

@@ -0,0 +1,202 @@
+"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 styles = require("@mui/material/styles");
+const material = require("@mui/material");
+const reactHookForm = require("react-hook-form");
+const mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const tokens = require("./tokens-B5kmy5Gy.cjs");
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const buildRadioGroupStyles = (theme, { bordered, borderRadius, error }) => {
+  const helper = { "& .MuiFormHelperText-root": { marginLeft: 0 } };
+  if (!bordered) return helper;
+  const acento = error ? theme.palette.error.main : theme.palette.primary.main;
+  return __spreadProps(__spreadValues({
+    "& .MuiRadioGroup-root": __spreadProps(__spreadValues({
+      paddingTop: theme.spacing(1.25),
+      paddingBottom: theme.spacing(1.25),
+      paddingLeft: theme.spacing(1.5),
+      paddingRight: theme.spacing(1.5),
+      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,
+      borderRadius: toRadius(borderRadius),
+      transition: FOCUS_TRANSITION
+    }, error && { boxShadow: `0 0 0 1px ${theme.palette.error.main}` }), {
+      // Focus del usuario sobre cualquier radio interno.
+      "&:focus-within": { borderColor: acento, boxShadow: `0 0 0 1px ${acento}` }
+    })
+  }, helper), {
+    "& .MuiFormLabel-root": { marginBottom: theme.spacing(0.5) }
+  });
+};
+const RadioGroupRoot = styles.styled(material.FormControl, {
+  name: "FriRadioGroup",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildRadioGroupStyles(theme, ownerState)
+);
+const RadioGroup = React.forwardRef(function RadioGroup2(props, ref) {
+  const _a = props, {
+    options,
+    label,
+    row = true,
+    size = "small",
+    disabled = false,
+    error = false,
+    helperText,
+    bordered = true,
+    borderRadius = tokens.FIELD_BORDER_RADIUS,
+    defaultValue,
+    preset,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "options",
+    "label",
+    "row",
+    "size",
+    "disabled",
+    "error",
+    "helperText",
+    "bordered",
+    "borderRadius",
+    "defaultValue",
+    "preset",
+    "sx"
+  ]);
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("RadioGroup", preset, theme);
+  const ownerStateDe = (effectiveError) => ({
+    bordered,
+    borderRadius,
+    error: effectiveError
+  });
+  const mergedSx = mergeSx.mergeSx(presetSx != null ? presetSx : {}, sx);
+  const renderOptions = (fieldName) => options.map((opt) => {
+    var _a2;
+    const inputId = (_a2 = opt.id) != null ? _a2 : `${fieldName != null ? fieldName : "radio"}-${opt.value}`;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      material.FormControlLabel,
+      {
+        value: opt.value,
+        control: /* @__PURE__ */ jsxRuntime.jsx(
+          material.Radio,
+          {
+            id: inputId,
+            size,
+            disabled: disabled || opt.disabled
+          }
+        ),
+        label: opt.label,
+        disabled: disabled || opt.disabled
+      },
+      inputId
+    );
+  });
+  if ("control" in props && props.control) {
+    const { name: name2, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        name: name2,
+        control,
+        rules: validation,
+        defaultValue,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2, _b;
+          const finalError = !!fieldError || error;
+          const finalHelperText = (_a2 = fieldError == null ? void 0 : fieldError.message) != null ? _a2 : helperText;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            RadioGroupRoot,
+            {
+              ref,
+              ownerState: ownerStateDe(finalError),
+              error: finalError,
+              disabled,
+              sx: mergedSx,
+              fullWidth: true,
+              children: [
+                label && /* @__PURE__ */ jsxRuntime.jsx(material.FormLabel, { children: label }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  material.RadioGroup,
+                  __spreadProps(__spreadValues({}, rest), {
+                    row,
+                    name: field.name,
+                    value: (_b = field.value) != null ? _b : "",
+                    onBlur: field.onBlur,
+                    onChange: (_e, value2) => {
+                      field.onChange(value2);
+                      onValueChange == null ? void 0 : onValueChange(value2);
+                    },
+                    children: renderOptions(field.name)
+                  })
+                ),
+                finalHelperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: finalHelperText })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  const { value, onChange, name } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RadioGroupRoot,
+    {
+      ref,
+      ownerState: ownerStateDe(error),
+      error,
+      disabled,
+      sx: mergedSx,
+      fullWidth: true,
+      children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx(material.FormLabel, { children: label }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          material.RadioGroup,
+          __spreadProps(__spreadValues({}, rest), {
+            row,
+            name,
+            value: value != null ? value : "",
+            onChange: (_e, next) => onChange(next),
+            children: renderOptions(name)
+          })
+        ),
+        helperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: helperText })
+      ]
+    }
+  );
+});
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=RadioGroup-DT5IaA5K.cjs.map

package/chunks/RadioGroup-DT5IaA5K.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-DT5IaA5K.cjs","sources":["../../src/components/RadioGroup/RadioGroup.sx.ts","../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { CSSObject, SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildRadioGroupSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Transición compartida (matchea el InputGroup).\n */\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para RadioGroup. Reproduce el estilo del antiguo\n * `FormRadioGroup` legacy: contenedor con borde + padding vertical.\n *\n * Cuando `bordered=true`, el contenedor gana:\n * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).\n * - `error=true` → borde + shadow de error (palette.error.main).\n *\n * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica\n * visualmente el borde sin empujar nada alrededor.\n *\n * Si `bordered=false`, devuelve un sx mínimo (sólo helper text reset).\n */\nexport const buildRadioGroupStyles = (\n  theme: Theme,\n  { bordered, borderRadius, error }: BuildRadioGroupSxOptions,\n): CSSObject => {\n  const helper = { '& .MuiFormHelperText-root': { marginLeft: 0 } };\n  if (!bordered) return helper;\n\n  const acento = error ? theme.palette.error.main : theme.palette.primary.main;\n\n  return {\n    '& .MuiRadioGroup-root': {\n      paddingTop: theme.spacing(1.25),\n      paddingBottom: theme.spacing(1.25),\n      paddingLeft: theme.spacing(1.5),\n      paddingRight: theme.spacing(1.5),\n      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,\n      borderRadius: toRadius(borderRadius),\n      transition: FOCUS_TRANSITION,\n      ...(error && { boxShadow: `0 0 0 1px ${theme.palette.error.main}` }),\n      // Focus del usuario sobre cualquier radio interno.\n      '&:focus-within': { borderColor: acento, boxShadow: `0 0 0 1px ${acento}` },\n    },\n    ...helper,\n    '& .MuiFormLabel-root': { marginBottom: theme.spacing(0.5) },\n  };\n};\n\n/**\n * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el\n * `styled()`. Preferir `buildRadioGroupStyles`.\n */\nexport const buildRadioGroupSx = ({\n  bordered,\n  borderRadius,\n  error,\n}: BuildRadioGroupSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiRadioGroup-root': {\n      paddingTop: 1.25,\n      paddingBottom: 1.25,\n      paddingX: 1.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      // Focus del usuario sobre cualquier radio interno.\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n    '& .MuiFormLabel-root': {\n      marginBottom: 0.5,\n    },\n  });\n};\n","import { forwardRef } from 'react';\nimport { styled, useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  Radio,\n  RadioGroup as MuiRadioGroup,\n  type RadioGroupProps as MuiRadioGroupProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildRadioGroupStyles, type BuildRadioGroupSxOptions } from './RadioGroup.sx';\nimport { mergeSx } from '../_shared/mergeSx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface RadioOption {\n  /** Valor que se emite cuando se selecciona la opción. */\n  value: string;\n  /** Texto mostrado al lado del radio. */\n  label: string;\n  /** Deshabilitar opción individualmente. */\n  disabled?: boolean;\n  /** ID custom del input (default: prefijo + value). */\n  id?: string;\n}\n\nexport type RadioGroupSize = 'small' | 'medium';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseRadioGroupProps\n  extends Omit<MuiRadioGroupProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: RadioOption[];\n  /** Label superior del grupo. */\n  label?: string;\n  /** Distribución horizontal (default: true — replica el comportamiento legacy). */\n  row?: boolean;\n  size?: RadioGroupSize;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde estilo \"form field\". Default: true. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultValue?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.RadioGroup`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFRadioGroupProps extends BaseRadioGroupProps {\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?: (value: string) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface ControlledRadioGroupProps extends BaseRadioGroupProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string;\n  onChange: (value: string) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type RadioGroupProps = RHFRadioGroupProps | ControlledRadioGroupProps;\n\n/** Root themeable vía `theme.components.FriRadioGroup`. */\nconst RadioGroupRoot = styled(FormControl, {\n  name: 'FriRadioGroup',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<{ ownerState: BuildRadioGroupSxOptions }>(({ theme, ownerState }) =>\n  buildRadioGroupStyles(theme, ownerState),\n);\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  props,\n  ref,\n) {\n  const {\n    options,\n    label,\n    row = true,\n    size = 'small',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = true,\n    borderRadius = FIELD_BORDER_RADIUS,\n    defaultValue,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledRadioGroupProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('RadioGroup', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  // El estilo de fábrica vive en `RadioGroupRoot` (styled) y depende del error\n  // efectivo, que difiere por rama.\n  const ownerStateDe = (effectiveError: boolean): BuildRadioGroupSxOptions => ({\n    bordered,\n    borderRadius,\n    error: effectiveError,\n  });\n  const mergedSx = mergeSx(presetSx ?? {}, sx);\n\n  const renderOptions = (fieldName?: string) =>\n    options.map((opt) => {\n      const inputId = opt.id ?? `${fieldName ?? 'radio'}-${opt.value}`;\n      return (\n        <FormControlLabel\n          key={inputId}\n          value={opt.value}\n          control={\n            <Radio\n              id={inputId}\n              size={size}\n              disabled={disabled || opt.disabled}\n            />\n          }\n          label={opt.label}\n          disabled={disabled || opt.disabled}\n        />\n      );\n    });\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFRadioGroupProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <RadioGroupRoot\n              ref={ref}\n              ownerState={ownerStateDe(finalError)}\n              error={finalError}\n              disabled={disabled}\n              sx={mergedSx}\n              fullWidth\n            >\n              {label && <FormLabel>{label}</FormLabel>}\n              <MuiRadioGroup\n                {...rest}\n                row={row}\n                name={field.name}\n                value={field.value ?? ''}\n                onBlur={field.onBlur}\n                onChange={(_e, value) => {\n                  field.onChange(value);\n                  onValueChange?.(value);\n                }}\n              >\n                {renderOptions(field.name)}\n              </MuiRadioGroup>\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </RadioGroupRoot>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { value, onChange, name } = props as ControlledRadioGroupProps;\n  return (\n    <RadioGroupRoot\n      ref={ref}\n      ownerState={ownerStateDe(error)}\n      error={error}\n      disabled={disabled}\n      sx={mergedSx}\n      fullWidth\n    >\n      {label && <FormLabel>{label}</FormLabel>}\n      <MuiRadioGroup\n        {...rest}\n        row={row}\n        name={name}\n        value={value ?? ''}\n        onChange={(_e, next) => onChange(next)}\n      >\n        {renderOptions(name)}\n      </MuiRadioGroup>\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </RadioGroupRoot>\n  );\n});\n\nexport default RadioGroup;\n"],"names":["styled","FormControl","forwardRef","RadioGroup","FIELD_BORDER_RADIUS","useTheme","resolvePreset","mergeSx","_a","jsx","FormControlLabel","Radio","name","Controller","jsxs","FormLabel","MuiRadioGroup","value","FormHelperText"],"mappings":"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"}

package/chunks/RadioGroup-atKq1EWA.mjs

@@ -0,0 +1,203 @@
+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, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { useTheme, styled } from "@mui/material/styles";
+import { FormLabel, RadioGroup as RadioGroup$1, FormHelperText, FormControl, FormControlLabel, Radio } from "@mui/material";
+import { Controller } from "react-hook-form";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.mjs";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.mjs";
+import { F as FIELD_BORDER_RADIUS } from "./tokens-C2AKLGbM.mjs";
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const buildRadioGroupStyles = (theme, { bordered, borderRadius, error }) => {
+  const helper = { "& .MuiFormHelperText-root": { marginLeft: 0 } };
+  if (!bordered) return helper;
+  const acento = error ? theme.palette.error.main : theme.palette.primary.main;
+  return __spreadProps(__spreadValues({
+    "& .MuiRadioGroup-root": __spreadProps(__spreadValues({
+      paddingTop: theme.spacing(1.25),
+      paddingBottom: theme.spacing(1.25),
+      paddingLeft: theme.spacing(1.5),
+      paddingRight: theme.spacing(1.5),
+      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,
+      borderRadius: toRadius(borderRadius),
+      transition: FOCUS_TRANSITION
+    }, error && { boxShadow: `0 0 0 1px ${theme.palette.error.main}` }), {
+      // Focus del usuario sobre cualquier radio interno.
+      "&:focus-within": { borderColor: acento, boxShadow: `0 0 0 1px ${acento}` }
+    })
+  }, helper), {
+    "& .MuiFormLabel-root": { marginBottom: theme.spacing(0.5) }
+  });
+};
+const RadioGroupRoot = styled(FormControl, {
+  name: "FriRadioGroup",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildRadioGroupStyles(theme, ownerState)
+);
+const RadioGroup = forwardRef(function RadioGroup2(props, ref) {
+  const _a = props, {
+    options,
+    label,
+    row = true,
+    size = "small",
+    disabled = false,
+    error = false,
+    helperText,
+    bordered = true,
+    borderRadius = FIELD_BORDER_RADIUS,
+    defaultValue,
+    preset,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "options",
+    "label",
+    "row",
+    "size",
+    "disabled",
+    "error",
+    "helperText",
+    "bordered",
+    "borderRadius",
+    "defaultValue",
+    "preset",
+    "sx"
+  ]);
+  const theme = useTheme();
+  const presetSx = resolvePreset("RadioGroup", preset, theme);
+  const ownerStateDe = (effectiveError) => ({
+    bordered,
+    borderRadius,
+    error: effectiveError
+  });
+  const mergedSx = mergeSx(presetSx != null ? presetSx : {}, sx);
+  const renderOptions = (fieldName) => options.map((opt) => {
+    var _a2;
+    const inputId = (_a2 = opt.id) != null ? _a2 : `${fieldName != null ? fieldName : "radio"}-${opt.value}`;
+    return /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        value: opt.value,
+        control: /* @__PURE__ */ jsx(
+          Radio,
+          {
+            id: inputId,
+            size,
+            disabled: disabled || opt.disabled
+          }
+        ),
+        label: opt.label,
+        disabled: disabled || opt.disabled
+      },
+      inputId
+    );
+  });
+  if ("control" in props && props.control) {
+    const { name: name2, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name: name2,
+        control,
+        rules: validation,
+        defaultValue,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2, _b;
+          const finalError = !!fieldError || error;
+          const finalHelperText = (_a2 = fieldError == null ? void 0 : fieldError.message) != null ? _a2 : helperText;
+          return /* @__PURE__ */ jsxs(
+            RadioGroupRoot,
+            {
+              ref,
+              ownerState: ownerStateDe(finalError),
+              error: finalError,
+              disabled,
+              sx: mergedSx,
+              fullWidth: true,
+              children: [
+                label && /* @__PURE__ */ jsx(FormLabel, { children: label }),
+                /* @__PURE__ */ jsx(
+                  RadioGroup$1,
+                  __spreadProps(__spreadValues({}, rest), {
+                    row,
+                    name: field.name,
+                    value: (_b = field.value) != null ? _b : "",
+                    onBlur: field.onBlur,
+                    onChange: (_e, value2) => {
+                      field.onChange(value2);
+                      onValueChange == null ? void 0 : onValueChange(value2);
+                    },
+                    children: renderOptions(field.name)
+                  })
+                ),
+                finalHelperText && /* @__PURE__ */ jsx(FormHelperText, { children: finalHelperText })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  const { value, onChange, name } = props;
+  return /* @__PURE__ */ jsxs(
+    RadioGroupRoot,
+    {
+      ref,
+      ownerState: ownerStateDe(error),
+      error,
+      disabled,
+      sx: mergedSx,
+      fullWidth: true,
+      children: [
+        label && /* @__PURE__ */ jsx(FormLabel, { children: label }),
+        /* @__PURE__ */ jsx(
+          RadioGroup$1,
+          __spreadProps(__spreadValues({}, rest), {
+            row,
+            name,
+            value: value != null ? value : "",
+            onChange: (_e, next) => onChange(next),
+            children: renderOptions(name)
+          })
+        ),
+        helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+      ]
+    }
+  );
+});
+export {
+  RadioGroup as R
+};
+//# sourceMappingURL=RadioGroup-atKq1EWA.mjs.map

package/chunks/RadioGroup-atKq1EWA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-atKq1EWA.mjs","sources":["../../src/components/RadioGroup/RadioGroup.sx.ts","../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import type { CSSObject, SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildRadioGroupSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\n/**\n * Transición compartida (matchea el InputGroup).\n */\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para RadioGroup. Reproduce el estilo del antiguo\n * `FormRadioGroup` legacy: contenedor con borde + padding vertical.\n *\n * Cuando `bordered=true`, el contenedor gana:\n * - `:focus-within` → borde + shadow primario (mismo patrón que `InputGroup`).\n * - `error=true` → borde + shadow de error (palette.error.main).\n *\n * El shadow es de 1px, así que no hay shift de layout — sólo se intensifica\n * visualmente el borde sin empujar nada alrededor.\n *\n * Si `bordered=false`, devuelve un sx mínimo (sólo helper text reset).\n */\nexport const buildRadioGroupStyles = (\n  theme: Theme,\n  { bordered, borderRadius, error }: BuildRadioGroupSxOptions,\n): CSSObject => {\n  const helper = { '& .MuiFormHelperText-root': { marginLeft: 0 } };\n  if (!bordered) return helper;\n\n  const acento = error ? theme.palette.error.main : theme.palette.primary.main;\n\n  return {\n    '& .MuiRadioGroup-root': {\n      paddingTop: theme.spacing(1.25),\n      paddingBottom: theme.spacing(1.25),\n      paddingLeft: theme.spacing(1.5),\n      paddingRight: theme.spacing(1.5),\n      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,\n      borderRadius: toRadius(borderRadius),\n      transition: FOCUS_TRANSITION,\n      ...(error && { boxShadow: `0 0 0 1px ${theme.palette.error.main}` }),\n      // Focus del usuario sobre cualquier radio interno.\n      '&:focus-within': { borderColor: acento, boxShadow: `0 0 0 1px ${acento}` },\n    },\n    ...helper,\n    '& .MuiFormLabel-root': { marginBottom: theme.spacing(0.5) },\n  };\n};\n\n/**\n * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el\n * `styled()`. Preferir `buildRadioGroupStyles`.\n */\nexport const buildRadioGroupSx = ({\n  bordered,\n  borderRadius,\n  error,\n}: BuildRadioGroupSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiRadioGroup-root': {\n      paddingTop: 1.25,\n      paddingBottom: 1.25,\n      paddingX: 1.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      // Focus del usuario sobre cualquier radio interno.\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n    '& .MuiFormLabel-root': {\n      marginBottom: 0.5,\n    },\n  });\n};\n","import { forwardRef } from 'react';\nimport { styled, useTheme } from '@mui/material/styles';\nimport {\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  FormLabel,\n  Radio,\n  RadioGroup as MuiRadioGroup,\n  type RadioGroupProps as MuiRadioGroupProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildRadioGroupStyles, type BuildRadioGroupSxOptions } from './RadioGroup.sx';\nimport { mergeSx } from '../_shared/mergeSx';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport interface RadioOption {\n  /** Valor que se emite cuando se selecciona la opción. */\n  value: string;\n  /** Texto mostrado al lado del radio. */\n  label: string;\n  /** Deshabilitar opción individualmente. */\n  disabled?: boolean;\n  /** ID custom del input (default: prefijo + value). */\n  id?: string;\n}\n\nexport type RadioGroupSize = 'small' | 'medium';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseRadioGroupProps\n  extends Omit<MuiRadioGroupProps, 'value' | 'onChange' | 'defaultValue'> {\n  options: RadioOption[];\n  /** Label superior del grupo. */\n  label?: string;\n  /** Distribución horizontal (default: true — replica el comportamiento legacy). */\n  row?: boolean;\n  size?: RadioGroupSize;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde estilo \"form field\". Default: true. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  defaultValue?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.RadioGroup`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFRadioGroupProps extends BaseRadioGroupProps {\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?: (value: string) => void;\n  value?: never;\n  onChange?: never;\n}\n\nexport interface ControlledRadioGroupProps extends BaseRadioGroupProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  value: string;\n  onChange: (value: string) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type RadioGroupProps = RHFRadioGroupProps | ControlledRadioGroupProps;\n\n/** Root themeable vía `theme.components.FriRadioGroup`. */\nconst RadioGroupRoot = styled(FormControl, {\n  name: 'FriRadioGroup',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<{ ownerState: BuildRadioGroupSxOptions }>(({ theme, ownerState }) =>\n  buildRadioGroupStyles(theme, ownerState),\n);\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(function RadioGroup(\n  props,\n  ref,\n) {\n  const {\n    options,\n    label,\n    row = true,\n    size = 'small',\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = true,\n    borderRadius = FIELD_BORDER_RADIUS,\n    defaultValue,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledRadioGroupProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('RadioGroup', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  // El estilo de fábrica vive en `RadioGroupRoot` (styled) y depende del error\n  // efectivo, que difiere por rama.\n  const ownerStateDe = (effectiveError: boolean): BuildRadioGroupSxOptions => ({\n    bordered,\n    borderRadius,\n    error: effectiveError,\n  });\n  const mergedSx = mergeSx(presetSx ?? {}, sx);\n\n  const renderOptions = (fieldName?: string) =>\n    options.map((opt) => {\n      const inputId = opt.id ?? `${fieldName ?? 'radio'}-${opt.value}`;\n      return (\n        <FormControlLabel\n          key={inputId}\n          value={opt.value}\n          control={\n            <Radio\n              id={inputId}\n              size={size}\n              disabled={disabled || opt.disabled}\n            />\n          }\n          label={opt.label}\n          disabled={disabled || opt.disabled}\n        />\n      );\n    });\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFRadioGroupProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultValue}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <RadioGroupRoot\n              ref={ref}\n              ownerState={ownerStateDe(finalError)}\n              error={finalError}\n              disabled={disabled}\n              sx={mergedSx}\n              fullWidth\n            >\n              {label && <FormLabel>{label}</FormLabel>}\n              <MuiRadioGroup\n                {...rest}\n                row={row}\n                name={field.name}\n                value={field.value ?? ''}\n                onBlur={field.onBlur}\n                onChange={(_e, value) => {\n                  field.onChange(value);\n                  onValueChange?.(value);\n                }}\n              >\n                {renderOptions(field.name)}\n              </MuiRadioGroup>\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </RadioGroupRoot>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { value, onChange, name } = props as ControlledRadioGroupProps;\n  return (\n    <RadioGroupRoot\n      ref={ref}\n      ownerState={ownerStateDe(error)}\n      error={error}\n      disabled={disabled}\n      sx={mergedSx}\n      fullWidth\n    >\n      {label && <FormLabel>{label}</FormLabel>}\n      <MuiRadioGroup\n        {...rest}\n        row={row}\n        name={name}\n        value={value ?? ''}\n        onChange={(_e, next) => onChange(next)}\n      >\n        {renderOptions(name)}\n      </MuiRadioGroup>\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </RadioGroupRoot>\n  );\n});\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_a","name","MuiRadioGroup","value"],"mappings":"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"}