/**
 * @file styles.ts
 * @input Uses stylex, theme tokens
 * @output Exports calendar styles (structural) and theme styles (customizable)
 * @position Shared styles; used by Calendar
 *
 * Style Organization:
 * - *Styles objects: Structural/layout styles (spacing, sizing, positioning)
 * - *Theme objects: Themeable styles (colors, borders) that can be overridden
 *
 * SYNC: When modified, update this header
 */
import * as stylex from '@stylexjs/stylex';
export declare const calendarStyles: Readonly<{
    readonly calendar: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "inline-block">;
        readonly padding: stylex.StyleXClassNameFor<"padding", "12px">;
        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "220px">;
    }>;
    readonly header: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
        readonly marginBottom: stylex.StyleXClassNameFor<"marginBottom", "8px">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "8px">;
    }>;
    readonly monthYearLabel: Readonly<{
        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "600">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-base)">;
        readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#0A1317, #DFE2E5)">;
    }>;
    readonly monthsContainer: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly gap: stylex.StyleXClassNameFor<"gap", "16px">;
    }>;
    readonly srOnly: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly width: stylex.StyleXClassNameFor<"width", "1px">;
        readonly height: stylex.StyleXClassNameFor<"height", "1px">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly margin: stylex.StyleXClassNameFor<"margin", "-1px">;
        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
        readonly clip: stylex.StyleXClassNameFor<"clip", "rect(0, 0, 0, 0)">;
        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
    }>;
    readonly navIcon: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
    }>;
}>;
export declare const monthGridStyles: Readonly<{
    readonly monthGrid: Readonly<{
        readonly flex: stylex.StyleXClassNameFor<"flex", "1 1 0">;
    }>;
    readonly dayName: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "32px">;
        readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<"32px">} + ${stylex.StyleXVar<"4px">})`>;
        readonly paddingBottom: stylex.StyleXClassNameFor<"paddingBottom", "4px">;
        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-sm)">;
        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", "400">;
        readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
    }>;
    readonly weekNumberHeader: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "32px">;
    }>;
    readonly daysGrid: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "grid">;
        readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "repeat(7, 1fr)">;
    }>;
    readonly daysGridWithNumbers: Readonly<{
        readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "auto repeat(7, 1fr)">;
    }>;
    readonly weekNumber: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "32px">;
        readonly height: stylex.StyleXClassNameFor<"height", "32px">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-sm)">;
        readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
    }>;
    readonly weekRow: Readonly<{
        readonly display: stylex.StyleXClassNameFor<"display", "contents">;
    }>;
}>;
export declare const dayCellStyles: Readonly<{
    readonly cell: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly height: stylex.StyleXClassNameFor<"height", "32px">;
        readonly isolation: stylex.StyleXClassNameFor<"isolation", "isolate">;
    }>;
    readonly rangeBg: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly top: stylex.StyleXClassNameFor<"top", "2px">;
        readonly bottom: stylex.StyleXClassNameFor<"bottom", "2px">;
        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
    }>;
    readonly rangeBgRadiusStart: Readonly<{
        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", "9999px">;
        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", "9999px">;
    }>;
    readonly rangeBgRadiusEnd: Readonly<{
        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", "9999px">;
        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", "9999px">;
    }>;
    readonly rangeInsetStart: Readonly<{
        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
    }>;
    readonly rangeInsetEnd: Readonly<{
        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
    }>;
    readonly previewBg: Readonly<{
        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
        readonly top: stylex.StyleXClassNameFor<"top", "2px">;
        readonly bottom: stylex.StyleXClassNameFor<"bottom", "2px">;
        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", 0>;
        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", 0>;
    }>;
    readonly previewBgRadiusStart: Readonly<{
        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", "9999px">;
        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", "9999px">;
    }>;
    readonly previewBgRadiusEnd: Readonly<{
        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", "9999px">;
        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", "9999px">;
    }>;
    readonly previewStart: Readonly<{
        readonly insetInlineStart: stylex.StyleXClassNameFor<"insetInlineStart", "2px">;
        readonly borderStartStartRadius: stylex.StyleXClassNameFor<"borderStartStartRadius", "9999px">;
        readonly borderEndStartRadius: stylex.StyleXClassNameFor<"borderEndStartRadius", "9999px">;
    }>;
    readonly previewEnd: Readonly<{
        readonly insetInlineEnd: stylex.StyleXClassNameFor<"insetInlineEnd", "2px">;
        readonly borderStartEndRadius: stylex.StyleXClassNameFor<"borderStartEndRadius", "9999px">;
        readonly borderEndEndRadius: stylex.StyleXClassNameFor<"borderEndEndRadius", "9999px">;
    }>;
    readonly day: Readonly<{
        readonly width: stylex.StyleXClassNameFor<"width", "28px">;
        readonly height: stylex.StyleXClassNameFor<"height", "28px">;
        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", "50%">;
        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "none">;
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "inherit">;
        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", "var(--font-size-base)">;
        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "none" | "background-color, color">;
        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "175ms">;
        readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "cubic-bezier(0.24, 1, 0.4, 1)">;
        readonly '::before': stylex.StyleXClassNameFor<"::before", {
            readonly content: "\"\"";
            readonly position: "absolute";
            readonly top: "-2px";
            readonly insetInlineEnd: "-2px";
            readonly bottom: "-2px";
            readonly insetInlineStart: "-2px";
        }>;
    }>;
    readonly dayOutside: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
    }>;
    readonly dayToday: Readonly<{}>;
    readonly dayTodayInRange: Readonly<{}>;
    readonly daySelected: Readonly<{}>;
    readonly dayDisabled: Readonly<{
        readonly cursor: stylex.StyleXClassNameFor<"cursor", "not-allowed">;
    }>;
}>;
export declare const dayCellTheme: Readonly<{
    readonly rangeBg: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "light-dark(#0082FB33, #0082FB3F)">;
    }>;
    readonly previewBg: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "light-dark(#0536590C, #FFFFFF0C)">;
    }>;
    readonly day: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#0A1317, #DFE2E5)">;
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "transparent">;
        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", {
            readonly '@media (hover: hover)': `linear-gradient(${stylex.StyleXVar<"light-dark(#0536590C, #FFFFFF0C)">}, ${stylex.StyleXVar<"light-dark(#0536590C, #FFFFFF0C)">})`;
        } | null>;
        readonly outline: stylex.StyleXClassNameFor<"outline", `2px solid ${stylex.StyleXVar<"light-dark(#0064E0, #2694FE)">}` | null>;
        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "0" | "2px">;
    }>;
    readonly dayOutside: Readonly<{
        readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
    }>;
    readonly dayToday: Readonly<{
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `inset 0 0 0 1px ${stylex.StyleXVar<"light-dark(#CCD3DB, #494D53)">}`>;
    }>;
    readonly dayTodayInRange: Readonly<{
        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", `inset 0 0 0 1px ${stylex.StyleXVar<"light-dark(#0A1317, #DFE2E5)">}`>;
    }>;
    readonly daySelected: Readonly<{
        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", "light-dark(#0064E0, #2694FE)">;
        readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#FFFFFF, #FFFFFF)">;
        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", {
            readonly '@media (hover: hover)': `linear-gradient(${stylex.StyleXVar<"light-dark(#0536590C, #FFFFFF0C)">}, ${stylex.StyleXVar<"light-dark(#0536590C, #FFFFFF0C)">})`;
        } | null>;
    }>;
    readonly dayDisabled: Readonly<{
        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.3>;
        readonly backgroundImage: stylex.StyleXClassNameFor<"backgroundImage", "none" | {
            readonly '@media (hover: hover)': "none";
        }>;
    }>;
}>;
//# sourceMappingURL=styles.d.ts.map