@opengovsg/oui 0.0.9 → 0.0.10

package/dist/types/calendar/calendar-style-context.d.ts

@@ -1,1032 +1,12 @@
-import type { DateValue } from "react-aria-components";
+import type { CalendarDate } from "@internationalized/date";
+import type { RangeCalendarProps } from "react-aria-components";
+import type { calendarStyles } from "@opengovsg/oui-theme";
 import type { CalendarProps } from "./types";
-export declare function useProvideCalendarStyles<T extends DateValue>(originalProps: CalendarProps<T>): {
-    context: {
-        slots: {
-            base: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            prevButton: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            nextButton: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            buttonGroup: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            header: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            title: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            content: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            cell: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            grid: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            calendar: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridWrapper: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridHeader: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridHeaderCell: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridBody: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            yearSelector: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            monthSelector: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            yearList: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            monthList: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            selectorText: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            selectors: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            bottomContentWrapper: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            todayButton: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        } & {
-            base: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            prevButton: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            nextButton: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            buttonGroup: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            header: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            title: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            content: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            cell: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            grid: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            calendar: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridWrapper: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridHeader: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridHeaderCell: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            gridBody: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            yearSelector: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            monthSelector: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            yearList: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            monthList: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            selectorText: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            selectors: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            bottomContentWrapper: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-            todayButton: (slotProps?: ({
-                size?: "md" | "sm" | undefined;
-                variant?: undefined;
-                isDateHighlighted?: boolean | undefined;
-                isMultipleMonths?: boolean | undefined;
-                isSelected?: boolean | undefined;
-            } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        } & {};
-        classNames: import("@opengovsg/oui-theme").SlotsToClasses<"content" | "base" | "prevButton" | "nextButton" | "buttonGroup" | "header" | "title" | "grid" | "calendar" | "gridWrapper" | "gridHeader" | "gridHeaderCell" | "gridBody" | "yearSelector" | "monthSelector" | "yearList" | "monthList" | "selectorText" | "selectors" | "bottomContentWrapper" | "todayButton" | "cell"> | undefined;
-        className: string | ((values: import("react-aria-components").CalendarRenderProps & {
-            defaultClassName: string | undefined;
-        }) => string) | undefined;
-        size: "md" | "sm" | undefined;
-        errorMessage: string | undefined;
-    };
-    calendarProps: {
-        onChange: ((value: import("@react-types/calendar").MappedDateValue<T>) => void) | undefined;
-        minValue?: DateValue;
-        maxValue?: DateValue;
-        showTodayButton?: boolean;
-        bottomContent?: import("react").ReactNode;
-        visibleDuration?: import("@internationalized/date").DateDuration;
-        value?: T | null | undefined;
-        defaultValue?: T | null | undefined;
-        isDisabled?: boolean | undefined;
-        isInvalid?: boolean | undefined;
-        id?: string | undefined;
-        autoFocus?: boolean | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        onFocusChange?: ((date: import("@internationalized/date").CalendarDate) => void) | undefined;
-        isReadOnly?: boolean | undefined;
-        isDateUnavailable?: ((date: import("@react-types/calendar").DateValue) => boolean) | undefined;
-        focusedValue?: (import("@react-types/calendar").DateValue | null) | undefined;
-        defaultFocusedValue?: (import("@react-types/calendar").DateValue | null) | undefined;
-        pageBehavior?: import("@react-types/calendar").PageBehavior | undefined;
-        firstDayOfWeek?: "sun" | "mon" | "tue" | "wed" | "thu" | "fri" | "sat" | undefined;
-        children?: import("react").ReactNode | ((values: import("react-aria-components").CalendarRenderProps & {
-            defaultChildren: import("react").ReactNode | undefined;
-        }) => import("react").ReactNode);
-        style?: import("react").CSSProperties | ((values: import("react-aria-components").CalendarRenderProps & {
-            defaultStyle: import("react").CSSProperties;
-        }) => import("react").CSSProperties | undefined) | undefined;
-        slot?: string | null;
-        size?: "md" | "sm" | undefined;
-        variant?: undefined;
-        isDateHighlighted?: boolean | undefined;
-        isMultipleMonths?: boolean | undefined;
-        isSelected?: boolean | undefined;
-        weekdayStyle?: "narrow" | "short" | "long" | undefined;
-    } | {
-        onChange: ((value: import("@react-types/calendar").MappedDateValue<T>) => void) | undefined;
-        value?: T | null | undefined;
-        defaultValue?: T | null | undefined;
-        isDisabled?: boolean | undefined;
-        isInvalid?: boolean | undefined;
-        slot?: string | null | undefined;
-        style?: import("react").CSSProperties | ((values: import("react-aria-components").CalendarRenderProps & {
-            defaultStyle: import("react").CSSProperties;
-        }) => import("react").CSSProperties | undefined) | undefined;
-        children?: import("react").ReactNode | ((values: import("react-aria-components").CalendarRenderProps & {
-            defaultChildren: import("react").ReactNode | undefined;
-        }) => import("react").ReactNode);
-        id?: string | undefined;
-        autoFocus?: boolean | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        onFocusChange?: ((date: import("@internationalized/date").CalendarDate) => void) | undefined;
-        isReadOnly?: boolean | undefined;
-        minValue?: DateValue | undefined;
-        maxValue?: DateValue | undefined;
-        isDateUnavailable?: ((date: import("@react-types/calendar").DateValue) => boolean) | undefined;
-        focusedValue?: (import("@react-types/calendar").DateValue | null) | undefined;
-        defaultFocusedValue?: (import("@react-types/calendar").DateValue | null) | undefined;
-        pageBehavior?: import("@react-types/calendar").PageBehavior | undefined;
-        firstDayOfWeek?: "sun" | "mon" | "tue" | "wed" | "thu" | "fri" | "sat" | undefined;
-        weekdayStyle?: "narrow" | "short" | "long" | undefined;
-        showTodayButton?: boolean | undefined;
-        bottomContent?: import("react").ReactNode;
-        visibleDuration?: import("@internationalized/date").DateDuration | undefined;
-    };
-};
-export type UseProvideCalendarStylesReturn = ReturnType<typeof useProvideCalendarStyles>;
-export declare const CalendarStyleContext: import("react").Context<{
-    slots: {
-        base: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        prevButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        nextButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        buttonGroup: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        header: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        title: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        content: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        cell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        grid: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        calendar: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeader: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeaderCell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridBody: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectorText: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectors: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        bottomContentWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        todayButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-    } & {
-        base: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        prevButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        nextButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        buttonGroup: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        header: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        title: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        content: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        cell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        grid: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        calendar: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeader: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeaderCell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridBody: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectorText: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectors: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        bottomContentWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        todayButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-    } & {};
-    classNames: import("@opengovsg/oui-theme").SlotsToClasses<"content" | "base" | "prevButton" | "nextButton" | "buttonGroup" | "header" | "title" | "grid" | "calendar" | "gridWrapper" | "gridHeader" | "gridHeaderCell" | "gridBody" | "yearSelector" | "monthSelector" | "yearList" | "monthList" | "selectorText" | "selectors" | "bottomContentWrapper" | "todayButton" | "cell"> | undefined;
-    className: string | ((values: import("react-aria-components").CalendarRenderProps & {
-        defaultClassName: string | undefined;
-    }) => string) | undefined;
-    size: "md" | "sm" | undefined;
-    errorMessage: string | undefined;
-}>, useCalendarStyleContext: () => {
-    slots: {
-        base: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        prevButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        nextButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        buttonGroup: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        header: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        title: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        content: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        cell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        grid: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        calendar: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeader: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeaderCell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridBody: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectorText: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectors: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        bottomContentWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        todayButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-    } & {
-        base: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        prevButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        nextButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        buttonGroup: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        header: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        title: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        content: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        cell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        grid: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        calendar: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeader: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridHeaderCell: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        gridBody: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthSelector: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        yearList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        monthList: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectorText: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        selectors: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        bottomContentWrapper: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-        todayButton: (slotProps?: ({
-            size?: "md" | "sm" | undefined;
-            variant?: undefined;
-            isDateHighlighted?: boolean | undefined;
-            isMultipleMonths?: boolean | undefined;
-            isSelected?: boolean | undefined;
-        } & import("tailwind-variants").ClassProp<import("tailwind-variants").ClassValue>) | undefined) => string;
-    } & {};
-    classNames: import("@opengovsg/oui-theme").SlotsToClasses<"content" | "base" | "prevButton" | "nextButton" | "buttonGroup" | "header" | "title" | "grid" | "calendar" | "gridWrapper" | "gridHeader" | "gridHeaderCell" | "gridBody" | "yearSelector" | "monthSelector" | "yearList" | "monthList" | "selectorText" | "selectors" | "bottomContentWrapper" | "todayButton" | "cell"> | undefined;
-    className: string | ((values: import("react-aria-components").CalendarRenderProps & {
-        defaultClassName: string | undefined;
-    }) => string) | undefined;
-    size: "md" | "sm" | undefined;
-    errorMessage: string | undefined;
-};
+export interface UseProvideCalendarStylesReturn<T extends CalendarDate> {
+    slots: ReturnType<typeof calendarStyles>;
+    classNames: CalendarProps<T>["classNames"];
+    className: CalendarProps<T>["className"] | RangeCalendarProps<T>["className"];
+    size: CalendarProps<T>["size"];
+}
+export declare const CalendarStyleContext: import("react").Context<UseProvideCalendarStylesReturn<CalendarDate>>, useCalendarStyleContext: () => UseProvideCalendarStylesReturn<CalendarDate>;
 //# sourceMappingURL=calendar-style-context.d.ts.map