@commercetools/nimbus 3.0.0 → 3.2.0

package/dist/chunks/DatePicker-BKVEEwtB.esm.js

@@ -0,0 +1,626 @@
+import { c as e } from "./utils-x6XjD0Nv.esm.js";
+import { i as t, t as n } from "./mergeProps-CGu7R6EG.esm.js";
+import { t as r } from "./I18nProvider-BwhNFoRj.esm.js";
+import { n as i } from "./useLocalizedStringFormatter-CxsqGu8w.esm.js";
+import { t as a } from "./filterDOMProps-CIO9R_wo.esm.js";
+import { i as o } from "./FocusScope-B-MNRaDi.esm.js";
+import { n as s, r as c } from "./Calendar-rp_CLsUN.esm.js";
+import { l, n as u, u as d } from "./useDateFormatter-BZAoSJEK.esm.js";
+import { t as f } from "./useDescription-DtTUgX2f.esm.js";
+import { a as p, i as m, n as h, t as g } from "./useFormValidationState-BCssrskM.esm.js";
+import { t as _ } from "./useField-BQAwZwby.esm.js";
+import { t as v } from "./useFocusWithin-D-_t0s2q.esm.js";
+import { t as y } from "./useControlledState-C0Hu0UZe.esm.js";
+import { d as b, i as x, r as S } from "./Dialog-Bz1VofkM.esm.js";
+import { t as C } from "./useOverlayTriggerState-DMSFiNAW.esm.js";
+import { c as w, d as T, f as E, g as D, h as O, l as k, m as A, p as j, r as M, s as N, u as P } from "./DateField-DnencyBr.esm.js";
+import { t as F } from "./useFocusRing-CYpmjNkh.esm.js";
+import { c as I, i as L, n as R, o as z, r as B, s as V, t as H } from "./utils-41EYzidf.esm.js";
+import { t as U } from "./Label-Xh7702HT.esm.js";
+import { t as W } from "./Button-BS6XRDWw.esm.js";
+import { t as G } from "./Text-BFxO9Dri.esm.js";
+import { n as ee, t as te } from "./Form-BqCVTKex.esm.js";
+import { n as K } from "./Group-sJdOMsgH.esm.js";
+import q, { createContext as J, forwardRef as Y, useMemo as X, useRef as Z, useState as Q } from "react";
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/datepicker/useDatePicker.mjs
+function ne(e) {
+	return e && e.__esModule ? e.default : e;
+}
+function re(s, c, l) {
+	let u = t(), d = t(), p = t(), m = i(ne(D), "@react-aria/datepicker"), { isInvalid: g, validationErrors: y, validationDetails: b } = c.displayValidation, { labelProps: x, fieldProps: S, descriptionProps: C, errorMessageProps: w } = _({
+		...s,
+		labelElementType: "span",
+		isInvalid: g,
+		errorMessage: s.errorMessage || y
+	}), T = O(c, l), E = S["aria-labelledby"] || S.id, { locale: k } = r(), A = c.formatValue(k, { month: "long" }), M = f(A ? m.format("selectedDateDescription", { date: A }) : ""), N = [M["aria-describedby"], S["aria-describedby"]].filter(Boolean).join(" ") || void 0, P = a(s), F = X(() => o(l), [l]), I = Z(!1), { focusWithinProps: L } = v({
+		...s,
+		isDisabled: c.isOpen,
+		onBlurWithin: (t) => {
+			e(document.getElementById(d), t.relatedTarget) || (I.current = !1, s.onBlur?.(t), s.onFocusChange?.(!1));
+		},
+		onFocusWithin: (e) => {
+			I.current || (I.current = !0, s.onFocus?.(e), s.onFocusChange?.(!0));
+		}
+	});
+	return {
+		groupProps: n(P, T, S, M, L, {
+			role: "group",
+			"aria-disabled": s.isDisabled || null,
+			"aria-labelledby": E,
+			"aria-describedby": N,
+			onKeyDown(e) {
+				c.isOpen || s.onKeyDown && s.onKeyDown(e);
+			},
+			onKeyUp(e) {
+				c.isOpen || s.onKeyUp && s.onKeyUp(e);
+			}
+		}),
+		labelProps: {
+			...x,
+			onClick: () => {
+				F.focusFirst();
+			}
+		},
+		fieldProps: {
+			...S,
+			id: p,
+			[j]: "presentation",
+			"aria-describedby": N,
+			value: c.value,
+			defaultValue: c.defaultValue,
+			onChange: c.setValue,
+			placeholderValue: s.placeholderValue,
+			hideTimeZone: s.hideTimeZone,
+			hourCycle: s.hourCycle,
+			shouldForceLeadingZeros: s.shouldForceLeadingZeros,
+			granularity: s.granularity,
+			isDisabled: s.isDisabled,
+			isReadOnly: s.isReadOnly,
+			isRequired: s.isRequired,
+			validationBehavior: s.validationBehavior,
+			[h]: c,
+			autoFocus: s.autoFocus,
+			name: s.name,
+			form: s.form
+		},
+		descriptionProps: C,
+		errorMessageProps: w,
+		buttonProps: {
+			...M,
+			id: u,
+			"aria-haspopup": "dialog",
+			"aria-label": m.format("calendar"),
+			"aria-labelledby": `${u} ${E}`,
+			"aria-describedby": N,
+			"aria-expanded": c.isOpen,
+			isDisabled: s.isDisabled || s.isReadOnly,
+			onPress: () => c.setOpen(!0)
+		},
+		dialogProps: {
+			id: d,
+			"aria-labelledby": `${u} ${E}`
+		},
+		calendarProps: {
+			autoFocus: !0,
+			value: c.dateValue,
+			onChange: c.setDateValue,
+			minValue: s.minValue,
+			maxValue: s.maxValue,
+			isDisabled: s.isDisabled,
+			isReadOnly: s.isReadOnly,
+			isDateUnavailable: s.isDateUnavailable,
+			defaultFocusedValue: c.dateValue ? void 0 : s.placeholderValue,
+			isInvalid: c.isInvalid,
+			errorMessage: typeof s.errorMessage == "function" ? s.errorMessage(c.displayValidation) : s.errorMessage || c.displayValidation.validationErrors.join(" "),
+			firstDayOfWeek: s.firstDayOfWeek,
+			pageBehavior: s.pageBehavior
+		},
+		isInvalid: g,
+		validationErrors: y,
+		validationDetails: b
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria@3.49.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/datepicker/useDateRangePicker.mjs
+function ie(e) {
+	return e && e.__esModule ? e.default : e;
+}
+function ae(s, c, l) {
+	let u = i(ie(D), "@react-aria/datepicker"), { isInvalid: d, validationErrors: p, validationDetails: y } = c.displayValidation, { labelProps: b, fieldProps: x, descriptionProps: S, errorMessageProps: C } = _({
+		...s,
+		labelElementType: "span",
+		isInvalid: d,
+		errorMessage: s.errorMessage || p
+	}), w = x["aria-labelledby"] || x.id, { locale: T } = r(), E = c.formatValue(T, { month: "long" }), k = f(E ? u.format("selectedRangeDescription", {
+		startDate: E.start,
+		endDate: E.end
+	}) : ""), M = {
+		"aria-label": u.format("startDate"),
+		"aria-labelledby": w
+	}, N = {
+		"aria-label": u.format("endDate"),
+		"aria-labelledby": w
+	}, P = t(), F = t(), I = O(c, l), L = [k["aria-describedby"], x["aria-describedby"]].filter(Boolean).join(" ") || void 0, R = X(() => o(l, { accept: (e) => e.id !== P }), [l, P]), z = {
+		[A]: R,
+		[j]: "presentation",
+		"aria-describedby": L,
+		placeholderValue: s.placeholderValue,
+		hideTimeZone: s.hideTimeZone,
+		hourCycle: s.hourCycle,
+		granularity: s.granularity,
+		shouldForceLeadingZeros: s.shouldForceLeadingZeros,
+		isDisabled: s.isDisabled,
+		isReadOnly: s.isReadOnly,
+		isRequired: s.isRequired,
+		validationBehavior: s.validationBehavior
+	}, B = a(s), V = Z(!1), { focusWithinProps: H } = v({
+		...s,
+		isDisabled: c.isOpen,
+		onBlurWithin: (t) => {
+			e(document.getElementById(F), t.relatedTarget) || (V.current = !1, s.onBlur?.(t), s.onFocusChange?.(!1));
+		},
+		onFocusWithin: (e) => {
+			V.current || (V.current = !0, s.onFocus?.(e), s.onFocusChange?.(!0));
+		}
+	}), U = Z(m), W = Z(m);
+	return {
+		groupProps: n(B, I, x, k, H, {
+			role: "group",
+			"aria-disabled": s.isDisabled || null,
+			"aria-describedby": L,
+			onKeyDown(e) {
+				c.isOpen || s.onKeyDown && s.onKeyDown(e);
+			},
+			onKeyUp(e) {
+				c.isOpen || s.onKeyUp && s.onKeyUp(e);
+			}
+		}),
+		labelProps: {
+			...b,
+			onClick: () => {
+				R.focusFirst();
+			}
+		},
+		buttonProps: {
+			...k,
+			id: P,
+			"aria-haspopup": "dialog",
+			"aria-label": u.format("calendar"),
+			"aria-labelledby": `${P} ${w}`,
+			"aria-describedby": L,
+			"aria-expanded": c.isOpen,
+			isDisabled: s.isDisabled || s.isReadOnly,
+			onPress: () => c.setOpen(!0)
+		},
+		dialogProps: {
+			id: F,
+			"aria-labelledby": `${P} ${w}`
+		},
+		startFieldProps: {
+			...M,
+			...z,
+			value: c.value?.start ?? null,
+			defaultValue: c.defaultValue?.start,
+			onChange: (e) => c.setDateTime("start", e),
+			autoFocus: s.autoFocus,
+			name: s.startName,
+			form: s.form,
+			[h]: {
+				realtimeValidation: c.realtimeValidation,
+				displayValidation: c.displayValidation,
+				updateValidation(e) {
+					U.current = e, c.updateValidation(g(e, W.current));
+				},
+				resetValidation: c.resetValidation,
+				commitValidation: c.commitValidation
+			}
+		},
+		endFieldProps: {
+			...N,
+			...z,
+			value: c.value?.end ?? null,
+			defaultValue: c.defaultValue?.end,
+			onChange: (e) => c.setDateTime("end", e),
+			name: s.endName,
+			form: s.form,
+			[h]: {
+				realtimeValidation: c.realtimeValidation,
+				displayValidation: c.displayValidation,
+				updateValidation(e) {
+					W.current = e, c.updateValidation(g(U.current, e));
+				},
+				resetValidation: c.resetValidation,
+				commitValidation: c.commitValidation
+			}
+		},
+		descriptionProps: S,
+		errorMessageProps: C,
+		calendarProps: {
+			autoFocus: !0,
+			value: c.dateRange?.start && c.dateRange.end ? c.dateRange : null,
+			onChange: c.setDateRange,
+			minValue: s.minValue,
+			maxValue: s.maxValue,
+			isDisabled: s.isDisabled,
+			isReadOnly: s.isReadOnly,
+			isDateUnavailable: s.isDateUnavailable,
+			allowsNonContiguousRanges: s.allowsNonContiguousRanges,
+			defaultFocusedValue: c.dateRange ? void 0 : s.placeholderValue,
+			isInvalid: c.isInvalid,
+			errorMessage: typeof s.errorMessage == "function" ? s.errorMessage(c.displayValidation) : s.errorMessage || c.displayValidation.validationErrors.join(" "),
+			firstDayOfWeek: s.firstDayOfWeek,
+			pageBehavior: s.pageBehavior
+		},
+		isInvalid: d,
+		validationErrors: p,
+		validationDetails: y
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.47.0_react@19.2.0/node_modules/react-stately/dist/private/datepicker/useDatePickerState.mjs
+function oe(e) {
+	let t = C(e), [n, r] = y(e.value, e.defaultValue || null, e.onChange), [i] = Q(n), a = n || e.placeholderValue || null, [o, s] = N(a, e.granularity), c = n == null ? null : n.toDate(s ?? "UTC"), f = o === "hour" || o === "minute" || o === "second", m = e.shouldCloseOnSelect ?? !0, [h, g] = Q(null), [_, v] = Q(null);
+	if (n && (h = n, "hour" in n && (_ = n)), a && !(o in a)) throw Error("Invalid granularity " + o + " for value " + a.toString());
+	let b = n?.calendar.identifier === "gregory" && n.era === "BC", x = X(() => ({
+		granularity: o,
+		timeZone: s,
+		hideTimeZone: e.hideTimeZone,
+		hourCycle: e.hourCycle,
+		shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+		showEra: b
+	}), [
+		o,
+		e.hourCycle,
+		e.shouldForceLeadingZeros,
+		s,
+		e.hideTimeZone,
+		b
+	]), { minValue: S, maxValue: E, isDateUnavailable: D } = e, O = X(() => T(n, S, E, D, x), [
+		n,
+		S,
+		E,
+		D,
+		x
+	]), k = p({
+		...e,
+		value: n,
+		builtinValidation: O
+	}), A = k.displayValidation.isInvalid, j = e.validationState || (A ? "invalid" : null), M = (e, t) => {
+		r("timeZone" in t ? t.set(l(e)) : d(e, t)), g(null), v(null), k.commitValidation();
+	}, F = (n) => {
+		let i = typeof m == "function" ? m() : m;
+		f ? _ || i ? M(n, _ || P(e.defaultValue || e.placeholderValue)) : g(n) : (r(n), k.commitValidation()), i && t.setOpen(!1);
+	}, I = (e) => {
+		h && e ? M(h, e) : v(e);
+	};
+	return {
+		...k,
+		value: n,
+		defaultValue: e.defaultValue ?? i,
+		setValue: r,
+		dateValue: h,
+		timeValue: _,
+		setDateValue: F,
+		setTimeValue: I,
+		granularity: o,
+		hasTime: f,
+		...t,
+		setOpen(r) {
+			!r && !n && h && f && M(h, _ || P(e.defaultValue || e.placeholderValue)), t.setOpen(r);
+		},
+		validationState: j,
+		isInvalid: A,
+		formatValue(e, t) {
+			return c ? new u(e, w(t, x)).format(c) : "";
+		},
+		getDateFormatter(e, t) {
+			return new u(e, w({}, {
+				...x,
+				...t
+			}));
+		}
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-stately@3.47.0_react@19.2.0/node_modules/react-stately/dist/private/datepicker/useDateRangePickerState.mjs
+function se(e) {
+	let t = C(e), [n, r] = y(e.value, e.defaultValue || null, e.onChange), [i] = Q(n), [a, o] = Q(() => n || {
+		start: null,
+		end: null
+	});
+	n == null && a.start && a.end && (a = {
+		start: null,
+		end: null
+	}, o(a));
+	let s = n || a, c = (e) => {
+		s = e || {
+			start: null,
+			end: null
+		}, o(s), $(s) ? r(s) : r(null);
+	}, [f, m] = N(s?.start || s?.end || e.placeholderValue || null, e.granularity), h = f === "hour" || f === "minute" || f === "second", g = e.shouldCloseOnSelect ?? !0, [_, v] = Q(null), [b, x] = Q(null);
+	s && $(s) && (_ = s, "hour" in s.start && (b = s));
+	let S = (e, t) => {
+		c({
+			start: "timeZone" in t.start ? t.start.set(l(e.start)) : d(e.start, t.start),
+			end: "timeZone" in t.end ? t.end.set(l(e.end)) : d(e.end, t.end)
+		}), v(null), x(null), I.commitValidation();
+	}, T = (n) => {
+		let r = typeof g == "function" ? g() : g;
+		h ? $(n) && (r || b?.start && b?.end) ? S(n, {
+			start: b?.start || P(e.placeholderValue),
+			end: b?.end || P(e.placeholderValue)
+		}) : v(n) : $(n) ? (c(n), I.commitValidation()) : v(n), r && t.setOpen(!1);
+	}, E = (e) => {
+		$(_) && $(e) ? S(_, e) : x(e);
+	}, D = s?.start?.calendar.identifier === "gregory" && s.start.era === "BC" || s?.end?.calendar.identifier === "gregory" && s.end.era === "BC", O = X(() => ({
+		granularity: f,
+		timeZone: m,
+		hideTimeZone: e.hideTimeZone,
+		hourCycle: e.hourCycle,
+		shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+		showEra: D
+	}), [
+		f,
+		e.hourCycle,
+		e.shouldForceLeadingZeros,
+		m,
+		e.hideTimeZone,
+		D
+	]), { minValue: A, maxValue: j, isDateUnavailable: M } = e, F = X(() => k(s, A, j, M ? (e) => M(e, null) : void 0, O), [
+		s,
+		A,
+		j,
+		M,
+		O
+	]), I = p({
+		...e,
+		value: n,
+		name: X(() => [e.startName, e.endName].filter((e) => e != null), [e.startName, e.endName]),
+		builtinValidation: F
+	}), L = I.displayValidation.isInvalid, R = e.validationState || (L ? "invalid" : null);
+	return {
+		...I,
+		value: s,
+		defaultValue: e.defaultValue ?? i,
+		setValue: c,
+		dateRange: _,
+		timeRange: b,
+		granularity: f,
+		hasTime: h,
+		setDate(e, t) {
+			T(e === "start" ? {
+				start: t,
+				end: _?.end ?? null
+			} : {
+				start: _?.start ?? null,
+				end: t
+			});
+		},
+		setTime(e, t) {
+			E(e === "start" ? {
+				start: t,
+				end: b?.end ?? null
+			} : {
+				start: b?.start ?? null,
+				end: t
+			});
+		},
+		setDateTime(e, t) {
+			c(e === "start" ? {
+				start: t,
+				end: s?.end ?? null
+			} : {
+				start: s?.start ?? null,
+				end: t
+			});
+		},
+		setDateRange: T,
+		setTimeRange: E,
+		...t,
+		setOpen(n) {
+			!n && !(s?.start && s?.end) && $(_) && h && S(_, {
+				start: b?.start || P(e.placeholderValue),
+				end: b?.end || P(e.placeholderValue)
+			}), t.setOpen(n);
+		},
+		validationState: R,
+		isInvalid: L,
+		formatValue(t, n) {
+			if (!s || !s.start || !s.end) return null;
+			let r = "timeZone" in s.start ? s.start.timeZone : void 0, i = e.granularity || (s.start && "minute" in s.start ? "minute" : "day"), a = "timeZone" in s.end ? s.end.timeZone : void 0, o = e.granularity || (s.end && "minute" in s.end ? "minute" : "day"), c = w(n, {
+				granularity: i,
+				timeZone: r,
+				hideTimeZone: e.hideTimeZone,
+				hourCycle: e.hourCycle,
+				showEra: s.start.calendar.identifier === "gregory" && s.start.era === "BC" || s.end.calendar.identifier === "gregory" && s.end.era === "BC"
+			}), l = s.start.toDate(r || "UTC"), d = s.end.toDate(a || "UTC"), f = new u(t, c), p;
+			if (r === a && i === o && s.start.compare(s.end) !== 0) {
+				try {
+					let e = f.formatRangeToParts(l, d), t = -1;
+					for (let n = 0; n < e.length; n++) {
+						let r = e[n];
+						if (r.source === "shared" && r.type === "literal") t = n;
+						else if (r.source === "endRange") break;
+					}
+					let n = "", r = "";
+					for (let i = 0; i < e.length; i++) i < t ? n += e[i].value : i > t && (r += e[i].value);
+					return {
+						start: n,
+						end: r
+					};
+				} catch {}
+				p = f;
+			} else p = new u(t, w(n, {
+				granularity: o,
+				timeZone: a,
+				hideTimeZone: e.hideTimeZone,
+				hourCycle: e.hourCycle
+			}));
+			return {
+				start: f.format(l),
+				end: p.format(d)
+			};
+		},
+		getDateFormatter(e, t) {
+			return new u(e, w({}, {
+				...O,
+				...t
+			}));
+		}
+	};
+}
+function $(e) {
+	return e?.start != null && e.end != null;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/react-aria-components@1.18.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/DatePicker.mjs
+var ce = /*#__PURE__*/ J(null), le = /*#__PURE__*/ J(null), ue = /*#__PURE__*/ J(null), de = /*#__PURE__*/ J(null), fe = [
+	K,
+	W,
+	U,
+	G
+], pe = /*#__PURE__*/ Y(function(e, t) {
+	[e, t] = R(e, t, ce);
+	let { validationBehavior: r } = I(te) || {}, i = e.validationBehavior ?? r ?? "native", o = oe({
+		...e,
+		validationBehavior: i
+	}), s = Z(null), [l, u] = L(!e["aria-label"] && !e["aria-labelledby"]), { groupProps: d, labelProps: f, fieldProps: p, buttonProps: m, dialogProps: h, calendarProps: g, descriptionProps: _, errorMessageProps: v, ...y } = re({
+		...V(e),
+		label: u,
+		validationBehavior: i
+	}, o, s), { focusProps: C, isFocused: w, isFocusVisible: T } = F({ within: !0 }), D = B({
+		...e,
+		values: {
+			state: o,
+			isFocusWithin: w,
+			isFocusVisible: T,
+			isDisabled: e.isDisabled || !1,
+			isInvalid: o.isInvalid,
+			isOpen: o.isOpen,
+			isReadOnly: e.isReadOnly || !1,
+			isRequired: e.isRequired || !1
+		},
+		defaultClassName: "react-aria-DatePicker"
+	}), O = a(e, { global: !0 });
+	return delete O.id, /*#__PURE__*/ q.createElement(H, { values: [
+		[ue, o],
+		[K, {
+			...d,
+			ref: s,
+			isInvalid: o.isInvalid
+		}],
+		[M, p],
+		[W, {
+			...m,
+			isPressed: o.isOpen
+		}],
+		[U, {
+			...f,
+			ref: l,
+			elementType: "span"
+		}],
+		[c, g],
+		[x, o],
+		[b, {
+			trigger: "DatePicker",
+			triggerRef: s,
+			placement: "bottom start",
+			clearContexts: fe
+		}],
+		[S, h],
+		[G, { slots: {
+			description: _,
+			errorMessage: v
+		} }],
+		[ee, y]
+	] }, /*#__PURE__*/ q.createElement(z.div, {
+		...n(O, D, C),
+		ref: t,
+		slot: e.slot || void 0,
+		"data-focus-within": w || void 0,
+		"data-invalid": o.isInvalid || void 0,
+		"data-focus-visible": T || void 0,
+		"data-disabled": e.isDisabled || void 0,
+		"data-readonly": e.isReadOnly || void 0,
+		"data-required": e.isRequired || void 0,
+		"data-open": o.isOpen || void 0
+	}), /*#__PURE__*/ q.createElement(E, {
+		autoComplete: e.autoComplete,
+		name: e.name,
+		isDisabled: e.isDisabled,
+		state: o
+	}));
+}), me = /*#__PURE__*/ Y(function(e, t) {
+	[e, t] = R(e, t, le);
+	let { validationBehavior: r } = I(te) || {}, i = e.validationBehavior ?? r ?? "native", o = se({
+		...e,
+		validationBehavior: i
+	}), c = Z(null), [l, u] = L(!e["aria-label"] && !e["aria-labelledby"]), { groupProps: d, labelProps: f, startFieldProps: p, endFieldProps: m, buttonProps: h, dialogProps: g, calendarProps: _, descriptionProps: v, errorMessageProps: y, ...C } = ae({
+		...V(e),
+		label: u,
+		validationBehavior: i
+	}, o, c), { focusProps: w, isFocused: T, isFocusVisible: E } = F({ within: !0 }), D = B({
+		...e,
+		values: {
+			state: o,
+			isFocusWithin: T,
+			isFocusVisible: E,
+			isDisabled: e.isDisabled || !1,
+			isInvalid: o.isInvalid,
+			isOpen: o.isOpen,
+			isReadOnly: e.isReadOnly || !1,
+			isRequired: e.isRequired || !1
+		},
+		defaultClassName: "react-aria-DateRangePicker"
+	}), O = a(e, { global: !0 });
+	return delete O.id, /*#__PURE__*/ q.createElement(H, { values: [
+		[de, o],
+		[K, {
+			...d,
+			ref: c,
+			isInvalid: o.isInvalid
+		}],
+		[W, {
+			...h,
+			isPressed: o.isOpen
+		}],
+		[U, {
+			...f,
+			ref: l,
+			elementType: "span"
+		}],
+		[s, _],
+		[x, o],
+		[b, {
+			trigger: "DateRangePicker",
+			triggerRef: c,
+			placement: "bottom start",
+			clearContexts: fe
+		}],
+		[S, g],
+		[M, { slots: {
+			start: p,
+			end: m
+		} }],
+		[G, { slots: {
+			description: v,
+			errorMessage: y
+		} }],
+		[ee, C]
+	] }, /*#__PURE__*/ q.createElement(z.div, {
+		...n(O, D, w),
+		ref: t,
+		slot: e.slot || void 0,
+		"data-focus-within": T || void 0,
+		"data-invalid": o.isInvalid || void 0,
+		"data-focus-visible": E || void 0,
+		"data-disabled": e.isDisabled || void 0,
+		"data-readonly": e.isReadOnly || void 0,
+		"data-required": e.isRequired || void 0,
+		"data-open": o.isOpen || void 0
+	}));
+});
+//#endregion
+export { de as i, ue as n, pe as r, me as t };
+
+//# sourceMappingURL=DatePicker-BKVEEwtB.esm.js.map