@maanlamp/react-web-ui 0.0.0-stage → 0.1.1

package/dist/lib/calendar/temporal.js

@@ -0,0 +1,783 @@
+import SvgChevronLeft from "../../vendor/@material-design-icons/svg/outlined/chevron_left.js";
+import SvgChevronRight from "../../vendor/@material-design-icons/svg/outlined/chevron_right.js";
+import { Button as Button$1 } from "../../components/button/button.js";
+import { Field, useFieldIds } from "../../components/field/field.js";
+import { fieldStateAttributes } from "../../components/field/field-state.js";
+import { focusControlOnRim } from "../../components/field/rim-focus.js";
+import { useFieldFocus, withFieldFocus } from "../../components/field/use-field-focus.js";
+import { useTimeZone } from "../../components/time-zone-provider/time-zone-provider.js";
+import { normalizeFieldErrors } from "../forms/errors.js";
+import { CalendarNavigation } from "./calendar-navigation.js";
+import { todayIn } from "./temporal-value.js";
+import temporal_module_default from "./temporal.module.js";
+import { c } from "react/compiler-runtime";
+import { useContext } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { Button, Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, DateInput, DatePickerStateContext, DateRangePickerStateContext, DateSegment, Dialog, Group, Popover, RangeCalendar } from "react-aria-components";
+// src/lib/calendar/temporal.tsx
+/**
+* The shell carrying the border, the ring and the inlay row.
+*
+* @example
+* <TemporalGroup state={state}><TemporalInput /></TemporalGroup>
+*/
+var TemporalGroup = (t0) => {
+	const $ = c(19);
+	let children;
+	let className;
+	let props;
+	let state;
+	if ($[0] !== t0) {
+		({state, className, children, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = className;
+		$[3] = props;
+		$[4] = state;
+	} else {
+		children = $[1];
+		className = $[2];
+		props = $[3];
+		state = $[4];
+	}
+	const focus = useFieldFocus(props);
+	let t1;
+	if ($[5] !== className) {
+		t1 = clsx(temporal_module_default.group, className);
+		$[5] = className;
+		$[6] = t1;
+	} else t1 = $[6];
+	const t2 = state?.readonly;
+	let t3;
+	if ($[7] !== focus || $[8] !== state) {
+		let t4;
+		if ($[10] !== state) {
+			t4 = state ?? {};
+			$[10] = state;
+			$[11] = t4;
+		} else t4 = $[11];
+		t3 = fieldStateAttributes(withFieldFocus(t4, focus));
+		$[7] = focus;
+		$[8] = state;
+		$[9] = t3;
+	} else t3 = $[9];
+	let t4;
+	if ($[12] !== children || $[13] !== focus.props || $[14] !== props || $[15] !== t1 || $[16] !== t2 || $[17] !== t3) {
+		t4 = /* @__PURE__ */ jsx(Group, {
+			className: t1,
+			onMouseDown: focusControlOnRim,
+			isReadOnly: t2,
+			...t3,
+			...props,
+			...focus.props,
+			children
+		});
+		$[12] = children;
+		$[13] = focus.props;
+		$[14] = props;
+		$[15] = t1;
+		$[16] = t2;
+		$[17] = t3;
+		$[18] = t4;
+	} else t4 = $[18];
+	return t4;
+};
+/**
+* One editable unit of a date or time.
+*
+* @example
+* {segment => <TemporalSegment segment={segment} />}
+*/
+var TemporalSegment = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(temporal_module_default.segment, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DateSegment, {
+			className: t1,
+			...props
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+/**
+* The segments of one date or time, bare inside a `TemporalGroup`.
+*
+* @example
+* <TemporalInput />
+*/
+var TemporalInput = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(temporal_module_default.input, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DateInput, {
+			className: t1,
+			...props,
+			children: _temp
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+/**
+* The segments of one end of a date range, sized to its content.
+*
+* @example
+* <TemporalRangeInput slot="start" />
+*/
+var TemporalRangeInput = (t0) => {
+	const $ = c(8);
+	let className;
+	let props;
+	if ($[0] !== t0) {
+		({className, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = props;
+	} else {
+		className = $[1];
+		props = $[2];
+	}
+	let t1;
+	if ($[3] !== className) {
+		t1 = clsx(temporal_module_default.rangeInput, className);
+		$[3] = className;
+		$[4] = t1;
+	} else t1 = $[4];
+	let t2;
+	if ($[5] !== props || $[6] !== t1) {
+		t2 = /* @__PURE__ */ jsx(DateInput, {
+			className: t1,
+			...props,
+			children: _temp2
+		});
+		$[5] = props;
+		$[6] = t1;
+		$[7] = t2;
+	} else t2 = $[7];
+	return t2;
+};
+/**
+* The dash between a range's start and end.
+*
+* @example
+* <TemporalRangeSeparator />
+*/
+var TemporalRangeSeparator = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("span", {
+			className: temporal_module_default.rangeSeparator,
+			"aria-hidden": "true",
+			children: "–"
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+/**
+* The space that pushes a range's inlays to the end of its group.
+*
+* @example
+* <TemporalRangeSpacer />
+*/
+var TemporalRangeSpacer = () => {
+	const $ = c(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("span", { className: temporal_module_default.rangeSpacer });
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+/**
+* The icon-only button that opens the calendar.
+*
+* @example
+* <TemporalTrigger label="Open calendar" icon={CalendarIcon} ref={triggerRef} />
+*/
+var TemporalTrigger = (t0) => {
+	const $ = c(6);
+	const { label, icon, ref } = t0;
+	let t1;
+	if ($[0] !== ref) {
+		t1 = /* @__PURE__ */ jsx(Button, { ref });
+		$[0] = ref;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== icon || $[3] !== label || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Button$1, {
+			iconOnly: true,
+			icon,
+			label,
+			variant: "tertiary",
+			size: "sm",
+			className: temporal_module_default.trigger,
+			render: t1
+		});
+		$[2] = icon;
+		$[3] = label;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+/**
+* The floating surface the calendar lands on, aligned to whatever `triggerRef`
+* names: the calendar button, rather than the whole field.
+*
+* @example
+* <TemporalPopup triggerRef={triggerRef}><TemporalCalendar {...labels} /></TemporalPopup>
+*/
+var TemporalPopup = (t0) => {
+	const $ = c(10);
+	let children;
+	let props;
+	let t1;
+	if ($[0] !== t0) {
+		({children, placement: t1, ...props} = t0);
+		$[0] = t0;
+		$[1] = children;
+		$[2] = props;
+		$[3] = t1;
+	} else {
+		children = $[1];
+		props = $[2];
+		t1 = $[3];
+	}
+	const placement = t1 === void 0 ? "bottom end" : t1;
+	let t2;
+	if ($[4] !== children) {
+		t2 = /* @__PURE__ */ jsx(Dialog, {
+			className: temporal_module_default.dialog,
+			children
+		});
+		$[4] = children;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== placement || $[7] !== props || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Popover, {
+			className: temporal_module_default.popover,
+			placement,
+			...props,
+			children: t2
+		});
+		$[6] = placement;
+		$[7] = props;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+};
+var CalendarChrome = (t0) => {
+	const $ = c(17);
+	const { previousMonthLabel, nextMonthLabel, monthLabel, yearLabel, noMatchingYearLabel, children } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Button, { slot: "previous" });
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== previousMonthLabel) {
+		t2 = /* @__PURE__ */ jsx(Button$1, {
+			iconOnly: true,
+			icon: SvgChevronLeft,
+			label: previousMonthLabel,
+			variant: "tertiary",
+			size: "md",
+			render: t1
+		});
+		$[1] = previousMonthLabel;
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== monthLabel || $[4] !== noMatchingYearLabel || $[5] !== yearLabel) {
+		t3 = /* @__PURE__ */ jsx(CalendarNavigation, {
+			monthLabel,
+			yearLabel,
+			noMatchingYearLabel
+		});
+		$[3] = monthLabel;
+		$[4] = noMatchingYearLabel;
+		$[5] = yearLabel;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ jsx(Button, { slot: "next" });
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== nextMonthLabel) {
+		t5 = /* @__PURE__ */ jsx(Button$1, {
+			iconOnly: true,
+			icon: SvgChevronRight,
+			label: nextMonthLabel,
+			variant: "tertiary",
+			size: "md",
+			render: t4
+		});
+		$[8] = nextMonthLabel;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== t2 || $[11] !== t3 || $[12] !== t5) {
+		t6 = /* @__PURE__ */ jsxs("header", {
+			className: temporal_module_default.header,
+			children: [
+				t2,
+				t3,
+				t5
+			]
+		});
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== children || $[15] !== t6) {
+		t7 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t6, children] });
+		$[14] = children;
+		$[15] = t6;
+		$[16] = t7;
+	} else t7 = $[16];
+	return t7;
+};
+var MonthGrid = (t0) => {
+	const $ = c(8);
+	const { today, monthOffset: t1 } = t0;
+	const monthOffset = t1 === void 0 ? 0 : t1;
+	let t2;
+	if ($[0] !== monthOffset) {
+		t2 = { months: monthOffset };
+		$[0] = monthOffset;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(CalendarGridHeader, { children: _temp3 });
+		$[2] = t3;
+	} else t3 = $[2];
+	let t4;
+	if ($[3] !== today) {
+		t4 = /* @__PURE__ */ jsx(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx(CalendarCell, {
+			date,
+			className: () => clsx(temporal_module_default.day, date.compare(today) === 0 && temporal_module_default.today)
+		}) });
+		$[3] = today;
+		$[4] = t4;
+	} else t4 = $[4];
+	let t5;
+	if ($[5] !== t2 || $[6] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(CalendarGrid, {
+			offset: t2,
+			className: temporal_module_default.grid,
+			children: [t3, t4]
+		});
+		$[5] = t2;
+		$[6] = t4;
+		$[7] = t5;
+	} else t5 = $[7];
+	return t5;
+};
+/**
+* A month of days, selecting one. Today, and the month it opens on without a
+* value, are read in the `TimeZoneProvider`'s zone.
+*
+* @example
+* <TemporalCalendar {...calendarLabels} />
+*/
+var TemporalCalendar = (t0) => {
+	const $ = c(26);
+	let className;
+	let monthLabel;
+	let nextMonthLabel;
+	let noMatchingYearLabel;
+	let previousMonthLabel;
+	let props;
+	let yearLabel;
+	if ($[0] !== t0) {
+		({className, previousMonthLabel, nextMonthLabel, monthLabel, yearLabel, noMatchingYearLabel, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = monthLabel;
+		$[3] = nextMonthLabel;
+		$[4] = noMatchingYearLabel;
+		$[5] = previousMonthLabel;
+		$[6] = props;
+		$[7] = yearLabel;
+	} else {
+		className = $[1];
+		monthLabel = $[2];
+		nextMonthLabel = $[3];
+		noMatchingYearLabel = $[4];
+		previousMonthLabel = $[5];
+		props = $[6];
+		yearLabel = $[7];
+	}
+	const t1 = useTimeZone();
+	let t2;
+	if ($[8] !== t1) {
+		t2 = todayIn(t1);
+		$[8] = t1;
+		$[9] = t2;
+	} else t2 = $[9];
+	const today = t2;
+	const picked = useContext(DatePickerStateContext)?.value ?? null;
+	let t3;
+	if ($[10] !== className) {
+		t3 = clsx(temporal_module_default.calendar, className);
+		$[10] = className;
+		$[11] = t3;
+	} else t3 = $[11];
+	const t4 = picked === null ? today : void 0;
+	let t5;
+	if ($[12] !== today) {
+		t5 = /* @__PURE__ */ jsx(MonthGrid, { today });
+		$[12] = today;
+		$[13] = t5;
+	} else t5 = $[13];
+	let t6;
+	if ($[14] !== monthLabel || $[15] !== nextMonthLabel || $[16] !== noMatchingYearLabel || $[17] !== previousMonthLabel || $[18] !== t5 || $[19] !== yearLabel) {
+		t6 = /* @__PURE__ */ jsx(CalendarChrome, {
+			previousMonthLabel,
+			nextMonthLabel,
+			monthLabel,
+			yearLabel,
+			noMatchingYearLabel,
+			children: t5
+		});
+		$[14] = monthLabel;
+		$[15] = nextMonthLabel;
+		$[16] = noMatchingYearLabel;
+		$[17] = previousMonthLabel;
+		$[18] = t5;
+		$[19] = yearLabel;
+		$[20] = t6;
+	} else t6 = $[20];
+	let t7;
+	if ($[21] !== props || $[22] !== t3 || $[23] !== t4 || $[24] !== t6) {
+		t7 = /* @__PURE__ */ jsx(Calendar, {
+			className: t3,
+			defaultFocusedValue: t4,
+			...props,
+			children: t6
+		});
+		$[21] = props;
+		$[22] = t3;
+		$[23] = t4;
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	return t7;
+};
+/**
+* Days of one or more adjacent months, selecting a continuous range. Today,
+* and the month it opens on without a value, are read in the
+* `TimeZoneProvider`'s zone.
+*
+* @example
+* <TemporalRangeCalendar visibleMonths={2} {...calendarLabels} />
+*/
+var TemporalRangeCalendar = (t0) => {
+	const $ = c(33);
+	let className;
+	let monthLabel;
+	let nextMonthLabel;
+	let noMatchingYearLabel;
+	let previousMonthLabel;
+	let props;
+	let t1;
+	let yearLabel;
+	if ($[0] !== t0) {
+		({visibleMonths: t1, className, previousMonthLabel, nextMonthLabel, monthLabel, yearLabel, noMatchingYearLabel, ...props} = t0);
+		$[0] = t0;
+		$[1] = className;
+		$[2] = monthLabel;
+		$[3] = nextMonthLabel;
+		$[4] = noMatchingYearLabel;
+		$[5] = previousMonthLabel;
+		$[6] = props;
+		$[7] = t1;
+		$[8] = yearLabel;
+	} else {
+		className = $[1];
+		monthLabel = $[2];
+		nextMonthLabel = $[3];
+		noMatchingYearLabel = $[4];
+		previousMonthLabel = $[5];
+		props = $[6];
+		t1 = $[7];
+		yearLabel = $[8];
+	}
+	const visibleMonths = t1 === void 0 ? 1 : t1;
+	const t2 = useTimeZone();
+	let t3;
+	if ($[9] !== t2) {
+		t3 = todayIn(t2);
+		$[9] = t2;
+		$[10] = t3;
+	} else t3 = $[10];
+	const today = t3;
+	const picked = useContext(DateRangePickerStateContext)?.value.start ?? null;
+	const months = Math.max(1, visibleMonths);
+	let t4;
+	if ($[11] !== className) {
+		t4 = clsx(temporal_module_default.calendar, temporal_module_default.rangeCalendar, className);
+		$[11] = className;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== months) {
+		t5 = { months };
+		$[13] = months;
+		$[14] = t5;
+	} else t5 = $[14];
+	const t6 = picked === null ? today : void 0;
+	let t7;
+	if ($[15] !== months || $[16] !== today) {
+		let t8;
+		if ($[18] !== today) {
+			t8 = (_, month) => /* @__PURE__ */ jsx(MonthGrid, {
+				today,
+				monthOffset: month
+			}, month);
+			$[18] = today;
+			$[19] = t8;
+		} else t8 = $[19];
+		t7 = /* @__PURE__ */ jsx("div", {
+			className: temporal_module_default.months,
+			children: Array.from({ length: months }, t8)
+		});
+		$[15] = months;
+		$[16] = today;
+		$[17] = t7;
+	} else t7 = $[17];
+	let t8;
+	if ($[20] !== monthLabel || $[21] !== nextMonthLabel || $[22] !== noMatchingYearLabel || $[23] !== previousMonthLabel || $[24] !== t7 || $[25] !== yearLabel) {
+		t8 = /* @__PURE__ */ jsx(CalendarChrome, {
+			previousMonthLabel,
+			nextMonthLabel,
+			monthLabel,
+			yearLabel,
+			noMatchingYearLabel,
+			children: t7
+		});
+		$[20] = monthLabel;
+		$[21] = nextMonthLabel;
+		$[22] = noMatchingYearLabel;
+		$[23] = previousMonthLabel;
+		$[24] = t7;
+		$[25] = yearLabel;
+		$[26] = t8;
+	} else t8 = $[26];
+	let t9;
+	if ($[27] !== props || $[28] !== t4 || $[29] !== t5 || $[30] !== t6 || $[31] !== t8) {
+		t9 = /* @__PURE__ */ jsx(RangeCalendar, {
+			className: t4,
+			visibleDuration: t5,
+			defaultFocusedValue: t6,
+			...props,
+			children: t8
+		});
+		$[27] = props;
+		$[28] = t4;
+		$[29] = t5;
+		$[30] = t6;
+		$[31] = t8;
+		$[32] = t9;
+	} else t9 = $[32];
+	return t9;
+};
+/**
+* The label, description and error frame every temporal control shares,
+* handing the control the ids it wires `aria-labelledby` and
+* `aria-describedby` to.
+*
+* @example
+* <TemporalFrame label="Period" optionalLabel="optional">
+* 	{({ labelId }) => <DateInput.Root aria-labelledby={labelId} />}
+* </TemporalFrame>
+*/
+var TemporalFrame = (t0) => {
+	const $ = c(43);
+	const { label, description, errors, requiredness, optionalLabel, dirty, touched, className, children } = t0;
+	const ids = useFieldIds();
+	const { labelId, descriptionId, errorId, controlId } = ids;
+	let t1;
+	if ($[0] !== errors) {
+		t1 = normalizeFieldErrors(errors);
+		$[0] = errors;
+		$[1] = t1;
+	} else t1 = $[1];
+	const messages = t1;
+	let T0;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let t6;
+	let t7;
+	if ($[2] !== children || $[3] !== className || $[4] !== controlId || $[5] !== description || $[6] !== dirty || $[7] !== ids || $[8] !== label || $[9] !== labelId || $[10] !== messages.length || $[11] !== optionalLabel || $[12] !== requiredness || $[13] !== touched) {
+		const describedBy = ids.describedBy(description !== void 0, messages.length > 0);
+		T0 = Field.Root;
+		t2 = className;
+		t3 = messages.length > 0;
+		t4 = dirty;
+		t5 = touched;
+		let t8;
+		if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+			t8 = /* @__PURE__ */ jsx("span", {});
+			$[21] = t8;
+		} else t8 = $[21];
+		if ($[22] !== label || $[23] !== labelId || $[24] !== optionalLabel || $[25] !== requiredness) {
+			t6 = /* @__PURE__ */ jsx(Field.Label, {
+				id: labelId,
+				nativeLabel: false,
+				requiredness,
+				optionalLabel,
+				render: t8,
+				children: label
+			});
+			$[22] = label;
+			$[23] = labelId;
+			$[24] = optionalLabel;
+			$[25] = requiredness;
+			$[26] = t6;
+		} else t6 = $[26];
+		t7 = children({
+			labelId,
+			describedBy,
+			controlId
+		});
+		$[2] = children;
+		$[3] = className;
+		$[4] = controlId;
+		$[5] = description;
+		$[6] = dirty;
+		$[7] = ids;
+		$[8] = label;
+		$[9] = labelId;
+		$[10] = messages.length;
+		$[11] = optionalLabel;
+		$[12] = requiredness;
+		$[13] = touched;
+		$[14] = T0;
+		$[15] = t2;
+		$[16] = t3;
+		$[17] = t4;
+		$[18] = t5;
+		$[19] = t6;
+		$[20] = t7;
+	} else {
+		T0 = $[14];
+		t2 = $[15];
+		t3 = $[16];
+		t4 = $[17];
+		t5 = $[18];
+		t6 = $[19];
+		t7 = $[20];
+	}
+	let t8;
+	if ($[27] !== description || $[28] !== descriptionId) {
+		t8 = /* @__PURE__ */ jsx(Field.Description, {
+			id: descriptionId,
+			children: description
+		});
+		$[27] = description;
+		$[28] = descriptionId;
+		$[29] = t8;
+	} else t8 = $[29];
+	let t9;
+	if ($[30] !== errorId || $[31] !== messages) {
+		t9 = /* @__PURE__ */ jsx(Field.Error, {
+			id: errorId,
+			children: messages
+		});
+		$[30] = errorId;
+		$[31] = messages;
+		$[32] = t9;
+	} else t9 = $[32];
+	let t10;
+	if ($[33] !== T0 || $[34] !== t2 || $[35] !== t3 || $[36] !== t4 || $[37] !== t5 || $[38] !== t6 || $[39] !== t7 || $[40] !== t8 || $[41] !== t9) {
+		t10 = /* @__PURE__ */ jsxs(T0, {
+			className: t2,
+			invalid: t3,
+			dirty: t4,
+			touched: t5,
+			children: [
+				t6,
+				t7,
+				t8,
+				t9
+			]
+		});
+		$[33] = T0;
+		$[34] = t2;
+		$[35] = t3;
+		$[36] = t4;
+		$[37] = t5;
+		$[38] = t6;
+		$[39] = t7;
+		$[40] = t8;
+		$[41] = t9;
+		$[42] = t10;
+	} else t10 = $[42];
+	return t10;
+};
+function _temp(segment) {
+	return /* @__PURE__ */ jsx(TemporalSegment, { segment });
+}
+function _temp2(segment) {
+	return /* @__PURE__ */ jsx(TemporalSegment, { segment });
+}
+function _temp3(day) {
+	return /* @__PURE__ */ jsx(CalendarHeaderCell, {
+		className: temporal_module_default.weekday,
+		children: day
+	});
+}
+export { TemporalCalendar, TemporalFrame, TemporalGroup, TemporalInput, TemporalPopup, TemporalRangeCalendar, TemporalRangeInput, TemporalRangeSeparator, TemporalRangeSpacer, TemporalSegment, TemporalTrigger };