react-beauty-calendar 1.0.4 → 1.0.6

package/dist/lib/core/header-calendar/SelectItem.d.ts

@@ -0,0 +1,7 @@
+import { CardInfoOptions } from '../booking-options/BookingInfoOptions';
+export interface SelectOptionsProps {
+    options: CardInfoOptions[];
+    onChange: (option: string) => void;
+}
+declare const SelectOptions: ({ options, onChange }: SelectOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectOptions;

package/dist/lib/core/info/Info.d.ts

@@ -0,0 +1,7 @@
+type InfoLevel = "info" | "warning" | "error";
+interface InfoProps {
+    message: string;
+    level: InfoLevel;
+}
+declare const Info: ({ message, level }: InfoProps) => import("react/jsx-runtime").JSX.Element;
+export default Info;

package/dist/lib/core/shortcut-commands/ShortcutCommands.d.ts

@@ -0,0 +1,5 @@
+export interface ShortcutCommandsProps {
+    code: string;
+}
+declare const ShortcutCommands: ({ code }: ShortcutCommandsProps) => import("react/jsx-runtime").JSX.Element;
+export default ShortcutCommands;

package/dist/lib/core/slots/Card.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'react';
+import { Booking, BookingDateAndTime } from '../../@types/booking';
+interface CardProps {
+    booking: Booking;
+    slotData: BookingDateAndTime;
+    ref?: Ref<CardRef>;
+}
+export declare const INITIAL_HEIGHT = 600;
+export declare const MIN_DIFF_TIME_THRESHOLD = 15;
+export interface CardRef {
+    bookingId: string;
+}
+declare const Card: ({ booking, slotData, ref }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/lib/core/slots/CardContent.d.ts

@@ -0,0 +1,39 @@
+import { CSSProperties, Ref, SyntheticEvent } from 'react';
+import { Booking } from '../../@types';
+import { BookingDateAndTime } from '../../@types/booking';
+import { DraggableAttributes } from '@dnd-kit/core';
+import { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
+import { ResizeCallbackData, ResizeHandle } from 'react-resizable';
+interface ResizableState {
+    height: number;
+    width: number;
+}
+export interface ResizableParam {
+    state: ResizableState;
+    customClass?: string;
+    onResize: (event: SyntheticEvent<Element, Event>, args_1: ResizeCallbackData) => void;
+    onResizeStart?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    onResizeStop?: (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    resizeHandle?: ResizeHandle[];
+}
+interface CardContentProps {
+    bookingInit: Booking;
+    bookingViewType: string;
+    slotData: BookingDateAndTime;
+    heightStyleTransformer: string;
+    pendingStyle?: React.CSSProperties;
+    style?: CSSProperties | undefined;
+    listeners?: SyntheticListenerMap | undefined;
+    attributes?: DraggableAttributes;
+    onClick?: () => void;
+    customClasses?: string;
+    open?: boolean;
+    resizableParam?: ResizableParam;
+    events?: {
+        onUnmount: () => void;
+    };
+    ref?: Ref<CardContentForward>;
+}
+type CardContentForward = HTMLDivElement;
+declare const CardContent: ({ bookingInit, slotData, heightStyleTransformer, onClick, pendingStyle, style, listeners, attributes, customClasses, bookingViewType, resizableParam, events, open, ref, }: CardContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export default CardContent;

package/dist/lib/core/slots/CardOverlay.d.ts

@@ -0,0 +1,9 @@
+import { Booking } from '../../@types';
+import { BookingDateAndTime } from '../../@types/booking';
+interface CardOverlayProps {
+    bookingInit: Booking;
+    slotData: BookingDateAndTime;
+    heightStyle: string;
+}
+declare const CardOverlay: ({ bookingInit, slotData, heightStyle, }: CardOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export default CardOverlay;

package/dist/lib/core/slots/EmptySlot.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties } from 'react';
+import { Booking } from '../../@types';
+import { BookingDateAndTime } from '../../@types/booking';
+export interface BlockTimeRef {
+    ref: (element: HTMLElement | null) => void;
+    style: CSSProperties;
+}
+export interface BlockTimeData {
+    key: string;
+    time: string;
+}
+export type BlocksTimeStructure = BlockTimeRef & BlockTimeData;
+export interface EmptySlotProps {
+    bookings?: Booking[];
+    dayHour?: BookingDateAndTime;
+    first: BlocksTimeStructure;
+    second: BlocksTimeStructure;
+    third: BlocksTimeStructure;
+    fourth: BlocksTimeStructure;
+    disabledCss: string;
+    firstDay: boolean;
+}
+declare const EmptySlot: ({ bookings, first, second, third, fourth, disabledCss, firstDay, dayHour, }: EmptySlotProps) => import("react/jsx-runtime").JSX.Element;
+export default EmptySlot;

package/dist/lib/core/slots/EventsTab.d.ts

@@ -0,0 +1,11 @@
+import { JSX, PropsWithChildren } from 'react';
+import { EmptySlotNodes } from '../../context/emptySlotsStore.ts/useEmptySlotStore';
+interface EventTabsProps {
+    emptySlotNodes?: EmptySlotNodes;
+    buttonTrigger: JSX.Element;
+    onClose: (event: React.MouseEvent) => void;
+    onOpenChange: (status: boolean) => void;
+}
+type EventTabsWithChildren = PropsWithChildren<EventTabsProps>;
+declare const EventTabs: ({ onClose, onOpenChange, buttonTrigger, }: EventTabsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export default EventTabs;

package/dist/lib/core/slots/Slots.d.ts

@@ -0,0 +1,14 @@
+import { Booking, BookingDateAndTime, BookingViewType } from '../../@types/booking';
+export type TimesBlock = "first" | "second" | "third" | "fourth";
+interface SlotsProps {
+    dayHour: BookingDateAndTime;
+    lunchTimeBlock: {
+        startAt: string;
+        finishAt: string;
+    };
+    firstDay: boolean;
+    bookingViewType: BookingViewType;
+    bookingBulk: Booking[];
+}
+declare const Slots: ({ dayHour, lunchTimeBlock, firstDay, bookingBulk, bookingViewType, }: SlotsProps) => import("react/jsx-runtime").JSX.Element;
+export default Slots;

package/dist/lib/core/slots/TabsContent.d.ts

@@ -0,0 +1,3 @@
+export type BookingType = "service" | "event";
+declare const TabsContentCore: () => import("react/jsx-runtime").JSX.Element;
+export default TabsContentCore;

package/dist/lib/core/slots/TimeInfo.d.ts

@@ -0,0 +1,13 @@
+import { BlocksTimeStructure } from './EmptySlot';
+interface TimeInfoEvents {
+    onClick: (finishAt?: string) => void;
+    renderPreviewCard: () => void;
+    openOptions: () => void;
+    resetPrevView: () => void;
+}
+interface TimeInfoProps {
+    slotData: BlocksTimeStructure;
+    events: TimeInfoEvents;
+}
+declare const TimeInfo: ({ slotData, events: { onClick, renderPreviewCard, resetPrevView }, }: TimeInfoProps) => import("react/jsx-runtime").JSX.Element;
+export default TimeInfo;

package/dist/lib/core/slots/actualTimeIndicator/ActualTimeIndicator.d.ts

@@ -0,0 +1,8 @@
+import { BlocksTimeStructure } from '../EmptySlot';
+interface ActualTimerIndicatorProps {
+    tailwindColor: string;
+    isFirstDay: boolean;
+    slotData: BlocksTimeStructure;
+}
+export declare const ActualTimerIndicator: ({ tailwindColor, isFirstDay, slotData, }: ActualTimerIndicatorProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export default ActualTimerIndicator;

package/dist/lib/core/slots/actualTimeIndicator/position-based-on-seconds.d.ts

@@ -0,0 +1,13 @@
+import { HourWithActionsRef } from '../../calendar/HourWithActions';
+declare class TimeIndicatorPosition {
+    positionBasedOnSeconds: (slotDataTime: string, dateToRender: string, timesRendered: Map<string, HourWithActionsRef>) => number;
+    toggleTimeVisibility: (slotDataTime: string, dateToRenderHour: string, minutes: number, timesRendered: Map<string, HourWithActionsRef>) => void;
+    normalizingMinutes: (minutes: number) => number;
+    isInitialMinute: (minutes: number) => boolean;
+    isSameHour: (dateToRenderHour: string, slotDataTime: string) => boolean;
+}
+declare class TimeEquality {
+    is15MinLess: (slotDataTime: string) => boolean;
+    normalizeDateNow: (dateNow: Date) => string;
+}
+export { TimeIndicatorPosition, TimeEquality };

package/dist/lib/core/slots/service/ProcedureWithColor.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/core/slots/service/StartAt.d.ts

@@ -0,0 +1,9 @@
+interface StartAtFieldProps {
+    formStartAt: string;
+    onStartTimeChange: (value: string) => void;
+    generateHoursArray: (startHour: string, isStartHour?: boolean) => string[];
+}
+export declare const INITIAL_START_TIME = "08:00";
+export declare const TIME_INTERVAL_IN_MINUTES = 15;
+declare const StartAtField: ({ formStartAt, onStartTimeChange, generateHoursArray, }: StartAtFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default StartAtField;

package/dist/lib/core/slots/useResizableCardHook.d.ts

@@ -0,0 +1,26 @@
+import { SyntheticEvent } from 'react';
+import { ResizeCallbackData } from 'react-resizable';
+import { Booking } from '../../@types';
+interface useResizableCardHookProps {
+    booking: Booking;
+    onAddTime?: (datetime: Date) => void;
+    onAddStartTime?: (datetime: Date) => void;
+    onSubTime?: (datetime: Date) => void;
+    starter?: boolean;
+}
+declare const useResizableCardHook: ({ booking, onAddTime, onAddStartTime, onSubTime, starter, }: useResizableCardHookProps) => {
+    state: {
+        height: number;
+        width: number;
+    };
+    setState: import('react').Dispatch<import('react').SetStateAction<{
+        height: number;
+        width: number;
+    }>>;
+    resetState: () => void;
+    resetHeightStyle: () => void;
+    heightStyle: number;
+    onResize: (event: SyntheticEvent, { size, handle }: ResizeCallbackData) => void;
+    updateHeightStyle: (finishMock: Date, startMock: Date) => void;
+};
+export default useResizableCardHook;

package/dist/lib/core/table-view-type/TableViewType.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/hoc/WithTooltip.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface WithTooltipProps {
+    content: string;
+}
+type PropsWithChildren<P = unknown> = P & {
+    children: ReactNode;
+};
+type WithTooltipChildren = PropsWithChildren<WithTooltipProps>;
+declare const WithTooltip: ({ children, content }: WithTooltipChildren) => import("react/jsx-runtime").JSX.Element;
+export default WithTooltip;

package/dist/lib/hooks/index.d.ts

@@ -0,0 +1,10 @@
+import { default as useDaysSelectedView } from './use-days-selected-view';
+import { default as useGlobalStore } from './use-global-store';
+import { default as useMonthDescription } from './use-month-description';
+import { default as useBooking } from './useBooking';
+import { default as useEventPrevention } from './useEventPrevention';
+import { default as useNewEventStore } from './useNewEventStore';
+import { default as useQueryData } from './useQuery';
+import { default as useThrottleCallback } from './useTrottleCallback';
+import { default as useUrlParam } from './useUrlParam';
+export { useBooking, useEventPrevention, useThrottleCallback, useDaysSelectedView, useMonthDescription, useUrlParam, useGlobalStore, useQueryData, useNewEventStore, };

package/dist/lib/hooks/use-booking-model.d.ts

@@ -0,0 +1,2 @@
+export declare const useBookingModal: () => import('../context/bookingModal/BookingModalProvider').BookingModalContextProps;
+export default useBookingModal;

package/dist/lib/hooks/use-calendar-instance.d.ts

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+import { UseBookingInstanceProps } from '../@types/calendar-instance';
+interface BookingInstance {
+    getCalendar: () => JSX.Element;
+}
+declare const useCalendarInstance: (props: UseBookingInstanceProps) => BookingInstance;
+export default useCalendarInstance;

package/dist/lib/hooks/use-days-selected-view.d.ts

@@ -0,0 +1,4 @@
+declare const useDaysSelectedView: () => {
+    onViewTypeChange: (option: string) => void;
+};
+export default useDaysSelectedView;

package/dist/lib/hooks/use-global-store.d.ts

@@ -0,0 +1,5 @@
+import { BookingInfoState } from '../context/global/booking-info/booking-info';
+import { DayAndWeekState } from '../context/global/days-and-week/day-and-week-store';
+import { SliceGlobalState } from '../context/global/slice-global/slice-global-store';
+declare const useGlobalStore: import('zustand').UseBoundStore<import('zustand').StoreApi<DayAndWeekState & BookingInfoState & SliceGlobalState>>;
+export default useGlobalStore;

package/dist/lib/hooks/use-is-mobile.d.ts

@@ -0,0 +1,2 @@
+declare const useIsMobile: () => boolean;
+export default useIsMobile;

package/dist/lib/hooks/use-month-description.d.ts

@@ -0,0 +1,3 @@
+import { MonthDescriptionState } from '../context/month-description/month-description-store';
+declare const useMonthDescription: <T>(selector: (state: MonthDescriptionState) => T) => T;
+export default useMonthDescription;

package/dist/lib/hooks/use-tanstack-table.d.ts

@@ -0,0 +1,20 @@
+import { ColumnDef, ColumnFiltersState, PaginationState, RowSelectionState, SortingState, Table as TStack, VisibilityState } from '@tanstack/react-table';
+interface UseTanstackTable<T> {
+    data: T[];
+    columns: ColumnDef<T>[];
+    setSorting: React.Dispatch<React.SetStateAction<SortingState>>;
+    setColumnFilters: React.Dispatch<React.SetStateAction<ColumnFiltersState>>;
+    setPagination: React.Dispatch<React.SetStateAction<{
+        pageIndex: number;
+        pageSize: number;
+    }>>;
+    setColumnVisibility: React.Dispatch<React.SetStateAction<VisibilityState>>;
+    setRowSelection: React.Dispatch<React.SetStateAction<object>>;
+    sorting?: SortingState | undefined;
+    columnFilters?: ColumnFiltersState | undefined;
+    columnVisibility?: VisibilityState | undefined;
+    rowSelection?: RowSelectionState | undefined;
+    pagination?: PaginationState | undefined;
+}
+declare const useTanstackTable: <T>({ data, columns, setSorting, setColumnFilters, setPagination, setColumnVisibility, setRowSelection, sorting, columnFilters, columnVisibility, rowSelection, pagination, }: UseTanstackTable<T>) => TStack<T>;
+export default useTanstackTable;

package/dist/lib/hooks/useBooking.d.ts

@@ -0,0 +1,3 @@
+import { BookingState } from '../context/booking/booking-store';
+declare const useBooking: <T>(selector: (state: BookingState) => T) => T;
+export default useBooking;

package/dist/lib/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare const useDebounceCallback: (callback: () => void, delay?: number) => (() => void);
+export default useDebounceCallback;

package/dist/lib/hooks/useEventPrevention.d.ts

@@ -0,0 +1,4 @@
+import { FormEvent, MouseEvent } from 'react';
+type EventType = MouseEvent | FormEvent;
+declare const useEventPrevention: <T extends EventType>(callback: () => void) => (event: T) => void;
+export default useEventPrevention;

package/dist/lib/hooks/useMutation.d.ts

@@ -0,0 +1,9 @@
+declare const useMutationData: <T>(callbackQueryFunction: () => Promise<T>, ...queryKeys: string[]) => {
+    isPending: boolean;
+    isSuccess: boolean;
+    isError: boolean;
+    error: Error | null;
+    status: "error" | "success" | "pending" | "idle";
+    data: T | undefined;
+};
+export default useMutationData;

package/dist/lib/hooks/useNewEventStore.d.ts

@@ -0,0 +1,3 @@
+import { NewEventFormState } from '../context/new-event/new-event-store';
+declare const useNewEventStore: <T>(selector: (state: NewEventFormState) => T) => T;
+export default useNewEventStore;

package/dist/lib/hooks/useQuery.d.ts

@@ -0,0 +1,9 @@
+declare const useQueryData: <T>(queryKey: string, callbackQueryFunction: (...params: string[]) => Promise<T>, params?: unknown) => {
+    isPending: boolean;
+    isLoading: boolean;
+    isError: boolean;
+    error: Error | null;
+    status: "error" | "success" | "pending";
+    data: T | undefined;
+};
+export default useQueryData;

package/dist/lib/hooks/useTrottleCallback.d.ts

@@ -0,0 +1,2 @@
+declare const useThrottleCallback: <T extends (...args: never[]) => void>(fn: T, delay?: number) => ((...args: Parameters<T>) => void);
+export default useThrottleCallback;

package/dist/lib/hooks/useUrlParam.d.ts

@@ -0,0 +1,6 @@
+declare const useUrlParam: (urlQuery: string) => {
+    fromParam: string | null;
+    toRoute: (value: string | Record<string, string>) => void;
+    redirectToRoute: (urlQuery: string) => void | Promise<void>;
+};
+export default useUrlParam;

package/dist/lib/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/lib/main.d.ts

@@ -0,0 +1,4 @@
+import { default as useCalendarInstance } from './hooks/use-calendar-instance';
+export * from './utils/types';
+export * from './hooks/use-calendar-instance';
+export { useCalendarInstance };

package/dist/lib/mock/booking-mock.d.ts

@@ -0,0 +1,4 @@
+import { Booking, User } from '../@types';
+declare const mockUser: User;
+declare const mockBooking: Booking[];
+export { mockBooking, mockUser };

package/dist/lib/utils/date-utils.d.ts

@@ -0,0 +1,33 @@
+export declare const WEEK_DAYS: readonly ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+type WeekDays = (typeof WEEK_DAYS)[number];
+export declare const WEEK_DAYS_FULL_NAME: readonly ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
+export type DatesData = {
+    week: Date[];
+    firstDayOfWeek: Date;
+    lastDayOfWeek: Date;
+};
+export declare const DateUtils: {
+    findIndexToStart(date?: Date): number;
+    findActualDayIndex(today: WeekDays): number;
+    generateWeekDays(newDate?: Date): DatesData;
+    generateDays(date: Date, daysForwardOrBack: number): Date[];
+    addDay(currentDate: Date, numberOfDays: number): Date;
+    formatDate(time: string): string;
+    dateTimeAsString(date: Date): string;
+    minuteDifference(date1: Date, date2: Date): number;
+    dateAndHourDateToString(date: Date): string;
+    shortMonthDescription(...month: Date[]): string;
+    timeDiffInSeconds(startAt: Date, finishAt: Date): number;
+    subtractMinutes(startAt: Date, amount: number): Date;
+    addMinuteToHour(hour: string, minutes: number): string;
+    dateToString(date: Date): string;
+    dateToStringSelected(date: Date): string;
+    roundMinutes(minutes: number): number;
+    hourMinutesStringToDate(hourMinutes: string): Date;
+    addMinutesToDate(targetDate: Date, minutes: number): Date;
+    newDateKey(date: string, hour: string): string;
+    addMinutesToHour(startAt: string, interval: number): string;
+    convertStringTimeToDateFormat(timeString: string): Date;
+    isTodayDate(date: Date): boolean;
+};
+export {};

package/dist/lib/utils/hours.d.ts

@@ -0,0 +1,8 @@
+export type Times = string[];
+declare const generateTimes: (start: string, end: string, interval: number) => Times;
+interface WorkingTimesSlots {
+    time: string;
+    available: boolean;
+}
+declare const generateWorkingTimes: (start: string, end: string, interval: number) => WorkingTimesSlots[];
+export { generateTimes, generateWorkingTimes };

package/dist/lib/utils/string.utils.d.ts

@@ -0,0 +1,4 @@
+export declare const StringUtils: {
+    capitalize(text: string): string;
+    returnFirstChar(text: string): string;
+};

package/dist/lib/utils/types.d.ts

@@ -0,0 +1,21 @@
+import { JSX, Ref } from 'react';
+import { CalendarInstanceRef } from '../../src/App';
+import { Booking, ViewModes } from '../@types';
+import { BookingDateAndTime, BookingViewType } from '../@types/booking';
+import { ActionType } from '../core/header-calendar/Header';
+import { BlockTimeData } from '../core/slots/EmptySlot';
+export type UseBookingInstanceProps = RootProps;
+export interface RootProps extends RootEventsProps {
+    bookings: Booking[];
+    createBookingModal: JSX.Element;
+    viewModes: ViewModes;
+    ref?: Ref<CalendarInstanceRef>;
+}
+export interface RootEventsProps {
+    onChangeViewType: (bookingViewType: BookingViewType) => void;
+    onTodayClick: (date: Date) => void;
+    onCardDropCallback: (booking: Booking, overId: string, slotData: BookingDateAndTime) => Promise<void>;
+    onDayChange: (date: Date[], actionType: ActionType) => void;
+    onModalClose: () => void;
+    onSlotClick: (slotData: BlockTimeData) => void;
+}

package/package.json

@@ -11,7 +11,7 @@
   },
   "license": "MIT",
   "private": false,
-  "version": "1.0.4",
+  "version": "1.0.6",
   "keywords": [
     "react",
     "component",
@@ -63,9 +63,9 @@
     "lucide-react": "^0.483.0",
     "react-resizable": "^3.0.5",
     "react-router": "^7.4.0",
-    "tailwind-merge": "^3.0.2",
     "tailwindcss": "^4.0.15",
     "tw-animate-css": "^1.2.4",
+    "vite-plugin-lib-inject-css": "^2.2.1",
     "zustand": "^5.0.3"
   },
   "devDependencies": {
@@ -99,14 +99,15 @@
     "globals": "^15.15.0",
     "husky": "^9.1.7",
     "playwright": "^1.51.1",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "storybook": "^8.6.8",
+    "tailwind-merge": "^3.0.2",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
     "vite-plugin-dts": "^4.5.3",
-    "vitest": "^3.0.9",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "vitest": "^3.0.9"
   },
   "eslintConfig": {
     "extends": [

package/dist/build/assets/react-beauty-calendar.css

@@ -1 +0,0 @@
-._calendarHeader_ocihc_1{max-width:4rem;min-width:4rem;width:1rem}@media screen and (max-width: 1189px){._calendarHeader_ocihc_1{max-width:4rem;min-width:4rem}}@property --progress{syntax: "<number>"; initial-value: 0; inherits: false;}._Draggable_1rwnc_7{position:relative;transition:transform .25s ease}._Draggable_1rwnc_7>div{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:0;border-radius:5px;box-shadow:var(--box-shadow);transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0) scale(var(--scale, 1));transition:box-shadow .3s ease}._Draggable_1rwnc_7._pendingDelay_1rwnc_22{animation:_pending_1rwnc_22 linear;background-image:linear-gradient(90deg,rgb(0,47,255) calc(var(--progress)* 1%),transparent calc(var(--progress)* 1% + 1%))}._Draggable_1rwnc_7:not(._handle_1rwnc_29)>div{touch-action:none;cursor:grab}._Draggable_1rwnc_7:not(._handle_1rwnc_29)>div:focus-visible:not(._active_1rwnc_34 :is(._Draggable_1rwnc_7:not(._handle_1rwnc_29)>div)){box-shadow:0 0 0 3px #4c9ffe}._Draggable_1rwnc_7._handle_1rwnc_29>div{--action-background: rgba(255, 255, 255, .1)}._Draggable_1rwnc_7._handle_1rwnc_29>div>svg{margin-right:5px}._Draggable_1rwnc_7._handle_1rwnc_29>div>div{margin-right:-10px}._Draggable_1rwnc_7 img{-webkit-user-select:none;user-select:none;pointer-events:none}._Draggable_1rwnc_7._dragging_1rwnc_59{z-index:1;transition:none}._Draggable_1rwnc_7._dragging_1rwnc_59 *{cursor:grabbing}._Draggable_1rwnc_7._dragging_1rwnc_59>div{--scale: 1.06;--box-shadow: -1px 0 15px 0 rgba(34, 33, 81, .01), 0px 15px 15px 0 rgba(34, 33, 81, .25)}._Draggable_1rwnc_7._dragging_1rwnc_59>div:focus-visible{--box-shadow: 0 0px 10px 2px #4c9ffe}._Draggable_1rwnc_7._dragging_1rwnc_59 label{animation:none;opacity:0}._Draggable_1rwnc_7._dragOverlay_1rwnc_83>div,._Draggable_1rwnc_7._dragging_1rwnc_59>div{animation:_pop_1rwnc_1 .25s cubic-bezier(.18,.67,.6,1.22)}@keyframes _pulse_1rwnc_1{0%{opacity:0}to{opacity:1}}@keyframes _pop_1rwnc_1{0%{transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0) scale(1)}to{transform:translate3d(var(--translate-x, 0),var(--translate-y, 0),0) scale(var(--scale));box-shadow:var(--box-shadow)}}@keyframes _pending_1rwnc_22{to{--progress: 100}}#root{margin:0 auto;text-align:center}.react-resizable{position:relative}.react-resizable:hover .react-resizable-handle-s{display:inline}.dragging-effect{border:2px solid rgba(255,21,0,.682)}.show-handle.react-resizable .react-resizable-handle-s{display:inline}.react-resizable.slot-resizable>.react-resizable-handle{width:100%;height:100%}.react-resizable.slot-resizable>.react-resizable-handle.react-resizable-handle-se{cursor:default;background-image:none}.react-resizable.slot-resizable>.react-resizable-handle.react-resizable-handle-se:hover{cursor:default;background-image:none}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpath d='M5 14H19M5 10H19' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");background-position:bottom right}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;left:0;cursor:se-resize;z-index:100}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:-5px;z-index:100}.react-resizable-handle-s{display:none;bottom:-5px;z-index:100}.rdp-day:hover{background-color:#edecec!important;color:#1f1f1f!important;border-radius:50%!important}.rdp-chevron{fill:#5403d6!important}.rdp-day.rdp-today{color:#fff!important;border-radius:50%;background-color:#8574e5!important}.rdp-day::selection{background-color:#8574e5!important;color:red!important}.rdp-day.rdp-selected>.rdp-day_button{background:#d5d0f7;color:#322290;border:none}.shadow{box-shadow:2px 2px 6px 1px #0000004d}@keyframes spinBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-spin-border{animation:spinBorder 3s linear infinite;background-size:200% 200%}.disableVisibilityTime{display:none}.activateVisibilityTime{display:block}