componentes-sinco 1.1.26 → 1.1.28

package/dist/index.d.cts

@@ -1,10 +1,10 @@
 import * as React$1 from 'react';
-import React__default, { ComponentType, ReactNode } from 'react';
+import React__default, { ReactNode, ComponentType } from 'react';
 import * as _mui_material from '@mui/material';
 import { SxProps } from '@mui/material';
+import dayjs, { Dayjs } from 'dayjs';
 import * as Muicon from '@mui/icons-material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import dayjs, { Dayjs } from 'dayjs';
 import * as _mui_material_styles from '@mui/material/styles';
 
 interface UploadedFile$1 {
@@ -39,6 +39,104 @@ type RepplyAnchorPositions = "left" | "right";
 
 declare function capitalize(text: string): string;
 
+interface UploadedFile {
+    name: string;
+    size: number;
+    type: string;
+    progress: number;
+    uploadError?: boolean;
+    file?: File;
+}
+interface AttachmentMobileProps<T> {
+    buttonAttachment?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1 | "primary";
+        variant?: ReplyButtonVariants | "text";
+        iconPosition?: 'left' | 'right';
+        size?: RepplySizeVariants | "small";
+    };
+    children?: React.ReactNode;
+    maxSize?: number;
+    sx?: SxProps;
+    files?: T[];
+    initialFiles?: UploadedFile[];
+    fileAccepted?: string;
+    onChange?: (archivos: File[]) => void;
+    deleteAction?: (name: string) => Promise<void> | void;
+    downloadAction?: (file: UploadedFile) => Promise<void> | void;
+    view?: 'file' | 'button';
+}
+
+declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+
+type CalendarView = 'month' | 'week' | 'day';
+type EventState = 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
+interface CalendarEvent {
+    id: string;
+    title: string;
+    start: dayjs.Dayjs;
+    end: dayjs.Dayjs;
+    state: EventState;
+}
+interface CalendarProps {
+    events: CalendarEvent[];
+    view?: CalendarView;
+    toolbar?: React.ReactNode;
+    onDayClick?: (date: dayjs.Dayjs) => void;
+    onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
+    onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
+    onViewChange?: (view: CalendarView) => void;
+    onDateChange?: (date: dayjs.Dayjs) => void;
+    onEventHover?: (event: CalendarEvent) => React.ReactNode;
+    onNavigate?: (action: 'TODAY' | 'PREV' | 'NEXT') => void;
+    isLoading?: boolean;
+    startHour?: number;
+    endHour?: number;
+}
+
+declare const Calendar: React__default.FC<CalendarProps>;
+
+declare const CALENDAR_CONSTANTS: {
+    readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
+    readonly DAY_HEIGHT: 60;
+    readonly SIDEBAR_WIDTH: 47;
+    readonly MIN_CELL_HEIGHT: 99;
+    readonly DEFAULT_START_HOUR: 0;
+    readonly DEFAULT_END_HOUR: 23;
+    readonly DRAWER_WIDTH: "350px";
+    readonly MAX_VISIBLE_EVENTS: 2;
+    readonly MIN_WIDTH: "1050px";
+    readonly LOADING_SPINNER_SIZE: "60px";
+    readonly LOADING_CONTAINER_HEIGHT: "450px";
+    readonly DAY_CIRCLE_SIZE: 24;
+};
+
+type NavigationAction = 'PREV' | 'NEXT' | 'TODAY';
+declare const useCalendarNavigation: (initialDate?: dayjs.Dayjs, onDateChange?: ((date: dayjs.Dayjs) => void) | undefined) => {
+    currentDate: dayjs.Dayjs;
+    setCurrentDate: React$1.Dispatch<React$1.SetStateAction<dayjs.Dayjs>>;
+    navigateDate: (action: NavigationAction, view: CalendarView) => void;
+};
+
+type CellBorderType = 'full' | 'start' | 'end' | 'middle' | 'none';
+declare const filterEventsForDay: (events: CalendarEvent[], day: Dayjs) => CalendarEvent[];
+declare const getCellBorderType: (cellHour: number, dayEvents: CalendarEvent[]) => CellBorderType;
+declare const clampEventToVisibleRange: (event: CalendarEvent, currentDate: Dayjs, startHour: number, endHour: number) => {
+    startMinutes: number;
+    durationMinutes: number;
+    clampedStart: dayjs.Dayjs;
+    clampedEnd: dayjs.Dayjs;
+};
+
+interface DayEventsListProps {
+    events: CalendarEvent[];
+    day: dayjs.Dayjs;
+    onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
+    onEventHover?: (event: CalendarEvent) => React__default.ReactNode;
+}
+declare const DayEventsList: React__default.FC<DayEventsListProps>;
+
 interface ArrayElement<T> {
     data?: T[];
     columnGroup?: string;
@@ -140,6 +238,27 @@ declare const ToastProgress: (timeProgress: number) => {
 
 declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, heightDrawer, filterSideCard, }: DrawerProps<T>): React__default.JSX.Element;
 
+type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
+type EmptyStateSize = 'small' | 'large';
+interface EmptyStateProperties {
+    icon?: ReactNode;
+    state?: EmptyStateStates;
+    size?: EmptyStateSize;
+    title: string;
+    subtitle?: string;
+    actions?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: 'text' | 'outlined' | 'contained';
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+        onClick?: () => void;
+    }[];
+    containerHeight?: string;
+}
+declare const EmptyState: ({ state, size, title, subtitle, actions, containerHeight, icon, }: EmptyStateProperties) => React__default.JSX.Element;
+
 interface FooterActionsProperties {
     label?: React.ReactNode;
     leftContent?: React.ReactNode;
@@ -149,6 +268,23 @@ interface FooterActionsProperties {
 
 declare const FooterAction: ({ leftContent, rightContent, label, variant, }: FooterActionsProperties) => React__default.JSX.Element;
 
+interface BasicMenuProps {
+    open?: boolean;
+    onClose?: () => void;
+    button?: {
+        icon?: string;
+        text?: string;
+        color?: ReplyPalette$1;
+        variant?: ReplyButtonVariants;
+        iconPosition?: 'left' | 'right';
+        size?: "small" | "medium" | "large";
+    };
+    anchorEl?: null | HTMLElement;
+    handleClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
+    options?: [];
+}
+declare const BasicMenu: ({ open, onClose, button, anchorEl, handleClick, options }: BasicMenuProps) => React__default.JSX.Element;
+
 declare const modalStateConfig: {
     info: {
         color: string;
@@ -312,40 +448,44 @@ interface SCTextFieldProps {
 
 declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
 
-interface SCCalendarSwipeableProps {
+interface SCActivityCalendarProps {
     background?: string;
     setState: React__default.Dispatch<React__default.SetStateAction<string>>;
     state: string | any;
+    events: any[];
+    fn?: any;
+    configRangeHour?: string;
 }
-declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
+declare const SCActivityCalendar: ({ background, setState, state, events, fn, configRangeHour, }: SCActivityCalendarProps) => React__default.JSX.Element;
 
-interface SCDataGridInitialProps<T> {
-    data: T[];
-    columns: any;
-    groupColumns?: (item: any) => {
-        textGroup1?: string;
-        valueGroup1?: string;
-        textGroup2?: string;
-        valueGroup2?: string;
-        headerNameFirstColumn?: string;
-        fieldFirstColumn?: string;
-    };
-    getRowId?: (row: T) => string | number;
-    rowsTable?: number;
-    checkboxSelection?: boolean;
-    rowSelection?: boolean;
-    width?: string | number;
-    maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
-    disableColumnMenu?: boolean;
-    disableColumnSorting?: boolean;
-    setSelectedIndex?: (index: number) => void;
-    selectedIndex?: number;
-    setSelectedRow?: (any: any) => void;
-    selectedRow?: any;
+interface SCAlertProps {
+    title: string;
+    subtitle?: string;
+    severity?: 'success' | 'error' | 'warning' | 'info';
+    variant?: 'filled' | 'outlined' | 'standard';
+    width?: string;
+    close?: boolean;
+    openState: boolean;
+    setOpenState: any;
 }
-declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
-declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
+declare const SCAlert: ({ title, subtitle, severity, variant, width, close, openState, setOpenState, }: SCAlertProps) => React__default.JSX.Element;
+
+interface Option$3 {
+    name: string;
+    fn?: () => void;
+    disabled?: boolean;
+}
+interface SCAppBarProps {
+    background?: string;
+    contenidoExtra?: React__default.ReactNode;
+    menuItems?: React__default.ReactNode;
+    options: Option$3[];
+    fnVolver?: () => void;
+    visibleVolver?: boolean;
+    visibleConexion?: boolean;
+    visibleMenu?: boolean;
+}
+declare const SCAppBar: ({ background, contenidoExtra, options, fnVolver, visibleVolver, visibleConexion, visibleMenu, }: SCAppBarProps) => React__default.JSX.Element;
 
 declare const StopEvent: React__default.FC<React__default.PropsWithChildren>;
 interface SCAutocompleteProps<T> {
@@ -376,26 +516,75 @@ interface SCAutocompleteProps<T> {
 }
 declare function SCAutocomplete<T>({ label, data, columnGroup, getItemValue, typeFormat, checkMassive, deleteType, fnAplicar, required, disabled, background, setState, state, inputChange, maxCheck, }: SCAutocompleteProps<T>): React__default.JSX.Element;
 
-type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
-type EmptyStateSize = 'small' | 'large';
-interface EmptyStateProperties {
-    icon?: ReactNode;
-    state?: EmptyStateStates;
-    size?: EmptyStateSize;
-    title: string;
+interface SCCalendarSwipeableProps {
+    background?: string;
+    setState: React__default.Dispatch<React__default.SetStateAction<string>>;
+    state: string | any;
+}
+declare const SCCalendarSwipeable: ({ background, setState, state, }: SCCalendarSwipeableProps) => React__default.JSX.Element;
+
+interface SCCardProps {
+    width?: string;
+    title?: string;
     subtitle?: string;
+    iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
+    actionsTitle?: any;
+    image?: any;
+    content?: any;
     actions?: {
-        icon?: string;
         text?: string;
-        color?: ReplyPalette$1;
-        variant?: 'text' | 'outlined' | 'contained';
-        iconPosition?: 'left' | 'right';
-        size?: "small" | "medium" | "large";
-        onClick?: () => void;
+        fn: () => void;
+        disabled?: boolean;
     }[];
-    containerHeight?: string;
+    expand?: {
+        type?: 'icon' | 'text';
+        position?: 'top' | 'bottom';
+        content?: string;
+    };
 }
-declare const EmptyState: ({ state, size, title, subtitle, actions, containerHeight, icon, }: EmptyStateProperties) => React__default.JSX.Element;
+declare const SCCard: ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }: SCCardProps) => React__default.JSX.Element;
+
+interface SCDataGridInitialProps<T> {
+    data: T[];
+    columns: any;
+    groupColumns?: (item: any) => {
+        textGroup1?: string;
+        valueGroup1?: string;
+        textGroup2?: string;
+        valueGroup2?: string;
+        headerNameFirstColumn?: string;
+        fieldFirstColumn?: string;
+    };
+    getRowId?: (row: T) => string | number;
+    titleRowsPage?: boolean;
+    rowsTable?: number;
+    checkboxSelection?: boolean;
+    rowSelection?: boolean;
+    width?: string | number;
+    maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
+    disableColumnMenu?: boolean;
+    disableColumnSorting?: boolean;
+    setSelectedIndex?: (index: number) => void;
+    selectedIndex?: number;
+    setSelectedRow?: (any: any) => void;
+    selectedRow?: any;
+}
+declare function SCDataGridInitial<T>({ data, columns, getRowId, groupColumns, titleRowsPage, rowsTable, rowSelection, checkboxSelection, width, maxHeight, density, disableColumnMenu, disableColumnSorting, setSelectedIndex, selectedIndex, setSelectedRow, selectedRow }: SCDataGridInitialProps<T>): React__default.JSX.Element;
+declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
+
+interface SCDatePickerProps$1 {
+    label?: string;
+    required?: boolean;
+    disabled?: boolean;
+    background?: string;
+    state: Dayjs;
+    setState: (value: Dayjs) => void;
+    width?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+}
+declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps$1) => React__default.JSX.Element;
 
 interface SCDateRangeProps {
     labelDateInitial?: string;
@@ -442,7 +631,7 @@ interface SCDialogProps {
 }
 declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, typeView, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
-interface Option$3 {
+interface Option$2 {
     title?: string;
     subtitle?: any;
     description?: any;
@@ -456,13 +645,13 @@ interface Option$3 {
     fn?: any;
 }
 interface SCListContentProps {
-    options: Option$3[];
+    options: Option$2[];
     iconLeftType?: "Icon" | "Avatar";
     iconRightType?: "Icon" | "Avatar";
 }
 declare const SCListContent: ({ options, iconLeftType, iconRightType }: SCListContentProps) => React__default.JSX.Element;
 
-interface Option$2 {
+interface Option$1 {
     name?: string;
     iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
     iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
@@ -471,7 +660,7 @@ interface Option$2 {
 }
 interface SCMenuProps {
     header?: any;
-    options: Option$2[];
+    options: Option$1[];
     defaultOption?: string;
     disable?: boolean;
     widthMenu?: string;
@@ -480,23 +669,6 @@ interface SCMenuProps {
 }
 declare const SCMenu: ({ header, options, defaultOption, disable, widthMenu, heightMenu, widthPage }: SCMenuProps) => React__default.JSX.Element;
 
-interface BasicMenuProps {
-    open?: boolean;
-    onClose?: () => void;
-    button?: {
-        icon?: string;
-        text?: string;
-        color?: ReplyPalette$1;
-        variant?: ReplyButtonVariants;
-        iconPosition?: 'left' | 'right';
-        size?: "small" | "medium" | "large";
-    };
-    anchorEl?: null | HTMLElement;
-    handleClick?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
-    options?: [];
-}
-declare const BasicMenu: ({ open, onClose, button, anchorEl, handleClick, options }: BasicMenuProps) => React__default.JSX.Element;
-
 interface SCSelectProps<T> {
     label?: string;
     data: T[];
@@ -520,14 +692,25 @@ interface SCSelectProps<T> {
 }
 declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
 
-interface Option$1 {
+interface SCSnackBarProps {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    close?: boolean;
+    openState: boolean;
+    setOpenState: any;
+    mensaje: string;
+    duration?: number;
+    position?: 'Center' | 'Left-Up' | 'Left-Down' | 'Right-Up' | 'Right-Down';
+}
+declare const SCSnackBar: ({ type, close, openState, setOpenState, mensaje, duration, position }: SCSnackBarProps) => React__default.JSX.Element;
+
+interface Option {
     name?: string;
     iconOrBadge: string | number | null | undefined | any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType;
     disabled?: boolean;
     page: React__default.ReactNode | React__default.ReactElement;
 }
 interface SCTabsProps {
-    options: Option$1[];
+    options: Option[];
     defaultOption?: string;
     typeIcon?: "badge" | "icon";
     background?: string;
@@ -540,73 +723,6 @@ interface SCTabsProps {
 }
 declare const SCTabs: ({ options, defaultOption, typeIcon, background, iconPosition, colorTab, orientation, variant, scrollButtons, children }: SCTabsProps) => React__default.JSX.Element;
 
-type CalendarView = 'month' | 'week' | 'day';
-type EventState = 'En progreso' | 'Finalizada' | 'Vencida' | 'Asignada' | 'Aplazada' | 'Generada';
-interface CalendarEvent {
-    id: string;
-    title: string;
-    start: dayjs.Dayjs;
-    end: dayjs.Dayjs;
-    state: EventState;
-}
-interface CalendarProps {
-    events: CalendarEvent[];
-    view?: CalendarView;
-    toolbar?: React.ReactNode;
-    onDayClick?: (date: dayjs.Dayjs) => void;
-    onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
-    onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
-    onViewChange?: (view: CalendarView) => void;
-    onDateChange?: (date: dayjs.Dayjs) => void;
-    onEventHover?: (event: CalendarEvent) => React.ReactNode;
-    onNavigate?: (action: 'TODAY' | 'PREV' | 'NEXT') => void;
-    isLoading?: boolean;
-    startHour?: number;
-    endHour?: number;
-}
-
-declare const Calendar: React__default.FC<CalendarProps>;
-
-declare const CALENDAR_CONSTANTS: {
-    readonly GRID_TEMPLATE: "repeat(7, minmax(150px, 1fr))";
-    readonly DAY_HEIGHT: 60;
-    readonly SIDEBAR_WIDTH: 47;
-    readonly MIN_CELL_HEIGHT: 99;
-    readonly DEFAULT_START_HOUR: 0;
-    readonly DEFAULT_END_HOUR: 23;
-    readonly DRAWER_WIDTH: "350px";
-    readonly MAX_VISIBLE_EVENTS: 2;
-    readonly MIN_WIDTH: "1050px";
-    readonly LOADING_SPINNER_SIZE: "60px";
-    readonly LOADING_CONTAINER_HEIGHT: "450px";
-    readonly DAY_CIRCLE_SIZE: 24;
-};
-
-type NavigationAction = 'PREV' | 'NEXT' | 'TODAY';
-declare const useCalendarNavigation: (initialDate?: dayjs.Dayjs, onDateChange?: ((date: dayjs.Dayjs) => void) | undefined) => {
-    currentDate: dayjs.Dayjs;
-    setCurrentDate: React$1.Dispatch<React$1.SetStateAction<dayjs.Dayjs>>;
-    navigateDate: (action: NavigationAction, view: CalendarView) => void;
-};
-
-type CellBorderType = 'full' | 'start' | 'end' | 'middle' | 'none';
-declare const filterEventsForDay: (events: CalendarEvent[], day: Dayjs) => CalendarEvent[];
-declare const getCellBorderType: (cellHour: number, dayEvents: CalendarEvent[]) => CellBorderType;
-declare const clampEventToVisibleRange: (event: CalendarEvent, currentDate: Dayjs, startHour: number, endHour: number) => {
-    startMinutes: number;
-    durationMinutes: number;
-    clampedStart: dayjs.Dayjs;
-    clampedEnd: dayjs.Dayjs;
-};
-
-interface DayEventsListProps {
-    events: CalendarEvent[];
-    day: dayjs.Dayjs;
-    onEventClick?: (event: CalendarEvent, date?: dayjs.Dayjs) => void;
-    onEventHover?: (event: CalendarEvent) => React__default.ReactNode;
-}
-declare const DayEventsList: React__default.FC<DayEventsListProps>;
-
 interface SCTimeProps {
     label?: string;
     required?: boolean;
@@ -620,123 +736,21 @@ interface SCTimeProps {
 }
 declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, width, error, }: SCTimeProps) => React__default.JSX.Element;
 
-interface SCCardProps {
-    width?: string;
-    title?: string;
-    subtitle?: string;
-    iconTitle?: React__default.ReactNode | React__default.ReactElement | keyof typeof Muicon;
-    actionsTitle?: any;
-    image?: any;
-    content?: any;
-    actions?: {
-        text?: string;
-        fn: () => void;
-        disabled?: boolean;
-    }[];
-    expand?: {
-        type?: 'icon' | 'text';
-        position?: 'top' | 'bottom';
-        content?: string;
-    };
-}
-declare const SCCard: ({ width, title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }: SCCardProps) => React__default.JSX.Element;
-
-interface SCActivityCalendarProps {
-    background?: string;
-    setState: React__default.Dispatch<React__default.SetStateAction<string>>;
-    state: string | any;
-    events: any[];
-    fn?: any;
-    configRangeHour?: string;
-}
-declare const SCActivityCalendar: ({ background, setState, state, events, fn, configRangeHour, }: SCActivityCalendarProps) => React__default.JSX.Element;
-
-interface UploadedFile {
-    name: string;
-    size: number;
-    type: string;
-    progress: number;
-    uploadError?: boolean;
-    file?: File;
-}
-interface AttachmentMobileProps<T> {
-    buttonAttachment?: {
-        icon?: string;
-        text?: string;
-        color?: ReplyPalette$1 | "primary";
-        variant?: ReplyButtonVariants | "text";
-        iconPosition?: 'left' | 'right';
-        size?: RepplySizeVariants | "small";
-    };
-    children?: React.ReactNode;
-    maxSize?: number;
-    sx?: SxProps;
-    files?: T[];
-    initialFiles?: UploadedFile[];
-    fileAccepted?: string;
-    onChange?: (archivos: File[]) => void;
-    deleteAction?: (name: string) => Promise<void> | void;
-    downloadAction?: (file: UploadedFile) => Promise<void> | void;
-    view?: 'file' | 'button';
-}
-
-declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, downloadAction, onChange, children, sx, view, }: AttachmentMobileProps<any>) => React__default.JSX.Element;
-
-interface SCSnackBarProps {
-    type?: 'success' | 'error' | 'warning' | 'info';
-    close?: boolean;
-    openState: boolean;
-    setOpenState: any;
-    mensaje: string;
-    duration?: number;
-    position?: 'Center' | 'Left-Up' | 'Left-Down' | 'Right-Up' | 'Right-Down';
-}
-declare const SCSnackBar: ({ type, close, openState, setOpenState, mensaje, duration, position }: SCSnackBarProps) => React__default.JSX.Element;
-
-interface Option {
-    name: string;
-    fn?: () => void;
-    disabled?: boolean;
-}
-interface SCAppBarProps {
-    background?: string;
-    contenidoExtra?: React__default.ReactNode;
-    menuItems?: React__default.ReactNode;
-    options: Option[];
-    fnVolver?: () => void;
-    visibleVolver?: boolean;
-    visibleConexion?: boolean;
-    visibleMenu?: boolean;
-}
-declare const SCAppBar: ({ background, contenidoExtra, options, fnVolver, visibleVolver, visibleConexion, visibleMenu, }: SCAppBarProps) => React__default.JSX.Element;
-
 interface SCDatePickerProps {
     label?: string;
     required?: boolean;
     disabled?: boolean;
     background?: string;
-    state: Dayjs;
-    setState: (value: Dayjs) => void;
     width?: string;
-    minDate?: Dayjs;
-    maxDate?: Dayjs;
+    height?: string;
+    image: any;
+    bottom?: string;
+    left?: string;
 }
-declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps) => React__default.JSX.Element;
-
-interface SCAlertProps {
-    title: string;
-    subtitle?: string;
-    severity?: 'success' | 'error' | 'warning' | 'info';
-    variant?: 'filled' | 'outlined' | 'standard';
-    width?: string;
-    close?: boolean;
-    openState: boolean;
-    setOpenState: any;
-}
-declare const SCAlert: ({ title, subtitle, severity, variant, width, close, openState, setOpenState, }: SCAlertProps) => React__default.JSX.Element;
+declare const SCZoom: ({ label, required, disabled, background, width, height, image, bottom, left }: SCDatePickerProps) => React__default.JSX.Element;
 
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SCZoom, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };