@datum-cloud/datum-ui 1.3.2 → 1.4.0

package/dist/{transfer-Dp6tTYeN.mjs → transfer-CEq9AhL7.mjs}

@@ -1,5 +1,5 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as Button } from "./button-B_N7A8gv.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as Button } from "./button-A1qTjZ8U.mjs";
 import { Search, X } from "lucide-react";
 import * as React from "react";
 import { useCallback, useEffect, useMemo, useState } from "react";
@@ -37,7 +37,7 @@ const TransferItem = ({ label, onClick, disabled = false, panelType }) => {
 		}), panelType === "target" && /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": `Remove ${label}`,
-			className: "h-6 w-6 p-0 rounded opacity-0 group-hover:opacity-100 hover:bg-muted transition-opacity inline-flex items-center justify-center",
+			className: "h-6 w-6 p-0 rounded opacity-0 group-hover:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring hover:bg-muted transition-opacity inline-flex items-center justify-center",
 			onClick,
 			disabled,
 			children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
@@ -69,6 +69,8 @@ const TransferPanel = ({ title, items, groups, searchable, searchValue, onSearch
 		groups.forEach((group) => {
 			grouped[group] = items.filter((item) => item.group === group);
 		});
+		const ungrouped = items.filter((item) => item.group == null || !groups.includes(item.group));
+		if (ungrouped.length > 0) grouped[""] = ungrouped;
 		return grouped;
 	}, [items, groups]);
 	const renderItems = (groupItems) => {
@@ -118,10 +120,13 @@ const TransferPanel = ({ title, items, groups, searchable, searchValue, onSearch
 			}) : groups.length === 0 ? /* @__PURE__ */ jsx("div", {
 				className: "space-y-1",
 				children: renderItems(items)
-			}) : Object.entries(groupedItems).map(([group, groupItems]) => groupItems.length > 0 && /* @__PURE__ */ jsx(TransferGroup, {
+			}) : Object.entries(groupedItems).map(([group, groupItems]) => groupItems.length > 0 && (group === "" ? /* @__PURE__ */ jsx("div", {
+				className: "space-y-1",
+				children: renderItems(groupItems)
+			}, "__ungrouped__") : /* @__PURE__ */ jsx(TransferGroup, {
 				title: group,
 				children: renderItems(groupItems)
-			}, group))
+			}, group)))
 		})]
 	});
 };
@@ -144,7 +149,9 @@ function useTransferState({ items, value, itemKey, itemLabel, itemGroup }) {
 	}, [itemLabel]);
 	const getGroup = useCallback((item) => {
 		if (!itemGroup) return void 0;
-		return typeof itemGroup === "function" ? itemGroup(item) : String(item[itemGroup]);
+		const raw = typeof itemGroup === "function" ? itemGroup(item) : item[itemGroup];
+		if (raw == null) return void 0;
+		return String(raw);
 	}, [itemGroup]);
 	const transferItems = useMemo(() => {
 		return items.map((item) => ({

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

@@ -1,13 +1,15 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "./tabs/index.mjs";
-import { n as useTheme } from "./themes-CAmRnjUM.mjs";
-import { t as toast } from "./toast-qSJgeN-g.mjs";
+import { n as useTheme } from "./themes-BK5atywZ.mjs";
+import { t as toast } from "./toast-BUPlDkN3.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import Editor from "@monaco-editor/react";
-import { FAILSAFE_SCHEMA, dump, load } from "js-yaml";
+import { CORE_SCHEMA, FAILSAFE_SCHEMA, dump, floatCoreTag, intCoreTag, load } from "js-yaml";
 import { z } from "zod";
 //#region src/components/features/code-editor/code-editor.tsx
+/** Delay before the initial auto-format runs, giving Monaco time to settle. */
+const AUTO_FORMAT_DELAY_MS = 300;
 /**
 * CodeEditor - Monaco-based code editor component
 *
@@ -66,22 +68,22 @@ import { z } from "zod";
 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 formatTimerRef = useRef(null);
 	const monacoTheme = theme === "dark" ? "vs-dark" : "light";
 	const showPlaceholder = !!placeholder && value.length === 0;
 	useEffect(() => {
-		if (editorRef.current && !mounted) {
-			setTimeout(() => {
-				editorRef.current?.getAction("editor.action.formatDocument")?.run();
-			}, 300);
-			setMounted(true);
-		}
-	}, [mounted]);
+		return () => {
+			if (formatTimerRef.current !== null) clearTimeout(formatTimerRef.current);
+		};
+	}, []);
 	const handleEditorChange = (newValue) => {
 		onChange?.(newValue || "");
 	};
 	const handleEditorDidMount = (editor) => {
 		editorRef.current = editor;
+		formatTimerRef.current = setTimeout(() => {
+			editor.getAction("editor.action.formatDocument")?.run();
+		}, AUTO_FORMAT_DELAY_MS);
 	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("relative", className),
@@ -125,6 +127,31 @@ function CodeEditor({ value, onChange, language, placeholder, id, name = "code-e
 }
 //#endregion
 //#region src/components/features/code-editor/lib/editor.ts
+/**
+* Wraps a numeric CORE scalar tag so that a token whose parsed number cannot be
+* re-serialized without loss is preserved as its original string rather than a
+* corrupted number. Precision loss beyond 2^53 (`12345678901234567890`) and
+* formatting normalization (`1.0`, `0755`, `1e3`) are detected by comparing the
+* source token against the number's canonical `String()` form. Genuine numbers
+* (`8080`, `3.14`, `-5`) still resolve to native JS numbers, preserving the
+* original BUG-008 fix where `port: 8080` must stay a number.
+*/
+function preserveLosslessNumbers(baseTag) {
+	return {
+		...baseTag,
+		resolve(source, isExplicit, tagName) {
+			const value = baseTag.resolve(source, isExplicit, tagName);
+			if (typeof value === "number" && String(value) !== source && `+${String(value)}` !== source) return source;
+			return value;
+		}
+	};
+}
+/**
+* CORE schema that keeps native number/boolean/null types while preserving any
+* number scalar that would lose fidelity on round-trip as its raw string. Used
+* for YAML→JSON conversion so config values are never silently corrupted.
+*/
+const PRECISION_SAFE_SCHEMA = CORE_SCHEMA.withTags(preserveLosslessNumbers(intCoreTag)).withTags(preserveLosslessNumbers(floatCoreTag));
 function isValidJson(jsonStr) {
 	try {
 		JSON.parse(jsonStr);
@@ -135,7 +162,7 @@ function isValidJson(jsonStr) {
 }
 function isValidYaml(yamlStr) {
 	try {
-		load(yamlStr, { schema: FAILSAFE_SCHEMA });
+		load(yamlStr, { schema: PRECISION_SAFE_SCHEMA });
 		return true;
 	} catch {
 		return false;
@@ -173,7 +200,7 @@ function jsonToYaml(jsonStr) {
 }
 function yamlToJson(yamlStr) {
 	try {
-		const parsed = load(yamlStr, { schema: FAILSAFE_SCHEMA });
+		const parsed = load(yamlStr, { schema: PRECISION_SAFE_SCHEMA });
 		return JSON.stringify(parsed, null, 2);
 	} catch (error) {
 		throw new Error(`Invalid YAML format: ${error instanceof Error ? error.message : String(error)}`);
@@ -258,23 +285,22 @@ function CodeEditorTabs({ value, onChange, format = "yaml", onFormatChange, erro
 			} catch {}
 		}
 	}, [value, format]);
+	useEffect(() => {
+		setActiveTab(format);
+	}, [format]);
 	const handleJsonChange = (newValue) => {
 		setJsonContent(newValue);
+		if (activeTab === "json") onChange?.(newValue, "json");
 		try {
 			setYamlContent(jsonToYaml(newValue));
-			if (activeTab === "json") onChange?.(newValue, "json");
-		} catch (error) {
-			console.error("Failed to convert JSON to YAML:", error);
-		}
+		} catch {}
 	};
 	const handleYamlChange = (newValue) => {
 		setYamlContent(newValue);
+		if (activeTab === "yaml") onChange?.(newValue, "yaml");
 		try {
 			setJsonContent(yamlToJson(newValue));
-			if (activeTab === "yaml") onChange?.(newValue, "yaml");
-		} catch (error) {
-			console.error("Failed to convert YAML to JSON:", error);
-		}
+		} catch {}
 	};
 	const handleTabChange = (newTab) => {
 		const newFormat = newTab;

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-Bcq9Tkwi.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-BXIBvq3-.mjs";
 export { Blockquote, Code, Link, List, ListItem, Paragraph, Text, Title, paragraphVariants, textVariants, titleVariants };

package/dist/{typography-Bcq9Tkwi.mjs → typography-BXIBvq3-.mjs}

@@ -1,4 +1,4 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { cva } from "class-variance-authority";
 import { CopyIcon } from "lucide-react";
 import * as React from "react";

package/dist/use-controllable-state-Dna7u3r9.mjs

@@ -0,0 +1,26 @@
+import { useCallback, useState } from "react";
+//#region src/components/base/hooks/use-controllable-state.ts
+/**
+* Uncontrolled-by-default state with an optional controlled override.
+* When `controlled` is undefined the hook owns the value; otherwise the prop wins.
+* `onChange` always fires. Accepts TanStack-style updater functions.
+*
+* This is the shared foundation for the `(value?, defaultValue, onValueChange)`
+* controllable contract used across value-bearing components.
+*/
+function useControllableState(controlled, defaultValue, onChange) {
+	const [internal, setInternal] = useState(defaultValue);
+	const isControlled = controlled !== void 0;
+	const value = isControlled ? controlled : internal;
+	return [value, useCallback((next) => {
+		const resolved = typeof next === "function" ? next(value) : next;
+		if (!isControlled) setInternal(resolved);
+		onChange?.(resolved);
+	}, [
+		isControlled,
+		onChange,
+		value
+	])];
+}
+//#endregion
+export { useControllableState as t };

package/dist/{use-copy-to-clipboard-BOCe6C1j.mjs → use-copy-to-clipboard-DZDq_85T.mjs}

@@ -1,4 +1,3 @@
-import { t as toast } from "./toast-qSJgeN-g.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 //#region src/hooks/use-copy-to-clipboard.ts
 function useCopyToClipboard() {
@@ -14,12 +13,19 @@ function useCopyToClipboard() {
 		try {
 			await navigator.clipboard.writeText(text);
 			setIsCopied(true);
-			if (options?.withToast) toast.success(options.toastMessage ?? "Copied to clipboard");
+			if (options?.withToast) try {
+				const { toast } = await import("./toast/index.mjs");
+				toast.success(options.toastMessage ?? "Copied to clipboard");
+			} catch (toastError) {
+				console.warn("useCopyToClipboard: copy succeeded but toast failed", toastError);
+			}
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
 			timeoutRef.current = setTimeout(() => {
 				setIsCopied(false);
 			}, 2e3);
 			return true;
 		} catch {
+			if (timeoutRef.current) clearTimeout(timeoutRef.current);
 			setIsCopied(false);
 			return false;
 		}

package/dist/use-debounced-search-input-yu_F0QBt.mjs

@@ -0,0 +1,37 @@
+import { useEffect, useState } from "react";
+//#region src/hooks/use-debounced-search-input.ts
+/** Default debounce delay for search inputs, in milliseconds. */
+const DEFAULT_SEARCH_DEBOUNCE_MS = 300;
+/**
+* Controlled search input with debounced propagation.
+*
+* Mirrors an external `value` locally so typing feels instant, re-syncs when the
+* external value changes (e.g. cleared elsewhere), and pushes local edits back
+* through `onChange` only after `delay` ms of inactivity.
+*
+* Returns a `[inputValue, setInputValue]` tuple for binding to an input element.
+*
+* @param value - The controlled/external search value.
+* @param onChange - Called with the debounced local value when it diverges.
+* @param delay - Debounce delay in milliseconds. Defaults to 300ms.
+*/
+function useDebouncedSearchInput(value, onChange, delay = 300) {
+	const [inputValue, setInputValue] = useState(value);
+	useEffect(() => {
+		setInputValue(value);
+	}, [value]);
+	useEffect(() => {
+		const timer = setTimeout(() => {
+			if (inputValue !== value) onChange(inputValue);
+		}, delay);
+		return () => clearTimeout(timer);
+	}, [
+		inputValue,
+		value,
+		delay,
+		onChange
+	]);
+	return [inputValue, setInputValue];
+}
+//#endregion
+export { useDebouncedSearchInput as n, DEFAULT_SEARCH_DEBOUNCE_MS as t };

package/dist/{use-deprecation-warning-BjKiPZ98.mjs → use-deprecation-warning-DXrGc0jX.mjs}

@@ -1,5 +1,5 @@
 import { useEffect } from "react";
-//#region src/components/features/picker/internal/use-deprecation-warning.ts
+//#region src/components/features/_shared/use-deprecation-warning.ts
 const warned = /* @__PURE__ */ new Set();
 /**
 * Logs a one-time `console.warn` in development warning that the legacy

package/dist/{use-display-touched-B31H1Ziq.mjs → use-display-touched-CMEEv7aT.mjs}

@@ -1,31 +1,6 @@
+import { t as getObjectShape } from "./zod-helpers-YEhVo2S-.mjs";
 import * as React from "react";
 import "zod";
-//#region src/components/features/form/utils/zod-helpers.ts
-/**
-* Extract the shape from a ZodObject, ZodIntersection, or ZodPipe.
-* Uses Zod v4's `def.type` discriminant.
-*
-* In Zod v4:
-* - `.refine()` / `.superRefine()` on ZodObject return the same ZodObject (def.type = 'object')
-* - `.transform()` wraps in ZodPipe (def.type = 'pipe', with def.in / def.out)
-* - `.and()` creates ZodIntersection (def.type = 'intersection', with def.left / def.right)
-*/
-function getObjectShape(schema) {
-	const { def } = schema;
-	if (def.type === "object") return schema.shape;
-	if (def.type === "intersection") {
-		const intersectionDef = def;
-		const leftShape = getObjectShape(intersectionDef.left);
-		const rightShape = getObjectShape(intersectionDef.right);
-		return {
-			...leftShape ?? {},
-			...rightShape ?? {}
-		};
-	}
-	if (def.type === "pipe") return getObjectShape(def.in);
-	return null;
-}
-//#endregion
 //#region src/components/features/form/utils/get-field-constraints.ts
 /**
 * Extract field-level constraints from a Zod schema.
@@ -80,4 +55,4 @@ function useDisplayTouched(schema) {
 	};
 }
 //#endregion
-export { getFieldConstraints as n, getObjectShape as r, useDisplayTouched as t };
+export { getFieldConstraints as n, useDisplayTouched as t };

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

@@ -1,5 +1,6 @@
-import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-B1sx-XVY.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-CumsP4Xh.mjs";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-C0aGIYnQ.mjs";
+import { t as useControllableState } from "./use-controllable-state-Dna7u3r9.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
 import { CheckIcon } from "lucide-react";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -9,10 +10,16 @@ import { useVirtualizer } from "@tanstack/react-virtual";
 * Detect whether an options prop is grouped.
 *
 * Treats empty arrays as flat (zero-option lists do not need group headings).
+*
+* A group carries an `options` array and, unlike an option, has no `value`.
+* Checking for the *absence* of `value` (plus an actual `options` array) avoids
+* misclassifying flat custom option types that happen to declare their own
+* `options` field as metadata.
 */
 function isGroupedOptions(options) {
 	if (options.length === 0) return false;
-	return "options" in options[0];
+	const first = options[0];
+	return "options" in first && Array.isArray(first.options) && !("value" in first);
 }
 /** Internal helper — flatten grouped or flat options into a single array. */
 function flattenOptions(options) {
@@ -33,7 +40,7 @@ function defaultRenderOption(option, isSelected) {
 	}), isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "text-primary ml-auto size-4 shrink-0" })] });
 }
 function OptionList({ picker, searchPlaceholder, disableSearch, emptyContent, renderOption, header, footer, loading, virtualize, itemSize = 36, listClassName }) {
-	const { filteredOptions, search, setSearch, isSelected, toggle, creatableValue } = picker;
+	const { filteredOptions, search, setSearch, isSelected, toggle, creatableValue, creatableLabel } = picker;
 	const grouped = isGroupedOptions(filteredOptions);
 	const row = renderOption ?? defaultRenderOption;
 	const canVirtualize = virtualize && !grouped;
@@ -77,7 +84,7 @@ function OptionList({ picker, searchPlaceholder, disableSearch, emptyContent, re
 					creatableValue && /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
 						value: `__create_${creatableValue}`,
 						onSelect: () => toggle(creatableValue),
-						children: /* @__PURE__ */ jsxs("span", { children: [
+						children: creatableLabel ? creatableLabel(creatableValue) : /* @__PURE__ */ jsxs("span", { children: [
 							"Use \"",
 							creatableValue,
 							"\""
@@ -104,6 +111,8 @@ function VirtualCommandGroup({ options, isSelected, toggle, renderOption, listRe
 		children: virtualizer.getVirtualItems().map((virtualRow) => {
 			const option = options[virtualRow.index];
 			return /* @__PURE__ */ jsx("div", {
+				"data-index": virtualRow.index,
+				ref: virtualizer.measureElement,
 				style: {
 					position: "absolute",
 					top: 0,
@@ -124,16 +133,13 @@ function VirtualCommandGroup({ options, isSelected, toggle, renderOption, listRe
 //#endregion
 //#region src/components/base/option-picker/use-option-picker.ts
 function useOptionPicker(args) {
-	const { options, multiple, value, defaultValue, onValueChange, onSearchChange, creatable = false, closeOnSelect = true, onOpenChange } = args;
-	const [internalValue, setInternalValue] = useState(() => {
-		if (value !== void 0) return Array.isArray(value) ? value : [value];
-		if (defaultValue !== void 0) return Array.isArray(defaultValue) ? defaultValue : [defaultValue];
-		return [];
-	});
-	const selection = useMemo(() => {
-		if (value === void 0) return internalValue;
+	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(() => {
+		if (value === void 0) return void 0;
 		return Array.isArray(value) ? value : [value];
-	}, [value, internalValue]);
+	}, [value]), defaultValue === void 0 ? [] : Array.isArray(defaultValue) ? defaultValue : [defaultValue]);
 	const selectionSet = useMemo(() => new Set(selection), [selection]);
 	const [search, setSearchState] = useState("");
 	const setSearch = useCallback((next) => {
@@ -144,10 +150,10 @@ function useOptionPicker(args) {
 	const toggle = useCallback((v) => {
 		if (multiple) {
 			const next = selectionSet.has(v) ? selection.filter((x) => x !== v) : [...selection, v];
-			if (value === void 0) setInternalValue(next);
+			setSelection(next);
 			onValueChange?.(next);
 		} else {
-			if (value === void 0) setInternalValue([v]);
+			setSelection([v]);
 			onValueChange?.(v);
 			if (closeOnSelect) onOpenChange(false);
 		}
@@ -155,18 +161,18 @@ function useOptionPicker(args) {
 		multiple,
 		selection,
 		selectionSet,
-		value,
+		setSelection,
 		onValueChange,
 		closeOnSelect,
 		onOpenChange
 	]);
 	const clear = useCallback(() => {
 		if (!multiple) return;
-		if (value === void 0) setInternalValue([]);
+		setSelection([]);
 		onValueChange?.([]);
 	}, [
 		multiple,
-		value,
+		setSelection,
 		onValueChange
 	]);
 	const filteredOptions = useMemo(() => {
@@ -175,13 +181,14 @@ function useOptionPicker(args) {
 		if (!q) return options;
 		if (isGroupedOptions(options)) return options.map((g) => ({
 			label: g.label,
-			options: g.options.filter((o) => o.label.toLowerCase().includes(q))
+			options: g.options.filter((o) => getOptionLabel(o).toLowerCase().includes(q))
 		})).filter((g) => g.options.length > 0);
-		return options.filter((o) => o.label.toLowerCase().includes(q));
+		return options.filter((o) => getOptionLabel(o).toLowerCase().includes(q));
 	}, [
 		options,
 		search,
-		onSearchChange
+		onSearchChange,
+		getOptionLabel
 	]);
 	const hasMatches = useMemo(() => {
 		if (isGroupedOptions(filteredOptions)) return filteredOptions.some((g) => g.options.length > 0);
@@ -191,12 +198,16 @@ function useOptionPicker(args) {
 		if (!creatable || multiple) return null;
 		const trimmed = search.trim();
 		if (!trimmed) return null;
-		return flattenOptions(options).some((o) => o.label.toLowerCase() === trimmed.toLowerCase()) ? null : trimmed;
+		const all = flattenOptions(options);
+		const lowered = trimmed.toLowerCase();
+		return all.some((o) => getOptionLabel(o).toLowerCase() === lowered || getOptionValue(o).toLowerCase() === lowered) ? null : trimmed;
 	}, [
 		creatable,
 		multiple,
 		search,
-		options
+		options,
+		getOptionLabel,
+		getOptionValue
 	]);
 	return {
 		search,
@@ -207,7 +218,18 @@ function useOptionPicker(args) {
 		toggle,
 		clear,
 		hasSelection: selection.length > 0,
+		selection,
+		selectedOptions: useMemo(() => {
+			const all = flattenOptions(options);
+			const byValue = new Map(all.map((o) => [getOptionValue(o), o]));
+			return selection.map((v) => byValue.get(v)).filter((o) => o !== void 0);
+		}, [
+			options,
+			selection,
+			getOptionValue
+		]),
 		creatableValue,
+		creatableLabel,
 		listRef: useRef(null)
 	};
 }

package/dist/{toast-0C5jhuto.mjs → use-toast-Bpq0yJIT.mjs}

@@ -1,4 +1,4 @@
-import { t as toast$1 } from "./toast-qSJgeN-g.mjs";
+import { t as toast$1 } from "./toast-BUPlDkN3.mjs";
 import { useEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 import { Toaster } from "sonner";
@@ -25,12 +25,19 @@ function Toaster$1({ toastOptions, ...props }) {
 */
 function useToast(toastData) {
 	useEffect(() => {
-		if (toastData) setTimeout(() => {
-			toast$1[toastData.type](toastData.title ?? toastData.description, {
+		if (!toastData) return;
+		const showToast = toast$1[toastData.type];
+		if (typeof showToast !== "function") {
+			console.error(`useToast: unknown toast type "${toastData.type}"`);
+			return;
+		}
+		const timer = setTimeout(() => {
+			showToast(toastData.title ?? toastData.description ?? "", {
 				id: toastData.id,
 				description: toastData.title ? toastData.description : void 0
 			});
 		}, 0);
+		return () => clearTimeout(timer);
 	}, [toastData]);
 }
 //#endregion

package/dist/utils/cn.d.ts

@@ -1,3 +1 @@
-import type { ClassValue } from 'clsx';
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=cn.d.ts.map
+export { cn } from '../_shadcn/lib/utils';

package/dist/utils/index.d.ts

@@ -1,3 +1,2 @@
 export { cn } from './cn';
 export { toUTCTimestampEndOfDay, toUTCTimestampStartOfDay } from './timezone';
-//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.mjs

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

package/dist/utils/timezone.d.ts

@@ -16,4 +16,3 @@ export declare function toUTCTimestampStartOfDay(date: Date, timezone: string):
  * @returns Unix timestamp in seconds (UTC).
  */
 export declare function toUTCTimestampEndOfDay(date: Date, timezone: string): number;
-//# sourceMappingURL=timezone.d.ts.map

package/dist/zod-helpers-YEhVo2S-.mjs

@@ -0,0 +1,27 @@
+//#region src/components/features/form/utils/zod-helpers.ts
+/**
+* Extract the shape from a ZodObject, ZodIntersection, or ZodPipe.
+* Uses Zod v4's `def.type` discriminant.
+*
+* In Zod v4:
+* - `.refine()` / `.superRefine()` on ZodObject return the same ZodObject (def.type = 'object')
+* - `.transform()` wraps in ZodPipe (def.type = 'pipe', with def.in / def.out)
+* - `.and()` creates ZodIntersection (def.type = 'intersection', with def.left / def.right)
+*/
+function getObjectShape(schema) {
+	const { def } = schema;
+	if (def.type === "object") return schema.shape;
+	if (def.type === "intersection") {
+		const intersectionDef = def;
+		const leftShape = getObjectShape(intersectionDef.left);
+		const rightShape = getObjectShape(intersectionDef.right);
+		return {
+			...leftShape ?? {},
+			...rightShape ?? {}
+		};
+	}
+	if (def.type === "pipe") return getObjectShape(def.in);
+	return null;
+}
+//#endregion
+export { getObjectShape as t };