@sprawlify/primitives 0.0.107 → 0.0.109

package/dist/machines/date-picker/index.cjs

@@ -4,11 +4,11 @@ const require_create_anatomy = require("../../create-anatomy-BnwEmNnc.cjs");
 const require_dom_query = require("../../dom-query-Bd63cRVF.cjs");
 const require_utils = require("../../utils-ByNiZU8f.cjs");
 const require_core = require("../../core-nBg9RC_y.cjs");
-const require_date_utils = require("../../date-utils-BuJkKL09.cjs");
+const require_date_utils = require("../../date-utils-Dz9DZPcZ.cjs");
 require("../../interact-outside-Cx4J0EBf.cjs");
 const require_dismissable = require("../../dismissable-ChwcJMHk.cjs");
 const require_live_region = require("../../live-region-TGReV9nm.cjs");
-const require_popper = require("../../popper-Bca_O70s.cjs");
+const require_popper = require("../../popper-Cx3KHzeT.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 let _internationalized_date = require("@internationalized/date");
 //#region src/machines/date-picker/date-picker.anatomy.ts
@@ -130,7 +130,11 @@ const defaultTranslations = {
 	content: "calendar",
 	monthSelect: "Select month",
 	yearSelect: "Select year",
-	clearTrigger: "Clear selected dates"
+	clearTrigger: "Clear selected dates",
+	weekColumnHeader: "Wk",
+	weekNumberCell(weekNumber) {
+		return `Week ${weekNumber}`;
+	}
 };
 function viewToNumber(view, fallback) {
 	if (!view) return fallback || 0;
@@ -228,7 +232,10 @@ function connect(service, normalize) {
 	const focused = state.matches("focused");
 	const open = state.matches("open");
 	const isRangePicker = prop("selectionMode") === "range";
+	const isMultiPicker = prop("selectionMode") === "multiple";
 	const isDateUnavailableFn = prop("isDateUnavailable");
+	const maxSelectedDates = prop("maxSelectedDates");
+	const isMaxSelected = isMultiPicker && maxSelectedDates != null && selectedValue.length >= maxSelectedDates;
 	const currentPlacement = context.get("currentPlacement");
 	const popperStyles = require_popper.getPlacementStyles({
 		...prop("positioning"),
@@ -328,10 +335,11 @@ function connect(service, normalize) {
 		const isInHoveredRange = hasHoveredRange && isDateWithinRange(value, hoveredRangeValue);
 		const isFirstInHoveredRange = hasHoveredRange && require_date_utils.isDateEqual(value, hoveredRangeValue[0]);
 		const isLastInHoveredRange = hasHoveredRange && require_date_utils.isDateEqual(value, hoveredRangeValue[1]);
+		const isSelected = selectedValue.some((date) => require_date_utils.isDateEqual(value, date));
 		const cellState = {
 			invalid: require_date_utils.isDateOutsideRange(value, min, max),
-			disabled: disabled || !outsideDaySelectable && isOutsideRange || require_date_utils.isDateOutsideRange(value, min, max),
-			selected: selectedValue.some((date) => require_date_utils.isDateEqual(value, date)),
+			disabled: disabled || !outsideDaySelectable && isOutsideRange || require_date_utils.isDateOutsideRange(value, min, max) || isMaxSelected && !isSelected,
+			selected: isSelected,
 			unavailable: require_date_utils.isDateUnavailable(value, isDateUnavailableFn, locale, min, max) && !disabled,
 			outsideRange: isOutsideRange,
 			today: (0, _internationalized_date.isToday)(value, timeZone),
@@ -367,11 +375,18 @@ function connect(service, normalize) {
 		readOnly,
 		inline: !!prop("inline"),
 		numOfMonths: prop("numOfMonths"),
+		showWeekNumbers: !!prop("showWeekNumbers"),
 		selectionMode: prop("selectionMode"),
+		maxSelectedDates,
+		isMaxSelected,
 		view: context.get("view"),
 		getRangePresetValue(preset) {
 			return require_date_utils.getDateRangePreset(preset, locale, timeZone);
 		},
+		getWeekNumber(week) {
+			const firstDay = week[0];
+			return firstDay ? require_date_utils.getWeekOfYear(firstDay, locale) : 0;
+		},
 		getDaysInWeek(week, from = startValue) {
 			return require_date_utils.getDaysInWeek(week, from, locale, startOfWeek);
 		},
@@ -409,7 +424,7 @@ function connect(service, normalize) {
 		selectToday() {
 			send({
 				type: "VALUE.SET",
-				value: require_date_utils.constrainValue(require_date_utils.getTodayDate(timeZone), min, max)
+				value: [require_date_utils.constrainValue(require_date_utils.getTodayDate(timeZone), min, max)]
 			});
 		},
 		setValue(values) {
@@ -418,8 +433,29 @@ function connect(service, normalize) {
 				value: values.map((date) => require_date_utils.constrainValue(date, min, max))
 			});
 		},
-		clearValue() {
-			send({ type: "VALUE.CLEAR" });
+		setTime(time, index = 0) {
+			const values = Array.from(selectedValue);
+			let dateValue = values[index];
+			if (!dateValue) return;
+			if (!("hour" in dateValue)) dateValue = (0, _internationalized_date.toCalendarDateTime)(dateValue);
+			dateValue = dateValue.set({
+				hour: time.hour ?? ("hour" in dateValue ? dateValue.hour : 0),
+				minute: time.minute ?? ("minute" in dateValue ? dateValue.minute : 0),
+				second: time.second ?? ("second" in dateValue ? dateValue.second : 0),
+				millisecond: time.millisecond ?? ("millisecond" in dateValue ? dateValue.millisecond : 0)
+			});
+			values[index] = require_date_utils.constrainValue(dateValue, min, max);
+			send({
+				type: "VALUE.SET",
+				value: values
+			});
+		},
+		clearValue(options = {}) {
+			const { focus = true } = options;
+			send({
+				type: "VALUE.CLEAR",
+				focus
+			});
 		},
 		setFocusedValue(value) {
 			send({
@@ -692,6 +728,28 @@ function connect(service, normalize) {
 				"data-view": view
 			});
 		},
+		getWeekNumberHeaderCellProps(props = {}) {
+			const { view = "day" } = props;
+			return normalize.element({
+				...parts.tableCell.attrs,
+				scope: "col",
+				"aria-label": translations.weekColumnHeader,
+				"data-view": view,
+				"data-disabled": require_dom_query.dataAttr(disabled)
+			});
+		},
+		getWeekNumberCellProps(props) {
+			const { weekIndex, week } = props;
+			const weekNumber = week[0] ? require_date_utils.getWeekOfYear(week[0], locale) : 0;
+			return normalize.element({
+				...parts.tableCell.attrs,
+				role: "rowheader",
+				"aria-label": translations.weekNumberCell?.(weekNumber),
+				"data-view": "day",
+				"data-week-index": weekIndex,
+				"data-disabled": require_dom_query.dataAttr(disabled)
+			});
+		},
 		getDayTableCellState,
 		getDayTableCellProps(props) {
 			const { value } = props;
@@ -2202,6 +2260,7 @@ const props = require_create_props.createProps()([
 	"isDateUnavailable",
 	"locale",
 	"max",
+	"maxSelectedDates",
 	"min",
 	"name",
 	"numOfMonths",
@@ -2217,6 +2276,7 @@ const props = require_create_props.createProps()([
 	"readOnly",
 	"required",
 	"selectionMode",
+	"showWeekNumbers",
 	"startOfWeek",
 	"timeZone",
 	"translations",

package/dist/machines/date-picker/index.d.cts

@@ -4,11 +4,11 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { a as DateRangePreset, o as DateValue } from "../../types-MFO-RQR7.cjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DzWGFhcS.cjs";
 import { t as LiveRegion } from "../../index-BO-Z3fhz.cjs";
-import { c as Placement, d as PositioningOptions } from "../../types-DEn9MoSw.cjs";
+import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cjs";
 import { Calendar, CalendarDate, CalendarDateTime, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
 
 //#region src/machines/date-picker/date-picker.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "view" | "trigger" | "clearTrigger" | "input" | "content" | "control" | "positioner" | "table" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "trigger" | "label" | "input" | "control" | "positioner" | "table" | "view" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 //#endregion
 //#region src/machines/date-picker/date-picker.types.d.ts
 type DateView = "day" | "month" | "year";
@@ -35,6 +35,12 @@ interface OpenChangeDetails {
   open: boolean;
   value: DateValue[];
 }
+interface Time {
+  hour?: number;
+  minute?: number;
+  second?: number;
+  millisecond?: number;
+}
 interface LocaleDetails {
   locale: string;
   timeZone: string;
@@ -56,6 +62,8 @@ interface IntlTranslations {
     month: string;
     day: string;
   };
+  weekColumnHeader?: string | undefined;
+  weekNumberCell?: ((weekNumber: number) => string) | undefined;
 }
 type ElementIds = Partial<{
   root: string;
@@ -99,6 +107,7 @@ interface DatePickerProps extends DirectionProperty, CommonProperties {
   numOfMonths?: number | undefined;
   startOfWeek?: number | undefined;
   fixedWeeks?: boolean | undefined;
+  showWeekNumbers?: boolean | undefined;
   onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
   onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
   onViewChange?: ((details: ViewChangeDetails) => void) | undefined;
@@ -106,6 +115,7 @@ interface DatePickerProps extends DirectionProperty, CommonProperties {
   onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
   isDateUnavailable?: ((date: DateValue, locale: string) => boolean) | undefined;
   selectionMode?: SelectionMode | undefined;
+  maxSelectedDates?: number | undefined;
   format?: ((date: DateValue, details: LocaleDetails) => string) | undefined;
   parse?: ((value: string, details: LocaleDetails) => DateValue | undefined) | undefined;
   placeholder?: string | undefined;
@@ -197,6 +207,10 @@ interface DayTableCellProps {
   disabled?: boolean | undefined;
   visibleRange?: VisibleRange | undefined;
 }
+interface WeekNumberCellProps {
+  weekIndex: number;
+  week: DateValue[];
+}
 interface DayTableCellState {
   invalid: boolean;
   disabled: boolean;
@@ -269,8 +283,12 @@ interface DatePickerApi<T extends PropTypes = PropTypes> {
   readOnly: boolean;
   inline: boolean;
   numOfMonths: number;
+  showWeekNumbers: boolean;
   selectionMode: SelectionMode;
+  maxSelectedDates: number | undefined;
+  isMaxSelected: boolean;
   view: DateView;
+  getWeekNumber: (week: DateValue[]) => number;
   getDaysInWeek: (week: number, from?: DateValue) => DateValue[];
   getOffset: (duration: DateDuration) => DateValueOffset;
   getRangePresetValue: (value: DateRangePreset) => DateValue[];
@@ -288,8 +306,11 @@ interface DatePickerApi<T extends PropTypes = PropTypes> {
   focusedValueAsString: string;
   selectToday: VoidFunction;
   setValue: (values: DateValue[]) => void;
+  setTime: (time: Time, index?: number) => void;
   setFocusedValue: (value: DateValue) => void;
-  clearValue: VoidFunction;
+  clearValue: (options?: {
+    focus?: boolean;
+  }) => void;
   setOpen: (open: boolean) => void;
   focusMonth: (month: number) => void;
   focusYear: (year: number) => void;
@@ -316,6 +337,8 @@ interface DatePickerApi<T extends PropTypes = PropTypes> {
   getTableHeaderProps: (props?: TableProps) => T["element"];
   getTableBodyProps: (props?: TableProps) => T["element"];
   getTableRowProps: (props?: TableProps) => T["element"];
+  getWeekNumberHeaderCellProps: (props?: TableProps) => T["element"];
+  getWeekNumberCellProps: (props: WeekNumberCellProps) => T["element"];
   getDayTableCellProps: (props: DayTableCellProps) => T["element"];
   getDayTableCellTriggerProps: (props: DayTableCellProps) => T["element"];
   getMonthTableCellProps: (props: TableCellProps) => T["element"];
@@ -359,4 +382,4 @@ declare const splitTableCellProps: <Props extends TableCellProps>(props: Props)
 declare const viewProps: "view"[];
 declare const splitViewProps: <Props extends ViewProps>(props: Props) => [ViewProps, Omit<Props, "view">];
 //#endregion
-export { type DatePickerApi as Api, type Calendar, type CalendarDate, type CalendarDateTime, type Cell, type DateDuration, type DateFormatter, type DateRangePreset, type DateValue, type DateValueOffset, type DateView, type DayTableCellProps, type DayTableCellState, type ElementIds, type FocusChangeDetails, type FocusOutsideEvent, type InputProps, type InteractOutsideEvent, type IntlTranslations, type LabelProps, type LocaleDetails, type DatePickerMachine as Machine, type MonthFormatOptions, type MonthGridProps, type MonthGridValue, type OpenChangeDetails, type PointerDownOutsideEvent, type PositioningOptions, type PresetTriggerProps, type PresetTriggerValue, type DatePickerProps as Props, type Range, type SelectionMode, type DatePickerService as Service, type TableCellProps, type TableCellState, type TableProps, type ValueChangeDetails, type ViewChangeDetails, type ViewProps, type VisibleRange, type VisibleRangeChangeDetails, type VisibleRangeText, type WeekDay, type YearGridProps, type YearGridValue, type ZonedDateTime, anatomy, connect, inputProps, machine, parse, presetTriggerProps, props, splitInputProps, splitPresetTriggerProps, splitProps, splitTableCellProps, splitTableProps, splitViewProps, tableCellProps, tableProps, viewProps };
+export { type DatePickerApi as Api, type Calendar, type CalendarDate, type CalendarDateTime, type Cell, type DateDuration, type DateFormatter, type DateRangePreset, type DateValue, type DateValueOffset, type DateView, type DayTableCellProps, type DayTableCellState, type ElementIds, type FocusChangeDetails, type FocusOutsideEvent, type InputProps, type InteractOutsideEvent, type IntlTranslations, type LabelProps, type LocaleDetails, type DatePickerMachine as Machine, type MonthFormatOptions, type MonthGridProps, type MonthGridValue, type OpenChangeDetails, type PointerDownOutsideEvent, type PositioningOptions, type PresetTriggerProps, type PresetTriggerValue, type DatePickerProps as Props, type Range, type SelectionMode, type DatePickerService as Service, type TableCellProps, type TableCellState, type TableProps, type ValueChangeDetails, type ViewChangeDetails, type ViewProps, type VisibleRange, type VisibleRangeChangeDetails, type VisibleRangeText, type WeekDay, type WeekNumberCellProps, type YearGridProps, type YearGridValue, type ZonedDateTime, anatomy, connect, inputProps, machine, parse, presetTriggerProps, props, splitInputProps, splitPresetTriggerProps, splitProps, splitTableCellProps, splitTableProps, splitViewProps, tableCellProps, tableProps, viewProps };

package/dist/machines/date-picker/index.d.mts

@@ -1,14 +1,14 @@
 import { n as AnatomyInstance } from "../../create-anatomy-BedZVdg0.mjs";
 import { p as Machine, y as Service } from "../../types-DUM9rzfD.mjs";
 import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as CommonProperties, x as PropTypes } from "../../index-BVFlU3b9.mjs";
-import { X as DateRangePreset, Z as DateValue } from "../../index-ClVRyKIt.mjs";
+import { Q as DateValue, Z as DateRangePreset } from "../../index-6cEVkXqi.mjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CGNNiDyE.mjs";
 import { t as LiveRegion } from "../../index-1L40UHp8.mjs";
-import { p as PositioningOptions, u as Placement } from "../../index-DHp3-EkH.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mjs";
 import { Calendar, CalendarDate, CalendarDateTime, DateDuration, DateFormatter, ZonedDateTime } from "@internationalized/date";
 
 //#region src/machines/date-picker/date-picker.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "view" | "trigger" | "clearTrigger" | "input" | "content" | "control" | "positioner" | "table" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
+declare const anatomy: AnatomyInstance<"root" | "content" | "trigger" | "label" | "input" | "control" | "positioner" | "table" | "view" | "clearTrigger" | "nextTrigger" | "prevTrigger" | "monthSelect" | "presetTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;
 //#endregion
 //#region src/machines/date-picker/date-picker.types.d.ts
 type DateView = "day" | "month" | "year";
@@ -35,6 +35,12 @@ interface OpenChangeDetails {
   open: boolean;
   value: DateValue[];
 }
+interface Time {
+  hour?: number;
+  minute?: number;
+  second?: number;
+  millisecond?: number;
+}
 interface LocaleDetails {
   locale: string;
   timeZone: string;
@@ -56,6 +62,8 @@ interface IntlTranslations {
     month: string;
     day: string;
   };
+  weekColumnHeader?: string | undefined;
+  weekNumberCell?: ((weekNumber: number) => string) | undefined;
 }
 type ElementIds = Partial<{
   root: string;
@@ -99,6 +107,7 @@ interface DatePickerProps extends DirectionProperty, CommonProperties {
   numOfMonths?: number | undefined;
   startOfWeek?: number | undefined;
   fixedWeeks?: boolean | undefined;
+  showWeekNumbers?: boolean | undefined;
   onValueChange?: ((details: ValueChangeDetails) => void) | undefined;
   onFocusChange?: ((details: FocusChangeDetails) => void) | undefined;
   onViewChange?: ((details: ViewChangeDetails) => void) | undefined;
@@ -106,6 +115,7 @@ interface DatePickerProps extends DirectionProperty, CommonProperties {
   onOpenChange?: ((details: OpenChangeDetails) => void) | undefined;
   isDateUnavailable?: ((date: DateValue, locale: string) => boolean) | undefined;
   selectionMode?: SelectionMode | undefined;
+  maxSelectedDates?: number | undefined;
   format?: ((date: DateValue, details: LocaleDetails) => string) | undefined;
   parse?: ((value: string, details: LocaleDetails) => DateValue | undefined) | undefined;
   placeholder?: string | undefined;
@@ -197,6 +207,10 @@ interface DayTableCellProps {
   disabled?: boolean | undefined;
   visibleRange?: VisibleRange | undefined;
 }
+interface WeekNumberCellProps {
+  weekIndex: number;
+  week: DateValue[];
+}
 interface DayTableCellState {
   invalid: boolean;
   disabled: boolean;
@@ -269,8 +283,12 @@ interface DatePickerApi<T extends PropTypes = PropTypes> {
   readOnly: boolean;
   inline: boolean;
   numOfMonths: number;
+  showWeekNumbers: boolean;
   selectionMode: SelectionMode;
+  maxSelectedDates: number | undefined;
+  isMaxSelected: boolean;
   view: DateView;
+  getWeekNumber: (week: DateValue[]) => number;
   getDaysInWeek: (week: number, from?: DateValue) => DateValue[];
   getOffset: (duration: DateDuration) => DateValueOffset;
   getRangePresetValue: (value: DateRangePreset) => DateValue[];
@@ -288,8 +306,11 @@ interface DatePickerApi<T extends PropTypes = PropTypes> {
   focusedValueAsString: string;
   selectToday: VoidFunction;
   setValue: (values: DateValue[]) => void;
+  setTime: (time: Time, index?: number) => void;
   setFocusedValue: (value: DateValue) => void;
-  clearValue: VoidFunction;
+  clearValue: (options?: {
+    focus?: boolean;
+  }) => void;
   setOpen: (open: boolean) => void;
   focusMonth: (month: number) => void;
   focusYear: (year: number) => void;
@@ -316,6 +337,8 @@ interface DatePickerApi<T extends PropTypes = PropTypes> {
   getTableHeaderProps: (props?: TableProps) => T["element"];
   getTableBodyProps: (props?: TableProps) => T["element"];
   getTableRowProps: (props?: TableProps) => T["element"];
+  getWeekNumberHeaderCellProps: (props?: TableProps) => T["element"];
+  getWeekNumberCellProps: (props: WeekNumberCellProps) => T["element"];
   getDayTableCellProps: (props: DayTableCellProps) => T["element"];
   getDayTableCellTriggerProps: (props: DayTableCellProps) => T["element"];
   getMonthTableCellProps: (props: TableCellProps) => T["element"];
@@ -359,4 +382,4 @@ declare const splitTableCellProps: <Props extends TableCellProps>(props: Props)
 declare const viewProps: "view"[];
 declare const splitViewProps: <Props extends ViewProps>(props: Props) => [ViewProps, Omit<Props, "view">];
 //#endregion
-export { type DatePickerApi as Api, type Calendar, type CalendarDate, type CalendarDateTime, type Cell, type DateDuration, type DateFormatter, type DateRangePreset, type DateValue, type DateValueOffset, type DateView, type DayTableCellProps, type DayTableCellState, type ElementIds, type FocusChangeDetails, type FocusOutsideEvent, type InputProps, type InteractOutsideEvent, type IntlTranslations, type LabelProps, type LocaleDetails, type DatePickerMachine as Machine, type MonthFormatOptions, type MonthGridProps, type MonthGridValue, type OpenChangeDetails, type PointerDownOutsideEvent, type PositioningOptions, type PresetTriggerProps, type PresetTriggerValue, type DatePickerProps as Props, type Range, type SelectionMode, type DatePickerService as Service, type TableCellProps, type TableCellState, type TableProps, type ValueChangeDetails, type ViewChangeDetails, type ViewProps, type VisibleRange, type VisibleRangeChangeDetails, type VisibleRangeText, type WeekDay, type YearGridProps, type YearGridValue, type ZonedDateTime, anatomy, connect, inputProps, machine, parse, presetTriggerProps, props, splitInputProps, splitPresetTriggerProps, splitProps, splitTableCellProps, splitTableProps, splitViewProps, tableCellProps, tableProps, viewProps };
+export { type DatePickerApi as Api, type Calendar, type CalendarDate, type CalendarDateTime, type Cell, type DateDuration, type DateFormatter, type DateRangePreset, type DateValue, type DateValueOffset, type DateView, type DayTableCellProps, type DayTableCellState, type ElementIds, type FocusChangeDetails, type FocusOutsideEvent, type InputProps, type InteractOutsideEvent, type IntlTranslations, type LabelProps, type LocaleDetails, type DatePickerMachine as Machine, type MonthFormatOptions, type MonthGridProps, type MonthGridValue, type OpenChangeDetails, type PointerDownOutsideEvent, type PositioningOptions, type PresetTriggerProps, type PresetTriggerValue, type DatePickerProps as Props, type Range, type SelectionMode, type DatePickerService as Service, type TableCellProps, type TableCellState, type TableProps, type ValueChangeDetails, type ViewChangeDetails, type ViewProps, type VisibleRange, type VisibleRangeChangeDetails, type VisibleRangeText, type WeekDay, type WeekNumberCellProps, type YearGridProps, type YearGridValue, type ZonedDateTime, anatomy, connect, inputProps, machine, parse, presetTriggerProps, props, splitInputProps, splitPresetTriggerProps, splitProps, splitTableCellProps, splitTableProps, splitViewProps, tableCellProps, tableProps, viewProps };

package/dist/machines/date-picker/index.mjs

@@ -2,11 +2,11 @@ import { t as createAnatomy } from "../../create-anatomy-Dr0evdYy.mjs";
 import { C as queryAll, D as disableTextSelection, O as restoreTextSelection, S as query, W as raf, _t as isComposingEvent, bn as ariaAttr, ct as setElementValue, ft as getEventKey, gt as getNativeEvent, xn as dataAttr } from "../../dom-query-s2ESLR2U.mjs";
 import { N as isValueWithinRange, Y as match, g as clampValue, ht as chunk, u as createSplitProps } from "../../utils-VVoZ_v29.mjs";
 import { a as createMachine, i as createGuards, s as memo } from "../../core-BmIEKqtP.mjs";
-import { A as getMonthFormatter, D as formatSelectedDate, F as isDateUnavailable, I as isNextRangeInvalid, L as isPreviousRangeInvalid, M as getUnitDuration, N as isDateEqual, P as isDateOutsideRange, R as alignDate, S as getMonthNames, W as constrainValue, _ as getYearsRange, g as getDecadeRange, i as getNextPage, j as getEndDate, k as getDayFormatter, l as getPreviousSection, n as parseDateString, o as getNextSection, p as getTodayDate, r as getAdjustedDateFn, s as getPreviousPage, t as getDateRangePreset, w as getWeekDays, x as getMonthDays, y as getDaysInWeek } from "../../date-utils-DCaRa_Ry.mjs";
+import { A as getDayFormatter, F as isDateOutsideRange, G as constrainValue, I as isDateUnavailable, L as isNextRangeInvalid, M as getEndDate, N as getUnitDuration, O as formatSelectedDate, P as isDateEqual, R as isPreviousRangeInvalid, S as getMonthNames, T as getWeekOfYear, _ as getYearsRange, g as getDecadeRange, i as getNextPage, j as getMonthFormatter, l as getPreviousSection, n as parseDateString, o as getNextSection, p as getTodayDate, r as getAdjustedDateFn, s as getPreviousPage, t as getDateRangePreset, w as getWeekDays, x as getMonthDays, y as getDaysInWeek, z as alignDate } from "../../date-utils-BqOQP2-U.mjs";
 import "../../interact-outside-2qkUnl4N.mjs";
 import { n as trackDismissableElement } from "../../dismissable-DWfZGIA7.mjs";
 import { t as createLiveRegion } from "../../live-region-TgEDzvS4.mjs";
-import { n as getPlacement, t as getPlacementStyles } from "../../popper-3Bdh0pfy.mjs";
+import { n as getPlacement, t as getPlacementStyles } from "../../popper-BDy37WA0.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 import { CalendarDate, DateFormatter, isEqualDay, isEqualMonth, isEqualYear, isToday, isWeekend, parseDate, toCalendarDateTime, toZoned } from "@internationalized/date";
 //#region src/machines/date-picker/date-picker.anatomy.ts
@@ -128,7 +128,11 @@ const defaultTranslations = {
 	content: "calendar",
 	monthSelect: "Select month",
 	yearSelect: "Select year",
-	clearTrigger: "Clear selected dates"
+	clearTrigger: "Clear selected dates",
+	weekColumnHeader: "Wk",
+	weekNumberCell(weekNumber) {
+		return `Week ${weekNumber}`;
+	}
 };
 function viewToNumber(view, fallback) {
 	if (!view) return fallback || 0;
@@ -226,7 +230,10 @@ function connect(service, normalize) {
 	const focused = state.matches("focused");
 	const open = state.matches("open");
 	const isRangePicker = prop("selectionMode") === "range";
+	const isMultiPicker = prop("selectionMode") === "multiple";
 	const isDateUnavailableFn = prop("isDateUnavailable");
+	const maxSelectedDates = prop("maxSelectedDates");
+	const isMaxSelected = isMultiPicker && maxSelectedDates != null && selectedValue.length >= maxSelectedDates;
 	const currentPlacement = context.get("currentPlacement");
 	const popperStyles = getPlacementStyles({
 		...prop("positioning"),
@@ -326,10 +333,11 @@ function connect(service, normalize) {
 		const isInHoveredRange = hasHoveredRange && isDateWithinRange(value, hoveredRangeValue);
 		const isFirstInHoveredRange = hasHoveredRange && isDateEqual(value, hoveredRangeValue[0]);
 		const isLastInHoveredRange = hasHoveredRange && isDateEqual(value, hoveredRangeValue[1]);
+		const isSelected = selectedValue.some((date) => isDateEqual(value, date));
 		const cellState = {
 			invalid: isDateOutsideRange(value, min, max),
-			disabled: disabled || !outsideDaySelectable && isOutsideRange || isDateOutsideRange(value, min, max),
-			selected: selectedValue.some((date) => isDateEqual(value, date)),
+			disabled: disabled || !outsideDaySelectable && isOutsideRange || isDateOutsideRange(value, min, max) || isMaxSelected && !isSelected,
+			selected: isSelected,
 			unavailable: isDateUnavailable(value, isDateUnavailableFn, locale, min, max) && !disabled,
 			outsideRange: isOutsideRange,
 			today: isToday(value, timeZone),
@@ -365,11 +373,18 @@ function connect(service, normalize) {
 		readOnly,
 		inline: !!prop("inline"),
 		numOfMonths: prop("numOfMonths"),
+		showWeekNumbers: !!prop("showWeekNumbers"),
 		selectionMode: prop("selectionMode"),
+		maxSelectedDates,
+		isMaxSelected,
 		view: context.get("view"),
 		getRangePresetValue(preset) {
 			return getDateRangePreset(preset, locale, timeZone);
 		},
+		getWeekNumber(week) {
+			const firstDay = week[0];
+			return firstDay ? getWeekOfYear(firstDay, locale) : 0;
+		},
 		getDaysInWeek(week, from = startValue) {
 			return getDaysInWeek(week, from, locale, startOfWeek);
 		},
@@ -407,7 +422,7 @@ function connect(service, normalize) {
 		selectToday() {
 			send({
 				type: "VALUE.SET",
-				value: constrainValue(getTodayDate(timeZone), min, max)
+				value: [constrainValue(getTodayDate(timeZone), min, max)]
 			});
 		},
 		setValue(values) {
@@ -416,8 +431,29 @@ function connect(service, normalize) {
 				value: values.map((date) => constrainValue(date, min, max))
 			});
 		},
-		clearValue() {
-			send({ type: "VALUE.CLEAR" });
+		setTime(time, index = 0) {
+			const values = Array.from(selectedValue);
+			let dateValue = values[index];
+			if (!dateValue) return;
+			if (!("hour" in dateValue)) dateValue = toCalendarDateTime(dateValue);
+			dateValue = dateValue.set({
+				hour: time.hour ?? ("hour" in dateValue ? dateValue.hour : 0),
+				minute: time.minute ?? ("minute" in dateValue ? dateValue.minute : 0),
+				second: time.second ?? ("second" in dateValue ? dateValue.second : 0),
+				millisecond: time.millisecond ?? ("millisecond" in dateValue ? dateValue.millisecond : 0)
+			});
+			values[index] = constrainValue(dateValue, min, max);
+			send({
+				type: "VALUE.SET",
+				value: values
+			});
+		},
+		clearValue(options = {}) {
+			const { focus = true } = options;
+			send({
+				type: "VALUE.CLEAR",
+				focus
+			});
 		},
 		setFocusedValue(value) {
 			send({
@@ -690,6 +726,28 @@ function connect(service, normalize) {
 				"data-view": view
 			});
 		},
+		getWeekNumberHeaderCellProps(props = {}) {
+			const { view = "day" } = props;
+			return normalize.element({
+				...parts.tableCell.attrs,
+				scope: "col",
+				"aria-label": translations.weekColumnHeader,
+				"data-view": view,
+				"data-disabled": dataAttr(disabled)
+			});
+		},
+		getWeekNumberCellProps(props) {
+			const { weekIndex, week } = props;
+			const weekNumber = week[0] ? getWeekOfYear(week[0], locale) : 0;
+			return normalize.element({
+				...parts.tableCell.attrs,
+				role: "rowheader",
+				"aria-label": translations.weekNumberCell?.(weekNumber),
+				"data-view": "day",
+				"data-week-index": weekIndex,
+				"data-disabled": dataAttr(disabled)
+			});
+		},
 		getDayTableCellState,
 		getDayTableCellProps(props) {
 			const { value } = props;
@@ -2200,6 +2258,7 @@ const props = createProps()([
 	"isDateUnavailable",
 	"locale",
 	"max",
+	"maxSelectedDates",
 	"min",
 	"name",
 	"numOfMonths",
@@ -2215,6 +2274,7 @@ const props = createProps()([
 	"readOnly",
 	"required",
 	"selectionMode",
+	"showWeekNumbers",
 	"startOfWeek",
 	"timeZone",
 	"translations",

package/dist/machines/dialog/index.cjs

@@ -130,7 +130,7 @@ const machine = require_core.createMachine({
 			modal,
 			trapFocus: modal,
 			preventScroll: modal,
-			closeOnInteractOutside: !alertDialog,
+			closeOnInteractOutside: modal && !alertDialog,
 			closeOnEscape: true,
 			restoreFocus: true,
 			initialFocusEl,

package/dist/machines/dialog/index.d.cts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { r as PersistentElementOptions, t as DismissableElementHandlers } from "../../dismissable-layer-ZgyqN8AD.cjs";
 
 //#region src/machines/dialog/dialog.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "positioner" | "backdrop" | "title" | "description" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"content" | "trigger" | "backdrop" | "positioner" | "title" | "description" | "closeTrigger">;
 //#endregion
 //#region src/machines/dialog/dialog.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/dialog/index.d.mts

@@ -5,7 +5,7 @@ import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOuts
 import { r as PersistentElementOptions, t as DismissableElementHandlers } from "../../dismissable-layer-h14gHVbJ.mjs";
 
 //#region src/machines/dialog/dialog.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"trigger" | "content" | "positioner" | "backdrop" | "title" | "description" | "closeTrigger">;
+declare const anatomy: AnatomyInstance<"content" | "trigger" | "backdrop" | "positioner" | "title" | "description" | "closeTrigger">;
 //#endregion
 //#region src/machines/dialog/dialog.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/dialog/index.mjs

@@ -129,7 +129,7 @@ const machine = createMachine({
 			modal,
 			trapFocus: modal,
 			preventScroll: modal,
-			closeOnInteractOutside: !alertDialog,
+			closeOnInteractOutside: modal && !alertDialog,
 			closeOnEscape: true,
 			restoreFocus: true,
 			initialFocusEl,

package/dist/machines/dropdown-menu/index.cjs

@@ -5,7 +5,7 @@ const require_utils = require("../../utils-ByNiZU8f.cjs");
 const require_core = require("../../core-nBg9RC_y.cjs");
 require("../../interact-outside-Cx4J0EBf.cjs");
 const require_dismissable = require("../../dismissable-ChwcJMHk.cjs");
-const require_popper = require("../../popper-Bca_O70s.cjs");
+const require_popper = require("../../popper-Cx3KHzeT.cjs");
 const require_rect_utils = require("../../rect-utils-D3RkAaHK.cjs");
 const require_create_props = require("../../create-props-DP39rHnH.cjs");
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.ts

package/dist/machines/dropdown-menu/index.d.cts

@@ -4,11 +4,11 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { n as TypeaheadState } from "../../typeahead-DMooWbbX.cjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DzWGFhcS.cjs";
 import { t as DismissableElementHandlers } from "../../dismissable-layer-ZgyqN8AD.cjs";
-import { c as Placement, d as PositioningOptions } from "../../types-DEn9MoSw.cjs";
+import { c as Placement, d as PositioningOptions } from "../../types-CZAtqGqH.cjs";
 import { a as Point } from "../../types-CLXYEgfm.cjs";
 
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"item" | "itemGroup" | "trigger" | "content" | "indicator" | "arrow" | "arrowTip" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "separator" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"content" | "trigger" | "indicator" | "item" | "itemIndicator" | "positioner" | "itemText" | "itemGroup" | "itemGroupLabel" | "arrow" | "arrowTip" | "separator" | "triggerItem">;
 //#endregion
 //#region src/machines/dropdown-menu/dropdown-menu.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/dropdown-menu/index.d.mts

@@ -4,11 +4,11 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { n as TypeaheadState } from "../../typeahead-Bbeb1fAR.mjs";
 import { c as PointerDownOutsideEvent, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CGNNiDyE.mjs";
 import { t as DismissableElementHandlers } from "../../dismissable-layer-h14gHVbJ.mjs";
-import { p as PositioningOptions, u as Placement } from "../../index-DHp3-EkH.mjs";
+import { p as PositioningOptions, u as Placement } from "../../index-fMh0VDkR.mjs";
 import { a as Point } from "../../types-DU764tY_.mjs";
 
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"item" | "itemGroup" | "trigger" | "content" | "indicator" | "arrow" | "arrowTip" | "itemGroupLabel" | "itemIndicator" | "itemText" | "positioner" | "separator" | "triggerItem">;
+declare const anatomy: AnatomyInstance<"content" | "trigger" | "indicator" | "item" | "itemIndicator" | "positioner" | "itemText" | "itemGroup" | "itemGroupLabel" | "arrow" | "arrowTip" | "separator" | "triggerItem">;
 //#endregion
 //#region src/machines/dropdown-menu/dropdown-menu.types.d.ts
 interface OpenChangeDetails {

package/dist/machines/dropdown-menu/index.mjs

@@ -4,7 +4,7 @@ import { G as cast, Ot as prev, Tt as next, ft as isEqual, tt as hasProp, u as c
 import { a as createMachine, c as mergeProps, i as createGuards } from "../../core-BmIEKqtP.mjs";
 import "../../interact-outside-2qkUnl4N.mjs";
 import { n as trackDismissableElement } from "../../dismissable-DWfZGIA7.mjs";
-import { n as getPlacement, r as getPlacementSide, t as getPlacementStyles } from "../../popper-3Bdh0pfy.mjs";
+import { n as getPlacement, r as getPlacementSide, t as getPlacementStyles } from "../../popper-BDy37WA0.mjs";
 import { i as isPointInPolygon, r as getElementPolygon } from "../../rect-utils-B5xqFvKC.mjs";
 import { t as createProps } from "../../create-props-DFW8DUsC.mjs";
 //#region src/machines/dropdown-menu/dropdown-menu.anatomy.ts

package/dist/machines/editable/index.d.cts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-DzWGFhcS.cjs";
 
 //#region src/machines/editable/editable.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "input" | "control" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "area" | "label" | "preview" | "input" | "control" | "submitTrigger" | "cancelTrigger" | "editTrigger">;
 //#endregion
 //#region src/machines/editable/editable.types.d.ts
 interface ValueChangeDetails {

package/dist/machines/editable/index.d.mts

@@ -4,7 +4,7 @@ import { b as NormalizeProps, g as RequiredBy, r as DirectionProperty, t as Comm
 import { c as PointerDownOutsideEvent, i as InteractOutsideHandlers, n as FocusOutsideEvent, r as InteractOutsideEvent } from "../../index-CGNNiDyE.mjs";
 
 //#region src/machines/editable/editable.anatomy.d.ts
-declare const anatomy: AnatomyInstance<"root" | "label" | "input" | "control" | "area" | "preview" | "editTrigger" | "submitTrigger" | "cancelTrigger">;
+declare const anatomy: AnatomyInstance<"root" | "area" | "label" | "preview" | "input" | "control" | "submitTrigger" | "cancelTrigger" | "editTrigger">;
 //#endregion
 //#region src/machines/editable/editable.types.d.ts
 interface ValueChangeDetails {