@datum-cloud/datum-ui 0.6.0 → 0.7.0

package/dist/data-table/index.mjs

@@ -2,16 +2,16 @@ import { t as cn } from "../cn-D2KYQ917.mjs";
 import { t as Badge } from "../badge-DJR33ftJ.mjs";
 import { t as Button } from "../button-BllvE9Lm.mjs";
 import { t as Checkbox } from "../checkbox-I5BvrMPe.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 { t as Input } from "../input-FKGqZypx.mjs";
-import { t as Label } from "../label-cnAhY-ej.mjs";
-import { i as DropdownMenuItem, l as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu } from "../dropdown-menu-lALvDnab.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "../popover-FJAcbYoH.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-CiLR_DiQ.mjs";
-import { t as Skeleton } from "../skeleton-D1MUhAVo.mjs";
-import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-Cdsh-39-.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-CDT-8Ha8.mjs";
-import { ArrowDown, ArrowUp, ArrowUpDown, Check, ChevronDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
+import { t as ResponsiveDropdown } from "../responsive-dropdown-IFroDgKn.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "../select-zxwykvQn.mjs";
+import { t as Skeleton } from "../skeleton-D4HOEiOZ.mjs";
+import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-DWGT4cqh.mjs";
+import { t as Autocomplete } from "../autocomplete-DdbTQe6u.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-BaykEs6j.mjs";
+import { t as ActionRow } from "../action-row-DnhBhMtt.mjs";
+import { t as MultiSelect } from "../multi-select-DM_dxnSV.mjs";
+import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
 import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { parseAsInteger, parseAsString, useQueryStates } from "nuqs";
@@ -1045,37 +1045,38 @@ function DataTablePagination({ pageSizes = DEFAULT_PAGE_SIZES, className }) {
 }
 //#endregion
 //#region src/components/features/data-table/components/row-actions.tsx
-function DataTableRowActions({ row, actions, isLoading = false, className }) {
+function DataTableRowActions({ row, actions, isLoading = false, className, responsive = true, sheetTitle = "Actions" }) {
+	const [open, setOpen] = useState(false);
 	const data = row.original;
 	const visibleActions = actions.filter((action) => {
 		if (action.hidden === void 0) return true;
 		return typeof action.hidden === "function" ? !action.hidden(data) : !action.hidden;
 	});
 	if (visibleActions.length === 0) return null;
-	return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-		asChild: true,
-		children: /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsx(ResponsiveDropdown, {
+		open,
+		onOpenChange: setOpen,
+		trigger: /* @__PURE__ */ jsxs(Button, {
 			theme: "borderless",
 			size: "small",
 			className,
 			disabled: isLoading,
 			"data-slot": "dt-row-actions",
+			onClick: () => setOpen(!open),
 			children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
 				className: "sr-only",
 				children: "Open menu"
 			})]
-		})
-	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		}),
+		sheetTitle,
 		align: "end",
-		children: visibleActions.map((action) => {
-			return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-				disabled: typeof action.disabled === "function" ? action.disabled(data) : action.disabled ?? false,
-				onClick: () => action.onClick(data),
-				className: action.variant === "destructive" ? "text-destructive" : void 0,
-				children: [action.icon && /* @__PURE__ */ jsx(action.icon, { className: "mr-2 size-4" }), action.label]
-			}, action.label);
-		})
-	})] });
+		responsive,
+		children: visibleActions.map((action) => /* @__PURE__ */ jsx(ActionRow, {
+			action,
+			data,
+			onSelect: () => setOpen(false)
+		}, action.label))
+	});
 }
 //#endregion
 //#region src/components/features/data-table/components/search.tsx
@@ -1452,10 +1453,8 @@ function ServerProvider(props) {
 }
 //#endregion
 //#region src/components/features/data-table/filters/checkbox-filter.tsx
-const MAX_VISIBLE_BADGES = 2;
-function CheckboxFilter({ column, label, options, className, checkboxPopoverClassName, disabled }) {
+function CheckboxFilter({ column, label, options, className, disabled, responsive, sheetTitle, modal }) {
 	const { filters, setFilter, clearFilter, registerFilter, unregisterFilter } = useDataTableFilters();
-	const [open, setOpen] = useState(false);
 	useEffect(() => {
 		registerFilter(column, "checkbox");
 		return () => unregisterFilter(column);
@@ -1464,101 +1463,22 @@ function CheckboxFilter({ column, label, options, className, checkboxPopoverClas
 		registerFilter,
 		unregisterFilter
 	]);
-	const selectedValues = filters[column] ?? [];
-	const updateValues = (newValues) => {
-		if (newValues.length > 0) setFilter(column, newValues);
-		else clearFilter(column);
-	};
-	const handleToggle = (optionValue, checked) => {
-		updateValues(checked ? [...selectedValues, optionValue] : selectedValues.filter((v) => v !== optionValue));
-	};
-	const removeValue = (optionValue) => {
-		updateValues(selectedValues.filter((v) => v !== optionValue));
-	};
-	const visibleBadges = selectedValues.slice(0, MAX_VISIBLE_BADGES);
-	const remainingCount = selectedValues.length - MAX_VISIBLE_BADGES;
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsxs(Button, {
-				theme: "outline",
-				disabled,
-				className: cn("h-10 justify-between gap-1", className),
-				"data-slot": "dt-filter",
-				"data-testid": "dt-filter-trigger",
-				children: [selectedValues.length > 0 ? /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-1 flex-wrap",
-					children: [visibleBadges.map((val) => {
-						const opt = options.find((o) => o.value === val);
-						return /* @__PURE__ */ jsxs(Badge, {
-							type: "secondary",
-							theme: "light",
-							className: "text-xs px-1.5 py-0",
-							children: [opt?.label ?? val, /* @__PURE__ */ jsx("span", {
-								role: "button",
-								tabIndex: 0,
-								"aria-label": `Remove ${opt?.label ?? val}`,
-								className: "ml-1 rounded-sm hover:bg-muted",
-								onClick: (e) => {
-									e.stopPropagation();
-									removeValue(val);
-								},
-								onKeyDown: (e) => {
-									if (e.key === "Enter" || e.key === " ") {
-										e.preventDefault();
-										removeValue(val);
-									}
-								},
-								children: /* @__PURE__ */ jsx(X, { className: "size-3" })
-							})]
-						}, val);
-					}), remainingCount > 0 && /* @__PURE__ */ jsxs("span", {
-						className: "text-xs text-muted-foreground",
-						children: [
-							"+",
-							remainingCount,
-							" ",
-							"more"
-						]
-					})]
-				}) : /* @__PURE__ */ jsx("span", { children: label }), /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50 ml-auto shrink-0" })]
-			})
-		}), /* @__PURE__ */ jsxs(PopoverContent, {
-			className: cn("popover-content-width-full p-0", checkboxPopoverClassName),
-			align: "start",
-			children: [/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between p-2 border-b",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "text-sm font-medium",
-					children: label
-				}), selectedValues.length > 0 && /* @__PURE__ */ jsx(Button, {
-					theme: "borderless",
-					size: "small",
-					className: "h-auto p-1 text-xs",
-					onClick: () => clearFilter(column),
-					children: "Clear"
-				})]
-			}), /* @__PURE__ */ jsx("div", {
-				className: "max-h-48 overflow-y-auto p-2",
-				children: /* @__PURE__ */ jsx("div", {
-					className: "flex flex-col gap-2",
-					children: options.map((option) => /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ jsx(Checkbox, {
-							id: `${column}-${option.value}`,
-							checked: selectedValues.includes(option.value),
-							onCheckedChange: (checked) => handleToggle(option.value, checked === true)
-						}), /* @__PURE__ */ jsx(Label, {
-							htmlFor: `${column}-${option.value}`,
-							className: "text-sm font-normal cursor-pointer",
-							children: option.label
-						})]
-					}, option.value))
-				})
-			})]
-		})]
+	return /* @__PURE__ */ jsx(MultiSelect, {
+		options,
+		value: filters[column] ?? [],
+		onValueChange: (next) => {
+			if (next.length > 0) setFilter(column, next);
+			else clearFilter(column);
+		},
+		placeholder: label,
+		sheetTitle: sheetTitle ?? label,
+		responsive,
+		modalPopover: modal,
+		maxCount: 2,
+		showClearButton: true,
+		showSelectAll: false,
+		disabled,
+		className
 	});
 }
 //#endregion
@@ -1605,9 +1525,8 @@ function DatePickerFilter({ column, label, className, datePickerPopoverClassName
 }
 //#endregion
 //#region src/components/features/data-table/filters/select-filter.tsx
-function SelectFilter({ column, label, options, placeholder, searchable = true, className, selectPopoverClassName, disabled }) {
+function SelectFilter({ column, label, options, placeholder, searchable = true, className, selectPopoverClassName, disabled, responsive, sheetTitle, modal }) {
 	const { filters, setFilter, clearFilter, registerFilter, unregisterFilter } = useDataTableFilters();
-	const [open, setOpen] = useState(false);
 	const value = filters[column];
 	useEffect(() => {
 		registerFilter(column, "select");
@@ -1617,57 +1536,23 @@ function SelectFilter({ column, label, options, placeholder, searchable = true,
 		registerFilter,
 		unregisterFilter
 	]);
-	const selectedOption = options.find((o) => o.value === value);
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsxs(Button, {
-				theme: "outline",
-				role: "combobox",
-				"aria-expanded": open,
-				disabled,
-				className: cn("h-10 justify-between", className),
-				"data-slot": "dt-filter",
-				"data-testid": "dt-filter-trigger",
-				children: [/* @__PURE__ */ jsx("span", {
-					className: "truncate",
-					children: selectedOption ? selectedOption.label : placeholder ?? label
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "ml-2 flex items-center gap-1",
-					children: [value && /* @__PURE__ */ jsx("span", {
-						role: "button",
-						"aria-label": `Clear ${label} filter`,
-						className: "rounded-sm opacity-70 hover:opacity-100",
-						onClick: (e) => {
-							e.stopPropagation();
-							clearFilter(column);
-						},
-						onKeyDown: (e) => {
-							if (e.key === "Enter" || e.key === " ") {
-								e.preventDefault();
-								e.stopPropagation();
-								clearFilter(column);
-							}
-						},
-						tabIndex: 0,
-						children: /* @__PURE__ */ jsx(X, { className: "size-3" })
-					}), /* @__PURE__ */ jsx(ChevronDown, { className: "size-4 opacity-50" })]
-				})]
-			})
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			className: cn("popover-content-width-full p-0", selectPopoverClassName),
-			align: "start",
-			children: /* @__PURE__ */ jsxs(Command, { children: [searchable && /* @__PURE__ */ jsx(CommandInput, { placeholder: `Search ${label.toLowerCase()}...` }), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }), /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(CommandItem, {
-				value: option.value,
-				onSelect: () => {
-					setFilter(column, option.value);
-					setOpen(false);
-				},
-				children: [/* @__PURE__ */ jsx(Check, { className: cn("mr-2 size-4", value === option.value ? "opacity-100" : "opacity-0") }), option.label]
-			}, option.value)) })] })] })
-		})]
+	return /* @__PURE__ */ jsx(Autocomplete, {
+		options,
+		value,
+		onValueChange: (next) => {
+			if (next === "" || next === void 0) clearFilter(column);
+			else setFilter(column, next);
+		},
+		placeholder: placeholder ?? label,
+		searchPlaceholder: `Search ${label.toLowerCase()}...`,
+		disableSearch: !searchable,
+		sheetTitle: sheetTitle ?? label,
+		responsive,
+		modal,
+		disabled,
+		className,
+		contentClassName: selectPopoverClassName,
+		triggerClassName: "h-10"
 	});
 }
 //#endregion

package/dist/date-picker/index.mjs

@@ -1,3 +1,3 @@
-import { t as CalendarDatePicker } from "../calendar-date-picker-CDT-8Ha8.mjs";
-import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as formatTimeRangeDisplay, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatSingleTimeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as TimeRangePicker, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatDateForInput, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-Bh3c01gr.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-BaykEs6j.mjs";
+import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as formatTimeRangeDisplay, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatSingleTimeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as TimeRangePicker, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatDateForInput, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-CgKcC9SK.mjs";
 export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };

package/dist/date-time-picker/index.mjs

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../date-time-picker-BomrW07W.mjs";
+import { t as DateTimePicker } from "../date-time-picker-DKOxrhmc.mjs";
 export { DateTimePicker };

package/dist/{date-time-picker-BomrW07W.mjs → date-time-picker-DKOxrhmc.mjs}

@@ -1,7 +1,8 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Button } from "./button-D3RrsMfQ.mjs";
-import { t as Calendar$1 } from "./calendar-DEkCw7I1.mjs";
-import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-FJAcbYoH.mjs";
+import { t as Calendar$1 } from "./calendar-C-Hbf74r.mjs";
+import { t as ResponsivePopover } from "./responsive-popover-D-t9bxSN.mjs";
+import { t as useDateConstraints } from "./use-date-constraints-R3H4lIoT.mjs";
 import { CalendarIcon } from "lucide-react";
 import * as React$1 from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -68,7 +69,8 @@ function utcToLocalDateTime(utcString, timezone) {
 //#endregion
 //#region src/components/features/date-time-picker/date-time-picker.tsx
 const DEFAULT_TIMEZONE = getBrowserTimezone();
-function DateTimePicker({ ref, value, onChange, minDate, maxDate, disabledDates, timezone = DEFAULT_TIMEZONE, showTimezoneIndicator = false, placeholder = "Select date and time", disabled = false, className, modal = false }) {
+function DateTimePicker({ ref, value, onChange, minDate, maxDate, disabledDates, disablePast, disableFuture, timezone = DEFAULT_TIMEZONE, showTimezoneIndicator = false, placeholder = "Select date and time", disabled = false, className, modal = false, sheetTitle, sheetDescription, responsive = true }) {
+	const [open, setOpen] = React$1.useState(false);
 	const initialState = React$1.useMemo(() => {
 		if (!value) return {
 			date: void 0,
@@ -77,6 +79,12 @@ function DateTimePicker({ ref, value, onChange, minDate, maxDate, disabledDates,
 		return utcToLocalDateTime(value, timezone);
 	}, [value, timezone]);
 	const [state, setState] = React$1.useState(initialState);
+	const { effectiveMinDate, effectiveMaxDate, isDateDisabled: isConstraintDisabled } = useDateConstraints({
+		minDate,
+		maxDate,
+		disablePast,
+		disableFuture
+	});
 	const prevValue = React$1.useRef(value);
 	const prevTimezone = React$1.useRef(timezone);
 	React$1.useEffect(() => {
@@ -122,54 +130,61 @@ function DateTimePicker({ ref, value, onChange, minDate, maxDate, disabledDates,
 	return /* @__PURE__ */ jsx("div", {
 		ref,
 		className,
-		children: /* @__PURE__ */ jsxs(Popover, {
+		children: /* @__PURE__ */ jsx(ResponsivePopover, {
+			open,
+			onOpenChange: setOpen,
+			trigger: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				className: cn("w-full justify-start text-left font-normal", !state.date && "text-muted-foreground"),
+				disabled,
+				children: [
+					/* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "flex-1",
+						children: formatDisplayValue()
+					}),
+					showTimezoneIndicator && state.date && state.time && /* @__PURE__ */ jsx("span", {
+						className: "text-muted-foreground ml-2 text-xs",
+						children: timezone
+					})
+				]
+			}),
+			sheetTitle: sheetTitle ?? placeholder ?? "Pick date & time",
+			sheetDescription,
+			align: "start",
+			contentClassName: "w-full sm:w-auto",
 			modal,
-			children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsxs(Button, {
-					variant: "outline",
-					className: cn("w-full justify-start text-left font-normal", !state.date && "text-muted-foreground"),
-					disabled,
-					children: [
-						/* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }),
-						/* @__PURE__ */ jsx("span", {
-							className: "flex-1",
-							children: formatDisplayValue()
-						}),
-						showTimezoneIndicator && state.date && state.time && /* @__PURE__ */ jsx("span", {
-							className: "text-muted-foreground ml-2 text-xs",
-							children: timezone
-						})
-					]
-				})
-			}), /* @__PURE__ */ jsx(PopoverContent, {
-				className: "w-auto p-0",
-				align: "start",
-				children: /* @__PURE__ */ jsxs("div", {
-					className: "p-3",
-					children: [/* @__PURE__ */ jsx(Calendar$1, {
-						mode: "single",
-						selected: state.date,
-						onSelect: handleDateChange,
-						disabled: disabledDates,
-						fromDate: minDate,
-						toDate: maxDate
-					}), /* @__PURE__ */ jsxs("div", {
-						className: "mt-3",
-						children: [/* @__PURE__ */ jsx("label", {
-							className: "mb-1 block text-sm font-medium",
-							children: "Time"
-						}), /* @__PURE__ */ jsx("input", {
-							type: "time",
-							"aria-label": "Select time",
-							value: state.time,
-							onChange: handleTimeChange,
-							disabled: disabled || !state.date,
-							className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1", "text-sm shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50")
-						})]
+			responsive,
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "p-3",
+				children: [/* @__PURE__ */ jsx(Calendar$1, {
+					mode: "single",
+					selected: state.date,
+					onSelect: handleDateChange,
+					className: "w-full sm:w-auto",
+					disabled: (date) => {
+						if (isConstraintDisabled(date)) return true;
+						if (typeof disabledDates === "function") return disabledDates(date);
+						if (Array.isArray(disabledDates)) return disabledDates.some((d) => d.getTime() === date.getTime());
+						return false;
+					},
+					fromDate: effectiveMinDate,
+					toDate: effectiveMaxDate
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "mt-3",
+					children: [/* @__PURE__ */ jsx("label", {
+						className: "mb-1 block text-sm font-medium",
+						children: "Time"
+					}), /* @__PURE__ */ jsx("input", {
+						type: "time",
+						"aria-label": "Select time",
+						value: state.time,
+						onChange: handleTimeChange,
+						disabled: disabled || !state.date,
+						className: cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1", "text-sm shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50")
 					})]
-				})
-			})]
+				})]
+			})
 		})
 	});
 }

package/dist/dropdown/index.mjs

@@ -1,2 +1,110 @@
-import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-DZiAt-jS.mjs";
+import { t as cn } from "../cn-D2KYQ917.mjs";
+import { t as Icon } from "../icon-wrapper-DuLp3RM1.mjs";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+//#region src/components/features/dropdown/dropdown.tsx
+/**
+* Datum Dropdown Menu Component
+* Extends shadcn DropdownMenu with:
+* - Destructive variant for DropdownMenuItem
+*/
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { ...props });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+		...props
+	}) });
+}
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { ...props });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Icon, {
+				icon: CheckIcon,
+				className: "size-4"
+			}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { ...props });
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Icon, {
+				icon: CircleIcon,
+				className: "size-2 fill-current"
+			}) })
+		}), children]
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		"data-inset": inset,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Icon, {
+			icon: ChevronRightIcon,
+			className: "ml-auto size-4"
+		})]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
+		...props
+	});
+}
+//#endregion
 export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/dropzone/index.mjs

@@ -1,2 +1,2 @@
-import { i as FileInputButton, n as DropzoneContent, r as DropzoneEmptyState, t as Dropzone } from "../dropzone-ogtpQ4fy.mjs";
+import { i as FileInputButton, n as DropzoneContent, r as DropzoneEmptyState, t as Dropzone } from "../dropzone-Bt0plEuw.mjs";
 export { Dropzone, DropzoneContent, DropzoneEmptyState, FileInputButton };

package/dist/empty-content/index.mjs

@@ -1,2 +1,2 @@
-import { t as EmptyContent } from "../empty-content-C63GPJ5d.mjs";
+import { t as EmptyContent } from "../empty-content-CBh5bbtJ.mjs";
 export { EmptyContent };

package/dist/form/adapters/conform/index.mjs

@@ -1,5 +1,5 @@
-import { t as FormAdapterProvider } from "../../../adapter-context-rWveHhDd.mjs";
-import { n as getFieldConstraints, t as useDisplayTouched } from "../../../use-display-touched-I39aXEBD.mjs";
+import { t as FormAdapterProvider } from "../../../adapter-context-NyGTDZYq.mjs";
+import { n as getFieldConstraints, t as useDisplayTouched } from "../../../use-display-touched-8VGszCqj.mjs";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { FormProvider, getFormProps, getInputProps, useForm, useFormMetadata, useInputControl } from "@conform-to/react";

package/dist/form/adapters/rhf/index.mjs

@@ -1,5 +1,5 @@
-import { t as FormAdapterProvider } from "../../../adapter-context-rWveHhDd.mjs";
-import { n as getFieldConstraints, r as getObjectShape, t as useDisplayTouched } from "../../../use-display-touched-I39aXEBD.mjs";
+import { t as FormAdapterProvider } from "../../../adapter-context-NyGTDZYq.mjs";
+import { n as getFieldConstraints, r as getObjectShape, t as useDisplayTouched } from "../../../use-display-touched-8VGszCqj.mjs";
 import * as React$1 from "react";
 import { jsx } from "react/jsx-runtime";
 import { zodResolver } from "@hookform/resolvers/zod";

package/dist/form/index.mjs

@@ -1,3 +1,3 @@
-import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-B3rQ4CH9.mjs";
-import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-rWveHhDd.mjs";
+import { A as FormCheckbox, C as FormDialog, D as FormCustom, E as FormDatePicker, M as FormAutosearch, N as FormAutocomplete, O as FormCopyBox, S as FormError, T as FormDateTimePicker, _ as FormRadioGroup, a as useField, b as FormFieldArray, c as useWatchAll, d as FormTextarea, f as FormSwitch, g as FormRoot, h as FormSelectItem, i as useFieldContext, j as FormButton, k as FormCombobox, l as FormTransfer, m as FormSelect, n as useFormState, o as FormWhen, p as FormSubmit, r as useFormContext, s as useWatch, t as Form, u as FormTimePicker, v as FormRadioItem, w as FormDescription, x as FormField, y as FormInput } from "../form-CCNN9VtJ.mjs";
+import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-NyGTDZYq.mjs";
 export { Form, FormAdapterProvider, FormAutocomplete, FormAutosearch, FormButton, FormCheckbox, FormCombobox, FormCopyBox, FormCustom, FormDatePicker, FormDateTimePicker, FormDescription, FormDialog, FormError, FormField, FormFieldArray, FormInput, FormRadioGroup, FormRadioItem, FormRoot, FormSelect, FormSelectItem, FormSubmit, FormSwitch, FormTextarea, FormTimePicker, FormTransfer, FormWhen, useAdapter, useField, useFieldContext, useFormContext, useFormState, useWatch, useWatchAll };

package/dist/form/stepper/index.mjs

@@ -1,8 +1,8 @@
 import { t as cn } from "../../cn-D2KYQ917.mjs";
 import { t as Button } from "../../button-BllvE9Lm.mjs";
-import { n as useFormContext, t as FormProvider } from "../../form-context-Ccxm-wqL.mjs";
-import { n as useAdapter } from "../../adapter-context-rWveHhDd.mjs";
-import { t as defineStepper } from "../../stepper-DvIOp0hh.mjs";
+import { n as useFormContext, t as FormProvider } from "../../form-context-CeKyvO-A.mjs";
+import { n as useAdapter } from "../../adapter-context-NyGTDZYq.mjs";
+import { t as defineStepper } from "../../stepper-Beb-zbdL.mjs";
 import { CheckIcon } from "lucide-react";
 import * as React$1 from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";