@arquimedes.co/eureka-forms 3.0.45-mui9 → 3.0.46-new-steps

package/dist/@Types/AvailabilityFormStep.d.ts

@@ -0,0 +1,65 @@
+/**
+ * DRAFT — AvailabilityFormStep types
+ *
+ * Paso para capturar ventanas de disponibilidad: días de la semana + rangos de hora.
+ * Ej: "Disponible lunes y miércoles de 9am a 12pm, y viernes de 2pm a 6pm"
+ */
+import { GBaseStep } from './GenericFormSteps';
+/** Granularidad de los slots — define cada cuánto se pueden seleccionar franjas */
+export declare enum AvailabilityGranularity {
+    HOUR = "HOUR",
+    HALF_HOUR = "HALF_HOUR",
+    QUARTER_HOUR = "QUARTER_HOUR"
+}
+/** Días de la semana (refleja DaysOfWeekTypes de Eureka-Types con valores 1-7) */
+export declare enum AvailabilityDayOfWeek {
+    MONDAY = 1,
+    TUESDAY = 2,
+    WEDNESDAY = 3,
+    THURSDAY = 4,
+    FRIDAY = 5,
+    SATURDAY = 6,
+    SUNDAY = 7
+}
+export interface AvailabilityStep extends GBaseStep {
+    type: 'AVAILABILITY';
+    label: string;
+    description: string | null;
+    required: boolean;
+    /**
+     * Días que el usuario puede seleccionar.
+     * Si no se define, todos los días de la semana están disponibles.
+     */
+    allowedDays?: AvailabilityDayOfWeek[];
+    granularity: AvailabilityGranularity;
+    /**
+     * Si true, el usuario puede agregar múltiples franjas por día.
+     * Si false, solo puede seleccionar una franja continua por día.
+     */
+    allowMultipleSlots: boolean;
+    /**
+     * Hora mínima seleccionable en formato HH:mm (24h).
+     * Default: "00:00"
+     */
+    minTime?: string;
+    /**
+     * Hora máxima seleccionable en formato HH:mm (24h).
+     * Default: "23:59"
+     */
+    maxTime?: string;
+    size: 1 | 2 | 3 | 4;
+}
+/** Franja horaria dentro de un día */
+export interface AvailabilitySlot {
+    /** Hora de inicio en formato HH:mm (24h) */
+    start: string;
+    /** Hora de fin en formato HH:mm (24h) */
+    end: string;
+}
+/** Disponibilidad de un día específico */
+export interface AvailabilityDay {
+    day: AvailabilityDayOfWeek;
+    slots: AvailabilitySlot[];
+}
+/** Valor completo del paso — array de días con sus franjas */
+export type AvailabilityValue = AvailabilityDay[];

package/dist/@Types/AvailabilityFormStep.js

@@ -0,0 +1,27 @@
+/**
+ * DRAFT — AvailabilityFormStep types
+ *
+ * Paso para capturar ventanas de disponibilidad: días de la semana + rangos de hora.
+ * Ej: "Disponible lunes y miércoles de 9am a 12pm, y viernes de 2pm a 6pm"
+ */
+// ===========================================================================
+// Enums
+// ===========================================================================
+/** Granularidad de los slots — define cada cuánto se pueden seleccionar franjas */
+export var AvailabilityGranularity;
+(function (AvailabilityGranularity) {
+    AvailabilityGranularity["HOUR"] = "HOUR";
+    AvailabilityGranularity["HALF_HOUR"] = "HALF_HOUR";
+    AvailabilityGranularity["QUARTER_HOUR"] = "QUARTER_HOUR";
+})(AvailabilityGranularity || (AvailabilityGranularity = {}));
+/** Días de la semana (refleja DaysOfWeekTypes de Eureka-Types con valores 1-7) */
+export var AvailabilityDayOfWeek;
+(function (AvailabilityDayOfWeek) {
+    AvailabilityDayOfWeek[AvailabilityDayOfWeek["MONDAY"] = 1] = "MONDAY";
+    AvailabilityDayOfWeek[AvailabilityDayOfWeek["TUESDAY"] = 2] = "TUESDAY";
+    AvailabilityDayOfWeek[AvailabilityDayOfWeek["WEDNESDAY"] = 3] = "WEDNESDAY";
+    AvailabilityDayOfWeek[AvailabilityDayOfWeek["THURSDAY"] = 4] = "THURSDAY";
+    AvailabilityDayOfWeek[AvailabilityDayOfWeek["FRIDAY"] = 5] = "FRIDAY";
+    AvailabilityDayOfWeek[AvailabilityDayOfWeek["SATURDAY"] = 6] = "SATURDAY";
+    AvailabilityDayOfWeek[AvailabilityDayOfWeek["SUNDAY"] = 7] = "SUNDAY";
+})(AvailabilityDayOfWeek || (AvailabilityDayOfWeek = {}));

package/dist/@Types/BankAccountFormStep.d.ts

@@ -0,0 +1,67 @@
+/**
+ * DRAFT — BankAccountFormStep types
+ *
+ * Paso para capturar información de una cuenta bancaria.
+ * Incluye banco, tipo de cuenta, número, país, moneda y titular opcional.
+ */
+import { GBaseStep } from './GenericFormSteps';
+export declare enum BankAccountType {
+    SAVINGS = "SAVINGS",
+    CHECKING = "CHECKING"
+}
+export interface BankAccountStep extends GBaseStep {
+    type: 'BANK_ACCOUNT';
+    label: string;
+    description: string | null;
+    required: boolean;
+    /**
+     * País predeterminado para filtrar la lista de bancos.
+     * Código ISO 3166-1 alpha-2 (ej: "CO", "US", "MX").
+     * El usuario puede cambiarlo si no se restringe.
+     */
+    defaultCountry?: string;
+    /**
+     * Si se define, solo se muestran bancos de estos países.
+     * Si no se define, se permite cualquier país.
+     */
+    allowedCountries?: string[];
+    /**
+     * Si se define, solo se muestran estas monedas.
+     * Códigos ISO 4217 (ej: ["COP", "USD"]).
+     */
+    allowedCurrencies?: string[];
+    /**
+     * Si true, se solicita información del titular de la cuenta
+     * (nombre / identificación).
+     */
+    requireHolder: boolean;
+    size: 1 | 2 | 3 | 4;
+}
+export interface BankAccountHolder {
+    /** Nombre completo del titular */
+    name?: string;
+    /**
+     * Referencia a un registro de identidad en Capta.
+     * Puede ser el id del contacto o el número de documento.
+     */
+    identityRef?: string;
+}
+export interface BankValue {
+    bank: {
+        /** Id interno del banco en el catálogo de Capta */
+        id: string;
+        /** Nombre display del banco */
+        label: string;
+    };
+    /**
+     * Tipo de cuenta. Se acepta string para bancos con tipos no estándar
+     * (ej: "NEQUI", "DAVIPLATA", "CORRIENTE_EXTERIOR").
+     */
+    accountType: BankAccountType | string;
+    accountNumber: string;
+    /** Código ISO 3166-1 alpha-2 del país */
+    country: string;
+    /** Código ISO 4217 de la moneda */
+    currency: string;
+    holder?: BankAccountHolder;
+}

package/dist/@Types/BankAccountFormStep.js

@@ -0,0 +1,14 @@
+/**
+ * DRAFT — BankAccountFormStep types
+ *
+ * Paso para capturar información de una cuenta bancaria.
+ * Incluye banco, tipo de cuenta, número, país, moneda y titular opcional.
+ */
+// ===========================================================================
+// Enums
+// ===========================================================================
+export var BankAccountType;
+(function (BankAccountType) {
+    BankAccountType["SAVINGS"] = "SAVINGS";
+    BankAccountType["CHECKING"] = "CHECKING";
+})(BankAccountType || (BankAccountType = {}));

package/dist/@Types/CommunicationChannelFormStep.d.ts

@@ -0,0 +1,51 @@
+/**
+ * DRAFT — CommunicationChannelFormStep types
+ *
+ * Paso para capturar uno o más canales de comunicación (WhatsApp / Email / Teléfono).
+ * Cada canal es un objeto con tipo + valor + estado de verificación opcional.
+ */
+import { GBaseStep } from './GenericFormSteps';
+export declare enum CommunicationChannelType {
+    WHATSAPP = "WHATSAPP",
+    EMAIL = "EMAIL",
+    PHONE = "PHONE"
+}
+export interface CommunicationChannelStep extends GBaseStep {
+    type: 'COMMUNICATION_CHANNEL';
+    label: string;
+    description: string | null;
+    required: boolean;
+    /**
+     * Canales que el usuario puede seleccionar.
+     * Si solo hay uno, no se muestra el selector de tipo.
+     */
+    allowedChannels: [CommunicationChannelType, ...CommunicationChannelType[]];
+    /**
+     * Si true, se muestra un campo/estado "verificado" junto al valor.
+     * Útil para marcar si el canal fue confirmado (doble opt-in, OTP, etc.).
+     */
+    includeVerification: boolean;
+    /**
+     * Si true, el usuario puede agregar más de un canal.
+     * El valor guardado pasa de ser un objeto a un array.
+     */
+    allowMultiple: boolean;
+    /** Solo aplica si allowMultiple === true */
+    maxChannels?: number;
+    size: 1 | 2 | 3 | 4;
+}
+export interface CommunicationChannelValue {
+    channelType: CommunicationChannelType;
+    /** Número de teléfono (con código de país) o dirección de email */
+    value: string;
+    /**
+     * Presente solo si el paso tiene includeVerification === true.
+     * true = verificado, false = pendiente de verificación.
+     */
+    verified?: boolean;
+}
+/**
+ * Si allowMultiple === false → CommunicationChannelValue
+ * Si allowMultiple === true  → CommunicationChannelValue[]
+ */
+export type CommunicationChannelStepValue = CommunicationChannelValue | CommunicationChannelValue[];

package/dist/@Types/CommunicationChannelFormStep.js

@@ -0,0 +1,15 @@
+/**
+ * DRAFT — CommunicationChannelFormStep types
+ *
+ * Paso para capturar uno o más canales de comunicación (WhatsApp / Email / Teléfono).
+ * Cada canal es un objeto con tipo + valor + estado de verificación opcional.
+ */
+// ===========================================================================
+// Enum de canales (refleja ChannelTypes de Eureka-Types)
+// ===========================================================================
+export var CommunicationChannelType;
+(function (CommunicationChannelType) {
+    CommunicationChannelType["WHATSAPP"] = "WHATSAPP";
+    CommunicationChannelType["EMAIL"] = "EMAIL";
+    CommunicationChannelType["PHONE"] = "PHONE";
+})(CommunicationChannelType || (CommunicationChannelType = {}));

package/dist/@Types/ConsentFormStep.d.ts

@@ -0,0 +1,36 @@
+/**
+ * DRAFT — ConsentFormStep types
+ *
+ * Paso de consentimiento / términos y condiciones.
+ * El usuario debe aceptar explícitamente para continuar.
+ * El contenido puede ser texto enriquecido (EurekaDraft) o un link externo.
+ */
+import { GBaseStep } from './GenericFormSteps';
+import { EurekaDraft } from './Draft/Draft';
+export interface ConsentStep extends GBaseStep {
+    type: 'CONSENT';
+    /**
+     * Texto del checkbox que el usuario marca.
+     * Ej: "Acepto los términos y condiciones de uso"
+     */
+    label: string;
+    required: boolean;
+    /**
+     * Contenido completo del documento de T&C / política.
+     * Se muestra en un modal o área expandible al hacer clic en el link.
+     * Si no se define, solo se muestra label + linkUrl.
+     */
+    content?: EurekaDraft;
+    /**
+     * URL externa opcional. Si se define, el link abre esta URL en lugar
+     * de mostrar el content inline.
+     * Solo uno de content o linkUrl debería estar activo a la vez.
+     */
+    linkUrl?: string;
+    /**
+     * Si true, el checkbox no se puede desmarcar una vez aceptado
+     * (útil en flujos donde el consentimiento es permanente en esa sesión).
+     */
+    irreversible?: boolean;
+}
+export type ConsentValue = boolean;

package/dist/@Types/ConsentFormStep.js

@@ -0,0 +1,8 @@
+/**
+ * DRAFT — ConsentFormStep types
+ *
+ * Paso de consentimiento / términos y condiciones.
+ * El usuario debe aceptar explícitamente para continuar.
+ * El contenido puede ser texto enriquecido (EurekaDraft) o un link externo.
+ */
+export {};

package/dist/@Types/EntityFormFormStep.d.ts

@@ -0,0 +1,66 @@
+/**
+ * DRAFT — EntityFormFormStep types
+ *
+ * Paso que permite al usuario buscar y/o crear un registro de entidad
+ * directamente dentro del formulario, sin salir de él.
+ *
+ * Modos:
+ *   SEARCH           → solo busca entidades existentes
+ *   CREATE           → solo crea una entidad nueva (muestra sub-campos)
+ *   SEARCH_OR_CREATE → busca primero; si no encuentra, puede crear
+ */
+import { GBaseStep } from './GenericFormSteps';
+import { ErkIconTypes } from '../constants/ErkIconTypes';
+export declare enum EntityFormMode {
+    SEARCH = "SEARCH",
+    CREATE = "CREATE",
+    SEARCH_OR_CREATE = "SEARCH_OR_CREATE"
+}
+export interface EntityFormStep extends GBaseStep {
+    type: 'ENTITY_FORM';
+    label: string;
+    description: string | null;
+    required: boolean;
+    /** Id de la entidad de Capta que se va a buscar/crear */
+    idEntity: string;
+    mode: EntityFormMode;
+    /** Icono representativo de la entidad en la UI */
+    icon: ErkIconTypes;
+    /**
+     * Si true (solo para SEARCH y SEARCH_OR_CREATE), se muestra un campo de
+     * búsqueda con filtrado por texto.
+     */
+    searchable?: boolean;
+    /**
+     * Ids de los FormSteps que definen los campos del sub-formulario de creación.
+     * Solo aplica cuando mode === CREATE o SEARCH_OR_CREATE.
+     * Estos steps son "embebidos" — se renderizan inline dentro de este paso.
+     */
+    entityFieldSteps?: string[];
+    /**
+     * Si true, el usuario puede seleccionar más de un registro.
+     * El valor pasa de ser un objeto a un array.
+     */
+    allowMultiple?: boolean;
+    maxSize?: number;
+    size: 1 | 2 | 3 | 4;
+}
+/** Entidad existente seleccionada en modo SEARCH */
+export interface ExistingEntityRef {
+    /** Id del registro de entidad en Capta */
+    idEntityValue: string;
+    /** Etiqueta display del registro (para mostrar en UI sin refetch) */
+    label?: string;
+}
+/** Entidad nueva creada en modo CREATE */
+export interface NewEntityDraft {
+    /** Indica que este valor corresponde a un registro por crear */
+    isDraft: true;
+    /** Campos del sub-formulario indexados por stepId */
+    fields: Record<string, unknown>;
+}
+/**
+ * Si allowMultiple === false → ExistingEntityRef | NewEntityDraft
+ * Si allowMultiple === true  → (ExistingEntityRef | NewEntityDraft)[]
+ */
+export type EntityFormStepValue = ExistingEntityRef | NewEntityDraft | (ExistingEntityRef | NewEntityDraft)[];

package/dist/@Types/EntityFormFormStep.js

@@ -0,0 +1,20 @@
+/**
+ * DRAFT — EntityFormFormStep types
+ *
+ * Paso que permite al usuario buscar y/o crear un registro de entidad
+ * directamente dentro del formulario, sin salir de él.
+ *
+ * Modos:
+ *   SEARCH           → solo busca entidades existentes
+ *   CREATE           → solo crea una entidad nueva (muestra sub-campos)
+ *   SEARCH_OR_CREATE → busca primero; si no encuentra, puede crear
+ */
+// ===========================================================================
+// Enum de modos
+// ===========================================================================
+export var EntityFormMode;
+(function (EntityFormMode) {
+    EntityFormMode["SEARCH"] = "SEARCH";
+    EntityFormMode["CREATE"] = "CREATE";
+    EntityFormMode["SEARCH_OR_CREATE"] = "SEARCH_OR_CREATE";
+})(EntityFormMode || (EntityFormMode = {}));

package/dist/@Types/EventFormStep.d.ts

@@ -0,0 +1,52 @@
+/**
+ * DRAFT — EventFormStep types
+ *
+ * Paso para capturar un evento de calendario.
+ * La semántica exacta está pendiente de revisión — este draft cubre la
+ * configuración más probable basada en la discusión inicial.
+ *
+ * TODO: Definir si "evento" corresponde a:
+ *   (a) Un evento de calendario puro (integrar con Google Calendar / Outlook)
+ *   (b) Un registro de tipo "evento" en la entidad de Capta
+ *   (c) Ambos con integración opcional
+ */
+import { GBaseStep } from './GenericFormSteps';
+export interface EventStep extends GBaseStep {
+    type: 'EVENT';
+    label: string;
+    description: string | null;
+    required: boolean;
+    /** Si true, el usuario puede especificar una fecha/hora de inicio */
+    includeStartDate: boolean;
+    /** Si true, el usuario puede especificar una fecha/hora de fin */
+    includeEndDate: boolean;
+    /** Si true, se permite marcar el evento como "todo el día" */
+    includeAllDay?: boolean;
+    /** Si true, el usuario puede agregar una ubicación al evento */
+    includeLocation: boolean;
+    /** Si true, el usuario puede escribir una descripción del evento */
+    includeDescription: boolean;
+    /** Si true, el usuario puede agregar asistentes (lista de contactos/emails) */
+    includeAttendees: boolean;
+    /**
+     * Si true, se ofrece la opción de sincronizar con calendario externo.
+     * Pendiente: definir qué calendarios se soportan.
+     */
+    includeCalendarSync?: boolean;
+    size: 1 | 2 | 3 | 4;
+}
+export interface EventStepValue {
+    /** ISO 8601 — fecha y hora de inicio */
+    startDate?: string;
+    /** ISO 8601 — fecha y hora de fin */
+    endDate?: string;
+    /** Si el evento es de día completo (sin hora específica) */
+    allDay?: boolean;
+    title?: string;
+    description?: string;
+    location?: string;
+    /** Lista de emails o ids de contactos */
+    attendees?: string[];
+    /** Si el usuario eligió sincronizar con su calendario externo */
+    calendarSync?: boolean;
+}

package/dist/@Types/EventFormStep.js

@@ -0,0 +1,13 @@
+/**
+ * DRAFT — EventFormStep types
+ *
+ * Paso para capturar un evento de calendario.
+ * La semántica exacta está pendiente de revisión — este draft cubre la
+ * configuración más probable basada en la discusión inicial.
+ *
+ * TODO: Definir si "evento" corresponde a:
+ *   (a) Un evento de calendario puro (integrar con Google Calendar / Outlook)
+ *   (b) Un registro de tipo "evento" en la entidad de Capta
+ *   (c) Ambos con integración opcional
+ */
+export {};

package/dist/@Types/ExternalReferenceFormStep.d.ts

@@ -0,0 +1,74 @@
+/**
+ * DRAFT — ExternalReferenceFormStep types
+ *
+ * Paso para capturar una referencia a un registro externo, ya sea:
+ *   - CBR (Customer Base Record) — entidades del modelo de datos de Capta
+ *   - INTEGRATION — registros de sistemas externos vía integración
+ *
+ * El usuario busca/selecciona un registro externo y el step guarda su referencia.
+ * Opcionalmente, puede incluir validación asistida por IA para normalizar el valor.
+ */
+import { GBaseStep } from './GenericFormSteps';
+export declare enum ExternalRefTargetType {
+    /** Customer Base Record — entidad interna de Capta */
+    CBR = "CBR",
+    /** Sistema externo integrado (ERP, CRM, etc.) */
+    INTEGRATION = "INTEGRATION"
+}
+/** Configuración de un tipo de entidad CBR que se puede referenciar */
+export interface CBRRefTarget {
+    /** Id del tipo de entidad en Capta (ej: "CLIENT", "SUPPLIER", "PROJECT") */
+    entityType: string;
+    /** Etiqueta legible para mostrar en la UI */
+    label: string;
+    /** Icono opcional para diferenciar tipos en el selector */
+    icon?: string;
+}
+export interface ExternalReferenceStep extends GBaseStep {
+    type: 'EXTERNAL_REFERENCE';
+    label: string;
+    description: string | null;
+    required: boolean;
+    targetType: ExternalRefTargetType;
+    /**
+     * Tipos de entidad CBR que el usuario puede referenciar.
+     * Si tiene un solo elemento, no se muestra el selector de tipo.
+     */
+    cbrTargets?: CBRRefTarget[];
+    /** Id de la integración configurada en Capta */
+    integrationId?: string;
+    /** Endpoint o recurso específico dentro de la integración */
+    integrationResource?: string;
+    /**
+     * Si true, se usa IA para validar / normalizar el valor ingresado.
+     * Ej: corregir nombre de empresa, resolver ambigüedades, sugerir coincidencias.
+     */
+    aiValidation: boolean;
+    /**
+     * Ids de otros steps cuyo valor se usa como contexto para la búsqueda.
+     * Ej: usar el valor de un step de "país" para filtrar resultados.
+     */
+    compositeStepIds?: string[];
+    /**
+     * Si true, el usuario puede seleccionar múltiples referencias.
+     */
+    allowMultiple?: boolean;
+    maxSize?: number;
+    size: 1 | 2 | 3 | 4;
+}
+export interface ExternalReferenceValue {
+    /** Identificador de la referencia en el sistema origen */
+    ref: string;
+    /** Etiqueta display del registro referenciado (para UI sin refetch) */
+    label?: string;
+    /**
+     * Datos del registro resuelto, si el backend los retorna.
+     * Estructura variable dependiendo del sistema origen.
+     */
+    resolved?: Record<string, unknown>;
+}
+/**
+ * Si allowMultiple === false → ExternalReferenceValue
+ * Si allowMultiple === true  → ExternalReferenceValue[]
+ */
+export type ExternalReferenceStepValue = ExternalReferenceValue | ExternalReferenceValue[];

package/dist/@Types/ExternalReferenceFormStep.js

@@ -0,0 +1,20 @@
+/**
+ * DRAFT — ExternalReferenceFormStep types
+ *
+ * Paso para capturar una referencia a un registro externo, ya sea:
+ *   - CBR (Customer Base Record) — entidades del modelo de datos de Capta
+ *   - INTEGRATION — registros de sistemas externos vía integración
+ *
+ * El usuario busca/selecciona un registro externo y el step guarda su referencia.
+ * Opcionalmente, puede incluir validación asistida por IA para normalizar el valor.
+ */
+// ===========================================================================
+// Enums
+// ===========================================================================
+export var ExternalRefTargetType;
+(function (ExternalRefTargetType) {
+    /** Customer Base Record — entidad interna de Capta */
+    ExternalRefTargetType["CBR"] = "CBR";
+    /** Sistema externo integrado (ERP, CRM, etc.) */
+    ExternalRefTargetType["INTEGRATION"] = "INTEGRATION";
+})(ExternalRefTargetType || (ExternalRefTargetType = {}));

package/dist/@Types/LocationFormStep.d.ts

@@ -0,0 +1,136 @@
+/**
+ * DRAFT — LocationStep types
+ * Pendiente de revisión antes de integrar al FormStep union principal.
+ */
+import { GBaseStep } from './GenericFormSteps';
+import { DynamicRef } from './StepRef';
+/** Modos de entrada que el paso puede ofrecer al usuario */
+export declare enum LocationInputMode {
+    /** Autocomplete de Google Places — retorna placeId, coordenadas y addressDetail */
+    GOOGLE_PLACES = "GOOGLE_PLACES",
+    /** Geolocalización del navegador (GPS) — retorna solo lat/lng */
+    GPS = "GPS",
+    /** Entrada manual de campos de dirección — sin coordenadas garantizadas */
+    MANUAL = "MANUAL"
+}
+/** Tipo de restricción geográfica */
+export declare enum LocationRestrictionType {
+    /** Zona circular definida por un centro y un radio en metros */
+    RADIUS = "RADIUS",
+    /** Polígono arbitrario (geofence) */
+    GEOFENCE = "GEOFENCE"
+}
+/** Comportamiento de la restricción */
+export declare enum LocationRestrictionBehavior {
+    /** Solo se permite una ubicación dentro de esta zona */
+    ALLOW = "ALLOW",
+    /** Se rechaza una ubicación dentro de esta zona */
+    DENY = "DENY"
+}
+/**
+ * Coordenadas fijas usadas como centro de una restricción de radio.
+ * Cuando el centro viene de otro step se usa StepRef con allowedStepTypes: ['LOCATION'].
+ */
+export interface LocationCoords {
+    latitude: number;
+    longitude: number;
+}
+/**
+ * Centro del radio: coordenadas fijas o referencia a otro LocationStep.
+ * El segundo parámetro de DynamicRef restringe las referencias a steps de tipo 'LOCATION'.
+ *
+ * @example
+ *   // fijo
+ *   center: { type: 'FIXED', value: { latitude: 6.2, longitude: -75.5 } }
+ *
+ *   // dinámico — TypeScript solo acepta allowedStepTypes: ['LOCATION']
+ *   center: { type: 'STEP_REF', idStep: 'step_origen', allowedStepTypes: ['LOCATION'] }
+ */
+export type LocationCenterRef = DynamicRef<LocationCoords, 'LOCATION'>;
+/** Restricción circular */
+export interface RadiusRestriction {
+    type: LocationRestrictionType.RADIUS;
+    behavior: LocationRestrictionBehavior;
+    center: LocationCenterRef;
+    /** Radio en metros */
+    radiusMeters: number;
+    /** Mensaje de error personalizado cuando la validación falla */
+    errorMessage?: string;
+}
+/** Vértice de un polígono */
+export interface GeofenceVertex {
+    latitude: number;
+    longitude: number;
+}
+/** Restricción por polígono — mínimo 3 vértices, se cierra automáticamente */
+export interface GeofenceRestriction {
+    type: LocationRestrictionType.GEOFENCE;
+    behavior: LocationRestrictionBehavior;
+    /** Lista ordenada de vértices que forman el polígono */
+    polygon: [GeofenceVertex, GeofenceVertex, GeofenceVertex, ...GeofenceVertex[]];
+    /** Mensaje de error personalizado cuando la validación falla */
+    errorMessage?: string;
+}
+/** Una restricción geográfica — pueden combinarse varias (todas deben cumplirse) */
+export type LocationRestriction = RadiusRestriction | GeofenceRestriction;
+export interface LocationStep extends GBaseStep {
+    type: 'LOCATION';
+    label: string;
+    description: string | null;
+    required: boolean;
+    /**
+     * Modos de entrada habilitados. Al menos uno debe estar presente.
+     * Si solo hay uno, la UI no muestra selector de modo.
+     */
+    allowedModes: [LocationInputMode, ...LocationInputMode[]];
+    /**
+     * Modo que se preselecciona al abrir el paso.
+     * Debe estar incluido en allowedModes.
+     * Si no se especifica, se usa el primero de allowedModes.
+     */
+    defaultMode?: LocationInputMode;
+    /**
+     * Restricciones geográficas. Se evalúan todas (lógica AND).
+     * Una ubicación es válida solo si pasa cada restricción.
+     */
+    restrictions?: LocationRestriction[];
+    size: 1 | 2 | 3 | 4;
+}
+/** Desglose estructurado de la dirección (mismo shape que AddressModel) */
+export interface LocationAddressDetail {
+    street?: string;
+    streetNumber?: string;
+    unit?: string;
+    neighborhood?: string;
+    city?: string;
+    state?: string;
+    country?: string;
+    /** ISO 3166-1 alpha-2 (e.g., "CO", "US", "MX") */
+    countryCode?: string;
+    postalCode?: string;
+}
+export interface LocationStepValue {
+    /** Indica cómo fue capturada la ubicación */
+    source: LocationInputMode;
+    /**
+     * Latitud — presente si source es GOOGLE_PLACES o GPS.
+     * Ausente en MANUAL si el usuario no activó coordenadas.
+     */
+    latitude?: number;
+    /**
+     * Longitud — presente si source es GOOGLE_PLACES o GPS.
+     * Ausente en MANUAL si el usuario no activó coordenadas.
+     */
+    longitude?: number;
+    /** Nombre del lugar o negocio (ej: "Torre Bancolombia") */
+    name?: string;
+    /** Dirección completa formateada (viene de Google o construida manualmente) */
+    address?: string;
+    /**
+     * Google Place ID — presente solo si source === GOOGLE_PLACES.
+     * Permite re-fetch de detalles y construcción de links a Maps.
+     */
+    placeId?: string;
+    /** Desglose campo a campo de la dirección */
+    addressDetail?: LocationAddressDetail;
+}

package/dist/@Types/LocationFormStep.js

@@ -0,0 +1,33 @@
+/**
+ * DRAFT — LocationStep types
+ * Pendiente de revisión antes de integrar al FormStep union principal.
+ */
+// ---------------------------------------------------------------------------
+// Enums
+// ---------------------------------------------------------------------------
+/** Modos de entrada que el paso puede ofrecer al usuario */
+export var LocationInputMode;
+(function (LocationInputMode) {
+    /** Autocomplete de Google Places — retorna placeId, coordenadas y addressDetail */
+    LocationInputMode["GOOGLE_PLACES"] = "GOOGLE_PLACES";
+    /** Geolocalización del navegador (GPS) — retorna solo lat/lng */
+    LocationInputMode["GPS"] = "GPS";
+    /** Entrada manual de campos de dirección — sin coordenadas garantizadas */
+    LocationInputMode["MANUAL"] = "MANUAL";
+})(LocationInputMode || (LocationInputMode = {}));
+/** Tipo de restricción geográfica */
+export var LocationRestrictionType;
+(function (LocationRestrictionType) {
+    /** Zona circular definida por un centro y un radio en metros */
+    LocationRestrictionType["RADIUS"] = "RADIUS";
+    /** Polígono arbitrario (geofence) */
+    LocationRestrictionType["GEOFENCE"] = "GEOFENCE";
+})(LocationRestrictionType || (LocationRestrictionType = {}));
+/** Comportamiento de la restricción */
+export var LocationRestrictionBehavior;
+(function (LocationRestrictionBehavior) {
+    /** Solo se permite una ubicación dentro de esta zona */
+    LocationRestrictionBehavior["ALLOW"] = "ALLOW";
+    /** Se rechaza una ubicación dentro de esta zona */
+    LocationRestrictionBehavior["DENY"] = "DENY";
+})(LocationRestrictionBehavior || (LocationRestrictionBehavior = {}));

package/dist/@Types/NumericFormSteps.d.ts

@@ -0,0 +1,171 @@
+/**
+ * DRAFT — NumericFormSteps types
+ * Cubre tres pasos relacionados con números:
+ *   - NUMBER  → entrada numérica con subtipos (integer, decimal, currency, percentage, quantity, rate)
+ *   - SCORE   → calificación numérica con min/max/precision y bandas opcionales
+ *   - FORMULA → campo calculado (solo lectura), derivado de otros steps
+ */
+import { GBaseStep } from './GenericFormSteps';
+import { DynamicRef } from './StepRef';
+/** Subtipo del paso numérico — discriminante secundario */
+export declare enum NumberStepType {
+    INTEGER = "INTEGER",
+    DECIMAL = "DECIMAL",
+    CURRENCY = "CURRENCY",
+    PERCENTAGE = "PERCENTAGE",
+    QUANTITY = "QUANTITY",
+    RATE = "RATE"
+}
+/** Campos base compartidos por todos los subtipos numéricos */
+interface GNumberStep extends GBaseStep {
+    type: 'NUMBER';
+    numberType: NumberStepType;
+    label: string;
+    description: string | null;
+    required: boolean;
+    min?: number;
+    max?: number;
+    /** Cantidad de decimales permitidos (0 = entero). Default: 2 */
+    decimals?: number;
+    /**
+     * Sufijo de unidad que se muestra junto al valor (solo visual, no afecta el número guardado).
+     * Puede ser fijo ("km", "km/h", "°C") o venir de otro step.
+     *
+     * Ejemplo con SELECT dinámico:
+     *   suffix: { type: 'STEP_REF', idStep: 'step_unidad', fallback: 'm' }
+     *   → el step 'step_unidad' es un selector con opciones: km | m | cm
+     */
+    suffix?: DynamicRef<string>;
+    size: 1 | 2 | 3 | 4;
+    defaultValue?: number;
+}
+export interface IntegerStep extends GNumberStep {
+    numberType: NumberStepType.INTEGER;
+    /** Siempre 0 para enteros, pero puede dejarse undefined */
+    decimals?: 0;
+}
+export interface DecimalStep extends GNumberStep {
+    numberType: NumberStepType.DECIMAL;
+}
+export interface PercentageStep extends GNumberStep {
+    numberType: NumberStepType.PERCENTAGE;
+}
+export interface CurrencyStep extends GNumberStep {
+    numberType: NumberStepType.CURRENCY;
+    /**
+     * Moneda: fija ("COP", "USD") o tomada de otro step (ej: un SELECT de monedas).
+     * null = el usuario elige la moneda en el mismo campo.
+     */
+    currency: DynamicRef<string> | null;
+    allowCurrencyChange: boolean;
+}
+export interface QuantityStep extends GNumberStep {
+    numberType: NumberStepType.QUANTITY;
+    /**
+     * Unidad fija ("kg", "m", "hrs") o tomada de otro step (ej: un SELECT con km | m | cm).
+     * null = el usuario elige la unidad dentro del campo.
+     */
+    unit: DynamicRef<string> | null;
+    allowUnitChange: boolean;
+    availableUnits?: string[];
+}
+export interface RateStep extends GNumberStep {
+    numberType: NumberStepType.RATE;
+    /** Moneda del rate ("USD") o tomada de otro step. null = usuario elige */
+    currency: DynamicRef<string> | null;
+    /**
+     * Unidad de tiempo/base del rate ("per_hour", "per_month", "per_km") o tomada de otro step.
+     * null = usuario elige.
+     */
+    unit: DynamicRef<string> | null;
+    availableUnits?: string[];
+}
+/** Unión discriminada del paso NUMBER — narrowing por numberType */
+export type NumberStep = IntegerStep | DecimalStep | PercentageStep | CurrencyStep | QuantityStep | RateStep;
+export type IntegerValue = number;
+export type DecimalValue = number;
+export type PercentageValue = number;
+export interface CurrencyValue {
+    value: number;
+    currency: string;
+}
+export interface QuantityValue {
+    value: number;
+    unit: string;
+}
+export interface RateValue {
+    value: number;
+    currency: string;
+    unit: string;
+}
+/**
+ * Banda de calificación — agrupa un rango numérico bajo una etiqueta.
+ * Ej: { label: 'Bajo', min: 0, max: 3, color: '#e53935' }
+ */
+export interface ScoreBand {
+    label: string;
+    min: number;
+    max: number;
+    /** Color hex o css para mostrar en la UI */
+    color?: string;
+}
+/**
+ * Calificación numérica configurable.
+ * Diferente de Rating (estrellas/like/escala fija) — Score tiene rango arbitrario.
+ * Ej: NPS 0-10, evaluación 0-100, score de riesgo 1-5 con 1 decimal.
+ */
+export interface ScoreStep extends GBaseStep {
+    type: 'SCORE';
+    label: string;
+    description: string | null;
+    required: boolean;
+    min: number;
+    max: number;
+    /** Cantidad de decimales. 0 = solo enteros */
+    precision: number;
+    /**
+     * Bandas visuales opcionales (Bajo/Medio/Alto, etc.).
+     * Si no se definen, el campo es solo numérico sin categorización.
+     */
+    bands?: ScoreBand[];
+    size: 1 | 2 | 3 | 4;
+    defaultValue?: number;
+}
+export type ScoreValue = number;
+/** Tipo de salida de la fórmula — define cómo se formatea el resultado */
+export declare enum FormulaOutputType {
+    NUMBER = "NUMBER",
+    CURRENCY = "CURRENCY",
+    PERCENTAGE = "PERCENTAGE"
+}
+/**
+ * Campo calculado — siempre readonly, su valor se deriva de otros steps.
+ *
+ * La expresión usa {{idStep}} para referenciar el valor de otros steps.
+ * Ej: "{{precio}} * {{cantidad}} * (1 + {{iva}} / 100)"
+ *
+ * La evaluación de la fórmula ocurre en el frontend en tiempo real
+ * y se valida en backend al guardar.
+ */
+export interface FormulaStep extends GBaseStep {
+    type: 'FORMULA';
+    label: string;
+    description: string | null;
+    /**
+     * Expresión matemática con referencias a steps entre doble llave.
+     * Ej: "{{step_subtotal}} * 1.19"
+     */
+    formula: string;
+    outputType: FormulaOutputType;
+    /** Decimales a mostrar en el resultado */
+    precision?: number;
+    /** Requerido si outputType === CURRENCY. Puede venir de otro step. */
+    currency?: DynamicRef<string>;
+    /** Unidad a mostrar si outputType === NUMBER (ej: "m²", "hrs"). Puede venir de otro step. */
+    unit?: DynamicRef<string>;
+    size: 1 | 2 | 3 | 4;
+    /** Siempre true — el usuario no puede editar este campo */
+    readonly: true;
+}
+export type FormulaValue = number;
+export {};

package/dist/@Types/NumericFormSteps.js

@@ -0,0 +1,32 @@
+/**
+ * DRAFT — NumericFormSteps types
+ * Cubre tres pasos relacionados con números:
+ *   - NUMBER  → entrada numérica con subtipos (integer, decimal, currency, percentage, quantity, rate)
+ *   - SCORE   → calificación numérica con min/max/precision y bandas opcionales
+ *   - FORMULA → campo calculado (solo lectura), derivado de otros steps
+ */
+// ===========================================================================
+// NUMBER
+// ===========================================================================
+// NUMBER
+// ===========================================================================
+/** Subtipo del paso numérico — discriminante secundario */
+export var NumberStepType;
+(function (NumberStepType) {
+    NumberStepType["INTEGER"] = "INTEGER";
+    NumberStepType["DECIMAL"] = "DECIMAL";
+    NumberStepType["CURRENCY"] = "CURRENCY";
+    NumberStepType["PERCENTAGE"] = "PERCENTAGE";
+    NumberStepType["QUANTITY"] = "QUANTITY";
+    NumberStepType["RATE"] = "RATE";
+})(NumberStepType || (NumberStepType = {}));
+// ===========================================================================
+// FORMULA
+// ===========================================================================
+/** Tipo de salida de la fórmula — define cómo se formatea el resultado */
+export var FormulaOutputType;
+(function (FormulaOutputType) {
+    FormulaOutputType["NUMBER"] = "NUMBER";
+    FormulaOutputType["CURRENCY"] = "CURRENCY";
+    FormulaOutputType["PERCENTAGE"] = "PERCENTAGE";
+})(FormulaOutputType || (FormulaOutputType = {}));

package/dist/@Types/PredefinedSelectorFormStep.d.ts

@@ -0,0 +1,51 @@
+/**
+ * DRAFT — PredefinedSelectorFormStep types
+ *
+ * Paso que reemplaza tener que configurar manualmente opciones de selectores
+ * para listas fijas y controladas por Capta (países, ciudades, monedas, etc.).
+ * Las opciones vienen de APIs internas — el formulario no necesita configurarlas.
+ *
+ * También resuelve la cascada Country → State → City via parentStepId.
+ */
+import { GSmartSelect } from './GenericFormSteps';
+export declare enum PredefinedOptionType {
+    /** ISO 3166-1 — lista de países */
+    COUNTRY = "COUNTRY",
+    /**
+     * Departamento / provincia / estado.
+     * Requiere parentStepId apuntando a un step COUNTRY.
+     */
+    STATE = "STATE",
+    /**
+     * Ciudad / municipio.
+     * Requiere parentStepId apuntando a un step STATE (o COUNTRY si no hay STATE).
+     */
+    CITY = "CITY",
+    /** ISO 4217 — monedas (USD, COP, EUR, etc.) */
+    CURRENCY = "CURRENCY",
+    /** BCP 47 — idiomas (es, en, pt, etc.) */
+    LANGUAGE = "LANGUAGE",
+    /** Tipos de canal de comunicación (WhatsApp, Email, Teléfono) */
+    COMMUNICATION_CHANNEL_TYPE = "COMMUNICATION_CHANNEL_TYPE",
+    /** Tipos de documento de identidad por país (CC, NIT, Pasaporte, etc.) */
+    DOCUMENT_TYPE = "DOCUMENT_TYPE",
+    /** Días de la semana */
+    DAY_OF_WEEK = "DAY_OF_WEEK",
+    /** Meses del año */
+    MONTH = "MONTH"
+}
+export interface PredefinedSelectorStep extends GSmartSelect {
+    type: 'PREDEFINED_SELECTOR';
+    predefinedType: PredefinedOptionType;
+    /**
+     * Solo para STATE y CITY: id del step padre que filtra las opciones.
+     *   - COUNTRY step → filtra estados del país seleccionado
+     *   - STATE step   → filtra ciudades del estado seleccionado
+     *
+     * Si no se especifica, se listan todas las opciones sin filtrar.
+     */
+    parentStepId?: string;
+    maxSize?: number;
+    defaultValue?: string;
+}
+export type PredefinedSelectorValue = string;

package/dist/@Types/PredefinedSelectorFormStep.js

@@ -0,0 +1,39 @@
+/**
+ * DRAFT — PredefinedSelectorFormStep types
+ *
+ * Paso que reemplaza tener que configurar manualmente opciones de selectores
+ * para listas fijas y controladas por Capta (países, ciudades, monedas, etc.).
+ * Las opciones vienen de APIs internas — el formulario no necesita configurarlas.
+ *
+ * También resuelve la cascada Country → State → City via parentStepId.
+ */
+// ===========================================================================
+// Tipos predefinidos disponibles
+// ===========================================================================
+export var PredefinedOptionType;
+(function (PredefinedOptionType) {
+    /** ISO 3166-1 — lista de países */
+    PredefinedOptionType["COUNTRY"] = "COUNTRY";
+    /**
+     * Departamento / provincia / estado.
+     * Requiere parentStepId apuntando a un step COUNTRY.
+     */
+    PredefinedOptionType["STATE"] = "STATE";
+    /**
+     * Ciudad / municipio.
+     * Requiere parentStepId apuntando a un step STATE (o COUNTRY si no hay STATE).
+     */
+    PredefinedOptionType["CITY"] = "CITY";
+    /** ISO 4217 — monedas (USD, COP, EUR, etc.) */
+    PredefinedOptionType["CURRENCY"] = "CURRENCY";
+    /** BCP 47 — idiomas (es, en, pt, etc.) */
+    PredefinedOptionType["LANGUAGE"] = "LANGUAGE";
+    /** Tipos de canal de comunicación (WhatsApp, Email, Teléfono) */
+    PredefinedOptionType["COMMUNICATION_CHANNEL_TYPE"] = "COMMUNICATION_CHANNEL_TYPE";
+    /** Tipos de documento de identidad por país (CC, NIT, Pasaporte, etc.) */
+    PredefinedOptionType["DOCUMENT_TYPE"] = "DOCUMENT_TYPE";
+    /** Días de la semana */
+    PredefinedOptionType["DAY_OF_WEEK"] = "DAY_OF_WEEK";
+    /** Meses del año */
+    PredefinedOptionType["MONTH"] = "MONTH";
+})(PredefinedOptionType || (PredefinedOptionType = {}));

package/dist/@Types/StepRef.d.ts

@@ -0,0 +1,79 @@
+/**
+ * DRAFT — Sistema de referencias dinámicas entre steps
+ *
+ * Permite que la configuración de un paso use el valor en tiempo de ejecución
+ * de otro step del mismo formulario, en lugar de un literal fijo.
+ *
+ * Patrón de uso:
+ *
+ *   // Valor fijo definido en la configuración del formulario
+ *   suffix: { type: 'FIXED', value: 'km' }
+ *
+ *   // Valor tomado del step 'step_unidad' cuando el usuario interactúa
+ *   suffix: { type: 'STEP_REF', idStep: 'step_unidad', fallback: 'm' }
+ *
+ * Se puede aplicar a cualquier campo de configuración cuyo valor deba
+ * responder a la selección previa del usuario: sufijos, unidades, monedas,
+ * títulos dinámicos, límites numéricos, etc.
+ */
+/** Valor literal configurado en tiempo de diseño del formulario */
+export interface FixedRef<T> {
+    type: 'FIXED';
+    value: T;
+}
+/**
+ * Referencia al valor actual de otro step en el mismo formulario.
+ * El runtime sustituye este ref por el valor que el usuario haya ingresado
+ * en el step indicado. Si ese step aún no tiene valor, se usa `fallback`.
+ *
+ * @typeParam TAllowed - Literal(es) de tipo de step permitidos como origen.
+ *   Default: `string` (sin restricción). Pasar un literal union restringe
+ *   qué steps puede seleccionar el form builder en la UI.
+ *
+ * @example
+ *   // sin restricción de tipo
+ *   StepRef
+ *
+ *   // solo puede apuntar a steps LOCATION
+ *   StepRef<'LOCATION'>
+ *
+ *   // puede apuntar a PREDEFINED_SELECTOR o CHECKBOX
+ *   StepRef<'PREDEFINED_SELECTOR' | 'CHECKBOX'>
+ */
+export interface StepRef<TAllowed extends string = string> {
+    type: 'STEP_REF';
+    /** Id del step cuyo valor se usará */
+    idStep: string;
+    /**
+     * Valor de respaldo mientras el step referenciado no tenga valor.
+     * Si no se define, el campo aparece vacío/sin unidad.
+     */
+    fallback?: string;
+    /**
+     * Restricción de tipo — puramente declarativa.
+     * El form builder filtra la lista de steps disponibles a estos tipos.
+     * El backend valida al guardar la configuración.
+     *
+     * Si no se define, se permite referenciar cualquier step.
+     */
+    allowedStepTypes?: TAllowed[];
+}
+/**
+ * Un campo dinámico de tipo T puede ser un valor fijo o una referencia a step.
+ *
+ * @typeParam T        - Tipo del valor cuando es FIXED.
+ * @typeParam TAllowed - Tipos de step permitidos en la referencia (default: sin restricción).
+ *
+ * @example
+ *   // sufijo sin restricción de tipo de step
+ *   DynamicRef<string>
+ *
+ *   // centro de radio — solo puede apuntar a steps LOCATION
+ *   DynamicRef<LocationCoords, 'LOCATION'>
+ *
+ *   // moneda — solo desde PREDEFINED_SELECTOR o CHECKBOX
+ *   DynamicRef<string, 'PREDEFINED_SELECTOR' | 'CHECKBOX'>
+ */
+export type DynamicRef<T, TAllowed extends string = string> = FixedRef<T> | StepRef<TAllowed>;
+export declare function isFixedRef<T, TAllowed extends string = string>(ref: DynamicRef<T, TAllowed>): ref is FixedRef<T>;
+export declare function isStepRef<T, TAllowed extends string = string>(ref: DynamicRef<T, TAllowed>): ref is StepRef<TAllowed>;

package/dist/@Types/StepRef.js

@@ -0,0 +1,27 @@
+/**
+ * DRAFT — Sistema de referencias dinámicas entre steps
+ *
+ * Permite que la configuración de un paso use el valor en tiempo de ejecución
+ * de otro step del mismo formulario, en lugar de un literal fijo.
+ *
+ * Patrón de uso:
+ *
+ *   // Valor fijo definido en la configuración del formulario
+ *   suffix: { type: 'FIXED', value: 'km' }
+ *
+ *   // Valor tomado del step 'step_unidad' cuando el usuario interactúa
+ *   suffix: { type: 'STEP_REF', idStep: 'step_unidad', fallback: 'm' }
+ *
+ * Se puede aplicar a cualquier campo de configuración cuyo valor deba
+ * responder a la selección previa del usuario: sufijos, unidades, monedas,
+ * títulos dinámicos, límites numéricos, etc.
+ */
+// ---------------------------------------------------------------------------
+// Helpers de narrowing
+// ---------------------------------------------------------------------------
+export function isFixedRef(ref) {
+    return ref.type === 'FIXED';
+}
+export function isStepRef(ref) {
+    return ref.type === 'STEP_REF';
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arquimedes.co/eureka-forms",
   "repository": "git://github.com/Arquimede5/Eureka-Forms.git",
-  "version":"3.0.45-mui9",
+  "version":"3.0.46-new-steps",
   "scripts": {
     "watch": "tsgo --noEmit --watch --project tsconfig.app.json",
     "start": "vite",
@@ -49,10 +49,10 @@
     "@eslint/eslintrc": "3.3.3",
     "@eslint/js": "9.39.1",
     "@faker-js/faker": "10.1.0",
-    "@mui/material": "9.0.1",
-    "@mui/x-data-grid-pro": "9.3.0",
-    "@mui/x-date-pickers": "9.3.0",
-    "@mui/x-date-pickers-pro": "9.3.0",
+    "@mui/material": "^9.0.1",
+    "@mui/x-data-grid-pro": "^9.3.0",
+    "@mui/x-date-pickers": "^9.3.0",
+    "@mui/x-date-pickers-pro": "^9.3.0",
     "@storybook/addon-docs": "^10.4.0",
     "@storybook/addon-onboarding": "^10.4.0",
     "@storybook/addon-themes": "^10.4.0",
@@ -96,8 +96,8 @@
   "peerDependencies": {
     "@emotion/react": "11.x.x",
     "@emotion/styled": "11.x.x",
-    "@mui/material": "9.0.0",
-    "@mui/x-date-pickers": "9.0.4",
+    "@mui/material": "^9.0.1",
+    "@mui/x-date-pickers": "^9.3.0",
     "react": "18 || 19",
     "react-dom": "18 || 19"
   },
@@ -112,4 +112,4 @@
   "files": [
     "/dist"
   ]
-}
+}