@datum-cloud/datum-ui 1.3.2 → 1.5.0

package/dist/textarea/index.mjs

@@ -1,2 +1,2 @@
-import { t as Textarea } from "../textarea-BzQxX-oL.mjs";
+import { t as Textarea } from "../textarea-B6YhjFVC.mjs";
 export { Textarea };

package/dist/{textarea-BzQxX-oL.mjs → textarea-B6YhjFVC.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Textarea$1 } from "./textarea-CCxpXJdh.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";

package/dist/theme/index.mjs

@@ -1,2 +1,2 @@
-import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider } from "../themes-CAmRnjUM.mjs";
+import { i as ClientOnly, n as useTheme, r as ThemeScript, t as ThemeProvider } from "../themes-BK5atywZ.mjs";
 export { ClientOnly, ThemeProvider, ThemeScript, useTheme };

package/dist/{themes-CAmRnjUM.mjs → themes-BK5atywZ.mjs}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/themes/client-only.tsx
 function ClientOnly({ children, fallback = null }) {
 	const [hasMounted, setHasMounted] = React.useState(false);
@@ -16,13 +16,15 @@ function script(attribute, storageKey, defaultTheme, forcedTheme, themes, value,
 	const el = document.documentElement;
 	const systemThemes = ["light", "dark"];
 	function updateDOM(theme) {
-		(Array.isArray(attribute) ? attribute : [attribute]).forEach((attr) => {
+		const attributes = Array.isArray(attribute) ? attribute : [attribute];
+		const name = value && value[theme] ? value[theme] : theme;
+		attributes.forEach((attr) => {
 			const isClass = attr === "class";
 			const classes = isClass && value ? themes.map((t) => value[t] || t) : themes;
 			if (isClass) {
-				el.classList.remove(...classes);
-				el.classList.add(value && value[theme] ? value[theme] : theme);
-			} else el.setAttribute(attr, theme);
+				el.classList.remove(...classes.flatMap((c) => c.split(" ")));
+				if (name) el.classList.add(...name.split(" "));
+			} else el.setAttribute(attr, name);
 		});
 		setColorScheme(theme);
 	}
@@ -40,7 +42,7 @@ function script(attribute, storageKey, defaultTheme, forcedTheme, themes, value,
 }
 //#endregion
 //#region src/components/themes/theme-script.tsx
-const ThemeScript = React.memo(({ forcedTheme, storageKey = "theme", attribute = "data-theme", enableSystem = true, enableColorScheme = true, defaultTheme = "system", value, themes = ["light", "dark"], nonce, scriptProps }) => {
+const ThemeScript = React.memo(({ forcedTheme, storageKey = "theme", attribute = "data-theme", enableSystem = true, enableColorScheme = true, defaultTheme = enableSystem ? "system" : "light", value, themes = ["light", "dark"], nonce, scriptProps }) => {
 	const scriptArgs = JSON.stringify([
 		attribute,
 		storageKey,
@@ -79,13 +81,13 @@ function ThemeProvider(props) {
 	return /* @__PURE__ */ jsx(ThemeImpl, { ...props });
 }
 const defaultThemes = ["light", "dark"];
-function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = "theme", themes = defaultThemes, defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce, scriptProps: _scriptProps }) {
+function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSystem = true, enableColorScheme = true, storageKey = "theme", themes = defaultThemes, defaultTheme = enableSystem ? "system" : "light", attribute = "data-theme", value, children, nonce, scriptProps }) {
 	const [theme, setThemeState] = React.useState(() => isServer ? defaultTheme : getTheme(storageKey, defaultTheme));
 	const [resolvedTheme, setResolvedTheme] = React.useState(() => {
 		if (isServer) return defaultTheme === "dark" ? "dark" : "light";
 		return theme === "system" ? getSystemTheme() : theme;
 	});
-	const attrs = !value ? themes : Object.values(value);
+	const attrs = React.useMemo(() => !value ? themes : Object.values(value), [themes, value]);
 	const applyTheme = React.useCallback((theme) => {
 		let resolved = theme;
 		if (!resolved) return;
@@ -108,7 +110,16 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 			d.style.colorScheme = colorScheme;
 		}
 		enable?.();
-	}, [nonce]);
+	}, [
+		attribute,
+		attrs,
+		defaultTheme,
+		disableTransitionOnChange,
+		enableColorScheme,
+		enableSystem,
+		nonce,
+		value
+	]);
 	const setTheme = React.useCallback((value) => {
 		if (typeof value === "function") setThemeState((prevTheme) => {
 			const newTheme = value(prevTheme);
@@ -119,11 +130,16 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 			setThemeState(value);
 			saveToLS(storageKey, value);
 		}
-	}, []);
+	}, [storageKey]);
 	const handleMediaQuery = React.useCallback((e) => {
 		setResolvedTheme(getSystemTheme(e));
 		if (theme === "system" && enableSystem && !forcedTheme) applyTheme("system");
-	}, [theme, forcedTheme]);
+	}, [
+		applyTheme,
+		enableSystem,
+		forcedTheme,
+		theme
+	]);
 	React.useEffect(() => {
 		if (typeof window === "undefined") return;
 		const media = window.matchMedia(MEDIA);
@@ -140,19 +156,30 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 		};
 		window.addEventListener("storage", handleStorage);
 		return () => window.removeEventListener("storage", handleStorage);
-	}, [setTheme]);
+	}, [
+		defaultTheme,
+		setTheme,
+		storageKey
+	]);
 	React.useEffect(() => {
 		if (typeof window !== "undefined") applyTheme(forcedTheme ?? theme);
-	}, [forcedTheme, theme]);
-	return /* @__PURE__ */ jsx(ThemeContext, {
-		value: React.useMemo(() => ({
-			theme,
-			setTheme,
-			forcedTheme,
-			resolvedTheme: theme === "system" ? resolvedTheme : theme,
-			themes: enableSystem ? [...themes, "system"] : themes,
-			systemTheme: enableSystem ? resolvedTheme : void 0
-		}), [
+	}, [
+		applyTheme,
+		forcedTheme,
+		theme
+	]);
+	return /* @__PURE__ */ jsxs(ThemeContext, {
+		value: React.useMemo(() => {
+			const effectiveTheme = forcedTheme ?? theme;
+			return {
+				theme,
+				setTheme,
+				forcedTheme,
+				resolvedTheme: effectiveTheme === "system" ? resolvedTheme : effectiveTheme,
+				themes: enableSystem ? [...themes, "system"] : themes,
+				systemTheme: enableSystem ? resolvedTheme : void 0
+			};
+		}, [
 			theme,
 			setTheme,
 			forcedTheme,
@@ -160,7 +187,18 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 			enableSystem,
 			themes
 		]),
-		children
+		children: [/* @__PURE__ */ jsx(ThemeScript, {
+			forcedTheme,
+			storageKey,
+			attribute,
+			enableSystem,
+			enableColorScheme,
+			defaultTheme,
+			value,
+			themes,
+			nonce,
+			scriptProps
+		}), children]
 	});
 }
 function getTheme(key, fallback) {

package/dist/time-picker/index.mjs

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

package/dist/{time-picker-B52KLKGe.mjs → time-picker-Bgt6R1fU.mjs}

@@ -1,5 +1,5 @@
-import { t as useDeprecationWarning } from "./use-deprecation-warning-BjKiPZ98.mjs";
-import { t as TimePicker$1 } from "./time-picker-Dm7jOOcX.mjs";
+import { n as TimePicker$1 } from "./picker-CRUSdzpo.mjs";
+import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/features/time-picker/time-picker.tsx
 const STEP_VALUES = [

package/dist/{to-api-format-tidT5mxa.mjs → to-api-format-CgKtSuWO.mjs}

@@ -1,45 +1,18 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as Button } from "./button-B_N7A8gv.mjs";
-import { t as Calendar } from "./calendar-ByqfbFGx.mjs";
-import { t as Input } from "./input-DBzgl-pN.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-CVFh3i33.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DNnPDWSW.mjs";
-import { t as useDeprecationWarning } from "./use-deprecation-warning-BjKiPZ98.mjs";
-import { t as DateTimeRangePicker } from "./date-time-range-picker-DHItep1U.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as Button } from "./button-A1qTjZ8U.mjs";
+import { Calendar } from "./calendar/index.mjs";
+import { t as Input } from "./input-j4tbmYYz.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-DCU44UO6.mjs";
+import { G as getTimezoneOffset, K as isoToZonedDate, U as formatTimezoneLabel, W as getBrowserTimezone, nt as startOfDayInTz, q as zonedDateToIso, r as DateTimeRangePicker, tt as endOfDayInTz } from "./picker-CRUSdzpo.mjs";
+import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.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";
+import { endOfDay, format, isSameDay, isSameYear, parse, startOfDay, subDays, subHours, subMinutes } from "date-fns";
 //#region src/components/features/time-range-picker/utils/timezone.ts
 /**
-* Get the UTC offset string for a timezone
-* @example getTimezoneOffset('Asia/Jakarta') => '+07:00'
-*/
-function getTimezoneOffset(timezone) {
-	try {
-		const now = /* @__PURE__ */ new Date();
-		const offsetPart = new Intl.DateTimeFormat("en-US", {
-			timeZone: timezone,
-			timeZoneName: "shortOffset"
-		}).formatToParts(now).find((p) => p.type === "timeZoneName");
-		if (offsetPart) {
-			const match = offsetPart.value.match(/GMT([+-])(\d+)(?::(\d+))?/);
-			if (match) return `${match[1]}${match[2].padStart(2, "0")}:${match[3]?.padStart(2, "0") ?? "00"}`;
-			if (offsetPart.value === "GMT") return "+00:00";
-		}
-	} catch {}
-	return "+00:00";
-}
-/**
-* Format a timezone for display
-* @example formatTimezoneLabel('Asia/Jakarta') => 'Asia/Jakarta (UTC+07:00)'
-*/
-function formatTimezoneLabel(timezone) {
-	const offset = getTimezoneOffset(timezone);
-	return `${timezone.replace(/_/g, " ")} (UTC${offset})`;
-}
-/**
 * Create a TimezoneOption from a timezone string
 */
 function createTimezoneOption(timezone) {
@@ -78,16 +51,6 @@ function getShortTimezoneDisplay(timezone) {
 	return `UTC${offset}`;
 }
 /**
-* Get the browser's timezone
-*/
-function getBrowserTimezone() {
-	try {
-		return Intl.DateTimeFormat().resolvedOptions().timeZone;
-	} catch {
-		return "UTC";
-	}
-}
-/**
 * Convert a UTC Date to a local datetime-local input string in the given timezone
 * @example utcToLocalInputString(new Date('2026-01-16T04:00:00Z'), 'Asia/Jakarta') => '2026-01-16T11:00'
 */
@@ -105,13 +68,13 @@ function localInputStringToUtc(localString, timezone) {
 * Convert a UTC ISO string to a Date for display in user's timezone
 */
 function utcStringToZonedDate(utcString, timezone) {
-	return toZonedTime(new Date(utcString), timezone);
+	return isoToZonedDate(utcString, timezone);
 }
 /**
 * Convert a zoned Date to UTC ISO string
 */
 function zonedDateToUtcString(zonedDate, timezone) {
-	return fromZonedTime(zonedDate, timezone).toISOString();
+	return zonedDateToIso(zonedDate, timezone);
 }
 /**
 * Format a UTC ISO string for display in user's timezone
@@ -132,6 +95,22 @@ function parseDateTimeParts(zonedDate) {
 	};
 }
 /**
+* Parse a (possibly malformed/empty) UTC string into zoned date+time parts,
+* degrading to the current instant instead of producing an Invalid Date that
+* would crash `format()` during render (BUG-145).
+*/
+function safeParseDateTimeParts(utc, timezone) {
+	try {
+		const zoned = utcStringToZonedDate(utc, timezone);
+		if (!Number.isNaN(zoned.getTime())) return parseDateTimeParts(zoned);
+	} catch {}
+	return parseDateTimeParts(utcStringToZonedDate((/* @__PURE__ */ new Date()).toISOString(), timezone));
+}
+/** Format a date for the trigger label, tolerating an Invalid Date. */
+function safeFormatDay(date) {
+	return Number.isNaN(date.getTime()) ? "—" : format(date, "MMM d, yyyy");
+}
+/**
 * Combine a date and time string into a single Date
 */
 function combineDateAndTime(date, time) {
@@ -158,41 +137,38 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 	const userHasEditedTimeRef = useRef(false);
 	const prevFromUtcRef = useRef(fromUtc);
 	const prevToUtcRef = useRef(toUtc);
+	const prevTimezoneRef = useRef(timezone);
 	const debounceTimerRef = useRef(null);
 	const [startDateOpen, setStartDateOpen] = useState(false);
 	const [endDateOpen, setEndDateOpen] = useState(false);
-	const initialFrom = parseDateTimeParts(utcStringToZonedDate(fromUtc, timezone));
-	const initialTo = parseDateTimeParts(utcStringToZonedDate(toUtc, timezone));
-	const [startDate, setStartDate] = useState(initialFrom.date);
-	const [startTime, setStartTime] = useState(initialFrom.time);
-	const [endDate, setEndDate] = useState(initialTo.date);
-	const [endTime, setEndTime] = useState(initialTo.time);
+	const [startDate, setStartDate] = useState(() => safeParseDateTimeParts(fromUtc, timezone).date);
+	const [startTime, setStartTime] = useState(() => safeParseDateTimeParts(fromUtc, timezone).time);
+	const [endDate, setEndDate] = useState(() => safeParseDateTimeParts(toUtc, timezone).date);
+	const [endTime, setEndTime] = useState(() => safeParseDateTimeParts(toUtc, timezone).time);
 	useEffect(() => {
 		return () => {
 			if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
 		};
 	}, []);
 	useEffect(() => {
+		const tzChanged = timezone !== prevTimezoneRef.current;
 		const fromChanged = fromUtc !== prevFromUtcRef.current;
 		const toChanged = toUtc !== prevToUtcRef.current;
-		if (fromChanged) {
-			try {
-				const parsed = parseDateTimeParts(utcStringToZonedDate(fromUtc, timezone));
-				setStartDate(parsed.date);
-				setStartTime(parsed.time);
-				userHasEditedTimeRef.current = false;
-			} catch {}
+		if (fromChanged || tzChanged) {
+			const parsed = safeParseDateTimeParts(fromUtc, timezone);
+			setStartDate(parsed.date);
+			setStartTime(parsed.time);
+			userHasEditedTimeRef.current = false;
 			prevFromUtcRef.current = fromUtc;
 		}
-		if (toChanged) {
-			try {
-				const parsed = parseDateTimeParts(utcStringToZonedDate(toUtc, timezone));
-				setEndDate(parsed.date);
-				setEndTime(parsed.time);
-				userHasEditedTimeRef.current = false;
-			} catch {}
+		if (toChanged || tzChanged) {
+			const parsed = safeParseDateTimeParts(toUtc, timezone);
+			setEndDate(parsed.date);
+			setEndTime(parsed.time);
+			userHasEditedTimeRef.current = false;
 			prevToUtcRef.current = toUtc;
 		}
+		prevTimezoneRef.current = timezone;
 	}, [
 		fromUtc,
 		toUtc,
@@ -218,8 +194,15 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 			notifyChangeImmediate(newStartDate, newStartTime, newEndDate, newEndTime);
 		}, debounceMs);
 	}, [notifyChangeImmediate, debounceMs]);
+	const cancelPendingDebounce = useCallback(() => {
+		if (debounceTimerRef.current) {
+			clearTimeout(debounceTimerRef.current);
+			debounceTimerRef.current = null;
+		}
+	}, []);
 	const handleStartDateSelect = useCallback((date) => {
 		if (!date) return;
+		cancelPendingDebounce();
 		setStartDate(date);
 		setStartDateOpen(false);
 		notifyChangeImmediate(date, startTime, endDate, endTime);
@@ -227,7 +210,8 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 		startTime,
 		endDate,
 		endTime,
-		notifyChangeImmediate
+		notifyChangeImmediate,
+		cancelPendingDebounce
 	]);
 	const handleStartTimeChange = useCallback((e) => {
 		const newTime = e.target.value;
@@ -242,6 +226,7 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 	]);
 	const handleEndDateSelect = useCallback((date) => {
 		if (!date) return;
+		cancelPendingDebounce();
 		setEndDate(date);
 		setEndDateOpen(false);
 		notifyChangeImmediate(startDate, startTime, date, endTime);
@@ -249,7 +234,8 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 		startDate,
 		startTime,
 		endTime,
-		notifyChangeImmediate
+		notifyChangeImmediate,
+		cancelPendingDebounce
 	]);
 	const handleEndTimeChange = useCallback((e) => {
 		const newTime = e.target.value;
@@ -262,6 +248,10 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 		endDate,
 		notifyChangeDebounced
 	]);
+	const endOfTodayInTz = endOfDay(utcStringToZonedDate((/* @__PURE__ */ new Date()).toISOString(), timezone));
+	const isFutureDay = (date) => date > endOfTodayInTz;
+	const startDay = startOfDay(startDate);
+	const isBeforeStartDay = (date) => date < startDay;
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("flex flex-col gap-2", className),
 		children: [/* @__PURE__ */ jsx("p", {
@@ -290,14 +280,14 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 								className: "h-8 min-w-0 flex-1 justify-start gap-1.5 px-2 text-xs font-normal sm:w-full sm:flex-initial",
 								children: [/* @__PURE__ */ jsx(CalendarIcon, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: format(startDate, "MMM d, yyyy")
+									children: safeFormatDay(startDate)
 								})]
 							}),
 							children: /* @__PURE__ */ jsx(Calendar, {
 								mode: "single",
 								selected: startDate,
 								onSelect: handleStartDateSelect,
-								disabled: disableFuture ? (date) => date > /* @__PURE__ */ new Date() : void 0,
+								disabled: disableFuture ? isFutureDay : void 0,
 								autoFocus: true
 							})
 						}),
@@ -334,14 +324,14 @@ function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFutu
 								className: "h-8 min-w-0 flex-1 justify-start gap-1.5 px-2 text-xs font-normal sm:w-full sm:flex-initial",
 								children: [/* @__PURE__ */ jsx(CalendarIcon, { className: "h-3.5 w-3.5 shrink-0 opacity-50" }), /* @__PURE__ */ jsx("span", {
 									className: "truncate",
-									children: format(endDate, "MMM d, yyyy")
+									children: safeFormatDay(endDate)
 								})]
 							}),
 							children: /* @__PURE__ */ jsx(Calendar, {
 								mode: "single",
 								selected: endDate,
 								onSelect: handleEndDateSelect,
-								disabled: disableFuture ? (date) => date > /* @__PURE__ */ new Date() || date < startDate : (date) => date < startDate,
+								disabled: disableFuture ? (date) => isFutureDay(date) || isBeforeStartDay(date) : isBeforeStartDay,
 								autoFocus: true
 							})
 						}),
@@ -410,22 +400,6 @@ function TimezoneSelector({ value, onChange, options, className }) {
 //#endregion
 //#region src/components/features/time-range-picker/presets.ts
 /**
-* Get start of day in a specific timezone
-*/
-function startOfDayInTimezone(date, timezone) {
-	const zonedDate = toZonedTime(date, timezone);
-	zonedDate.setHours(0, 0, 0, 0);
-	return fromZonedTime(zonedDate, timezone);
-}
-/**
-* Get end of day in a specific timezone
-*/
-function endOfDayInTimezone(date, timezone) {
-	const zonedDate = toZonedTime(date, timezone);
-	zonedDate.setHours(23, 59, 59, 999);
-	return fromZonedTime(zonedDate, timezone);
-}
-/**
 * Default time range presets with timezone-aware range calculation
 * Note: All presets use "now" as end time to avoid future timestamps
 * (API rejects future times for historical audit logs)
@@ -476,7 +450,7 @@ const DEFAULT_PRESETS = [
 		getRange: (timezone) => {
 			const now = /* @__PURE__ */ new Date();
 			return {
-				from: startOfDayInTimezone(now, timezone),
+				from: startOfDayInTz(now, timezone),
 				to: now
 			};
 		}
@@ -488,8 +462,8 @@ const DEFAULT_PRESETS = [
 		getRange: (timezone) => {
 			const yesterday = subDays(/* @__PURE__ */ new Date(), 1);
 			return {
-				from: startOfDayInTimezone(yesterday, timezone),
-				to: endOfDayInTimezone(yesterday, timezone)
+				from: startOfDayInTz(yesterday, timezone),
+				to: endOfDayInTz(yesterday, timezone)
 			};
 		}
 	},
@@ -679,4 +653,4 @@ function toApiTimeRange(value, timezone, presets = DEFAULT_PRESETS) {
 	};
 }
 //#endregion
-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 };
+export { getShortTimezoneDisplay as _, TimeRangePicker as a, utcToLocalInputString as b, getPresetByKey as c, TimezoneSelector as d, QuickRangesPanel as f, getDefaultTimezoneOptions as g, formatUtcForDisplay 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, localInputStringToUtc as v, zonedDateToUtcString as x, utcStringToZonedDate as y };

package/dist/toast/index.mjs

@@ -1,3 +1,3 @@
-import { t as toast } from "../toast-qSJgeN-g.mjs";
-import { n as Toaster, t as useToast } from "../toast-0C5jhuto.mjs";
+import { t as toast } from "../toast-BUPlDkN3.mjs";
+import { n as Toaster, t as useToast } from "../use-toast-Bpq0yJIT.mjs";
 export { Toaster, toast, useToast };

package/dist/{toast-qSJgeN-g.mjs → toast-BUPlDkN3.mjs}

@@ -1,5 +1,5 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as CloseIcon } from "./close.icon-ClpRDt_H.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as CloseIcon } from "./close.icon-DdXKQ4m0.mjs";
 import { createElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "sonner";
@@ -18,7 +18,7 @@ const variantIconClass = {
 	warning: "fill-toast-error-icon",
 	error: "fill-toast-error-icon"
 };
-function HeadlessToast({ variant, title, description, onDismiss }) {
+function HeadlessToast({ variant, title, description, action, cancel, onDismiss }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("bg-background text-foreground pointer-events-auto w-90 max-w-[calc(100vw-2rem)] overflow-hidden rounded-[10px]", "grid grid-cols-[1fr_auto] px-5 py-4 text-xs", variantAccentClass[variant]),
 		children: /* @__PURE__ */ jsxs("div", {
@@ -29,6 +29,20 @@ function HeadlessToast({ variant, title, description, onDismiss }) {
 					children: title
 				}),
 				description ? /* @__PURE__ */ jsx("div", { children: description }) : null,
+				action || cancel ? /* @__PURE__ */ jsxs("div", {
+					className: "mt-2 flex items-center gap-2",
+					children: [action ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: action.onClick,
+						className: "rounded-md bg-current/10 px-2.5 py-1 font-medium transition-opacity hover:opacity-80",
+						children: action.label
+					}) : null, cancel ? /* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: cancel.onClick,
+						className: "rounded-md px-2.5 py-1 font-medium opacity-70 transition-opacity hover:opacity-100",
+						children: cancel.label
+					}) : null]
+				}) : null,
 				/* @__PURE__ */ jsx("button", {
 					type: "button",
 					onClick: onDismiss,
@@ -45,6 +59,24 @@ function HeadlessToast({ variant, title, description, onDismiss }) {
 }
 //#endregion
 //#region src/components/features/toast/toast.ts
+/**
+* Normalize a sonner `action`/`cancel` option (which may be an object with
+* `{ label, onClick }` or arbitrary ReactNode) into a `HeadlessToastAction`
+* that our headless renderer can display. Returns `undefined` for the ReactNode
+* form or when no handler is present. The toast is dismissed after the handler
+* runs, matching sonner's default action behavior.
+*/
+function normalizeAction(action, dismiss) {
+	if (action == null || typeof action !== "object" || !("onClick" in action)) return;
+	const { label, onClick } = action;
+	return {
+		label,
+		onClick: () => {
+			onClick?.(void 0);
+			dismiss();
+		}
+	};
+}
 const defaultOptions = {
 	message: { duration: 5e3 },
 	success: { duration: 5e3 },
@@ -53,17 +85,22 @@ const defaultOptions = {
 	warning: { duration: 5e3 }
 };
 function show(variant, title, options) {
-	const { description, action: _action, cancel: _cancel, ...sonnerOptions } = {
+	const { description, action, cancel, ...sonnerOptions } = {
 		...defaultOptions[variant],
 		...options
 	};
 	const resolvedDescription = typeof description === "function" ? description() : description;
-	return toast.custom((t) => createElement(HeadlessToast, {
-		variant,
-		title,
-		description: resolvedDescription,
-		onDismiss: () => toast.dismiss(t)
-	}), sonnerOptions);
+	return toast.custom((t) => {
+		const dismiss = () => toast.dismiss(t);
+		return createElement(HeadlessToast, {
+			variant,
+			title,
+			description: resolvedDescription,
+			action: normalizeAction(action, dismiss),
+			cancel: normalizeAction(cancel, dismiss),
+			onDismiss: dismiss
+		});
+	}, sonnerOptions);
 }
 const toast$1 = {
 	message: (title, options) => {

package/dist/tooltip/index.mjs

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

package/dist/{tooltip-BqrOCH8l.mjs → tooltip-BhatUaar.mjs}

@@ -1,37 +1,36 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as cn$1 } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 //#region ../shadcn/ui/tooltip.tsx
-const TooltipProvider = ({ delayDuration = 0, ...props }) => {
+function TooltipProvider({ delayDuration = 0, ...props }) {
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
 		"data-slot": "tooltip-provider",
 		delayDuration,
 		...props
 	});
-};
-const Tooltip$1 = ({ ...props }) => {
+}
+function Tooltip$1({ ...props }) {
 	return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
 		"data-slot": "tooltip",
 		...props
 	}) });
-};
-const TooltipTrigger = ({ ...props }) => {
+}
+function TooltipTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...props
 	});
-};
-const TooltipContent$1 = ({ className, sideOffset = 0, children, ...props }) => {
+}
+function TooltipContent$1({ className, sideOffset = 0, children, ...props }) {
 	return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(TooltipPrimitive.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset,
-		className: cn$1("tooltip-content", "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
+		className: cn("tooltip-content", "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit rounded-md px-3 py-1.5 text-xs text-balance", className),
 		...props,
 		children: [children, /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
 	}) });
-};
+}
 //#endregion
 //#region src/components/base/tooltip/tooltip.tsx
 const LONG_PRESS_DURATION = 500;

package/dist/transfer/index.mjs

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