@datum-cloud/datum-ui 2.0.0 → 2.1.0

package/dist/{picker-b5-x-EHs.mjs → date-time-range-picker-Dog33Ry0.mjs}

@@ -3,14 +3,13 @@ import { t as Button } from "./button-A1qTjZ8U.mjs";
 import { t as Button$1 } from "./button-CsdF61EI.mjs";
 import { Calendar } from "./calendar/index.mjs";
 import { t as useBreakpoint } from "./use-breakpoint-CwiUJSmk.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-DJZgXWIE.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-daE2Nn0Z.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
 import { n as OptionList, t as useOptionPicker } from "./use-option-picker-s2bUYwXC.mjs";
 import { CalendarIcon, Clock, Globe, X } from "lucide-react";
 import { createContext, useCallback, useContext, useEffect, useMemo, useReducer, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { formatInTimeZone, fromZonedTime, toZonedTime } from "date-fns-tz";
-import { addDays, differenceInCalendarDays, endOfDay, endOfMonth, endOfWeek, endOfYear, format, startOfDay, startOfMonth, startOfWeek, startOfYear, subDays, subHours, subMinutes } from "date-fns";
+import { endOfDay, endOfMonth, endOfWeek, endOfYear, format, startOfDay, startOfMonth, startOfWeek, startOfYear, subDays, subHours, subMinutes } from "date-fns";
 //#region src/components/features/_shared/timezone.ts
 /**
 * Start of the calendar day (00:00:00.000) for `date`, interpreted in
@@ -870,6 +869,18 @@ const DATETIME_PRESETS = [
 			};
 		}
 	},
+	{
+		key: "last-30m",
+		label: "Last 30 minutes",
+		shortcut: "2",
+		getRange: () => {
+			const now = /* @__PURE__ */ new Date();
+			return {
+				from: subMinutes(now, 30),
+				to: now
+			};
+		}
+	},
 	{
 		key: "last-1h",
 		label: "Last hour",
@@ -1058,7 +1069,7 @@ PickerRoot.displayName = "Picker.Root";
 /**
 * Public namespace export. Subsequent tasks add Trigger, Content, etc.
 */
-const Picker$1 = { Root: PickerRoot };
+const Picker = { Root: PickerRoot };
 //#endregion
 //#region src/components/features/picker/hooks/use-time-slots.ts
 function timeToMinutes(t) {
@@ -1270,29 +1281,6 @@ function PickerTimezoneIndicator({ className, variant = "full" }) {
 }
 PickerTimezoneIndicator.displayName = "Picker.TimezoneIndicator";
 //#endregion
-//#region src/components/features/picker/components/timezone-select.tsx
-function PickerTimezoneSelect({ options, onChange, className, placeholder = "Select timezone" }) {
-	const { mode, timezone } = usePickerContext();
-	if (!isTimeBearingMode(mode)) return null;
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "picker-tz-select",
-		className: cn("flex items-center gap-2 px-3 py-2", className),
-		children: [/* @__PURE__ */ jsx(Globe, { className: "text-muted-foreground size-4 shrink-0" }), /* @__PURE__ */ jsxs(Select, {
-			value: timezone,
-			onValueChange: onChange,
-			children: [/* @__PURE__ */ jsx(SelectTrigger, {
-				className: "hover:bg-accent h-8 min-w-[180px] border-0 bg-transparent px-2 text-xs shadow-none",
-				children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
-			}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
-				value: opt.value,
-				className: "text-xs",
-				children: opt.label
-			}, opt.value)) })]
-		})]
-	});
-}
-PickerTimezoneSelect.displayName = "Picker.TimezoneSelect";
-//#endregion
 //#region src/components/features/picker/components/trigger.tsx
 const DEFAULT_ICON = /* @__PURE__ */ jsx(CalendarIcon, { className: "text-muted-foreground size-4 shrink-0" });
 function PickerTrigger({ placeholder = "Pick a date", clearable = false, disabled = false, children, className, triggerClassName, id, icon, onClick, ...slotProps }) {
@@ -1334,46 +1322,6 @@ function PickerTrigger({ placeholder = "Pick a date", clearable = false, disable
 }
 PickerTrigger.displayName = "Picker.Trigger";
 //#endregion
-//#region src/components/features/picker/components/index.ts
-const Picker = Object.assign(Picker$1, {
-	Trigger: PickerTrigger,
-	Content: PickerContent,
-	Calendar: PickerCalendar,
-	TimeInput: PickerTimeInput,
-	Presets: PickerPresets,
-	Footer: PickerFooter,
-	Apply: PickerApply,
-	Reset: PickerReset,
-	Cancel: PickerCancel,
-	Clear: PickerClear,
-	TimezoneIndicator: PickerTimezoneIndicator,
-	TimezoneSelect: PickerTimezoneSelect
-});
-//#endregion
-//#region src/components/features/picker/utils/compare.ts
-/** Strict equality of two nullable Date references by millisecond value. */
-function isSameDate(a, b) {
-	if (a === b) return true;
-	if (a === null || b === null) return false;
-	return a.getTime() === b.getTime();
-}
-/** Equality of two nullable date ranges. Compares from, to (by ms), and preset. */
-function isSameDateRange(a, b) {
-	if (a === b) return true;
-	if (a === null || b === null) return false;
-	return a.from.getTime() === b.from.getTime() && a.to.getTime() === b.to.getTime() && a.preset === b.preset;
-}
-/**
-* Equality of two nullable string ranges. Used for time-of-day, time-range,
-* and datetime-range value shapes (all structurally identical).
-* Compares from, to, and optional preset.
-*/
-function isSameStringRange(a, b) {
-	if (a === b) return true;
-	if (a === null || b === null) return false;
-	return a.from === b.from && a.to === b.to && a.preset === b.preset;
-}
-//#endregion
 //#region src/components/features/picker/utils/format-value.ts
 const DATE_OPTS = {
 	year: "numeric",
@@ -1406,7 +1354,7 @@ function formatDate(d, locale, dateFormat) {
 	return format(d, DEFAULT_DATE_FORMAT);
 }
 /** Renders `HH:mm` from a Date whose wall-clock fields are already in the target timezone. */
-function formatZonedTimeOfDay$1(d, hourCycle, timeFormat) {
+function formatZonedTimeOfDay(d, hourCycle, timeFormat) {
 	if (timeFormat) return format(d, timeFormat);
 	return formatTimeLabel(dateToHHmm(d), hourCycle);
 }
@@ -1456,64 +1404,26 @@ function formatPickerValue(value, mode, opts = {}) {
 	}
 	if (mode === "datetime") {
 		const d = safeIso(value, timezone);
-		return d ? `${formatDate(d, locale, dateFormat)} ${formatZonedTimeOfDay$1(d, hourCycle, timeFormat)}` : "";
+		return d ? `${formatDate(d, locale, dateFormat)} ${formatZonedTimeOfDay(d, hourCycle, timeFormat)}` : "";
 	}
 	if (mode === "datetime-range") {
 		const v = value;
 		const from = safeIso(v?.from, timezone);
 		const to = safeIso(v?.to, timezone);
 		if (!from || !to) return "";
-		if (isSameZonedDay(from, to)) return `${formatDate(from, locale, dateFormat)} ${formatZonedTimeOfDay$1(from, hourCycle, timeFormat)} - ${formatZonedTimeOfDay$1(to, hourCycle, timeFormat)}`;
-		return `${formatDate(from, locale, dateFormat)} ${formatZonedTimeOfDay$1(from, hourCycle, timeFormat)} - ${formatDate(to, locale, dateFormat)} ${formatZonedTimeOfDay$1(to, hourCycle, timeFormat)}`;
+		if (isSameZonedDay(from, to)) return `${formatDate(from, locale, dateFormat)} ${formatZonedTimeOfDay(from, hourCycle, timeFormat)} - ${formatZonedTimeOfDay(to, hourCycle, timeFormat)}`;
+		return `${formatDate(from, locale, dateFormat)} ${formatZonedTimeOfDay(from, hourCycle, timeFormat)} - ${formatDate(to, locale, dateFormat)} ${formatZonedTimeOfDay(to, hourCycle, timeFormat)}`;
 	}
 	if (mode === "date-range-time") {
 		const v = value;
 		const from = safeIso(v?.from, timezone);
 		const to = safeIso(v?.to, timezone);
 		if (!from || !to) return "";
-		return `${formatDate(from, locale, dateFormat)} - ${formatDate(to, locale, dateFormat)} (${formatZonedTimeOfDay$1(from, hourCycle, timeFormat)})`;
+		return `${formatDate(from, locale, dateFormat)} - ${formatDate(to, locale, dateFormat)} (${formatZonedTimeOfDay(from, hourCycle, timeFormat)})`;
 	}
 	return "";
 }
 //#endregion
-//#region src/components/features/picker/utils/range.ts
-/**
-* Number of calendar days between two dates. Always non-negative.
-*
-* Uses calendar-day boundaries (not 24-hour windows), so a range from
-* 23:59 today to 00:00 tomorrow counts as 1 day, not 0.
-*/
-function getDaysDifference(from, to) {
-	return Math.abs(differenceInCalendarDays(to, from));
-}
-/**
-* Validate a range against a maximum span (inclusive).
-*
-* - Returns `true` when `maxRange` is undefined.
-* - Returns `true` when the range spans at most `maxRange` days.
-*/
-function isRangeValid(from, to, maxRange) {
-	if (maxRange === void 0) return true;
-	return getDaysDifference(from, to) <= maxRange;
-}
-/**
-* Clamp a range to fit within `maxRange` days.
-*
-* If the range already fits, returns the original `{from, to}`.
-* Otherwise, holds `from` and clamps `to` forward to exactly `maxRange`
-* days after `from`.
-*/
-function clampRange(from, to, maxRange) {
-	if (isRangeValid(from, to, maxRange)) return {
-		from,
-		to
-	};
-	return {
-		from,
-		to: addDays(from, maxRange)
-	};
-}
-//#endregion
 //#region src/components/features/picker/wrappers/internal/default-footer.tsx
 /**
 * The standard Cancel / Reset / Apply footer used by every wrapper.
@@ -1528,262 +1438,9 @@ function DefaultFooter() {
 	] });
 }
 //#endregion
-//#region src/components/features/picker/wrappers/date-picker.tsx
-function DatePicker({ value, onChange, placeholder = "Pick a date", clearable = true, responsive = true, sheetTitle = "Pick a date", numberOfMonths = 1, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit, disablePast, disableFuture, minDate, maxDate, dateFormat }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "date",
-		value,
-		onChange,
-		commit,
-		responsive,
-		presets: [],
-		disablePast,
-		disableFuture,
-		minDate,
-		maxDate,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date", { dateFormat })
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsx(PickerCalendar, {
-				numberOfMonths,
-				minDate,
-				maxDate,
-				disablePast,
-				disableFuture
-			})
-		})
-	});
-}
-DatePicker.displayName = "DatePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/date-range-picker.tsx
-function DateRangePicker({ value, onChange, placeholder = "Pick a date range", clearable = true, responsive = true, sheetTitle = "Pick a date range", numberOfMonths = 2, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "date-range",
-		value,
-		onChange,
-		commit,
-		responsive,
-		presets,
-		excludePresets,
-		disablePast,
-		disableFuture,
-		minDate,
-		maxDate,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date-range", { dateFormat })
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col md:flex-row",
-				children: [/* @__PURE__ */ jsx(PickerPresets, {}), /* @__PURE__ */ jsx(PickerCalendar, {
-					numberOfMonths,
-					minDate,
-					maxDate,
-					disablePast,
-					disableFuture
-				})]
-			})
-		})
-	});
-}
-DateRangePicker.displayName = "DateRangePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/date-range-time-picker.tsx
-function DateRangeTimePicker({ value, onChange, placeholder = "Pick a date range with time", clearable = true, responsive = true, sheetTitle = "Pick a date range with time", timezone, step = 15, hourCycle, numberOfMonths = 2, hideTimezone = false, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat, timeFormat }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "date-range-time",
-		value,
-		onChange,
-		responsive,
-		timezone,
-		step,
-		hourCycle,
-		hideTimezone,
-		presets,
-		excludePresets,
-		disablePast,
-		disableFuture,
-		minDate,
-		maxDate,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "date-range-time", {
-					timezone,
-					hourCycle,
-					dateFormat,
-					timeFormat
-				})
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col md:flex-row",
-				children: [/* @__PURE__ */ jsx(PickerPresets, {}), /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col",
-					children: [
-						/* @__PURE__ */ jsx(PickerCalendar, {
-							numberOfMonths,
-							minDate,
-							maxDate,
-							disablePast,
-							disableFuture
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "border-t p-3",
-							children: [/* @__PURE__ */ jsx("div", {
-								className: "text-muted-foreground mb-1 text-xs",
-								children: "Time of day"
-							}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "embedded-from" })]
-						}),
-						/* @__PURE__ */ jsx(PickerTimezoneIndicator, {})
-					]
-				})]
-			})
-		})
-	});
-}
-DateRangeTimePicker.displayName = "DateRangeTimePicker";
-//#endregion
-//#region src/components/features/picker/components/time-input-field.tsx
-function formatZonedTimeOfDay(iso, tz) {
-	try {
-		const d = isoToZonedDate(iso, tz);
-		if (Number.isNaN(d.getTime())) return "";
-		return `${String(d.getHours()).padStart(2, "0")}:${String(d.getMinutes()).padStart(2, "0")}`;
-	} catch {
-		return "";
-	}
-}
-function PickerTimeInputField({ className, ariaLabel = "Select time", id }) {
-	const { mode, timezone, state, actions } = usePickerContext();
-	const isoValue = mode === "datetime" ? state.pendingValue : null;
-	const externalTimeValue = isoValue ? formatZonedTimeOfDay(isoValue, timezone) : "";
-	const [localValue, setLocalValue] = useState(externalTimeValue);
-	useEffect(() => {
-		setLocalValue(externalTimeValue);
-	}, [externalTimeValue]);
-	if (mode !== "datetime") return null;
-	const disabled = isoValue === null;
-	const handleChange = (e) => {
-		const next = e.target.value;
-		setLocalValue(next);
-		if (!isoValue) return;
-		const parsed = parseTimeString(next);
-		if (!parsed) return;
-		const d = isoToZonedDate(isoValue, timezone);
-		d.setHours(parsed.h, parsed.m, 0, 0);
-		actions.setSingleDatetime(zonedDateToIso(d, timezone));
-	};
-	return /* @__PURE__ */ jsx("input", {
-		type: "text",
-		id,
-		"aria-label": ariaLabel,
-		value: localValue,
-		onChange: handleChange,
-		disabled,
-		className: cn("border-input-border bg-input-background/50 h-10 w-full rounded-lg border px-3 text-sm", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50", className)
-	});
-}
-PickerTimeInputField.displayName = "Picker.TimeInputField";
-//#endregion
-//#region src/components/features/picker/wrappers/date-time-picker.tsx
-function DateTimePicker({ value, onChange, placeholder = "Pick a date & time", clearable = true, responsive = true, sheetTitle = "Pick a date & time", timezone, step = 15, hourCycle, numberOfMonths = 1, hideTimezone = false, timeInputMode = "slot", timezoneIndicatorVariant = "full", triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, dateFormat, timeFormat }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "datetime",
-		value,
-		onChange,
-		responsive,
-		timezone,
-		step,
-		hourCycle,
-		hideTimezone,
-		presets: [],
-		disablePast,
-		disableFuture,
-		minDate,
-		maxDate,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "datetime", {
-					timezone,
-					hourCycle,
-					dateFormat,
-					timeFormat
-				})
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex flex-col",
-				children: [
-					/* @__PURE__ */ jsx(PickerCalendar, {
-						numberOfMonths,
-						minDate,
-						maxDate,
-						disablePast,
-						disableFuture
-					}),
-					/* @__PURE__ */ jsx("div", {
-						className: "border-t p-3",
-						children: timeInputMode === "input" ? /* @__PURE__ */ jsx(PickerTimeInputField, {}) : /* @__PURE__ */ jsx(PickerTimeInput, { target: "embedded-from" })
-					}),
-					/* @__PURE__ */ jsx(PickerTimezoneIndicator, { variant: timezoneIndicatorVariant })
-				]
-			})
-		})
-	});
-}
-DateTimePicker.displayName = "DateTimePicker";
-//#endregion
 //#region src/components/features/picker/wrappers/date-time-range-picker.tsx
 function DateTimeRangePicker({ value, onChange, placeholder = "Pick a date & time range", clearable = true, responsive = true, sheetTitle = "Pick a date & time range", timezone, step = 15, hourCycle, numberOfMonths = 2, hideTimezone = false, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, disablePast, disableFuture, minDate, maxDate, presets, excludePresets, dateFormat, timeFormat }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
+	return /* @__PURE__ */ jsx(Picker.Root, {
 		mode: "datetime-range",
 		value,
 		onChange,
@@ -1856,95 +1513,4 @@ function DateTimeRangePicker({ value, onChange, placeholder = "Pick a date & tim
 }
 DateTimeRangePicker.displayName = "DateTimeRangePicker";
 //#endregion
-//#region src/components/features/picker/wrappers/time-picker.tsx
-const DEFAULT_TIME_ICON$1 = /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground size-4 shrink-0" });
-function TimePicker({ value, onChange, placeholder = "Pick a time", clearable = true, responsive = true, sheetTitle = "Pick a time", step = 15, hourCycle, minTime, maxTime, timeFormat, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "time",
-		value,
-		onChange,
-		commit,
-		responsive,
-		step,
-		hourCycle,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon: icon ?? DEFAULT_TIME_ICON$1,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "time", {
-					hourCycle,
-					timeFormat
-				})
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsx(PickerTimeInput, {
-				target: "single",
-				min: minTime,
-				max: maxTime
-			})
-		})
-	});
-}
-TimePicker.displayName = "TimePicker";
-//#endregion
-//#region src/components/features/picker/wrappers/time-range-picker.tsx
-const DEFAULT_TIME_ICON = /* @__PURE__ */ jsx(Clock, { className: "text-muted-foreground size-4 shrink-0" });
-function TimeRangePicker({ value, onChange, placeholder = "Pick a time range", clearable = true, responsive = true, sheetTitle = "Pick a time range", step = 15, hourCycle, timeFormat, triggerLabel, icon, disabled, className, triggerClassName, popoverClassName, id, sheetDescription, modal, commit }) {
-	return /* @__PURE__ */ jsx(Picker$1.Root, {
-		mode: "time-range",
-		value,
-		onChange,
-		commit,
-		responsive,
-		step,
-		hourCycle,
-		children: /* @__PURE__ */ jsx(PickerContent, {
-			trigger: /* @__PURE__ */ jsx(PickerTrigger, {
-				placeholder,
-				clearable,
-				disabled,
-				className,
-				triggerClassName,
-				id,
-				icon: icon ?? DEFAULT_TIME_ICON,
-				children: (v) => triggerLabel ? triggerLabel(v) : formatPickerValue(v, "time-range", {
-					hourCycle,
-					timeFormat
-				})
-			}),
-			sheetTitle,
-			sheetDescription,
-			modal,
-			contentClassName: popoverClassName,
-			footer: /* @__PURE__ */ jsx(DefaultFooter, {}),
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "flex gap-2 p-3",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex-1",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-1 text-xs",
-						children: "From"
-					}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "range-from" })]
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex-1",
-					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-muted-foreground mb-1 text-xs",
-						children: "To"
-					}), /* @__PURE__ */ jsx(PickerTimeInput, { target: "range-to" })]
-				})]
-			})
-		})
-	});
-}
-TimeRangePicker.displayName = "TimeRangePicker";
-//#endregion
-export { isRangeMode as $, resolveCommit as A, PickerContext as B, DATE_PRESETS as C, formatTimeLabel as D, dateToYYYYMMDD as E, PickerClear as F, getTimezoneOffset as G, formatInTimezone as H, PickerFooter as I, ALLOWED_STEPS as J, isoToZonedDate as K, PickerReset as L, PickerPresets as M, PickerApply as N, isValidTimeString as O, PickerCancel as P, isDateBearingMode as Q, PickerContent as R, DATETIME_PRESETS as S, usePickerState as T, formatTimezoneLabel as U, usePickerContext as V, getBrowserTimezone as W, RANGE_MODES as X, DATE_BEARING_MODES as Y, TIME_BEARING_MODES as Z, PickerTimezoneSelect as _, DateRangeTimePicker as a, useTimeSlots as b, clampRange as c, formatPickerValue as d, isTimeBearingMode as et, isSameDate as f, PickerTrigger as g, Picker as h, DateTimePicker as i, useKeyboardShortcuts as j, parseTimeString as k, getDaysDifference as l, isSameStringRange as m, TimePicker as n, startOfDayInTz as nt, DateRangePicker as o, isSameDateRange as p, zonedDateToIso as q, DateTimeRangePicker as r, DatePicker as s, TimeRangePicker as t, endOfDayInTz as tt, isRangeValid as u, PickerTimezoneIndicator as v, getDefaultPresets as w, usePresets as x, PickerTimeInput as y, PickerCalendar as z };
+export { formatInTimezone as A, isDateBearingMode as B, PickerClear as C, PickerCalendar as D, PickerContent as E, zonedDateToIso as F, isTimeBearingMode as H, ALLOWED_STEPS as I, DATE_BEARING_MODES as L, getBrowserTimezone as M, getTimezoneOffset as N, PickerContext as O, isoToZonedDate as P, RANGE_MODES as R, PickerCancel as S, PickerReset as T, endOfDayInTz as U, isRangeMode as V, startOfDayInTz as W, parseTimeString as _, PickerTimezoneIndicator as a, PickerPresets as b, Picker as c, DATE_PRESETS as d, getDefaultPresets as f, isValidTimeString as g, formatTimeLabel as h, PickerTrigger as i, formatTimezoneLabel as j, usePickerContext as k, usePresets as l, dateToYYYYMMDD as m, DefaultFooter as n, PickerTimeInput as o, usePickerState as p, formatPickerValue as r, useTimeSlots as s, DateTimeRangePicker as t, DATETIME_PRESETS as u, resolveCommit as v, PickerFooter as w, PickerApply as x, useKeyboardShortcuts as y, TIME_BEARING_MODES as z };

package/dist/form/index.mjs

@@ -1,3 +1,3 @@
-import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-BUUNQfC9.mjs";
+import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-BhBsoMFA.mjs";
 import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-h0jCVqGO.mjs";
 export { Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, useAdapter, useField, useFieldContext, useFormContext, useFormState, useWatch, useWatchAll };

package/dist/{form-BUUNQfC9.mjs → form-BhBsoMFA.mjs}

@@ -11,16 +11,16 @@ import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u
 import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
 import { t as Switch } from "./switch-DPHr3TcN.mjs";
 import { t as Textarea } from "./textarea-B6YhjFVC.mjs";
-import { t as Autocomplete } from "./autocomplete-DM6JYV4W.mjs";
+import { t as Autocomplete } from "./autocomplete-DZ_HSBak.mjs";
 import { Autosearch } from "./autosearch/index.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-AzvSqjeS.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-ynSGADfR.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
-import { t as DateTimePicker } from "./date-time-picker-D3-DeNo8.mjs";
+import { t as DateTimePicker } from "./date-time-picker-BzcHrf-A.mjs";
 import { n as useFormContext$1, t as FormProvider } from "./form-context-DzB2a-dw.mjs";
 import { t as useCopyToClipboard } from "./use-copy-to-clipboard-DZDq_85T.mjs";
 import { n as useAdapter } from "./adapter-context-h0jCVqGO.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
-import { t as TimePicker } from "./time-picker-B_fN5vhO.mjs";
+import { t as TimePicker } from "./time-picker-CFhaHTtI.mjs";
 import { t as Transfer } from "./transfer-CEq9AhL7.mjs";
 import { CheckIcon, CircleHelp, CopyIcon } from "lucide-react";
 import * as React from "react";

package/dist/grouped-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as GroupedTable } from "../grouped-table-D4J3ioHb.mjs";
+import { t as GroupedTable } from "../grouped-table--jejU1Jy.mjs";
 export { GroupedTable };

package/dist/{grouped-table-D4J3ioHb.mjs → grouped-table--jejU1Jy.mjs}

@@ -5,7 +5,7 @@ import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
-import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-DjGvAdO_.mjs";
+import { f as rowMatchesSearch, g as createSelectionColumn, h as DataTableColumnHeader, m as DataTableRowActions, p as dataTableFeatures } from "./data-table-Du7_FLBi.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
 import { ChevronRight } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";