@opengovsg/oui 0.0.7 → 0.0.9

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

@@ -0,0 +1,1032 @@
+import type { DateValue } from "react-aria-components";
+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;
+};
+//# sourceMappingURL=calendar-style-context.d.ts.map