@trii/components 2.0.75 → 2.0.76

package/dist/cjs/types/src/components/ModalEvents/types/index.d.ts

@@ -1,352 +0,0 @@
-/// <reference types="react" />
-import { Moment } from 'moment';
-/**
- * Modos de operación del modal
- */
-export type ModalMode = 'create' | 'edit' | 'view' | 'duplicate';
-/**
- * Tipos de elementos que puede manejar el modal
- */
-export type ItemType = 'event' | 'task';
-/**
- * Estructura de una notificación/recordatorio
- */
-export interface Notification {
-    id?: string;
-    type: 'minutes' | 'hours' | 'days';
-    value: number;
-}
-/**
- * Estructura de un calendario
- */
-export interface Calendar {
-    id: string;
-    name: string;
-    color?: string;
-}
-/**
- * Estructura de un contacto
- */
-export interface Contact {
-    id: string;
-    name: string;
-    email?: string;
-    phone?: string;
-    avatarUrl?: string;
-}
-/**
- * Estructura de un usuario para compartir
- */
-export interface User {
-    id: string;
-    name: string;
-    email?: string;
-    avatarUrl?: string;
-}
-/**
- * Datos de un evento
- */
-export interface EventData {
-    id?: string;
-    title: string;
-    description?: string;
-    startDate: Moment;
-    endDate: Moment;
-    allDay: boolean;
-    calendarId: string;
-    color: string;
-    location?: string;
-    isPrivate?: boolean;
-    recurrence?: string;
-    notifications: Notification[];
-    linkedContacts: Contact[];
-    sharedUsers?: string[];
-    finalized?: boolean;
-}
-/**
- * Datos de una tarea
- */
-export interface TaskData {
-    id?: string;
-    title: string;
-    description?: string;
-    dueDate: Moment;
-    calendarId: string;
-    notifications: Notification[];
-    linkedContacts: Contact[];
-    sharedUsers?: string[];
-    finalized?: boolean;
-}
-/**
- * Configuración de campos visibles
- */
-export interface FieldsConfig {
-    showTitle?: boolean;
-    showDescription?: boolean;
-    showCalendar?: boolean;
-    showDateTime?: boolean;
-    showAllDay?: boolean;
-    showRecurrence?: boolean;
-    showColor?: boolean;
-    showLocation?: boolean;
-    showPrivate?: boolean;
-    showNotifications?: boolean;
-    showLinkedContacts?: boolean;
-    showSharedUsers?: boolean;
-}
-/**
- * Textos personalizables del modal
- */
-export interface ModalLabels {
-    createEvent?: string;
-    editEvent?: string;
-    viewEvent?: string;
-    createTask?: string;
-    editTask?: string;
-    viewTask?: string;
-    eventTab?: string;
-    taskTab?: string;
-    title?: string;
-    titlePlaceholder?: string;
-    description?: string;
-    descriptionPlaceholder?: string;
-    calendar?: string;
-    calendarPlaceholder?: string;
-    date?: string;
-    startTime?: string;
-    endTime?: string;
-    allDay?: string;
-    recurrence?: string;
-    color?: string;
-    location?: string;
-    locationPlaceholder?: string;
-    private?: string;
-    notifications?: string;
-    addNotification?: string;
-    linkedContacts?: string;
-    searchContacts?: string;
-    sharedUsers?: string;
-    save?: string;
-    saveEvent?: string;
-    saveTask?: string;
-    cancel?: string;
-    delete?: string;
-    edit?: string;
-    duplicate?: string;
-    close?: string;
-}
-/**
- * Props del componente ModalEvents
- */
-export interface ModalEventsProps {
-    open: boolean;
-    onClose: () => void;
-    mode: ModalMode;
-    type: ItemType;
-    showTypeTabs?: boolean;
-    onTypeChange?: (type: ItemType) => void;
-    eventData?: Partial<EventData>;
-    taskData?: Partial<TaskData>;
-    onSave?: (data: EventData | TaskData, type: ItemType) => void | Promise<void>;
-    onDelete?: (id: string, type: ItemType) => void | Promise<void>;
-    onDuplicate?: () => void;
-    onEdit?: () => void;
-    calendars: Calendar[];
-    fieldsConfig?: FieldsConfig;
-    labels?: ModalLabels;
-    contacts?: Contact[];
-    onSearchContacts?: (query: string) => Promise<Contact[]>;
-    isSearchingContacts?: boolean;
-    searchDebounceMs?: number;
-    users?: User[];
-    onSearchUsers?: (query: string) => Promise<User[]>;
-    isSearchingUsers?: boolean;
-    isSaving?: boolean;
-    isDeleting?: boolean;
-    validationErrors?: Record<string, string>;
-    slots?: ModalSlots;
-}
-/**
- * Props comunes pasadas a todos los slots
- */
-export interface BaseSlotProps {
-    disabled: boolean;
-    mode: ModalMode;
-    type: ItemType;
-}
-/**
- * Props para el slot de título
- */
-export interface TitleSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-    error?: string;
-    variant?: 'default' | 'inline';
-}
-/**
- * Props para el slot de descripción
- */
-export interface DescriptionSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (value: string) => void;
-    placeholder?: string;
-}
-/**
- * Props para el slot de calendario
- */
-export interface CalendarSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (calendarId: string) => void;
-    calendars: Calendar[];
-    placeholder?: string;
-}
-/**
- * Props para el slot de fecha/hora (eventos)
- */
-export interface DateTimeSlotProps extends BaseSlotProps {
-    startDate: Moment;
-    endDate: Moment;
-    onStartDateChange: (date: Moment) => void;
-    onEndDateChange: (date: Moment) => void;
-    allDay: boolean;
-    onAllDayChange: (allDay: boolean) => void;
-    error?: boolean;
-}
-/**
- * Props para el slot de fecha/hora (tareas)
- */
-export interface TaskDateSlotProps extends BaseSlotProps {
-    dueDate: Moment;
-    onDueDateChange: (date: Moment) => void;
-    error?: boolean;
-}
-/**
- * Props para el slot de color
- */
-export interface ColorSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (color: string) => void;
-}
-/**
- * Props para el slot de ubicación
- */
-export interface LocationSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (location: string) => void;
-    placeholder?: string;
-}
-/**
- * Props para el slot de recurrencia
- */
-export interface RecurrenceSlotProps extends BaseSlotProps {
-    value: string;
-    onChange: (recurrence: string) => void;
-}
-/**
- * Props para el slot de notificaciones
- */
-export interface NotificationsSlotProps extends BaseSlotProps {
-    notifications: Notification[];
-    onAdd: () => void;
-    onRemove: (index: number) => void;
-    onChange: (index: number, notification: Notification) => void;
-}
-/**
- * Props para el slot de contactos vinculados
- */
-export interface LinkedContactsSlotProps extends BaseSlotProps {
-    linkedContacts: Contact[];
-    onAdd: (contact: Contact) => void;
-    onRemove: (contactId: string) => void;
-    searchQuery: string;
-    onSearchChange: (query: string) => void;
-    searchResults: Contact[];
-    isSearching: boolean;
-}
-/**
- * Props para el slot de usuarios compartidos
- */
-export interface SharedUsersSlotProps extends BaseSlotProps {
-    selectedUserIds: string[];
-    onChange: (userIds: string[]) => void;
-    users: User[];
-}
-/**
- * Props para el slot de botones de acción
- */
-export interface ActionButtonsSlotProps extends BaseSlotProps {
-    onSave: () => void;
-    onCancel: () => void;
-    onDelete?: () => void;
-    onEdit?: () => void;
-    onDuplicate?: () => void;
-    isSaving: boolean;
-    isDeleting: boolean;
-    canDelete: boolean;
-    labels: {
-        save: string;
-        cancel: string;
-        delete: string;
-        edit: string;
-        duplicate: string;
-    };
-}
-/**
- * Slots para renderizado personalizado de secciones del modal
- *
- * Cada slot recibe las props necesarias para renderizar esa sección.
- * Si no se proporciona, se usa el renderizado por defecto.
- *
- * @example
- * ```tsx
- * import { TitleTextField } from '@trii/components/EventDialog';
- *
- * <ModalEvents
- *   slots={{
- *     title: (props) => <TitleTextField titleField={adaptToUseField(props)} disabled={props.disabled} />,
- *     location: (props) => <LocationTextField locationField={adaptToUseField(props)} disabled={props.disabled} />,
- *   }}
- * />
- * ```
- */
-export interface ModalSlots {
-    /** Renderiza el campo de título */
-    title?: (props: TitleSlotProps) => React.ReactNode;
-    /** Renderiza el campo de descripción */
-    description?: (props: DescriptionSlotProps) => React.ReactNode;
-    /** Renderiza el selector de calendario */
-    calendar?: (props: CalendarSlotProps) => React.ReactNode;
-    /** Renderiza el selector de fecha/hora para eventos */
-    dateTime?: (props: DateTimeSlotProps) => React.ReactNode;
-    /** Renderiza el selector de fecha/hora para tareas */
-    taskDate?: (props: TaskDateSlotProps) => React.ReactNode;
-    /** Renderiza el selector de color */
-    color?: (props: ColorSlotProps) => React.ReactNode;
-    /** Renderiza el campo de ubicación */
-    location?: (props: LocationSlotProps) => React.ReactNode;
-    /** Renderiza el selector de recurrencia */
-    recurrence?: (props: RecurrenceSlotProps) => React.ReactNode;
-    /** Renderiza la sección de notificaciones/recordatorios */
-    notifications?: (props: NotificationsSlotProps) => React.ReactNode;
-    /** Renderiza la sección de contactos vinculados */
-    linkedContacts?: (props: LinkedContactsSlotProps) => React.ReactNode;
-    /** Renderiza la sección de usuarios compartidos */
-    sharedUsers?: (props: SharedUsersSlotProps) => React.ReactNode;
-    /** Renderiza los botones de acción (guardar, cancelar, etc.) */
-    actionButtons?: (props: ActionButtonsSlotProps) => React.ReactNode;
-    /** Renderiza el header del modal */
-    header?: (props: BaseSlotProps & {
-        title: string;
-        onClose: () => void;
-    }) => React.ReactNode;
-    /** Renderiza los tabs de tipo (evento/tarea) */
-    typeTabs?: (props: {
-        value: ItemType;
-        onChange: (type: ItemType) => void;
-        labels: {
-            event: string;
-            task: string;
-        };
-    }) => React.ReactNode;
-}

package/dist/cjs/types/src/components/TextBox/TestBox.d.ts

@@ -1,8 +0,0 @@
-export interface TestBoxProps {
-    /**
-     * Color of the box background
-     */
-    bgColor?: 'red' | 'blue' | 'green';
-}
-declare const TestBox: ({ bgColor }: TestBoxProps) => import("react/jsx-runtime").JSX.Element;
-export default TestBox;

package/dist/cjs/types/src/components/TextBox/index.d.ts

@@ -1 +0,0 @@
-export { default } from './TestBox';

package/dist/cjs/types/src/components/index.d.ts

@@ -1,4 +0,0 @@
-export { default as TestBox } from './TextBox';
-export { default as ContactInfoPopup } from './ContactInfoPopup';
-export { ModalEvents } from './ModalEvents';
-export type { ModalEventsProps, ModalMode, ItemType, EventData, TaskData, Notification, Calendar, Contact, FieldsConfig, ModalLabels, } from './ModalEvents';

package/dist/cjs/types/src/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/dist/esm/types/USAGE_EXAMPLE.d.ts

@@ -1,7 +0,0 @@
-/**
- * Ejemplo completo de uso de ModalEvents con APIs
- *
- * Este archivo muestra cómo integrar el componente ModalEvents
- * en un proyecto que consume APIs.
- */
-export declare function CalendarEventModal(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/ContactInfoPopup/ContactInfoPopup.d.ts

@@ -1,14 +0,0 @@
-import { IBusiness, IContact } from '@trii/types/dist/Contacts';
-import { SxProps, Theme } from '@mui/material';
-export interface ContactInfoPopupProps {
-    open: boolean;
-    anchorEl: HTMLElement | null;
-    onClose: () => void;
-    t?: (key: string) => string;
-    contactData?: IContact | IBusiness;
-    avatarImgUrl?: string;
-    sx?: SxProps<Theme>;
-    navigate: (path: string) => void;
-}
-declare const ContactInfoPopup: ({ open, anchorEl, onClose, contactData, avatarImgUrl, navigate, t, }: ContactInfoPopupProps) => import("react/jsx-runtime").JSX.Element;
-export default ContactInfoPopup;

package/dist/esm/types/components/ContactInfoPopup/components/BusinessSection/BusinessSection.d.ts

@@ -1,7 +0,0 @@
-import { IContact } from '@trii/types/dist/Contacts';
-interface BusinessSectionProps {
-    contactData?: IContact;
-    title: string;
-}
-declare const BusinessSection: ({ contactData, title }: BusinessSectionProps) => import("react/jsx-runtime").JSX.Element | null;
-export default BusinessSection;

package/dist/esm/types/components/ContactInfoPopup/components/BusinessSection/index.d.ts

@@ -1 +0,0 @@
-export { default } from './BusinessSection';

package/dist/esm/types/components/ContactInfoPopup/components/ContactMethod/ContactMethod.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { IContactAddress } from '@trii/types/dist/Contacts';
-interface ContactProps {
-    contactList: IContactAddress[];
-    title?: string;
-    showTitle?: boolean;
-    icon: React.ReactNode;
-}
-declare const ContactMethod: ({ icon, contactList, title, showTitle, }: ContactProps) => import("react/jsx-runtime").JSX.Element;
-export default ContactMethod;

package/dist/esm/types/components/ContactInfoPopup/components/ContactMethod/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ContactMethod';

package/dist/esm/types/components/ContactInfoPopup/components/Header/Header.d.ts

@@ -1,12 +0,0 @@
-type HeaderProps = {
-    imgUrl?: string;
-    name?: string;
-    contactId?: string;
-    navigate: (path: string) => void;
-    isLoading?: boolean;
-    onError?: (error: Error) => void;
-    onClose: () => void;
-    isBusiness?: boolean;
-};
-declare const Header: ({ imgUrl, name, contactId, navigate, isLoading, onError, onClose, isBusiness }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Header;

package/dist/esm/types/components/ContactInfoPopup/components/Header/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Header';

package/dist/esm/types/components/ContactInfoPopup/components/LabelsSection/LabelsSection.d.ts

@@ -1,7 +0,0 @@
-import { IContact, IBusiness } from '@trii/types/dist/Contacts';
-interface LabelsSectionProps {
-    contactData?: IContact | IBusiness;
-    title: string;
-}
-declare const LabelsSection: ({ contactData, title }: LabelsSectionProps) => import("react/jsx-runtime").JSX.Element | null;
-export default LabelsSection;

package/dist/esm/types/components/ContactInfoPopup/components/LabelsSection/index.d.ts

@@ -1 +0,0 @@
-export { default } from './LabelsSection';

package/dist/esm/types/components/ContactInfoPopup/components/MembersSection/MembersSection.d.ts

@@ -1,7 +0,0 @@
-import { IBusiness } from '@trii/types/dist/Contacts';
-interface MembersSectionProps {
-    contactData?: IBusiness;
-    title: string;
-}
-declare const MembersSection: ({ contactData, title }: MembersSectionProps) => import("react/jsx-runtime").JSX.Element | null;
-export default MembersSection;

package/dist/esm/types/components/ContactInfoPopup/components/MembersSection/components/MemberItem/MemberItem.d.ts

@@ -1,4 +0,0 @@
-declare const MemberItem: ({ name }: {
-    name: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default MemberItem;

package/dist/esm/types/components/ContactInfoPopup/components/MembersSection/components/MemberItem/index.d.ts

@@ -1 +0,0 @@
-export { default } from './MemberItem';

package/dist/esm/types/components/ContactInfoPopup/components/MembersSection/components/index.d.ts

@@ -1 +0,0 @@
-export { default as MemberItem } from './MemberItem';

package/dist/esm/types/components/ContactInfoPopup/components/MembersSection/index.d.ts

@@ -1 +0,0 @@
-export { default } from './MembersSection';

package/dist/esm/types/components/ContactInfoPopup/components/Properties/Properties.d.ts

@@ -1,7 +0,0 @@
-import { Property } from '@trii/types/dist/Contacts';
-interface Props {
-    properties: Property[] | undefined;
-    title: string;
-}
-declare const Properties: ({ properties, title }: Props) => import("react/jsx-runtime").JSX.Element;
-export default Properties;

package/dist/esm/types/components/ContactInfoPopup/components/Properties/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Properties';

package/dist/esm/types/components/ContactInfoPopup/components/index.d.ts

@@ -1,6 +0,0 @@
-export { default as Header } from './Header';
-export { default as ContactMethod } from './ContactMethod';
-export { default as Properties } from './Properties';
-export { default as LabelsSection } from './LabelsSection';
-export { default as BusinessSection } from './BusinessSection';
-export { default as MembersSection } from './MembersSection';

package/dist/esm/types/components/ContactInfoPopup/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ContactInfoPopup';

package/dist/esm/types/components/ContactInfoPopup/types/is-business.typeguard.d.ts

@@ -1,7 +0,0 @@
-import { IBusiness } from '@trii/types/dist/Contacts/contacts';
-/**
- * Type guard to check if an object is an IBusiness
- * @param obj The object to check
- * @returns True if the object is an IBusiness
- */
-export declare function isBusiness(obj: any): obj is IBusiness;

package/dist/esm/types/components/ContactInfoPopup/types/is-contact.typeguard.d.ts

@@ -1,7 +0,0 @@
-import { IContact } from '@trii/types/dist/Contacts/contacts';
-/**
- * Type guard to check if an object is an IContact
- * @param obj The object to check
- * @returns True if the object is an IContact
- */
-export declare function isContact(obj: any): obj is IContact;

package/dist/esm/types/components/ModalEvents/ModalEvents.backup.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { ModalEventsProps } from './types';
-/**
- * ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
- *
- * Este componente es completamente controlado desde el exterior. No mantiene estado interno
- * de datos, todo se maneja a través de props y callbacks.
- *
- * @example
- * ```tsx
- * <ModalEvents
- *   open={isOpen}
- *   onClose={handleClose}
- *   mode="create"
- *   type="event"
- *   eventData={eventData}
- *   onSave={handleSave}
- *   calendars={calendars}
- * />
- * ```
- */
-declare const ModalEvents: React.FC<ModalEventsProps>;
-export default ModalEvents;

package/dist/esm/types/components/ModalEvents/ModalEvents.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ModalEventsProps } from './types';
-/**
- * ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
- *
- * VERSIÓN REFACTORIZADA: Componentes internos más limpios y organizados
- */
-declare const ModalEvents: React.FC<ModalEventsProps>;
-export default ModalEvents;

package/dist/esm/types/components/ModalEvents/ModalEvents.refactored.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ModalEventsProps } from './types';
-/**
- * ModalEvents - Componente reutilizable para crear/editar/visualizar eventos y tareas
- *
- * VERSIÓN REFACTORIZADA: Componentes internos más limpios y organizados
- */
-declare const ModalEvents: React.FC<ModalEventsProps>;
-export default ModalEvents;

package/dist/esm/types/components/ModalEvents/components/ActionButtons/ActionButtons.d.ts

@@ -1,5 +0,0 @@
-type ActionButtonsProps = {
-    isFinalized: boolean;
-};
-declare const ActionButtons: ({ isFinalized }: ActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
-export default ActionButtons;

package/dist/esm/types/components/ModalEvents/components/ActionButtons/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ActionButtons';

package/dist/esm/types/components/ModalEvents/components/AllDayCheckbox/AllDayCheckbox.d.ts

@@ -1,7 +0,0 @@
-type AllDayCheckboxProps = {
-    checked: boolean;
-    onChange: (checked: boolean) => void;
-    disabled: boolean;
-};
-declare const AllDayCheckbox: ({ checked, onChange, disabled }: AllDayCheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export default AllDayCheckbox;

package/dist/esm/types/components/ModalEvents/components/AllDayCheckbox/index.d.ts

@@ -1 +0,0 @@
-export { default } from './AllDayCheckbox';

package/dist/esm/types/components/ModalEvents/components/ColorPicker/ColorPicker.d.ts

@@ -1,8 +0,0 @@
-import { UseFieldType } from 'hooks/useField';
-type ColorPickerProps = {
-    colorField: UseFieldType;
-    disabled: boolean;
-    onColorChange?: (color: string) => void;
-};
-declare const ColorPicker: ({ colorField, disabled, onColorChange }: ColorPickerProps) => import("react/jsx-runtime").JSX.Element;
-export default ColorPicker;

package/dist/esm/types/components/ModalEvents/components/ColorPicker/index.d.ts

@@ -1 +0,0 @@
-export { default } from './ColorPicker';

package/dist/esm/types/components/ModalEvents/components/CreateTypeTabs/CreateTypeTabs.d.ts

@@ -1,11 +0,0 @@
-import { DialogType } from 'features/Views/CalendarView/context/types/DialogType';
-declare const CreateTypeTabs: ({ value, onChange, labels, }: {
-    value: DialogType;
-    onChange: (v: DialogType) => void;
-    labels: {
-        event: string;
-        task: string;
-    };
-    disabledTask?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default CreateTypeTabs;

package/dist/esm/types/components/ModalEvents/components/CreateTypeTabs/index.d.ts

@@ -1 +0,0 @@
-export { default } from './CreateTypeTabs';

package/dist/esm/types/components/ModalEvents/components/DatePicker/DatePicker.d.ts

@@ -1,13 +0,0 @@
-import { Dayjs } from 'dayjs';
-type DatePickerProps = {
-    selectedStartDate: Dayjs;
-    selectedEndDate: Dayjs;
-    handleSelectStart: (date: Dayjs) => void;
-    handleSelectEnd: (date: Dayjs) => void;
-    isError: boolean;
-    disabled: boolean;
-    hideLabel?: boolean;
-    allDay?: boolean;
-};
-declare const DatePicker: ({ selectedStartDate, selectedEndDate, handleSelectStart, handleSelectEnd, isError, disabled, hideLabel, allDay, }: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
-export default DatePicker;

package/dist/esm/types/components/ModalEvents/components/DatePicker/index.d.ts

@@ -1 +0,0 @@
-export { default } from './DatePicker';

package/dist/esm/types/components/ModalEvents/components/DatePicker/styles.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare const StyledDatePickerContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledPickersContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const StyledPickersDivider: import("@emotion/styled").StyledComponent<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "width" | "height" | "display" | "flex" | "flexDirection" | "justifyContent" | "left" | "right" | "alignItems" | "gap" | "children" | "style" | "className" | "classes" | "sx" | "p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "flexBasis" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "variant" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;