@zimyo/ui 1.0.1 → 1.1.0

package/dist/node_modules/react-day-picker/dist/esm/helpers/getWeeks.js

@@ -1,14 +0,0 @@
-/**
- * Returns an array of calendar weeks from an array of calendar months.
- *
- * @param months The array of calendar months.
- * @returns An array of calendar weeks.
- */
-function getWeeks(months) {
-    const initialWeeks = [];
-    return months.reduce((weeks, month) => {
-        return [...weeks, ...month.weeks];
-    }, initialWeeks);
-}
-
-export { getWeeks };

package/dist/node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js

@@ -1,38 +0,0 @@
-/**
- * Returns the years to display in the dropdown.
- *
- * This function generates a list of years between the navigation start and end
- * dates, formatted using the provided formatter.
- *
- * @param navStart The start date for navigation.
- * @param navEnd The end date for navigation.
- * @param formatters The formatters to use for formatting the year labels.
- * @param dateLib The date library to use for date manipulation.
- * @returns An array of dropdown options representing the years, or `undefined`
- *   if `navStart` or `navEnd` is not provided.
- */
-function getYearOptions(navStart, navEnd, formatters, dateLib) {
-    if (!navStart)
-        return undefined;
-    if (!navEnd)
-        return undefined;
-    const { startOfYear, endOfYear, addYears, getYear, isBefore, isSameYear } = dateLib;
-    const firstNavYear = startOfYear(navStart);
-    const lastNavYear = endOfYear(navEnd);
-    const years = [];
-    let year = firstNavYear;
-    while (isBefore(year, lastNavYear) || isSameYear(year, lastNavYear)) {
-        years.push(year);
-        year = addYears(year, 1);
-    }
-    return years.map((year) => {
-        const label = formatters.formatYearDropdown(year, dateLib);
-        return {
-            value: getYear(year),
-            label,
-            disabled: false
-        };
-    });
-}
-
-export { getYearOptions };

package/dist/node_modules/react-day-picker/dist/esm/helpers/startOfBroadcastWeek.js

@@ -1,27 +0,0 @@
-/**
- * Returns the start date of the week in the broadcast calendar.
- *
- * The broadcast week starts on Monday. If the first day of the month is not a
- * Monday, this function calculates the previous Monday as the start of the
- * broadcast week.
- *
- * @since 9.4.0
- * @param date The date for which to calculate the start of the broadcast week.
- * @param dateLib The date library to use for date manipulation.
- * @returns The start date of the broadcast week.
- */
-function startOfBroadcastWeek(date, dateLib) {
-    const firstOfMonth = dateLib.startOfMonth(date);
-    const dayOfWeek = firstOfMonth.getDay();
-    if (dayOfWeek === 1) {
-        return firstOfMonth;
-    }
-    else if (dayOfWeek === 0) {
-        return dateLib.addDays(firstOfMonth, -1 * 6);
-    }
-    else {
-        return dateLib.addDays(firstOfMonth, -1 * (dayOfWeek - 1));
-    }
-}
-
-export { startOfBroadcastWeek };

package/dist/node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js

@@ -1,31 +0,0 @@
-import { useState } from 'react';
-
-/**
- * A custom hook for managing both controlled and uncontrolled component states.
- *
- * This hook allows a component to support both controlled and uncontrolled
- * states by determining whether the `controlledValue` is provided. If it is
- * undefined, the hook falls back to using the internal state.
- *
- * @example
- *   // Uncontrolled usage
- *   const [value, setValue] = useControlledValue(0, undefined);
- *
- *   // Controlled usage
- *   const [value, setValue] = useControlledValue(0, props.value);
- *
- * @template T - The type of the value.
- * @param defaultValue The initial value for the uncontrolled state.
- * @param controlledValue The value for the controlled state. If undefined, the
- *   component will use the uncontrolled state.
- * @returns A tuple where the first element is the current value (either
- *   controlled or uncontrolled) and the second element is a setter function to
- *   update the value.
- */
-function useControlledValue(defaultValue, controlledValue) {
-    const [uncontrolledValue, setValue] = useState(defaultValue);
-    const value = controlledValue === undefined ? uncontrolledValue : controlledValue;
-    return [value, setValue];
-}
-
-export { useControlledValue };

package/dist/node_modules/react-day-picker/dist/esm/labels/index.js

@@ -1,11 +0,0 @@
-export { labelCaption, labelGrid } from './labelGrid.js';
-export { labelGridcell } from './labelGridcell.js';
-export { labelDay, labelDayButton } from './labelDayButton.js';
-export { labelNav } from './labelNav.js';
-export { labelMonthDropdown } from './labelMonthDropdown.js';
-export { labelNext } from './labelNext.js';
-export { labelPrevious } from './labelPrevious.js';
-export { labelWeekday } from './labelWeekday.js';
-export { labelWeekNumber } from './labelWeekNumber.js';
-export { labelWeekNumberHeader } from './labelWeekNumberHeader.js';
-export { labelYearDropdown } from './labelYearDropdown.js';

package/dist/node_modules/react-day-picker/dist/esm/labels/labelDayButton.js

@@ -1,32 +0,0 @@
-import { DateLib } from '../classes/DateLib.js';
-
-/**
- * Generates the ARIA label for a day button.
- *
- * Use the `modifiers` argument to provide additional context for the label,
- * such as indicating if the day is "today" or "selected."
- *
- * @defaultValue The formatted date.
- * @param date - The date to format.
- * @param modifiers - The modifiers providing context for the day.
- * @param options - Optional configuration for the date formatting library.
- * @param dateLib - An optional instance of the date formatting library.
- * @returns The ARIA label for the day button.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelDayButton(date, modifiers, options, dateLib) {
-    let label = (dateLib ?? new DateLib(options)).format(date, "PPPP");
-    if (modifiers.today)
-        label = `Today, ${label}`;
-    if (modifiers.selected)
-        label = `${label}, selected`;
-    return label;
-}
-/**
- * @ignore
- * @deprecated Use `labelDayButton` instead.
- */
-const labelDay = labelDayButton;
-
-export { labelDay, labelDayButton };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelGrid.js

@@ -1,24 +0,0 @@
-import { DateLib } from '../classes/DateLib.js';
-
-/**
- * Generates the ARIA label for the month grid, which is announced when entering
- * the grid.
- *
- * @defaultValue `LLLL y` (e.g., "November 2022").
- * @param date - The date representing the month.
- * @param options - Optional configuration for the date formatting library.
- * @param dateLib - An optional instance of the date formatting library.
- * @returns The ARIA label for the month grid.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelGrid(date, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(date, "LLLL y");
-}
-/**
- * @ignore
- * @deprecated Use {@link labelGrid} instead.
- */
-const labelCaption = labelGrid;
-
-export { labelCaption, labelGrid };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelGridcell.js

@@ -1,22 +0,0 @@
-import { DateLib } from '../classes/DateLib.js';
-
-/**
- * Generates the label for a day grid cell when the calendar is not interactive.
- *
- * @param date - The date to format.
- * @param modifiers - Optional modifiers providing context for the day.
- * @param options - Optional configuration for the date formatting library.
- * @param dateLib - An optional instance of the date formatting library.
- * @returns The label for the day grid cell.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelGridcell(date, modifiers, options, dateLib) {
-    let label = (dateLib ?? new DateLib(options)).format(date, "PPPP");
-    if (modifiers?.today) {
-        label = `Today, ${label}`;
-    }
-    return label;
-}
-
-export { labelGridcell };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js

@@ -1,14 +0,0 @@
-/**
- * Generates the ARIA label for the months dropdown.
- *
- * @defaultValue `"Choose the Month"`
- * @param options - Optional configuration for the date formatting library.
- * @returns The ARIA label for the months dropdown.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelMonthDropdown(options) {
-    return "Choose the Month";
-}
-
-export { labelMonthDropdown };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelNav.js

@@ -1,13 +0,0 @@
-/**
- * Generates the ARIA label for the navigation toolbar.
- *
- * @defaultValue `""`
- * @returns The ARIA label for the navigation toolbar.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelNav() {
-    return "";
-}
-
-export { labelNav };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelNext.js

@@ -1,15 +0,0 @@
-/**
- * Generates the ARIA label for the "next month" button.
- *
- * @defaultValue `"Go to the Next Month"`
- * @param month - The date representing the next month, or `undefined` if there
- *   is no next month.
- * @returns The ARIA label for the "next month" button.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelNext(month) {
-    return "Go to the Next Month";
-}
-
-export { labelNext };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelPrevious.js

@@ -1,15 +0,0 @@
-/**
- * Generates the ARIA label for the "previous month" button.
- *
- * @defaultValue `"Go to the Previous Month"`
- * @param month - The date representing the previous month, or `undefined` if
- *   there is no previous month.
- * @returns The ARIA label for the "previous month" button.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelPrevious(month) {
-    return "Go to the Previous Month";
-}
-
-export { labelPrevious };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.js

@@ -1,15 +0,0 @@
-/**
- * Generates the ARIA label for the week number cell (the first cell in a row).
- *
- * @defaultValue `Week ${weekNumber}`
- * @param weekNumber - The number of the week.
- * @param options - Optional configuration for the date formatting library.
- * @returns The ARIA label for the week number cell.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelWeekNumber(weekNumber, options) {
-    return `Week ${weekNumber}`;
-}
-
-export { labelWeekNumber };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.js

@@ -1,14 +0,0 @@
-/**
- * Generates the ARIA label for the week number header element.
- *
- * @defaultValue `"Week Number"`
- * @param options - Optional configuration for the date formatting library.
- * @returns The ARIA label for the week number header.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelWeekNumberHeader(options) {
-    return "Week Number";
-}
-
-export { labelWeekNumberHeader };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekday.js

@@ -1,18 +0,0 @@
-import { DateLib } from '../classes/DateLib.js';
-
-/**
- * Generates the ARIA label for a weekday column header.
- *
- * @defaultValue `"Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"`
- * @param date - The date representing the weekday.
- * @param options - Optional configuration for the date formatting library.
- * @param dateLib - An optional instance of the date formatting library.
- * @returns The ARIA label for the weekday column header.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelWeekday(date, options, dateLib) {
-    return (dateLib ?? new DateLib(options)).format(date, "cccc");
-}
-
-export { labelWeekday };

package/dist/node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.js

@@ -1,14 +0,0 @@
-/**
- * Generates the ARIA label for the years dropdown.
- *
- * @defaultValue `"Choose the Year"`
- * @param options - Optional configuration for the date formatting library.
- * @returns The ARIA label for the years dropdown.
- * @group Labels
- * @see https://daypicker.dev/docs/translation#aria-labels
- */
-function labelYearDropdown(options) {
-    return "Choose the Year";
-}
-
-export { labelYearDropdown };

package/dist/node_modules/react-day-picker/dist/esm/selection/useMulti.js

@@ -1,57 +0,0 @@
-import { useControlledValue } from '../helpers/useControlledValue.js';
-
-/**
- * Hook to manage multiple-date selection in the DayPicker component.
- *
- * @template T - The type of DayPicker props.
- * @param props - The DayPicker props.
- * @param dateLib - The date utility library instance.
- * @returns An object containing the selected dates, a function to select dates,
- *   and a function to check if a date is selected.
- */
-function useMulti(props, dateLib) {
-    const { selected: initiallySelected, required, onSelect } = props;
-    const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : undefined);
-    const selected = !onSelect ? internallySelected : initiallySelected;
-    const { isSameDay } = dateLib;
-    const isSelected = (date) => {
-        return selected?.some((d) => isSameDay(d, date)) ?? false;
-    };
-    const { min, max } = props;
-    const select = (triggerDate, modifiers, e) => {
-        let newDates = [...(selected ?? [])];
-        if (isSelected(triggerDate)) {
-            if (selected?.length === min) {
-                // Min value reached, do nothing
-                return;
-            }
-            if (required && selected?.length === 1) {
-                // Required value already selected do nothing
-                return;
-            }
-            newDates = selected?.filter((d) => !isSameDay(d, triggerDate));
-        }
-        else {
-            if (selected?.length === max) {
-                // Max value reached, reset the selection to date
-                newDates = [triggerDate];
-            }
-            else {
-                // Add the date to the selection
-                newDates = [...newDates, triggerDate];
-            }
-        }
-        if (!onSelect) {
-            setSelected(newDates);
-        }
-        onSelect?.(newDates, triggerDate, modifiers, e);
-        return newDates;
-    };
-    return {
-        selected,
-        select,
-        isSelected
-    };
-}
-
-export { useMulti };

package/dist/node_modules/react-day-picker/dist/esm/selection/useRange.js

@@ -1,45 +0,0 @@
-import { useControlledValue } from '../helpers/useControlledValue.js';
-import { rangeIncludesDate } from '../utils/rangeIncludesDate.js';
-import { addToRange } from '../utils/addToRange.js';
-import { rangeContainsModifiers } from '../utils/rangeContainsModifiers.js';
-
-/**
- * Hook to manage range selection in the DayPicker component.
- *
- * @template T - The type of DayPicker props.
- * @param props - The DayPicker props.
- * @param dateLib - The date utility library instance.
- * @returns An object containing the selected range, a function to select a
- *   range, and a function to check if a date is within the range.
- */
-function useRange(props, dateLib) {
-    const { disabled, excludeDisabled, selected: initiallySelected, required, onSelect } = props;
-    const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : undefined);
-    const selected = !onSelect ? internallySelected : initiallySelected;
-    const isSelected = (date) => selected && rangeIncludesDate(selected, date, false, dateLib);
-    const select = (triggerDate, modifiers, e) => {
-        const { min, max } = props;
-        const newRange = triggerDate
-            ? addToRange(triggerDate, selected, min, max, required, dateLib)
-            : undefined;
-        if (excludeDisabled && disabled && newRange?.from && newRange.to) {
-            if (rangeContainsModifiers({ from: newRange.from, to: newRange.to }, disabled, dateLib)) {
-                // if a disabled days is found, the range is reset
-                newRange.from = triggerDate;
-                newRange.to = undefined;
-            }
-        }
-        if (!onSelect) {
-            setSelected(newRange);
-        }
-        onSelect?.(newRange, triggerDate, modifiers, e);
-        return newRange;
-    };
-    return {
-        selected,
-        select,
-        isSelected
-    };
-}
-
-export { useRange };

package/dist/node_modules/react-day-picker/dist/esm/selection/useSingle.js

@@ -1,44 +0,0 @@
-import { useControlledValue } from '../helpers/useControlledValue.js';
-
-/**
- * Hook to manage single-date selection in the DayPicker component.
- *
- * @template T - The type of DayPicker props.
- * @param props - The DayPicker props.
- * @param dateLib - The date utility library instance.
- * @returns An object containing the selected date, a function to select a date,
- *   and a function to check if a date is selected.
- */
-function useSingle(props, dateLib) {
-    const { selected: initiallySelected, required, onSelect } = props;
-    const [internallySelected, setSelected] = useControlledValue(initiallySelected, onSelect ? initiallySelected : undefined);
-    const selected = !onSelect ? internallySelected : initiallySelected;
-    const { isSameDay } = dateLib;
-    const isSelected = (compareDate) => {
-        return selected ? isSameDay(selected, compareDate) : false;
-    };
-    const select = (triggerDate, modifiers, e) => {
-        let newDate = triggerDate;
-        if (!required && selected && selected && isSameDay(triggerDate, selected)) {
-            // If the date is the same, clear the selection.
-            newDate = undefined;
-        }
-        if (!onSelect) {
-            setSelected(newDate);
-        }
-        if (required) {
-            onSelect?.(newDate, triggerDate, modifiers, e);
-        }
-        else {
-            onSelect?.(newDate, triggerDate, modifiers, e);
-        }
-        return newDate;
-    };
-    return {
-        selected,
-        select,
-        isSelected
-    };
-}
-
-export { useSingle };

package/dist/node_modules/react-day-picker/dist/esm/useAnimation.js

@@ -1,175 +0,0 @@
-import { useRef, useLayoutEffect } from 'react';
-import { Animation } from './UI.js';
-
-const asHtmlElement = (element) => {
-    if (element instanceof HTMLElement)
-        return element;
-    return null;
-};
-const queryMonthEls = (element) => [
-    ...(element.querySelectorAll("[data-animated-month]") ?? [])
-];
-const queryMonthEl = (element) => asHtmlElement(element.querySelector("[data-animated-month]"));
-const queryCaptionEl = (element) => asHtmlElement(element.querySelector("[data-animated-caption]"));
-const queryWeeksEl = (element) => asHtmlElement(element.querySelector("[data-animated-weeks]"));
-const queryNavEl = (element) => asHtmlElement(element.querySelector("[data-animated-nav]"));
-const queryWeekdaysEl = (element) => asHtmlElement(element.querySelector("[data-animated-weekdays]"));
-/**
- * Handles animations for transitioning between months in the DayPicker
- * component.
- *
- * @private
- * @param rootElRef - A reference to the root element of the DayPicker
- *   component.
- * @param enabled - Whether animations are enabled.
- * @param options - Configuration options for the animation, including class
- *   names, months, focused day, and the date utility library.
- */
-function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib }) {
-    const previousRootElSnapshotRef = useRef(null);
-    const previousMonthsRef = useRef(months);
-    const animatingRef = useRef(false);
-    useLayoutEffect(() => {
-        // get previous months before updating the previous months ref
-        const previousMonths = previousMonthsRef.current;
-        // update previous months ref for next effect trigger
-        previousMonthsRef.current = months;
-        if (!enabled ||
-            !rootElRef.current ||
-            // safety check because the ref can be set to anything by consumers
-            !(rootElRef.current instanceof HTMLElement) ||
-            // validation required for the animation to work as expected
-            months.length === 0 ||
-            previousMonths.length === 0 ||
-            months.length !== previousMonths.length) {
-            return;
-        }
-        const isSameMonth = dateLib.isSameMonth(months[0].date, previousMonths[0].date);
-        const isAfterPreviousMonth = dateLib.isAfter(months[0].date, previousMonths[0].date);
-        const captionAnimationClass = isAfterPreviousMonth
-            ? classNames[Animation.caption_after_enter]
-            : classNames[Animation.caption_before_enter];
-        const weeksAnimationClass = isAfterPreviousMonth
-            ? classNames[Animation.weeks_after_enter]
-            : classNames[Animation.weeks_before_enter];
-        // get previous root element snapshot before updating the snapshot ref
-        const previousRootElSnapshot = previousRootElSnapshotRef.current;
-        // update snapshot for next effect trigger
-        const rootElSnapshot = rootElRef.current.cloneNode(true);
-        if (rootElSnapshot instanceof HTMLElement) {
-            // if this effect is triggered while animating, we need to clean up the new root snapshot
-            // to put it in the same state as when not animating, to correctly animate the next month change
-            const currentMonthElsSnapshot = queryMonthEls(rootElSnapshot);
-            currentMonthElsSnapshot.forEach((currentMonthElSnapshot) => {
-                if (!(currentMonthElSnapshot instanceof HTMLElement))
-                    return;
-                // remove the old month snapshots from the new root snapshot
-                const previousMonthElSnapshot = queryMonthEl(currentMonthElSnapshot);
-                if (previousMonthElSnapshot &&
-                    currentMonthElSnapshot.contains(previousMonthElSnapshot)) {
-                    currentMonthElSnapshot.removeChild(previousMonthElSnapshot);
-                }
-                // remove animation classes from the new month snapshots
-                const captionEl = queryCaptionEl(currentMonthElSnapshot);
-                if (captionEl) {
-                    captionEl.classList.remove(captionAnimationClass);
-                }
-                const weeksEl = queryWeeksEl(currentMonthElSnapshot);
-                if (weeksEl) {
-                    weeksEl.classList.remove(weeksAnimationClass);
-                }
-            });
-            previousRootElSnapshotRef.current = rootElSnapshot;
-        }
-        else {
-            previousRootElSnapshotRef.current = null;
-        }
-        if (animatingRef.current ||
-            isSameMonth ||
-            // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
-            focused) {
-            return;
-        }
-        const previousMonthEls = previousRootElSnapshot instanceof HTMLElement
-            ? queryMonthEls(previousRootElSnapshot)
-            : [];
-        const currentMonthEls = queryMonthEls(rootElRef.current);
-        if (currentMonthEls &&
-            currentMonthEls.every((el) => el instanceof HTMLElement) &&
-            previousMonthEls &&
-            previousMonthEls.every((el) => el instanceof HTMLElement)) {
-            animatingRef.current = true;
-            // set isolation to isolate to isolate the stacking context during animation
-            rootElRef.current.style.isolation = "isolate";
-            // set z-index to 1 to ensure the nav is clickable over the other elements being animated
-            const navEl = queryNavEl(rootElRef.current);
-            if (navEl) {
-                navEl.style.zIndex = "1";
-            }
-            currentMonthEls.forEach((currentMonthEl, index) => {
-                const previousMonthEl = previousMonthEls[index];
-                if (!previousMonthEl) {
-                    return;
-                }
-                // animate new displayed month
-                currentMonthEl.style.position = "relative";
-                currentMonthEl.style.overflow = "hidden";
-                const captionEl = queryCaptionEl(currentMonthEl);
-                if (captionEl) {
-                    captionEl.classList.add(captionAnimationClass);
-                }
-                const weeksEl = queryWeeksEl(currentMonthEl);
-                if (weeksEl) {
-                    weeksEl.classList.add(weeksAnimationClass);
-                }
-                // animate new displayed month end
-                const cleanUp = () => {
-                    animatingRef.current = false;
-                    if (rootElRef.current) {
-                        rootElRef.current.style.isolation = "";
-                    }
-                    if (navEl) {
-                        navEl.style.zIndex = "";
-                    }
-                    if (captionEl) {
-                        captionEl.classList.remove(captionAnimationClass);
-                    }
-                    if (weeksEl) {
-                        weeksEl.classList.remove(weeksAnimationClass);
-                    }
-                    currentMonthEl.style.position = "";
-                    currentMonthEl.style.overflow = "";
-                    if (currentMonthEl.contains(previousMonthEl)) {
-                        currentMonthEl.removeChild(previousMonthEl);
-                    }
-                };
-                // animate old displayed month
-                previousMonthEl.style.pointerEvents = "none";
-                previousMonthEl.style.position = "absolute";
-                previousMonthEl.style.overflow = "hidden";
-                previousMonthEl.setAttribute("aria-hidden", "true");
-                // hide the weekdays container of the old month and only the new one
-                const previousWeekdaysEl = queryWeekdaysEl(previousMonthEl);
-                if (previousWeekdaysEl) {
-                    previousWeekdaysEl.style.opacity = "0";
-                }
-                const previousCaptionEl = queryCaptionEl(previousMonthEl);
-                if (previousCaptionEl) {
-                    previousCaptionEl.classList.add(isAfterPreviousMonth
-                        ? classNames[Animation.caption_before_exit]
-                        : classNames[Animation.caption_after_exit]);
-                    previousCaptionEl.addEventListener("animationend", cleanUp);
-                }
-                const previousWeeksEl = queryWeeksEl(previousMonthEl);
-                if (previousWeeksEl) {
-                    previousWeeksEl.classList.add(isAfterPreviousMonth
-                        ? classNames[Animation.weeks_before_exit]
-                        : classNames[Animation.weeks_after_exit]);
-                }
-                currentMonthEl.insertBefore(previousMonthEl, currentMonthEl.firstChild);
-            });
-        }
-    });
-}
-
-export { useAnimation };