@kanso-labs/react-native-kanso-ui 0.9.0 → 0.10.0

package/dist/components/date-range-picker/index.js

@@ -0,0 +1,421 @@
+import { messagesFor } from "../../i18n/index.js";
+import { useLocaleOf } from "../../i18n/provider.js";
+import { PickerPopup, PickerTrigger } from "../../picker/index.js";
+import { SegmentedField } from "../../segments/field.js";
+import { RangeCalendar } from "../range-calendar/index.js";
+import { c } from "react/compiler-runtime";
+import { useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { createCalendar } from "@internationalized/date";
+import { useDateFieldState } from "react-stately/useDateFieldState";
+import { useDateRangePickerState } from "react-stately/useDateRangePickerState";
+//#region src/components/date-range-picker/index.tsx
+function chosenOf(state) {
+	const { dateRange } = state;
+	return dateRange?.start == null || dateRange.end == null ? null : {
+		end: dateRange.end,
+		start: dateRange.start
+	};
+}
+/**
+* A date range typed into a field, or picked from a calendar behind a
+* button. The value is a `{ start, end }` pair of `@internationalized/date`
+* values, as on web: pass `value` with `onChange` to control it, or
+* `defaultValue` to let it keep its own. `onChange` is called once both
+* dates are filled.
+*
+* ```tsx
+* import { CalendarDate } from '@internationalized/date'
+*
+* <DateRangePicker
+*   defaultValue={{
+*     end: new CalendarDate(2026, 9, 20),
+*     start: new CalendarDate(2026, 9, 15),
+*   }}
+*   label="Label"
+* />
+* ```
+*
+* The segments are DateField's and the calendar is RangeCalendar, so
+* `granularity`, `minValue`, `maxValue` and `isDateUnavailable` behave as
+* they do there. From the medium window size up the calendar is docked to
+* the field; below it, it opens centred over a scrim, the same swap
+* DatePicker makes.
+*
+* `style`, `ref` and `testID` land on the picker as a whole.
+*/
+function DateRangePicker(t0) {
+	const $ = c(129);
+	let allowsNonContiguousRanges;
+	let defaultOpen;
+	let defaultValue;
+	let endName;
+	let firstDayOfWeek;
+	let granularity;
+	let hideTimeZone;
+	let hourCycle;
+	let isDateUnavailable;
+	let isOpen;
+	let label;
+	let locale;
+	let maxValue;
+	let minValue;
+	let onChange;
+	let onOpenChange;
+	let placeholderValue;
+	let props;
+	let shouldCloseOnSelect;
+	let shouldForceLeadingZeros;
+	let startName;
+	let t1;
+	let t2;
+	let t3;
+	let t4;
+	let t5;
+	let triggerLabel;
+	let validate;
+	let value;
+	let visibleDuration;
+	if ($[0] !== t0) {
+		({allowsNonContiguousRanges, defaultOpen, defaultValue, endName, firstDayOfWeek, granularity, hideTimeZone, hourCycle, isDateUnavailable, isDisabled: t1, isOpen, isReadOnly: t2, isRequired: t3, label, locale, maxValue, minValue, onChange, onOpenChange, placeholderValue, separator: t4, shouldCloseOnSelect, shouldForceLeadingZeros, showMonthYearMenus: t5, startName, triggerLabel, validate, value, visibleDuration, ...props} = t0);
+		$[0] = t0;
+		$[1] = allowsNonContiguousRanges;
+		$[2] = defaultOpen;
+		$[3] = defaultValue;
+		$[4] = endName;
+		$[5] = firstDayOfWeek;
+		$[6] = granularity;
+		$[7] = hideTimeZone;
+		$[8] = hourCycle;
+		$[9] = isDateUnavailable;
+		$[10] = isOpen;
+		$[11] = label;
+		$[12] = locale;
+		$[13] = maxValue;
+		$[14] = minValue;
+		$[15] = onChange;
+		$[16] = onOpenChange;
+		$[17] = placeholderValue;
+		$[18] = props;
+		$[19] = shouldCloseOnSelect;
+		$[20] = shouldForceLeadingZeros;
+		$[21] = startName;
+		$[22] = t1;
+		$[23] = t2;
+		$[24] = t3;
+		$[25] = t4;
+		$[26] = t5;
+		$[27] = triggerLabel;
+		$[28] = validate;
+		$[29] = value;
+		$[30] = visibleDuration;
+	} else {
+		allowsNonContiguousRanges = $[1];
+		defaultOpen = $[2];
+		defaultValue = $[3];
+		endName = $[4];
+		firstDayOfWeek = $[5];
+		granularity = $[6];
+		hideTimeZone = $[7];
+		hourCycle = $[8];
+		isDateUnavailable = $[9];
+		isOpen = $[10];
+		label = $[11];
+		locale = $[12];
+		maxValue = $[13];
+		minValue = $[14];
+		onChange = $[15];
+		onOpenChange = $[16];
+		placeholderValue = $[17];
+		props = $[18];
+		shouldCloseOnSelect = $[19];
+		shouldForceLeadingZeros = $[20];
+		startName = $[21];
+		t1 = $[22];
+		t2 = $[23];
+		t3 = $[24];
+		t4 = $[25];
+		t5 = $[26];
+		triggerLabel = $[27];
+		validate = $[28];
+		value = $[29];
+		visibleDuration = $[30];
+	}
+	const isDisabled = t1 === void 0 ? false : t1;
+	const isReadOnly = t2 === void 0 ? false : t2;
+	const isRequired = t3 === void 0 ? false : t3;
+	const separator = t4 === void 0 ? "–" : t4;
+	const showMonthYearMenus = t5 === void 0 ? false : t5;
+	const writtenIn = useLocaleOf(locale);
+	const words = messagesFor(writtenIn).segments;
+	const box = useRef(null);
+	const [trigger, setTrigger] = useState(null);
+	let t6;
+	if ($[31] !== allowsNonContiguousRanges || $[32] !== defaultOpen || $[33] !== defaultValue || $[34] !== granularity || $[35] !== hideTimeZone || $[36] !== hourCycle || $[37] !== isDateUnavailable || $[38] !== isDisabled || $[39] !== isOpen || $[40] !== isReadOnly || $[41] !== isRequired || $[42] !== maxValue || $[43] !== minValue || $[44] !== onChange || $[45] !== onOpenChange || $[46] !== placeholderValue || $[47] !== shouldCloseOnSelect || $[48] !== shouldForceLeadingZeros || $[49] !== validate || $[50] !== value) {
+		t6 = {
+			allowsNonContiguousRanges,
+			defaultOpen,
+			defaultValue,
+			granularity,
+			hideTimeZone,
+			hourCycle,
+			isDateUnavailable,
+			isDisabled,
+			isOpen,
+			isReadOnly,
+			isRequired,
+			maxValue,
+			minValue,
+			onChange,
+			onOpenChange,
+			placeholderValue,
+			shouldCloseOnSelect,
+			shouldForceLeadingZeros,
+			validate,
+			value
+		};
+		$[31] = allowsNonContiguousRanges;
+		$[32] = defaultOpen;
+		$[33] = defaultValue;
+		$[34] = granularity;
+		$[35] = hideTimeZone;
+		$[36] = hourCycle;
+		$[37] = isDateUnavailable;
+		$[38] = isDisabled;
+		$[39] = isOpen;
+		$[40] = isReadOnly;
+		$[41] = isRequired;
+		$[42] = maxValue;
+		$[43] = minValue;
+		$[44] = onChange;
+		$[45] = onOpenChange;
+		$[46] = placeholderValue;
+		$[47] = shouldCloseOnSelect;
+		$[48] = shouldForceLeadingZeros;
+		$[49] = validate;
+		$[50] = value;
+		$[51] = t6;
+	} else t6 = $[51];
+	const state = useDateRangePickerState(t6);
+	const { close, open, setDateRange } = state;
+	let t7;
+	if ($[52] !== granularity || $[53] !== hideTimeZone || $[54] !== hourCycle || $[55] !== isDisabled || $[56] !== isReadOnly || $[57] !== isRequired || $[58] !== placeholderValue || $[59] !== shouldForceLeadingZeros || $[60] !== writtenIn) {
+		t7 = {
+			granularity,
+			hideTimeZone,
+			hourCycle,
+			isDisabled,
+			isReadOnly,
+			isRequired,
+			locale: writtenIn,
+			placeholderValue,
+			shouldForceLeadingZeros
+		};
+		$[52] = granularity;
+		$[53] = hideTimeZone;
+		$[54] = hourCycle;
+		$[55] = isDisabled;
+		$[56] = isReadOnly;
+		$[57] = isRequired;
+		$[58] = placeholderValue;
+		$[59] = shouldForceLeadingZeros;
+		$[60] = writtenIn;
+		$[61] = t7;
+	} else t7 = $[61];
+	const ends = t7;
+	let t8;
+	if ($[62] !== state) {
+		t8 = (date) => {
+			state.setDateTime("start", date);
+		};
+		$[62] = state;
+		$[63] = t8;
+	} else t8 = $[63];
+	let t9;
+	if ($[64] !== ends || $[65] !== state.value.start || $[66] !== t8) {
+		t9 = {
+			...ends,
+			createCalendar,
+			onChange: t8,
+			value: state.value.start
+		};
+		$[64] = ends;
+		$[65] = state.value.start;
+		$[66] = t8;
+		$[67] = t9;
+	} else t9 = $[67];
+	const start = useDateFieldState(t9);
+	let t10;
+	if ($[68] !== state) {
+		t10 = (date_0) => {
+			state.setDateTime("end", date_0);
+		};
+		$[68] = state;
+		$[69] = t10;
+	} else t10 = $[69];
+	let t11;
+	if ($[70] !== ends || $[71] !== state.value.end || $[72] !== t10) {
+		t11 = {
+			...ends,
+			createCalendar,
+			onChange: t10,
+			value: state.value.end
+		};
+		$[70] = ends;
+		$[71] = state.value.end;
+		$[72] = t10;
+		$[73] = t11;
+	} else t11 = $[73];
+	const end = useDateFieldState(t11);
+	const range = state.formatValue(writtenIn, { month: "long" });
+	const name = `${triggerLabel ?? words.calendar} ${label}`;
+	const T0 = SegmentedField;
+	let t12;
+	if ($[74] !== state.value.end) {
+		t12 = state.value.end?.toString() ?? "";
+		$[74] = state.value.end;
+		$[75] = t12;
+	} else t12 = $[75];
+	const t13 = state.realtimeValidation.validationErrors;
+	const t14 = range === null ? "" : words.selectedRange.replace("{startDate}", range.start).replace("{endDate}", range.end);
+	const t15 = state.value.start === null || state.value.end === null;
+	let t16;
+	if ($[76] !== state.value.start) {
+		t16 = state.value.start?.toString() ?? "";
+		$[76] = state.value.start;
+		$[77] = t16;
+	} else t16 = $[77];
+	const t17 = isDisabled || isReadOnly;
+	let t18;
+	if ($[78] !== name || $[79] !== open || $[80] !== setTrigger || $[81] !== state.isOpen || $[82] !== t17) {
+		t18 = triggerOf({
+			isDisabled: t17,
+			isOpen: state.isOpen,
+			label: name,
+			onPress: open,
+			ref: setTrigger
+		});
+		$[78] = name;
+		$[79] = open;
+		$[80] = setTrigger;
+		$[81] = state.isOpen;
+		$[82] = t17;
+		$[83] = t18;
+	} else t18 = $[83];
+	let t19;
+	if ($[84] !== T0 || $[85] !== end || $[86] !== endName || $[87] !== isDisabled || $[88] !== isReadOnly || $[89] !== isRequired || $[90] !== label || $[91] !== props || $[92] !== separator || $[93] !== start || $[94] !== startName || $[95] !== state.realtimeValidation.validationErrors || $[96] !== t12 || $[97] !== t14 || $[98] !== t15 || $[99] !== t16 || $[100] !== t18 || $[101] !== writtenIn) {
+		t19 = /* @__PURE__ */ jsx(T0, {
+			...props,
+			box,
+			end,
+			endName,
+			endSubmitted: t12,
+			errors: t13,
+			holding: t14,
+			isDisabled,
+			isEmpty: t15,
+			isReadOnly,
+			isRequired,
+			label,
+			locale: writtenIn,
+			name: startName,
+			separator,
+			state: start,
+			submitted: t16,
+			trailingIcon: t18
+		});
+		$[84] = T0;
+		$[85] = end;
+		$[86] = endName;
+		$[87] = isDisabled;
+		$[88] = isReadOnly;
+		$[89] = isRequired;
+		$[90] = label;
+		$[91] = props;
+		$[92] = separator;
+		$[93] = start;
+		$[94] = startName;
+		$[95] = state.realtimeValidation.validationErrors;
+		$[96] = t12;
+		$[97] = t14;
+		$[98] = t15;
+		$[99] = t16;
+		$[100] = t18;
+		$[101] = writtenIn;
+		$[102] = t19;
+	} else t19 = $[102];
+	const t20 = state.isOpen;
+	const t21 = state.dateRange === null ? placeholderValue : void 0;
+	let t22;
+	if ($[103] !== state) {
+		t22 = chosenOf(state);
+		$[103] = state;
+		$[104] = t22;
+	} else t22 = $[104];
+	let t23;
+	if ($[105] !== allowsNonContiguousRanges || $[106] !== firstDayOfWeek || $[107] !== isDateUnavailable || $[108] !== isDisabled || $[109] !== isReadOnly || $[110] !== label || $[111] !== maxValue || $[112] !== minValue || $[113] !== setDateRange || $[114] !== showMonthYearMenus || $[115] !== t21 || $[116] !== t22 || $[117] !== visibleDuration || $[118] !== writtenIn) {
+		t23 = /* @__PURE__ */ jsx(RangeCalendar, {
+			allowsNonContiguousRanges,
+			"aria-label": label,
+			defaultFocusedValue: t21,
+			firstDayOfWeek,
+			isDateUnavailable,
+			isDisabled,
+			isReadOnly,
+			locale: writtenIn,
+			maxValue,
+			minValue,
+			onChange: setDateRange,
+			showMonthYearMenus,
+			value: t22,
+			visibleDuration
+		});
+		$[105] = allowsNonContiguousRanges;
+		$[106] = firstDayOfWeek;
+		$[107] = isDateUnavailable;
+		$[108] = isDisabled;
+		$[109] = isReadOnly;
+		$[110] = label;
+		$[111] = maxValue;
+		$[112] = minValue;
+		$[113] = setDateRange;
+		$[114] = showMonthYearMenus;
+		$[115] = t21;
+		$[116] = t22;
+		$[117] = visibleDuration;
+		$[118] = writtenIn;
+		$[119] = t23;
+	} else t23 = $[119];
+	let t24;
+	if ($[120] !== close || $[121] !== name || $[122] !== state.isOpen || $[123] !== t23 || $[124] !== trigger) {
+		t24 = /* @__PURE__ */ jsx(PickerPopup, {
+			anchor: box,
+			close,
+			isOpen: t20,
+			label: name,
+			trigger,
+			children: t23
+		});
+		$[120] = close;
+		$[121] = name;
+		$[122] = state.isOpen;
+		$[123] = t23;
+		$[124] = trigger;
+		$[125] = t24;
+	} else t24 = $[125];
+	let t25;
+	if ($[126] !== t19 || $[127] !== t24) {
+		t25 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t19, t24] });
+		$[126] = t19;
+		$[127] = t24;
+		$[128] = t25;
+	} else t25 = $[128];
+	return t25;
+}
+function triggerOf(props) {
+	return /* @__PURE__ */ jsx(PickerTrigger, { ...props });
+}
+//#endregion
+export { DateRangePicker };
+
+//# sourceMappingURL=index.js.map

package/dist/components/date-range-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DateDuration","ComponentRef","ReactNode","Ref","HostInstance","StyleProp","View","ViewStyle","DateFieldStateOptions","DateRange","DateRangePickerState","DateValue","DateRangePickerStateOptions","StatelyDateRangePickerProps","createCalendar","useRef","useState","useDateFieldState","useDateRangePickerState","FieldVariant","messagesFor","useLocaleOf","PickerPopup","PickerTrigger","SegmentedField","RangeCalendar","DateRangePickerProps","Pick","T","description","error","floatingLabel","isDisabled","isReadOnly","isRequired","label","leadingIcon","locale","onBlur","onFocus","ref","separator","showMonthYearMenus","style","testID","triggerLabel","variant","visibleDuration","EndOptions","chosenOf","state","dateRange","start","end","DateRangePicker","t0","$","_c","allowsNonContiguousRanges","defaultOpen","defaultValue","endName","firstDayOfWeek","granularity","hideTimeZone","hourCycle","isDateUnavailable","isOpen","maxValue","minValue","onChange","onOpenChange","placeholderValue","props","shouldCloseOnSelect","shouldForceLeadingZeros","startName","t1","t2","t3","t4","t5","validate","value","undefined","writtenIn","words","segments","box","trigger","setTrigger","t6","close","open","setDateRange","t7","ends","t8","date","setDateTime","t9","t10","date_0","t11","range","formatValue","month","name","calendar","T0","t12","toString","t13","realtimeValidation","validationErrors","t14","selectedRange","replace","t15","t16","t17","t18","triggerOf","onPress","t19","t20","t21","t22","t23","t24","t25","Parameters","_c"],"sources":["../../../src/components/date-range-picker/index.tsx"],"sourcesContent":["import type { DateDuration } from '@internationalized/date'\nimport type { ComponentRef, ReactNode, Ref } from 'react'\nimport type { HostInstance, StyleProp, View, ViewStyle } from 'react-native'\nimport type { DateFieldStateOptions } from 'react-stately/useDateFieldState'\nimport type {\n  DateRange,\n  DateRangePickerState,\n  DateValue,\n  DateRangePickerStateOptions as StatelyDateRangePickerProps,\n} from 'react-stately/useDateRangePickerState'\n\nimport { createCalendar } from '@internationalized/date'\nimport { useRef, useState } from 'react'\nimport { useDateFieldState } from 'react-stately/useDateFieldState'\nimport { useDateRangePickerState } from 'react-stately/useDateRangePickerState'\n\nimport type { FieldVariant } from '../../field'\n\nimport { messagesFor } from '../../i18n'\nimport { useLocaleOf } from '../../i18n/provider'\nimport { PickerPopup, PickerTrigger } from '../../picker'\nimport { SegmentedField } from '../../segments/field'\nimport { RangeCalendar } from '../range-calendar'\n\n// kanso-ui's DateRangePicker: DatePicker picking two dates rather than one.\n// Every part it draws is already here, the segments from src/segments, the\n// button and the surface from src/picker and the calendar RangeCalendar, so\n// the two pickers cannot come apart. What a range adds is a second date's\n// segments and the dash between the two.\n//\n// The date pickers page draws a range only as the modal picker, and carries\n// no docked range picker and no token of its own for one. So the docked\n// shape here follows the docked single picker, as web's does and as\n// RangeCalendar does for the band it draws: docked under the field from the\n// medium window size up, and modal in a compact window.\n//\n// The state is React Stately's `useDateRangePickerState`, which web's React\n// Aria picker is built on, with a date field's state for each end that reads\n// and writes its half of the range, as React Aria wires its two fields.\n//\n// Three things are this component's own, as on web.\n//\n// **The dash is decoration, not content.** It reads as a range to someone\n// looking, and every segment is already named for its date, \"Start Date\" or\n// \"End Date\" before the label in React Aria's words, so a screen reader\n// hearing the dash as well would be told a third time. It is hidden from\n// one, in the segments' muted role.\n//\n// **Both dates and the button are one field.** The box draws once around\n// all three, focus runs on from the start's last segment to the end's\n// first, and focus moving between the two is not focus leaving the field.\n// Each date's first segment reads the whole range after its name, \"Selected\n// Range\" in React Aria's words, once both dates are filled.\n//\n// **The range is picked in the calendar with two presses**, one on each\n// end, and picking it closes the calendar, unless `shouldCloseOnSelect`\n// says otherwise. A screen reader goes to the range's start as the calendar\n// opens, or to the date it opens on, and back to the button once it has\n// gone.\n\ntype DateRangePickerProps<T extends DateValue = DateValue> = Pick<\n  StatelyDateRangePickerProps<T>,\n  | 'allowsNonContiguousRanges'\n  | 'defaultOpen'\n  | 'defaultValue'\n  | 'endName'\n  | 'firstDayOfWeek'\n  | 'granularity'\n  | 'hideTimeZone'\n  | 'hourCycle'\n  | 'isDateUnavailable'\n  | 'isOpen'\n  | 'maxValue'\n  | 'minValue'\n  | 'onChange'\n  | 'onOpenChange'\n  | 'placeholderValue'\n  | 'shouldCloseOnSelect'\n  | 'shouldForceLeadingZeros'\n  | 'startName'\n  | 'validate'\n  | 'value'\n> & {\n  /**\n   * A hint shown under the field. Replaced by `error` when there is one, so\n   * the two never stack.\n   */\n  readonly description?: string\n  /**\n   * The problem with the current range, in words. Its presence is what puts\n   * the field in its error state: the message, the error colours, and the\n   * invalid state a screen reader reads all follow from it. The line under\n   * the field arrives with the message, so the field grows when this does,\n   * unless it is inside a `Form`, which keeps the line drawn. It wins over\n   * what `validate`, the bounds and the form say.\n   */\n  readonly error?: string\n  /**\n   * Whether the label floats into the box's top, as the text fields page\n   * draws a field holding a value. The segments always show, their\n   * placeholders while empty, so it floats from the start. `false` keeps it\n   * small at the top.\n   * @default true\n   */\n  readonly floatingLabel?: boolean\n  /**\n   * Draws the picker disabled: neither date takes input and the calendar\n   * does not open.\n   * @default false\n   */\n  readonly isDisabled?: boolean\n  /**\n   * Shows the range and takes focus, but takes no input, and the calendar\n   * does not open.\n   * @default false\n   */\n  readonly isReadOnly?: boolean\n  /**\n   * Marks the label with an asterisk, as the text fields page marks a field\n   * that must be filled. Inside a `Form` that validates natively, both dates\n   * must be.\n   * @default false\n   */\n  readonly isRequired?: boolean\n  /**\n   * What the field is for, and the name a screen reader reads for it, after\n   * each segment's own and its date's. It names the calendar too, and the\n   * button opening it after that button's own name.\n   */\n  readonly label: string\n  /**\n   * An icon at the start of the box, before the label and the segments: the\n   * page's 24dp leading icon, in the muted role. The slot hands it that\n   * colour and size through `useIconStyle()`.\n   */\n  readonly leadingIcon?: ReactNode\n  /**\n   * The BCP 47 locale the dates are written and typed in, and the calendar\n   * drawn in: the order of the segments, their placeholders, the month and\n   * weekday names, the digits and the calendar system. Defaults to the\n   * `I18nProvider`'s, or the device's outside one.\n   */\n  readonly locale?: string\n  /** Called as focus leaves the field, once it has filled what it can. */\n  readonly onBlur?: () => void\n  /** Called as focus arrives in the field, at whichever segment. */\n  readonly onFocus?: () => void\n  readonly ref?: Ref<ComponentRef<typeof View>>\n  /**\n   * What is drawn between the two dates. Decoration: a screen reader hears\n   * which date each segment is part of instead.\n   * @default '–'\n   */\n  readonly separator?: string\n  /**\n   * Whether the calendar's header draws the month and the year as menu\n   * buttons, each opening a list of them in the grid's place, as the docked\n   * date picker's header does: see `RangeCalendar`.\n   * @default false\n   */\n  readonly showMonthYearMenus?: boolean\n  /** Positions and sizes the picker as a whole. */\n  readonly style?: StyleProp<ViewStyle>\n  readonly testID?: string\n  /**\n   * What the button that opens the calendar is called, for a screen reader,\n   * before the field's label. Left out, it is \"Calendar\" in the locale's\n   * words, React Aria's.\n   */\n  readonly triggerLabel?: string\n  /**\n   * The filled box, or the outlined one, as the text fields page draws them.\n   * @default 'filled'\n   */\n  readonly variant?: FieldVariant\n  /**\n   * How much of the calendar shows at once: `{ months: 2 }` draws two\n   * months, side by side from the expanded window size up and one under the\n   * other below it, which is what a range is usually picked from: see\n   * `RangeCalendar`.\n   * @default { months: 1 }\n   */\n  readonly visibleDuration?: DateDuration\n}\n\n// What each end's field shares with the other, as React Aria hands both of\n// its fields the same props.\ntype EndOptions = Pick<\n  DateFieldStateOptions,\n  | 'granularity'\n  | 'hideTimeZone'\n  | 'hourCycle'\n  | 'isDisabled'\n  | 'isReadOnly'\n  | 'isRequired'\n  | 'locale'\n  | 'placeholderValue'\n  | 'shouldForceLeadingZeros'\n>\n\n// The range the calendar holds: the one the picker has chosen, which React\n// Stately keeps whole or not at all, though its type leaves either end open.\nfunction chosenOf(state: DateRangePickerState): DateRange | null {\n  const { dateRange } = state\n\n  return dateRange?.start == null || dateRange.end == null\n    ? null\n    : { end: dateRange.end, start: dateRange.start }\n}\n\n/**\n * A date range typed into a field, or picked from a calendar behind a\n * button. The value is a `{ start, end }` pair of `@internationalized/date`\n * values, as on web: pass `value` with `onChange` to control it, or\n * `defaultValue` to let it keep its own. `onChange` is called once both\n * dates are filled.\n *\n * ```tsx\n * import { CalendarDate } from '@internationalized/date'\n *\n * <DateRangePicker\n *   defaultValue={{\n *     end: new CalendarDate(2026, 9, 20),\n *     start: new CalendarDate(2026, 9, 15),\n *   }}\n *   label=\"Label\"\n * />\n * ```\n *\n * The segments are DateField's and the calendar is RangeCalendar, so\n * `granularity`, `minValue`, `maxValue` and `isDateUnavailable` behave as\n * they do there. From the medium window size up the calendar is docked to\n * the field; below it, it opens centred over a scrim, the same swap\n * DatePicker makes.\n *\n * `style`, `ref` and `testID` land on the picker as a whole.\n */\nfunction DateRangePicker<T extends DateValue = DateValue>({\n  allowsNonContiguousRanges,\n  defaultOpen,\n  defaultValue,\n  endName,\n  firstDayOfWeek,\n  granularity,\n  hideTimeZone,\n  hourCycle,\n  isDateUnavailable,\n  isDisabled = false,\n  isOpen,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  locale,\n  maxValue,\n  minValue,\n  onChange,\n  onOpenChange,\n  placeholderValue,\n  separator = '–',\n  shouldCloseOnSelect,\n  shouldForceLeadingZeros,\n  showMonthYearMenus = false,\n  startName,\n  triggerLabel,\n  validate,\n  value,\n  visibleDuration,\n  ...props\n}: DateRangePickerProps<T>) {\n  const writtenIn = useLocaleOf(locale)\n  const words = messagesFor(writtenIn).segments\n  const box = useRef<HostInstance>(null)\n  const [trigger, setTrigger] = useState<HostInstance | null>(null)\n  const state = useDateRangePickerState<T>({\n    allowsNonContiguousRanges,\n    defaultOpen,\n    defaultValue,\n    granularity,\n    hideTimeZone,\n    hourCycle,\n    isDateUnavailable,\n    isDisabled,\n    isOpen,\n    isReadOnly,\n    isRequired,\n    maxValue,\n    minValue,\n    onChange,\n    onOpenChange,\n    placeholderValue,\n    shouldCloseOnSelect,\n    shouldForceLeadingZeros,\n    validate,\n    value,\n  })\n  // oxlint-disable-next-line typescript/unbound-method -- React Stately's setters are callbacks, and read no `this`\n  const { close, open, setDateRange } = state\n  const ends: EndOptions = {\n    granularity,\n    hideTimeZone,\n    hourCycle,\n    isDisabled,\n    isReadOnly,\n    isRequired,\n    locale: writtenIn,\n    placeholderValue,\n    shouldForceLeadingZeros,\n  }\n  const start = useDateFieldState({\n    ...ends,\n    createCalendar,\n    onChange: (date) => {\n      state.setDateTime('start', date)\n    },\n    value: state.value.start,\n  })\n  const end = useDateFieldState({\n    ...ends,\n    createCalendar,\n    onChange: (date) => {\n      state.setDateTime('end', date)\n    },\n    value: state.value.end,\n  })\n  const range = state.formatValue(writtenIn, { month: 'long' })\n  const name = `${triggerLabel ?? words.calendar} ${label}`\n\n  return (\n    <>\n      <SegmentedField\n        {...props}\n        box={box}\n        end={end}\n        endName={endName}\n        endSubmitted={state.value.end?.toString() ?? ''}\n        errors={state.realtimeValidation.validationErrors}\n        holding={\n          range === null\n            ? ''\n            : words.selectedRange\n                .replace('{startDate}', range.start)\n                .replace('{endDate}', range.end)\n        }\n        isDisabled={isDisabled}\n        isEmpty={state.value.start === null || state.value.end === null}\n        isReadOnly={isReadOnly}\n        isRequired={isRequired}\n        label={label}\n        locale={writtenIn}\n        name={startName}\n        separator={separator}\n        state={start}\n        submitted={state.value.start?.toString() ?? ''}\n        trailingIcon={triggerOf({\n          isDisabled: isDisabled || isReadOnly,\n          isOpen: state.isOpen,\n          label: name,\n          onPress: open,\n          ref: setTrigger,\n        })}\n      />\n      <PickerPopup\n        anchor={box}\n        close={close}\n        isOpen={state.isOpen}\n        label={name}\n        trigger={trigger}\n      >\n        <RangeCalendar\n          allowsNonContiguousRanges={allowsNonContiguousRanges}\n          aria-label={label}\n          defaultFocusedValue={\n            state.dateRange === null ? placeholderValue : undefined\n          }\n          firstDayOfWeek={firstDayOfWeek}\n          isDateUnavailable={isDateUnavailable}\n          isDisabled={isDisabled}\n          isReadOnly={isReadOnly}\n          locale={writtenIn}\n          maxValue={maxValue}\n          minValue={minValue}\n          onChange={setDateRange}\n          showMonthYearMenus={showMonthYearMenus}\n          value={chosenOf(state)}\n          visibleDuration={visibleDuration}\n        />\n      </PickerPopup>\n    </>\n  )\n}\n\n// The button for the box's trailing slot. A call rather than JSX written at\n// the prop, which is what react-perf's jsx-no-jsx-as-prop is after.\nfunction triggerOf(props: Parameters<typeof PickerTrigger>[0]) {\n  return <PickerTrigger {...props} />\n}\n\nexport type { DateRangePickerProps }\n\nexport { DateRangePicker }\n"],"mappings":"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"}

package/dist/components/disclosure/index.d.ts

@@ -0,0 +1,94 @@
+import { StyleProp, View, ViewStyle } from "react-native";
+import { ComponentRef, ReactNode, Ref } from "react";
+import { Key } from "react-stately";
+//#region src/components/disclosure/index.d.ts
+type DisclosureHeaderProps = {
+  /** The header's headline, what the section is about. */
+  readonly children?: ReactNode;
+  /** Content before the headline: an avatar, an icon. */
+  readonly leading?: ReactNode;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
+  readonly style?: StyleProp<ViewStyle>;
+  /** A second line under the headline, in the muted role. */
+  readonly supporting?: ReactNode;
+  readonly testID?: string;
+};
+type DisclosurePanelProps = {
+  /** What the section shows while it is open. */
+  readonly children?: ReactNode;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
+  /**
+   * `region` names the panel as a landmark, for a section a reader should be
+   * able to jump to, where `group` only gathers what is in it.
+   * @default 'group'
+   */
+  readonly role?: 'group' | 'region';
+  readonly style?: StyleProp<ViewStyle>;
+  readonly testID?: string;
+};
+type DisclosureProps = {
+  /** A `Disclosure.Header` and a `Disclosure.Panel`. */
+  readonly children?: ReactNode;
+  /** Whether the section starts open, when it keeps its own state. */
+  readonly defaultExpanded?: boolean;
+  /**
+   * The section's key in a `DisclosureGroup`, which the group reports as
+   * expanded. Outside a group it does nothing.
+   */
+  readonly id?: Key;
+  /**
+   * Keeps the section from opening or closing, and draws its header
+   * disabled.
+   * @default false
+   */
+  readonly isDisabled?: boolean;
+  /** Whether the section is open, when the call site holds the state. */
+  readonly isExpanded?: boolean;
+  /** Called with the new state as the section opens or closes. */
+  readonly onExpandedChange?: (isExpanded: boolean) => void;
+  readonly ref?: Ref<ComponentRef<typeof View>>;
+  readonly style?: StyleProp<ViewStyle>;
+  readonly testID?: string;
+};
+/**
+ * A section that opens to show what is under it. Pass `isExpanded` with
+ * `onExpandedChange` to hold whether it is open, or `defaultExpanded` to let
+ * it keep its own.
+ *
+ * ```tsx
+ * <Disclosure>
+ *   <Disclosure.Header>Headline</Disclosure.Header>
+ *   <Disclosure.Panel>
+ *     <Text>Supporting line</Text>
+ *   </Disclosure.Panel>
+ * </Disclosure>
+ * ```
+ *
+ * The header is the row every list here draws, so a section above a list of
+ * rows lines up with them. The panel opens to whatever height its content
+ * reports, and opens and closes at once under reduced motion.
+ *
+ * Inside a `DisclosureGroup`, give it an `id`, the key the group reports.
+ *
+ * `style`, `ref` and `testID` land on the section's own view, as they do on
+ * each part's.
+ */
+declare function Disclosure({ children, defaultExpanded, id, isDisabled, isExpanded, onExpandedChange, ref, style, testID }: DisclosureProps): import("react").JSX.Element;
+declare namespace Disclosure {
+  var Header: typeof DisclosureHeader;
+  var Panel: typeof DisclosurePanel;
+}
+/**
+ * The row that opens and closes the section: a button announced as expanded
+ * or collapsed, drawing the shared row's slots with a chevron in the
+ * trailing one.
+ */
+declare function DisclosureHeader({ children, leading, ref, style, supporting, testID }: DisclosureHeaderProps): import("react").JSX.Element;
+/**
+ * What the section shows while it is open. Its content sits 16dp in, lined
+ * up with the headline above it, and it is named by the header.
+ */
+declare function DisclosurePanel({ children, ref, role, style, testID }: DisclosurePanelProps): import("react").JSX.Element;
+//#endregion
+export { Disclosure, DisclosureHeader, type DisclosureHeaderProps, DisclosurePanel, type DisclosurePanelProps, type DisclosureProps };
+//# sourceMappingURL=index.d.ts.map