@soyfri/shared-library 4.0.4 → 4.1.1-beta.1

package/chunks/DateTimePicker-BDlUoDyR.cjs

@@ -0,0 +1,230 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const styles = require("@mui/material/styles");
+const AdapterDayjs = require("@mui/x-date-pickers/AdapterDayjs");
+const LocalizationProvider = require("@mui/x-date-pickers/LocalizationProvider");
+const DateTimePicker$1 = require("@mui/x-date-pickers/DateTimePicker");
+const locales = require("@mui/x-date-pickers/locales");
+const reactHookForm = require("react-hook-form");
+const formField_sx = require("./formField.sx-DEDuTUQS.cjs");
+const mergeSx = require("./mergeSx-Dbccoo_H.cjs");
+const resolvePreset = require("./resolvePreset-CxTI6_Ln.cjs");
+const tokens = require("./tokens-B5kmy5Gy.cjs");
+const buildDateTimePickerStyles = (theme, borderRadius, labelPosition) => formField_sx.buildFormFieldStyles(theme, { borderRadius, labelPosition, includePickersApi: true });
+const getDateTimeValidationMessage = (error) => {
+  switch (error) {
+    case "minDate":
+    case "maxDate":
+    case "minTime":
+    case "maxTime":
+      return "Fecha/hora fuera del rango permitido";
+    case "invalidDate":
+      return "Formato de fecha/hora inválido";
+    case "disableFuture":
+      return "No se permiten fechas/horas futuras";
+    case "disablePast":
+      return "No se permiten fechas/horas pasadas";
+    case "minutesStep":
+      return "Minutos no válidos para el paso configurado";
+    default:
+      return "";
+  }
+};
+const buildLocaleText = (clearButtonText, cancelButtonText, acceptButtonText) => {
+  const text = {};
+  if (clearButtonText) text.clearButtonLabel = clearButtonText;
+  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
+  if (acceptButtonText) text.okButtonLabel = acceptButtonText;
+  return text;
+};
+const DateTimePickerRoot = styles.styled(DateTimePicker$1.DateTimePicker, {
+  name: "FriDateTimePicker",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildDateTimePickerStyles(theme, ownerState.borderRadius, ownerState.labelPosition)
+);
+const DateTimePicker = React.forwardRef(
+  function DateTimePicker2(props, ref) {
+    const _a = props, {
+      label,
+      minDateTime,
+      maxDateTime,
+      disabled,
+      readOnly,
+      inputFormat,
+      borderRadius = tokens.FIELD_BORDER_RADIUS,
+      labelPosition = "outside",
+      size = "small",
+      helperText,
+      error: errorProp,
+      sx,
+      className,
+      preset,
+      adapterLocale,
+      clearButtonText,
+      cancelButtonText,
+      acceptButtonText,
+      minutesStep,
+      minTime,
+      ampm = false,
+      viewRenderers,
+      timeSteps,
+      views,
+      textFieldProps,
+      slotProps: slotPropsProp
+    } = _a, rest = __objRest(_a, [
+      "label",
+      "minDateTime",
+      "maxDateTime",
+      "disabled",
+      "readOnly",
+      "inputFormat",
+      "borderRadius",
+      "labelPosition",
+      "size",
+      "helperText",
+      "error",
+      "sx",
+      "className",
+      "preset",
+      "adapterLocale",
+      "clearButtonText",
+      "cancelButtonText",
+      "acceptButtonText",
+      "minutesStep",
+      "minTime",
+      "ampm",
+      "viewRenderers",
+      "timeSteps",
+      "views",
+      "textFieldProps",
+      "slotProps"
+    ]);
+    const [validationError, setValidationError] = React.useState(null);
+    const validationErrorMessage = React.useMemo(
+      () => getDateTimeValidationMessage(validationError),
+      [validationError]
+    );
+    const customLocaleText = React.useMemo(
+      () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),
+      [clearButtonText, cancelButtonText, acceptButtonText]
+    );
+    const theme = styles.useTheme();
+    const presetSx = resolvePreset.resolvePreset("DateTimePicker", preset, theme);
+    const ownerState = { borderRadius, labelPosition };
+    const mergedSx = mergeSx.mergeSx(presetSx != null ? presetSx : {}, sx);
+    const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
+      const finalError = rhfError || !!validationErrorMessage || !!errorProp;
+      const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        LocalizationProvider.LocalizationProvider,
+        {
+          dateAdapter: AdapterDayjs.AdapterDayjs,
+          adapterLocale,
+          localeText: locales.esES.components.MuiLocalizationProvider.defaultProps.localeText,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            DateTimePickerRoot,
+            __spreadValues({
+              ref,
+              ownerState,
+              className,
+              label,
+              value,
+              onChange,
+              onError: setValidationError,
+              minDateTime,
+              maxDateTime,
+              minutesStep,
+              disabled,
+              readOnly,
+              minTime,
+              format: inputFormat != null ? inputFormat : "DD/MM/YYYY HH:mm",
+              ampm,
+              viewRenderers,
+              timeSteps,
+              views,
+              sx: mergedSx,
+              slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
+                textField: __spreadProps(__spreadValues(__spreadValues({
+                  fullWidth: true,
+                  size,
+                  variant: "outlined"
+                }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps), {
+                  // Props críticas al final: ganan al consumer para no romper la
+                  // integración con RHF ni desactivar el visual de error.
+                  onBlur,
+                  inputRef,
+                  error: !!finalError,
+                  helperText: finalHelperText
+                })
+              }),
+              localeText: customLocaleText
+            }, rest)
+          )
+        }
+      );
+    };
+    if ("control" in props && props.control) {
+      const { name, control, validation, onValueChange } = props;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        reactHookForm.Controller,
+        {
+          name,
+          control,
+          rules: validation,
+          render: ({ field, fieldState: { error: fieldError } }) => {
+            var _a2;
+            return renderPicker(
+              (_a2 = field.value) != null ? _a2 : null,
+              (next) => {
+                field.onChange(next);
+                onValueChange == null ? void 0 : onValueChange(next);
+              },
+              field.onBlur,
+              field.ref,
+              !!fieldError,
+              fieldError == null ? void 0 : fieldError.message
+            );
+          }
+        }
+      );
+    }
+    const { selectedDateTime, onDateTimeChange } = props;
+    return renderPicker(selectedDateTime, onDateTimeChange);
+  }
+);
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=DateTimePicker-BDlUoDyR.cjs.map

package/chunks/DateTimePicker-BDlUoDyR.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-BDlUoDyR.cjs","sources":["../../src/components/DateTimePicker/DateTimePicker.sx.ts","../../src/components/DateTimePicker/DateTimePicker.helpers.ts","../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport type { CSSObject } from '@mui/material/styles';\n\nimport { buildFormFieldSx, buildFormFieldStyles } from '../_shared/formField.sx';\nimport type { LabelPosition } from './DateTimePicker';\n\n/** Estilo de fábrica del DateTimePicker, en CSS real (para `styled()`). */\nexport const buildDateTimePickerStyles = (\n  theme: Theme,\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): CSSObject =>\n  buildFormFieldStyles(theme, { borderRadius, labelPosition, includePickersApi: true });\n\n/**\n * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el\n * `styled()`. Preferir `buildDateTimePickerStyles`.\n */\nexport const buildDateTimePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n  });\n","import type { DateTimeValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n * Cubre tanto errores de fecha (`minDate`, `maxDate`, etc.) como de hora\n * (`minTime`, `maxTime`, `minutesStep`, etc.).\n */\nexport const getDateTimeValidationMessage = (\n  error: DateTimeValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n    case 'minTime':\n    case 'maxTime':\n      return 'Fecha/hora fuera del rango permitido';\n    case 'invalidDate':\n      return 'Formato de fecha/hora inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas/horas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas/horas pasadas';\n    case 'minutesStep':\n      return 'Minutos no válidos para el paso configurado';\n    default:\n      return '';\n  }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n  clearButtonText?: string,\n  cancelButtonText?: string,\n  acceptButtonText?: string,\n): Record<string, string> => {\n  const text: Record<string, string> = {};\n  if (clearButtonText) text.clearButtonLabel = clearButtonText;\n  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n  if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n  return text;\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport type { DateTimeValidationError } from '@mui/x-date-pickers/models';\nimport { esES } from '@mui/x-date-pickers/locales';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerStyles } from './DateTimePicker.sx';\nimport { mergeSx } from '../_shared/mergeSx';\nimport {\n  buildLocaleText,\n  getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n  extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n  label?: string;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n  inputFormat?: string;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) o \"floating\". */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: DateTimePickerSize;\n  helperText?: string;\n  error?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  /** Locale del adaptador dayjs. */\n  adapterLocale?: string;\n  /** Textos de los botones del popover. */\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  /** Si es true usa formato 12h (AM/PM), false = 24h. Default: false. */\n  ampm?: boolean;\n  viewRenderers?: MuiDateTimePickerProps['viewRenderers'];\n  timeSteps?: MuiDateTimePickerProps['timeSteps'];\n  /**\n   * Vistas a mostrar en el popover. Default: todas (year, month, day, hours, minutes).\n   * Ej: `['hours']` solo permite elegir la hora. `['hours','minutes']` oculta el calendar.\n   *\n   * Va declarado explícito (y no se hereda del `Omit<MuiDateTimePickerProps>`)\n   * porque se desestructura del `props` y se pasa a mano al picker: si sólo\n   * viviera en el tipo base caería en el `...rest` y quedaría duplicado.\n   */\n  views?: MuiDateTimePickerProps['views'];\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDateTimePicker. */\n  slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (dateTime: Dayjs | null) => void;\n  selectedDateTime?: never;\n  onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n  | RHFDateTimePickerProps\n  | ControlledDateTimePickerProps;\n\n/** Estado que decide el estilo de fábrica del campo. */\ninterface DateTimePickerOwnerState {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n}\n\n/** Root themeable vía `theme.components.FriDateTimePicker`. */\nconst DateTimePickerRoot = styled(MuiDateTimePicker, {\n  name: 'FriDateTimePicker',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<{ ownerState: DateTimePickerOwnerState }>(({ theme, ownerState }) =>\n  buildDateTimePickerStyles(theme, ownerState.borderRadius, ownerState.labelPosition),\n);\n\nexport const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  function DateTimePicker(props, ref) {\n  const {\n    label,\n    minDateTime,\n    maxDateTime,\n    disabled,\n    readOnly,\n    inputFormat,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    size = 'small',\n    helperText,\n    error: errorProp,\n    sx,\n    className,\n    preset,\n    adapterLocale,\n    clearButtonText,\n    cancelButtonText,\n    acceptButtonText,\n    minutesStep,\n    minTime,\n    ampm = false,\n    viewRenderers,\n    timeSteps,\n    views,\n    textFieldProps,\n    slotProps: slotPropsProp,\n    ...rest\n  } = props as ControlledDateTimePickerProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const [validationError, setValidationError] = React.useState<DateTimeValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateTimeValidationMessage(validationError),\n    [validationError],\n  );\n\n  const customLocaleText = useMemo(\n    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n    [clearButtonText, cancelButtonText, acceptButtonText],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n  // El estilo de fábrica vive en `DateTimePickerRoot` (styled) — ver Input.\n  const ownerState: DateTimePickerOwnerState = { borderRadius, labelPosition };\n  const mergedSx = mergeSx(presetSx ?? {}, sx);\n\n  const renderPicker = (\n    value: Dayjs | null,\n    onChange: (date: Dayjs | null) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n    return (\n      <LocalizationProvider\n        dateAdapter={AdapterDayjs}\n        adapterLocale={adapterLocale}\n        localeText={esES.components.MuiLocalizationProvider.defaultProps.localeText}\n      >\n        <DateTimePickerRoot\n          ref={ref}\n          ownerState={ownerState}\n          className={className}\n          label={label}\n          value={value}\n          onChange={onChange}\n          onError={setValidationError}\n          minDateTime={minDateTime}\n          maxDateTime={maxDateTime}\n          minutesStep={minutesStep}\n          disabled={disabled}\n          readOnly={readOnly}\n          minTime={minTime}\n          format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n          ampm={ampm}\n          viewRenderers={viewRenderers}\n          timeSteps={timeSteps}\n          views={views}\n          sx={mergedSx}\n          slotProps={{\n            ...slotPropsProp,\n            textField: {\n              fullWidth: true,\n              size,\n              variant: 'outlined',\n              // Consumer overrides visuales / de comportamiento opcionales.\n              ...(slotPropsProp?.textField as Record<string, any> | undefined),\n              ...textFieldProps,\n              // Props críticas al final: ganan al consumer para no romper la\n              // integración con RHF ni desactivar el visual de error.\n              onBlur,\n              inputRef,\n              error: !!finalError,\n              helperText: finalHelperText,\n            } as any,\n          }}\n          localeText={customLocaleText}\n          {...rest}\n        />\n      </LocalizationProvider>\n    );\n  };\n\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFDateTimePickerProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderPicker(\n            field.value ?? null,\n            (next) => {\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n  return renderPicker(selectedDateTime, onDateTimeChange);\n  },\n);\n\nexport default DateTimePicker;\n"],"names":["buildFormFieldStyles","styled","MuiDateTimePicker","DateTimePicker","FIELD_BORDER_RADIUS","useMemo","useTheme","resolvePreset","mergeSx","jsx","LocalizationProvider","AdapterDayjs","esES","Controller","_a"],"mappings":"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"}

package/chunks/DateTimePicker-BXghtoRm.mjs

@@ -0,0 +1,231 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import React__default, { useMemo } from "react";
+import { useTheme, styled } from "@mui/material/styles";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
+import { esES } from "@mui/x-date-pickers/locales";
+import { Controller } from "react-hook-form";
+import { b as buildFormFieldStyles } from "./formField.sx-BLA6rq1F.mjs";
+import { m as mergeSx } from "./mergeSx-BXoNZjB_.mjs";
+import { r as resolvePreset } from "./resolvePreset-K6_BfWHD.mjs";
+import { F as FIELD_BORDER_RADIUS } from "./tokens-C2AKLGbM.mjs";
+const buildDateTimePickerStyles = (theme, borderRadius, labelPosition) => buildFormFieldStyles(theme, { borderRadius, labelPosition, includePickersApi: true });
+const getDateTimeValidationMessage = (error) => {
+  switch (error) {
+    case "minDate":
+    case "maxDate":
+    case "minTime":
+    case "maxTime":
+      return "Fecha/hora fuera del rango permitido";
+    case "invalidDate":
+      return "Formato de fecha/hora inválido";
+    case "disableFuture":
+      return "No se permiten fechas/horas futuras";
+    case "disablePast":
+      return "No se permiten fechas/horas pasadas";
+    case "minutesStep":
+      return "Minutos no válidos para el paso configurado";
+    default:
+      return "";
+  }
+};
+const buildLocaleText = (clearButtonText, cancelButtonText, acceptButtonText) => {
+  const text = {};
+  if (clearButtonText) text.clearButtonLabel = clearButtonText;
+  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;
+  if (acceptButtonText) text.okButtonLabel = acceptButtonText;
+  return text;
+};
+const DateTimePickerRoot = styled(DateTimePicker$1, {
+  name: "FriDateTimePicker",
+  slot: "Root",
+  shouldForwardProp: (prop) => prop !== "ownerState"
+})(
+  ({ theme, ownerState }) => buildDateTimePickerStyles(theme, ownerState.borderRadius, ownerState.labelPosition)
+);
+const DateTimePicker = React__default.forwardRef(
+  function DateTimePicker2(props, ref) {
+    const _a = props, {
+      label,
+      minDateTime,
+      maxDateTime,
+      disabled,
+      readOnly,
+      inputFormat,
+      borderRadius = FIELD_BORDER_RADIUS,
+      labelPosition = "outside",
+      size = "small",
+      helperText,
+      error: errorProp,
+      sx,
+      className,
+      preset,
+      adapterLocale,
+      clearButtonText,
+      cancelButtonText,
+      acceptButtonText,
+      minutesStep,
+      minTime,
+      ampm = false,
+      viewRenderers,
+      timeSteps,
+      views,
+      textFieldProps,
+      slotProps: slotPropsProp
+    } = _a, rest = __objRest(_a, [
+      "label",
+      "minDateTime",
+      "maxDateTime",
+      "disabled",
+      "readOnly",
+      "inputFormat",
+      "borderRadius",
+      "labelPosition",
+      "size",
+      "helperText",
+      "error",
+      "sx",
+      "className",
+      "preset",
+      "adapterLocale",
+      "clearButtonText",
+      "cancelButtonText",
+      "acceptButtonText",
+      "minutesStep",
+      "minTime",
+      "ampm",
+      "viewRenderers",
+      "timeSteps",
+      "views",
+      "textFieldProps",
+      "slotProps"
+    ]);
+    const [validationError, setValidationError] = React__default.useState(null);
+    const validationErrorMessage = useMemo(
+      () => getDateTimeValidationMessage(validationError),
+      [validationError]
+    );
+    const customLocaleText = useMemo(
+      () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),
+      [clearButtonText, cancelButtonText, acceptButtonText]
+    );
+    const theme = useTheme();
+    const presetSx = resolvePreset("DateTimePicker", preset, theme);
+    const ownerState = { borderRadius, labelPosition };
+    const mergedSx = mergeSx(presetSx != null ? presetSx : {}, sx);
+    const renderPicker = (value, onChange, onBlur, inputRef, rhfError, rhfHelperText) => {
+      const finalError = rhfError || !!validationErrorMessage || !!errorProp;
+      const finalHelperText = rhfHelperText || validationErrorMessage || helperText;
+      return /* @__PURE__ */ jsx(
+        LocalizationProvider,
+        {
+          dateAdapter: AdapterDayjs,
+          adapterLocale,
+          localeText: esES.components.MuiLocalizationProvider.defaultProps.localeText,
+          children: /* @__PURE__ */ jsx(
+            DateTimePickerRoot,
+            __spreadValues({
+              ref,
+              ownerState,
+              className,
+              label,
+              value,
+              onChange,
+              onError: setValidationError,
+              minDateTime,
+              maxDateTime,
+              minutesStep,
+              disabled,
+              readOnly,
+              minTime,
+              format: inputFormat != null ? inputFormat : "DD/MM/YYYY HH:mm",
+              ampm,
+              viewRenderers,
+              timeSteps,
+              views,
+              sx: mergedSx,
+              slotProps: __spreadProps(__spreadValues({}, slotPropsProp), {
+                textField: __spreadProps(__spreadValues(__spreadValues({
+                  fullWidth: true,
+                  size,
+                  variant: "outlined"
+                }, slotPropsProp == null ? void 0 : slotPropsProp.textField), textFieldProps), {
+                  // Props críticas al final: ganan al consumer para no romper la
+                  // integración con RHF ni desactivar el visual de error.
+                  onBlur,
+                  inputRef,
+                  error: !!finalError,
+                  helperText: finalHelperText
+                })
+              }),
+              localeText: customLocaleText
+            }, rest)
+          )
+        }
+      );
+    };
+    if ("control" in props && props.control) {
+      const { name, control, validation, onValueChange } = props;
+      return /* @__PURE__ */ jsx(
+        Controller,
+        {
+          name,
+          control,
+          rules: validation,
+          render: ({ field, fieldState: { error: fieldError } }) => {
+            var _a2;
+            return renderPicker(
+              (_a2 = field.value) != null ? _a2 : null,
+              (next) => {
+                field.onChange(next);
+                onValueChange == null ? void 0 : onValueChange(next);
+              },
+              field.onBlur,
+              field.ref,
+              !!fieldError,
+              fieldError == null ? void 0 : fieldError.message
+            );
+          }
+        }
+      );
+    }
+    const { selectedDateTime, onDateTimeChange } = props;
+    return renderPicker(selectedDateTime, onDateTimeChange);
+  }
+);
+export {
+  DateTimePicker as D
+};
+//# sourceMappingURL=DateTimePicker-BXghtoRm.mjs.map

package/chunks/DateTimePicker-BXghtoRm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-BXghtoRm.mjs","sources":["../../src/components/DateTimePicker/DateTimePicker.sx.ts","../../src/components/DateTimePicker/DateTimePicker.helpers.ts","../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import type { SxProps, Theme } from '@mui/material';\nimport type { CSSObject } from '@mui/material/styles';\n\nimport { buildFormFieldSx, buildFormFieldStyles } from '../_shared/formField.sx';\nimport type { LabelPosition } from './DateTimePicker';\n\n/** Estilo de fábrica del DateTimePicker, en CSS real (para `styled()`). */\nexport const buildDateTimePickerStyles = (\n  theme: Theme,\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): CSSObject =>\n  buildFormFieldStyles(theme, { borderRadius, labelPosition, includePickersApi: true });\n\n/**\n * @deprecated El componente ya no lo usa: su estilo de fábrica vive en el\n * `styled()`. Preferir `buildDateTimePickerStyles`.\n */\nexport const buildDateTimePickerSx = (\n  borderRadius: number | string,\n  labelPosition: LabelPosition,\n): SxProps<Theme> =>\n  buildFormFieldSx({\n    borderRadius,\n    labelPosition,\n    includePickersApi: true,\n  });\n","import type { DateTimeValidationError } from '@mui/x-date-pickers/models';\n\n/**\n * Traduce el error del DateTimePicker a un mensaje en español. Se usa\n * internamente para poblar `helperText` cuando hay error de validación.\n * Cubre tanto errores de fecha (`minDate`, `maxDate`, etc.) como de hora\n * (`minTime`, `maxTime`, `minutesStep`, etc.).\n */\nexport const getDateTimeValidationMessage = (\n  error: DateTimeValidationError | null,\n): string => {\n  switch (error) {\n    case 'minDate':\n    case 'maxDate':\n    case 'minTime':\n    case 'maxTime':\n      return 'Fecha/hora fuera del rango permitido';\n    case 'invalidDate':\n      return 'Formato de fecha/hora inválido';\n    case 'disableFuture':\n      return 'No se permiten fechas/horas futuras';\n    case 'disablePast':\n      return 'No se permiten fechas/horas pasadas';\n    case 'minutesStep':\n      return 'Minutos no válidos para el paso configurado';\n    default:\n      return '';\n  }\n};\n\n/**\n * Construye el `localeText` que MUI acepta para overridear los labels de los\n * botones del popover (Cancel / OK / Clear).\n */\nexport const buildLocaleText = (\n  clearButtonText?: string,\n  cancelButtonText?: string,\n  acceptButtonText?: string,\n): Record<string, string> => {\n  const text: Record<string, string> = {};\n  if (clearButtonText) text.clearButtonLabel = clearButtonText;\n  if (cancelButtonText) text.cancelButtonLabel = cancelButtonText;\n  if (acceptButtonText) text.okButtonLabel = acceptButtonText;\n  return text;\n};\n","import React, { useMemo } from 'react';\nimport type { SxProps, Theme } from '@mui/material';\nimport { styled, useTheme } from '@mui/material/styles';\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  type DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker';\nimport type { DateTimeValidationError } from '@mui/x-date-pickers/models';\nimport { esES } from '@mui/x-date-pickers/locales';\nimport { Dayjs } from 'dayjs';\nimport { Controller, type Control, type RegisterOptions } from 'react-hook-form';\n\nimport { buildDateTimePickerStyles } from './DateTimePicker.sx';\nimport { mergeSx } from '../_shared/mergeSx';\nimport {\n  buildLocaleText,\n  getDateTimeValidationMessage,\n} from './DateTimePicker.helpers';\nimport { resolvePreset } from '../_shared/resolvePreset';\nimport { FIELD_BORDER_RADIUS } from '../../theme/tokens';\n\n// ── Tipos de dominio ─────────────────────────────────────────────────────\nexport type LabelPosition = 'outside' | 'floating';\nexport type DateTimePickerSize = 'small' | 'medium';\n\n// ── Props base ───────────────────────────────────────────────────────────\nexport interface BaseDateTimePickerProps\n  extends Omit<MuiDateTimePickerProps, 'value' | 'onChange' | 'slotProps' | 'format'> {\n  label?: string;\n  minDateTime?: Dayjs;\n  maxDateTime?: Dayjs;\n  disabled?: boolean;\n  readOnly?: boolean;\n  /** Formato de la fecha/hora. Default: 'DD/MM/YYYY HH:mm'. */\n  inputFormat?: string;\n  /** Border radius del input. Default: 10. */\n  borderRadius?: number | string;\n  /** \"outside\" (default) o \"floating\". */\n  labelPosition?: LabelPosition;\n  /** Tamaño del TextField. Default: 'small'. */\n  size?: DateTimePickerSize;\n  helperText?: string;\n  error?: boolean;\n  sx?: SxProps<Theme>;\n  className?: string;\n  /**\n   * Nombre del preset de estilo registrado en `theme.styles.DateTimePicker`.\n   * - `\"default\"` (o ausente) = estilo built-in del paquete.\n   * - Cualquier otro string = mergea el preset encima del estilo built-in.\n   */\n  preset?: string;\n  /** Locale del adaptador dayjs. */\n  adapterLocale?: string;\n  /** Textos de los botones del popover. */\n  clearButtonText?: string;\n  cancelButtonText?: string;\n  acceptButtonText?: string;\n  minutesStep?: number;\n  minTime?: Dayjs;\n  /** Si es true usa formato 12h (AM/PM), false = 24h. Default: false. */\n  ampm?: boolean;\n  viewRenderers?: MuiDateTimePickerProps['viewRenderers'];\n  timeSteps?: MuiDateTimePickerProps['timeSteps'];\n  /**\n   * Vistas a mostrar en el popover. Default: todas (year, month, day, hours, minutes).\n   * Ej: `['hours']` solo permite elegir la hora. `['hours','minutes']` oculta el calendar.\n   *\n   * Va declarado explícito (y no se hereda del `Omit<MuiDateTimePickerProps>`)\n   * porque se desestructura del `props` y se pasa a mano al picker: si sólo\n   * viviera en el tipo base caería en el `...rest` y quedaría duplicado.\n   */\n  views?: MuiDateTimePickerProps['views'];\n  textFieldProps?: Record<string, any>;\n  /** Passthrough completo a slotProps del MuiDateTimePicker. */\n  slotProps?: MuiDateTimePickerProps['slotProps'];\n}\n\n// ── Variantes discriminadas (RHF vs controlado) ──────────────────────────\nexport interface RHFDateTimePickerProps extends BaseDateTimePickerProps {\n  name: string;\n  // `any` plano (no `Control<any>`): RHF tipa `Control<T>` con generics en\n  // posiciones tanto contravariantes como covariantes (ej. `_subjects.state`).\n  // Cuando el componente o su uso involucra generics adicionales, TS se\n  // confunde narroweando el discriminated union y `Control<any>` no logra\n  // absorber `Control<MyForm>` en la comparación estructural profunda. El\n  // `any` plano elimina ese ruido. RHF adentro sigue teniendo sus tipos\n  // fuertes — solo degradamos la superficie del prop del componente.\n  control: any;\n  validation?: RegisterOptions;\n  /**\n   * Side-effect que corre después de que RHF actualiza el form state.\n   * Útil para cascadas entre campos. NO reemplaza al handler de RHF.\n   */\n  onValueChange?: (dateTime: Dayjs | null) => void;\n  selectedDateTime?: never;\n  onDateTimeChange?: never;\n}\n\nexport interface ControlledDateTimePickerProps extends BaseDateTimePickerProps {\n  name?: string;\n  control?: never;\n  validation?: never;\n  selectedDateTime: Dayjs | null;\n  onDateTimeChange: (dateTime: Dayjs | null) => void;\n}\n\n// ── API pública final ────────────────────────────────────────────────────\nexport type DateTimePickerProps =\n  | RHFDateTimePickerProps\n  | ControlledDateTimePickerProps;\n\n/** Estado que decide el estilo de fábrica del campo. */\ninterface DateTimePickerOwnerState {\n  borderRadius: number | string;\n  labelPosition: LabelPosition;\n}\n\n/** Root themeable vía `theme.components.FriDateTimePicker`. */\nconst DateTimePickerRoot = styled(MuiDateTimePicker, {\n  name: 'FriDateTimePicker',\n  slot: 'Root',\n  shouldForwardProp: (prop) => prop !== 'ownerState',\n})<{ ownerState: DateTimePickerOwnerState }>(({ theme, ownerState }) =>\n  buildDateTimePickerStyles(theme, ownerState.borderRadius, ownerState.labelPosition),\n);\n\nexport const DateTimePicker = React.forwardRef<HTMLDivElement, DateTimePickerProps>(\n  function DateTimePicker(props, ref) {\n  const {\n    label,\n    minDateTime,\n    maxDateTime,\n    disabled,\n    readOnly,\n    inputFormat,\n    borderRadius = FIELD_BORDER_RADIUS,\n    labelPosition = 'outside',\n    size = 'small',\n    helperText,\n    error: errorProp,\n    sx,\n    className,\n    preset,\n    adapterLocale,\n    clearButtonText,\n    cancelButtonText,\n    acceptButtonText,\n    minutesStep,\n    minTime,\n    ampm = false,\n    viewRenderers,\n    timeSteps,\n    views,\n    textFieldProps,\n    slotProps: slotPropsProp,\n    ...rest\n  } = props as ControlledDateTimePickerProps & {\n    control?: Control<any>;\n    validation?: RegisterOptions;\n  };\n\n  const [validationError, setValidationError] = React.useState<DateTimeValidationError | null>(null);\n\n  const validationErrorMessage = useMemo(\n    () => getDateTimeValidationMessage(validationError),\n    [validationError],\n  );\n\n  const customLocaleText = useMemo(\n    () => buildLocaleText(clearButtonText, cancelButtonText, acceptButtonText),\n    [clearButtonText, cancelButtonText, acceptButtonText],\n  );\n\n  const theme = useTheme();\n  const presetSx = resolvePreset('DateTimePicker', preset, theme);\n\n  // El estilo de fábrica vive en `DateTimePickerRoot` (styled) — ver Input.\n  const ownerState: DateTimePickerOwnerState = { borderRadius, labelPosition };\n  const mergedSx = mergeSx(presetSx ?? {}, sx);\n\n  const renderPicker = (\n    value: Dayjs | null,\n    onChange: (date: Dayjs | null) => void,\n    onBlur?: () => void,\n    inputRef?: React.Ref<any>,\n    rhfError?: boolean,\n    rhfHelperText?: string,\n  ) => {\n    const finalError = rhfError || !!validationErrorMessage || !!errorProp;\n    const finalHelperText = rhfHelperText || validationErrorMessage || helperText;\n\n    return (\n      <LocalizationProvider\n        dateAdapter={AdapterDayjs}\n        adapterLocale={adapterLocale}\n        localeText={esES.components.MuiLocalizationProvider.defaultProps.localeText}\n      >\n        <DateTimePickerRoot\n          ref={ref}\n          ownerState={ownerState}\n          className={className}\n          label={label}\n          value={value}\n          onChange={onChange}\n          onError={setValidationError}\n          minDateTime={minDateTime}\n          maxDateTime={maxDateTime}\n          minutesStep={minutesStep}\n          disabled={disabled}\n          readOnly={readOnly}\n          minTime={minTime}\n          format={inputFormat ?? 'DD/MM/YYYY HH:mm'}\n          ampm={ampm}\n          viewRenderers={viewRenderers}\n          timeSteps={timeSteps}\n          views={views}\n          sx={mergedSx}\n          slotProps={{\n            ...slotPropsProp,\n            textField: {\n              fullWidth: true,\n              size,\n              variant: 'outlined',\n              // Consumer overrides visuales / de comportamiento opcionales.\n              ...(slotPropsProp?.textField as Record<string, any> | undefined),\n              ...textFieldProps,\n              // Props críticas al final: ganan al consumer para no romper la\n              // integración con RHF ni desactivar el visual de error.\n              onBlur,\n              inputRef,\n              error: !!finalError,\n              helperText: finalHelperText,\n            } as any,\n          }}\n          localeText={customLocaleText}\n          {...rest}\n        />\n      </LocalizationProvider>\n    );\n  };\n\n  if ('control' in props && props.control) {\n    const { name, control, validation, onValueChange } = props as RHFDateTimePickerProps;\n    return (\n      <Controller\n        name={name}\n        control={control}\n        rules={validation}\n        render={({ field, fieldState: { error: fieldError } }) =>\n          renderPicker(\n            field.value ?? null,\n            (next) => {\n              field.onChange(next);\n              onValueChange?.(next);\n            },\n            field.onBlur,\n            field.ref,\n            !!fieldError,\n            fieldError?.message,\n          )\n        }\n      />\n    );\n  }\n\n  const { selectedDateTime, onDateTimeChange } = props as ControlledDateTimePickerProps;\n  return renderPicker(selectedDateTime, onDateTimeChange);\n  },\n);\n\nexport default DateTimePicker;\n"],"names":["MuiDateTimePicker","React","DateTimePicker","_a"],"mappings":"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"}

package/chunks/Divider-CSDEVgHL.cjs

@@ -0,0 +1,41 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const Divider = React.forwardRef(function Divider2(_a, ref) {
+  var _b = _a, { orientation = "horizontal", variant = "fullWidth", children } = _b, rest = __objRest(_b, ["orientation", "variant", "children"]);
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Divider, __spreadProps(__spreadValues({ ref, orientation, variant }, rest), { children }));
+});
+exports.Divider = Divider;
+//# sourceMappingURL=Divider-CSDEVgHL.cjs.map

package/chunks/Divider-CSDEVgHL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-CSDEVgHL.cjs","sources":["../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { Divider as MuiDivider, type DividerProps as MuiDividerProps } from '@mui/material';\n\nexport interface DividerProps extends MuiDividerProps {\n  /** Contenido opcional (label) en medio del divider. */\n  children?: ReactNode;\n}\n\n/** Separador. Wrapper fino sobre MUI `Divider`. */\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', variant = 'fullWidth', children, ...rest },\n  ref,\n) {\n  return (\n    <MuiDivider ref={ref} orientation={orientation} variant={variant} {...rest}>\n      {children}\n    </MuiDivider>\n  );\n});\n\nexport default Divider;\n"],"names":["forwardRef","Divider","MuiDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,UAAUA,MAAAA,WAAwC,SAASC,SACtE,IACA,KACA;AAFA,eAAE,gBAAc,cAAc,UAAU,aAAa,aAArD,IAAkE,iBAAlE,IAAkE,CAAhE,eAA4B,WAAuB;AAGrD,wCACGC,SAAAA,SAAA,+BAAW,KAAU,aAA0B,WAAsB,OAArE,EACE,WACH;AAEJ,CAAC;;"}

package/chunks/Divider-LWjGO0ja.mjs

@@ -0,0 +1,42 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Divider as Divider$1 } from "@mui/material";
+const Divider = forwardRef(function Divider2(_a, ref) {
+  var _b = _a, { orientation = "horizontal", variant = "fullWidth", children } = _b, rest = __objRest(_b, ["orientation", "variant", "children"]);
+  return /* @__PURE__ */ jsx(Divider$1, __spreadProps(__spreadValues({ ref, orientation, variant }, rest), { children }));
+});
+export {
+  Divider as D
+};
+//# sourceMappingURL=Divider-LWjGO0ja.mjs.map

package/chunks/Divider-LWjGO0ja.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-LWjGO0ja.mjs","sources":["../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { forwardRef, type ReactNode } from 'react';\nimport { Divider as MuiDivider, type DividerProps as MuiDividerProps } from '@mui/material';\n\nexport interface DividerProps extends MuiDividerProps {\n  /** Contenido opcional (label) en medio del divider. */\n  children?: ReactNode;\n}\n\n/** Separador. Wrapper fino sobre MUI `Divider`. */\nexport const Divider = forwardRef<HTMLHRElement, DividerProps>(function Divider(\n  { orientation = 'horizontal', variant = 'fullWidth', children, ...rest },\n  ref,\n) {\n  return (\n    <MuiDivider ref={ref} orientation={orientation} variant={variant} {...rest}>\n      {children}\n    </MuiDivider>\n  );\n});\n\nexport default Divider;\n"],"names":["Divider","MuiDivider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAM,UAAU,WAAwC,SAASA,SACtE,IACA,KACA;AAFA,eAAE,gBAAc,cAAc,UAAU,aAAa,aAArD,IAAkE,iBAAlE,IAAkE,CAAhE,eAA4B,WAAuB;AAGrD,6BACGC,WAAA,+BAAW,KAAU,aAA0B,WAAsB,OAArE,EACE,WACH;AAEJ,CAAC;"}