@datum-cloud/datum-ui 0.8.1 → 0.10.0

package/dist/time-input-9LdNL0Us.mjs

@@ -0,0 +1,196 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { t as Button } from "./button-Rw1xI-k9.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
+import { n as OptionList, t as useOptionPicker } from "./use-option-picker-DV5O68eV.mjs";
+import { A as zonedDateToIso, _ as formatTimeLabel, h as dateToHHmm, k as isoToZonedDate, w as usePickerContext, y as parseTimeString } from "./default-footer-DbpemJVl.mjs";
+import { Clock } from "lucide-react";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/picker/hooks/use-time-slots.ts
+function timeToMinutes(t) {
+	const parsed = parseTimeString(t);
+	return parsed ? parsed.h * 60 + parsed.m : null;
+}
+function minutesToTime(total) {
+	const h = Math.floor(total / 60);
+	const m = total % 60;
+	return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+}
+/**
+* Generate an `OptionPickerOption[]` of HH:mm slots for the slot-dropdown UI.
+*
+* Slots are produced in pure minute arithmetic — DST is not considered (slots
+* are wall-clock times of day, independent of any specific calendar date).
+*/
+function useTimeSlots({ min, max, step = 15, hourCycle = "24" }) {
+	return useMemo(() => {
+		const minMinutes = min ? timeToMinutes(min) ?? 0 : 0;
+		const maxMinutes = max ? timeToMinutes(max) ?? 1439 : 1439;
+		const slots = [];
+		for (let m = minMinutes; m <= maxMinutes; m += step) {
+			if (m >= 1440) break;
+			const value = minutesToTime(m);
+			slots.push({
+				value,
+				label: formatTimeLabel(value, hourCycle)
+			});
+		}
+		return slots;
+	}, [
+		min,
+		max,
+		step,
+		hourCycle
+	]);
+}
+//#endregion
+//#region src/components/features/picker/components/time-input.tsx
+function combineDateAndTime(dateIso, time, timezone) {
+	const d = isoToZonedDate(dateIso, timezone);
+	const parsed = parseTimeString(time);
+	if (!parsed) return dateIso;
+	d.setHours(parsed.h, parsed.m, 0, 0);
+	return zonedDateToIso(d, timezone);
+}
+function PickerTimeInput({ target, min, max, className }) {
+	const { mode, timezone, hourCycle, step, state, actions } = usePickerContext();
+	let effectiveMin = min;
+	if (target === "range-to" && mode === "time-range") {
+		const fromValue = state.pendingValue?.from;
+		if (fromValue) effectiveMin = min && min > fromValue ? min : fromValue;
+	}
+	const slots = useTimeSlots({
+		min: effectiveMin,
+		max,
+		step,
+		hourCycle
+	});
+	let currentValue;
+	let embeddedDisabled = false;
+	if (target === "single" && mode === "time") currentValue = state.pendingValue ?? void 0;
+	else if ((target === "range-from" || target === "range-to") && mode === "time-range") {
+		const v = state.pendingValue;
+		currentValue = target === "range-from" ? v?.from : v?.to;
+	} else if (target === "embedded-from" || target === "embedded-to") {
+		if (mode === "datetime-range" || mode === "date-range-time") {
+			const v = state.pendingValue;
+			const iso = target === "embedded-from" ? v?.from : v?.to;
+			currentValue = iso ? dateToHHmm(isoToZonedDate(iso, timezone)) : void 0;
+			embeddedDisabled = v === null;
+		} else if (mode === "datetime") {
+			const iso = state.pendingValue;
+			currentValue = iso ? dateToHHmm(isoToZonedDate(iso, timezone)) : void 0;
+			embeddedDisabled = iso === null;
+		}
+	}
+	const handleSelect = (newTime) => {
+		if (target === "single" && mode === "time") {
+			actions.setSingleTime(newTime);
+			return;
+		}
+		if (mode === "time-range") {
+			const v = state.pendingValue ?? {
+				from: "00:00",
+				to: "23:59"
+			};
+			const next = target === "range-from" ? {
+				from: newTime,
+				to: v.to
+			} : {
+				from: v.from,
+				to: newTime
+			};
+			actions.setTimeRange(next);
+			return;
+		}
+		if (mode === "datetime-range" || mode === "date-range-time") {
+			const v = state.pendingValue;
+			if (!v) return;
+			const next = target === "embedded-from" ? {
+				from: combineDateAndTime(v.from, newTime, timezone),
+				to: v.to
+			} : {
+				from: v.from,
+				to: combineDateAndTime(v.to, newTime, timezone)
+			};
+			actions.setDatetimeRange(next);
+			return;
+		}
+		if (mode === "datetime" && (target === "embedded-from" || target === "embedded-to")) {
+			const v = state.pendingValue;
+			if (!v) return;
+			actions.setSingleDatetime(combineDateAndTime(v, newTime, timezone));
+		}
+	};
+	if (target === "single" || target === "range-from" || target === "range-to") return /* @__PURE__ */ jsx(InlineSlotList, {
+		slots,
+		value: currentValue,
+		onSelect: handleSelect,
+		className
+	});
+	return /* @__PURE__ */ jsx(EmbeddedSlotInput, {
+		label: currentValue ? formatTimeLabel(currentValue, hourCycle) : "— : —",
+		slots,
+		value: currentValue,
+		onSelect: handleSelect,
+		disabled: embeddedDisabled,
+		className
+	});
+}
+PickerTimeInput.displayName = "Picker.TimeInput";
+function InlineSlotList({ slots, value, onSelect, className }) {
+	const [open, setOpen] = useState(true);
+	return /* @__PURE__ */ jsx(OptionList, {
+		picker: useOptionPicker({
+			multiple: false,
+			options: slots,
+			value,
+			onValueChange: (next) => {
+				if (typeof next === "string") onSelect(next);
+			},
+			open,
+			onOpenChange: setOpen
+		}),
+		disableSearch: slots.length <= 48,
+		searchPlaceholder: "Search time...",
+		listClassName: cn("max-h-[240px]", className)
+	});
+}
+function EmbeddedSlotInput({ label, slots, value, onSelect, disabled = false, className }) {
+	const [open, setOpen] = useState(false);
+	const picker = useOptionPicker({
+		multiple: false,
+		options: slots,
+		value,
+		onValueChange: (next) => {
+			if (typeof next === "string") {
+				onSelect(next);
+				setOpen(false);
+			}
+		},
+		open,
+		onOpenChange: disabled ? () => {} : setOpen
+	});
+	return /* @__PURE__ */ jsx(ResponsivePopover, {
+		open,
+		onOpenChange: disabled ? () => {} : setOpen,
+		sheetTitle: "Select time",
+		trigger: /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "outline",
+			disabled,
+			className: cn("h-8 gap-1.5 px-2 text-xs font-normal", className),
+			children: [/* @__PURE__ */ jsx(Clock, { className: "size-3.5 opacity-60" }), /* @__PURE__ */ jsx("span", { children: label })]
+		}),
+		align: "start",
+		contentClassName: "w-[200px]",
+		children: /* @__PURE__ */ jsx(OptionList, {
+			picker,
+			disableSearch: slots.length <= 48,
+			searchPlaceholder: "Search time...",
+			listClassName: "max-h-[240px]"
+		})
+	});
+}
+//#endregion
+export { useTimeSlots as n, PickerTimeInput as t };

package/dist/time-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../time-picker-BZF5jbF6.mjs";
+import { t as TimePicker } from "../time-picker-C840fLl6.mjs";
 export { TimePicker };

package/dist/time-picker-B-vpUClR.mjs

@@ -0,0 +1,45 @@
+import { S as PickerContent, c as PickerTrigger, l as Picker, s as formatPickerValue, t as DefaultFooter } from "./default-footer-DbpemJVl.mjs";
+import { t as PickerTimeInput } from "./time-input-9LdNL0Us.mjs";
+import { Clock } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/features/picker/wrappers/time-picker.tsx
+const DEFAULT_TIME_ICON = /* @__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.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,
+				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
+export { TimePicker as t };

package/dist/time-picker-C840fLl6.mjs

@@ -0,0 +1,49 @@
+import { t as useDeprecationWarning } from "./use-deprecation-warning-Dy_DOyLu.mjs";
+import { t as TimePicker$1 } from "./time-picker-B-vpUClR.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/time-picker/time-picker.tsx
+const STEP_VALUES = [
+	1,
+	5,
+	10,
+	15,
+	30,
+	60
+];
+function normalizeStep(step) {
+	if (step === void 0) return 15;
+	return STEP_VALUES.includes(step) ? step : 15;
+}
+/**
+* @deprecated Use `TimePicker` from `@datum-cloud/datum-ui/picker` instead.
+* This adapter shim ships through 0.10.x and is removed in 1.0.0. See
+* `picker-migration.mdx`.
+*/
+function TimePicker({ value, onChange, min, max, step, placeholder, disabled, className, id, name, responsive = true, sheetTitle }) {
+	useDeprecationWarning("TimePicker (legacy)", "TimePicker");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(TimePicker$1, {
+		value: value ?? null,
+		onChange: (next) => {
+			onChange?.(next ?? "");
+		},
+		placeholder: placeholder ?? "Select time",
+		sheetTitle: sheetTitle ?? placeholder ?? "Select time",
+		responsive,
+		disabled,
+		className,
+		triggerClassName: className,
+		id,
+		step: normalizeStep(step),
+		hourCycle: "12",
+		minTime: min,
+		maxTime: max
+	}), name && /* @__PURE__ */ jsx("input", {
+		type: "hidden",
+		name,
+		value: value ?? "",
+		readOnly: true
+	})] });
+}
+TimePicker.displayName = "TimePicker";
+//#endregion
+export { TimePicker as t };

package/dist/timezone-indicator-COoeMKKs.mjs

@@ -0,0 +1,27 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { E as formatTimezoneLabel, L as isTimeBearingMode, w as usePickerContext } from "./default-footer-DbpemJVl.mjs";
+import { Globe } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/features/picker/components/timezone-indicator.tsx
+function PickerTimezoneIndicator({ className, variant = "full" }) {
+	const { mode, timezone, hideTimezone } = usePickerContext();
+	if (hideTimezone) return null;
+	if (!isTimeBearingMode(mode)) return null;
+	if (variant === "compact") return /* @__PURE__ */ jsx("span", {
+		"data-slot": "picker-tz-indicator",
+		className: cn("text-muted-foreground text-xs", className),
+		children: timezone
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "picker-tz-indicator",
+		className: cn("text-muted-foreground bg-muted/30 flex items-center gap-2 px-3 py-2 text-xs", className),
+		children: [/* @__PURE__ */ jsx(Globe, { className: "size-3.5" }), /* @__PURE__ */ jsxs("span", { children: [
+			"Times shown in",
+			" ",
+			formatTimezoneLabel(timezone)
+		] })]
+	});
+}
+PickerTimezoneIndicator.displayName = "Picker.TimezoneIndicator";
+//#endregion
+export { PickerTimezoneIndicator as t };

package/dist/{to-api-format-CgKcC9SK.mjs → to-api-format-CmXTvYka.mjs}

@@ -1,17 +1,14 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Button } from "./button-BllvE9Lm.mjs";
-import { t as Separator } from "./separator-DXVTncCK.mjs";
-import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
-import { t as Calendar$1 } from "./calendar-C-Hbf74r.mjs";
+import { t as Calendar } from "./calendar-Dwvq3Vu_.mjs";
 import { t as Input } from "./input-FKGqZypx.mjs";
-import { t as MobileSheet } from "./mobile-sheet-BxMvkzAj.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-JOuXJOZ2.mjs";
-import { t as useBreakpoint } from "./use-breakpoint-DGcVmB3c.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-zxwykvQn.mjs";
-import { Calendar, CalendarIcon, Globe, X } from "lucide-react";
-import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-Ck0szhAH.mjs";
+import { t as useDeprecationWarning } from "./use-deprecation-warning-Dy_DOyLu.mjs";
+import { t as DateTimeRangePicker } from "./date-time-range-picker-BAsH_Wv9.mjs";
+import { CalendarIcon, Globe } from "lucide-react";
+import { useCallback, useEffect, useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { format, isSameDay, isSameYear, parse, subDays, subHours, subMinutes } from "date-fns";
 import { fromZonedTime, toZonedTime } from "date-fns-tz";
 //#region src/components/features/time-range-picker/utils/timezone.ts
@@ -296,7 +293,7 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 									children: format(startDate, "MMM d, yyyy")
 								})]
 							}),
-							children: /* @__PURE__ */ jsx(Calendar$1, {
+							children: /* @__PURE__ */ jsx(Calendar, {
 								mode: "single",
 								selected: startDate,
 								onSelect: handleStartDateSelect,
@@ -340,7 +337,7 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 									children: format(endDate, "MMM d, yyyy")
 								})]
 							}),
-							children: /* @__PURE__ */ jsx(Calendar$1, {
+							children: /* @__PURE__ */ jsx(Calendar, {
 								mode: "single",
 								selected: endDate,
 								onSelect: handleEndDateSelect,
@@ -550,6 +547,54 @@ function getPresetRange(preset, timezone) {
 	};
 }
 //#endregion
+//#region src/components/features/time-range-picker/time-range-picker.tsx
+/**
+* @deprecated Use `DateTimeRangePicker` from `@datum-cloud/datum-ui/picker`
+* (or `TimeRangePicker` for time-of-day-only ranges). This adapter shim ships
+* through 0.10.x and is removed in 1.0.0. See `picker-migration.mdx`.
+*
+* Notable diff: legacy `TimeRangeValue` envelope had a `type: 'preset' | 'custom'`
+* discriminator. The shim translates to/from the new wrapper's flatter
+* `{ from, to, preset? }` shape.
+*/
+function TimeRangePicker({ value, onChange, onClear: _onClear, timezone, presets, disableFuture, maxDate, minDate, className, disabled, placeholder = "Select time range", align: _align, side: _side }) {
+	useDeprecationWarning("TimeRangePicker (legacy)", "DateTimeRangePicker");
+	return /* @__PURE__ */ jsx(DateTimeRangePicker, {
+		value: value ? {
+			from: value.from,
+			to: value.to
+		} : null,
+		onChange: (next) => {
+			if (next === null) {
+				onChange({
+					type: "custom",
+					from: "",
+					to: ""
+				});
+				return;
+			}
+			const withPreset = next;
+			onChange({
+				type: withPreset.preset ? "preset" : "custom",
+				preset: withPreset.preset,
+				from: withPreset.from,
+				to: withPreset.to
+			});
+		},
+		placeholder,
+		sheetTitle: placeholder,
+		timezone,
+		presets,
+		disableFuture,
+		maxDate,
+		minDate,
+		className,
+		disabled,
+		numberOfMonths: 2
+	});
+}
+TimeRangePicker.displayName = "TimeRangePicker";
+//#endregion
 //#region src/components/features/time-range-picker/utils/format-display.ts
 /**
 * Format a TimeRangeValue for display in the trigger button
@@ -593,236 +638,6 @@ function formatDateForInput(date) {
 	return format(date, "yyyy-MM-dd'T'HH:mm");
 }
 //#endregion
-//#region src/components/features/time-range-picker/time-range-picker.tsx
-function TimeRangePicker({ value, onChange, onClear, timezone: timezoneProp, presets = DEFAULT_PRESETS, disableFuture = false, maxDate, minDate, className, disabled = false, placeholder = "Select time range", align = "start", side = "bottom" }) {
-	const [open, setOpen] = useState(false);
-	const isMobile = useBreakpoint() === "mobile";
-	const timezone = timezoneProp ?? getBrowserTimezone();
-	const defaultPreset = getDefaultPreset(presets);
-	const defaultRange = useMemo(() => getPresetRange(defaultPreset, timezone), [defaultPreset, timezone]);
-	const currentFromUtc = value?.from ?? defaultRange.from;
-	const currentToUtc = value?.to ?? defaultRange.to;
-	const calendarRange = useMemo(() => {
-		try {
-			return {
-				from: utcStringToZonedDate(currentFromUtc, timezone),
-				to: utcStringToZonedDate(currentToUtc, timezone)
-			};
-		} catch {
-			return;
-		}
-	}, [
-		currentFromUtc,
-		currentToUtc,
-		timezone
-	]);
-	const effectiveValue = useMemo(() => {
-		if (value?.type === "preset" && value?.preset && (!value?.from || !value?.to)) {
-			const preset = presets.find((p) => p.key === value.preset) ?? defaultPreset;
-			const range = getPresetRange(preset, timezone);
-			return {
-				type: "preset",
-				preset: preset.key,
-				from: range.from,
-				to: range.to
-			};
-		}
-		if (value?.from && value?.to) return value;
-		return {
-			type: "preset",
-			preset: defaultPreset.key,
-			from: defaultRange.from,
-			to: defaultRange.to
-		};
-	}, [
-		value,
-		defaultPreset,
-		defaultRange.from,
-		defaultRange.to,
-		presets,
-		timezone
-	]);
-	const displayText = useMemo(() => formatTimeRangeDisplay(effectiveValue, timezone) || placeholder, [
-		effectiveValue,
-		timezone,
-		placeholder
-	]);
-	const handlePresetSelect = useCallback((preset) => {
-		const range = getPresetRange(preset, timezone);
-		onChange({
-			type: "preset",
-			preset: preset.key,
-			from: range.from,
-			to: range.to
-		});
-		setOpen(false);
-	}, [onChange, timezone]);
-	const userClickedCalendarRef = useRef(false);
-	const handleDayClick = useCallback(() => {
-		userClickedCalendarRef.current = true;
-	}, []);
-	const handleCalendarSelect = useCallback((range) => {
-		if (!userClickedCalendarRef.current) return;
-		userClickedCalendarRef.current = false;
-		if (range?.from && range?.to) {
-			const now = /* @__PURE__ */ new Date();
-			const fromStart = new Date(range.from);
-			fromStart.setHours(0, 0, 0, 0);
-			const toEnd = new Date(range.to);
-			toEnd.setHours(23, 59, 59, 999);
-			const effectiveToEnd = toEnd > now ? now : toEnd;
-			onChange({
-				type: "custom",
-				from: zonedDateToUtcString(fromStart, timezone),
-				to: zonedDateToUtcString(effectiveToEnd, timezone)
-			});
-		} else if (range?.from) {
-			const now = /* @__PURE__ */ new Date();
-			const fromStart = new Date(range.from);
-			fromStart.setHours(0, 0, 0, 0);
-			const toEnd = new Date(range.from);
-			toEnd.setHours(23, 59, 59, 999);
-			const effectiveToEnd = toEnd > now ? now : toEnd;
-			onChange({
-				type: "custom",
-				from: zonedDateToUtcString(fromStart, timezone),
-				to: zonedDateToUtcString(effectiveToEnd, timezone)
-			});
-		}
-	}, [onChange, timezone]);
-	const handleCustomRangeChange = useCallback((fromUtc, toUtc) => {
-		onChange({
-			type: "custom",
-			from: fromUtc,
-			to: toUtc
-		});
-	}, [onChange]);
-	useEffect(() => {
-		if (!open) return;
-		const handleKeyDown = (e) => {
-			const preset = getPresetByShortcut(e.key, presets);
-			if (preset) {
-				e.preventDefault();
-				handlePresetSelect(preset);
-			}
-		};
-		document.addEventListener("keydown", handleKeyDown);
-		return () => document.removeEventListener("keydown", handleKeyDown);
-	}, [
-		open,
-		presets,
-		handlePresetSelect
-	]);
-	const effectiveMaxDate = disableFuture ? /* @__PURE__ */ new Date() : maxDate;
-	const handleClear = useCallback((e) => {
-		e.stopPropagation();
-		onClear?.();
-	}, [onClear]);
-	const showClearButton = value && onClear;
-	const triggerButton = /* @__PURE__ */ jsxs(Button, {
-		type: "quaternary",
-		theme: "outline",
-		disabled,
-		className: cn("text-foreground min-w-[200px] items-center justify-between gap-2 px-3 font-normal", className),
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "flex flex-1 items-center gap-2",
-			children: [/* @__PURE__ */ jsx(Icon, {
-				icon: Calendar,
-				size: 16
-			}), /* @__PURE__ */ jsx("span", {
-				className: "truncate text-xs",
-				children: displayText
-			})]
-		}), showClearButton && /* @__PURE__ */ jsx("div", {
-			onClick: (e) => {
-				e.stopPropagation();
-				e.preventDefault();
-				handleClear(e);
-			},
-			className: cn("size-[14px] shrink-0 p-0 hover:bg-transparent", "hover:text-destructive text-icon-quaternary hover:bg-transparent dark:text-white", "focus:ring-ring focus:ring-2 focus:ring-offset-1 focus:outline-none", "disabled:pointer-events-none disabled:opacity-50", "transition-colors"),
-			"aria-label": "Clear time range",
-			children: /* @__PURE__ */ jsx(Icon, {
-				icon: X,
-				size: 14
-			})
-		})]
-	});
-	const pickerContent = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		/* @__PURE__ */ jsxs("div", {
-			className: "divide-border flex flex-col divide-x sm:flex-row",
-			children: [/* @__PURE__ */ jsx("div", {
-				className: "flex-1 px-0",
-				children: /* @__PURE__ */ jsx(Calendar$1, {
-					className: "w-full",
-					mode: "range",
-					defaultMonth: calendarRange?.from,
-					selected: calendarRange,
-					onSelect: handleCalendarSelect,
-					onDayClick: handleDayClick,
-					numberOfMonths: 1,
-					disabled: (date) => {
-						if (effectiveMaxDate && date > effectiveMaxDate) return true;
-						if (minDate && date < minDate) return true;
-						return false;
-					},
-					initialFocus: true
-				})
-			}), /* @__PURE__ */ jsx("div", {
-				className: "p-3",
-				children: /* @__PURE__ */ jsx(QuickRangesPanel, {
-					presets,
-					value: effectiveValue,
-					onPresetSelect: handlePresetSelect
-				})
-			})]
-		}),
-		/* @__PURE__ */ jsx(Separator, {}),
-		/* @__PURE__ */ jsx("div", {
-			className: "p-3",
-			children: /* @__PURE__ */ jsx(CustomRangePanel, {
-				fromUtc: currentFromUtc,
-				toUtc: currentToUtc,
-				timezone,
-				onRangeChange: handleCustomRangeChange,
-				disableFuture
-			})
-		}),
-		/* @__PURE__ */ jsx(Separator, {}),
-		/* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground bg-muted/30 flex items-center gap-2 px-3 py-2 text-xs",
-			children: [/* @__PURE__ */ jsx(Globe, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ jsxs("span", { children: ["Your timezone:", formatTimezoneLabel(timezone)] })]
-		})
-	] });
-	if (isMobile) return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", {
-		className: "relative inline-flex",
-		onClick: () => setOpen(true),
-		children: triggerButton
-	}), /* @__PURE__ */ jsx(MobileSheet, {
-		open,
-		onOpenChange: setOpen,
-		title: "Select time range",
-		description: "Choose a preset or custom date range",
-		children: pickerContent
-	})] });
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx("div", {
-			className: "relative inline-flex",
-			children: /* @__PURE__ */ jsx(PopoverTrigger, {
-				asChild: true,
-				children: triggerButton
-			})
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			className: "w-auto rounded-xl p-0",
-			align,
-			side,
-			sideOffset: 4,
-			children: pickerContent
-		})]
-	});
-}
-//#endregion
 //#region src/components/features/time-range-picker/utils/to-api-format.ts
 /**
 * Convert a TimeRangeValue to API format (startTime/endTime)
@@ -864,4 +679,4 @@ function toApiTimeRange(value, timezone, presets = DEFAULT_PRESETS) {
 	};
 }
 //#endregion
-export { utcToLocalInputString as C, utcStringToZonedDate as S, getBrowserTimezone as _, formatTimeRangeDisplay as a, getTimezoneOffset as b, getPresetByKey as c, TimezoneSelector as d, QuickRangesPanel as f, formatUtcForDisplay as g, formatTimezoneLabel as h, formatSingleTimeDisplay as i, getPresetByShortcut as l, createTimezoneOption as m, TimeRangePicker as n, DEFAULT_PRESETS as o, CustomRangePanel as p, formatDateForInput as r, getDefaultPreset as s, toApiTimeRange as t, getPresetRange as u, getDefaultTimezoneOptions as v, zonedDateToUtcString as w, localInputStringToUtc as x, getShortTimezoneDisplay as y };
+export { utcToLocalInputString as C, utcStringToZonedDate as S, getBrowserTimezone as _, TimeRangePicker as a, getTimezoneOffset as b, getPresetByKey as c, TimezoneSelector as d, QuickRangesPanel as f, formatUtcForDisplay as g, formatTimezoneLabel as h, formatTimeRangeDisplay as i, getPresetByShortcut as l, createTimezoneOption as m, formatDateForInput as n, DEFAULT_PRESETS as o, CustomRangePanel as p, formatSingleTimeDisplay as r, getDefaultPreset as s, toApiTimeRange as t, getPresetRange as u, getDefaultTimezoneOptions as v, zonedDateToUtcString as w, localInputStringToUtc as x, getShortTimezoneDisplay as y };

package/dist/toast/index.mjs

@@ -1,3 +1,3 @@
-import { t as toast } from "../toast-D5XD7goD.mjs";
-import { n as Toaster, t as useToast } from "../toast-DDdLgY53.mjs";
+import { t as toast } from "../toast-BWol1pyV.mjs";
+import { n as Toaster, t as useToast } from "../toast-Bd5Kk7BB.mjs";
 export { Toaster, toast, useToast };

package/dist/{toast-DDdLgY53.mjs → toast-Bd5Kk7BB.mjs}

@@ -1,4 +1,4 @@
-import { t as toast$1 } from "./toast-D5XD7goD.mjs";
+import { t as toast$1 } from "./toast-BWol1pyV.mjs";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Toaster } from "sonner";

package/dist/tooltip/index.mjs

@@ -1,2 +1,2 @@
-import { t as Tooltip } from "../tooltip-a7NTDCWw.mjs";
+import { t as Tooltip } from "../tooltip-CHuzXR_O.mjs";
 export { Tooltip };

package/dist/transfer/index.mjs

@@ -1,2 +1,2 @@
-import { t as Transfer } from "../transfer-CoGPwOc6.mjs";
+import { t as Transfer } from "../transfer-CuJGL420.mjs";
 export { Transfer };