@depup/react-aria-components 1.16.0-depup.0

package/dist/Calendar.main.js

@@ -0,0 +1,364 @@
+var $b856e6788a7ea5bf$exports = require("./Button.main.js");
+var $c5ccf687772c0422$exports = require("./utils.main.js");
+var $525402dfec7da5bc$exports = require("./RSPContexts.main.js");
+var $a8a589c28affdc40$exports = require("./Text.main.js");
+var $iJp6C$reactaria = require("react-aria");
+var $iJp6C$internationalizeddate = require("@internationalized/date");
+var $iJp6C$reactstately = require("react-stately");
+var $iJp6C$reactariautils = require("@react-aria/utils");
+var $iJp6C$react = require("react");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "CalendarContext", () => $3f539f26b167ddde$export$3b805cea1f178355);
+$parcel$export(module.exports, "RangeCalendarContext", () => $3f539f26b167ddde$export$233dd9682e1ad64b);
+$parcel$export(module.exports, "CalendarStateContext", () => $3f539f26b167ddde$export$9e31dcedda1dadc7);
+$parcel$export(module.exports, "RangeCalendarStateContext", () => $3f539f26b167ddde$export$5e0fc348c00f87a0);
+$parcel$export(module.exports, "Calendar", () => $3f539f26b167ddde$export$e1aef45b828286de);
+$parcel$export(module.exports, "RangeCalendar", () => $3f539f26b167ddde$export$a4f5c8b89d277a8d);
+$parcel$export(module.exports, "CalendarGrid", () => $3f539f26b167ddde$export$5bd780d491cfc46c);
+$parcel$export(module.exports, "CalendarGridHeader", () => $3f539f26b167ddde$export$22e2d15eaa4d2377);
+$parcel$export(module.exports, "CalendarHeaderCell", () => $3f539f26b167ddde$export$ad2135cac3a11b3d);
+$parcel$export(module.exports, "CalendarGridBody", () => $3f539f26b167ddde$export$e11f8ba65d857bff);
+$parcel$export(module.exports, "CalendarCell", () => $3f539f26b167ddde$export$5d847498420df57b);
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+
+const $3f539f26b167ddde$export$3b805cea1f178355 = /*#__PURE__*/ (0, $iJp6C$react.createContext)(null);
+const $3f539f26b167ddde$export$233dd9682e1ad64b = /*#__PURE__*/ (0, $iJp6C$react.createContext)(null);
+const $3f539f26b167ddde$export$9e31dcedda1dadc7 = /*#__PURE__*/ (0, $iJp6C$react.createContext)(null);
+const $3f539f26b167ddde$export$5e0fc348c00f87a0 = /*#__PURE__*/ (0, $iJp6C$react.createContext)(null);
+const $3f539f26b167ddde$export$e1aef45b828286de = /*#__PURE__*/ (0, $iJp6C$react.forwardRef)(function Calendar(props, ref) {
+    [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $3f539f26b167ddde$export$3b805cea1f178355);
+    let { locale: locale } = (0, $iJp6C$reactaria.useLocale)();
+    let state = (0, $iJp6C$reactstately.useCalendarState)({
+        ...props,
+        locale: locale,
+        createCalendar: props.createCalendar || (0, $iJp6C$internationalizeddate.createCalendar)
+    });
+    let { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, errorMessageProps: errorMessageProps, title: title } = (0, $iJp6C$reactaria.useCalendar)(props, state);
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isValueInvalid
+        },
+        defaultClassName: 'react-aria-Calendar'
+    });
+    let DOMProps = (0, $iJp6C$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.dom).div, {
+        ...(0, $iJp6C$reactaria.mergeProps)(DOMProps, renderProps, calendarProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": state.isValueInvalid || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
+        values: [
+            [
+                (0, $b856e6788a7ea5bf$exports.ButtonContext),
+                {
+                    slots: {
+                        previous: prevButtonProps,
+                        next: nextButtonProps
+                    }
+                }
+            ],
+            [
+                (0, $525402dfec7da5bc$exports.HeadingContext),
+                {
+                    'aria-hidden': true,
+                    level: 2,
+                    children: title
+                }
+            ],
+            [
+                $3f539f26b167ddde$export$9e31dcedda1dadc7,
+                state
+            ],
+            [
+                $3f539f26b167ddde$export$3b805cea1f178355,
+                props
+            ],
+            [
+                (0, $a8a589c28affdc40$exports.TextContext),
+                {
+                    slots: {
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $iJp6C$reactaria.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("h2", null, calendarProps['aria-label'])), renderProps.children, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $iJp6C$reactaria.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("button", {
+        "aria-label": nextButtonProps['aria-label'],
+        disabled: nextButtonProps.isDisabled,
+        onClick: ()=>state.focusNextPage(),
+        tabIndex: -1
+    }))));
+});
+const $3f539f26b167ddde$export$a4f5c8b89d277a8d = /*#__PURE__*/ (0, $iJp6C$react.forwardRef)(function RangeCalendar(props, ref) {
+    [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $3f539f26b167ddde$export$233dd9682e1ad64b);
+    let { locale: locale } = (0, $iJp6C$reactaria.useLocale)();
+    let state = (0, $iJp6C$reactstately.useRangeCalendarState)({
+        ...props,
+        locale: locale,
+        createCalendar: props.createCalendar || (0, $iJp6C$internationalizeddate.createCalendar)
+    });
+    let { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, errorMessageProps: errorMessageProps, title: title } = (0, $iJp6C$reactaria.useRangeCalendar)(props, state, ref);
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        values: {
+            state: state,
+            isDisabled: props.isDisabled || false,
+            isInvalid: state.isValueInvalid
+        },
+        defaultClassName: 'react-aria-RangeCalendar'
+    });
+    let DOMProps = (0, $iJp6C$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.dom).div, {
+        ...(0, $iJp6C$reactaria.mergeProps)(renderProps, DOMProps, calendarProps),
+        ref: ref,
+        slot: props.slot || undefined,
+        "data-disabled": props.isDisabled || undefined,
+        "data-invalid": state.isValueInvalid || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
+        values: [
+            [
+                (0, $b856e6788a7ea5bf$exports.ButtonContext),
+                {
+                    slots: {
+                        previous: prevButtonProps,
+                        next: nextButtonProps
+                    }
+                }
+            ],
+            [
+                (0, $525402dfec7da5bc$exports.HeadingContext),
+                {
+                    'aria-hidden': true,
+                    level: 2,
+                    children: title
+                }
+            ],
+            [
+                $3f539f26b167ddde$export$5e0fc348c00f87a0,
+                state
+            ],
+            [
+                $3f539f26b167ddde$export$233dd9682e1ad64b,
+                props
+            ],
+            [
+                (0, $a8a589c28affdc40$exports.TextContext),
+                {
+                    slots: {
+                        errorMessage: errorMessageProps
+                    }
+                }
+            ]
+        ]
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $iJp6C$reactaria.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("h2", null, calendarProps['aria-label'])), renderProps.children, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $iJp6C$reactaria.VisuallyHidden), null, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("button", {
+        "aria-label": nextButtonProps['aria-label'],
+        disabled: nextButtonProps.isDisabled,
+        onClick: ()=>state.focusNextPage(),
+        tabIndex: -1
+    }))));
+});
+const $3f539f26b167ddde$var$InternalCalendarGridContext = /*#__PURE__*/ (0, $iJp6C$react.createContext)(null);
+const $3f539f26b167ddde$export$5bd780d491cfc46c = /*#__PURE__*/ (0, $iJp6C$react.forwardRef)(function CalendarGrid(props, ref) {
+    let calendarState = (0, $iJp6C$react.useContext)($3f539f26b167ddde$export$9e31dcedda1dadc7);
+    let rangeCalendarState = (0, $iJp6C$react.useContext)($3f539f26b167ddde$export$5e0fc348c00f87a0);
+    let calenderProps = (0, $c5ccf687772c0422$exports.useSlottedContext)($3f539f26b167ddde$export$3b805cea1f178355);
+    let rangeCalenderProps = (0, $c5ccf687772c0422$exports.useSlottedContext)($3f539f26b167ddde$export$233dd9682e1ad64b);
+    let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
+    let startDate = state.visibleRange.start;
+    if (props.offset) startDate = startDate.add(props.offset);
+    var _calenderProps_firstDayOfWeek;
+    let firstDayOfWeek = (_calenderProps_firstDayOfWeek = calenderProps === null || calenderProps === void 0 ? void 0 : calenderProps.firstDayOfWeek) !== null && _calenderProps_firstDayOfWeek !== void 0 ? _calenderProps_firstDayOfWeek : rangeCalenderProps === null || rangeCalenderProps === void 0 ? void 0 : rangeCalenderProps.firstDayOfWeek;
+    let { gridProps: gridProps, headerProps: headerProps, weekDays: weekDays, weeksInMonth: weeksInMonth } = (0, $iJp6C$reactaria.useCalendarGrid)({
+        startDate: startDate,
+        endDate: (0, $iJp6C$internationalizeddate.endOfMonth)(startDate),
+        weekdayStyle: props.weekdayStyle,
+        firstDayOfWeek: firstDayOfWeek
+    }, state);
+    let DOMProps = (0, $iJp6C$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    var _props_className;
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement($3f539f26b167ddde$var$InternalCalendarGridContext.Provider, {
+        value: {
+            headerProps: headerProps,
+            weekDays: weekDays,
+            startDate: startDate,
+            weeksInMonth: weeksInMonth
+        }
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.dom).table, {
+        render: props.render,
+        ...(0, $iJp6C$reactaria.mergeProps)(DOMProps, gridProps),
+        ref: ref,
+        style: props.style,
+        cellPadding: 0,
+        className: (_props_className = props.className) !== null && _props_className !== void 0 ? _props_className : 'react-aria-CalendarGrid'
+    }, typeof props.children !== 'function' ? props.children : /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, ($parcel$interopDefault($iJp6C$react))).Fragment, null, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement($3f539f26b167ddde$export$22e2d15eaa4d2377, null, (day)=>/*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement($3f539f26b167ddde$export$ad2135cac3a11b3d, null, day)), /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement($3f539f26b167ddde$export$e11f8ba65d857bff, null, props.children))));
+});
+function $3f539f26b167ddde$var$CalendarGridHeader(props, ref) {
+    let { children: children, style: style, className: className } = props;
+    let { headerProps: headerProps, weekDays: weekDays } = (0, $iJp6C$react.useContext)($3f539f26b167ddde$var$InternalCalendarGridContext);
+    let DOMProps = (0, $iJp6C$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.dom).thead, {
+        render: props.render,
+        ...(0, $iJp6C$reactaria.mergeProps)(DOMProps, headerProps),
+        ref: ref,
+        style: style,
+        className: className !== null && className !== void 0 ? className : 'react-aria-CalendarGridHeader'
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("tr", null, weekDays.map((day, key)=>/*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).cloneElement(children(day), {
+            key: key
+        }))));
+}
+/**
+ * A calendar grid header displays a row of week day names at the top of a month.
+ */ const $3f539f26b167ddde$export$22e2d15eaa4d2377 = /*#__PURE__*/ (0, $iJp6C$react.forwardRef)($3f539f26b167ddde$var$CalendarGridHeader);
+function $3f539f26b167ddde$var$CalendarHeaderCell(props, ref) {
+    let { children: children, style: style, className: className } = props;
+    let DOMProps = (0, $iJp6C$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.dom).th, {
+        render: props.render,
+        ...DOMProps,
+        ref: ref,
+        style: style,
+        className: className || 'react-aria-CalendarHeaderCell'
+    }, children);
+}
+/**
+ * A calendar header cell displays a week day name at the top of a column within a calendar.
+ */ const $3f539f26b167ddde$export$ad2135cac3a11b3d = /*#__PURE__*/ (0, $iJp6C$react.forwardRef)($3f539f26b167ddde$var$CalendarHeaderCell);
+function $3f539f26b167ddde$var$CalendarGridBody(props, ref) {
+    let { children: children, style: style, className: className } = props;
+    let calendarState = (0, $iJp6C$react.useContext)($3f539f26b167ddde$export$9e31dcedda1dadc7);
+    let rangeCalendarState = (0, $iJp6C$react.useContext)($3f539f26b167ddde$export$5e0fc348c00f87a0);
+    let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
+    let { startDate: startDate, weeksInMonth: weeksInMonth } = (0, $iJp6C$react.useContext)($3f539f26b167ddde$var$InternalCalendarGridContext);
+    let DOMProps = (0, $iJp6C$reactariautils.filterDOMProps)(props, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.dom).tbody, {
+        render: props.render,
+        ...DOMProps,
+        ref: ref,
+        style: style,
+        className: className !== null && className !== void 0 ? className : 'react-aria-CalendarGridBody'
+    }, [
+        ...new Array(weeksInMonth).keys()
+    ].map((weekIndex)=>/*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("tr", {
+            key: weekIndex
+        }, state.getDatesInWeek(weekIndex, startDate).map((date, i)=>date ? /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).cloneElement(children(date), {
+                key: i
+            }) : /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("td", {
+                key: i
+            })))));
+}
+/**
+ * A calendar grid body displays a grid of calendar cells within a month.
+ */ const $3f539f26b167ddde$export$e11f8ba65d857bff = /*#__PURE__*/ (0, $iJp6C$react.forwardRef)($3f539f26b167ddde$var$CalendarGridBody);
+const $3f539f26b167ddde$export$5d847498420df57b = /*#__PURE__*/ (0, $iJp6C$react.forwardRef)(function CalendarCell({ date: date, ...otherProps }, ref) {
+    let calendarState = (0, $iJp6C$react.useContext)($3f539f26b167ddde$export$9e31dcedda1dadc7);
+    let rangeCalendarState = (0, $iJp6C$react.useContext)($3f539f26b167ddde$export$5e0fc348c00f87a0);
+    let state = calendarState !== null && calendarState !== void 0 ? calendarState : rangeCalendarState;
+    var _useContext;
+    let { startDate: currentMonth } = (_useContext = (0, $iJp6C$react.useContext)($3f539f26b167ddde$var$InternalCalendarGridContext)) !== null && _useContext !== void 0 ? _useContext : {
+        startDate: state.visibleRange.start
+    };
+    let isOutsideMonth = !(0, $iJp6C$internationalizeddate.isSameMonth)(currentMonth, date);
+    let istoday = (0, $iJp6C$internationalizeddate.isToday)(date, state.timeZone);
+    let buttonRef = (0, $iJp6C$react.useRef)(null);
+    let { cellProps: cellProps, buttonProps: buttonProps, ...states } = (0, $iJp6C$reactaria.useCalendarCell)({
+        date: date,
+        isOutsideMonth: isOutsideMonth
+    }, state, buttonRef);
+    let { hoverProps: hoverProps, isHovered: isHovered } = (0, $iJp6C$reactaria.useHover)({
+        ...otherProps,
+        isDisabled: states.isDisabled
+    });
+    let { focusProps: focusProps, isFocusVisible: isFocusVisible } = (0, $iJp6C$reactaria.useFocusRing)();
+    isFocusVisible && (isFocusVisible = states.isFocused);
+    let isSelectionStart = false;
+    let isSelectionEnd = false;
+    if ('highlightedRange' in state && state.highlightedRange) {
+        isSelectionStart = (0, $iJp6C$internationalizeddate.isSameDay)(date, state.highlightedRange.start);
+        isSelectionEnd = (0, $iJp6C$internationalizeddate.isSameDay)(date, state.highlightedRange.end);
+    }
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...otherProps,
+        defaultChildren: states.formattedDate,
+        defaultClassName: 'react-aria-CalendarCell',
+        values: {
+            date: date,
+            isHovered: isHovered,
+            isOutsideMonth: isOutsideMonth,
+            isFocusVisible: isFocusVisible,
+            isSelectionStart: isSelectionStart,
+            isSelectionEnd: isSelectionEnd,
+            isToday: istoday,
+            ...states
+        }
+    });
+    let dataAttrs = {
+        'data-focused': states.isFocused || undefined,
+        'data-hovered': isHovered || undefined,
+        'data-pressed': states.isPressed || undefined,
+        'data-unavailable': states.isUnavailable || undefined,
+        'data-disabled': states.isDisabled || undefined,
+        'data-focus-visible': isFocusVisible || undefined,
+        'data-outside-visible-range': states.isOutsideVisibleRange || undefined,
+        'data-outside-month': isOutsideMonth || undefined,
+        'data-selected': states.isSelected || undefined,
+        'data-selection-start': isSelectionStart || undefined,
+        'data-selection-end': isSelectionEnd || undefined,
+        'data-invalid': states.isInvalid || undefined,
+        'data-today': istoday || undefined
+    };
+    let DOMProps = (0, $iJp6C$reactariautils.filterDOMProps)(otherProps, {
+        global: true
+    });
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement("td", {
+        ...cellProps,
+        ref: ref
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($iJp6C$react))).createElement((0, $c5ccf687772c0422$exports.dom).div, {
+        ...(0, $iJp6C$reactaria.mergeProps)(DOMProps, buttonProps, focusProps, hoverProps, dataAttrs, renderProps),
+        ref: buttonRef
+    }));
+});
+
+
+//# sourceMappingURL=Calendar.main.js.map

package/dist/Calendar.main.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/Calendar.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {\n  AriaCalendarProps,\n  AriaRangeCalendarProps,\n  DateValue,\n  mergeProps,\n  useCalendar,\n  useCalendarCell,\n  useCalendarGrid,\n  useFocusRing,\n  useHover,\n  useLocale,\n  useRangeCalendar,\n  VisuallyHidden\n} from 'react-aria';\nimport {ButtonContext} from './Button';\nimport {CalendarDate, CalendarIdentifier, createCalendar, DateDuration, endOfMonth, Calendar as ICalendar, isSameDay, isSameMonth, isToday} from '@internationalized/date';\nimport {CalendarState, RangeCalendarState, useCalendarState, useRangeCalendarState} from 'react-stately';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleProps,\n  useContextProps,\n  useRenderProps,\n  useSlottedContext\n} from './utils';\nimport {DOMAttributes, FocusableElement, forwardRefType, GlobalDOMAttributes, HoverEvents} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {HeadingContext} from './RSPContexts';\nimport React, {createContext, ForwardedRef, forwardRef, ReactElement, useContext, useRef} from 'react';\nimport {TextContext} from './Text';\n\nexport interface CalendarRenderProps {\n  /**\n   * Whether the calendar is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the calendar.\n   */\n  state: CalendarState,\n  /**\n   * Whether the calendar is invalid.\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean\n}\n\nexport interface RangeCalendarRenderProps extends Omit<CalendarRenderProps, 'state'> {\n  /**\n   * State of the range calendar.\n   */\n  state: RangeCalendarState\n}\n\nexport interface CalendarProps<T extends DateValue> extends Omit<AriaCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<CalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-Calendar'\n   */\n  className?: ClassNameOrFunction<CalendarRenderProps>,\n  /**\n   * The amount of days that will be displayed at once. This affects how pagination works.\n   * @default {months: 1}\n   */\n  visibleDuration?: DateDuration,\n  /**\n   * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)\n   * object for a given calendar identifier. If not provided, the `createCalendar` function\n   * from `@internationalized/date` will be used.\n   */\n  createCalendar?: (identifier: CalendarIdentifier) => ICalendar\n}\n\nexport interface RangeCalendarProps<T extends DateValue> extends Omit<AriaRangeCalendarProps<T>, 'errorMessage' | 'validationState'>, RenderProps<RangeCalendarRenderProps, 'div'>, SlotProps, GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-RangeCalendar'\n   */\n  className?: ClassNameOrFunction<RangeCalendarRenderProps>,\n  /**\n   * The amount of days that will be displayed at once. This affects how pagination works.\n   * @default {months: 1}\n   */\n  visibleDuration?: DateDuration,\n  /**\n   * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)\n   * object for a given calendar identifier. If not provided, the `createCalendar` function\n   * from `@internationalized/date` will be used.\n   */\n  createCalendar?: (identifier: CalendarIdentifier) => ICalendar\n}\n\nexport const CalendarContext = createContext<ContextValue<CalendarProps<any>, HTMLDivElement>>(null);\nexport const RangeCalendarContext = createContext<ContextValue<RangeCalendarProps<any>, HTMLDivElement>>(null);\nexport const CalendarStateContext = createContext<CalendarState | null>(null);\nexport const RangeCalendarStateContext = createContext<RangeCalendarState | null>(null);\n\n/**\n * A calendar displays one or more date grids and allows users to select a single date.\n */\nexport const Calendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function Calendar<T extends DateValue>(props: CalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, CalendarContext);\n  let {locale} = useLocale();\n  let state = useCalendarState({\n    ...props,\n    locale,\n    createCalendar: props.createCalendar || createCalendar\n  });\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps, title} = useCalendar(props, state);\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false,\n      isInvalid: state.isValueInvalid\n    },\n    defaultClassName: 'react-aria-Calendar'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, calendarProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={props.isDisabled || undefined}\n      data-invalid={state.isValueInvalid || undefined}>\n      <Provider\n        values={[\n          [ButtonContext, {\n            slots: {\n              previous: prevButtonProps,\n              next: nextButtonProps\n            }\n          }],\n          [HeadingContext, {'aria-hidden': true, level: 2, children: title}],\n          [CalendarStateContext, state],\n          [CalendarContext, props as CalendarProps<any>],\n          [TextContext, {\n            slots: {\n              errorMessage: errorMessageProps\n            }\n          }]\n        ]}>\n        {/* Add a screen reader only description of the entire visible range rather than\n          * a separate heading above each month grid. This is placed first in the DOM order\n          * so that it is the first thing a touch screen reader user encounters.\n          * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n          * elements, so the aria-label of the Calendar is included here as well. */}\n        <VisuallyHidden>\n          <h2>{calendarProps['aria-label']}</h2>\n        </VisuallyHidden>\n        {renderProps.children}\n        {/* For touch screen readers, add a visually hidden next button after the month grid\n          * so it's easy to navigate after reaching the end without going all the way\n          * back to the start of the month. */}\n        <VisuallyHidden>\n          <button\n            aria-label={nextButtonProps['aria-label']}\n            disabled={nextButtonProps.isDisabled}\n            onClick={() => state.focusNextPage()}\n            tabIndex={-1} />\n        </VisuallyHidden>\n      </Provider>\n    </dom.div>\n  );\n});\n\n/**\n * A range calendar displays one or more date grids and allows users to select a contiguous range of dates.\n */\nexport const RangeCalendar = /*#__PURE__*/ (forwardRef as forwardRefType)(function RangeCalendar<T extends DateValue>(props: RangeCalendarProps<T>, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, RangeCalendarContext);\n  let {locale} = useLocale();\n  let state = useRangeCalendarState({\n    ...props,\n    locale,\n    createCalendar: props.createCalendar || createCalendar\n  });\n\n  let {calendarProps, prevButtonProps, nextButtonProps, errorMessageProps, title} = useRangeCalendar(\n    props,\n    state,\n    ref\n  );\n\n  let renderProps = useRenderProps({\n    ...props,\n    values: {\n      state,\n      isDisabled: props.isDisabled || false,\n      isInvalid: state.isValueInvalid\n    },\n    defaultClassName: 'react-aria-RangeCalendar'\n  });\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(renderProps, DOMProps, calendarProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-disabled={props.isDisabled || undefined}\n      data-invalid={state.isValueInvalid || undefined}>\n      <Provider\n        values={[\n          [ButtonContext, {\n            slots: {\n              previous: prevButtonProps,\n              next: nextButtonProps\n            }\n          }],\n          [HeadingContext, {'aria-hidden': true, level: 2, children: title}],\n          [RangeCalendarStateContext, state],\n          [RangeCalendarContext, props as RangeCalendarProps<any>],\n          [TextContext, {\n            slots: {\n              errorMessage: errorMessageProps\n            }\n          }]\n        ]}>\n        {/* Add a screen reader only description of the entire visible range rather than\n          * a separate heading above each month grid. This is placed first in the DOM order\n          * so that it is the first thing a touch screen reader user encounters.\n          * In addition, VoiceOver on iOS does not announce the aria-label of the grid\n          * elements, so the aria-label of the Calendar is included here as well. */}\n        <VisuallyHidden>\n          <h2>{calendarProps['aria-label']}</h2>\n        </VisuallyHidden>\n        {renderProps.children}\n        {/* For touch screen readers, add a visually hidden next button after the month grid\n          * so it's easy to navigate after reaching the end without going all the way\n          * back to the start of the month. */}\n        <VisuallyHidden>\n          <button\n            aria-label={nextButtonProps['aria-label']}\n            disabled={nextButtonProps.isDisabled}\n            onClick={() => state.focusNextPage()}\n            tabIndex={-1} />\n        </VisuallyHidden>\n      </Provider>\n    </dom.div>\n  );\n});\n\nexport interface CalendarCellRenderProps {\n  /** The date that the cell represents. */\n  date: CalendarDate,\n  /** The day number formatted according to the current locale. */\n  formattedDate: string,\n  /**\n   * Whether the cell is currently hovered with a mouse.\n   * @selector [data-hovered]\n   */\n  isHovered: boolean,\n  /**\n   * Whether the cell is currently being pressed.\n   * @selector [data-pressed]\n   */\n  isPressed: boolean,\n  /**\n   * Whether the cell is selected.\n   * @selector [data-selected]\n   */\n  isSelected: boolean,\n  /**\n   * Whether the cell is the first date in a range selection.\n   * @selector [data-selection-start]\n   */\n  isSelectionStart: boolean,\n  /**\n   * Whether the cell is the last date in a range selection.\n   * @selector [data-selection-end]\n   */\n  isSelectionEnd: boolean,\n  /**\n   * Whether the cell is focused.\n   * @selector [data-focused]\n   */\n  isFocused: boolean,\n  /**\n   * Whether the cell is keyboard focused.\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean,\n  /**\n   * Whether the cell is disabled, according to the calendar's `minValue`, `maxValue`, and `isDisabled` props.\n   * Disabled dates are not focusable, and cannot be selected by the user. They are typically\n   * displayed with a dimmed appearance.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * Whether the cell is outside the visible range of the calendar.\n   * For example, dates before the first day of a month in the same week.\n   * @selector [data-outside-visible-range]\n   */\n  isOutsideVisibleRange: boolean,\n  /**\n   * Whether the cell is outside the current month.\n   * @selector [data-outside-month]\n   */\n  isOutsideMonth: boolean,\n  /**\n   * Whether the cell is unavailable, according to the calendar's `isDateUnavailable` prop. Unavailable dates remain\n   * focusable, but cannot be selected by the user. They should be displayed with a visual affordance to indicate they\n   * are unavailable, such as a different color or a strikethrough.\n   *\n   * Note that because they are focusable, unavailable dates must meet a 4.5:1 color contrast ratio,\n   * [as defined by WCAG](https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html).\n   *\n   * @selector [data-unavailable]\n   */\n  isUnavailable: boolean,\n  /**\n   * Whether the cell is part of an invalid selection.\n   * @selector [data-invalid]\n   */\n  isInvalid: boolean,\n  /**\n   * Whether the cell is today.\n   * @selector [data-today]\n   */\n  isToday: boolean\n}\n\nexport interface CalendarGridProps extends StyleProps, DOMRenderProps<'table', undefined>, GlobalDOMAttributes<HTMLTableElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.\n   * @default 'react-aria-CalendarGrid'\n   */\n  className?: string,\n  /**\n   * Either a function to render calendar cells for each date in the month,\n   * or children containing a `<CalendarGridHeader>`` and `<CalendarGridBody>`\n   * when additional customization is needed.\n   */\n  children?: ReactElement | ReactElement[] | ((date: CalendarDate) => ReactElement),\n  /**\n   * An offset from the beginning of the visible date range that this\n   * CalendarGrid should display. Useful when displaying more than one\n   * month at a time.\n   */\n  offset?: DateDuration,\n  /**\n   * The style of weekday names to display in the calendar grid header,\n   * e.g. single letter, abbreviation, or full day name.\n   * @default \"narrow\"\n   */\n  weekdayStyle?: 'narrow' | 'short' | 'long'\n}\n\ninterface InternalCalendarGridContextValue {\n  headerProps: DOMAttributes<FocusableElement>,\n  weekDays: string[],\n  startDate: CalendarDate,\n  weeksInMonth: number\n}\n\nconst InternalCalendarGridContext = createContext<InternalCalendarGridContextValue | null>(null);\n\n/**\n * A calendar grid displays a single grid of days within a calendar or range calendar which\n * can be keyboard navigated and selected by the user.\n */\nexport const CalendarGrid = /*#__PURE__*/ (forwardRef as forwardRefType)(function CalendarGrid(props: CalendarGridProps, ref: ForwardedRef<HTMLTableElement>) {\n  let calendarState = useContext(CalendarStateContext);\n  let rangeCalendarState = useContext(RangeCalendarStateContext);\n  let calenderProps = useSlottedContext(CalendarContext)!;\n  let rangeCalenderProps = useSlottedContext(RangeCalendarContext)!;\n  let state = calendarState ?? rangeCalendarState!;\n  let startDate = state.visibleRange.start;\n  if (props.offset) {\n    startDate = startDate.add(props.offset);\n  }\n\n  let firstDayOfWeek = calenderProps?.firstDayOfWeek ?? rangeCalenderProps?.firstDayOfWeek;\n\n  let {gridProps, headerProps, weekDays, weeksInMonth} = useCalendarGrid({\n    startDate,\n    endDate: endOfMonth(startDate),\n    weekdayStyle: props.weekdayStyle,\n    firstDayOfWeek\n  }, state);\n\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <InternalCalendarGridContext.Provider value={{headerProps, weekDays, startDate, weeksInMonth}}>\n      <dom.table\n        render={props.render}\n        {...mergeProps(DOMProps, gridProps)}\n        ref={ref}\n        style={props.style}\n        cellPadding={0}\n        className={props.className ?? 'react-aria-CalendarGrid'}>\n        {typeof props.children !== 'function'\n          ? props.children\n          : (<>\n            <CalendarGridHeaderForwardRef>\n              {day => <CalendarHeaderCellForwardRef>{day}</CalendarHeaderCellForwardRef>}\n            </CalendarGridHeaderForwardRef>\n            <CalendarGridBodyForwardRef>\n              {props.children}\n            </CalendarGridBodyForwardRef>\n          </>)\n        }\n      </dom.table>\n    </InternalCalendarGridContext.Provider>\n  );\n});\n\nexport interface CalendarGridHeaderProps extends StyleProps, DOMRenderProps<'thead', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.\n   * @default 'react-aria-CalendarGridHeader'\n   */\n  className?: string,\n  /** A function to render a `<CalendarHeaderCell>` for a weekday name. */\n  children: (day: string) => ReactElement\n}\n\nfunction CalendarGridHeader(props: CalendarGridHeaderProps, ref: ForwardedRef<HTMLTableSectionElement>) {\n  let {children, style, className} = props;\n  let {headerProps, weekDays} = useContext(InternalCalendarGridContext)!;\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.thead\n      render={props.render}\n      {...mergeProps(DOMProps, headerProps)}\n      ref={ref}\n      style={style}\n      className={className ?? 'react-aria-CalendarGridHeader'}>\n      <tr>\n        {weekDays.map((day, key) => React.cloneElement(children(day), {key}))}\n      </tr>\n    </dom.thead>\n  );\n}\n\n/**\n * A calendar grid header displays a row of week day names at the top of a month.\n */\nconst CalendarGridHeaderForwardRef = /*#__PURE__*/ (forwardRef as forwardRefType)(CalendarGridHeader);\nexport {CalendarGridHeaderForwardRef as CalendarGridHeader};\n\nexport interface CalendarHeaderCellProps extends DOMProps, DOMRenderProps<'th', undefined>, GlobalDOMAttributes<HTMLTableHeaderCellElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.\n   * @default 'react-aria-CalendarHeaderCell'\n   */\n  className?: string\n}\n\nfunction CalendarHeaderCell(props: CalendarHeaderCellProps, ref: ForwardedRef<HTMLTableCellElement>) {\n  let {children, style, className} = props;\n  let DOMProps = filterDOMProps(props, {global: true});\n  return (\n    <dom.th\n      render={props.render}\n      {...DOMProps}\n      ref={ref}\n      style={style}\n      className={className || 'react-aria-CalendarHeaderCell'}>\n      {children}\n    </dom.th>\n  );\n}\n\n/**\n * A calendar header cell displays a week day name at the top of a column within a calendar.\n */\nconst CalendarHeaderCellForwardRef = forwardRef(CalendarHeaderCell);\nexport {CalendarHeaderCellForwardRef as CalendarHeaderCell};\n\nexport interface CalendarGridBodyProps extends StyleProps, DOMRenderProps<'tbody', undefined>, GlobalDOMAttributes<HTMLTableSectionElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element.\n   * @default 'react-aria-CalendarGridBody'\n   */\n  className?: string,\n  /** A function to render a `<CalendarCell>` for a given date. */\n  children: (date: CalendarDate) => ReactElement\n}\n\nfunction CalendarGridBody(props: CalendarGridBodyProps, ref: ForwardedRef<HTMLTableSectionElement>) {\n  let {children, style, className} = props;\n  let calendarState = useContext(CalendarStateContext);\n  let rangeCalendarState = useContext(RangeCalendarStateContext);\n  let state = calendarState ?? rangeCalendarState!;\n  let {startDate, weeksInMonth} = useContext(InternalCalendarGridContext)!;\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.tbody\n      render={props.render}\n      {...DOMProps}\n      ref={ref}\n      style={style}\n      className={className ?? 'react-aria-CalendarGridBody'}>\n      {[...new Array(weeksInMonth).keys()].map((weekIndex) => (\n        <tr key={weekIndex}>\n          {state.getDatesInWeek(weekIndex, startDate).map((date, i) => (\n            date\n              ? React.cloneElement(children(date), {key: i})\n              : <td key={i} />\n          ))}\n        </tr>\n      ))}\n    </dom.tbody>\n  );\n}\n\n/**\n * A calendar grid body displays a grid of calendar cells within a month.\n */\nconst CalendarGridBodyForwardRef = /*#__PURE__*/ (forwardRef as forwardRefType)(CalendarGridBody);\nexport {CalendarGridBodyForwardRef as CalendarGridBody};\n\nexport interface CalendarCellProps extends RenderProps<CalendarCellRenderProps, 'div'>, HoverEvents, GlobalDOMAttributes<HTMLTableCellElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the element. A function may be provided to compute the class based on component state.\n   * @default 'react-aria-CalendarCell'\n   */\n  className?: ClassNameOrFunction<CalendarCellRenderProps>,\n  /** The date to render in the cell. */\n  date: CalendarDate\n}\n\n/**\n * A calendar cell displays a date cell within a calendar grid which can be selected by the user.\n */\nexport const CalendarCell = /*#__PURE__*/ (forwardRef as forwardRefType)(function CalendarCell({date, ...otherProps}: CalendarCellProps, ref: ForwardedRef<HTMLTableCellElement>) {\n  let calendarState = useContext(CalendarStateContext);\n  let rangeCalendarState = useContext(RangeCalendarStateContext);\n  let state = calendarState ?? rangeCalendarState!;\n  let {startDate: currentMonth} = useContext(InternalCalendarGridContext) ?? {startDate: state.visibleRange.start};\n  let isOutsideMonth = !isSameMonth(currentMonth, date);\n  let istoday = isToday(date, state.timeZone);\n\n  let buttonRef = useRef<HTMLDivElement>(null);\n  let {cellProps, buttonProps, ...states} = useCalendarCell(\n    {date, isOutsideMonth},\n    state,\n    buttonRef\n  );\n\n  let {hoverProps, isHovered} = useHover({...otherProps, isDisabled: states.isDisabled});\n  let {focusProps, isFocusVisible} = useFocusRing();\n  isFocusVisible &&= states.isFocused;\n  let isSelectionStart = false;\n  let isSelectionEnd = false;\n  if ('highlightedRange' in state && state.highlightedRange) {\n    isSelectionStart = isSameDay(date, state.highlightedRange.start);\n    isSelectionEnd = isSameDay(date, state.highlightedRange.end);\n  }\n\n  let renderProps = useRenderProps({\n    ...otherProps,\n    defaultChildren: states.formattedDate,\n    defaultClassName: 'react-aria-CalendarCell',\n    values: {\n      date,\n      isHovered,\n      isOutsideMonth,\n      isFocusVisible,\n      isSelectionStart,\n      isSelectionEnd,\n      isToday: istoday,\n      ...states\n    }\n  });\n\n  let dataAttrs = {\n    'data-focused': states.isFocused || undefined,\n    'data-hovered': isHovered || undefined,\n    'data-pressed': states.isPressed || undefined,\n    'data-unavailable': states.isUnavailable || undefined,\n    'data-disabled': states.isDisabled || undefined,\n    'data-focus-visible': isFocusVisible || undefined,\n    'data-outside-visible-range': states.isOutsideVisibleRange || undefined,\n    'data-outside-month': isOutsideMonth || undefined,\n    'data-selected': states.isSelected || undefined,\n    'data-selection-start': isSelectionStart || undefined,\n    'data-selection-end': isSelectionEnd || undefined,\n    'data-invalid': states.isInvalid || undefined,\n    'data-today': istoday || undefined\n  };\n\n  let DOMProps = filterDOMProps(otherProps, {global: true});\n\n  return (\n    <td {...cellProps} ref={ref}>\n      <dom.div {...mergeProps(DOMProps, buttonProps, focusProps, hoverProps, dataAttrs, renderProps)} ref={buttonRef} />\n    </td>\n  );\n});\n"],"names":[],"version":3,"file":"Calendar.main.js.map"}