@datum-cloud/datum-ui 1.6.0 → 1.7.0

package/dist/{sidebar-Df6Po0K8.mjs → sidebar-BRUNOqXi.mjs}

@@ -4,7 +4,7 @@ import { t as Button } from "./button-CsdF61EI.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { t as Input } from "./input-j4tbmYYz.mjs";
 import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-DXCZyMHI.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-BhatUaar.mjs";
+import { i as TooltipProvider, t as Tooltip } from "./tooltip-C_SL1imw.mjs";
 import { t as Skeleton } from "./skeleton-DFExK4GX.mjs";
 import { cva } from "class-variance-authority";
 import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
@@ -16,7 +16,7 @@ const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
 	const [isMobile, setIsMobile] = React.useState(void 0);
 	React.useEffect(() => {
-		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+		const mql = window.matchMedia(`(max-width: 767px)`);
 		const onChange = () => {
 			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
 		};
@@ -29,7 +29,7 @@ function useIsMobile() {
 //#endregion
 //#region src/components/base/sidebar/context.tsx
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
-const SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
+const SIDEBAR_COOKIE_MAX_AGE = 604800;
 const SIDEBAR_WIDTH = "13rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
@@ -152,40 +152,41 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		return () => window.removeEventListener("keydown", handleKeyDown);
 	}, [toggleSidebar]);
 	const state = effectiveOpen ? "expanded" : "collapsed";
+	const contextValue = React.useMemo(() => ({
+		state,
+		open: effectiveOpen,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar,
+		handleMouseEnter,
+		handleMouseLeave,
+		forceClose,
+		closeForNavigation,
+		hasSubLayout,
+		setHasSubLayout,
+		expandBehavior,
+		showBackdrop
+	}), [
+		state,
+		effectiveOpen,
+		setOpen,
+		isMobile,
+		openMobile,
+		setOpenMobile,
+		toggleSidebar,
+		handleMouseEnter,
+		handleMouseLeave,
+		forceClose,
+		closeForNavigation,
+		hasSubLayout,
+		setHasSubLayout,
+		expandBehavior,
+		showBackdrop
+	]);
 	return /* @__PURE__ */ jsx(SidebarContext, {
-		value: React.useMemo(() => ({
-			state,
-			open: effectiveOpen,
-			setOpen,
-			isMobile,
-			openMobile,
-			setOpenMobile,
-			toggleSidebar,
-			handleMouseEnter,
-			handleMouseLeave,
-			forceClose,
-			closeForNavigation,
-			hasSubLayout,
-			setHasSubLayout,
-			expandBehavior,
-			showBackdrop
-		}), [
-			state,
-			effectiveOpen,
-			setOpen,
-			isMobile,
-			openMobile,
-			setOpenMobile,
-			toggleSidebar,
-			handleMouseEnter,
-			handleMouseLeave,
-			forceClose,
-			closeForNavigation,
-			hasSubLayout,
-			setHasSubLayout,
-			expandBehavior,
-			showBackdrop
-		]),
+		value: contextValue,
 		children: /* @__PURE__ */ jsx(TooltipProvider, {
 			delayDuration: 0,
 			children: /* @__PURE__ */ jsx("div", {

package/dist/stepper/index.mjs

@@ -1,2 +1,2 @@
-import { t as defineStepper } from "../stepper-DJkYcilu.mjs";
+import { t as defineStepper } from "../stepper-dNvkipop.mjs";
 export { defineStepper };

package/dist/{stepper-DJkYcilu.mjs → stepper-dNvkipop.mjs}

@@ -175,12 +175,13 @@ function defineStepper(...steps) {
 		Stepper: {
 			...StepperizePrimitives,
 			Provider: ({ variant = "horizontal", labelOrientation = "horizontal", tracking = false, defaultStep, defaultData, children, className, ...props }) => {
+				const instanceId = React.useId();
 				return /* @__PURE__ */ jsx(StepperContext, {
 					value: {
 						variant,
 						labelOrientation,
 						tracking,
-						instanceId: React.useId()
+						instanceId
 					},
 					children: /* @__PURE__ */ jsx(StepperizeProvider, {
 						defaultStep,

package/dist/tag-input/index.mjs

@@ -1,2 +1,2 @@
-import { t as TagsInput } from "../tag-input-CSav22U5.mjs";
+import { t as TagsInput } from "../tag-input-Ctxtcpwy.mjs";
 export { TagsInput };

package/dist/{tag-input-CSav22U5.mjs → tag-input-Ctxtcpwy.mjs}

@@ -271,13 +271,16 @@ function useTagsInput({ value, onValueChange, maxItems, minItems, delimiters = D
 	const handleKeyDown = React.useCallback((e) => {
 		e.stopPropagation();
 		const moveNext = () => {
-			setActiveIndex(activeIndex + 1 > value.length - 1 ? -1 : activeIndex + 1);
+			const nextIndex = activeIndex + 1 > value.length - 1 ? -1 : activeIndex + 1;
+			setActiveIndex(nextIndex);
 		};
 		const movePrev = () => {
-			setActiveIndex(activeIndex - 1 < 0 ? value.length - 1 : activeIndex - 1);
+			const prevIndex = activeIndex - 1 < 0 ? value.length - 1 : activeIndex - 1;
+			setActiveIndex(prevIndex);
 		};
 		const moveCurrent = () => {
-			setActiveIndex(activeIndex - 1 <= 0 ? value.length - 1 === 0 ? -1 : 0 : activeIndex - 1);
+			const newIndex = activeIndex - 1 <= 0 ? value.length - 1 === 0 ? -1 : 0 : activeIndex - 1;
+			setActiveIndex(newIndex);
 		};
 		const target = e.currentTarget;
 		switch (e.key) {
@@ -302,9 +305,11 @@ function useTagsInput({ value, onValueChange, maxItems, minItems, delimiters = D
 					}
 				}
 				break;
-			case "Escape":
-				setActiveIndex(activeIndex === -1 ? value.length - 1 : -1);
+			case "Escape": {
+				const newIndex = activeIndex === -1 ? value.length - 1 : -1;
+				setActiveIndex(newIndex);
 				break;
+			}
 			case "Tab":
 				if (inputValue.trim() !== "") {
 					e.preventDefault();
@@ -312,13 +317,11 @@ function useTagsInput({ value, onValueChange, maxItems, minItems, delimiters = D
 					setInputValue("");
 				}
 				break;
-			default:
-				if (delimiters.includes(e.key) && inputValue.trim() !== "") {
-					e.preventDefault();
-					addValue(inputValue);
-					setInputValue("");
-				}
-				break;
+			default: if (delimiters.includes(e.key) && inputValue.trim() !== "") {
+				e.preventDefault();
+				addValue(inputValue);
+				setInputValue("");
+			}
 		}
 	}, [
 		activeIndex,
@@ -381,28 +384,29 @@ function TagsInput({ ref, value, onValueChange, placeholder, maxItems, minItems,
 		dir
 	});
 	const { inputValue, setInputValue, activeIndex, setActiveIndex, validationError, setValidationError } = input;
+	const contextValue = React.useMemo(() => ({
+		value,
+		onValueChange,
+		inputValue,
+		setInputValue,
+		activeIndex,
+		setActiveIndex,
+		validator,
+		validationError,
+		setValidationError
+	}), [
+		value,
+		onValueChange,
+		inputValue,
+		setInputValue,
+		activeIndex,
+		setActiveIndex,
+		validator,
+		validationError,
+		setValidationError
+	]);
 	return /* @__PURE__ */ jsxs(TagInputContext, {
-		value: React.useMemo(() => ({
-			value,
-			onValueChange,
-			inputValue,
-			setInputValue,
-			activeIndex,
-			setActiveIndex,
-			validator,
-			validationError,
-			setValidationError
-		}), [
-			value,
-			onValueChange,
-			inputValue,
-			setInputValue,
-			activeIndex,
-			setActiveIndex,
-			validator,
-			validationError,
-			setValidationError
-		]),
+		value: contextValue,
 		children: [/* @__PURE__ */ jsxs("div", {
 			...props,
 			ref,

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-DfdGiyfA.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-pqFd4rSf.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-DfdGiyfA.mjs → task-queue-dropdown-pqFd4rSf.mjs}

@@ -5,84 +5,12 @@ 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 { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-BhatUaar.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";
 import { createContext, use, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { formatDistanceToNowStrict } from "date-fns";
-//#region src/components/features/task-queue/constants.ts
-const TASK_QUEUE_DEFAULTS = {
-	concurrency: 3,
-	errorStrategy: "continue",
-	cancelable: true,
-	retryable: true
-};
-const TASK_STORAGE_KEY = "datum-task-queue";
-//#endregion
-//#region src/components/features/task-queue/utils/index.ts
-/**
-* Check if code is running in a browser environment.
-* Used for SSR safety in storage and other browser-dependent code.
-*/
-function isBrowser() {
-	return typeof window !== "undefined" && typeof localStorage !== "undefined";
-}
-function generateTaskId() {
-	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `task_${crypto.randomUUID()}`;
-	return `task_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
-}
-/**
-* Extract an ID from an item using common patterns.
-* Checks: primitives (string/number) → obj.id → obj.name → obj.key → obj.uuid
-*/
-function extractItemId(item) {
-	if (typeof item === "string" || typeof item === "number") return String(item);
-	if (item && typeof item === "object") {
-		const obj = item;
-		if (typeof obj.id === "string" || typeof obj.id === "number") return String(obj.id);
-		if (typeof obj.name === "string") return obj.name;
-		if (typeof obj.key === "string") return obj.key;
-		if (typeof obj.uuid === "string") return obj.uuid;
-	}
-}
-/**
-* Create metadata for project-scoped tasks.
-* Use this when enqueueing tasks that operate on project resources.
-*/
-function createProjectMetadata(project, org, extra) {
-	return {
-		scope: "project",
-		projectId: project.id,
-		projectName: project.name,
-		orgId: org.id,
-		orgName: org.name,
-		...extra
-	};
-}
-/**
-* Create metadata for organization-scoped tasks.
-* Use this when enqueueing tasks that operate on org-level resources.
-*/
-function createOrgMetadata(org, extra) {
-	return {
-		scope: "org",
-		orgId: org.id,
-		orgName: org.name,
-		...extra
-	};
-}
-/**
-* Create metadata for user-scoped tasks.
-* Use this when enqueueing tasks that operate on user-level resources.
-*/
-function createUserMetadata(extra) {
-	return {
-		scope: "user",
-		...extra
-	};
-}
-//#endregion
 //#region src/components/features/task-queue/engine/executor.ts
 /**
 * Shallow-clone a task into an engine-local working copy.
@@ -196,6 +124,78 @@ async function executeTask(inputTask, processor, callbacks) {
 	};
 }
 //#endregion
+//#region src/components/features/task-queue/constants.ts
+const TASK_QUEUE_DEFAULTS = {
+	concurrency: 3,
+	errorStrategy: "continue",
+	cancelable: true,
+	retryable: true
+};
+const TASK_STORAGE_KEY = "datum-task-queue";
+//#endregion
+//#region src/components/features/task-queue/utils/index.ts
+/**
+* Check if code is running in a browser environment.
+* Used for SSR safety in storage and other browser-dependent code.
+*/
+function isBrowser() {
+	return typeof window !== "undefined" && typeof localStorage !== "undefined";
+}
+function generateTaskId() {
+	if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") return `task_${crypto.randomUUID()}`;
+	return `task_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`;
+}
+/**
+* Extract an ID from an item using common patterns.
+* Checks: primitives (string/number) → obj.id → obj.name → obj.key → obj.uuid
+*/
+function extractItemId(item) {
+	if (typeof item === "string" || typeof item === "number") return String(item);
+	if (item && typeof item === "object") {
+		const obj = item;
+		if (typeof obj.id === "string" || typeof obj.id === "number") return String(obj.id);
+		if (typeof obj.name === "string") return obj.name;
+		if (typeof obj.key === "string") return obj.key;
+		if (typeof obj.uuid === "string") return obj.uuid;
+	}
+}
+/**
+* Create metadata for project-scoped tasks.
+* Use this when enqueueing tasks that operate on project resources.
+*/
+function createProjectMetadata(project, org, extra) {
+	return {
+		scope: "project",
+		projectId: project.id,
+		projectName: project.name,
+		orgId: org.id,
+		orgName: org.name,
+		...extra
+	};
+}
+/**
+* Create metadata for organization-scoped tasks.
+* Use this when enqueueing tasks that operate on org-level resources.
+*/
+function createOrgMetadata(org, extra) {
+	return {
+		scope: "org",
+		orgId: org.id,
+		orgName: org.name,
+		...extra
+	};
+}
+/**
+* Create metadata for user-scoped tasks.
+* Use this when enqueueing tasks that operate on user-level resources.
+*/
+function createUserMetadata(extra) {
+	return {
+		scope: "user",
+		...extra
+	};
+}
+//#endregion
 //#region src/components/features/task-queue/engine/storage/serialize.ts
 /**
 * Strip a task down to its JSON-serializable fields before persisting.
@@ -301,7 +301,7 @@ var MemoryTaskStorage = class {
 };
 //#endregion
 //#region src/components/features/task-queue/engine/storage/redis-storage.ts
-const DEFAULT_TTL = 3600 * 24 * 7;
+const DEFAULT_TTL = 604800;
 function hasSetex(client) {
 	return "setex" in client && typeof client.setex === "function";
 }
@@ -1026,8 +1026,9 @@ function TaskQueueProvider({ children, config }) {
 		window.addEventListener("beforeunload", handleBeforeUnload);
 		return () => window.removeEventListener("beforeunload", handleBeforeUnload);
 	}, []);
+	const value = useMemo(() => ({ queue: queueRef.current }), []);
 	return /* @__PURE__ */ jsx(TaskQueueContext, {
-		value: useMemo(() => ({ queue: queueRef.current }), []),
+		value,
 		children
 	});
 }

package/dist/theme/index.mjs

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

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

@@ -132,7 +132,8 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 		}
 	}, [storageKey]);
 	const handleMediaQuery = React.useCallback((e) => {
-		setResolvedTheme(getSystemTheme(e));
+		const resolved = getSystemTheme(e);
+		setResolvedTheme(resolved);
 		if (theme === "system" && enableSystem && !forcedTheme) applyTheme("system");
 	}, [
 		applyTheme,
@@ -168,25 +169,26 @@ function ThemeImpl({ forcedTheme, disableTransitionOnChange = false, enableSyste
 		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
-			};
-		}, [
+	const providerValue = React.useMemo(() => {
+		const effectiveTheme = forcedTheme ?? theme;
+		return {
 			theme,
 			setTheme,
 			forcedTheme,
-			resolvedTheme,
-			enableSystem,
-			themes
-		]),
+			resolvedTheme: effectiveTheme === "system" ? resolvedTheme : effectiveTheme,
+			themes: enableSystem ? [...themes, "system"] : themes,
+			systemTheme: enableSystem ? resolvedTheme : void 0
+		};
+	}, [
+		theme,
+		setTheme,
+		forcedTheme,
+		resolvedTheme,
+		enableSystem,
+		themes
+	]);
+	return /* @__PURE__ */ jsxs(ThemeContext, {
+		value: providerValue,
 		children: [/* @__PURE__ */ jsx(ThemeScript, {
 			forcedTheme,
 			storageKey,

package/dist/time-picker/index.mjs

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

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

@@ -1,4 +1,4 @@
-import { n as TimePicker$1 } from "./picker-CRUSdzpo.mjs";
+import { n as TimePicker$1 } from "./picker-b5-x-EHs.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

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

@@ -4,7 +4,7 @@ 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 { 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 { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { CalendarIcon, Globe } from "lucide-react";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
@@ -55,14 +55,16 @@ function getShortTimezoneDisplay(timezone) {
 * @example utcToLocalInputString(new Date('2026-01-16T04:00:00Z'), 'Asia/Jakarta') => '2026-01-16T11:00'
 */
 function utcToLocalInputString(utcDate, timezone) {
-	return format(toZonedTime(utcDate, timezone), "yyyy-MM-dd'T'HH:mm");
+	const zonedDate = toZonedTime(utcDate, timezone);
+	return format(zonedDate, "yyyy-MM-dd'T'HH:mm");
 }
 /**
 * Convert a local datetime-local input string to a UTC Date
 * @example localInputStringToUtc('2026-01-16T11:00', 'Asia/Jakarta') => Date('2026-01-16T04:00:00Z')
 */
 function localInputStringToUtc(localString, timezone) {
-	return fromZonedTime(parse(localString, "yyyy-MM-dd'T'HH:mm", /* @__PURE__ */ new Date()), timezone);
+	const parsed = parse(localString, "yyyy-MM-dd'T'HH:mm", /* @__PURE__ */ new Date());
+	return fromZonedTime(parsed, timezone);
 }
 /**
 * Convert a UTC ISO string to a Date for display in user's timezone
@@ -81,7 +83,8 @@ function zonedDateToUtcString(zonedDate, timezone) {
 * @example formatUtcForDisplay('2026-01-16T04:00:00Z', 'Asia/Jakarta') => 'Jan 16, 2026 11:00'
 */
 function formatUtcForDisplay(utcString, timezone, formatString = "MMM d, yyyy HH:mm") {
-	return format(utcStringToZonedDate(utcString, timezone), formatString);
+	const zonedDate = utcStringToZonedDate(utcString, timezone);
+	return format(zonedDate, formatString);
 }
 //#endregion
 //#region src/components/features/time-range-picker/components/absolute-range-panel.tsx
@@ -533,11 +536,12 @@ function getPresetRange(preset, timezone) {
 */
 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");
+	const wrapperValue = value ? {
+		from: value.from,
+		to: value.to
+	} : null;
 	return /* @__PURE__ */ jsx(DateTimeRangePicker, {
-		value: value ? {
-			from: value.from,
-			to: value.to
-		} : null,
+		value: wrapperValue,
 		onChange: (next) => {
 			if (next === null) {
 				onChange({

package/dist/tooltip/index.mjs

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

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

@@ -76,31 +76,35 @@ function Tooltip({ message, children, delayDuration = 200, side, align, sideOffs
 		}
 	}, []);
 	useEffect(() => () => clearTimers(), [clearTimers]);
+	const handleTouchStart = useCallback(() => {
+		clearTimers();
+		pressTimerRef.current = setTimeout(() => {
+			setLongPressVisible(true);
+			dismissTimerRef.current = setTimeout(() => {
+				setLongPressVisible(false);
+			}, AUTO_DISMISS_DURATION);
+		}, LONG_PRESS_DURATION);
+	}, [clearTimers]);
+	const handleTouchMove = useCallback(() => {
+		clearTimers();
+		setLongPressVisible(false);
+	}, [clearTimers]);
+	const handleTouchEnd = useCallback(() => {
+		if (pressTimerRef.current) {
+			clearTimeout(pressTimerRef.current);
+			pressTimerRef.current = null;
+		}
+	}, []);
+	const handleTouchCancel = useCallback(() => {
+		clearTimers();
+		setLongPressVisible(false);
+	}, [clearTimers]);
 	return /* @__PURE__ */ jsxs("span", {
 		className: "relative inline-flex",
-		onTouchStart: useCallback(() => {
-			clearTimers();
-			pressTimerRef.current = setTimeout(() => {
-				setLongPressVisible(true);
-				dismissTimerRef.current = setTimeout(() => {
-					setLongPressVisible(false);
-				}, AUTO_DISMISS_DURATION);
-			}, LONG_PRESS_DURATION);
-		}, [clearTimers]),
-		onTouchMove: useCallback(() => {
-			clearTimers();
-			setLongPressVisible(false);
-		}, [clearTimers]),
-		onTouchEnd: useCallback(() => {
-			if (pressTimerRef.current) {
-				clearTimeout(pressTimerRef.current);
-				pressTimerRef.current = null;
-			}
-		}, []),
-		onTouchCancel: useCallback(() => {
-			clearTimers();
-			setLongPressVisible(false);
-		}, [clearTimers]),
+		onTouchStart: handleTouchStart,
+		onTouchMove: handleTouchMove,
+		onTouchEnd: handleTouchEnd,
+		onTouchCancel: handleTouchCancel,
 		children: [/* @__PURE__ */ jsxs(Tooltip$1, {
 			delayDuration,
 			open,

package/dist/{types-DrN0rei5.mjs → types-agDpVXBG.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs/index.mjs";
-import { n as useTheme } from "./themes-BK5atywZ.mjs";
+import { n as useTheme } from "./themes-Ba2bajuF.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -178,7 +178,8 @@ function formatJson(jsonStr) {
 }
 function formatYaml(yamlStr) {
 	try {
-		return dump(load(yamlStr, { schema: FAILSAFE_SCHEMA }), {
+		const parsed = load(yamlStr, { schema: FAILSAFE_SCHEMA });
+		return dump(parsed, {
 			indent: 2,
 			lineWidth: -1,
 			noRefs: true
@@ -189,7 +190,8 @@ function formatYaml(yamlStr) {
 }
 function jsonToYaml(jsonStr) {
 	try {
-		return dump(JSON.parse(jsonStr), {
+		const parsed = JSON.parse(jsonStr);
+		return dump(parsed, {
 			indent: 2,
 			lineWidth: -1,
 			noRefs: true

package/dist/{use-option-picker-CV-9CyBV.mjs → use-option-picker-s2bUYwXC.mjs}

@@ -136,10 +136,11 @@ function useOptionPicker(args) {
 	const { options, multiple, value, defaultValue, onValueChange, onSearchChange, creatable = false, creatableLabel, closeOnSelect = true, onOpenChange, getOptionValue: getOptionValueProp, getOptionLabel: getOptionLabelProp } = args;
 	const getOptionValue = useMemo(() => getOptionValueProp ?? ((o) => o.value), [getOptionValueProp]);
 	const getOptionLabel = useMemo(() => getOptionLabelProp ?? ((o) => o.label), [getOptionLabelProp]);
-	const [selection, setSelection] = useControllableState(useMemo(() => {
+	const controlledSelection = useMemo(() => {
 		if (value === void 0) return void 0;
 		return Array.isArray(value) ? value : [value];
-	}, [value]), defaultValue === void 0 ? [] : Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
+	}, [value]);
+	const [selection, setSelection] = useControllableState(controlledSelection, defaultValue === void 0 ? [] : Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
 	const selectionSet = useMemo(() => new Set(selection), [selection]);
 	const [search, setSearchState] = useState("");
 	const setSearch = useCallback((next) => {

package/dist/utils/index.mjs

@@ -1,3 +1,3 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
-import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "../utils-U06Eu2KT.mjs";
+import { n as toUTCTimestampStartOfDay, t as toUTCTimestampEndOfDay } from "../utils-CA4QEIJ8.mjs";
 export { cn, toUTCTimestampEndOfDay, toUTCTimestampStartOfDay };