@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/calendar.js

@@ -0,0 +1,1054 @@
+/*
+ * 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.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/Calendar.tsx.
+ * Modified for Solid Aria: composed Solid Aria and Stately primitives with Solid 2 contexts, reactive getters, and DOM refs; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps, createRenderProps, createSlottedContext, dom } from "./utils.js";
+import { ButtonContext } from "./button.js";
+import { Heading, HeadingContext } from "./heading.js";
+import { TextContext } from "./text.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { For, Show, createContext, createMemo, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { escape, memo, mergeProps as mergeProps$1, scope, ssr, ssrAttribute, ssrElement, ssrGroup, ssrHydrationKey } from "@solidjs/web";
+import { requireValue } from "@solid2-aria/core/utils/require-value";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createHover } from "@solid2-aria/core/interactions/create-hover";
+import { createCalendar, endOfMonth, isSameDay, isSameMonth, isToday } from "@internationalized/date";
+import { createCalendar as createCalendar$1 } from "@solid2-aria/core/calendar/create-calendar";
+import { createCalendarCell } from "@solid2-aria/core/calendar/create-calendar-cell";
+import { createCalendarGrid } from "@solid2-aria/core/calendar/create-calendar-grid";
+import { createCalendarHeading } from "@solid2-aria/core/calendar/create-calendar-heading";
+import { createCalendarMonthPicker } from "@solid2-aria/core/calendar/create-calendar-month-picker";
+import { createCalendarYearPicker } from "@solid2-aria/core/calendar/create-calendar-year-picker";
+import { createRangeCalendar } from "@solid2-aria/core/calendar/create-range-calendar";
+import { createLocale } from "@solid2-aria/core/i18n/i18n-provider";
+import { VisuallyHidden } from "@solid2-aria/core/visually-hidden/visually-hidden";
+import { createCalendarState } from "@solid2-aria/stately/calendar/create-calendar-state";
+import { createRangeCalendarState } from "@solid2-aria/stately/calendar/create-range-calendar-state";
+// src/calendar.tsx
+var _tmpl$ = [
+	"<h2",
+	">",
+	"</h2>"
+];
+var _tmpl$2 = [
+	"<button",
+	"",
+	"",
+	" tabindex=\"-1\"></button>"
+];
+var _tmpl$3 = [
+	"<tr",
+	">",
+	"</tr>"
+];
+var _tmpl$4 = ["<td", "></td>"];
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _d$ = {
+	get() {
+		const aria = this[_m$];
+		var _v$ = ssrHydrationKey(), _v$2 = scope(() => {
+			return escape(aria.calendarProps["aria-label"]);
+		});
+		return ssr(_tmpl$, _v$, _v$2);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p) {
+	this[_m$] = _p;
+	Object.defineProperty(this, "children", _d$);
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const aria = this[_m$];
+		var _v$3 = ssrHydrationKey(), _g$ = ssrGroup(() => {
+			return [ssrAttribute("aria-label", escape(aria.nextButtonProps["aria-label"], true)), ssrAttribute("disabled", escape(aria.nextButtonProps.isDisabled, true))];
+		}, 2);
+		return ssr(_tmpl$2, _v$3, _g$, _g$);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p2) {
+	this[_m$] = _p2;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		return [
+			VisuallyHidden(new _P$(aria)),
+			memo(() => {
+				return render.children;
+			}),
+			VisuallyHidden(new _P$2(aria))
+		];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p3, _p4, _p5) {
+	this[_m$] = _p3;
+	this[_m$2] = _p4;
+	this.value = _p5;
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$3.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		return TextContext(new _P$3(aria, render, { slots: { get errorMessage() {
+			return aria.errorMessageProps;
+		} } }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p6, _p7, _p8) {
+	this[_m$] = _p6;
+	this[_m$2] = _p7;
+	this.value = _p8;
+	Object.defineProperty(this, "children", _d$4);
+}
+_P$4.prototype = Object.prototype;
+var _d$5 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		const contextProps = this[_m$3];
+		return CalendarContext(new _P$4(aria, render, contextProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p9, _p0, _p1, _p10) {
+	this[_m$] = _p9;
+	this[_m$2] = _p0;
+	this[_m$3] = _p1;
+	this.value = _p10;
+	Object.defineProperty(this, "children", _d$5);
+}
+_P$5.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		const contextProps = this[_m$3];
+		const state = this[_m$4];
+		return CalendarStateContext(new _P$5(aria, render, contextProps, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p11, _p12, _p13, _p14, _p15) {
+	this[_m$] = _p11;
+	this[_m$2] = _p12;
+	this[_m$3] = _p13;
+	this[_m$4] = _p14;
+	this.value = _p15;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$6.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		const contextProps = this[_m$3];
+		const state = this[_m$4];
+		return HeadingContext(new _P$6(aria, render, contextProps, state, {
+			"aria-hidden": "true",
+			get children() {
+				return aria.title;
+			},
+			level: 2
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p16, _p17, _p18, _p19, _p20) {
+	this[_m$] = _p16;
+	this[_m$2] = _p17;
+	this[_m$3] = _p18;
+	this[_m$4] = _p19;
+	this.value = _p20;
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$7.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		const props = this[_m$];
+		return memo(() => {
+			return !!(typeof props.slot === "string" && props.slot.length > 0);
+		})() ? props.slot : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$].isDisabled === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$10 = {
+	get() {
+		return this[_m$2].isValueInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		const aria = this[_m$3];
+		const render = this[_m$4];
+		const contextProps = this[_m$5];
+		const state = this[_m$2];
+		return ButtonContext(new _P$7(aria, render, contextProps, state, { slots: {
+			get next() {
+				return aria.nextButtonProps;
+			},
+			get previous() {
+				return aria.prevButtonProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p21, _p22, _p23, _p24, _p25, _p26) {
+	this[_m$] = _p21;
+	this[_m$2] = _p22;
+	this[_m$3] = _p23;
+	this[_m$4] = _p24;
+	this[_m$5] = _p25;
+	this.ref = _p26;
+	Object.defineProperty(this, "slot", _d$8);
+	Object.defineProperty(this, "data-disabled", _d$9);
+	Object.defineProperty(this, "data-invalid", _d$10);
+	Object.defineProperty(this, "children", _d$11);
+}
+_P$8.prototype = Object.prototype;
+var _d$12 = {
+	get() {
+		const aria = this[_m$];
+		var _v$6 = ssrHydrationKey(), _v$7 = scope(() => {
+			return escape(aria.calendarProps["aria-label"]);
+		});
+		return ssr(_tmpl$, _v$6, _v$7);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p27) {
+	this[_m$] = _p27;
+	Object.defineProperty(this, "children", _d$12);
+}
+_P$9.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		const aria = this[_m$];
+		var _v$8 = ssrHydrationKey(), _g$2 = ssrGroup(() => {
+			return [ssrAttribute("aria-label", escape(aria.nextButtonProps["aria-label"], true)), ssrAttribute("disabled", escape(aria.nextButtonProps.isDisabled, true))];
+		}, 2);
+		return ssr(_tmpl$2, _v$8, _g$2, _g$2);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$10(_p28) {
+	this[_m$] = _p28;
+	Object.defineProperty(this, "children", _d$13);
+}
+_P$10.prototype = Object.prototype;
+var _d$14 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		return [
+			VisuallyHidden(new _P$9(aria)),
+			memo(() => {
+				return render.children;
+			}),
+			VisuallyHidden(new _P$10(aria))
+		];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$11(_p29, _p30, _p31) {
+	this[_m$] = _p29;
+	this[_m$2] = _p30;
+	this.value = _p31;
+	Object.defineProperty(this, "children", _d$14);
+}
+_P$11.prototype = Object.prototype;
+var _d$15 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		return TextContext(new _P$11(aria, render, { slots: { get errorMessage() {
+			return aria.errorMessageProps;
+		} } }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$12(_p32, _p33, _p34) {
+	this[_m$] = _p32;
+	this[_m$2] = _p33;
+	this.value = _p34;
+	Object.defineProperty(this, "children", _d$15);
+}
+_P$12.prototype = Object.prototype;
+var _d$16 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		const contextProps = this[_m$3];
+		return RangeCalendarContext(new _P$12(aria, render, contextProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$13(_p35, _p36, _p37, _p38) {
+	this[_m$] = _p35;
+	this[_m$2] = _p36;
+	this[_m$3] = _p37;
+	this.value = _p38;
+	Object.defineProperty(this, "children", _d$16);
+}
+_P$13.prototype = Object.prototype;
+var _d$17 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		const contextProps = this[_m$3];
+		const state = this[_m$4];
+		return RangeCalendarStateContext(new _P$13(aria, render, contextProps, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$14(_p39, _p40, _p41, _p42, _p43) {
+	this[_m$] = _p39;
+	this[_m$2] = _p40;
+	this[_m$3] = _p41;
+	this[_m$4] = _p42;
+	this.value = _p43;
+	Object.defineProperty(this, "children", _d$17);
+}
+_P$14.prototype = Object.prototype;
+var _d$18 = {
+	get() {
+		const aria = this[_m$];
+		const render = this[_m$2];
+		const contextProps = this[_m$3];
+		const state = this[_m$4];
+		return HeadingContext(new _P$14(aria, render, contextProps, state, {
+			"aria-hidden": "true",
+			get children() {
+				return aria.title;
+			},
+			level: 2
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$15(_p44, _p45, _p46, _p47, _p48) {
+	this[_m$] = _p44;
+	this[_m$2] = _p45;
+	this[_m$3] = _p46;
+	this[_m$4] = _p47;
+	this.value = _p48;
+	Object.defineProperty(this, "children", _d$18);
+}
+_P$15.prototype = Object.prototype;
+var _d$19 = {
+	get() {
+		const props = this[_m$];
+		return memo(() => {
+			return !!(typeof props.slot === "string" && props.slot.length > 0);
+		})() ? props.slot : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$20 = {
+	get() {
+		return this[_m$].isDisabled === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$21 = {
+	get() {
+		return this[_m$2].isValueInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$22 = {
+	get() {
+		const aria = this[_m$3];
+		const render = this[_m$4];
+		const contextProps = this[_m$5];
+		const state = this[_m$2];
+		return ButtonContext(new _P$15(aria, render, contextProps, state, { slots: {
+			get next() {
+				return aria.nextButtonProps;
+			},
+			get previous() {
+				return aria.prevButtonProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$16(_p49, _p50, _p51, _p52, _p53, _p54) {
+	this[_m$] = _p49;
+	this[_m$2] = _p50;
+	this[_m$3] = _p51;
+	this[_m$4] = _p52;
+	this[_m$5] = _p53;
+	this.ref = _p54;
+	Object.defineProperty(this, "slot", _d$19);
+	Object.defineProperty(this, "data-disabled", _d$20);
+	Object.defineProperty(this, "data-invalid", _d$21);
+	Object.defineProperty(this, "children", _d$22);
+}
+_P$16.prototype = Object.prototype;
+var _d$23 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$24 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-CalendarGrid";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$25 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$26 = {
+	get() {
+		const props = this[_m$];
+		return memo(() => {
+			return typeof props.children === "function";
+		})() ? [CalendarGridHeader({ children: (day) => CalendarHeaderCell({ children: day }) }), CalendarGridBody({ children: (date) => memo(() => {
+			return memo(() => {
+				return typeof props.children === "function";
+			})() ? props.children(date) : null;
+		}) })] : props.children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$17(_p55, _p56) {
+	this[_m$] = _p55;
+	this.ref = _p56;
+	Object.defineProperty(this, "style", _d$23);
+	Object.defineProperty(this, "class", _d$24);
+	Object.defineProperty(this, "render", _d$25);
+	Object.defineProperty(this, "children", _d$26);
+}
+_P$17.prototype = Object.prototype;
+var _d$27 = {
+	get() {
+		const props = this[_m$];
+		const aria = this[_m$2];
+		return dom.table(mergeProps$1(() => {
+			return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.gridProps));
+		}, new _P$17(props, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		})));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$18(_p57, _p58, _p59) {
+	this[_m$] = _p57;
+	this[_m$2] = _p58;
+	this.value = _p59;
+	Object.defineProperty(this, "children", _d$27);
+}
+_P$18.prototype = Object.prototype;
+var _d$28 = {
+	get() {
+		return this[_m$].weekDays;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$19(_p60, _p61) {
+	this[_m$] = _p60;
+	Object.defineProperty(this, "each", _d$28);
+	this.children = _p61;
+}
+_P$19.prototype = Object.prototype;
+var _d$29 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$30 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-CalendarGridHeader";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$31 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$32 = {
+	get() {
+		const ctx = this[_m$2];
+		const props = this[_m$];
+		var _v$11 = ssrHydrationKey(), _v$12 = escape(For(new _P$19(ctx, (day) => memo(() => {
+			return props.children(day);
+		}))));
+		return ssr(_tmpl$3, _v$11, _v$12);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$20(_p62, _p63, _p64) {
+	this[_m$] = _p62;
+	this[_m$2] = _p63;
+	this.ref = _p64;
+	Object.defineProperty(this, "style", _d$29);
+	Object.defineProperty(this, "class", _d$30);
+	Object.defineProperty(this, "render", _d$31);
+	Object.defineProperty(this, "children", _d$32);
+}
+_P$20.prototype = Object.prototype;
+var _d$33 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$34 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-CalendarHeaderCell";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$35 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$36 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$21(_p65, _p66) {
+	this[_m$] = _p65;
+	this.ref = _p66;
+	Object.defineProperty(this, "style", _d$33);
+	Object.defineProperty(this, "class", _d$34);
+	Object.defineProperty(this, "render", _d$35);
+	Object.defineProperty(this, "children", _d$36);
+}
+_P$21.prototype = Object.prototype;
+var _d$37 = {
+	get() {
+		const date = this[_m$];
+		return date();
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$38 = {
+	get() {
+		var _v$15 = ssrHydrationKey();
+		return ssr(_tmpl$4, _v$15);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$22(_p67, _p68) {
+	this[_m$] = _p67;
+	Object.defineProperty(this, "when", _d$37);
+	Object.defineProperty(this, "fallback", _d$38);
+	this.children = _p68;
+}
+_P$22.prototype = Object.prototype;
+var _d$39 = {
+	get() {
+		const state = this[_m$];
+		const week = this[_m$2];
+		const ctx = this[_m$3];
+		return state.getDatesInWeek(week, ctx.startDate);
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$23(_p69, _p70, _p71, _p72, _p73) {
+	this[_m$] = _p69;
+	this[_m$2] = _p70;
+	this[_m$3] = _p71;
+	Object.defineProperty(this, "each", _d$39);
+	this.keyed = _p72;
+	this.children = _p73;
+}
+_P$23.prototype = Object.prototype;
+var _d$40 = {
+	get() {
+		const weeks = this[_m$];
+		return weeks();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$24(_p74, _p75) {
+	this[_m$] = _p74;
+	Object.defineProperty(this, "each", _d$40);
+	this.children = _p75;
+}
+_P$24.prototype = Object.prototype;
+var _d$41 = {
+	get() {
+		return this[_m$].style;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$42 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-CalendarGridBody";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$43 = {
+	get() {
+		return this[_m$].render;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$44 = {
+	get() {
+		const weeks = this[_m$2];
+		const state = this[_m$3];
+		const ctx = this[_m$4];
+		const props = this[_m$];
+		return For(new _P$24(weeks, (week) => {
+			var _v$13 = ssrHydrationKey(), _v$14 = escape(For(new _P$23(state, week, ctx, false, (date) => Show(new _P$22(date, (current) => memo(() => {
+				return props.children(current());
+			}))))));
+			return ssr(_tmpl$3, _v$13, _v$14);
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$25(_p76, _p77, _p78, _p79, _p80) {
+	this[_m$] = _p76;
+	this[_m$2] = _p77;
+	this[_m$3] = _p78;
+	this[_m$4] = _p79;
+	this.ref = _p80;
+	Object.defineProperty(this, "style", _d$41);
+	Object.defineProperty(this, "class", _d$42);
+	Object.defineProperty(this, "render", _d$43);
+	Object.defineProperty(this, "children", _d$44);
+}
+_P$25.prototype = Object.prototype;
+var _d$45 = {
+	get() {
+		return this[_m$].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$46 = {
+	get() {
+		return this[_m$2].isHovered || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$47 = {
+	get() {
+		return this[_m$].isPressed || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$48 = {
+	get() {
+		return this[_m$].isUnavailable || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$49 = {
+	get() {
+		return this[_m$].isDisabled || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$50 = {
+	get() {
+		return this[_m$3].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$51 = {
+	get() {
+		return this[_m$].isOutsideVisibleRange || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$52 = {
+	get() {
+		const outside = this[_m$4];
+		return outside() || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$53 = {
+	get() {
+		return this[_m$].isSelected || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$54 = {
+	get() {
+		return this[_m$3].isSelectionStart || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$55 = {
+	get() {
+		return this[_m$3].isSelectionEnd || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$56 = {
+	get() {
+		return this[_m$].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$57 = {
+	get() {
+		return this[_m$3].isToday || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$58 = {
+	get() {
+		const content = this[_m$5];
+		return content();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$26(_p81, _p82, _p83, _p84, _p85, _p86) {
+	this[_m$] = _p81;
+	this[_m$2] = _p82;
+	this[_m$3] = _p83;
+	this[_m$4] = _p84;
+	this[_m$5] = _p85;
+	this.ref = _p86;
+	Object.defineProperty(this, "data-focused", _d$45);
+	Object.defineProperty(this, "data-hovered", _d$46);
+	Object.defineProperty(this, "data-pressed", _d$47);
+	Object.defineProperty(this, "data-unavailable", _d$48);
+	Object.defineProperty(this, "data-disabled", _d$49);
+	Object.defineProperty(this, "data-focus-visible", _d$50);
+	Object.defineProperty(this, "data-outside-visible-range", _d$51);
+	Object.defineProperty(this, "data-outside-month", _d$52);
+	Object.defineProperty(this, "data-selected", _d$53);
+	Object.defineProperty(this, "data-selection-start", _d$54);
+	Object.defineProperty(this, "data-selection-end", _d$55);
+	Object.defineProperty(this, "data-invalid", _d$56);
+	Object.defineProperty(this, "data-today", _d$57);
+	Object.defineProperty(this, "children", _d$58);
+}
+_P$26.prototype = Object.prototype;
+var _d$59 = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-CalendarHeading";
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$60 = {
+	get() {
+		const text = this[_m$2];
+		return text();
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$27(_p87, _p88) {
+	this[_m$] = _p87;
+	this[_m$2] = _p88;
+	Object.defineProperty(this, "class", _d$59);
+	Object.defineProperty(this, "children", _d$60);
+}
+_P$27.prototype = Object.prototype;
+const CalendarContext = createContext(null);
+const RangeCalendarContext = createContext(null);
+const CalendarStateContext = createContext(null);
+const RangeCalendarStateContext = createContext(null);
+function Calendar(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), CalendarContext);
+	const locale = createLocale();
+	const contextProps = props;
+	const state = createCalendarState(mergeProps(props, {
+		get createCalendar() {
+			return props.createCalendar ?? createCalendar;
+		},
+		get locale() {
+			return locale.locale;
+		}
+	}));
+	const aria = createCalendar$1(props, state);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-Calendar",
+		values: {
+			get isDisabled() {
+				return props.isDisabled ?? false;
+			},
+			get isInvalid() {
+				return state.isValueInvalid;
+			},
+			state
+		}
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), render, merge(() => aria.calendarProps));
+	}, new _P$8(props, state, aria, render, contextProps, (element) => {
+		setRef(element);
+	})));
+}
+function RangeCalendar(input) {
+	const [props, ref, setRef] = createContextProps(input, untrack(() => input.ref), RangeCalendarContext);
+	const locale = createLocale();
+	const contextProps = props;
+	const state = createRangeCalendarState(mergeProps(contextProps, {
+		get createCalendar() {
+			return props.createCalendar ?? createCalendar;
+		},
+		get locale() {
+			return locale.locale;
+		}
+	}));
+	const aria = createRangeCalendar(props, state, ref);
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-RangeCalendar",
+		values: {
+			get isDisabled() {
+				return props.isDisabled ?? false;
+			},
+			get isInvalid() {
+				return state.isValueInvalid;
+			},
+			state
+		}
+	}));
+	return dom.div(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), render, merge(() => aria.calendarProps));
+	}, new _P$16(props, state, aria, render, contextProps, (element) => {
+		setRef(element);
+	})));
+}
+const InternalCalendarGridContext = createContext(null);
+function calendarState() {
+	return useContext(CalendarStateContext) ?? requireValue(useContext(RangeCalendarStateContext), "Expected required element or component context");
+}
+function CalendarGrid(props) {
+	const state = calendarState();
+	const calendar = createSlottedContext(CalendarContext);
+	const rangeCalendar = createSlottedContext(RangeCalendarContext);
+	const start = createMemo(() => props.offset ? state.visibleRange.start.add(props.offset) : state.visibleRange.start);
+	const aria = createCalendarGrid({
+		get endDate() {
+			return endOfMonth(start());
+		},
+		get firstDayOfWeek() {
+			return calendar?.firstDayOfWeek ?? rangeCalendar?.firstDayOfWeek;
+		},
+		get startDate() {
+			return start();
+		},
+		get weekdayStyle() {
+			return props.weekdayStyle;
+		}
+	}, state);
+	return InternalCalendarGridContext(new _P$18(props, aria, {
+		get headerProps() {
+			return aria.headerProps;
+		},
+		get startDate() {
+			return start();
+		},
+		get weekDays() {
+			return aria.weekDays;
+		},
+		get weeksInMonth() {
+			return aria.weeksInMonth;
+		}
+	}));
+}
+function CalendarGridHeader(props) {
+	const ctx = requireValue(useContext(InternalCalendarGridContext), "Expected required element or component context");
+	return dom.thead(mergeProps$1(() => {
+		return mergeProps(filterDOMProps(props, { global: true }), merge(() => ctx.headerProps));
+	}, new _P$20(props, ctx, (el) => {
+		assignRef(untrack(() => props.ref), el);
+	})));
+}
+function CalendarHeaderCell(props) {
+	return dom.th(mergeProps$1(() => {
+		return filterDOMProps(props, { global: true });
+	}, new _P$21(props, (el) => {
+		assignRef(untrack(() => props.ref), el);
+	})));
+}
+function CalendarGridBody(props) {
+	const state = calendarState();
+	const ctx = requireValue(useContext(InternalCalendarGridContext), "Expected required element or component context");
+	const weeks = createMemo(() => Array.from({ length: ctx.weeksInMonth }, (_, index) => index));
+	return dom.tbody(mergeProps$1(() => {
+		return filterDOMProps(props, { global: true });
+	}, new _P$25(props, weeks, state, ctx, (el) => {
+		assignRef(untrack(() => props.ref), el);
+	})));
+}
+function CalendarCell(props) {
+	const state = calendarState();
+	const grid = useContext(InternalCalendarGridContext);
+	const [buttonRef, setButtonRef] = createSignal(null, { ownedWrite: true });
+	const outside = () => Boolean(state.visibleDuration.days) || Boolean(state.visibleDuration.weeks) ? false : !isSameMonth(grid?.startDate ?? state.visibleRange.start, props.date);
+	const aria = createCalendarCell({
+		get date() {
+			return props.date;
+		},
+		get isOutsideMonth() {
+			return outside();
+		}
+	}, state, buttonRef);
+	const focus = createFocusRing();
+	const hover = createHover(mergeProps(props, { get isDisabled() {
+		return aria.isDisabled || aria.isUnavailable;
+	} }));
+	const boundary = (end) => "highlightedRange" in state && !!state.highlightedRange && isSameDay(props.date, end ? state.highlightedRange.end : state.highlightedRange.start);
+	const values = mergeProps(omit(aria, "cellProps", "buttonProps"), {
+		get date() {
+			return props.date;
+		},
+		get isFocusVisible() {
+			return aria.isFocused && focus.isFocusVisible;
+		},
+		get isHovered() {
+			return hover.isHovered;
+		},
+		get isOutsideMonth() {
+			return outside();
+		},
+		get isSelectionEnd() {
+			return boundary(true);
+		},
+		get isSelectionStart() {
+			return boundary(false);
+		},
+		get isToday() {
+			return isToday(props.date, state.timeZone);
+		}
+	});
+	const render = createRenderProps(mergeProps(props, {
+		get defaultChildren() {
+			return aria.formattedDate;
+		},
+		defaultClass: "solid2-aria-CalendarCell",
+		values
+	}));
+	const content = createMemo(() => render.children);
+	return ssrElement("td", aria.cellProps, () => {
+		return escape(dom.div(mergeProps$1(() => {
+			return mergeProps(filterDOMProps(props, { global: true }), merge(() => aria.buttonProps), merge(() => focus.focusProps ?? {}), merge(() => hover.hoverProps ?? {}), omit(render, "children"));
+		}, new _P$26(aria, hover, values, outside, content, (element) => {
+			setButtonRef(element);
+		}))));
+	}, true);
+}
+function CalendarYearPicker(props) {
+	const aria = createCalendarYearPicker(props, calendarState());
+	return untrack(() => props.children(aria));
+}
+function CalendarMonthPicker(props) {
+	const aria = createCalendarMonthPicker(props, calendarState());
+	return untrack(() => props.children(aria));
+}
+function CalendarHeading(props) {
+	const text = createCalendarHeading(props, calendarState());
+	return Heading(mergeProps$1(() => {
+		return omit(props, "offset", "format");
+	}, new _P$27(props, text)));
+}
+export { Calendar, CalendarCell, CalendarContext, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, CalendarHeading, CalendarMonthPicker, CalendarStateContext, CalendarYearPicker, RangeCalendar, RangeCalendarContext, RangeCalendarStateContext };
+
+//# sourceMappingURL=calendar.js.map