@datum-cloud/datum-ui 0.8.1 → 0.10.0

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-CiY6ajpy.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-C07H7h7q.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 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "0.8.1",
+  "version": "0.10.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"
@@ -328,6 +328,16 @@
       "types": "./dist/components/features/app-navigation/index.d.ts",
       "default": "./dist/app-navigation/index.mjs"
     },
+    "./logo": {
+      "source": "./src/components/features/logo/index.ts",
+      "types": "./dist/components/features/logo/index.d.ts",
+      "default": "./dist/logo/index.mjs"
+    },
+    "./logo/themed": {
+      "source": "./src/components/features/logo/themed/index.ts",
+      "types": "./dist/components/features/logo/themed/index.d.ts",
+      "default": "./dist/logo/themed/index.mjs"
+    },
     "./stepper": {
       "source": "./src/components/features/stepper/index.ts",
       "types": "./dist/components/features/stepper/index.d.ts",
@@ -358,6 +368,11 @@
       "types": "./dist/components/features/date-time-picker/index.d.ts",
       "default": "./dist/date-time-picker/index.mjs"
     },
+    "./picker": {
+      "source": "./src/components/features/picker/index.ts",
+      "types": "./dist/components/features/picker/index.d.ts",
+      "default": "./dist/picker/index.mjs"
+    },
     "./time-picker": {
       "source": "./src/components/features/time-picker/index.ts",
       "types": "./dist/components/features/time-picker/index.d.ts",
@@ -400,7 +415,7 @@
     "@tiptap/starter-kit": ">=3",
     "date-fns": ">=4.1.0",
     "date-fns-tz": ">=3",
-    "js-yaml": "^4.1.0",
+    "js-yaml": "^4.1.1",
     "leaflet": ">=1.9",
     "leaflet-draw": ">=1",
     "leaflet.fullscreen": ">=5",
@@ -551,29 +566,29 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "isomorphic-dompurify": "^3.8.0",
-    "tailwind-merge": "^3.5.0",
+    "isomorphic-dompurify": "^3.12.0",
+    "tailwind-merge": "^3.6.0",
     "tw-animate-css": "^1"
   },
   "devDependencies": {
-    "@conform-to/react": "^1.17.1",
-    "@conform-to/zod": "^1.17.1",
+    "@conform-to/react": "^1.19.2",
+    "@conform-to/zod": "^1.19.2",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@hookform/resolvers": "^5.2.2",
     "@monaco-editor/react": "^4.7.0",
     "@stepperize/react": "^6.1.0",
     "@tanstack/react-table": "^8.21.3",
-    "@tanstack/react-virtual": "^3.13.19",
+    "@tanstack/react-virtual": "^3.13.24",
     "@testing-library/jest-dom": "^6",
     "@testing-library/react": "^16",
     "@testing-library/user-event": "^14",
-    "@tiptap/extension-character-count": "^3.22.3",
-    "@tiptap/extension-link": "^3.22.3",
-    "@tiptap/extension-placeholder": "^3.22.3",
-    "@tiptap/extension-underline": "^3.22.3",
-    "@tiptap/react": "^3.22.3",
-    "@tiptap/starter-kit": "^3.22.3",
+    "@tiptap/extension-character-count": "^3.23.1",
+    "@tiptap/extension-link": "^3.23.1",
+    "@tiptap/extension-placeholder": "^3.23.1",
+    "@tiptap/extension-underline": "^3.23.1",
+    "@tiptap/react": "^3.23.1",
+    "@tiptap/starter-kit": "^3.23.1",
     "@types/js-yaml": "^4.0.9",
     "@types/leaflet": "^1.9.21",
     "@types/leaflet-draw": "^1.0.13",
@@ -584,32 +599,32 @@
     "@types/react-dom": "^19",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
-    "eslint": "^9.39.3",
+    "eslint": "^10.3.0",
     "js-yaml": "^4.1.1",
-    "jsdom": "^26",
+    "jsdom": "^29",
     "leaflet": "^1.9.4",
     "leaflet-draw": "^1.0.4",
-    "leaflet.fullscreen": "^5.3.0",
+    "leaflet.fullscreen": "^5.3.1",
     "leaflet.markercluster": "^1.5.3",
-    "lucide-react": "^0.556",
+    "lucide-react": "^1.14",
     "monaco-editor": "^0.55.1",
-    "motion": "^12.34.4",
+    "motion": "^12.38.0",
     "nprogress": "^0.2.0",
     "nuqs": "^2.8.9",
     "react": "^19",
     "react-day-picker": "^9.14.0",
     "react-dom": "^19",
     "react-dropzone": "^15.0.0",
-    "react-hook-form": "^7.71.2",
+    "react-hook-form": "^7.75.0",
     "react-leaflet": "^5.0.0",
     "react-leaflet-markercluster": "5.0.0-rc.0",
-    "react-number-format": "^5.4.4",
+    "react-number-format": "^5.4.5",
     "sonner": "^2.0.7",
-    "tailwindcss": "^4.2.1",
-    "tsdown": "^0.21.5",
-    "typescript": "^5.9",
-    "vitest": "^3",
-    "zod": "^4.3.6",
+    "tailwindcss": "^4.3.0",
+    "tsdown": "^0.22.0",
+    "typescript": "^6.0",
+    "vitest": "^4",
+    "zod": "^4.4.3",
     "@repo/config": "0.0.0",
     "@repo/shadcn": "0.0.0"
   },