@datum-cloud/datum-ui 0.6.1 → 0.7.0

package/dist/use-date-constraints-R3H4lIoT.mjs

@@ -0,0 +1,41 @@
+import { useCallback, useMemo } from "react";
+import { endOfDay, startOfDay } from "date-fns";
+//#region src/components/base/date-picker/use-date-constraints.ts
+function useDateConstraints({ minDate, maxDate, disablePast, disableFuture }) {
+	const today = useMemo(() => /* @__PURE__ */ new Date(), []);
+	const effectiveMinDate = useMemo(() => {
+		let min = minDate;
+		if (disablePast) {
+			const todayStart = startOfDay(today);
+			min = min ? min > todayStart ? min : todayStart : todayStart;
+		}
+		return min;
+	}, [
+		minDate,
+		disablePast,
+		today
+	]);
+	const effectiveMaxDate = useMemo(() => {
+		let max = maxDate;
+		if (disableFuture) {
+			const todayEnd = endOfDay(today);
+			max = max ? max < todayEnd ? max : todayEnd : todayEnd;
+		}
+		return max;
+	}, [
+		maxDate,
+		disableFuture,
+		today
+	]);
+	return {
+		effectiveMinDate,
+		effectiveMaxDate,
+		isDateDisabled: useCallback((date) => {
+			if (effectiveMinDate && date < effectiveMinDate) return true;
+			if (effectiveMaxDate && date > effectiveMaxDate) return true;
+			return false;
+		}, [effectiveMinDate, effectiveMaxDate])
+	};
+}
+//#endregion
+export { useDateConstraints as t };

package/dist/use-option-picker-BXQOfyrK.mjs

@@ -0,0 +1,215 @@
+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 { CheckIcon } from "lucide-react";
+import { useCallback, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { useVirtualizer } from "@tanstack/react-virtual";
+//#region src/components/base/option-picker/types.ts
+/**
+* Detect whether an options prop is grouped.
+*
+* Treats empty arrays as flat (zero-option lists do not need group headings).
+*/
+function isGroupedOptions(options) {
+	if (options.length === 0) return false;
+	return "options" in options[0];
+}
+/** Internal helper — flatten grouped or flat options into a single array. */
+function flattenOptions(options) {
+	return isGroupedOptions(options) ? options.flatMap((g) => g.options) : options;
+}
+//#endregion
+//#region src/components/base/option-picker/option-list.tsx
+function defaultRenderOption(option, isSelected) {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "flex min-w-0 flex-1 flex-col",
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: option.label
+		}), option.description && /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground truncate text-xs",
+			children: option.description
+		})]
+	}), 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 grouped = isGroupedOptions(filteredOptions);
+	const row = renderOption ?? defaultRenderOption;
+	const canVirtualize = virtualize && !grouped;
+	return /* @__PURE__ */ jsxs(Command, {
+		shouldFilter: false,
+		children: [
+			header,
+			!disableSearch && /* @__PURE__ */ jsx(CommandInput, {
+				className: "!text-xs placeholder:text-xs",
+				placeholder: searchPlaceholder,
+				value: search,
+				onValueChange: setSearch
+			}),
+			/* @__PURE__ */ jsxs(CommandList, {
+				ref: picker.listRef,
+				className: listClassName,
+				children: [
+					loading && /* @__PURE__ */ jsx(LoaderOverlay, {}),
+					/* @__PURE__ */ jsx(CommandEmpty, { children: emptyContent ?? "No results found." }),
+					grouped ? filteredOptions.map((group) => /* @__PURE__ */ jsx(CommandGroup, {
+						heading: group.label,
+						children: group.options.map((option) => /* @__PURE__ */ jsx(CommandItem, {
+							value: option.value,
+							disabled: option.disabled,
+							onSelect: () => toggle(option.value),
+							children: row(option, isSelected(option.value))
+						}, option.value))
+					}, group.label)) : canVirtualize ? /* @__PURE__ */ jsx(VirtualCommandGroup, {
+						options: filteredOptions,
+						isSelected,
+						toggle,
+						renderOption: row,
+						listRef: picker.listRef,
+						itemSize
+					}) : /* @__PURE__ */ jsx(CommandGroup, { children: filteredOptions.map((option) => /* @__PURE__ */ jsx(CommandItem, {
+						value: option.value,
+						disabled: option.disabled,
+						onSelect: () => toggle(option.value),
+						children: row(option, isSelected(option.value))
+					}, option.value)) }),
+					creatableValue && /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx(CommandItem, {
+						value: `__create_${creatableValue}`,
+						onSelect: () => toggle(creatableValue),
+						children: /* @__PURE__ */ jsxs("span", { children: [
+							"Use \"",
+							creatableValue,
+							"\""
+						] })
+					}) })
+				]
+			}),
+			footer
+		]
+	});
+}
+function VirtualCommandGroup({ options, isSelected, toggle, renderOption, listRef, itemSize }) {
+	const virtualizer = useVirtualizer({
+		count: options.length,
+		getScrollElement: () => listRef.current,
+		estimateSize: () => itemSize,
+		overscan: 8
+	});
+	return /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx("div", {
+		style: {
+			height: virtualizer.getTotalSize(),
+			position: "relative"
+		},
+		children: virtualizer.getVirtualItems().map((virtualRow) => {
+			const option = options[virtualRow.index];
+			return /* @__PURE__ */ jsx("div", {
+				style: {
+					position: "absolute",
+					top: 0,
+					left: 0,
+					width: "100%",
+					transform: `translateY(${virtualRow.start}px)`
+				},
+				children: /* @__PURE__ */ jsx(CommandItem, {
+					value: option.value,
+					disabled: option.disabled,
+					onSelect: () => toggle(option.value),
+					children: renderOption(option, isSelected(option.value))
+				})
+			}, option.value);
+		})
+	}) });
+}
+//#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;
+		return Array.isArray(value) ? value : [value];
+	}, [value, internalValue]);
+	const selectionSet = useMemo(() => new Set(selection), [selection]);
+	const [search, setSearchState] = useState("");
+	const setSearch = useCallback((next) => {
+		setSearchState(next);
+		onSearchChange?.(next);
+	}, [onSearchChange]);
+	const isSelected = useCallback((v) => selectionSet.has(v), [selectionSet]);
+	const toggle = useCallback((v) => {
+		if (multiple) {
+			const next = selectionSet.has(v) ? selection.filter((x) => x !== v) : [...selection, v];
+			if (value === void 0) setInternalValue(next);
+			onValueChange?.(next);
+		} else {
+			if (value === void 0) setInternalValue([v]);
+			onValueChange?.(v);
+			if (closeOnSelect) onOpenChange(false);
+		}
+	}, [
+		multiple,
+		selection,
+		selectionSet,
+		value,
+		onValueChange,
+		closeOnSelect,
+		onOpenChange
+	]);
+	const clear = useCallback(() => {
+		if (!multiple) return;
+		if (value === void 0) setInternalValue([]);
+		onValueChange?.([]);
+	}, [
+		multiple,
+		value,
+		onValueChange
+	]);
+	const filteredOptions = useMemo(() => {
+		if (onSearchChange || !search) return options;
+		const q = search.toLowerCase().trim();
+		if (!q) return options;
+		if (isGroupedOptions(options)) return options.map((g) => ({
+			label: g.label,
+			options: g.options.filter((o) => o.label.toLowerCase().includes(q))
+		})).filter((g) => g.options.length > 0);
+		return options.filter((o) => o.label.toLowerCase().includes(q));
+	}, [
+		options,
+		search,
+		onSearchChange
+	]);
+	const hasMatches = useMemo(() => {
+		if (isGroupedOptions(filteredOptions)) return filteredOptions.some((g) => g.options.length > 0);
+		return filteredOptions.length > 0;
+	}, [filteredOptions]);
+	const creatableValue = useMemo(() => {
+		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;
+	}, [
+		creatable,
+		multiple,
+		search,
+		options
+	]);
+	return {
+		search,
+		setSearch,
+		filteredOptions,
+		hasMatches,
+		isSelected,
+		toggle,
+		clear,
+		hasSelection: selection.length > 0,
+		creatableValue,
+		listRef: useRef(null)
+	};
+}
+//#endregion
+export { OptionList as n, useOptionPicker as t };

package/dist/visually-hidden/index.mjs

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"
@@ -19,6 +19,10 @@
       "style": "./dist/styles/root.css",
       "default": "./dist/styles/root.css"
     },
+    "./styles/canela": {
+      "style": "./dist/styles/canela.css",
+      "default": "./dist/styles/canela.css"
+    },
     "./theme": {
       "source": "./src/components/themes/index.ts",
       "types": "./dist/components/themes/index.d.ts",
@@ -139,6 +143,21 @@
       "types": "./dist/components/base/radio-group/index.d.ts",
       "default": "./dist/radio-group/index.mjs"
     },
+    "./responsive-dropdown": {
+      "source": "./src/components/base/responsive-dropdown/index.ts",
+      "types": "./dist/components/base/responsive-dropdown/index.d.ts",
+      "default": "./dist/responsive-dropdown/index.mjs"
+    },
+    "./responsive-popover": {
+      "source": "./src/components/base/responsive-popover/index.ts",
+      "types": "./dist/components/base/responsive-popover/index.d.ts",
+      "default": "./dist/responsive-popover/index.mjs"
+    },
+    "./rich-text-editor": {
+      "source": "./src/components/features/rich-text-editor/index.ts",
+      "types": "./dist/components/features/rich-text-editor/index.d.ts",
+      "default": "./dist/rich-text-editor/index.mjs"
+    },
     "./select": {
       "source": "./src/components/base/select/index.ts",
       "types": "./dist/components/base/select/index.d.ts",
@@ -209,11 +228,6 @@
       "types": "./dist/components/features/autosearch/index.d.ts",
       "default": "./dist/autosearch/index.mjs"
     },
-    "./combobox": {
-      "source": "./src/components/features/combobox/index.ts",
-      "types": "./dist/components/features/combobox/index.d.ts",
-      "default": "./dist/combobox/index.mjs"
-    },
     "./avatar-stack": {
       "source": "./src/components/features/avatar-stack/index.ts",
       "types": "./dist/components/features/avatar-stack/index.d.ts",
@@ -284,6 +298,11 @@
       "types": "./dist/exports/map.d.ts",
       "default": "./dist/map/index.mjs"
     },
+    "./mobile-sheet": {
+      "source": "./src/components/base/mobile-sheet/index.ts",
+      "types": "./dist/components/base/mobile-sheet/index.d.ts",
+      "default": "./dist/mobile-sheet/index.mjs"
+    },
     "./more-actions": {
       "source": "./src/components/features/more-actions/index.ts",
       "types": "./dist/components/features/more-actions/index.d.ts",
@@ -348,6 +367,11 @@
       "source": "./src/components/features/transfer/index.ts",
       "types": "./dist/components/features/transfer/index.d.ts",
       "default": "./dist/transfer/index.mjs"
+    },
+    "./multi-select": {
+      "source": "./src/components/features/multi-select/index.ts",
+      "types": "./dist/components/features/multi-select/index.d.ts",
+      "default": "./dist/multi-select/index.mjs"
     }
   },
   "main": "./dist/index.mjs",
@@ -368,6 +392,12 @@
     "@stepperize/react": ">=4",
     "@tanstack/react-table": ">=8",
     "@tanstack/react-virtual": ">=3",
+    "@tiptap/extension-character-count": ">=3",
+    "@tiptap/extension-link": ">=3",
+    "@tiptap/extension-placeholder": ">=3",
+    "@tiptap/extension-underline": ">=3",
+    "@tiptap/react": ">=3",
+    "@tiptap/starter-kit": ">=3",
     "date-fns": ">=4",
     "date-fns-tz": ">=3",
     "js-yaml": "^4.1.0",
@@ -420,6 +450,24 @@
     "@tanstack/react-virtual": {
       "optional": true
     },
+    "@tiptap/extension-character-count": {
+      "optional": true
+    },
+    "@tiptap/extension-link": {
+      "optional": true
+    },
+    "@tiptap/extension-placeholder": {
+      "optional": true
+    },
+    "@tiptap/extension-underline": {
+      "optional": true
+    },
+    "@tiptap/react": {
+      "optional": true
+    },
+    "@tiptap/starter-kit": {
+      "optional": true
+    },
     "date-fns": {
       "optional": true
     },
@@ -503,6 +551,7 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1",
+    "isomorphic-dompurify": "^3.8.0",
     "tailwind-merge": "^3.5.0",
     "tw-animate-css": "^1"
   },
@@ -519,6 +568,12 @@
     "@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",
     "@types/js-yaml": "^4.0.9",
     "@types/leaflet": "^1.9.21",
     "@types/leaflet-draw": "^1.0.13",

package/dist/autocomplete-CkYJueBL.mjs

@@ -1,293 +0,0 @@
-import { t as cn } from "./cn-D2KYQ917.mjs";
-import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-DqHWukGK.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-FJAcbYoH.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-BTFdkp7W.mjs";
-import { CheckIcon, ChevronDown } from "lucide-react";
-import * as React$1 from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useVirtualizer } from "@tanstack/react-virtual";
-//#region src/components/features/autocomplete/autocomplete.tsx
-function isGroupedOptions(options) {
-	return options.length > 0 && "options" in options[0];
-}
-function flattenOptions(options) {
-	if (isGroupedOptions(options)) return options.flatMap((g) => g.options);
-	return options;
-}
-function Trigger({ ref, selectedOption, renderValue, placeholder, loading, disabled, open, id, className, ...rest }) {
-	let displayContent;
-	if (!selectedOption) displayContent = /* @__PURE__ */ jsx("span", {
-		className: "text-muted-foreground",
-		children: placeholder
-	});
-	else if (renderValue) displayContent = renderValue(selectedOption);
-	else displayContent = /* @__PURE__ */ jsx("span", {
-		className: "truncate",
-		children: selectedOption.label
-	});
-	return /* @__PURE__ */ jsxs("button", {
-		ref,
-		type: "button",
-		id,
-		role: "combobox",
-		"aria-expanded": open,
-		disabled: disabled || loading,
-		className: cn("text-input-foreground placeholder:text-input-placeholder", "border-input-border bg-input-background/50 relative flex h-10 w-full items-center justify-between rounded-lg border px-3 py-2 text-left text-sm transition-all", "focus-visible:border-input-focus-border focus-visible:shadow-(--input-focus-shadow)", "focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:outline-hidden", "aria-invalid:border-destructive", (disabled || loading) && "cursor-not-allowed opacity-50", className),
-		...rest,
-		children: [
-			loading && /* @__PURE__ */ jsx(LoaderOverlay, {}),
-			/* @__PURE__ */ jsx("div", {
-				className: "min-w-0 flex-1",
-				children: displayContent
-			}),
-			/* @__PURE__ */ jsx(ChevronDown, { className: "text-muted-foreground ml-2 size-4 shrink-0" })
-		]
-	});
-}
-Trigger.displayName = "AutocompleteTrigger";
-function DefaultOptionContent({ option, isSelected }) {
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex w-full items-center justify-between gap-2",
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "min-w-0 flex-1",
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "truncate text-sm",
-				children: option.label
-			}), option.description && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-0.5 line-clamp-2 text-xs",
-				children: option.description
-			})]
-		}), isSelected && /* @__PURE__ */ jsx(CheckIcon, { className: "text-primary size-4 shrink-0" })]
-	});
-}
-function StaticOptions({ options, selectedValue, onSelect, renderOption }) {
-	const renderItem = (option) => {
-		const isSelected = option.value === selectedValue;
-		return /* @__PURE__ */ jsx(CommandItem, {
-			value: option.value,
-			keywords: [option.label, option.description ?? ""],
-			disabled: option.disabled,
-			onSelect: () => onSelect(option.value),
-			className: "cursor-pointer justify-between px-3 py-2 text-xs",
-			children: renderOption ? renderOption(option, isSelected) : /* @__PURE__ */ jsx(DefaultOptionContent, {
-				option,
-				isSelected
-			})
-		}, option.value);
-	};
-	if (isGroupedOptions(options)) return /* @__PURE__ */ jsx(Fragment$1, { children: options.map((group, index) => /* @__PURE__ */ jsx(CommandGroup, {
-		heading: group.label,
-		className: index > 0 ? "border-t pt-1" : "",
-		children: group.options.map(renderItem)
-	}, group.label)) });
-	return /* @__PURE__ */ jsx(CommandGroup, {
-		className: "p-0",
-		children: options.map(renderItem)
-	});
-}
-function VirtualizedOptions({ options, selectedValue, onSelect, renderOption, itemSize = 36, listClassName }) {
-	const flatOptions = flattenOptions(options);
-	const parentRef = React$1.useRef(null);
-	const virtualizer = useVirtualizer({
-		count: flatOptions.length,
-		getScrollElement: () => parentRef.current,
-		estimateSize: () => itemSize
-	});
-	React$1.useEffect(() => {
-		if (selectedValue) {
-			const index = flatOptions.findIndex((o) => o.value === selectedValue);
-			if (index >= 0) virtualizer.scrollToIndex(index, { align: "center" });
-		}
-	}, [
-		selectedValue,
-		flatOptions,
-		virtualizer
-	]);
-	return /* @__PURE__ */ jsx("div", {
-		ref: parentRef,
-		className: cn("max-h-[200px] overflow-auto", listClassName),
-		children: /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsx("div", {
-			style: { height: `${virtualizer.getTotalSize()}px` },
-			className: "relative w-full",
-			children: virtualizer.getVirtualItems().map((virtualItem) => {
-				const option = flatOptions[virtualItem.index];
-				const isSelected = option.value === selectedValue;
-				return /* @__PURE__ */ jsx(CommandItem, {
-					value: option.value,
-					keywords: [option.label, option.description ?? ""],
-					disabled: option.disabled,
-					onSelect: () => onSelect(option.value),
-					className: "absolute top-0 left-0 w-full cursor-pointer justify-between px-3 py-2 text-xs",
-					style: {
-						height: `${virtualItem.size}px`,
-						transform: `translateY(${virtualItem.start}px)`
-					},
-					children: renderOption ? renderOption(option, isSelected) : /* @__PURE__ */ jsx(DefaultOptionContent, {
-						option,
-						isSelected
-					})
-				}, option.value);
-			})
-		}) })
-	});
-}
-/**
-* Autocomplete - A searchable select component
-*
-* Standalone, form-agnostic combobox built on Popover + Command (cmdk).
-* Supports flat/grouped options, virtualization, custom rendering, and async search.
-*
-* @example Basic usage
-* ```tsx
-* <Autocomplete
-*   value={country}
-*   onValueChange={setCountry}
-*   options={countries}
-*   placeholder="Select country..."
-* />
-* ```
-*
-* @example Async search
-* ```tsx
-* <Autocomplete
-*   value={userId}
-*   onValueChange={setUserId}
-*   options={users ?? []}
-*   onSearchChange={setSearch}
-*   loading={isLoading}
-*   placeholder="Search users..."
-* />
-* ```
-*/
-function Autocomplete({ options, value, onValueChange, onSearchChange, searchPlaceholder = "Search...", disableSearch = false, renderOption, renderValue, placeholder = "Select...", emptyContent = "No results found", footer, creatable = false, creatableLabel, virtualize = false, itemSize = 36, loading = false, modal = false, disabled = false, name, id, className, triggerClassName, contentClassName, listClassName }) {
-	const [open, setOpen] = React$1.useState(false);
-	const [search, setSearch] = React$1.useState("");
-	const flatOptions = React$1.useMemo(() => flattenOptions(options), [options]);
-	const selectedOption = React$1.useMemo(() => flatOptions.find((o) => o.value === value), [flatOptions, value]);
-	const displayOption = React$1.useMemo(() => {
-		if (selectedOption) return selectedOption;
-		if (creatable && value) return {
-			value,
-			label: value
-		};
-	}, [
-		selectedOption,
-		creatable,
-		value
-	]);
-	const isExternalSearch = !!onSearchChange;
-	const trimmedSearch = React$1.useMemo(() => search.trim(), [search]);
-	const showCreatableItem = React$1.useMemo(() => {
-		if (!creatable || trimmedSearch.length === 0) return false;
-		const needle = trimmedSearch.toLowerCase();
-		return !flatOptions.some((o) => o.value.toLowerCase() === needle || o.label.toLowerCase() === needle);
-	}, [
-		creatable,
-		trimmedSearch,
-		flatOptions
-	]);
-	const handleSelect = React$1.useCallback((optionValue) => {
-		onValueChange?.(optionValue);
-		setSearch("");
-		setOpen(false);
-	}, [onValueChange]);
-	const handleCreatableSelect = React$1.useCallback(() => {
-		onValueChange?.(trimmedSearch);
-		setSearch("");
-		setOpen(false);
-	}, [onValueChange, trimmedSearch]);
-	const handleOpenChange = React$1.useCallback((nextOpen) => {
-		setOpen(nextOpen);
-		if (!nextOpen) {
-			setSearch("");
-			if (isExternalSearch) onSearchChange?.("");
-		}
-	}, [isExternalSearch, onSearchChange]);
-	const handleSearchChange = React$1.useCallback((val) => {
-		setSearch(val);
-		if (isExternalSearch) onSearchChange?.(val);
-	}, [isExternalSearch, onSearchChange]);
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative", className),
-		children: [/* @__PURE__ */ jsxs(Popover, {
-			open,
-			onOpenChange: handleOpenChange,
-			modal,
-			children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsx(Trigger, {
-					selectedOption: displayOption,
-					renderValue,
-					placeholder,
-					loading,
-					disabled,
-					open,
-					id,
-					className: triggerClassName
-				})
-			}), /* @__PURE__ */ jsx(PopoverContent, {
-				className: cn("popover-content-width-full p-0", contentClassName),
-				align: "start",
-				children: /* @__PURE__ */ jsxs(Command, {
-					shouldFilter: !isExternalSearch && !creatable,
-					defaultValue: value,
-					children: [
-						!disableSearch && /* @__PURE__ */ jsx(CommandInput, {
-							className: "placeholder:text-secondary/60 h-7 border-none text-xs placeholder:text-xs focus-visible:ring-0",
-							iconClassName: "text-secondary size-3.5",
-							wrapperClassName: "px-3 py-2",
-							placeholder: searchPlaceholder,
-							value: search,
-							onValueChange: handleSearchChange
-						}),
-						/* @__PURE__ */ jsxs(CommandList, {
-							className: cn(!virtualize && "max-h-[300px]", listClassName),
-							children: [
-								!showCreatableItem && /* @__PURE__ */ jsx(CommandEmpty, { children: typeof emptyContent === "string" ? /* @__PURE__ */ jsx("span", {
-									className: "text-muted-foreground text-xs",
-									children: emptyContent
-								}) : emptyContent }),
-								virtualize ? /* @__PURE__ */ jsx(VirtualizedOptions, {
-									options,
-									selectedValue: value,
-									onSelect: handleSelect,
-									renderOption,
-									itemSize,
-									listClassName
-								}) : /* @__PURE__ */ jsx(StaticOptions, {
-									options,
-									selectedValue: value,
-									onSelect: handleSelect,
-									renderOption
-								}),
-								showCreatableItem && /* @__PURE__ */ jsx(CommandGroup, {
-									forceMount: true,
-									className: "p-0",
-									children: /* @__PURE__ */ jsx(CommandItem, {
-										forceMount: true,
-										value: `\0creatable:${trimmedSearch}`,
-										keywords: [trimmedSearch],
-										onSelect: handleCreatableSelect,
-										className: "cursor-pointer px-3 py-2 text-xs",
-										children: creatableLabel ? creatableLabel(trimmedSearch) : `Use "${trimmedSearch}"`
-									})
-								})
-							]
-						}),
-						footer && /* @__PURE__ */ jsx("div", {
-							className: "border-t",
-							children: footer
-						})
-					]
-				})
-			})]
-		}), name && /* @__PURE__ */ jsx("input", {
-			type: "hidden",
-			name,
-			value: value ?? ""
-		})]
-	});
-}
-Autocomplete.displayName = "Autocomplete";
-//#endregion
-export { Autocomplete as t };

package/dist/combobox/index.mjs

@@ -1,2 +0,0 @@
-import { t as Combobox } from "../combobox-B-C9lJeD.mjs";
-export { Combobox };