@soyfri/shared-library 4.0.2 → 4.1.0

package/components/Checkbox/Checkbox.sx.d.cts

@@ -0,0 +1,19 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+export interface BuildCheckboxSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    hasLabel: boolean;
+    error: boolean;
+}
+/**
+ * Estilo de fábrica del Checkbox, en CSS real (para `styled()`).
+ *
+ * Ojo con las unidades: en `sx`, `paddingX: 1.5` son 12px (1.5 × spacing). En
+ * CSS plano serían "1.5px", así que todo pasa por `theme.spacing`.
+ */
+export declare const buildCheckboxStyles: (theme: Theme, { bordered, borderRadius, hasLabel, error }: BuildCheckboxSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildCheckboxStyles`.
+ */
+export declare const buildCheckboxSx: ({ bordered, borderRadius, hasLabel, error, }: BuildCheckboxSxOptions) => SxProps<Theme>;

package/components/Checkbox/Checkbox.sx.d.mts

@@ -0,0 +1,19 @@
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
+export interface BuildCheckboxSxOptions {
+    bordered: boolean;
+    borderRadius: number | string;
+    hasLabel: boolean;
+    error: boolean;
+}
+/**
+ * Estilo de fábrica del Checkbox, en CSS real (para `styled()`).
+ *
+ * Ojo con las unidades: en `sx`, `paddingX: 1.5` son 12px (1.5 × spacing). En
+ * CSS plano serían "1.5px", así que todo pasa por `theme.spacing`.
+ */
+export declare const buildCheckboxStyles: (theme: Theme, { bordered, borderRadius, hasLabel, error }: BuildCheckboxSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildCheckboxStyles`.
+ */
+export declare const buildCheckboxSx: ({ bordered, borderRadius, hasLabel, error, }: BuildCheckboxSxOptions) => SxProps<Theme>;

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

@@ -1,4 +1,4 @@
-import { SxProps, Theme } from '@mui/material/styles';
+import { CSSObject, SxProps, Theme } from '@mui/material/styles';
 export interface BuildCheckboxSxOptions {
     bordered: boolean;
     borderRadius: number | string;
@@ -6,8 +6,14 @@ export interface BuildCheckboxSxOptions {
     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).
+ * Estilo de fábrica del Checkbox, en CSS real (para `styled()`).
+ *
+ * Ojo con las unidades: en `sx`, `paddingX: 1.5` son 12px (1.5 × spacing). En
+ * CSS plano serían "1.5px", así que todo pasa por `theme.spacing`.
+ */
+export declare const buildCheckboxStyles: (theme: Theme, { bordered, borderRadius, hasLabel, error }: BuildCheckboxSxOptions) => CSSObject;
+/**
+ * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el
+ * `styled()`. Preferir `buildCheckboxStyles`.
  */
 export declare const buildCheckboxSx: ({ bordered, borderRadius, hasLabel, error, }: BuildCheckboxSxOptions) => SxProps<Theme>;

package/components/Checkbox/index.cjs

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

package/components/Checkbox/index.cjs.map

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

package/components/Checkbox/index.d.cts

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

package/components/Checkbox/index.d.mts

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

package/components/Checkbox/index.mjs

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

package/components/Checkbox/index.mjs.map

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

package/components/Checkbox.d.cts

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

package/components/Checkbox.d.mts

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

package/components/Chip/Chip.d.cts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ChipProps as MuiChipProps } from '@mui/material';
+export interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | 'avatar' | 'icon' | 'label' | 'variant' | 'color' | 'size'> {
+    label: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onDelete?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    avatar?: React.ReactElement;
+    icon?: React.ReactElement;
+    disabled?: boolean;
+    variant?: 'filled' | 'outlined';
+    color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    size?: 'small' | 'medium';
+}
+/**
+ * Componente Chip personalizado de Material UI.
+ * Proporciona una interfaz simplificada para el componente Chip de Material UI,
+ * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.
+ */
+export declare const Chip: React.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Chip;

package/components/Chip/Chip.d.mts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ChipProps as MuiChipProps } from '@mui/material';
+export interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | 'avatar' | 'icon' | 'label' | 'variant' | 'color' | 'size'> {
+    label: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    onDelete?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    avatar?: React.ReactElement;
+    icon?: React.ReactElement;
+    disabled?: boolean;
+    variant?: 'filled' | 'outlined';
+    color?: 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    size?: 'small' | 'medium';
+}
+/**
+ * Componente Chip personalizado de Material UI.
+ * Proporciona una interfaz simplificada para el componente Chip de Material UI,
+ * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.
+ */
+export declare const Chip: React.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default Chip;

package/components/Chip/Chip.d.ts

@@ -16,5 +16,5 @@ export interface ChipProps extends Omit<MuiChipProps, 'onClick' | 'onDelete' | '
  * Proporciona una interfaz simplificada para el componente Chip de Material UI,
  * permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.
  */
-export declare const Chip: React.FC<ChipProps>;
+export declare const Chip: React.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Chip;

package/components/Chip/index.cjs

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

package/components/Chip/index.cjs.map

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

package/components/Chip/index.d.cts

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

package/components/Chip/index.d.mts

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

package/components/Chip/index.mjs

@@ -0,0 +1,6 @@
+import { C, C as C2 } from "../../chunks/Chip-5ZYwvVc1.mjs";
+export {
+  C as Chip,
+  C2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/Chip/index.mjs.map

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

package/components/Chip.d.cts

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

package/components/Chip.d.mts

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

package/components/Column/Column.d.cts

@@ -0,0 +1,12 @@
+type FieldName<T> = keyof T | Array<keyof T>;
+export interface ColumnProps<T> {
+    name: string;
+    field: FieldName<T>;
+    width?: string;
+    children: (fieldData: Partial<T>) => React.ReactNode;
+}
+export declare function Column<T>(_props: ColumnProps<T>): React.ReactNode;
+export declare namespace Column {
+    var displayName: string;
+}
+export default Column;

package/components/Column/Column.d.mts

@@ -0,0 +1,12 @@
+type FieldName<T> = keyof T | Array<keyof T>;
+export interface ColumnProps<T> {
+    name: string;
+    field: FieldName<T>;
+    width?: string;
+    children: (fieldData: Partial<T>) => React.ReactNode;
+}
+export declare function Column<T>(_props: ColumnProps<T>): React.ReactNode;
+export declare namespace Column {
+    var displayName: string;
+}
+export default Column;

package/components/Column/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function Column(_props) {
+  return null;
+}
+Column.displayName = "Column";
+exports.Column = Column;
+//# sourceMappingURL=index.cjs.map

package/components/Column/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.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/index.d.cts

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

package/components/Column/index.d.mts

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

package/components/Column/index.mjs

@@ -0,0 +1,8 @@
+function Column(_props) {
+  return null;
+}
+Column.displayName = "Column";
+export {
+  Column
+};
+//# sourceMappingURL=index.mjs.map

package/components/Column/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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.d.cts

@@ -0,0 +1,2 @@
+export * from './Column/index'
+export {}

package/components/Column.d.mts

@@ -0,0 +1,2 @@
+export * from './Column/index.mjs'
+export {}

package/components/DataRow/DataRow.d.cts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { BoxProps, TypographyProps } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
+/** Nodos internos alcanzables vía `slotProps`. */
+export interface DataRowSlotProps {
+    /** El `Typography` de la etiqueta. */
+    label?: Partial<TypographyProps>;
+    /**
+     * El nodo del valor. Es un `Typography` cuando el valor es un string y un
+     * `Box` cuando es cualquier otra cosa (chip, link, input en edición).
+     */
+    value?: Partial<TypographyProps & BoxProps>;
+}
+export interface DataRowProps extends Omit<BoxProps, 'children'> {
+    /** Etiqueta del dato (columna izquierda). */
+    label: ReactNode;
+    /** Valor: texto, o cualquier nodo (chip, link, Input en modo edición). */
+    children: ReactNode;
+    /** Última fila de un bloque: sin margen inferior. */
+    last?: boolean;
+    /**
+     * Ancho de la columna del label a partir de `sm`. Default `200`.
+     * Fijo a propósito: alinea verticalmente todos los valores de un bloque.
+     */
+    labelWidth?: number | string;
+    /**
+     * @deprecated Usar `theme.components.FriDataRow.styleOverrides` /
+     * `variants`, que es la API nativa de MUI. Ver `src/theme/friComponents.ts`.
+     */
+    preset?: string;
+    /**
+     * Props para los nodos internos, sin pasar por selectores CSS. `className` y
+     * `sx` se acumulan sobre los internos en vez de pisarlos.
+     */
+    slotProps?: DataRowSlotProps;
+    sx?: SxProps<Theme>;
+}
+/**
+ * Fila label/valor — el patrón de dato para vistas de detalle.
+ *
+ * Geometría: label de ancho fijo + valor al lado; en móvil apila. El ancho fijo
+ * (en vez de un `Grid` 4/8) evita que en una card full-width queden cientos de
+ * px muertos entre label y valor.
+ *
+ * Tipografía: el paquete pone `body2`/`body1`. Para mapear a variantes propias
+ * del consumidor, tematizar el componente como cualquiera de MUI:
+ *
+ * ```ts
+ * components: {
+ *   FriDataRow: {
+ *     styleOverrides: {
+ *       root: {
+ *         '& .fri-DataRow-label': { typography: 'dataLabel' },
+ *         '& .fri-DataRow-value': { typography: 'dataValue' },
+ *       },
+ *     },
+ *   },
+ * }
+ * ```
+ */
+export declare const DataRow: import('react').ForwardRefExoticComponent<Omit<DataRowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default DataRow;

package/components/DataRow/DataRow.d.mts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { BoxProps, TypographyProps } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
+/** Nodos internos alcanzables vía `slotProps`. */
+export interface DataRowSlotProps {
+    /** El `Typography` de la etiqueta. */
+    label?: Partial<TypographyProps>;
+    /**
+     * El nodo del valor. Es un `Typography` cuando el valor es un string y un
+     * `Box` cuando es cualquier otra cosa (chip, link, input en edición).
+     */
+    value?: Partial<TypographyProps & BoxProps>;
+}
+export interface DataRowProps extends Omit<BoxProps, 'children'> {
+    /** Etiqueta del dato (columna izquierda). */
+    label: ReactNode;
+    /** Valor: texto, o cualquier nodo (chip, link, Input en modo edición). */
+    children: ReactNode;
+    /** Última fila de un bloque: sin margen inferior. */
+    last?: boolean;
+    /**
+     * Ancho de la columna del label a partir de `sm`. Default `200`.
+     * Fijo a propósito: alinea verticalmente todos los valores de un bloque.
+     */
+    labelWidth?: number | string;
+    /**
+     * @deprecated Usar `theme.components.FriDataRow.styleOverrides` /
+     * `variants`, que es la API nativa de MUI. Ver `src/theme/friComponents.ts`.
+     */
+    preset?: string;
+    /**
+     * Props para los nodos internos, sin pasar por selectores CSS. `className` y
+     * `sx` se acumulan sobre los internos en vez de pisarlos.
+     */
+    slotProps?: DataRowSlotProps;
+    sx?: SxProps<Theme>;
+}
+/**
+ * Fila label/valor — el patrón de dato para vistas de detalle.
+ *
+ * Geometría: label de ancho fijo + valor al lado; en móvil apila. El ancho fijo
+ * (en vez de un `Grid` 4/8) evita que en una card full-width queden cientos de
+ * px muertos entre label y valor.
+ *
+ * Tipografía: el paquete pone `body2`/`body1`. Para mapear a variantes propias
+ * del consumidor, tematizar el componente como cualquiera de MUI:
+ *
+ * ```ts
+ * components: {
+ *   FriDataRow: {
+ *     styleOverrides: {
+ *       root: {
+ *         '& .fri-DataRow-label': { typography: 'dataLabel' },
+ *         '& .fri-DataRow-value': { typography: 'dataValue' },
+ *       },
+ *     },
+ *   },
+ * }
+ * ```
+ */
+export declare const DataRow: import('react').ForwardRefExoticComponent<Omit<DataRowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export default DataRow;

package/components/DataRow/DataRow.d.ts

@@ -1,6 +1,17 @@
 import { ReactNode } from 'react';
+import { BoxProps, TypographyProps } from '@mui/material';
 import { SxProps, Theme } from '@mui/material/styles';
-export interface DataRowProps {
+/** Nodos internos alcanzables vía `slotProps`. */
+export interface DataRowSlotProps {
+    /** El `Typography` de la etiqueta. */
+    label?: Partial<TypographyProps>;
+    /**
+     * El nodo del valor. Es un `Typography` cuando el valor es un string y un
+     * `Box` cuando es cualquier otra cosa (chip, link, input en edición).
+     */
+    value?: Partial<TypographyProps & BoxProps>;
+}
+export interface DataRowProps extends Omit<BoxProps, 'children'> {
     /** Etiqueta del dato (columna izquierda). */
     label: ReactNode;
     /** Valor: texto, o cualquier nodo (chip, link, Input en modo edición). */
@@ -12,11 +23,17 @@ export interface DataRowProps {
      * Fijo a propósito: alinea verticalmente todos los valores de un bloque.
      */
     labelWidth?: number | string;
-    /** Preset registrado en `theme.styles.DataRow`. */
+    /**
+     * @deprecated Usar `theme.components.FriDataRow.styleOverrides` /
+     * `variants`, que es la API nativa de MUI. Ver `src/theme/friComponents.ts`.
+     */
     preset?: string;
+    /**
+     * Props para los nodos internos, sin pasar por selectores CSS. `className` y
+     * `sx` se acumulan sobre los internos en vez de pisarlos.
+     */
+    slotProps?: DataRowSlotProps;
     sx?: SxProps<Theme>;
-    className?: string;
-    'data-testid'?: string;
 }
 /**
  * Fila label/valor — el patrón de dato para vistas de detalle.
@@ -26,19 +43,20 @@ export interface DataRowProps {
  * px muertos entre label y valor.
  *
  * Tipografía: el paquete pone `body2`/`body1`. Para mapear a variantes propias
- * del consumidor, registrar un preset en el theme apuntando a las clases
- * internas:
+ * del consumidor, tematizar el componente como cualquiera de MUI:
  *
  * ```ts
- * styles: {
- *   DataRow: {
- *     default: {
- *       '& .fri-DataRow-label': { typography: 'dataLabel' },
- *       '& .fri-DataRow-value': { typography: 'dataValue' },
+ * components: {
+ *   FriDataRow: {
+ *     styleOverrides: {
+ *       root: {
+ *         '& .fri-DataRow-label': { typography: 'dataLabel' },
+ *         '& .fri-DataRow-value': { typography: 'dataValue' },
+ *       },
  *     },
  *   },
  * }
  * ```
  */
-export declare function DataRow({ label, children, last, labelWidth, preset, sx, className, 'data-testid': dataTestId, }: DataRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const DataRow: import('react').ForwardRefExoticComponent<Omit<DataRowProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default DataRow;

package/components/DataRow/index.cjs

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

package/components/DataRow/index.cjs.map

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

package/components/DataRow/index.d.cts

@@ -0,0 +1,2 @@
+export { DataRow, default } from './DataRow';
+export type { DataRowProps } from './DataRow';

package/components/DataRow/index.d.mts

@@ -0,0 +1,2 @@
+export { DataRow, default } from './DataRow.mjs';
+export type { DataRowProps } from './DataRow.mjs';

package/components/DataRow/index.mjs

@@ -0,0 +1,6 @@
+import { D, D as D2 } from "../../chunks/DataRow-B8SZkwHB.mjs";
+export {
+  D as DataRow,
+  D2 as default
+};
+//# sourceMappingURL=index.mjs.map

package/components/DataRow/index.mjs.map

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

package/components/DataRow.d.cts

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

package/components/DataRow.d.mts

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

package/components/DatePicker/DatePicker.d.cts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
+import { Dayjs } from 'dayjs';
+export type LabelPosition = 'outside' | 'floating';
+export type DatePickerSize = 'small' | 'medium';
+export interface BaseDatePickerProps extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {
+    label?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Border radius del input. Default: 10 */
+    borderRadius?: number | string;
+    /** "outside" = label arriba del campo (default). "floating" = label clásico MUI dentro del borde */
+    labelPosition?: LabelPosition;
+    /** Tamaño del TextField renderizado. Default: 'small' */
+    size?: DatePickerSize;
+    /** helperText pasado al TextField (se sobrescribe por el error de validación si hay). */
+    helperText?: string;
+    /** Error external override. */
+    error?: boolean;
+    /** sx que se mergea al TextField interno del picker. */
+    sx?: SxProps<Theme>;
+    className?: string;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.DatePicker`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    /** Locale para el adaptador dayjs. Default: 'en-gb'. */
+    adapterLocale?: string;
+    /** Passthrough a slotProps.textField. */
+    textFieldProps?: Record<string, any>;
+    /** Passthrough completo a slotProps del MuiDatePicker. */
+    slotProps?: MuiDatePickerProps['slotProps'];
+}
+export interface DatePickerProps extends BaseDatePickerProps {
+    selectedDate: Dayjs | null;
+    onDateChange: (date: Dayjs | null) => void;
+}
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export default DatePicker;

package/components/DatePicker/DatePicker.d.mts

@@ -0,0 +1,44 @@
+import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { DatePickerProps as MuiDatePickerProps } from '@mui/x-date-pickers/DatePicker';
+import { Dayjs } from 'dayjs';
+export type LabelPosition = 'outside' | 'floating';
+export type DatePickerSize = 'small' | 'medium';
+export interface BaseDatePickerProps extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {
+    label?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Border radius del input. Default: 10 */
+    borderRadius?: number | string;
+    /** "outside" = label arriba del campo (default). "floating" = label clásico MUI dentro del borde */
+    labelPosition?: LabelPosition;
+    /** Tamaño del TextField renderizado. Default: 'small' */
+    size?: DatePickerSize;
+    /** helperText pasado al TextField (se sobrescribe por el error de validación si hay). */
+    helperText?: string;
+    /** Error external override. */
+    error?: boolean;
+    /** sx que se mergea al TextField interno del picker. */
+    sx?: SxProps<Theme>;
+    className?: string;
+    /**
+     * Nombre del preset de estilo registrado en `theme.styles.DatePicker`.
+     * - `"default"` (o ausente) = estilo built-in del paquete.
+     * - Cualquier otro string = mergea el preset encima del estilo built-in.
+     */
+    preset?: string;
+    /** Locale para el adaptador dayjs. Default: 'en-gb'. */
+    adapterLocale?: string;
+    /** Passthrough a slotProps.textField. */
+    textFieldProps?: Record<string, any>;
+    /** Passthrough completo a slotProps del MuiDatePicker. */
+    slotProps?: MuiDatePickerProps['slotProps'];
+}
+export interface DatePickerProps extends BaseDatePickerProps {
+    selectedDate: Dayjs | null;
+    onDateChange: (date: Dayjs | null) => void;
+}
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export default DatePicker;

package/components/DatePicker/DatePicker.d.ts

@@ -40,5 +40,5 @@ export interface DatePickerProps extends BaseDatePickerProps {
     selectedDate: Dayjs | null;
     onDateChange: (date: Dayjs | null) => void;
 }
-export declare const DatePicker: React.FC<DatePickerProps>;
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
 export default DatePicker;