@datum-cloud/datum-ui 0.8.1 → 0.10.0

package/dist/{map-qo7bY_g_.mjs → map-t6n7VaX1.mjs}

@@ -1,11 +1,11 @@
 import { t as cn } from "./utils-C8KwMfT_.mjs";
 import { t as ButtonGroup } from "./button-group-CYPka2zz.mjs";
-import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Button } from "./button-Rw1xI-k9.mjs";
 import { i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DqHWukGK.mjs";
-import { i as InputGroupInput, n as InputGroupAddon, t as InputGroup } from "./input-group-DDtz-RT7.mjs";
+import { i as InputGroupInput, n as InputGroupAddon, t as InputGroup } from "./input-group-CeMsDhOk.mjs";
 import { t as Spinner } from "./spinner-CgPI3DDi.mjs";
 import { CheckIcon, ChevronRightIcon, CircleIcon, LayersIcon, LoaderCircleIcon, MapPinIcon, MaximizeIcon, MinimizeIcon, MinusIcon, NavigationIcon, PenLineIcon, PentagonIcon, PlusIcon, SearchIcon, SquareIcon, Trash2Icon, Undo2Icon, WaypointsIcon } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { Suspense, createContext, lazy, useContext, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
@@ -17,8 +17,8 @@ import { renderToString } from "react-dom/server.browser";
 * or falls back to prefers-color-scheme media query.
 */
 function useTheme() {
-	const [resolvedTheme, setResolvedTheme] = React$1.useState("light");
-	React$1.useEffect(() => {
+	const [resolvedTheme, setResolvedTheme] = React.useState("light");
+	React.useEffect(() => {
 		const detect = () => {
 			if (document.documentElement.classList.contains("dark")) return "dark";
 			if (window.matchMedia("(prefers-color-scheme: dark)").matches) return "dark";
@@ -49,37 +49,34 @@ function useTheme() {
 */
 const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-DropdownMenuPrimitive.Group;
-DropdownMenuPrimitive.Portal;
-DropdownMenuPrimitive.Sub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-const DropdownMenuSubTrigger = React$1.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
 	ref,
 	className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
 	...props,
 	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
 }));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
 	ref,
 	className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
 	...props
 }));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React$1.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
 	ref,
 	sideOffset,
 	className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md", className),
 	...props
 }) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React$1.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
 	ref,
 	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
 	...props
 }));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React$1.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
 	ref,
 	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
 	checked,
@@ -90,7 +87,7 @@ const DropdownMenuCheckboxItem = React$1.forwardRef(({ className, children, chec
 	}), children]
 }));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
 	ref,
 	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
 	...props,
@@ -100,13 +97,13 @@ const DropdownMenuRadioItem = React$1.forwardRef(({ className, children, ...prop
 	}), children]
 }));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React$1.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
 	ref,
 	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
 	...props
 }));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
 	ref,
 	className: cn("bg-muted -mx-1 my-1 h-px", className),
 	...props
@@ -147,20 +144,20 @@ function buildSearchUrl({ query, bbox, lang, lat, limit, locationBiasScale, lon,
 	return String(url);
 }
 function useDebounce(value, delay = 300) {
-	const [debouncedValue, setDebouncedValue] = React$1.useState(value);
-	React$1.useEffect(() => {
+	const [debouncedValue, setDebouncedValue] = React.useState(value);
+	React.useEffect(() => {
 		const timer = setTimeout(() => setDebouncedValue(value), delay);
 		return () => clearTimeout(timer);
 	}, [value, delay]);
 	return debouncedValue;
 }
 function usePlaceSearch({ debounceMs, query, ...props }) {
-	const [results, setResults] = React$1.useState([]);
-	const [isLoading, setIsLoading] = React$1.useState(false);
-	const [error, setError] = React$1.useState(null);
-	const [hasSearched, setHasSearched] = React$1.useState(false);
+	const [results, setResults] = React.useState([]);
+	const [isLoading, setIsLoading] = React.useState(false);
+	const [error, setError] = React.useState(null);
+	const [hasSearched, setHasSearched] = React.useState(false);
 	const debouncedQuery = useDebounce(query, debounceMs);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (!debouncedQuery.trim()) {
 			setResults([]);
 			setIsLoading(false);
@@ -216,8 +213,8 @@ function usePlaceSearch({ debounceMs, query, ...props }) {
 	};
 }
 function PlaceAutocomplete({ debounceMs = 300, lang, limit = 5, bbox, lat, lon, zoom, locationBiasScale, className, value: controlledValue, defaultValue = "", onChange: controlledOnChange, onPlaceSelect, onResultsChange, ...props }) {
-	const [internalValue, setInternalValue] = React$1.useState(defaultValue);
-	const [searchQuery, setSearchQuery] = React$1.useState("");
+	const [internalValue, setInternalValue] = React.useState(defaultValue);
+	const [searchQuery, setSearchQuery] = React.useState("");
 	const isControlled = controlledValue !== void 0;
 	const displayValue = isControlled ? controlledValue : internalValue;
 	const { results, isLoading, error, hasSearched } = usePlaceSearch({
@@ -231,7 +228,7 @@ function PlaceAutocomplete({ debounceMs = 300, lang, limit = 5, bbox, lat, lon,
 		zoom,
 		locationBiasScale
 	});
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		onResultsChange?.(results);
 	}, [results, onResultsChange]);
 	const hasNoResults = hasSearched && !isLoading && !error && results.length === 0;
@@ -304,7 +301,7 @@ function PlaceAutocomplete({ debounceMs = 300, lang, limit = 5, bbox, lat, lon,
 //#region ../shadcn/ui/map.tsx
 let _useMap;
 let _useMapEvents;
-if (typeof window !== "undefined") import("./map-leaflet-imports-yWwH4CHB.mjs").then((mod) => {
+if (typeof window !== "undefined") import("./map-leaflet-imports-C8l0RTTP.mjs").then((mod) => {
 	_useMap = mod.useMap;
 	_useMapEvents = mod.useMapEvents;
 });

package/dist/more-actions/index.mjs

@@ -1,3 +1,3 @@
-import { t as ActionRow } from "../action-row-DnhBhMtt.mjs";
-import { t as MoreActions } from "../more-actions-Ca5qqd0H.mjs";
+import { t as ActionRow } from "../action-row-DXw4UnHU.mjs";
+import { t as MoreActions } from "../more-actions-Bp0b_jek.mjs";
 export { ActionRow, MoreActions };

package/dist/{more-actions-Ca5qqd0H.mjs → more-actions-Bp0b_jek.mjs}

@@ -1,8 +1,8 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Button } from "./button-BllvE9Lm.mjs";
 import { t as ResponsiveDropdown } from "./responsive-dropdown-IFroDgKn.mjs";
-import { t as Tooltip } from "./tooltip-a7NTDCWw.mjs";
-import { t as ActionRow } from "./action-row-DnhBhMtt.mjs";
+import { t as Tooltip } from "./tooltip-CHuzXR_O.mjs";
+import { t as ActionRow } from "./action-row-DXw4UnHU.mjs";
 import { Ellipsis } from "lucide-react";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/multi-select/index.mjs

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

package/dist/{multi-select-DM_dxnSV.mjs → multi-select-7jly2Hcd.mjs}

@@ -2,11 +2,11 @@ import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Badge } from "./badge-DJR33ftJ.mjs";
 import { t as Separator } from "./separator-DXVTncCK.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-C2WDla6V.mjs";
-import { n as OptionList, t as useOptionPicker } from "./use-option-picker-BXQOfyrK.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-B3YEoOFJ.mjs";
+import { n as OptionList, t as useOptionPicker } from "./use-option-picker-DV5O68eV.mjs";
 import { cva } from "class-variance-authority";
 import { CheckIcon, ChevronDown, WandSparkles, XCircle, XIcon } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { useEffect } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/features/multi-select/multi-select.tsx
@@ -25,9 +25,9 @@ const multiSelectVariants = cva("flex items-center gap-1 rounded-md border px-2
 });
 const EMPTY_ARRAY = [];
 function MultiSelect({ options, onValueChange, variant, defaultValue = EMPTY_ARRAY, value, placeholder = "Select options", animation = 0, maxCount = 3, modalPopover = false, className, boxClassName, actions, onBadgeClick, badgeClassName, clickableBadges = false, showCloseButton = true, showClearButton = true, showSelectAll = false, disabled = false, id, name, isLoading = false, emptyContent = "No results found.", responsive = true, sheetTitle }) {
-	const [isPopoverOpen, setIsPopoverOpen] = React$1.useState(false);
-	const [isAnimating, setIsAnimating] = React$1.useState(false);
-	const [internalValues, setInternalValues] = React$1.useState(defaultValue);
+	const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
+	const [isAnimating, setIsAnimating] = React.useState(false);
+	const [internalValues, setInternalValues] = React.useState(defaultValue);
 	useEffect(() => {
 		if (value === void 0 && defaultValue) setInternalValues(defaultValue);
 	}, [defaultValue]);

package/dist/page-title/index.mjs

@@ -1,2 +1,2 @@
-import { t as PageTitle } from "../page-title-ChLiv6gB.mjs";
+import { t as PageTitle } from "../page-title-CGW3f4qH.mjs";
 export { PageTitle };

package/dist/picker/index.mjs

@@ -0,0 +1,273 @@
+import { t as cn } from "../cn-D2KYQ917.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-By1ZqPgr.mjs";
+import { A as zonedDateToIso, C as PickerContext, D as getBrowserTimezone, E as formatTimezoneLabel, F as isDateBearingMode, I as isRangeMode, L as isTimeBearingMode, M as DATE_BEARING_MODES, N as RANGE_MODES, O as getTimezoneOffset, P as TIME_BEARING_MODES, S as PickerContent, T as formatInTimezone, _ as formatTimeLabel, a as PickerFooter, b as resolveCommit, c as PickerTrigger, d as DATETIME_PRESETS, f as DATE_PRESETS, g as dateToYYYYMMDD, i as PickerClear, j as ALLOWED_STEPS, k as isoToZonedDate, l as Picker$1, m as usePickerState, n as PickerApply, o as PickerReset, p as getDefaultPresets, r as PickerCancel, s as formatPickerValue, t as DefaultFooter, u as usePresets, v as isValidTimeString, w as usePickerContext, x as useKeyboardShortcuts, y as parseTimeString } from "../default-footer-DbpemJVl.mjs";
+import { t as PickerCalendar } from "../calendar-D_DriVHT.mjs";
+import { n as PickerPresets, t as DateRangePicker } from "../date-range-picker-DNZh06zo.mjs";
+import { n as useTimeSlots, t as PickerTimeInput } from "../time-input-9LdNL0Us.mjs";
+import { t as DateTimePicker } from "../date-time-picker-C0fF7s_e.mjs";
+import { t as PickerTimezoneIndicator } from "../timezone-indicator-COoeMKKs.mjs";
+import { t as TimePicker } from "../time-picker-B-vpUClR.mjs";
+import { t as DateTimeRangePicker } from "../date-time-range-picker-BAsH_Wv9.mjs";
+import { Clock, Globe } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { 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: new Date(from.getTime() + maxRange * 24 * 60 * 60 * 1e3)
+	};
+}
+//#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-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/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 { 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/rich-text-editor/index.mjs

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

package/dist/{rich-text-editor-CQH_U4T5.mjs → rich-text-editor-Ddqx_EiO.mjs}

@@ -3,7 +3,7 @@ import { t as Button } from "./button-BllvE9Lm.mjs";
 import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { t as Input } from "./input-FKGqZypx.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
-import { t as Tooltip } from "./tooltip-a7NTDCWw.mjs";
+import { t as Tooltip } from "./tooltip-CHuzXR_O.mjs";
 import { BoldIcon, ItalicIcon, LinkIcon, StrikethroughIcon, UnderlineIcon, UnlinkIcon } from "lucide-react";
 import { createContext, use, useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/select/index.mjs

@@ -1,2 +1,2 @@
-import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-zxwykvQn.mjs";
+import { a as SelectLabel, c as SelectSeparator, i as SelectItem, l as SelectTrigger, n as SelectContent, o as SelectScrollDownButton, r as SelectGroup, s as SelectScrollUpButton, t as Select, u as SelectValue } from "../select-Ck0szhAH.mjs";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/select-By1ZqPgr.mjs

@@ -0,0 +1,94 @@
+import { t as cn } from "./utils-C8KwMfT_.mjs";
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+//#region ../shadcn/ui/select.tsx
+const Select = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Root, {
+		"data-slot": "select",
+		...props
+	});
+};
+const SelectGroup = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Group, {
+		"data-slot": "select-group",
+		...props
+	});
+};
+const SelectValue = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Value, {
+		"data-slot": "select-value",
+		...props
+	});
+};
+const SelectTrigger = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
+		"data-slot": "select-trigger",
+		className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive rounded-md border bg-transparent py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "flex h-auto min-h-10 w-full items-center justify-between px-3 text-sm font-medium", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(SelectPrimitive.Icon, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })
+		})]
+	});
+};
+const SelectContent = ({ className, children, position = "popper", ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(SelectPrimitive.Content, {
+		"data-slot": "select-content",
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", "w-[var(--radix-select-trigger-width)]", className),
+		position,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+			/* @__PURE__ */ jsx(SelectPrimitive.Viewport, {
+				className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+				children
+			}),
+			/* @__PURE__ */ jsx(SelectScrollDownButton, {})
+		]
+	}) });
+};
+const SelectLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Label, {
+		"data-slot": "select-label",
+		className: cn("px-2 py-1.5 text-sm font-medium", className),
+		...props
+	});
+};
+const SelectItem = ({ className, children, ...props }) => {
+	return /* @__PURE__ */ jsxs(SelectPrimitive.Item, {
+		"data-slot": "select-item",
+		className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "absolute right-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) })
+		}), /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })]
+	});
+};
+const SelectSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.Separator, {
+		"data-slot": "select-separator",
+		className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+		...props
+	});
+};
+const SelectScrollUpButton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollUpButton, {
+		"data-slot": "select-scroll-up-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4" })
+	});
+};
+const SelectScrollDownButton = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(SelectPrimitive.ScrollDownButton, {
+		"data-slot": "select-scroll-down-button",
+		className: cn("flex cursor-default items-center justify-center py-1", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4" })
+	});
+};
+//#endregion
+export { SelectLabel as a, SelectSeparator as c, SelectItem as i, SelectTrigger as l, SelectContent as n, SelectScrollDownButton as o, SelectGroup as r, SelectScrollUpButton as s, Select as t, SelectValue as u };