componentes-sinco 1.0.26 → 1.0.28

package/dist/index.d.cts

@@ -1,11 +1,35 @@
 import * as React$1 from 'react';
 import React__default, { ComponentType, ReactNode } from 'react';
+import * as _mui_material from '@mui/material';
+import { SxProps } from '@mui/material';
 import * as Muicon from '@mui/icons-material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material from '@mui/material';
 import dayjs, { Dayjs } from 'dayjs';
 import * as _mui_material_styles from '@mui/material/styles';
 
+interface UploadedFile {
+    name: string;
+    size: number;
+    type: string;
+    progress: number;
+    uploadError?: boolean;
+}
+interface AdjuntarProps<T> {
+    sx?: SxProps;
+    files?: T[];
+    error?: boolean;
+    compact?: boolean;
+    maxSize?: number;
+    fileAccepted?: string;
+    onChange?: (archivos: File[]) => void;
+    onLoading?: boolean;
+    downloadAction?: (name: string) => void;
+    deleteAction?: (name: string) => Promise<void> | void;
+    initialFiles?: UploadedFile[];
+}
+
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, }: AdjuntarProps<any>) => React__default.JSX.Element;
+
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";
 type ReplyVariants = "outlined" | "filled" | "standard";
@@ -80,6 +104,8 @@ interface DrawerProps<T> {
     anchor?: "left" | "right";
     width?: string;
     open?: boolean;
+    setOpen?: any;
+    chipFilters?: any[];
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -106,7 +132,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -150,6 +176,7 @@ interface ModalProps {
         fn: () => void;
         disabled?: boolean;
     }[];
+    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
     buttonModal?: {
         icon?: string;
         text?: string;
@@ -164,7 +191,7 @@ declare const getIconComponent: (iconName?: string) => React.ElementType;
 declare const getModalColor: (state: string) => string;
 declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';
 
-declare const SCModal: ({ buttonModal, state, open, title, description, action, }: ModalProps) => React__default.JSX.Element;
+declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps) => React__default.JSX.Element;
 
 interface MultiSelectProps<T> {
     textButton?: string;
@@ -283,6 +310,33 @@ 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 {
+    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 SCDataGridInitialProps<T> {
+    data: T[];
+    columns: any;
+    rowsTable?: number;
+    checkboxSelection?: boolean;
+    width?: string | number;
+    maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
+    groupColumns?: (item: any) => {
+        textGroup1?: string;
+        valueGroup1?: string;
+        textGroup2?: string;
+        valueGroup2?: string;
+        headerNameFirstColumn?: string;
+        fieldFirstColumn?: string;
+    };
+}
+declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
+declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
+
 interface SCAutocompleteProps<T> {
     label?: string;
     data: T[];
@@ -310,26 +364,6 @@ 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;
 
-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 SCDataGridInitialProps {
-    data: any;
-    columns: any;
-    groupColumns?: any;
-    rowsTable?: number;
-    checkboxSelection?: boolean;
-    width?: string | number;
-    maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
-}
-declare const SCDataGridInitial: ({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps) => React__default.JSX.Element;
-declare const SCDataGrid: React__default.MemoExoticComponent<({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps) => React__default.JSX.Element>;
-
 type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
 type EmptyStateSize = 'small' | 'large';
 interface EmptyStateProperties {
@@ -395,6 +429,23 @@ interface SCDialogProps {
 }
 declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
+interface Option$2 {
+    title?: string;
+    subtitle?: any;
+    description?: any;
+    iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
+    iconRightColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
+    divider?: boolean;
+    disable?: boolean;
+    fn?: any;
+}
+interface SCListContentProps {
+    options: Option$2[];
+}
+declare const SCListContent: ({ options }: SCListContentProps) => React__default.JSX.Element;
+
 interface Option$1 {
     name?: string;
     iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
@@ -413,6 +464,23 @@ 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?: RepplyButtonVariants;
+        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[];
@@ -424,10 +492,9 @@ interface SCSelectProps<T> {
     width?: string;
     size?: "small" | "medium";
     variant?: "outlined" | "filled" | "standard";
-    deleteType?: "button" | "icon";
+    background?: string;
     required?: boolean;
     disabled?: boolean;
-    background?: string;
     fnAplicar?: () => void | React__default.ReactNode;
     setState: React__default.Dispatch<React__default.SetStateAction<any>>;
     state: {
@@ -435,7 +502,7 @@ interface SCSelectProps<T> {
         textValue: string;
     };
 }
-declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, deleteType, required, disabled, background, fnAplicar, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
+declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
 
 interface Option {
     name?: string;
@@ -458,12 +525,13 @@ 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: 'EnProgreso' | 'Finalizado' | 'Vencida' | 'Asignada';
+    state: EventState;
 }
 interface CalendarProps {
     events: CalendarEvent[];
@@ -471,14 +539,101 @@ interface CalendarProps {
     toolbar?: React.ReactNode;
     onDayClick?: (date: dayjs.Dayjs) => void;
     onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
-    onViewChange?: (view: CalendarView) => 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: 120;
+    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;
+    disabled?: boolean;
+    background?: string;
+    timeStep?: number;
+    state: Dayjs | null;
+    setState: (value: Dayjs | null) => void;
+}
+declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
+
+interface SCCardProps {
+    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: ({ 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;
+
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, 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 ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.d.ts

@@ -1,11 +1,35 @@
 import * as React$1 from 'react';
 import React__default, { ComponentType, ReactNode } from 'react';
+import * as _mui_material from '@mui/material';
+import { SxProps } from '@mui/material';
 import * as Muicon from '@mui/icons-material';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material from '@mui/material';
 import dayjs, { Dayjs } from 'dayjs';
 import * as _mui_material_styles from '@mui/material/styles';
 
+interface UploadedFile {
+    name: string;
+    size: number;
+    type: string;
+    progress: number;
+    uploadError?: boolean;
+}
+interface AdjuntarProps<T> {
+    sx?: SxProps;
+    files?: T[];
+    error?: boolean;
+    compact?: boolean;
+    maxSize?: number;
+    fileAccepted?: string;
+    onChange?: (archivos: File[]) => void;
+    onLoading?: boolean;
+    downloadAction?: (name: string) => void;
+    deleteAction?: (name: string) => Promise<void> | void;
+    initialFiles?: UploadedFile[];
+}
+
+declare const Attachment: ({ sx, compact, error, maxSize, fileAccepted, onLoading, onChange, downloadAction, deleteAction, initialFiles, }: AdjuntarProps<any>) => React__default.JSX.Element;
+
 type ReplyPalette$1 = "primary" | "secondary" | "warning" | "info" | "success" | "error" | any;
 type ReplyTextPalette = "primary" | "secondary" | "disabled";
 type ReplyVariants = "outlined" | "filled" | "standard";
@@ -80,6 +104,8 @@ interface DrawerProps<T> {
     anchor?: "left" | "right";
     width?: string;
     open?: boolean;
+    setOpen?: any;
+    chipFilters?: any[];
 }
 
 type ToastType = 'success' | 'error' | 'warning' | 'info';
@@ -106,7 +132,7 @@ declare const ToastProgress: (timeProgress: number) => {
     progressToast: number;
 };
 
-declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, }: DrawerProps<T>): React__default.JSX.Element;
+declare function SCDrawer<T>({ title, arrayElements, actions, buttonDrawer, colorTitle, anchor, width, open, setOpen, chipFilters, }: DrawerProps<T>): React__default.JSX.Element;
 
 interface FooterActionsProperties {
     label?: React.ReactNode;
@@ -150,6 +176,7 @@ interface ModalProps {
         fn: () => void;
         disabled?: boolean;
     }[];
+    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
     buttonModal?: {
         icon?: string;
         text?: string;
@@ -164,7 +191,7 @@ declare const getIconComponent: (iconName?: string) => React.ElementType;
 declare const getModalColor: (state: string) => string;
 declare const getButtonColor: (state: string) => 'inherit' | 'info' | 'error' | 'warning';
 
-declare const SCModal: ({ buttonModal, state, open, title, description, action, }: ModalProps) => React__default.JSX.Element;
+declare const SCModal: ({ buttonModal, state, open, setOpen, title, description, action, }: ModalProps) => React__default.JSX.Element;
 
 interface MultiSelectProps<T> {
     textButton?: string;
@@ -283,6 +310,33 @@ 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 {
+    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 SCDataGridInitialProps<T> {
+    data: T[];
+    columns: any;
+    rowsTable?: number;
+    checkboxSelection?: boolean;
+    width?: string | number;
+    maxHeight?: number;
+    density?: "compact" | "standard" | "comfortable";
+    groupColumns?: (item: any) => {
+        textGroup1?: string;
+        valueGroup1?: string;
+        textGroup2?: string;
+        valueGroup2?: string;
+        headerNameFirstColumn?: string;
+        fieldFirstColumn?: string;
+    };
+}
+declare function SCDataGridInitial<T>({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps<T>): React__default.JSX.Element;
+declare const SCDataGrid: React__default.MemoExoticComponent<typeof SCDataGridInitial>;
+
 interface SCAutocompleteProps<T> {
     label?: string;
     data: T[];
@@ -310,26 +364,6 @@ 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;
 
-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 SCDataGridInitialProps {
-    data: any;
-    columns: any;
-    groupColumns?: any;
-    rowsTable?: number;
-    checkboxSelection?: boolean;
-    width?: string | number;
-    maxHeight?: number;
-    density?: "compact" | "standard" | "comfortable";
-}
-declare const SCDataGridInitial: ({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps) => React__default.JSX.Element;
-declare const SCDataGrid: React__default.MemoExoticComponent<({ data, columns, groupColumns, rowsTable, checkboxSelection, width, maxHeight, density }: SCDataGridInitialProps) => React__default.JSX.Element>;
-
 type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
 type EmptyStateSize = 'small' | 'large';
 interface EmptyStateProperties {
@@ -395,6 +429,23 @@ interface SCDialogProps {
 }
 declare const SCDialog: ({ title, iconTitle, subtitle, content, actions, buttonDialog, disableClose, dividers, widthContent, heightContent, background, setShow, show }: SCDialogProps) => React__default.JSX.Element;
 
+interface Option$2 {
+    title?: string;
+    subtitle?: any;
+    description?: any;
+    iconLeftColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
+    iconRightColor?: 'inherit' | 'action' | 'disabled' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    iconRight?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
+    divider?: boolean;
+    disable?: boolean;
+    fn?: any;
+}
+interface SCListContentProps {
+    options: Option$2[];
+}
+declare const SCListContent: ({ options }: SCListContentProps) => React__default.JSX.Element;
+
 interface Option$1 {
     name?: string;
     iconLeft?: any | React__default.ReactNode | React__default.ReactElement | React__default.ElementType | null;
@@ -413,6 +464,23 @@ 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?: RepplyButtonVariants;
+        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[];
@@ -424,10 +492,9 @@ interface SCSelectProps<T> {
     width?: string;
     size?: "small" | "medium";
     variant?: "outlined" | "filled" | "standard";
-    deleteType?: "button" | "icon";
+    background?: string;
     required?: boolean;
     disabled?: boolean;
-    background?: string;
     fnAplicar?: () => void | React__default.ReactNode;
     setState: React__default.Dispatch<React__default.SetStateAction<any>>;
     state: {
@@ -435,7 +502,7 @@ interface SCSelectProps<T> {
         textValue: string;
     };
 }
-declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, deleteType, required, disabled, background, fnAplicar, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
+declare function SCSelect<T>({ label, data, getItemValue, width, size, variant, background, required, disabled, setState, state, }: SCSelectProps<T>): React__default.JSX.Element;
 
 interface Option {
     name?: string;
@@ -458,12 +525,13 @@ 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: 'EnProgreso' | 'Finalizado' | 'Vencida' | 'Asignada';
+    state: EventState;
 }
 interface CalendarProps {
     events: CalendarEvent[];
@@ -471,14 +539,101 @@ interface CalendarProps {
     toolbar?: React.ReactNode;
     onDayClick?: (date: dayjs.Dayjs) => void;
     onMoreClick?: (date: dayjs.Dayjs, events: CalendarEvent[]) => void;
-    onViewChange?: (view: CalendarView) => 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: 120;
+    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;
+    disabled?: boolean;
+    background?: string;
+    timeStep?: number;
+    state: Dayjs | null;
+    setState: (value: Dayjs | null) => void;
+}
+declare const SCTime: ({ label, required, disabled, background, timeStep, state, setState, }: SCTimeProps) => React__default.JSX.Element;
+
+interface SCCardProps {
+    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: ({ 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;
+
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, PageHeader, type PageheaderProperties, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCAutocomplete, SCCalendarSwipeable, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, getButtonColor, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, 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 ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyButtonVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };