@soyfri/shared-library 2.0.0-beta.3 → 2.0.0-beta.30

package/components/Card/Card.js

@@ -1,187 +1,7 @@
-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));
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTheme, Card as Card$1, Box, Typography } from "@mui/material";
-import { r as resolvePreset } from "../../resolvePreset-B-IB0ehH.js";
-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)"
-    }
-  }), {
-    // Body padding (cuando no hay header/footer envolventes). Para el caso
-    // compuesto los slots manejan su propio padding, dejamos el root en 0.
-    p: paddingMap[padding]
-  });
-}
-function buildCardHeaderSx() {
-  return (theme) => ({
-    display: "flex",
-    alignItems: "center",
-    gap: 1.5,
-    px: 2.5,
-    py: 1.75,
-    borderBottom: `1px solid ${theme.palette.divider}`,
-    "& .card-header-text": {
-      flex: 1,
-      minWidth: 0
-    },
-    "& .card-header-actions": {
-      display: "flex",
-      alignItems: "center",
-      gap: 0.5,
-      flexShrink: 0
-    }
-  });
-}
-function buildCardBodySx(padding) {
-  return {
-    px: padding === "none" ? 0 : padding === "dense" ? 1.5 : padding === "loose" ? 4 : 2.5,
-    py: padding === "none" ? 0 : padding === "dense" ? 1.5 : padding === "loose" ? 4 : 2.5
-  };
-}
-function buildCardFooterSx() {
-  return (theme) => ({
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "flex-end",
-    gap: 1,
-    px: 2.5,
-    py: 1.5,
-    borderTop: `1px solid ${theme.palette.divider}`,
-    backgroundColor: theme.palette.action.hover
-  });
-}
-function Card({
-  children,
-  title,
-  subtitle,
-  actions,
-  header,
-  footer,
-  variant,
-  padding = "normal",
-  clickable = false,
-  preset,
-  raised,
-  sx,
-  bodySx,
-  headerSx,
-  footerSx,
-  onClick,
-  onBlur,
-  className,
-  "data-testid": dataTestId
-}) {
-  const theme = useTheme();
-  const resolvedVariant = raised ? "elevated" : variant != null ? variant : "elevated";
-  const hasHeader = Boolean(header || title || subtitle || actions);
-  const hasFooter = Boolean(footer);
-  const isCompound = hasHeader || hasFooter;
-  const rootPadding = isCompound ? "none" : padding;
-  const presetSx = resolvePreset("Card", preset, theme);
-  const rootSx = [
-    buildCardSx({
-      variant: resolvedVariant,
-      padding: rootPadding,
-      clickable: clickable || Boolean(onClick)
-    }),
-    ...presetSx ? [presetSx] : [],
-    ...Array.isArray(sx) ? sx : sx ? [sx] : []
-  ];
-  const renderHeader = () => {
-    if (header) return /* @__PURE__ */ jsx(Box, { sx: [buildCardHeaderSx(), ...Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : []], children: header });
-    if (!title && !subtitle && !actions) return null;
-    return /* @__PURE__ */ jsxs(Box, { sx: [buildCardHeaderSx(), ...Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : []], children: [
-      /* @__PURE__ */ jsxs(Box, { className: "card-header-text", children: [
-        title && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "subtitle1",
-            component: "div",
-            sx: { fontWeight: 600, lineHeight: 1.3 },
-            noWrap: true,
-            children: title
-          }
-        ),
-        subtitle && /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: "caption",
-            color: "text.secondary",
-            component: "div",
-            noWrap: true,
-            children: subtitle
-          }
-        )
-      ] }),
-      actions && /* @__PURE__ */ jsx(Box, { className: "card-header-actions", children: actions })
-    ] });
-  };
-  return /* @__PURE__ */ jsxs(
-    Card$1,
-    {
-      sx: rootSx,
-      className,
-      "data-testid": dataTestId,
-      onClick,
-      onBlur,
-      elevation: 0,
-      children: [
-        renderHeader(),
-        isCompound ? /* @__PURE__ */ jsx(Box, { sx: [buildCardBodySx(padding), ...Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : []], children }) : children,
-        hasFooter && /* @__PURE__ */ jsx(Box, { sx: [buildCardFooterSx(), ...Array.isArray(footerSx) ? footerSx : footerSx ? [footerSx] : []], children: footer })
-      ]
-    }
-  );
-}
+import { C, b, C as C2 } from "../../Card-DYKGY-NG.js";
 export {
-  Card,
-  buildCardBodySx,
-  buildCardFooterSx,
-  buildCardHeaderSx,
-  buildCardSx,
-  Card as default
+  C as Card,
+  b as buildCardSx,
+  C2 as default
 };
 //# sourceMappingURL=Card.js.map

package/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","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 (root). La props `sx` del consumer se compone encima\n * junto al preset resuelto (en Card.tsx). Este builder solo se ocupa del\n * variant + 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:\n      variant === 'elevated'\n        ? theme.shadows[1]\n        : '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    // Body padding (cuando no hay header/footer envolventes). Para el caso\n    // compuesto los slots manejan su propio padding, dejamos el root en 0.\n    p: paddingMap[padding],\n  });\n}\n\nexport function buildCardHeaderSx(): SxProps<Theme> {\n  return (theme) => ({\n    display: 'flex',\n    alignItems: 'center',\n    gap: 1.5,\n    px: 2.5,\n    py: 1.75,\n    borderBottom: `1px solid ${theme.palette.divider}`,\n    '& .card-header-text': {\n      flex: 1,\n      minWidth: 0,\n    },\n    '& .card-header-actions': {\n      display: 'flex',\n      alignItems: 'center',\n      gap: 0.5,\n      flexShrink: 0,\n    },\n  });\n}\n\nexport function buildCardBodySx(padding: CardPadding): SxProps<Theme> {\n  return {\n    px: padding === 'none' ? 0 : padding === 'dense' ? 1.5 : padding === 'loose' ? 4 : 2.5,\n    py: padding === 'none' ? 0 : padding === 'dense' ? 1.5 : padding === 'loose' ? 4 : 2.5,\n  };\n}\n\nexport function buildCardFooterSx(): SxProps<Theme> {\n  return (theme) => ({\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    gap: 1,\n    px: 2.5,\n    py: 1.5,\n    borderTop: `1px solid ${theme.palette.divider}`,\n    backgroundColor: theme.palette.action.hover,\n  });\n}\n","import React, { type ReactNode } from 'react';\nimport { Box, Card as MuiCard, Typography, useTheme } from '@mui/material';\nimport type { SxProps, Theme } from '@mui/material/styles';\n\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport {\n  buildCardSx,\n  buildCardHeaderSx,\n  buildCardBodySx,\n  buildCardFooterSx,\n  type CardVariant,\n  type CardPadding,\n} from './Card.sx';\n\nexport interface CardProps {\n  /** Contenido principal. */\n  children?: ReactNode;\n  /**\n   * Título del Card. Si se provee, renderiza un header con separador. Puede\n   * ser string o cualquier ReactNode para permitir iconos / chips.\n   */\n  title?: ReactNode;\n  /** Texto secundario debajo del título. */\n  subtitle?: ReactNode;\n  /**\n   * Acciones del header (botones, ActionMenu, etc). Se renderizan alineadas\n   * a la derecha.\n   */\n  actions?: ReactNode;\n  /**\n   * Header totalmente custom. Si se provee, ignora `title`/`subtitle`/`actions`\n   * y toma control del slot entero.\n   */\n  header?: ReactNode;\n  /** Footer custom (botones, mensajes, etc). */\n  footer?: 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  /**\n   * Densidad del padding interno. Solo aplica al body cuando hay header/footer;\n   * cuando no hay slots, aplica al root.\n   */\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  /** sx del root. Se compone sobre el base + preset. */\n  sx?: SxProps<Theme>;\n  /** sx custom del slot body. */\n  bodySx?: SxProps<Theme>;\n  /** sx custom del slot header. */\n  headerSx?: SxProps<Theme>;\n  /** sx custom del slot footer. */\n  footerSx?: SxProps<Theme>;\n  onClick?: () => void;\n  onBlur?: () => void;\n  className?: string;\n  'data-testid'?: string;\n}\n\n/**\n * Card semántico con slots `title` / `subtitle` / `actions` / `footer`.\n * Reemplaza el patrón `<div class=\"card\"><div class=\"card-header\">...</div>...`\n * de Metronic/Bootstrap con composición declarativa.\n *\n * Backward-compat: si solo se pasa `children`, se comporta como el Card\n * original (MUI Card + body padding).\n *\n * ```tsx\n * <Card\n *   title=\"Datos del cliente\"\n *   subtitle=\"Última actualización: hace 2h\"\n *   actions={<ActionMenu items={menuItems} />}\n *   footer={<Button>Guardar</Button>}\n * >\n *   <CustomerForm />\n * </Card>\n * ```\n */\nexport function Card({\n  children,\n  title,\n  subtitle,\n  actions,\n  header,\n  footer,\n  variant,\n  padding = 'normal',\n  clickable = false,\n  preset,\n  raised,\n  sx,\n  bodySx,\n  headerSx,\n  footerSx,\n  onClick,\n  onBlur,\n  className,\n  'data-testid': dataTestId,\n}: CardProps) {\n  const theme = useTheme();\n\n  // Back-compat: `raised` legacy => elevated. Si no vienen ni `raised` ni\n  // `variant`, default a 'elevated'.\n  const resolvedVariant: CardVariant = raised\n    ? 'elevated'\n    : (variant ?? 'elevated');\n\n  const hasHeader = Boolean(header || title || subtitle || actions);\n  const hasFooter = Boolean(footer);\n  const isCompound = hasHeader || hasFooter;\n\n  // Cuando hay slots, el root no lleva padding (lo llevan los slots).\n  const rootPadding: CardPadding = isCompound ? 'none' : padding;\n\n  const presetSx = resolvePreset('Card', preset, theme);\n\n  const rootSx: SxProps<Theme> = [\n    buildCardSx({\n      variant: resolvedVariant,\n      padding: rootPadding,\n      clickable: clickable || Boolean(onClick),\n    }),\n    ...(presetSx ? [presetSx] : []),\n    ...(Array.isArray(sx) ? sx : sx ? [sx] : []),\n  ];\n\n  const renderHeader = () => {\n    if (header) return <Box sx={[buildCardHeaderSx(), ...(Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : [])]}>{header}</Box>;\n    if (!title && !subtitle && !actions) return null;\n    return (\n      <Box sx={[buildCardHeaderSx(), ...(Array.isArray(headerSx) ? headerSx : headerSx ? [headerSx] : [])]}>\n        <Box className=\"card-header-text\">\n          {title && (\n            <Typography\n              variant=\"subtitle1\"\n              component=\"div\"\n              sx={{ fontWeight: 600, lineHeight: 1.3 }}\n              noWrap\n            >\n              {title}\n            </Typography>\n          )}\n          {subtitle && (\n            <Typography\n              variant=\"caption\"\n              color=\"text.secondary\"\n              component=\"div\"\n              noWrap\n            >\n              {subtitle}\n            </Typography>\n          )}\n        </Box>\n        {actions && <Box className=\"card-header-actions\">{actions}</Box>}\n      </Box>\n    );\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} // sombra la maneja buildCardSx\n    >\n      {renderHeader()}\n      {isCompound ? (\n        <Box sx={[buildCardBodySx(padding), ...(Array.isArray(bodySx) ? bodySx : bodySx ? [bodySx] : [])]}>\n          {children}\n        </Box>\n      ) : (\n        children\n      )}\n      {hasFooter && (\n        <Box sx={[buildCardFooterSx(), ...(Array.isArray(footerSx) ? footerSx : footerSx ? [footerSx] : [])]}>\n          {footer}\n        </Box>\n      )}\n    </MuiCard>\n  );\n}\n\nexport default Card;\n"],"names":["MuiCard"],"mappings":"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"}
+{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/Card/Card.sx.d.ts

@@ -7,11 +7,8 @@ export interface BuildCardSxArgs {
     clickable: boolean;
 }
 /**
- * Estilo base del Card (root). La props `sx` del consumer se compone encima
- * junto al preset resuelto (en Card.tsx). Este builder solo se ocupa del
- * variant + padding, para que siga siendo predecible.
+ * Estilo base del Card. La prop `sx` del consumer se compone encima junto al
+ * preset resuelto (en Card.tsx). Este builder solo se ocupa de variant +
+ * padding para que siga siendo predecible.
  */
 export declare function buildCardSx({ variant, padding, clickable, }: BuildCardSxArgs): SxProps<Theme>;
-export declare function buildCardHeaderSx(): SxProps<Theme>;
-export declare function buildCardBodySx(padding: CardPadding): SxProps<Theme>;
-export declare function buildCardFooterSx(): SxProps<Theme>;

package/components/Card/index.d.ts

@@ -1,4 +1,4 @@
 export { Card, default } from './Card';
 export type { CardProps } from './Card';
 export type { CardVariant, CardPadding } from './Card.sx';
-export { buildCardSx, buildCardHeaderSx, buildCardBodySx, buildCardFooterSx, } from './Card.sx';
+export { buildCardSx } from './Card.sx';

package/components/Checkbox/Checkbox.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Checkbox = require("../../Checkbox-BCqMFWt4.cjs");
+exports.Checkbox = Checkbox.Checkbox;
+exports.default = Checkbox.Checkbox;
+//# sourceMappingURL=Checkbox.cjs.map

package/components/Checkbox/Checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

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/components/Checkbox/Checkbox.js

@@ -0,0 +1,6 @@
+import { C, C as C2 } from "../../Checkbox-gB5YKkVo.js";
+export {
+  C as Checkbox,
+  C2 as default
+};
+//# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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,74 +1,6 @@
 "use strict";
-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.defineProperty(exports, 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;
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const Chip = require("../../Chip-qoJLDiva.cjs");
+exports.Chip = Chip.Chip;
+exports.default = Chip.Chip;
 //# sourceMappingURL=Chip.cjs.map

package/components/Chip/Chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.cjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip as MuiChip, ChipProps as MuiChipProps, Avatar } 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,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;;"}
+{"version":3,"file":"Chip.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Chip/Chip.js

@@ -1,74 +1,6 @@
-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)
-  );
-};
+import { C, C as C2 } from "../../Chip-OPYQ1uQ_.js";
 export {
-  Chip
+  C as Chip,
+  C2 as default
 };
 //# sourceMappingURL=Chip.js.map

package/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React from 'react';\nimport { Chip as MuiChip, ChipProps as MuiChipProps, Avatar } 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,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;"}
+{"version":3,"file":"Chip.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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,OAAwC;AAChE,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,QAAyC;AACjE,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";

package/components/Column/Column.js.map

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

package/components/Column/index.d.ts

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