@soyfri/shared-library 2.0.0-beta8 → 3.0.0

package/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,6 @@
+import { B, B as B2 } from "../../ButtonGroup-CcKUZ-lT.js";
+export {
+  B as ButtonGroup,
+  B2 as default
+};
+//# sourceMappingURL=ButtonGroup.js.map

package/components/ButtonGroup/ButtonGroup.js.map

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

package/components/ButtonGroup/index.d.ts

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

package/components/ButtonGroup.d.ts

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

package/components/Card/Card.cjs

@@ -1,10 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Card = require("../../Card-DG_crfkK.cjs");
+const Card = require("../../Card-Dr1-ATRY.cjs");
 exports.Card = Card.Card;
-exports.buildCardBodySx = Card.buildCardBodySx;
-exports.buildCardFooterSx = Card.buildCardFooterSx;
-exports.buildCardHeaderSx = Card.buildCardHeaderSx;
 exports.buildCardSx = Card.buildCardSx;
 exports.default = Card.Card;
 //# sourceMappingURL=Card.cjs.map

package/components/Card/Card.cjs.map

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

package/components/Card/Card.d.ts

@@ -2,27 +2,8 @@ import { ReactNode } from 'react';
 import { SxProps, Theme } from '@mui/material/styles';
 import { CardVariant, CardPadding } from './Card.sx';
 export interface CardProps {
-    /** Contenido principal. */
+    /** Contenido del Card. */
     children?: ReactNode;
-    /**
-     * Título del Card. Si se provee, renderiza un header con separador. Puede
-     * ser string o cualquier ReactNode para permitir iconos / chips.
-     */
-    title?: ReactNode;
-    /** Texto secundario debajo del título. */
-    subtitle?: ReactNode;
-    /**
-     * Acciones del header (botones, ActionMenu, etc). Se renderizan alineadas
-     * a la derecha.
-     */
-    actions?: ReactNode;
-    /**
-     * Header totalmente custom. Si se provee, ignora `title`/`subtitle`/`actions`
-     * y toma control del slot entero.
-     */
-    header?: ReactNode;
-    /** Footer custom (botones, mensajes, etc). */
-    footer?: ReactNode;
     /**
      * Variante visual.
      * - `elevated` (default): sombra sutil.
@@ -30,10 +11,7 @@ export interface CardProps {
      * - `plain`: sin borde ni sombra, útil para layouts con nesting.
      */
     variant?: CardVariant;
-    /**
-     * Densidad del padding interno. Solo aplica al body cuando hay header/footer;
-     * cuando no hay slots, aplica al root.
-     */
+    /** Densidad del padding interno. */
     padding?: CardPadding;
     /** Si `true`, muestra feedback de hover/active (cursor, sombra). */
     clickable?: boolean;
@@ -47,37 +25,30 @@ export interface CardProps {
      * `variant="elevated"` con sombra mayor. Ignora `variant` si se usa.
      */
     raised?: boolean;
+    /**
+     * Título de cabecera. Si se provee (o `subheader`/`action`), se renderiza un
+     * `CardHeader` antes del contenido. Reemplaza el patrón
+     * `<Card><CardHeader/>...</Card>` de MUI.
+     */
+    title?: ReactNode;
+    /** Subtítulo de la cabecera. */
+    subheader?: ReactNode;
+    /** Acción a la derecha de la cabecera (ej. botón/menú). */
+    action?: ReactNode;
+    /** sx aplicado al `CardHeader`. */
+    headerSx?: SxProps<Theme>;
+    /**
+     * sx aplicado al `CardContent` que envuelve a `children`. Al proveerlo (o al
+     * usar header), el body se envuelve en un `CardContent` y el padding del root
+     * pasa a `none` — equivale al patrón `<CardContent sx={...}>` de MUI.
+     */
+    contentSx?: SxProps<Theme>;
     /** sx del root. Se compone sobre el base + preset. */
     sx?: SxProps<Theme>;
-    /** sx custom del slot body. */
-    bodySx?: SxProps<Theme>;
-    /** sx custom del slot header. */
-    headerSx?: SxProps<Theme>;
-    /** sx custom del slot footer. */
-    footerSx?: SxProps<Theme>;
     onClick?: () => void;
     onBlur?: () => void;
     className?: string;
     'data-testid'?: string;
 }
-/**
- * Card semántico con slots `title` / `subtitle` / `actions` / `footer`.
- * Reemplaza el patrón `<div class="card"><div class="card-header">...</div>...`
- * de Metronic/Bootstrap con composición declarativa.
- *
- * Backward-compat: si solo se pasa `children`, se comporta como el Card
- * original (MUI Card + body padding).
- *
- * ```tsx
- * <Card
- *   title="Datos del cliente"
- *   subtitle="Última actualización: hace 2h"
- *   actions={<ActionMenu items={menuItems} />}
- *   footer={<Button>Guardar</Button>}
- * >
- *   <CustomerForm />
- * </Card>
- * ```
- */
-export declare function Card({ children, title, subtitle, actions, header, footer, variant, padding, clickable, preset, raised, sx, bodySx, headerSx, footerSx, onClick, onBlur, className, 'data-testid': dataTestId, }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare function Card({ children, variant, padding, clickable, preset, raised, title, subheader, action, headerSx, contentSx, sx, onClick, onBlur, className, 'data-testid': dataTestId, }: CardProps): import("react/jsx-runtime").JSX.Element;
 export default Card;

package/components/Card/Card.js

@@ -1,9 +1,6 @@
-import { C, c, d, a, b, C as C2 } from "../../Card-Ug-ttVSh.js";
+import { C, b, C as C2 } from "../../Card-DYKGY-NG.js";
 export {
   C as Card,
-  c as buildCardBodySx,
-  d as buildCardFooterSx,
-  a as buildCardHeaderSx,
   b as buildCardSx,
   C2 as default
 };

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,5 +1,6 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+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":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"Chip.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/components/Chip/Chip.js

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

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/DatePicker/DatePicker.cjs

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

package/components/DatePicker/DatePicker.d.ts

@@ -2,7 +2,6 @@ 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';
-import { Control, RegisterOptions } from 'react-hook-form';
 export type LabelPosition = 'outside' | 'floating';
 export type DatePickerSize = 'small' | 'medium';
 export interface BaseDatePickerProps extends Omit<MuiDatePickerProps, 'value' | 'onChange' | 'slotProps'> {
@@ -37,20 +36,9 @@ export interface BaseDatePickerProps extends Omit<MuiDatePickerProps, 'value' |
     /** Passthrough completo a slotProps del MuiDatePicker. */
     slotProps?: MuiDatePickerProps['slotProps'];
 }
-export interface RHFDatePickerProps extends BaseDatePickerProps {
-    name: string;
-    control: Control<any>;
-    validation?: RegisterOptions;
-    selectedDate?: never;
-    onDateChange?: never;
-}
-export interface ControlledDatePickerProps extends BaseDatePickerProps {
-    name?: string;
-    control?: never;
-    validation?: never;
+export interface DatePickerProps extends BaseDatePickerProps {
     selectedDate: Dayjs | null;
     onDateChange: (date: Dayjs | null) => void;
 }
-export type DatePickerProps = RHFDatePickerProps | ControlledDatePickerProps;
 export declare const DatePicker: React.FC<DatePickerProps>;
 export default DatePicker;

package/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { D, D as D2 } from "../../DatePicker-8f_9bwhS.js";
+import { D, D as D2 } from "../../DatePicker-_IGWc3I5.js";
 export {
   D as DatePicker,
   D2 as default

package/components/DatePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DatePicker, default } from './DatePicker';
-export type { DatePickerProps, BaseDatePickerProps, RHFDatePickerProps, ControlledDatePickerProps, LabelPosition, DatePickerSize, } from './DatePicker.types';
+export type { DatePickerProps, BaseDatePickerProps, LabelPosition, DatePickerSize, } from './DatePicker';

package/components/DateTimePicker/DateTimePicker.cjs

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

package/components/DateTimePicker/DateTimePicker.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { SxProps, Theme } from '@mui/material';
 import { DateTimePickerProps as MuiDateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
 import { Dayjs } from 'dayjs';
-import { Control, RegisterOptions } from 'react-hook-form';
+import { RegisterOptions } from 'react-hook-form';
 export type LabelPosition = 'outside' | 'floating';
 export type DateTimePickerSize = 'small' | 'medium';
 export interface BaseDateTimePickerProps extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {
@@ -37,19 +37,23 @@ export interface BaseDateTimePickerProps extends Omit<MuiDateTimePickerProps, 'v
     acceptButtonText?: string;
     minutesStep?: number;
     minTime?: Dayjs;
-    customClass?: string;
-    viewRenderers?: any;
-    timeSteps?: any;
-    /** Si es true usa formato 12h, false = 24h. Default: false. */
+    /** Si es true usa formato 12h (AM/PM), false = 24h. Default: false. */
     ampm?: boolean;
+    viewRenderers?: MuiDateTimePickerProps['viewRenderers'];
+    timeSteps?: MuiDateTimePickerProps['timeSteps'];
     textFieldProps?: Record<string, any>;
     /** Passthrough completo a slotProps del MuiDateTimePicker. */
     slotProps?: MuiDateTimePickerProps['slotProps'];
 }
 export interface RHFDateTimePickerProps extends BaseDateTimePickerProps {
     name: string;
-    control: Control<any>;
+    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?: (dateTime: Dayjs | null) => void;
     selectedDateTime?: never;
     onDateTimeChange?: never;
 }

package/components/DateTimePicker/DateTimePicker.definitions.d.ts

@@ -7,4 +7,6 @@ export declare const DateTimePickerSmallSizeDefinition = "\nimport React, { useS
 export declare const DateTimePickerWithButtonsDefinition = "\nimport React, { useState } => from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithButtonsExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Con Botones por Defecto)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        slotProps={{\n          actionBar: {\n            actions: ['clear', 'cancel', 'accept'],\n          },\n        }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DateTimePickerWithCustomButtonTextDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithCustomButtonTextExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Botones Personalizados)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        clearButtonText=\"Limpiar Todo\"\n        cancelButtonText=\"Descartar\"\n        acceptButtonText=\"Confirmar Selecci\u00F3n\"\n        slotProps={{\n          actionBar: {\n            actions: ['clear', 'cancel', 'accept'],\n          },\n        }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DateTimePickerEmptyWithMaskDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport { Dayjs } from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerEmptyWithMaskExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState<Dayjs | null>(null);\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        inputFormat=\"DD/MM/YY HH:mm\"\n      />\n      <Typography sx={{ mt: 2 }} variant=\"caption\" color=\"text.secondary\">\n        Al estar vac\u00EDo, el campo muestra la m\u00E1scara del formato (DD/MM/AA HH:MM).\n      </Typography>\n    </Box>\n  );\n};\n";
+export declare const DateTimePickerWithAllMinutesDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithAllMinutesExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs('2023-06-15T10:00'));\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Todos los minutos)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        viewRenderers={{\n          hours: renderMultiSectionDigitalClockTimeView,\n          minutes: renderMultiSectionDigitalClockTimeView,\n        }}\n        minutesStep={1}\n        timeSteps={{ minutes: 1 }}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
+export declare const DateTimePicker24hDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { renderMultiSectionDigitalClockTimeView } from '@mui/x-date-pickers/timeViewRenderers';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePicker24hExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs('2023-06-15T10:00'));\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Formato 24h)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        viewRenderers={{\n          hours: renderMultiSectionDigitalClockTimeView,\n          minutes: renderMultiSectionDigitalClockTimeView,\n        }}\n        minutesStep={1}\n        timeSteps={{ minutes: 1 }}\n        ampm={false}\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";
 export declare const DateTimePickerWithCustomInputFormatDefinition = "\nimport React, { useState } from 'react';\nimport { DateTimePicker } from './DateTimePicker'; // Ajusta la ruta si es necesario\nimport dayjs from 'dayjs';\nimport { Box, Typography } from '@mui/material';\n\nexport const DateTimePickerWithCustomInputFormatExample = () => {\n  const [selectedDateTime, setSelectedDateTime] = useState(dayjs());\n  return (\n    <Box sx={{ width: 300 }}>\n      <DateTimePicker\n        label=\"Fecha y Hora (Formato dd/MM/YYYY)\"\n        selectedDateTime={selectedDateTime}\n        onDateTimeChange={setSelectedDateTime}\n        inputFormat=\"DD/MM/YYYY HH:mm\" // Formato de fecha personalizado\n      />\n      <Typography sx={{ mt: 2 }}>\n        Seleccionado: ${selectedDateTime ? selectedDateTime.format('YYYY-MM-DD HH:mm') : 'Ninguna'}\n      </Typography>\n    </Box>\n  );\n};\n";

package/components/DateTimePicker/DateTimePicker.helpers.d.ts

@@ -1,9 +1,11 @@
-import { DateValidationError } from '@mui/x-date-pickers/models';
+import { DateTimeValidationError } from '@mui/x-date-pickers/models';
 /**
  * Traduce el error del DateTimePicker a un mensaje en español. Se usa
  * internamente para poblar `helperText` cuando hay error de validación.
+ * Cubre tanto errores de fecha (`minDate`, `maxDate`, etc.) como de hora
+ * (`minTime`, `maxTime`, `minutesStep`, etc.).
  */
-export declare const getDateTimeValidationMessage: (error: DateValidationError | null) => string;
+export declare const getDateTimeValidationMessage: (error: DateTimeValidationError | null) => string;
 /**
  * Construye el `localeText` que MUI acepta para overridear los labels de los
  * botones del popover (Cancel / OK / Clear).

package/components/DateTimePicker/DateTimePicker.js

@@ -1,4 +1,4 @@
-import { D, D as D2 } from "../../DateTimePicker-D4L9GAod.js";
+import { D, D as D2 } from "../../DateTimePicker-CrmWav_j.js";
 export {
   D as DateTimePicker,
   D2 as default

package/components/DateTimePicker/index.d.ts

@@ -1,2 +1,2 @@
 export { DateTimePicker, default } from './DateTimePicker';
-export type { DateTimePickerProps, BaseDateTimePickerProps, RHFDateTimePickerProps, ControlledDateTimePickerProps, LabelPosition, DateTimePickerSize, } from './DateTimePicker.types';
+export type { DateTimePickerProps, BaseDateTimePickerProps, RHFDateTimePickerProps, ControlledDateTimePickerProps, LabelPosition, DateTimePickerSize, } from './DateTimePicker';

package/components/Divider/Divider.cjs

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

package/components/Divider/Divider.cjs.map

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

package/components/Divider/Divider.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material/styles';
+export interface DividerProps {
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'fullWidth' | 'inset' | 'middle';
+    /** Para usar dentro de contenedores flex (ej. divider vertical). */
+    flexItem?: boolean;
+    /** Alineación del contenido cuando hay `children` (label centrado, etc.). */
+    textAlign?: 'center' | 'left' | 'right';
+    /** Contenido opcional (label) en medio del divider. */
+    children?: ReactNode;
+    sx?: SxProps<Theme>;
+    className?: string;
+}
+/** Separador. Wrapper fino sobre MUI `Divider`. */
+export declare function Divider({ orientation, variant, flexItem, textAlign, children, sx, className, }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/components/Divider/Divider.js

@@ -0,0 +1,6 @@
+import { D, D as D2 } from "../../Divider-BApcM5CV.js";
+export {
+  D as Divider,
+  D2 as default
+};
+//# sourceMappingURL=Divider.js.map

package/components/Divider/Divider.js.map

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

package/components/Divider/index.d.ts

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

package/components/Divider.d.ts

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

package/components/Drawer/Drawer.cjs

@@ -61,7 +61,7 @@ function buildDrawerItemSx({
       { duration: 150 }
     ),
     "&:hover": {
-      backgroundColor: danger ? theme.palette.error.light + "22" : theme.palette.action.hover
+      backgroundColor: danger ? styles.alpha(theme.palette.error.main, 0.08) : theme.palette.action.hover
     },
     "& .drawer-item__icon": {
       display: "flex",
@@ -130,8 +130,10 @@ function Drawer({
       onClose,
       className,
       sx: rootSx,
-      PaperProps: {
-        sx: paperSx
+      slotProps: {
+        paper: {
+          sx: paperSx
+        }
       },
       children: [
         (logo || shouldShowToggle) && /* @__PURE__ */ jsxRuntime.jsxs(
@@ -209,6 +211,7 @@ function Drawer({
 function DrawerItem({
   icon,
   label,
+  tooltipText,
   onClick,
   active = false,
   danger = false,
@@ -241,7 +244,7 @@ function DrawerItem({
       className,
       sx: mergedSx,
       children: [
-        icon !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "drawer-item__icon", component: "span", children: icon }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "drawer-item__icon", component: "span", children: icon }),
         /* @__PURE__ */ jsxRuntime.jsx(
           material.Typography,
           {
@@ -256,8 +259,9 @@ function DrawerItem({
       ]
     }
   );
-  if (collapsed && typeof label === "string") {
-    return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: label, placement: "right", arrow: true, children: content });
+  const resolvedTooltip = tooltipText != null ? tooltipText : typeof label === "string" ? label : void 0;
+  if (collapsed && resolvedTooltip) {
+    return /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { title: resolvedTooltip, placement: "right", arrow: true, children: content });
   }
   return content;
 }