@datum-cloud/datum-ui 0.8.0 → 0.9.0

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

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

package/dist/toast/index.mjs

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

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

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

package/dist/tooltip/index.mjs

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

package/dist/transfer/index.mjs

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

package/dist/{transfer-CoGPwOc6.mjs → transfer-CuJGL420.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Button } from "./button-BllvE9Lm.mjs";
 import { Search, X } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/features/transfer/components/transfer-group.tsx
@@ -63,7 +63,7 @@ const TransferSearch = ({ value, onChange, placeholder = "Search...", disabled =
 //#endregion
 //#region src/components/features/transfer/components/transfer-panel.tsx
 const TransferPanel = ({ title, items, groups, searchable, searchValue, onSearchChange, searchPlaceholder, onItemClick, onSelectAll, enableSelectAll, disabled = false, panelType }) => {
-	const groupedItems = React$1.useMemo(() => {
+	const groupedItems = React.useMemo(() => {
 		if (groups.length === 0) return { "": items };
 		const grouped = {};
 		groups.forEach((group) => {
@@ -203,14 +203,14 @@ function Transfer({ items, value, onChange, itemKey, itemLabel, itemGroup, searc
 		itemLabel,
 		itemGroup
 	});
-	const handleSelect = React$1.useCallback((key) => {
+	const handleSelect = React.useCallback((key) => {
 		if (value.includes(key)) return;
 		onChange([...value, key]);
 	}, [value, onChange]);
-	const handleDeselect = React$1.useCallback((key) => {
+	const handleDeselect = React.useCallback((key) => {
 		onChange(value.filter((k) => k !== key));
 	}, [value, onChange]);
-	const handleSelectAll = React$1.useCallback(() => {
+	const handleSelectAll = React.useCallback(() => {
 		const sourceKeys = state.filteredSourceItems.map((item) => item.key);
 		const existing = new Set(value);
 		const newKeys = sourceKeys.filter((k) => !existing.has(k));
@@ -220,7 +220,7 @@ function Transfer({ items, value, onChange, itemKey, itemLabel, itemGroup, searc
 		value,
 		onChange
 	]);
-	const handleClearAll = React$1.useCallback(() => {
+	const handleClearAll = React.useCallback(() => {
 		onChange([]);
 	}, [onChange]);
 	return /* @__PURE__ */ jsxs("div", {

package/dist/{types-CKIe2WlV.mjs → types-DvMIxilw.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs/index.mjs";
-import { n as useTheme } from "./themes-CAiN4b6G.mjs";
-import { t as toast } from "./toast-D5XD7goD.mjs";
+import { n as useTheme } from "./themes-08-znmBI.mjs";
+import { t as toast } from "./toast-BWol1pyV.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Editor from "@monaco-editor/react";
@@ -63,11 +63,12 @@ import { z } from "zod";
 * @param props.minHeight - Minimum editor height (default: '200px')
 * @returns Rendered Monaco editor with form integration
 */
-function CodeEditor({ value, onChange, language, id, name = "code-editor", error, className, readOnly = false, minHeight = "200px" }) {
+function CodeEditor({ value, onChange, language, placeholder, id, name = "code-editor", error, className, readOnly = false, minHeight = "200px" }) {
 	const { theme } = useTheme();
 	const editorRef = useRef(null);
 	const [mounted, setMounted] = useState(false);
 	const monacoTheme = theme === "dark" ? "vs-dark" : "light";
+	const showPlaceholder = !!placeholder && value.length === 0;
 	useEffect(() => {
 		if (editorRef.current && !mounted) {
 			setTimeout(() => {
@@ -104,6 +105,11 @@ function CodeEditor({ value, onChange, language, id, name = "code-editor", error
 				},
 				className: cn(error && "border border-destructive rounded-md")
 			}),
+			showPlaceholder && /* @__PURE__ */ jsx("div", {
+				"aria-hidden": "true",
+				className: "text-input-placeholder pointer-events-none absolute top-0 left-14 z-10 py-0.5 text-sm whitespace-pre-wrap",
+				children: placeholder
+			}),
 			/* @__PURE__ */ jsx("input", {
 				type: "hidden",
 				id,

package/dist/typography/index.mjs

@@ -1,2 +1,2 @@
-import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "../typography-TRKP_CLT.mjs";
+import { a as ListItem, c as Title, d as titleVariants, i as List, l as paragraphVariants, n as Code, o as Paragraph, r as Link, s as Text, t as Blockquote, u as textVariants } from "../typography-CBwfg-vz.mjs";
 export { Blockquote, Code, Link, List, ListItem, Paragraph, Text, Title, paragraphVariants, textVariants, titleVariants };

package/dist/{typography-TRKP_CLT.mjs → typography-CBwfg-vz.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { cva } from "class-variance-authority";
 import { CopyIcon } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/base/typography/typography.tsx
 const titleVariants = cva("font-semibold leading-tight tracking-tight", {
@@ -106,7 +106,7 @@ const paragraphVariants = cva("leading-relaxed", {
 });
 function Title({ className, level, weight, textColor, as, children, ...props }) {
 	const Component = as ?? `h${level ?? 4}`;
-	return React$1.createElement(Component, {
+	return React.createElement(Component, {
 		className: cn(titleVariants({
 			level,
 			weight,
@@ -131,7 +131,7 @@ function Text({ className, size, weight, textColor, type, as = "span", copyable,
 			"aria-hidden": "true"
 		})
 	})] });
-	return React$1.createElement(as, {
+	return React.createElement(as, {
 		className: cn(textVariants({
 			size,
 			weight,
@@ -142,7 +142,7 @@ function Text({ className, size, weight, textColor, type, as = "span", copyable,
 	}, content);
 }
 function Paragraph({ className, size, spacing, as = "p", children, ...props }) {
-	return React$1.createElement(as, {
+	return React.createElement(as, {
 		className: cn(paragraphVariants({
 			size,
 			spacing,
@@ -163,7 +163,7 @@ function Link({ className, children, href, target = "_self", rel, ...props }) {
 }
 function List({ className, as, listType = "unordered", children, ...props }) {
 	const Component = as ?? (listType === "ordered" ? "ol" : "ul");
-	return React$1.createElement(Component, {
+	return React.createElement(Component, {
 		className: cn("space-y-2", listType === "ordered" ? "list-decimal list-inside" : "list-disc list-inside", className),
 		...props
 	}, children);

package/dist/{use-copy-to-clipboard-D7KyLIAt.mjs → use-copy-to-clipboard-ZHDvfV3W.mjs}

@@ -1,4 +1,4 @@
-import { t as toast } from "./toast-D5XD7goD.mjs";
+import { t as toast } from "./toast-BWol1pyV.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 //#region src/hooks/use-copy-to-clipboard.ts
 function useCopyToClipboard() {

package/dist/use-deprecation-warning-Dy_DOyLu.mjs

@@ -0,0 +1,20 @@
+import { useEffect } from "react";
+//#region src/components/features/picker/internal/use-deprecation-warning.ts
+const warned = /* @__PURE__ */ new Set();
+/**
+* Logs a one-time `console.warn` in development warning that the legacy
+* component is deprecated and pointing the consumer at the replacement.
+*
+* No-op in `test` and `production` builds. Deduplicated by `legacyName`
+* across the entire session.
+*/
+function useDeprecationWarning(legacyName, replacement) {
+	useEffect(() => {
+		if (process.env.NODE_ENV !== "development") return;
+		if (warned.has(legacyName)) return;
+		warned.add(legacyName);
+		console.warn(`[datum-ui] ${legacyName} is deprecated. Use ${replacement} from '@datum-cloud/datum-ui/picker' instead. See picker-migration.mdx.`);
+	}, [legacyName, replacement]);
+}
+//#endregion
+export { useDeprecationWarning as t };

package/dist/{use-display-touched-C-afz17j.mjs → use-display-touched-DpX3fsOl.mjs}

@@ -1,4 +1,4 @@
-import * as React$1 from "react";
+import * as React from "react";
 import "zod";
 //#region src/components/features/form/utils/zod-helpers.ts
 /**
@@ -60,8 +60,8 @@ function isRequired(schema) {
 * behaviour across validation modes (onChange, onBlur, onSubmit).
 */
 function useDisplayTouched(schema) {
-	const [touchedSet, setTouchedSet] = React$1.useState(/* @__PURE__ */ new Set());
-	const markFieldTouched = React$1.useCallback((fieldName) => {
+	const [touchedSet, setTouchedSet] = React.useState(/* @__PURE__ */ new Set());
+	const markFieldTouched = React.useCallback((fieldName) => {
 		setTouchedSet((prev) => {
 			if (prev.has(fieldName)) return prev;
 			const next = new Set(prev);
@@ -69,12 +69,12 @@ function useDisplayTouched(schema) {
 			return next;
 		});
 	}, []);
-	const markAllFieldsTouched = React$1.useCallback(() => {
+	const markAllFieldsTouched = React.useCallback(() => {
 		const allFieldNames = Object.keys(getFieldConstraints(schema));
 		setTouchedSet(new Set(allFieldNames));
 	}, [schema]);
 	return {
-		displayTouchedFields: React$1.useMemo(() => Array.from(touchedSet), [touchedSet]),
+		displayTouchedFields: React.useMemo(() => Array.from(touchedSet), [touchedSet]),
 		markFieldTouched,
 		markAllFieldsTouched
 	};

package/dist/{use-option-picker-BXQOfyrK.mjs → use-option-picker-DV5O68eV.mjs}

@@ -1,5 +1,5 @@
 import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DqHWukGK.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-C2WDla6V.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-B3YEoOFJ.mjs";
 import { CheckIcon } from "lucide-react";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/utils/index.mjs

@@ -1,3 +1,3 @@
 import { t as cn } from "../cn-D2KYQ917.mjs";
-import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "../utils-BwB1mIdZ.mjs";
+import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "../utils-bUueJ2r9.mjs";
 export { cn, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay };

package/dist/visually-hidden/index.mjs

@@ -1,2 +1,2 @@
-import { t as VisuallyHidden } from "../visuallyhidden-BHOPczmW.mjs";
+import { t as VisuallyHidden } from "../visuallyhidden-CoIJOJ9z.mjs";
 export { VisuallyHidden };