@soyfri/shared-library 2.0.0-beta8 → 3.0.0

package/Card-Dr1-ATRY.cjs

@@ -0,0 +1,115 @@
+"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));
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const paddingMap = {
+  none: 0,
+  dense: 1.5,
+  normal: 2.5,
+  loose: 4
+};
+function buildCardSx({
+  variant,
+  padding,
+  clickable
+}) {
+  return (theme) => __spreadProps(__spreadValues({
+    borderRadius: 2,
+    backgroundColor: "background.paper",
+    boxShadow: variant === "elevated" ? theme.shadows[1] : "none",
+    border: variant === "outlined" ? `1px solid ${theme.palette.divider}` : "none",
+    transition: theme.transitions.create(
+      ["box-shadow", "transform", "border-color"],
+      { duration: theme.transitions.duration.shorter }
+    ),
+    cursor: clickable ? "pointer" : "default"
+  }, clickable && {
+    "&:hover": {
+      boxShadow: variant === "elevated" ? theme.shadows[3] : variant === "outlined" ? theme.shadows[1] : "none",
+      transform: variant !== "plain" ? "translateY(-1px)" : "none"
+    },
+    "&:active": {
+      transform: "translateY(0)"
+    }
+  }), {
+    p: paddingMap[padding]
+  });
+}
+function Card({
+  children,
+  variant,
+  padding = "normal",
+  clickable = false,
+  preset,
+  raised,
+  title,
+  subheader,
+  action,
+  headerSx,
+  contentSx,
+  sx,
+  onClick,
+  onBlur,
+  className,
+  "data-testid": dataTestId
+}) {
+  const theme = material.useTheme();
+  const resolvedVariant = raised ? "elevated" : variant != null ? variant : "elevated";
+  const presetSx = resolvePreset.resolvePreset("Card", preset, theme);
+  const hasHeader = title != null || subheader != null || action != null;
+  const useComposition = hasHeader || contentSx != null;
+  const rootSx = [
+    buildCardSx({
+      variant: resolvedVariant,
+      padding: useComposition ? "none" : padding,
+      clickable: clickable || Boolean(onClick)
+    }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Card,
+    {
+      sx: rootSx,
+      className,
+      "data-testid": dataTestId,
+      onClick,
+      onBlur,
+      elevation: 0,
+      children: [
+        hasHeader && /* @__PURE__ */ jsxRuntime.jsx(
+          material.CardHeader,
+          {
+            title,
+            subheader,
+            action,
+            sx: headerSx
+          }
+        ),
+        useComposition ? /* @__PURE__ */ jsxRuntime.jsx(material.CardContent, { sx: contentSx, children }) : children
+      ]
+    }
+  );
+}
+exports.Card = Card;
+exports.buildCardSx = buildCardSx;
+//# sourceMappingURL=Card-Dr1-ATRY.cjs.map

package/Card-Dr1-ATRY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card-Dr1-ATRY.cjs","sources":["../src/components/Card/Card.sx.ts","../src/components/Card/Card.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport type CardVariant = 'elevated' | 'outlined' | 'plain';\nexport type CardPadding = 'none' | 'dense' | 'normal' | 'loose';\n\nexport interface BuildCardSxArgs {\n  variant: CardVariant;\n  padding: CardPadding;\n  clickable: boolean;\n}\n\nconst paddingMap: Record<CardPadding, number> = {\n  none: 0,\n  dense: 1.5,\n  normal: 2.5,\n  loose: 4,\n};\n\n/**\n * Estilo base del Card. La prop `sx` del consumer se compone encima junto al\n * preset resuelto (en Card.tsx). Este builder solo se ocupa de variant +\n * padding para que siga siendo predecible.\n */\nexport function buildCardSx({\n  variant,\n  padding,\n  clickable,\n}: BuildCardSxArgs): SxProps<Theme> {\n  return (theme) => ({\n    borderRadius: 2,\n    backgroundColor: 'background.paper',\n    boxShadow: variant === 'elevated' ? theme.shadows[1] : 'none',\n    border:\n      variant === 'outlined'\n        ? `1px solid ${theme.palette.divider}`\n        : 'none',\n    transition: theme.transitions.create(\n      ['box-shadow', 'transform', 'border-color'],\n      { duration: theme.transitions.duration.shorter },\n    ),\n    cursor: clickable ? 'pointer' : 'default',\n    ...(clickable && {\n      '&:hover': {\n        boxShadow:\n          variant === 'elevated'\n            ? theme.shadows[3]\n            : variant === 'outlined'\n              ? theme.shadows[1]\n              : 'none',\n        transform: variant !== 'plain' ? 'translateY(-1px)' : 'none',\n      },\n      '&:active': {\n        transform: 'translateY(0)',\n      },\n    }),\n    p: paddingMap[padding],\n  });\n}\n","import { type ReactNode } from 'react';\nimport { Card as MuiCard, CardHeader, CardContent, useTheme } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { buildCardSx, type CardVariant, type CardPadding } from './Card.sx';\n\nexport interface CardProps {\n  /** Contenido del Card. */\n  children?: ReactNode;\n  /**\n   * Variante visual.\n   * - `elevated` (default): sombra sutil.\n   * - `outlined`: borde sin sombra.\n   * - `plain`: sin borde ni sombra, útil para layouts con nesting.\n   */\n  variant?: CardVariant;\n  /** Densidad del padding interno. */\n  padding?: CardPadding;\n  /** Si `true`, muestra feedback de hover/active (cursor, sombra). */\n  clickable?: boolean;\n  /**\n   * Preset registrado en `theme.styles.Card`. `\"default\"` usa el estilo\n   * built-in sin preset extra.\n   */\n  preset?: string;\n  /**\n   * MUI `raised` legacy — mantenido por backward-compat. Equivale a\n   * `variant=\"elevated\"` con sombra mayor. Ignora `variant` si se usa.\n   */\n  raised?: boolean;\n  /**\n   * Título de cabecera. Si se provee (o `subheader`/`action`), se renderiza un\n   * `CardHeader` antes del contenido. Reemplaza el patrón\n   * `<Card><CardHeader/>...</Card>` de MUI.\n   */\n  title?: ReactNode;\n  /** Subtítulo de la cabecera. */\n  subheader?: ReactNode;\n  /** Acción a la derecha de la cabecera (ej. botón/menú). */\n  action?: ReactNode;\n  /** sx aplicado al `CardHeader`. */\n  headerSx?: SxProps<Theme>;\n  /**\n   * sx aplicado al `CardContent` que envuelve a `children`. Al proveerlo (o al\n   * usar header), el body se envuelve en un `CardContent` y el padding del root\n   * pasa a `none` — equivale al patrón `<CardContent sx={...}>` de MUI.\n   */\n  contentSx?: SxProps<Theme>;\n  /** sx del root. Se compone sobre el base + preset. */\n  sx?: SxProps<Theme>;\n  onClick?: () => void;\n  onBlur?: () => void;\n  className?: string;\n  'data-testid'?: string;\n}\n\nexport function Card({\n  children,\n  variant,\n  padding = 'normal',\n  clickable = false,\n  preset,\n  raised,\n  title,\n  subheader,\n  action,\n  headerSx,\n  contentSx,\n  sx,\n  onClick,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n}: CardProps) {\n  const theme = useTheme();\n\n  const resolvedVariant: CardVariant = raised\n    ? 'elevated'\n    : (variant ?? 'elevated');\n\n  const presetSx = resolvePreset('Card', preset, theme);\n\n  const hasHeader =\n    title != null || subheader != null || action != null;\n  // En modo composición (header o contentSx) el padding lo manejan\n  // CardHeader/CardContent, así que el root va sin padding.\n  const useComposition = hasHeader || contentSx != null;\n\n  const rootSx: SxProps<Theme> = [\n    buildCardSx({\n      variant: resolvedVariant,\n      padding: useComposition ? 'none' : padding,\n      clickable: clickable || Boolean(onClick),\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  return (\n    <MuiCard\n      sx={rootSx}\n      className={className}\n      data-testid={dataTestId}\n      onClick={onClick}\n      onBlur={onBlur}\n      elevation={0}\n    >\n      {hasHeader && (\n        <CardHeader\n          title={title}\n          subheader={subheader}\n          action={action}\n          sx={headerSx}\n        />\n      )}\n      {useComposition ? (\n        <CardContent sx={contentSx}>{children}</CardContent>\n      ) : (\n        children\n      )}\n    </MuiCard>\n  );\n}\n\nexport default Card;\n"],"names":["useTheme","resolvePreset","jsxs","MuiCard","jsx","CardHeader","CardContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,aAA0C;AAAA,EAC9C,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAOO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAAoC;AAClC,SAAO,CAAC,UAAW;AAAA,IACjB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,WAAW,YAAY,aAAa,MAAM,QAAQ,CAAC,IAAI;AAAA,IACvD,QACE,YAAY,aACR,aAAa,MAAM,QAAQ,OAAO,KAClC;AAAA,IACN,YAAY,MAAM,YAAY;AAAA,MAC5B,CAAC,cAAc,aAAa,cAAc;AAAA,MAC1C,EAAE,UAAU,MAAM,YAAY,SAAS,QAAA;AAAA,IAAQ;AAAA,IAEjD,QAAQ,YAAY,YAAY;AAAA,KAC5B,aAAa;AAAA,IACf,WAAW;AAAA,MACT,WACE,YAAY,aACR,MAAM,QAAQ,CAAC,IACf,YAAY,aACV,MAAM,QAAQ,CAAC,IACf;AAAA,MACR,WAAW,YAAY,UAAU,qBAAqB;AAAA,IAAA;AAAA,IAExD,YAAY;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EACb,IAzBe;AAAA,IA2BjB,GAAG,WAAW,OAAO;AAAA,EAAA;AAEzB;ACAO,SAAS,KAAK;AAAA,EACnB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAAc;AACZ,QAAM,QAAQA,SAAAA,SAAA;AAEd,QAAM,kBAA+B,SACjC,aACC,4BAAW;AAEhB,QAAM,WAAWC,cAAAA,cAAc,QAAQ,QAAQ,KAAK;AAEpD,QAAM,YACJ,SAAS,QAAQ,aAAa,QAAQ,UAAU;AAGlD,QAAM,iBAAiB,aAAa,aAAa;AAEjD,QAAM,SAAyB;AAAA,IAC7B,YAAY;AAAA,MACV,SAAS;AAAA,MACT,SAAS,iBAAiB,SAAS;AAAA,MACnC,WAAW,aAAa,QAAQ,OAAO;AAAA,IAAA,CACxC;AAAA,IACD,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,SACEC,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA,eAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEV,UAAA;AAAA,QAAA,aACCC,2BAAAA;AAAAA,UAACC,SAAAA;AAAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGP,iBACCD,2BAAAA,IAACE,sBAAA,EAAY,IAAI,WAAY,UAAS,IAEtC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;;"}

package/Checkbox-BCqMFWt4.cjs

@@ -0,0 +1,187 @@
+"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 material = require("@mui/material");
+const styles = require("@mui/material/styles");
+const reactHookForm = require("react-hook-form");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const buildCheckboxSx = ({
+  bordered,
+  borderRadius,
+  hasLabel,
+  error
+}) => {
+  const radius = toRadius(borderRadius);
+  if (!bordered) {
+    return {
+      "& .MuiFormHelperText-root": { marginLeft: 0 }
+    };
+  }
+  return (theme) => ({
+    "& .MuiFormControlLabel-root": __spreadValues(__spreadProps(__spreadValues({
+      marginLeft: 0,
+      marginRight: 0,
+      paddingX: 1.5,
+      paddingY: 0.5,
+      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,
+      borderRadius: radius,
+      transition: FOCUS_TRANSITION
+    }, error && {
+      boxShadow: `0 0 0 1px ${theme.palette.error.main}`
+    }), {
+      "&:focus-within": {
+        borderColor: error ? theme.palette.error.main : theme.palette.primary.main,
+        boxShadow: `0 0 0 1px ${error ? theme.palette.error.main : theme.palette.primary.main}`
+      }
+    }), hasLabel && {
+      width: "100%",
+      justifyContent: "space-between"
+    }),
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  });
+};
+const Checkbox = (props) => {
+  const _a = props, {
+    label,
+    size = "medium",
+    color = "primary",
+    labelPlacement = "end",
+    indeterminate = false,
+    disabled = false,
+    error = false,
+    helperText,
+    bordered = false,
+    borderRadius = 10,
+    defaultChecked,
+    preset,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "size",
+    "color",
+    "labelPlacement",
+    "indeterminate",
+    "disabled",
+    "error",
+    "helperText",
+    "bordered",
+    "borderRadius",
+    "defaultChecked",
+    "preset",
+    "sx"
+  ]);
+  const theme = styles.useTheme();
+  const presetSx = resolvePreset.resolvePreset("Checkbox", preset, theme);
+  const buildSx = (effectiveError) => [
+    buildCheckboxSx({
+      bordered,
+      borderRadius,
+      hasLabel: !!label,
+      error: effectiveError
+    }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const renderCheckbox = (checked2, onChange2, onBlur, inputRef) => {
+    const checkboxEl = /* @__PURE__ */ jsxRuntime.jsx(
+      material.Checkbox,
+      __spreadProps(__spreadValues({}, rest), {
+        size,
+        color,
+        checked: !!checked2,
+        indeterminate,
+        onChange: (_e, next) => onChange2(next),
+        onBlur,
+        inputRef,
+        disabled
+      })
+    );
+    return label ? /* @__PURE__ */ jsxRuntime.jsx(
+      material.FormControlLabel,
+      {
+        control: checkboxEl,
+        label,
+        labelPlacement,
+        disabled
+      }
+    ) : checkboxEl;
+  };
+  if ("control" in props && props.control) {
+    const { name, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      reactHookForm.Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        defaultValue: defaultChecked,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2;
+          const finalError = !!fieldError || error;
+          const finalHelperText = (_a2 = fieldError == null ? void 0 : fieldError.message) != null ? _a2 : helperText;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            material.FormControl,
+            {
+              error: finalError,
+              disabled,
+              sx: buildSx(finalError),
+              children: [
+                renderCheckbox(
+                  !!field.value,
+                  (next) => {
+                    field.onChange(next);
+                    onValueChange == null ? void 0 : onValueChange(next);
+                  },
+                  field.onBlur,
+                  field.ref
+                ),
+                finalHelperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: finalHelperText })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  const { checked, onChange } = props;
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { error, disabled, sx: buildSx(error), children: [
+    renderCheckbox(checked, onChange),
+    helperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: helperText })
+  ] });
+};
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=Checkbox-BCqMFWt4.cjs.map

package/Checkbox-BCqMFWt4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-BCqMFWt4.cjs","sources":["../src/components/Checkbox/Checkbox.sx.ts","../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material/styles';\n\nexport interface BuildCheckboxSxOptions {\n  bordered: boolean;\n  borderRadius: number | string;\n  hasLabel: boolean;\n  error: boolean;\n}\n\nconst toRadius = (borderRadius: number | string) =>\n  typeof borderRadius === 'number' ? `${borderRadius}px` : borderRadius;\n\nconst FOCUS_TRANSITION =\n  'border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, ' +\n  'box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms';\n\n/**\n * Builder de sx para Checkbox. Cuando `bordered=true`, el contenedor del\n * `FormControlLabel` gana un borde estilo \"form field\" con focus ring y\n * estado de error (matchea InputGroup / Switch / RadioGroup).\n */\nexport const buildCheckboxSx = ({\n  bordered,\n  borderRadius,\n  hasLabel,\n  error,\n}: BuildCheckboxSxOptions): SxProps<Theme> => {\n  const radius = toRadius(borderRadius);\n\n  if (!bordered) {\n    return {\n      '& .MuiFormHelperText-root': { marginLeft: 0 },\n    };\n  }\n\n  return (theme) => ({\n    '& .MuiFormControlLabel-root': {\n      marginLeft: 0,\n      marginRight: 0,\n      paddingX: 1.5,\n      paddingY: 0.5,\n      border: `1px solid ${\n        error ? theme.palette.error.main : theme.palette.divider\n      }`,\n      borderRadius: radius,\n      transition: FOCUS_TRANSITION,\n      ...(error && {\n        boxShadow: `0 0 0 1px ${theme.palette.error.main}`,\n      }),\n      '&:focus-within': {\n        borderColor: error\n          ? theme.palette.error.main\n          : theme.palette.primary.main,\n        boxShadow: `0 0 0 1px ${\n          error ? theme.palette.error.main : theme.palette.primary.main\n        }`,\n      },\n      ...(hasLabel && {\n        width: '100%',\n        justifyContent: 'space-between',\n      }),\n    },\n    '& .MuiFormHelperText-root': {\n      marginLeft: 0,\n    },\n  });\n};\n","import type { FC, Ref } from 'react';\nimport {\n  Checkbox as MuiCheckbox,\n  FormControl,\n  FormControlLabel,\n  FormHelperText,\n  type CheckboxProps as MuiCheckboxProps,\n  type SxProps,\n  type Theme,\n} from '@mui/material';\nimport { useTheme } from '@mui/material/styles';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildCheckboxSx } from './Checkbox.sx';\nimport { resolvePreset } from '../_shared/resolvePreset';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type CheckboxSize = 'small' | 'medium';\nexport type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';\nexport type CheckboxColor =\n  | 'default'\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'error'\n  | 'info'\n  | 'warning';\n\n// ── Props base (todo lo común entre RHF y controlado) ────────────────────\nexport interface BaseCheckboxProps\n  extends Omit<\n    MuiCheckboxProps,\n    'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size' | 'color'\n  > {\n  /** Texto al lado del checkbox. Si está ausente, se renderiza solo el control. */\n  label?: string;\n  size?: CheckboxSize;\n  /** Color del checkbox. Default: `'primary'`. */\n  color?: CheckboxColor;\n  /** Posición del label respecto al checkbox. Default: `'end'`. */\n  labelPlacement?: CheckboxLabelPlacement;\n  /** Estado indeterminate (tri-state). Típico para \"select all\" parcial. */\n  indeterminate?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  helperText?: string;\n  /** Renderiza un contenedor con borde alrededor del checkbox + label. Default: false. */\n  bordered?: boolean;\n  /** Border radius del contenedor (cuando bordered). Default: 10. */\n  borderRadius?: number | string;\n  /** Valor inicial del checkbox en modo RHF. */\n  defaultChecked?: boolean;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.Checkbox`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  sx?: SxProps<Theme>;\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFCheckboxProps extends BaseCheckboxProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (checked: boolean) => void;\n  checked?: never;\n  onChange?: never;\n}\n\nexport interface ControlledCheckboxProps extends BaseCheckboxProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  checked: boolean;\n  onChange: (checked: boolean) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type CheckboxProps = RHFCheckboxProps | ControlledCheckboxProps;\n\nexport const Checkbox: FC<CheckboxProps> = (props) => {\n  const {\n    label,\n    size = 'medium',\n    color = 'primary',\n    labelPlacement = 'end',\n    indeterminate = false,\n    disabled = false,\n    error = false,\n    helperText,\n    bordered = false,\n    borderRadius = 10,\n    defaultChecked,\n    preset,\n    sx,\n    ...rest\n  } = props as ControlledCheckboxProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('Checkbox', preset, theme);\n\n  // Construye el sx con el estado de error efectivo; se llama por rama\n  // (RHF usa el error del Controller, controlado usa el prop `error`).\n  const buildSx = (effectiveError: boolean) => [\n    buildCheckboxSx({\n      bordered,\n      borderRadius,\n      hasLabel: !!label,\n      error: effectiveError,\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderCheckbox = (\n    checked: boolean,\n    onChange: (next: boolean) => void,\n    onBlur?: () => void,\n    inputRef?: Ref<HTMLInputElement>,\n  ) => {\n    const checkboxEl = (\n      <MuiCheckbox\n        {...rest}\n        size={size}\n        color={color}\n        checked={!!checked}\n        indeterminate={indeterminate}\n        onChange={(_e, next) => onChange(next)}\n        onBlur={onBlur}\n        inputRef={inputRef}\n        disabled={disabled}\n      />\n    );\n\n    return label ? (\n      <FormControlLabel\n        control={checkboxEl}\n        label={label}\n        labelPlacement={labelPlacement}\n        disabled={disabled}\n      />\n    ) : (\n      checkboxEl\n    );\n  };\n\n  // ── RHF mode ──────────────────────────────────────────────────────────\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFCheckboxProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        defaultValue={defaultChecked}\n        render={({ field, fieldState: { error: fieldError } }) => {\n          const finalError = !!fieldError || error;\n          const finalHelperText = fieldError?.message ?? helperText;\n          return (\n            <FormControl\n              error={finalError}\n              disabled={disabled}\n              sx={buildSx(finalError)}\n            >\n              {renderCheckbox(\n                !!field.value,\n                (next) => {\n                  field.onChange(next);\n                  onValueChange?.(next);\n                },\n                field.onBlur,\n                field.ref,\n              )}\n              {finalHelperText && <FormHelperText>{finalHelperText}</FormHelperText>}\n            </FormControl>\n          );\n        }}\n      />\n    );\n  }\n\n  // ── Controlled mode ───────────────────────────────────────────────────\n  const { checked, onChange } = props as ControlledCheckboxProps;\n  return (\n    <FormControl error={error} disabled={disabled} sx={buildSx(error)}>\n      {renderCheckbox(checked, onChange)}\n      {helperText && <FormHelperText>{helperText}</FormHelperText>}\n    </FormControl>\n  );\n};\n\nexport default Checkbox;\n"],"names":["useTheme","resolvePreset","checked","onChange","jsx","MuiCheckbox","FormControlLabel","Controller","_a","jsxs","FormControl","FormHelperText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,WAAW,CAAC,iBAChB,OAAO,iBAAiB,WAAW,GAAG,YAAY,OAAO;AAE3D,MAAM,mBACJ;AAQK,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8C;AAC5C,QAAM,SAAS,SAAS,YAAY;AAEpC,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,MACL,6BAA6B,EAAE,YAAY,EAAA;AAAA,IAAE;AAAA,EAEjD;AAEA,SAAO,CAAC,WAAW;AAAA,IACjB,+BAA+B;AAAA,MAC7B,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ,aACN,QAAQ,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ,OACnD;AAAA,MACA,cAAc;AAAA,MACd,YAAY;AAAA,OACR,SAAS;AAAA,MACX,WAAW,aAAa,MAAM,QAAQ,MAAM,IAAI;AAAA,IAAA,IAXrB;AAAA,MAa7B,kBAAkB;AAAA,QAChB,aAAa,QACT,MAAM,QAAQ,MAAM,OACpB,MAAM,QAAQ,QAAQ;AAAA,QAC1B,WAAW,aACT,QAAQ,MAAM,QAAQ,MAAM,OAAO,MAAM,QAAQ,QAAQ,IAC3D;AAAA,MAAA;AAAA,QAEE,YAAY;AAAA,MACd,OAAO;AAAA,MACP,gBAAgB;AAAA,IAAA;AAAA,IAGpB,6BAA6B;AAAA,MAC3B,YAAY;AAAA,IAAA;AAAA,EACd;AAEJ;AC2BO,MAAM,WAA8B,CAAC,UAAU;AACpD,QAeI,YAdF;AAAA;AAAA,IACA,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,gBAAgB;AAAA,IAChB,WAAW;AAAA,IACX,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,MAEE,IADC,iBACD,IADC;AAAA,IAbH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAOF,QAAM,QAAQA,OAAAA,SAAA;AACd,QAAM,WAAWC,cAAAA,cAAc,YAAY,QAAQ,KAAK;AAIxD,QAAM,UAAU,CAAC,mBAA4B;AAAA,IAC3C,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,MACA,UAAU,CAAC,CAAC;AAAA,MACZ,OAAO;AAAA,IAAA,CACR;AAAA,IACD,GAAI,WAAW,CAAC,QAAQ,IAAI,CAAA;AAAA,IAC5B,GAAI,MAAM,QAAQ,EAAE,IAAI,KAAK,KAAK,CAAC,EAAE,IAAI,CAAA;AAAA,EAAC;AAG5C,QAAM,iBAAiB,CACrBC,UACAC,WACA,QACA,aACG;AACH,UAAM,aACJC,2BAAAA;AAAAA,MAACC,SAAAA;AAAAA,MAAA,iCACK,OADL;AAAA,QAEC;AAAA,QACA;AAAA,QACA,SAAS,CAAC,CAACH;AAAAA,QACX;AAAA,QACA,UAAU,CAAC,IAAI,SAASC,UAAS,IAAI;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAIJ,WAAO,QACLC,2BAAAA;AAAAA,MAACE,SAAAA;AAAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAGF;AAAA,EAEJ;AAGA,MAAI,aAAa,SAAS,MAAM,SAAS;AACvC,UAAM,EAAE,MAAM,SAAS,YAAY,kBAAkB;AACrD,WACEF,2BAAAA;AAAAA,MAACG,cAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,cAAc;AAAA,QACd,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,OAAO,WAAA,QAAmB;;AACxD,gBAAM,aAAa,CAAC,CAAC,cAAc;AACnC,gBAAM,mBAAkBC,MAAA,yCAAY,YAAZ,OAAAA,MAAuB;AAC/C,iBACEC,2BAAAA;AAAAA,YAACC,SAAAA;AAAAA,YAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA,IAAI,QAAQ,UAAU;AAAA,cAErB,UAAA;AAAA,gBAAA;AAAA,kBACC,CAAC,CAAC,MAAM;AAAA,kBACR,CAAC,SAAS;AACR,0BAAM,SAAS,IAAI;AACnB,mEAAgB;AAAA,kBAClB;AAAA,kBACA,MAAM;AAAA,kBACN,MAAM;AAAA,gBAAA;AAAA,gBAEP,mBAAmBN,2BAAAA,IAACO,SAAAA,gBAAA,EAAgB,UAAA,gBAAA,CAAgB;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QAG3D;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AAGA,QAAM,EAAE,SAAS,SAAA,IAAa;AAC9B,yCACGD,sBAAA,EAAY,OAAc,UAAoB,IAAI,QAAQ,KAAK,GAC7D,UAAA;AAAA,IAAA,eAAe,SAAS,QAAQ;AAAA,IAChC,cAAcN,2BAAAA,IAACO,SAAAA,gBAAA,EAAgB,UAAA,WAAA,CAAW;AAAA,EAAA,GAC7C;AAEJ;;"}

package/Checkbox-gB5YKkVo.js

@@ -0,0 +1,188 @@
+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 { FormControl, FormHelperText, Checkbox as Checkbox$1, FormControlLabel } from "@mui/material";
+import { useTheme } from "@mui/material/styles";
+import { Controller } from "react-hook-form";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+const toRadius = (borderRadius) => typeof borderRadius === "number" ? `${borderRadius}px` : borderRadius;
+const FOCUS_TRANSITION = "border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms";
+const buildCheckboxSx = ({
+  bordered,
+  borderRadius,
+  hasLabel,
+  error
+}) => {
+  const radius = toRadius(borderRadius);
+  if (!bordered) {
+    return {
+      "& .MuiFormHelperText-root": { marginLeft: 0 }
+    };
+  }
+  return (theme) => ({
+    "& .MuiFormControlLabel-root": __spreadValues(__spreadProps(__spreadValues({
+      marginLeft: 0,
+      marginRight: 0,
+      paddingX: 1.5,
+      paddingY: 0.5,
+      border: `1px solid ${error ? theme.palette.error.main : theme.palette.divider}`,
+      borderRadius: radius,
+      transition: FOCUS_TRANSITION
+    }, error && {
+      boxShadow: `0 0 0 1px ${theme.palette.error.main}`
+    }), {
+      "&:focus-within": {
+        borderColor: error ? theme.palette.error.main : theme.palette.primary.main,
+        boxShadow: `0 0 0 1px ${error ? theme.palette.error.main : theme.palette.primary.main}`
+      }
+    }), hasLabel && {
+      width: "100%",
+      justifyContent: "space-between"
+    }),
+    "& .MuiFormHelperText-root": {
+      marginLeft: 0
+    }
+  });
+};
+const Checkbox = (props) => {
+  const _a = props, {
+    label,
+    size = "medium",
+    color = "primary",
+    labelPlacement = "end",
+    indeterminate = false,
+    disabled = false,
+    error = false,
+    helperText,
+    bordered = false,
+    borderRadius = 10,
+    defaultChecked,
+    preset,
+    sx
+  } = _a, rest = __objRest(_a, [
+    "label",
+    "size",
+    "color",
+    "labelPlacement",
+    "indeterminate",
+    "disabled",
+    "error",
+    "helperText",
+    "bordered",
+    "borderRadius",
+    "defaultChecked",
+    "preset",
+    "sx"
+  ]);
+  const theme = useTheme();
+  const presetSx = resolvePreset("Checkbox", preset, theme);
+  const buildSx = (effectiveError) => [
+    buildCheckboxSx({
+      bordered,
+      borderRadius,
+      hasLabel: !!label,
+      error: effectiveError
+    }),
+    ...presetSx ? [presetSx] : [],
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
+  ];
+  const renderCheckbox = (checked2, onChange2, onBlur, inputRef) => {
+    const checkboxEl = /* @__PURE__ */ jsx(
+      Checkbox$1,
+      __spreadProps(__spreadValues({}, rest), {
+        size,
+        color,
+        checked: !!checked2,
+        indeterminate,
+        onChange: (_e, next) => onChange2(next),
+        onBlur,
+        inputRef,
+        disabled
+      })
+    );
+    return label ? /* @__PURE__ */ jsx(
+      FormControlLabel,
+      {
+        control: checkboxEl,
+        label,
+        labelPlacement,
+        disabled
+      }
+    ) : checkboxEl;
+  };
+  if ("control" in props && props.control) {
+    const { name, control, validation, onValueChange } = props;
+    return /* @__PURE__ */ jsx(
+      Controller,
+      {
+        name,
+        control,
+        rules: validation,
+        defaultValue: defaultChecked,
+        render: ({ field, fieldState: { error: fieldError } }) => {
+          var _a2;
+          const finalError = !!fieldError || error;
+          const finalHelperText = (_a2 = fieldError == null ? void 0 : fieldError.message) != null ? _a2 : helperText;
+          return /* @__PURE__ */ jsxs(
+            FormControl,
+            {
+              error: finalError,
+              disabled,
+              sx: buildSx(finalError),
+              children: [
+                renderCheckbox(
+                  !!field.value,
+                  (next) => {
+                    field.onChange(next);
+                    onValueChange == null ? void 0 : onValueChange(next);
+                  },
+                  field.onBlur,
+                  field.ref
+                ),
+                finalHelperText && /* @__PURE__ */ jsx(FormHelperText, { children: finalHelperText })
+              ]
+            }
+          );
+        }
+      }
+    );
+  }
+  const { checked, onChange } = props;
+  return /* @__PURE__ */ jsxs(FormControl, { error, disabled, sx: buildSx(error), children: [
+    renderCheckbox(checked, onChange),
+    helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
+  ] });
+};
+export {
+  Checkbox as C
+};
+//# sourceMappingURL=Checkbox-gB5YKkVo.js.map

package/Checkbox-gB5YKkVo.js.map

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