@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/date-picker.js

@@ -0,0 +1,1079 @@
+/*
+ * 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/DatePicker.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 { createContextProps, createRenderProps, createSlot, createSlottedContext, dom, removeDataAttributes } from "./utils.js";
+import { LabelContext } from "./label.js";
+import { ButtonContext } from "./button.js";
+import { TextContext } from "./text.js";
+import { CalendarContext, RangeCalendarContext } from "./calendar.js";
+import { FieldErrorContext } from "./field-error.js";
+import { FormContext } from "./form.js";
+import { GroupContext } from "./group.js";
+import { OverlayTriggerStateContext } from "./overlay-contexts.js";
+import { PopoverContext } from "./popover.js";
+import { DialogContext } from "./dialog.js";
+import { HiddenDateInput } from "./hidden-date-input.js";
+import { DateFieldContext } from "./date-field.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createSignal, merge, omit, untrack } from "solid-js";
+import { memo, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { filterDOMProps } from "@solid2-aria/core/utils/filter-dom-props";
+import { createFocusRing } from "@solid2-aria/core/focus/create-focus-ring";
+import { createDatePicker } from "@solid2-aria/core/datepicker/create-date-picker";
+import { createDateRangePicker } from "@solid2-aria/core/datepicker/create-date-range-picker";
+import { createDatePickerState } from "@solid2-aria/stately/datepicker/create-date-picker-state";
+import { createDateRangePickerState } from "@solid2-aria/stately/datepicker/create-date-range-picker-state";
+// src/date-picker.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _m$4 = Symbol();
+var _m$5 = Symbol();
+var _m$6 = Symbol();
+var _m$7 = Symbol();
+var _m$8 = Symbol();
+var _m$9 = Symbol();
+var _m$10 = Symbol();
+var _d$ = {
+	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$2 = {
+	get() {
+		return this[_m$2].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$3 = {
+	get() {
+		return this[_m$3].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$4 = {
+	get() {
+		return this[_m$2].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$].isDisabled === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$6 = {
+	get() {
+		return this[_m$].isReadOnly === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$7 = {
+	get() {
+		return this[_m$].isRequired === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$8 = {
+	get() {
+		return this[_m$3].isOpen || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		return this[_m$4].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3, _p4, _p5) {
+	this[_m$] = _p;
+	this[_m$2] = _p2;
+	this[_m$3] = _p3;
+	this[_m$4] = _p4;
+	this.ref = _p5;
+	Object.defineProperty(this, "slot", _d$);
+	Object.defineProperty(this, "data-focus-within", _d$2);
+	Object.defineProperty(this, "data-invalid", _d$3);
+	Object.defineProperty(this, "data-focus-visible", _d$4);
+	Object.defineProperty(this, "data-disabled", _d$5);
+	Object.defineProperty(this, "data-readonly", _d$6);
+	Object.defineProperty(this, "data-required", _d$7);
+	Object.defineProperty(this, "data-open", _d$8);
+	Object.defineProperty(this, "children", _d$9);
+}
+_P$.prototype = Object.prototype;
+var _d$10 = {
+	get() {
+		return this[_m$].autoComplete;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$11 = {
+	get() {
+		return this[_m$].name;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$12 = {
+	get() {
+		return this[_m$].isDisabled;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p6, _p7) {
+	this[_m$] = _p6;
+	Object.defineProperty(this, "autoComplete", _d$10);
+	Object.defineProperty(this, "name", _d$11);
+	Object.defineProperty(this, "isDisabled", _d$12);
+	this.state = _p7;
+}
+_P$2.prototype = Object.prototype;
+var _d$13 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const focus = this[_m$3];
+		const state = this[_m$4];
+		const setRef = this[_m$5];
+		return [dom.div(mergeProps$1(() => {
+			return mergeProps(omit(filterDOMProps(props, { global: true }), "id"), render, merge(() => focus.focusProps ?? {}));
+		}, new _P$(props, focus, state, render, (element) => {
+			setRef(element);
+		}))), HiddenDateInput(new _P$2(props, state))];
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p8, _p9, _p0, _p1, _p10, _p11) {
+	this[_m$] = _p8;
+	this[_m$2] = _p9;
+	this[_m$3] = _p0;
+	this[_m$4] = _p1;
+	this[_m$5] = _p10;
+	this.value = _p11;
+	Object.defineProperty(this, "children", _d$13);
+}
+_P$3.prototype = Object.prototype;
+var _d$14 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const focus = this[_m$3];
+		const state = this[_m$4];
+		const setRef = this[_m$5];
+		const aria = this[_m$6];
+		return FieldErrorContext(new _P$3(props, render, focus, state, setRef, aria));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p12, _p13, _p14, _p15, _p16, _p17, _p18) {
+	this[_m$] = _p12;
+	this[_m$2] = _p13;
+	this[_m$3] = _p14;
+	this[_m$4] = _p15;
+	this[_m$5] = _p16;
+	this[_m$6] = _p17;
+	this.value = _p18;
+	Object.defineProperty(this, "children", _d$14);
+}
+_P$4.prototype = Object.prototype;
+var _d$15 = {
+	get() {
+		const aria = this[_m$];
+		return merge(() => aria.dialogProps);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$16 = {
+	get() {
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		const aria = this[_m$];
+		return TextContext(new _P$4(props, render, focus, state, setRef, aria, { slots: {
+			get description() {
+				return aria.descriptionProps;
+			},
+			get errorMessage() {
+				return aria.errorMessageProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p19, _p20, _p21, _p22, _p23, _p24) {
+	this[_m$] = _p19;
+	this[_m$2] = _p20;
+	this[_m$3] = _p21;
+	this[_m$4] = _p22;
+	this[_m$5] = _p23;
+	this[_m$6] = _p24;
+	Object.defineProperty(this, "value", _d$15);
+	Object.defineProperty(this, "children", _d$16);
+}
+_P$5.prototype = Object.prototype;
+var _d$17 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		return DialogContext(new _P$5(aria, props, render, focus, state, setRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p25, _p26, _p27, _p28, _p29, _p30, _p31) {
+	this[_m$] = _p25;
+	this[_m$2] = _p26;
+	this[_m$3] = _p27;
+	this[_m$4] = _p28;
+	this[_m$5] = _p29;
+	this[_m$6] = _p30;
+	this.value = _p31;
+	Object.defineProperty(this, "children", _d$17);
+}
+_P$6.prototype = Object.prototype;
+var _d$18 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		const groupRef = this[_m$7];
+		return PopoverContext(new _P$6(aria, props, render, focus, state, setRef, {
+			clearContexts: CLEAR_CONTEXTS,
+			placement: "bottom start",
+			trigger: "DatePicker",
+			triggerRef: groupRef
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p32, _p33, _p34, _p35, _p36, _p37, _p38, _p39) {
+	this[_m$] = _p32;
+	this[_m$2] = _p33;
+	this[_m$3] = _p34;
+	this[_m$4] = _p35;
+	this[_m$5] = _p36;
+	this[_m$6] = _p37;
+	this[_m$7] = _p38;
+	this.value = _p39;
+	Object.defineProperty(this, "children", _d$18);
+}
+_P$7.prototype = Object.prototype;
+var _d$19 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		const groupRef = this[_m$7];
+		return OverlayTriggerStateContext(new _P$7(aria, props, render, focus, state, setRef, groupRef, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$8(_p40, _p41, _p42, _p43, _p44, _p45, _p46, _p47) {
+	this[_m$] = _p40;
+	this[_m$2] = _p41;
+	this[_m$3] = _p42;
+	this[_m$4] = _p43;
+	this[_m$5] = _p44;
+	this[_m$6] = _p45;
+	this[_m$7] = _p46;
+	this.value = _p47;
+	Object.defineProperty(this, "children", _d$19);
+}
+_P$8.prototype = Object.prototype;
+var _d$20 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$2];
+		return mergeProps(merge(() => aria.labelProps), {
+			elementType: "span",
+			registerSlot: registerLabel
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$21 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$3];
+		const render = this[_m$4];
+		const focus = this[_m$5];
+		const state = this[_m$6];
+		const setRef = this[_m$7];
+		const groupRef = this[_m$8];
+		const calendarProps = this[_m$9];
+		return CalendarContext(new _P$8(aria, props, render, focus, state, setRef, groupRef, calendarProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$9(_p48, _p49, _p50, _p51, _p52, _p53, _p54, _p55, _p56) {
+	this[_m$] = _p48;
+	this[_m$2] = _p49;
+	this[_m$3] = _p50;
+	this[_m$4] = _p51;
+	this[_m$5] = _p52;
+	this[_m$6] = _p53;
+	this[_m$7] = _p54;
+	this[_m$8] = _p55;
+	this[_m$9] = _p56;
+	Object.defineProperty(this, "value", _d$20);
+	Object.defineProperty(this, "children", _d$21);
+}
+_P$9.prototype = Object.prototype;
+var _d$22 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		return mergeProps(merge(() => aria.buttonProps), { get isPressed() {
+			return state.isOpen;
+		} });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$23 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$3];
+		const props = this[_m$4];
+		const render = this[_m$5];
+		const focus = this[_m$6];
+		const state = this[_m$2];
+		const setRef = this[_m$7];
+		const groupRef = this[_m$8];
+		const calendarProps = this[_m$9];
+		return LabelContext(new _P$9(aria, registerLabel, props, render, focus, state, setRef, groupRef, calendarProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$10(_p57, _p58, _p59, _p60, _p61, _p62, _p63, _p64, _p65) {
+	this[_m$] = _p57;
+	this[_m$2] = _p58;
+	this[_m$3] = _p59;
+	this[_m$4] = _p60;
+	this[_m$5] = _p61;
+	this[_m$6] = _p62;
+	this[_m$7] = _p63;
+	this[_m$8] = _p64;
+	this[_m$9] = _p65;
+	Object.defineProperty(this, "value", _d$22);
+	Object.defineProperty(this, "children", _d$23);
+}
+_P$10.prototype = Object.prototype;
+var _d$24 = {
+	get() {
+		const aria = this[_m$];
+		return merge(() => aria.fieldProps);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$25 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const registerLabel = this[_m$3];
+		const props = this[_m$4];
+		const render = this[_m$5];
+		const focus = this[_m$6];
+		const setRef = this[_m$7];
+		const groupRef = this[_m$8];
+		const calendarProps = this[_m$9];
+		return ButtonContext(new _P$10(aria, state, registerLabel, props, render, focus, setRef, groupRef, calendarProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$11(_p66, _p67, _p68, _p69, _p70, _p71, _p72, _p73, _p74) {
+	this[_m$] = _p66;
+	this[_m$2] = _p67;
+	this[_m$3] = _p68;
+	this[_m$4] = _p69;
+	this[_m$5] = _p70;
+	this[_m$6] = _p71;
+	this[_m$7] = _p72;
+	this[_m$8] = _p73;
+	this[_m$9] = _p74;
+	Object.defineProperty(this, "value", _d$24);
+	Object.defineProperty(this, "children", _d$25);
+}
+_P$11.prototype = Object.prototype;
+var _d$26 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const setGroupRef = this[_m$3];
+		return mergeProps(merge(() => aria.groupProps), {
+			get isInvalid() {
+				return state.isInvalid;
+			},
+			ref: (element) => {
+				setGroupRef(element);
+			}
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$27 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const registerLabel = this[_m$4];
+		const props = this[_m$5];
+		const render = this[_m$6];
+		const focus = this[_m$7];
+		const setRef = this[_m$8];
+		const groupRef = this[_m$9];
+		const calendarProps = this[_m$10];
+		return DateFieldContext(new _P$11(aria, state, registerLabel, props, render, focus, setRef, groupRef, calendarProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$12(_p75, _p76, _p77, _p78, _p79, _p80, _p81, _p82, _p83, _p84) {
+	this[_m$] = _p75;
+	this[_m$2] = _p76;
+	this[_m$3] = _p77;
+	this[_m$4] = _p78;
+	this[_m$5] = _p79;
+	this[_m$6] = _p80;
+	this[_m$7] = _p81;
+	this[_m$8] = _p82;
+	this[_m$9] = _p83;
+	this[_m$10] = _p84;
+	Object.defineProperty(this, "value", _d$26);
+	Object.defineProperty(this, "children", _d$27);
+}
+_P$12.prototype = Object.prototype;
+var _d$28 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const setGroupRef = this[_m$3];
+		const registerLabel = this[_m$4];
+		const props = this[_m$5];
+		const render = this[_m$6];
+		const focus = this[_m$7];
+		const setRef = this[_m$8];
+		const groupRef = this[_m$9];
+		const calendarProps = this[_m$10];
+		return GroupContext(new _P$12(aria, state, setGroupRef, registerLabel, props, render, focus, setRef, groupRef, calendarProps));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$13(_p85, _p86, _p87, _p88, _p89, _p90, _p91, _p92, _p93, _p94, _p95) {
+	this[_m$] = _p85;
+	this[_m$2] = _p86;
+	this[_m$3] = _p87;
+	this[_m$4] = _p88;
+	this[_m$5] = _p89;
+	this[_m$6] = _p90;
+	this[_m$7] = _p91;
+	this[_m$8] = _p92;
+	this[_m$9] = _p93;
+	this[_m$10] = _p94;
+	this.value = _p95;
+	Object.defineProperty(this, "children", _d$28);
+}
+_P$13.prototype = Object.prototype;
+var _d$29 = {
+	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$30 = {
+	get() {
+		return this[_m$2].isFocused || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$31 = {
+	get() {
+		return this[_m$3].isInvalid || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$32 = {
+	get() {
+		return this[_m$2].isFocusVisible || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$33 = {
+	get() {
+		return this[_m$].isDisabled === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$34 = {
+	get() {
+		return this[_m$].isReadOnly === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$35 = {
+	get() {
+		return this[_m$].isRequired === true ? true : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$36 = {
+	get() {
+		return this[_m$3].isOpen || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$37 = {
+	get() {
+		return this[_m$4].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$14(_p96, _p97, _p98, _p99, _p100) {
+	this[_m$] = _p96;
+	this[_m$2] = _p97;
+	this[_m$3] = _p98;
+	this[_m$4] = _p99;
+	this.ref = _p100;
+	Object.defineProperty(this, "slot", _d$29);
+	Object.defineProperty(this, "data-focus-within", _d$30);
+	Object.defineProperty(this, "data-invalid", _d$31);
+	Object.defineProperty(this, "data-focus-visible", _d$32);
+	Object.defineProperty(this, "data-disabled", _d$33);
+	Object.defineProperty(this, "data-readonly", _d$34);
+	Object.defineProperty(this, "data-required", _d$35);
+	Object.defineProperty(this, "data-open", _d$36);
+	Object.defineProperty(this, "children", _d$37);
+}
+_P$14.prototype = Object.prototype;
+var _d$38 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const focus = this[_m$3];
+		const state = this[_m$4];
+		const setRef = this[_m$5];
+		return dom.div(mergeProps$1(() => {
+			return mergeProps(omit(filterDOMProps(props, { global: true }), "id"), render, merge(() => focus.focusProps ?? {}));
+		}, new _P$14(props, focus, state, render, (element) => {
+			setRef(element);
+		})));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$15(_p101, _p102, _p103, _p104, _p105, _p106) {
+	this[_m$] = _p101;
+	this[_m$2] = _p102;
+	this[_m$3] = _p103;
+	this[_m$4] = _p104;
+	this[_m$5] = _p105;
+	this.value = _p106;
+	Object.defineProperty(this, "children", _d$38);
+}
+_P$15.prototype = Object.prototype;
+var _d$39 = {
+	get() {
+		const props = this[_m$];
+		const render = this[_m$2];
+		const focus = this[_m$3];
+		const state = this[_m$4];
+		const setRef = this[_m$5];
+		const aria = this[_m$6];
+		return FieldErrorContext(new _P$15(props, render, focus, state, setRef, aria));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$16(_p107, _p108, _p109, _p110, _p111, _p112, _p113) {
+	this[_m$] = _p107;
+	this[_m$2] = _p108;
+	this[_m$3] = _p109;
+	this[_m$4] = _p110;
+	this[_m$5] = _p111;
+	this[_m$6] = _p112;
+	this.value = _p113;
+	Object.defineProperty(this, "children", _d$39);
+}
+_P$16.prototype = Object.prototype;
+var _d$40 = {
+	get() {
+		const aria = this[_m$];
+		return merge(() => aria.dialogProps);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$41 = {
+	get() {
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		const aria = this[_m$];
+		return TextContext(new _P$16(props, render, focus, state, setRef, aria, { slots: {
+			get description() {
+				return aria.descriptionProps;
+			},
+			get errorMessage() {
+				return aria.errorMessageProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$17(_p114, _p115, _p116, _p117, _p118, _p119) {
+	this[_m$] = _p114;
+	this[_m$2] = _p115;
+	this[_m$3] = _p116;
+	this[_m$4] = _p117;
+	this[_m$5] = _p118;
+	this[_m$6] = _p119;
+	Object.defineProperty(this, "value", _d$40);
+	Object.defineProperty(this, "children", _d$41);
+}
+_P$17.prototype = Object.prototype;
+var _d$42 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		return DialogContext(new _P$17(aria, props, render, focus, state, setRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$18(_p120, _p121, _p122, _p123, _p124, _p125, _p126) {
+	this[_m$] = _p120;
+	this[_m$2] = _p121;
+	this[_m$3] = _p122;
+	this[_m$4] = _p123;
+	this[_m$5] = _p124;
+	this[_m$6] = _p125;
+	this.value = _p126;
+	Object.defineProperty(this, "children", _d$42);
+}
+_P$18.prototype = Object.prototype;
+var _d$43 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		const groupRef = this[_m$7];
+		return PopoverContext(new _P$18(aria, props, render, focus, state, setRef, {
+			clearContexts: CLEAR_CONTEXTS,
+			placement: "bottom start",
+			trigger: "DateRangePicker",
+			triggerRef: groupRef
+		}));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$19(_p127, _p128, _p129, _p130, _p131, _p132, _p133, _p134) {
+	this[_m$] = _p127;
+	this[_m$2] = _p128;
+	this[_m$3] = _p129;
+	this[_m$4] = _p130;
+	this[_m$5] = _p131;
+	this[_m$6] = _p132;
+	this[_m$7] = _p133;
+	this.value = _p134;
+	Object.defineProperty(this, "children", _d$43);
+}
+_P$19.prototype = Object.prototype;
+var _d$44 = {
+	get() {
+		const aria = this[_m$];
+		return merge(() => aria.calendarProps);
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$45 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$2];
+		const render = this[_m$3];
+		const focus = this[_m$4];
+		const state = this[_m$5];
+		const setRef = this[_m$6];
+		const groupRef = this[_m$7];
+		return OverlayTriggerStateContext(new _P$19(aria, props, render, focus, state, setRef, groupRef, state));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$20(_p135, _p136, _p137, _p138, _p139, _p140, _p141) {
+	this[_m$] = _p135;
+	this[_m$2] = _p136;
+	this[_m$3] = _p137;
+	this[_m$4] = _p138;
+	this[_m$5] = _p139;
+	this[_m$6] = _p140;
+	this[_m$7] = _p141;
+	Object.defineProperty(this, "value", _d$44);
+	Object.defineProperty(this, "children", _d$45);
+}
+_P$20.prototype = Object.prototype;
+var _d$46 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$2];
+		return mergeProps(merge(() => aria.labelProps), {
+			elementType: "span",
+			registerSlot: registerLabel
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$47 = {
+	get() {
+		const aria = this[_m$];
+		const props = this[_m$3];
+		const render = this[_m$4];
+		const focus = this[_m$5];
+		const state = this[_m$6];
+		const setRef = this[_m$7];
+		const groupRef = this[_m$8];
+		return RangeCalendarContext(new _P$20(aria, props, render, focus, state, setRef, groupRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$21(_p142, _p143, _p144, _p145, _p146, _p147, _p148, _p149) {
+	this[_m$] = _p142;
+	this[_m$2] = _p143;
+	this[_m$3] = _p144;
+	this[_m$4] = _p145;
+	this[_m$5] = _p146;
+	this[_m$6] = _p147;
+	this[_m$7] = _p148;
+	this[_m$8] = _p149;
+	Object.defineProperty(this, "value", _d$46);
+	Object.defineProperty(this, "children", _d$47);
+}
+_P$21.prototype = Object.prototype;
+var _d$48 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		return mergeProps(merge(() => aria.buttonProps), { get isPressed() {
+			return state.isOpen;
+		} });
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$49 = {
+	get() {
+		const aria = this[_m$];
+		const registerLabel = this[_m$3];
+		const props = this[_m$4];
+		const render = this[_m$5];
+		const focus = this[_m$6];
+		const state = this[_m$2];
+		const setRef = this[_m$7];
+		const groupRef = this[_m$8];
+		return LabelContext(new _P$21(aria, registerLabel, props, render, focus, state, setRef, groupRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$22(_p150, _p151, _p152, _p153, _p154, _p155, _p156, _p157) {
+	this[_m$] = _p150;
+	this[_m$2] = _p151;
+	this[_m$3] = _p152;
+	this[_m$4] = _p153;
+	this[_m$5] = _p154;
+	this[_m$6] = _p155;
+	this[_m$7] = _p156;
+	this[_m$8] = _p157;
+	Object.defineProperty(this, "value", _d$48);
+	Object.defineProperty(this, "children", _d$49);
+}
+_P$22.prototype = Object.prototype;
+var _d$50 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const registerLabel = this[_m$3];
+		const props = this[_m$4];
+		const render = this[_m$5];
+		const focus = this[_m$6];
+		const setRef = this[_m$7];
+		const groupRef = this[_m$8];
+		return ButtonContext(new _P$22(aria, state, registerLabel, props, render, focus, setRef, groupRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$23(_p158, _p159, _p160, _p161, _p162, _p163, _p164, _p165, _p166) {
+	this[_m$] = _p158;
+	this[_m$2] = _p159;
+	this[_m$3] = _p160;
+	this[_m$4] = _p161;
+	this[_m$5] = _p162;
+	this[_m$6] = _p163;
+	this[_m$7] = _p164;
+	this[_m$8] = _p165;
+	this.value = _p166;
+	Object.defineProperty(this, "children", _d$50);
+}
+_P$23.prototype = Object.prototype;
+var _d$51 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const setGroupRef = this[_m$3];
+		return mergeProps(merge(() => aria.groupProps), {
+			get isInvalid() {
+				return state.isInvalid;
+			},
+			ref: (element) => {
+				setGroupRef(element);
+			}
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$52 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const registerLabel = this[_m$4];
+		const props = this[_m$5];
+		const render = this[_m$6];
+		const focus = this[_m$7];
+		const setRef = this[_m$8];
+		const groupRef = this[_m$9];
+		return DateFieldContext(new _P$23(aria, state, registerLabel, props, render, focus, setRef, groupRef, { slots: {
+			get end() {
+				return aria.endFieldProps;
+			},
+			get start() {
+				return aria.startFieldProps;
+			}
+		} }));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$24(_p167, _p168, _p169, _p170, _p171, _p172, _p173, _p174, _p175) {
+	this[_m$] = _p167;
+	this[_m$2] = _p168;
+	this[_m$3] = _p169;
+	this[_m$4] = _p170;
+	this[_m$5] = _p171;
+	this[_m$6] = _p172;
+	this[_m$7] = _p173;
+	this[_m$8] = _p174;
+	this[_m$9] = _p175;
+	Object.defineProperty(this, "value", _d$51);
+	Object.defineProperty(this, "children", _d$52);
+}
+_P$24.prototype = Object.prototype;
+var _d$53 = {
+	get() {
+		const aria = this[_m$];
+		const state = this[_m$2];
+		const setGroupRef = this[_m$3];
+		const registerLabel = this[_m$4];
+		const props = this[_m$5];
+		const render = this[_m$6];
+		const focus = this[_m$7];
+		const setRef = this[_m$8];
+		const groupRef = this[_m$9];
+		return GroupContext(new _P$24(aria, state, setGroupRef, registerLabel, props, render, focus, setRef, groupRef));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$25(_p176, _p177, _p178, _p179, _p180, _p181, _p182, _p183, _p184, _p185) {
+	this[_m$] = _p176;
+	this[_m$2] = _p177;
+	this[_m$3] = _p178;
+	this[_m$4] = _p179;
+	this[_m$5] = _p180;
+	this[_m$6] = _p181;
+	this[_m$7] = _p182;
+	this[_m$8] = _p183;
+	this[_m$9] = _p184;
+	this.value = _p185;
+	Object.defineProperty(this, "children", _d$53);
+}
+_P$25.prototype = Object.prototype;
+const DatePickerContext = createContext(null);
+const DateRangePickerContext = createContext(null);
+const DatePickerStateContext = createContext(null);
+const DateRangePickerStateContext = createContext(null);
+const CLEAR_CONTEXTS = [
+	GroupContext,
+	ButtonContext,
+	LabelContext,
+	TextContext
+];
+function DatePicker(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), DatePickerContext);
+	const form = createSlottedContext(FormContext);
+	const options = mergeProps(props, { get validationBehavior() {
+		return props.validationBehavior ?? form?.validationBehavior ?? "native";
+	} });
+	const state = createDatePickerState(options);
+	const [groupRef, setGroupRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => (props["aria-label"]?.length ?? 0) === 0 && (props["aria-labelledby"]?.length ?? 0) === 0);
+	const aria = createDatePicker(mergeProps(removeDataAttributes(options), { get label() {
+		return label();
+	} }), state, groupRef);
+	const calendarProps = merge(() => aria.calendarProps);
+	const focus = createFocusRing({ within: true });
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-DatePicker",
+		values: {
+			get isDisabled() {
+				return props.isDisabled ?? false;
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocusWithin() {
+				return focus.isFocused;
+			},
+			get isInvalid() {
+				return state.isInvalid;
+			},
+			get isOpen() {
+				return state.isOpen;
+			},
+			get isReadOnly() {
+				return props.isReadOnly ?? false;
+			},
+			get isRequired() {
+				return props.isRequired ?? false;
+			},
+			state
+		}
+	}));
+	return DatePickerStateContext(new _P$13(aria, state, setGroupRef, registerLabel, props, render, focus, setRef, groupRef, calendarProps, state));
+}
+function DateRangePicker(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), DateRangePickerContext);
+	const form = createSlottedContext(FormContext);
+	const options = mergeProps(props, { get validationBehavior() {
+		return props.validationBehavior ?? form?.validationBehavior ?? "native";
+	} });
+	const state = createDateRangePickerState(options);
+	const [groupRef, setGroupRef] = createSignal(null, { ownedWrite: true });
+	const [registerLabel, label] = createSlot(() => (props["aria-label"]?.length ?? 0) === 0 && (props["aria-labelledby"]?.length ?? 0) === 0);
+	const aria = createDateRangePicker(mergeProps(removeDataAttributes(options), { get label() {
+		return label();
+	} }), state, groupRef);
+	const focus = createFocusRing({ within: true });
+	const render = createRenderProps(mergeProps(props, {
+		defaultClass: "solid2-aria-DateRangePicker",
+		values: {
+			get isDisabled() {
+				return props.isDisabled ?? false;
+			},
+			get isFocusVisible() {
+				return focus.isFocusVisible;
+			},
+			get isFocusWithin() {
+				return focus.isFocused;
+			},
+			get isInvalid() {
+				return state.isInvalid;
+			},
+			get isOpen() {
+				return state.isOpen;
+			},
+			get isReadOnly() {
+				return props.isReadOnly ?? false;
+			},
+			get isRequired() {
+				return props.isRequired ?? false;
+			},
+			state
+		}
+	}));
+	return DateRangePickerStateContext(new _P$25(aria, state, setGroupRef, registerLabel, props, render, focus, setRef, groupRef, state));
+}
+export { DatePicker, DatePickerContext, DatePickerStateContext, DateRangePicker, DateRangePickerContext, DateRangePickerStateContext };
+
+//# sourceMappingURL=date-picker.js.map