@soyfri/shared-library 2.0.0-beta8 → 2.0.1

package/{Switch-BIeobv6i.cjs → components/Checkbox/Checkbox.cjs}

@@ -30,14 +30,15 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const jsxRuntime = require("react/jsx-runtime");
-const styles = require("@mui/material/styles");
 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 resolvePreset = require("../../resolvePreset-CT3kU-K2.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 buildSwitchSx = ({
+const buildCheckboxSx = ({
   bordered,
   borderRadius,
   hasLabel,
@@ -54,14 +55,13 @@ const buildSwitchSx = ({
       marginLeft: 0,
       marginRight: 0,
       paddingX: 1.5,
-      paddingY: 1.25,
+      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 del usuario sobre el switch interno.
       "&: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}`
@@ -75,11 +75,13 @@ const buildSwitchSx = ({
     }
   });
 };
-const Switch = (props) => {
+const Checkbox = (props) => {
   const _a = props, {
     label,
     size = "medium",
+    color = "primary",
     labelPlacement = "end",
+    indeterminate = false,
     disabled = false,
     error = false,
     helperText,
@@ -91,7 +93,9 @@ const Switch = (props) => {
   } = _a, rest = __objRest(_a, [
     "label",
     "size",
+    "color",
     "labelPlacement",
+    "indeterminate",
     "disabled",
     "error",
     "helperText",
@@ -102,23 +106,25 @@ const Switch = (props) => {
     "sx"
   ]);
   const theme = styles.useTheme();
-  const presetSx = resolvePreset.resolvePreset("Switch", preset, theme);
+  const presetSx = resolvePreset.resolvePreset("Checkbox", preset, theme);
   const buildSx = (effectiveError) => [
-    buildSwitchSx({
+    buildCheckboxSx({
       bordered,
       borderRadius,
       hasLabel: !!label,
       error: effectiveError
     }),
     ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : [sx]
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
-  const renderSwitch = (checked2, onChange2, onBlur, inputRef) => {
-    const switchEl = /* @__PURE__ */ jsxRuntime.jsx(
-      material.Switch,
+  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,
@@ -128,15 +134,15 @@ const Switch = (props) => {
     return label ? /* @__PURE__ */ jsxRuntime.jsx(
       material.FormControlLabel,
       {
-        control: switchEl,
+        control: checkboxEl,
         label,
         labelPlacement,
         disabled
       }
-    ) : switchEl;
+    ) : checkboxEl;
   };
   if ("control" in props && props.control) {
-    const { name, control, validation } = props;
+    const { name, control, validation, onValueChange } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
       reactHookForm.Controller,
       {
@@ -155,9 +161,12 @@ const Switch = (props) => {
               disabled,
               sx: buildSx(finalError),
               children: [
-                renderSwitch(
+                renderCheckbox(
                   !!field.value,
-                  (next) => field.onChange(next),
+                  (next) => {
+                    field.onChange(next);
+                    onValueChange == null ? void 0 : onValueChange(next);
+                  },
                   field.onBlur,
                   field.ref
                 ),
@@ -171,9 +180,10 @@ const Switch = (props) => {
   }
   const { checked, onChange } = props;
   return /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { error, disabled, sx: buildSx(error), children: [
-    renderSwitch(checked, onChange),
+    renderCheckbox(checked, onChange),
     helperText && /* @__PURE__ */ jsxRuntime.jsx(material.FormHelperText, { children: helperText })
   ] });
 };
-exports.Switch = Switch;
-//# sourceMappingURL=Switch-BIeobv6i.cjs.map
+exports.Checkbox = Checkbox;
+exports.default = Checkbox;
+//# sourceMappingURL=Checkbox.cjs.map

package/components/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.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":"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"}

package/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,55 @@
+import { FC } from 'react';
+import { CheckboxProps as MuiCheckboxProps, SxProps, Theme } from '@mui/material';
+import { RegisterOptions } from 'react-hook-form';
+export type CheckboxSize = 'small' | 'medium';
+export type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+export type CheckboxColor = 'default' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+export interface BaseCheckboxProps extends Omit<MuiCheckboxProps, 'value' | 'onChange' | 'checked' | 'defaultChecked' | 'size' | 'color'> {
+    /** Texto al lado del checkbox. Si está ausente, se renderiza solo el control. */
+    label?: string;
+    size?: CheckboxSize;
+    /** Color del checkbox. Default: `'primary'`. */
+    color?: CheckboxColor;
+    /** Posición del label respecto al checkbox. Default: `'end'`. */
+    labelPlacement?: CheckboxLabelPlacement;
+    /** Estado indeterminate (tri-state). Típico para "select all" parcial. */
+    indeterminate?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    helperText?: string;
+    /** Renderiza un contenedor con borde alrededor del checkbox + label. Default: false. */
+    bordered?: boolean;
+    /** Border radius del contenedor (cuando bordered). Default: 10. */
+    borderRadius?: number | string;
+    /** Valor inicial del checkbox en modo RHF. */
+    defaultChecked?: boolean;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.Checkbox`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    sx?: SxProps<Theme>;
+}
+export interface RHFCheckboxProps extends BaseCheckboxProps {
+    name: string;
+    control: any;
+    validation?: RegisterOptions;
+    /**
+     * Side-effect que corre después de que RHF actualiza el form state.
+     * Útil para cascadas entre campos. NO reemplaza al handler de RHF.
+     */
+    onValueChange?: (checked: boolean) => void;
+    checked?: never;
+    onChange?: never;
+}
+export interface ControlledCheckboxProps extends BaseCheckboxProps {
+    name?: string;
+    control?: never;
+    validation?: never;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+}
+export type CheckboxProps = RHFCheckboxProps | ControlledCheckboxProps;
+export declare const Checkbox: FC<CheckboxProps>;
+export default Checkbox;

package/{Switch-DQEOxM2R.js → components/Checkbox/Checkbox.js}

@@ -30,13 +30,13 @@ var __objRest = (source, exclude) => {
   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 { FormControl, FormHelperText, Switch as Switch$1, FormControlLabel } from "@mui/material";
 import { Controller } from "react-hook-form";
-import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.js";
+import { r as resolvePreset } from "../../resolvePreset-B-IB0ehH.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 buildSwitchSx = ({
+const buildCheckboxSx = ({
   bordered,
   borderRadius,
   hasLabel,
@@ -53,14 +53,13 @@ const buildSwitchSx = ({
       marginLeft: 0,
       marginRight: 0,
       paddingX: 1.5,
-      paddingY: 1.25,
+      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 del usuario sobre el switch interno.
       "&: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}`
@@ -74,11 +73,13 @@ const buildSwitchSx = ({
     }
   });
 };
-const Switch = (props) => {
+const Checkbox = (props) => {
   const _a = props, {
     label,
     size = "medium",
+    color = "primary",
     labelPlacement = "end",
+    indeterminate = false,
     disabled = false,
     error = false,
     helperText,
@@ -90,7 +91,9 @@ const Switch = (props) => {
   } = _a, rest = __objRest(_a, [
     "label",
     "size",
+    "color",
     "labelPlacement",
+    "indeterminate",
     "disabled",
     "error",
     "helperText",
@@ -101,23 +104,25 @@ const Switch = (props) => {
     "sx"
   ]);
   const theme = useTheme();
-  const presetSx = resolvePreset("Switch", preset, theme);
+  const presetSx = resolvePreset("Checkbox", preset, theme);
   const buildSx = (effectiveError) => [
-    buildSwitchSx({
+    buildCheckboxSx({
       bordered,
       borderRadius,
       hasLabel: !!label,
       error: effectiveError
     }),
     ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : [sx]
+    ...Array.isArray(sx) ? sx : sx ? [sx] : []
   ];
-  const renderSwitch = (checked2, onChange2, onBlur, inputRef) => {
-    const switchEl = /* @__PURE__ */ jsx(
-      Switch$1,
+  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,
@@ -127,15 +132,15 @@ const Switch = (props) => {
     return label ? /* @__PURE__ */ jsx(
       FormControlLabel,
       {
-        control: switchEl,
+        control: checkboxEl,
         label,
         labelPlacement,
         disabled
       }
-    ) : switchEl;
+    ) : checkboxEl;
   };
   if ("control" in props && props.control) {
-    const { name, control, validation } = props;
+    const { name, control, validation, onValueChange } = props;
     return /* @__PURE__ */ jsx(
       Controller,
       {
@@ -154,9 +159,12 @@ const Switch = (props) => {
               disabled,
               sx: buildSx(finalError),
               children: [
-                renderSwitch(
+                renderCheckbox(
                   !!field.value,
-                  (next) => field.onChange(next),
+                  (next) => {
+                    field.onChange(next);
+                    onValueChange == null ? void 0 : onValueChange(next);
+                  },
                   field.onBlur,
                   field.ref
                 ),
@@ -170,11 +178,12 @@ const Switch = (props) => {
   }
   const { checked, onChange } = props;
   return /* @__PURE__ */ jsxs(FormControl, { error, disabled, sx: buildSx(error), children: [
-    renderSwitch(checked, onChange),
+    renderCheckbox(checked, onChange),
     helperText && /* @__PURE__ */ jsx(FormHelperText, { children: helperText })
   ] });
 };
 export {
-  Switch as S
+  Checkbox,
+  Checkbox as default
 };
-//# sourceMappingURL=Switch-DQEOxM2R.js.map
+//# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.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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"}

package/components/Checkbox/Checkbox.sx.d.ts

@@ -0,0 +1,13 @@
+import { SxProps, Theme } from '@mui/material/styles';
+export interface BuildCheckboxSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    hasLabel: boolean;
+    error: boolean;
+}
+/**
+ * Builder de sx para Checkbox. Cuando `bordered=true`, el contenedor del
+ * `FormControlLabel` gana un borde estilo "form field" con focus ring y
+ * estado de error (matchea InputGroup / Switch / RadioGroup).
+ */
+export declare const buildCheckboxSx: ({ bordered, borderRadius, hasLabel, error, }: BuildCheckboxSxOptions) => SxProps<Theme>;

package/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox, default } from './Checkbox';
+export type { CheckboxProps, BaseCheckboxProps, RHFCheckboxProps, ControlledCheckboxProps, CheckboxSize, CheckboxLabelPlacement, CheckboxColor, } from './Checkbox';

package/components/Checkbox.d.ts

@@ -0,0 +1,6 @@
+export * from './Checkbox/index'
+export {}
+import _default from './Checkbox/index'
+export default _default
+export * from './Checkbox/index'
+export {}

package/components/Chip/Chip.cjs

@@ -1,5 +1,75 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Chip = require("../../Chip-qoJLDiva.cjs");
-exports.Chip = Chip.Chip;
+var __defProp = Object.defineProperty;
+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 __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;
+};
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("react/jsx-runtime");
+const material = require("@mui/material");
+const Chip = (_a) => {
+  var _b = _a, {
+    label,
+    onClick,
+    onDelete,
+    avatar,
+    icon,
+    disabled = false,
+    variant = "filled",
+    color: color = "default",
+    size: size = "medium"
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "onClick",
+    "onDelete",
+    "avatar",
+    "icon",
+    "disabled",
+    "variant",
+    // Default variant
+    "color",
+    // Default color
+    "size"
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Chip,
+    __spreadValues({
+      label,
+      onClick,
+      onDelete,
+      avatar,
+      icon,
+      disabled,
+      variant,
+      color,
+      size,
+      clickable: !!onClick
+    }, rest)
+  );
+};
+exports.Chip = Chip;
+exports.default = Chip;
 //# sourceMappingURL=Chip.cjs.map

package/components/Chip/Chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Chip.cjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip as MuiChip } from '@mui/material';\nimport type { ChipProps as MuiChipProps } from '@mui/material';\n\n// Define las props para el componente Chip personalizado\n// Omitimos algunas props de MuiChipProps que redefiniremos para mayor claridad\nexport interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | 'avatar' | 'icon' | 'label' | 'variant' | 'color' | 'size'> {\n  // Contenido principal del chip\n  label: React.ReactNode;\n  // Handler para el evento click del chip\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Handler para el evento delete del chip (muestra un botón de borrar)\n  onDelete?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Elemento Avatar a mostrar al inicio del chip\n  avatar?: React.ReactElement;\n  // Icono a mostrar al inicio del chip (alternativa a avatar)\n  icon?: React.ReactElement;\n  // Si el chip está deshabilitado\n  disabled?: boolean;\n  // Variante visual del chip\n  variant?: 'filled' | 'outlined';\n  // Color del chip\n  color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  // Tamaño del chip\n  size?: 'small' | 'medium';\n}\n\n/**\n * Componente Chip personalizado de Material UI.\n * Proporciona una interfaz simplificada para el componente Chip de Material UI,\n * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.\n */\nexport const Chip: React.FC<ChipProps> = ({\n  label,\n  onClick,\n  onDelete,\n  avatar,\n  icon,\n  disabled = false,\n  variant = 'filled', // Default variant\n  color = 'default',  // Default color\n  size = 'medium',    // Default size\n  ...rest // Permite pasar otras props de MuiChipProps (ej. sx, className)\n}) => {\n  return (\n    <MuiChip\n      label={label}\n      onClick={onClick}\n      onDelete={onDelete}\n      avatar={avatar}\n      icon={icon}\n      disabled={disabled}\n      variant={variant}\n      color={color}\n      size={size}\n      clickable={!!onClick} // Habilita el estilo clickable si se proporciona onClick\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["jsx","MuiChip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,OAA4B,CAAC,OAWpC;AAXoC,eACxC;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAQ;AAAA,IACR,aAAO;AAAA,MATiC,IAUrC,iBAVqC,IAUrC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAGA,SACEA,2BAAAA;AAAAA,IAACC,SAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,CAAC,CAAC;AAAA,OACT;AAAA,EAAA;AAGV;;;"}

package/components/Chip/Chip.js

@@ -1,5 +1,75 @@
-import { C } from "../../Chip-OPYQ1uQ_.js";
+var __defProp = Object.defineProperty;
+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 __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 { Chip as Chip$1 } from "@mui/material";
+const Chip = (_a) => {
+  var _b = _a, {
+    label,
+    onClick,
+    onDelete,
+    avatar,
+    icon,
+    disabled = false,
+    variant = "filled",
+    color: color = "default",
+    size: size = "medium"
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "onClick",
+    "onDelete",
+    "avatar",
+    "icon",
+    "disabled",
+    "variant",
+    // Default variant
+    "color",
+    // Default color
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    Chip$1,
+    __spreadValues({
+      label,
+      onClick,
+      onDelete,
+      avatar,
+      icon,
+      disabled,
+      variant,
+      color,
+      size,
+      clickable: !!onClick
+    }, rest)
+  );
+};
 export {
-  C as Chip
+  Chip,
+  Chip as default
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip as MuiChip } from '@mui/material';\nimport type { ChipProps as MuiChipProps } from '@mui/material';\n\n// Define las props para el componente Chip personalizado\n// Omitimos algunas props de MuiChipProps que redefiniremos para mayor claridad\nexport interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | 'avatar' | 'icon' | 'label' | 'variant' | 'color' | 'size'> {\n  // Contenido principal del chip\n  label: React.ReactNode;\n  // Handler para el evento click del chip\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Handler para el evento delete del chip (muestra un botón de borrar)\n  onDelete?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  // Elemento Avatar a mostrar al inicio del chip\n  avatar?: React.ReactElement;\n  // Icono a mostrar al inicio del chip (alternativa a avatar)\n  icon?: React.ReactElement;\n  // Si el chip está deshabilitado\n  disabled?: boolean;\n  // Variante visual del chip\n  variant?: 'filled' | 'outlined';\n  // Color del chip\n  color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';\n  // Tamaño del chip\n  size?: 'small' | 'medium';\n}\n\n/**\n * Componente Chip personalizado de Material UI.\n * Proporciona una interfaz simplificada para el componente Chip de Material UI,\n * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.\n */\nexport const Chip: React.FC<ChipProps> = ({\n  label,\n  onClick,\n  onDelete,\n  avatar,\n  icon,\n  disabled = false,\n  variant = 'filled', // Default variant\n  color = 'default',  // Default color\n  size = 'medium',    // Default size\n  ...rest // Permite pasar otras props de MuiChipProps (ej. sx, className)\n}) => {\n  return (\n    <MuiChip\n      label={label}\n      onClick={onClick}\n      onDelete={onDelete}\n      avatar={avatar}\n      icon={icon}\n      disabled={disabled}\n      variant={variant}\n      color={color}\n      size={size}\n      clickable={!!onClick} // Habilita el estilo clickable si se proporciona onClick\n      {...rest}\n    />\n  );\n};\n\nexport default Chip;\n"],"names":["MuiChip"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,MAAM,OAA4B,CAAC,OAWpC;AAXoC,eACxC;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAQ;AAAA,IACR,aAAO;AAAA,MATiC,IAUrC,iBAVqC,IAUrC;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,CAAC,CAAC;AAAA,OACT;AAAA,EAAA;AAGV;"}

package/components/Chip/index.d.ts

@@ -1 +1,2 @@
-export { default as Chip } from './Chip';
+export { Chip, default } from './Chip';
+export type { ChipProps } from './Chip';

package/components/Chip.d.ts

@@ -1,2 +1,6 @@
 export * from './Chip/index'
 export {}
+import _default from './Chip/index'
+export default _default
+export * from './Chip/index'
+export {}

package/components/Column/Column.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-function Column(_props) {
+function Column(props) {
   return null;
 }
 Column.displayName = "Column";

package/components/Column/Column.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Column.cjs","sources":["../../../src/components/Column/Column.tsx"],"sourcesContent":["// -----------------------------------------------------------------------------\n// Componente Column: Define la estructura de una columna en la tabla.\n// Este componente NO renderiza nada directamente, solo pasa sus props al componente Table.\n// -----------------------------------------------------------------------------\n// Tipo auxiliar para 'field'.\n// Define si 'field' es una sola clave (keyof T) o un array de claves (Array<keyof T>).\ntype FieldName<T> = keyof T | Array<keyof T>;\n\nexport interface ColumnProps<T> {\n  name: string; // Nombre a mostrar en el encabezado de la columna\n  field: FieldName<T>; // Define el campo o campos a usar de los datos\n  // La prop 'children' ahora recibe 'Partial<T>'.\n  // Esto permite a TypeScript inferir los tipos de las propiedades desestructuradas\n  // como 'avatar', 'nombre', etc., basándose en la interfaz genérica 'T' de tu data.\n  width?: string; \n  children: (fieldData: Partial<T>) => React.ReactNode;\n}\n\n// El componente Column no renderiza nada directamente en el DOM.\n// Su propósito es actuar como un contenedor de configuración para el componente Table.\nexport function Column<T>(_props: ColumnProps<T>): React.ReactNode {\n  return null;\n}\n\n// Esto es crucial para que el componente Table pueda identificar a nuestros componentes Column\n// entre sus hijos, utilizando (child.type as any).displayName === 'Column'.\nColumn.displayName = 'Column';\n\nexport default Column;"],"names":[],"mappings":";;AAoBO,SAAS,OAAU,QAAyC;AACjE,SAAO;AACT;AAIA,OAAO,cAAc;;"}
+{"version":3,"file":"Column.cjs","sources":["../../../src/components/Column/Column.tsx"],"sourcesContent":["// -----------------------------------------------------------------------------\n// Componente Column: Define la estructura de una columna en la tabla.\n// Este componente NO renderiza nada directamente, solo pasa sus props al componente Table.\n// -----------------------------------------------------------------------------\n// Tipo auxiliar para 'field'.\n// Define si 'field' es una sola clave (keyof T) o un array de claves (Array<keyof T>).\ntype FieldName<T> = keyof T | Array<keyof T>;\n\nexport interface ColumnProps<T> {\n  name: string; // Nombre a mostrar en el encabezado de la columna\n  field: FieldName<T>; // Define el campo o campos a usar de los datos\n  // La prop 'children' ahora recibe 'Partial<T>'.\n  // Esto permite a TypeScript inferir los tipos de las propiedades desestructuradas\n  // como 'avatar', 'nombre', etc., basándose en la interfaz genérica 'T' de tu data.\n  width?: string; \n  children: (fieldData: Partial<T>) => React.ReactNode;\n}\n\n// El componente Column no renderiza nada directamente en el DOM.\n// Su propósito es actuar como un contenedor de configuración para el componente Table.\nexport function Column<T>(props: ColumnProps<T>): React.ReactNode {\n  return null;\n}\n\n// Esto es crucial para que el componente Table pueda identificar a nuestros componentes Column\n// entre sus hijos, utilizando (child.type as any).displayName === 'Column'.\nColumn.displayName = 'Column';\n\nexport default Column;"],"names":[],"mappings":";;AAoBO,SAAS,OAAU,OAAwC;AAChE,SAAO;AACT;AAIA,OAAO,cAAc;;"}

package/components/Column/Column.d.ts

@@ -5,7 +5,7 @@ export interface ColumnProps<T> {
     width?: string;
     children: (fieldData: Partial<T>) => React.ReactNode;
 }
-export declare function Column<T>(_props: ColumnProps<T>): React.ReactNode;
+export declare function Column<T>(props: ColumnProps<T>): React.ReactNode;
 export declare namespace Column {
     var displayName: string;
 }

package/components/Column/Column.js

@@ -1,4 +1,4 @@
-function Column(_props) {
+function Column(props) {
   return null;
 }
 Column.displayName = "Column";