@datum-cloud/datum-ui 2.0.0 → 2.1.0

package/dist/mobile-sheet/index.mjs

@@ -1,2 +1,2 @@
-import { i as useInSheet, n as MobileSheet, r as InSheetContext, t as ResponsiveSheetTrigger } from "../mobile-sheet-D9L-JOee.mjs";
+import { i as useInSheet, n as MobileSheet, r as InSheetContext, t as ResponsiveSheetTrigger } from "../mobile-sheet-BYp-QQmn.mjs";
 export { InSheetContext, MobileSheet, ResponsiveSheetTrigger, useInSheet };

package/dist/{mobile-sheet-D9L-JOee.mjs → mobile-sheet-BYp-QQmn.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { a as SheetHeader, o as SheetTitle, r as SheetDescription } from "./sheet-DXCZyMHI.mjs";
-import { r as SheetContent, t as Sheet } from "./sheet-BZViad2U.mjs";
+import { r as SheetContent, t as Sheet } from "./sheet-C2i2k5i2.mjs";
 import { createContext, use } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";

package/dist/more-actions/index.mjs

@@ -1,3 +1,3 @@
 import { t as ActionRow } from "../action-row-DTvs91_3.mjs";
-import { t as MoreActions } from "../more-actions-Bx443Ccx.mjs";
+import { t as MoreActions } from "../more-actions-B1FUf2rm.mjs";
 export { ActionRow, MoreActions };

package/dist/{more-actions-Bx443Ccx.mjs → more-actions-B1FUf2rm.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Button } from "./button-A1qTjZ8U.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-fCmduKaz.mjs";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-n0Txkax5.mjs";
 import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { Ellipsis } from "lucide-react";

package/dist/multi-select/index.mjs

@@ -1,2 +1,2 @@
-import { t as MultiSelect } from "../multi-select-PHaMEbY-.mjs";
+import { t as MultiSelect } from "../multi-select-PtdMChPF.mjs";
 export { MultiSelect };

package/dist/{multi-select-PHaMEbY-.mjs → multi-select-PtdMChPF.mjs}

@@ -2,7 +2,7 @@ import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Badge } from "./badge-BTNW_FEU.mjs";
 import { t as Separator } from "./separator-vbPD_WFQ.mjs";
 import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-DJZgXWIE.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
 import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
 import { n as OptionList, t as useOptionPicker } from "./use-option-picker-s2bUYwXC.mjs";
 import { cva } from "class-variance-authority";

package/dist/picker/index.mjs

@@ -1,2 +1,3 @@
-import { $ as isRangeMode, A as resolveCommit, B as PickerContext, C as DATE_PRESETS, D as formatTimeLabel, E as dateToYYYYMMDD, F as PickerClear, G as getTimezoneOffset, H as formatInTimezone, I as PickerFooter, J as ALLOWED_STEPS, K as isoToZonedDate, L as PickerReset, M as PickerPresets, N as PickerApply, O as isValidTimeString, P as PickerCancel, Q as isDateBearingMode, R as PickerContent, S as DATETIME_PRESETS, T as usePickerState, U as formatTimezoneLabel, V as usePickerContext, W as getBrowserTimezone, X as RANGE_MODES, Y as DATE_BEARING_MODES, Z as TIME_BEARING_MODES, _ as PickerTimezoneSelect, a as DateRangeTimePicker, b as useTimeSlots, c as clampRange, d as formatPickerValue, et as isTimeBearingMode, f as isSameDate, g as PickerTrigger, h as Picker, i as DateTimePicker, j as useKeyboardShortcuts, k as parseTimeString, l as getDaysDifference, m as isSameStringRange, n as TimePicker, o as DateRangePicker, p as isSameDateRange, q as zonedDateToIso, r as DateTimeRangePicker, s as DatePicker, t as TimeRangePicker, u as isRangeValid, v as PickerTimezoneIndicator, w as getDefaultPresets, x as usePresets, y as PickerTimeInput, z as PickerCalendar } from "../picker-b5-x-EHs.mjs";
+import { A as formatInTimezone, B as isDateBearingMode, C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, I as ALLOWED_STEPS, L as DATE_BEARING_MODES, M as getBrowserTimezone, N as getTimezoneOffset, O as PickerContext, P as isoToZonedDate, R as RANGE_MODES, S as PickerCancel, T as PickerReset, V as isRangeMode, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, d as DATE_PRESETS, f as getDefaultPresets, g as isValidTimeString, h as formatTimeLabel, i as PickerTrigger, j as formatTimezoneLabel, k as usePickerContext, l as usePresets, m as dateToYYYYMMDD, o as PickerTimeInput, p as usePickerState, r as formatPickerValue, s as useTimeSlots, t as DateTimeRangePicker, u as DATETIME_PRESETS, v as resolveCommit, w as PickerFooter, x as PickerApply, y as useKeyboardShortcuts, z as TIME_BEARING_MODES } from "../date-time-range-picker-Dog33Ry0.mjs";
+import { a as DateRangePicker, c as getDaysDifference, d as isSameDateRange, f as isSameStringRange, i as DateRangeTimePicker, l as isRangeValid, m as PickerTimezoneSelect, n as TimePicker, o as DatePicker, p as Picker, r as DateTimePicker, s as clampRange, t as TimeRangePicker, u as isSameDate } from "../picker-raVuDxsh.mjs";
 export { ALLOWED_STEPS, DATETIME_PRESETS, DATE_BEARING_MODES, DATE_PRESETS, DatePicker, DateRangePicker, DateRangeTimePicker, DateTimePicker, DateTimeRangePicker, Picker, PickerApply, PickerCalendar, PickerCancel, PickerClear, PickerContent, PickerContext, PickerFooter, PickerPresets, PickerReset, PickerTimeInput, PickerTimezoneIndicator, PickerTimezoneSelect, PickerTrigger, RANGE_MODES, TIME_BEARING_MODES, TimePicker, TimeRangePicker, clampRange, dateToYYYYMMDD, formatInTimezone, formatPickerValue, formatTimeLabel, formatTimezoneLabel, getBrowserTimezone, getDaysDifference, getDefaultPresets, getTimezoneOffset, isDateBearingMode, isRangeMode, isRangeValid, isSameDate, isSameDateRange, isSameStringRange, isTimeBearingMode, isValidTimeString, isoToZonedDate, parseTimeString, resolveCommit, useKeyboardShortcuts, usePickerContext, usePickerState, usePresets, useTimeSlots, zonedDateToIso };

package/dist/picker-raVuDxsh.mjs

@@ -0,0 +1,453 @@
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-daE2Nn0Z.mjs";
+import { C as PickerClear, D as PickerCalendar, E as PickerContent, F as zonedDateToIso, H as isTimeBearingMode, P as isoToZonedDate, S as PickerCancel, T as PickerReset, _ as parseTimeString, a as PickerTimezoneIndicator, b as PickerPresets, c as Picker$1, i as PickerTrigger, k as usePickerContext, n as DefaultFooter, o as PickerTimeInput, r as formatPickerValue, w as PickerFooter, x as PickerApply } from "./date-time-range-picker-Dog33Ry0.mjs";
+import { Clock, Globe } from "lucide-react";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { addDays, differenceInCalendarDays } from "date-fns";
+//#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/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/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/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/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 { DateRangePicker as a, getDaysDifference as c, isSameDateRange as d, isSameStringRange as f, DateRangeTimePicker as i, isRangeValid as l, PickerTimezoneSelect as m, TimePicker as n, DatePicker as o, Picker as p, DateTimePicker as r, clampRange as s, TimeRangePicker as t, isSameDate as u };

package/dist/responsive-dropdown/index.mjs

@@ -1,2 +1,2 @@
-import { t as ResponsiveDropdown } from "../responsive-dropdown-fCmduKaz.mjs";
+import { t as ResponsiveDropdown } from "../responsive-dropdown-n0Txkax5.mjs";
 export { ResponsiveDropdown };

package/dist/{responsive-dropdown-fCmduKaz.mjs → responsive-dropdown-n0Txkax5.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-D9L-JOee.mjs";
+import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-BYp-QQmn.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover/index.mjs";
 import { t as useBreakpoint } from "./use-breakpoint-CwiUJSmk.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/responsive-popover/index.mjs

@@ -1,2 +1,2 @@
-import { t as ResponsivePopover } from "../responsive-popover-DJZgXWIE.mjs";
+import { t as ResponsivePopover } from "../responsive-popover-C_1nzIvm.mjs";
 export { ResponsivePopover };

package/dist/{responsive-popover-DJZgXWIE.mjs → responsive-popover-C_1nzIvm.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-D9L-JOee.mjs";
+import { i as useInSheet, t as ResponsiveSheetTrigger } from "./mobile-sheet-BYp-QQmn.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "./popover/index.mjs";
 import { t as useBreakpoint } from "./use-breakpoint-CwiUJSmk.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/rich-text-editor/index.mjs

@@ -1,2 +1,2 @@
-import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "../rich-text-editor-CGuSn8xi.mjs";
+import { n as useRichTextEditor, r as RichTextContent, t as RichTextEditor } from "../rich-text-editor-Dohp-pbf.mjs";
 export { RichTextContent, RichTextEditor, useRichTextEditor };

package/dist/{rich-text-editor-CGuSn8xi.mjs → rich-text-editor-Dohp-pbf.mjs}

@@ -2,7 +2,7 @@ import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Button } from "./button-A1qTjZ8U.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
-import { t as ResponsivePopover } from "./responsive-popover-DJZgXWIE.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.mjs";
 import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
 import { BoldIcon, ItalicIcon, LinkIcon, StrikethroughIcon, UnderlineIcon, UnlinkIcon } from "lucide-react";
 import { createContext, use, useCallback, useEffect, useState } from "react";

package/dist/sheet/index.mjs

@@ -1,3 +1,3 @@
 import { a as SheetHeader, i as SheetFooter, o as SheetTitle, r as SheetDescription, s as SheetTrigger } from "../sheet-DXCZyMHI.mjs";
-import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-BZViad2U.mjs";
+import { i as SheetOverlay, n as SheetClose, r as SheetContent, t as Sheet } from "../sheet-C2i2k5i2.mjs";
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetTitle, SheetTrigger };

package/dist/{sheet-BZViad2U.mjs → sheet-C2i2k5i2.mjs}

@@ -13,14 +13,14 @@ function SheetOverlay({ className, ...props }) {
 		...props
 	});
 }
-function SheetContent({ className, children, side = "right", ...props }) {
+function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }) {
 	return /* @__PURE__ */ jsxs(SheetPrimitive.Portal, {
 		"data-slot": "sheet-portal",
 		children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
 			"data-slot": "sheet-content",
 			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className),
 			...props,
-			children: [children, /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
 				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 cursor-pointer rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
 				children: [/* @__PURE__ */ jsx(CloseIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
 					className: "sr-only",

package/dist/task-queue/index.mjs

@@ -1,2 +1,2 @@
-import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-pqFd4rSf.mjs";
+import { _ as RedisTaskStorage, a as TaskPanelItem, b as createProjectMetadata, c as TaskPanelHeader, d as useCurrentScope, f as useTasksWithLabels, g as detectStorage, h as TaskQueue, i as TaskPanel, l as getContextLabel, m as TaskQueueProvider, n as TaskSummaryDialog, o as TaskPanelCounter, p as useTaskQueue, r as TaskQueueTrigger, s as TaskPanelActions, t as TaskQueueDropdown, u as matchesCurrentScope, v as LocalTaskStorage, x as createUserMetadata, y as createOrgMetadata } from "../task-queue-dropdown-ClLLTMxU.mjs";
 export { LocalTaskStorage, RedisTaskStorage, TaskPanel, TaskPanelActions, TaskPanelCounter, TaskPanelHeader, TaskPanelItem, TaskQueue, TaskQueueDropdown, TaskQueueProvider, TaskQueueTrigger, TaskSummaryDialog, createOrgMetadata, createProjectMetadata, createUserMetadata, detectStorage, getContextLabel, matchesCurrentScope, useCurrentScope, useTaskQueue, useTasksWithLabels };

package/dist/{task-queue-dropdown-pqFd4rSf.mjs → task-queue-dropdown-ClLLTMxU.mjs}

@@ -4,7 +4,7 @@ import { t as SpinnerIcon } from "./spinner.icon-BYUMQ8H-.mjs";
 import { t as Button } from "./button-A1qTjZ8U.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { t as Dialog } from "./dialog-N2pkQIc4.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-fCmduKaz.mjs";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-n0Txkax5.mjs";
 import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-C_SL1imw.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { Ban, CheckCircle2, CircleAlert, CircleCheck, CornerDownRightIcon, FileIcon, ListTodo, X, XCircle } from "lucide-react";

package/dist/time-picker/index.mjs

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

package/dist/{time-picker-B_fN5vhO.mjs → time-picker-CFhaHTtI.mjs}

@@ -1,5 +1,5 @@
-import { n as TimePicker$1 } from "./picker-b5-x-EHs.mjs";
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
+import { n as TimePicker$1 } from "./picker-raVuDxsh.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-43Boq7OR.mjs → to-api-format-WC7b9Mcv.mjs}

@@ -2,9 +2,9 @@ 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 { t as ResponsivePopover } from "./responsive-popover-C_1nzIvm.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-b5-x-EHs.mjs";
+import { F as zonedDateToIso, M as getBrowserTimezone, N as getTimezoneOffset, P as isoToZonedDate, U as endOfDayInTz, W as startOfDayInTz, j as formatTimezoneLabel, t as DateTimeRangePicker } from "./date-time-range-picker-Dog33Ry0.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";