@datum-cloud/datum-ui 1.6.1 → 1.7.0

package/dist/app-navigation/index.mjs

@@ -1,3 +1,3 @@
-import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-Df6Po0K8.mjs";
-import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation--mry98XV.mjs";
+import { C as SidebarProvider, S as SidebarGroupLabel, _ as SidebarMenuSubButton, a as SidebarInput, b as SidebarGroupAction, c as SidebarSeparator, d as SidebarMenuAction, f as SidebarMenuBadge, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, o as SidebarInset, p as SidebarMenuButton, r as SidebarFooter, s as SidebarRail, t as Sidebar, u as SidebarMenu, v as SidebarMenuSubItem, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "../sidebar-BRUNOqXi.mjs";
+import { a as hasActiveDescendant, i as findItemByHref, n as NavMenu, o as isNavItemActive, r as NavMenuItem, s as normalizePath, t as AppNavigation } from "../app-navigation-CNig4Maj.mjs";
 export { AppNavigation, NavMenu, NavMenuItem, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, findItemByHref, hasActiveDescendant, isNavItemActive, normalizePath, useSidebar };

package/dist/{app-navigation--mry98XV.mjs → app-navigation-CNig4Maj.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Icon } from "./icon-wrapper-DKfJlJd0.mjs";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapsible/index.mjs";
-import { S as SidebarGroupLabel, c as SidebarSeparator, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, p as SidebarMenuButton, r as SidebarFooter, t as Sidebar, u as SidebarMenu, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-Df6Po0K8.mjs";
+import { S as SidebarGroupLabel, c as SidebarSeparator, g as SidebarMenuSub, h as SidebarMenuSkeleton, i as SidebarHeader, l as SidebarTrigger, m as SidebarMenuItem, n as SidebarContent, p as SidebarMenuButton, r as SidebarFooter, t as Sidebar, u as SidebarMenu, w as useSidebar, x as SidebarGroupContent, y as SidebarGroup } from "./sidebar-BRUNOqXi.mjs";
 import { ChevronRight, ExternalLinkIcon } from "lucide-react";
 import { createContext, memo, use, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -440,37 +440,38 @@ function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp =
 		isMobile,
 		closeForNavigation
 	]);
+	const contextValue = useMemo(() => ({
+		pathname,
+		state,
+		isMobile,
+		openItems,
+		setOpenItems,
+		setOpen,
+		disableTooltip,
+		itemClassName,
+		activeItemClassName,
+		linkComponent: LinkComp,
+		getLinkProps,
+		handleNavigation,
+		isInitialMount,
+		previousOpenItems,
+		previousState,
+		previousPathname
+	}), [
+		pathname,
+		state,
+		isMobile,
+		openItems,
+		setOpen,
+		disableTooltip,
+		itemClassName,
+		activeItemClassName,
+		LinkComp,
+		getLinkProps,
+		handleNavigation
+	]);
 	return /* @__PURE__ */ jsx(NavMenuProvider, {
-		value: useMemo(() => ({
-			pathname,
-			state,
-			isMobile,
-			openItems,
-			setOpenItems,
-			setOpen,
-			disableTooltip,
-			itemClassName,
-			activeItemClassName,
-			linkComponent: LinkComp,
-			getLinkProps,
-			handleNavigation,
-			isInitialMount,
-			previousOpenItems,
-			previousState,
-			previousPathname
-		}), [
-			pathname,
-			state,
-			isMobile,
-			openItems,
-			setOpen,
-			disableTooltip,
-			itemClassName,
-			activeItemClassName,
-			LinkComp,
-			getLinkProps,
-			handleNavigation
-		]),
+		value: contextValue,
 		children: /* @__PURE__ */ jsx("ul", {
 			ref,
 			"data-sidebar": "menu",

package/dist/assistant/index.mjs

@@ -1,7 +1,7 @@
 import { t as cn } from "../utils-Bu32wN-x.mjs";
 import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
 import { a as DropdownMenuRadioGroup, c as DropdownMenuTrigger, i as DropdownMenuLabel, o as DropdownMenuRadioItem, r as DropdownMenuContent, s as DropdownMenuSeparator, t as DropdownMenu } from "../dropdown-menu-b8zY5Cs6.mjs";
-import { t as Tooltip } from "../tooltip-BhatUaar.mjs";
+import { t as Tooltip } from "../tooltip-C_SL1imw.mjs";
 import { ArrowDown, ArrowRight, ArrowUp, Brain, Check, ChevronDown, Copy, Download, MessagesSquare, Mic, MicOff, PanelLeft, Plus, RotateCw, Square, Trash2 } from "lucide-react";
 import { Fragment, createContext, useCallback, useContext, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/autocomplete/index.mjs

@@ -1,2 +1,2 @@
-import { t as Autocomplete } from "../autocomplete-G24AgvxU.mjs";
+import { t as Autocomplete } from "../autocomplete-DM6JYV4W.mjs";
 export { Autocomplete };

package/dist/{autocomplete-G24AgvxU.mjs → autocomplete-DM6JYV4W.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-DJZgXWIE.mjs";
 import { t as LoaderOverlay } from "./loader-overlay-DD94azZX.mjs";
-import { n as OptionList, t as useOptionPicker } from "./use-option-picker-CV-9CyBV.mjs";
+import { n as OptionList, t as useOptionPicker } from "./use-option-picker-s2bUYwXC.mjs";
 import { ChevronDown } from "lucide-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/autosearch/index.mjs

@@ -2,8 +2,8 @@ import { t as cn } from "../utils-Bu32wN-x.mjs";
 import { t as Button } from "../button-A1qTjZ8U.mjs";
 import { t as Input } from "../input-j4tbmYYz.mjs";
 import { t as ResponsivePopover } from "../responsive-popover-DJZgXWIE.mjs";
-import { t as Tooltip } from "../tooltip-BhatUaar.mjs";
-import { n as OptionList, t as useOptionPicker } from "../use-option-picker-CV-9CyBV.mjs";
+import { t as Tooltip } from "../tooltip-C_SL1imw.mjs";
+import { n as OptionList, t as useOptionPicker } from "../use-option-picker-s2bUYwXC.mjs";
 import { AlertCircle, Loader2, X } from "lucide-react";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -72,7 +72,8 @@ function Autosearch({ options = [], value, onValueChange, onSearch, searchDeboun
 		options,
 		value,
 		onValueChange: (selected) => {
-			setPersistedOption(options.find((o) => o.value === selected) ?? null);
+			const option = options.find((o) => o.value === selected) ?? null;
+			setPersistedOption(option);
 			onValueChange?.(selected);
 			picker.setSearch("");
 		},

package/dist/avatar-stack/index.mjs

@@ -1,2 +1,2 @@
-import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-D1-BA7hA.mjs";
+import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-BZK6zUJr.mjs";
 export { AvatarStack, avatarStackVariants };

package/dist/{avatar-stack-D1-BA7hA.mjs → avatar-stack-BZK6zUJr.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { Avatar, AvatarFallback, AvatarImage } from "./avatar/index.mjs";
-import { t as Tooltip } from "./tooltip-BhatUaar.mjs";
+import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/{calendar-date-picker-C52Y05ZN.mjs → calendar-date-picker-AzvSqjeS.mjs}

@@ -1,4 +1,4 @@
-import { o as DateRangePicker } from "./picker-CRUSdzpo.mjs";
+import { o as DateRangePicker } from "./picker-b5-x-EHs.mjs";
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
@@ -9,11 +9,12 @@ import { jsx } from "react/jsx-runtime";
 */
 function CalendarDatePicker({ date, onDateSelect, closeOnSelect, numberOfMonths = 2, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture, disablePast, className, triggerClassName, popoverClassName, disabled, modal, responsive = true, sheetTitle, id }) {
 	useDeprecationWarning("CalendarDatePicker", "DateRangePicker");
+	const value = date?.from ? {
+		from: date.from,
+		to: date.to ?? date.from
+	} : null;
 	return /* @__PURE__ */ jsx(DateRangePicker, {
-		value: date?.from ? {
-			from: date.from,
-			to: date.to ?? date.from
-		} : null,
+		value,
 		onChange: (next) => {
 			if (next === null) onDateSelect(void 0);
 			else onDateSelect({

package/dist/chart/index.mjs

@@ -1,2 +1,2 @@
-import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-DeCrbcpY.mjs";
+import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-EgzTS28l.mjs";
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/{chart-DeCrbcpY.mjs → chart-EgzTS28l.mjs}

@@ -48,7 +48,8 @@ function ChartTooltipContent({ active, payload, label, className, indicator = "d
 	const tooltipLabel = React.useMemo(() => {
 		if (hideLabel || !payload?.length) return null;
 		const [item] = payload;
-		const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
+		const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+		const itemConfig = getPayloadConfigFromPayload(config, item, key);
 		const value = (() => {
 			const v = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
 			return typeof v === "string" || typeof v === "number" ? v : void 0;
@@ -78,7 +79,8 @@ function ChartTooltipContent({ active, payload, label, className, indicator = "d
 		children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
 			className: "grid gap-1.5",
 			children: payload.map((item, index) => {
-				const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.name || item.dataKey || "value"}`);
+				const key = `${nameKey || item.name || item.dataKey || "value"}`;
+				const itemConfig = getPayloadConfigFromPayload(config, item, key);
 				const indicatorColor = color || item.payload.fill || item.color;
 				return /* @__PURE__ */ jsx("div", {
 					className: cn("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", indicator === "dot" && "items-center"),
@@ -118,7 +120,8 @@ function ChartLegendContent({ className, hideIcon = false, payload, nameKey }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("flex flex-wrap items-center justify-center gap-2", className),
 		children: payload.map((item) => {
-			const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.dataKey || "value"}`);
+			const key = `${nameKey || item.dataKey || "value"}`;
+			const itemConfig = getPayloadConfigFromPayload(config, item, key);
 			return /* @__PURE__ */ jsxs("div", {
 				className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
 				children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx("div", {

package/dist/code-editor/index.mjs

@@ -1,2 +1,2 @@
-import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-DrN0rei5.mjs";
+import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-agDpVXBG.mjs";
 export { CodeEditor, CodeEditorTabs, createCodeEditorSchema, formatJson, formatYaml, isValidJson, isValidYaml, jsonSchema, jsonToYaml, yamlSchema, yamlToJson };

package/dist/data-table/index.mjs

@@ -1,2 +1,2 @@
-import { _ as DEFAULT_DEBOUNCE_MS, a as useDataTablePagination, b as DEFAULT_PAGE_SIZES, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as useNuqsAdapter, h as createSelectionColumn, i as useDataTableLoading, l as useDataTableSorting, m as DataTableColumnHeader, n as useDataTableFilters, o as useDataTableRows, p as DataTableRowActions, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_LOADING_ROWS, y as DEFAULT_PAGE_SIZE } from "../data-table-CfeovSJV.mjs";
+import { _ as DEFAULT_DEBOUNCE_MS, a as useDataTablePagination, b as DEFAULT_PAGE_SIZES, c as useDataTableSelection, d as resolvePath, f as rowMatchesSearch, g as useNuqsAdapter, h as createSelectionColumn, i as useDataTableLoading, l as useDataTableSorting, m as DataTableColumnHeader, n as useDataTableFilters, o as useDataTableRows, p as DataTableRowActions, r as useDataTableInlineContents, s as useDataTableSearch, t as DataTable, u as createDataTableStore, v as DEFAULT_LOADING_ROWS, y as DEFAULT_PAGE_SIZE } from "../data-table-mByk373T.mjs";
 export { DEFAULT_DEBOUNCE_MS, DEFAULT_LOADING_ROWS, DEFAULT_PAGE_SIZE, DEFAULT_PAGE_SIZES, DataTable, DataTableColumnHeader, DataTableRowActions, createDataTableStore, createSelectionColumn, resolvePath, rowMatchesSearch, useDataTableFilters, useDataTableInlineContents, useDataTableLoading, useDataTablePagination, useDataTableRows, useDataTableSearch, useDataTableSelection, useDataTableSorting, useNuqsAdapter };

package/dist/{data-table-CfeovSJV.mjs → data-table-mByk373T.mjs}

@@ -7,11 +7,11 @@ import { t as ResponsiveDropdown } from "./responsive-dropdown-fCmduKaz.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DCU44UO6.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
-import { t as Autocomplete } from "./autocomplete-G24AgvxU.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-C52Y05ZN.mjs";
+import { t as Autocomplete } from "./autocomplete-DM6JYV4W.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-AzvSqjeS.mjs";
 import { t as ActionRow } from "./action-row-DTvs91_3.mjs";
 import { n as useDebouncedSearchInput } from "./use-debounced-search-input-yu_F0QBt.mjs";
-import { t as MultiSelect } from "./multi-select-DIWTdi0i.mjs";
+import { t as MultiSelect } from "./multi-select-PHaMEbY-.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";
@@ -1499,16 +1499,17 @@ function DatePickerFilter({ column, label, className, datePickerPopoverClassName
 		registerFilter,
 		unregisterFilter
 	]);
+	const dateRange = useMemo(() => {
+		const date = rawValue ? new Date(rawValue) : void 0;
+		return {
+			from: date,
+			to: date
+		};
+	}, [rawValue]);
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dt-filter",
 		children: /* @__PURE__ */ jsx(CalendarDatePicker, {
-			date: useMemo(() => {
-				const date = rawValue ? new Date(rawValue) : void 0;
-				return {
-					from: date,
-					to: date
-				};
-			}, [rawValue]),
+			date: dateRange,
 			numberOfMonths: 1,
 			closeOnSelect: true,
 			placeholder: label,

package/dist/date-picker/index.mjs

@@ -1,4 +1,4 @@
-import { G as getTimezoneOffset, U as formatTimezoneLabel, W as getBrowserTimezone } from "../picker-CRUSdzpo.mjs";
-import { t as CalendarDatePicker } from "../calendar-date-picker-C52Y05ZN.mjs";
-import { _ as getShortTimezoneDisplay, a as TimeRangePicker, b as utcToLocalInputString, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as getDefaultTimezoneOptions, h as formatUtcForDisplay, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as localInputStringToUtc, x as zonedDateToUtcString, y as utcStringToZonedDate } from "../to-api-format-CgKtSuWO.mjs";
+import { G as getTimezoneOffset, U as formatTimezoneLabel, W as getBrowserTimezone } from "../picker-b5-x-EHs.mjs";
+import { t as CalendarDatePicker } from "../calendar-date-picker-AzvSqjeS.mjs";
+import { _ as getShortTimezoneDisplay, a as TimeRangePicker, b as utcToLocalInputString, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as getDefaultTimezoneOptions, h as formatUtcForDisplay, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as localInputStringToUtc, x as zonedDateToUtcString, y as utcStringToZonedDate } from "../to-api-format-43Boq7OR.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-BbtA6JJJ.mjs";
+import { t as DateTimePicker } from "../date-time-picker-D3-DeNo8.mjs";
 export { DateTimePicker };

package/dist/{date-time-picker-BbtA6JJJ.mjs → date-time-picker-D3-DeNo8.mjs}

@@ -1,4 +1,4 @@
-import { i as DateTimePicker$1 } from "./picker-CRUSdzpo.mjs";
+import { i as DateTimePicker$1 } from "./picker-b5-x-EHs.mjs";
 import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/features/date-time-picker/date-time-picker.tsx

package/dist/dropzone/index.mjs

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

package/dist/{dropzone-C_vA4q0u.mjs → dropzone-DrWVd7OI.mjs}

@@ -64,10 +64,11 @@ function FileInputButton({ accept, maxSize, minSize, multiple = false, onFileSel
 		onFileSelect?.(files);
 		event.target.value = "";
 	};
+	const acceptAttribute = accept ? [...Object.keys(accept), ...Object.values(accept).flat()].join(",") : void 0;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("input", {
 		ref: inputRef,
 		type: "file",
-		accept: accept ? [...Object.keys(accept), ...Object.values(accept).flat()].join(",") : void 0,
+		accept: acceptAttribute,
 		multiple,
 		onChange: handleChange,
 		disabled,
@@ -186,8 +187,9 @@ function DropzoneEmptyState({ children, className, icon, label, description, sho
 		if (minSize && maxSize) sizeClause = `between ${renderBytes(minSize)} and ${renderBytes(maxSize)}`;
 		else if (minSize) sizeClause = `at least ${renderBytes(minSize)}`;
 		else if (maxSize) sizeClause = `less than ${renderBytes(maxSize)}`;
-		if (accept) {
-			caption = `Accepts ${new Intl.ListFormat("en").format(Object.keys(accept))}`;
+		const acceptedTypes = Array.isArray(accept) ? accept.flatMap((group) => Object.keys(group.accept)) : Object.keys(accept ?? {});
+		if (acceptedTypes.length > 0) {
+			caption = `Accepts ${new Intl.ListFormat("en").format(acceptedTypes)}`;
 			if (sizeClause) caption += ` ${sizeClause}`;
 		} else if (sizeClause) caption = `File size must be ${sizeClause}`;
 	}

package/dist/empty-content/index.mjs

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

package/dist/{empty-content-BpS0PONb.mjs → empty-content-DvaelFpJ.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-Bu32wN-x.mjs";
 import { t as Button } from "./button-A1qTjZ8U.mjs";
-import { t as Tooltip } from "./tooltip-BhatUaar.mjs";
+import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
 import { cva } from "class-variance-authority";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -115,10 +115,11 @@ function EmptyContent({ title = "No data found", subtitle, variant = "default",
 		const renderAsLink = (action.as === "link" || action.as === "external-link") && !action.disabled;
 		const { as: _as, label, tooltip, tooltipSide, hidden: _hidden, to, target, rel, download, hrefLang, referrerPolicy, ping, type = "secondary", size: sizeOverride, className: actionClassName, ...buttonProps } = action;
 		const resolvedSize = sizeOverride ?? buttonSize;
+		const wrapperSize = BUTTON_SIZE_TO_CONTAINER[resolvedSize ?? "xs"] ?? "md";
 		const button = /* @__PURE__ */ jsx(Button, {
 			type,
 			size: resolvedSize,
-			className: cn(actionButtonVariants({ size: BUTTON_SIZE_TO_CONTAINER[resolvedSize ?? "xs"] ?? "md" }), actionClassName),
+			className: cn(actionButtonVariants({ size: wrapperSize }), actionClassName),
 			...buttonProps,
 			children: label
 		});

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

@@ -185,16 +185,18 @@ function useRHFField(name) {
 }
 /** Watch a single field's value reactively. */
 function useRHFWatchHook(name) {
+	const form = useFormContext();
 	return useWatch({
 		name,
-		control: useFormContext().control
+		control: form.control
 	});
 }
 /** Watch multiple fields' values reactively. */
 function useRHFWatchAllHook(names) {
+	const form = useFormContext();
 	const values = useWatch({
 		name: names,
-		control: useFormContext().control
+		control: form.control
 	});
 	const namesKey = names.join(",");
 	return React.useMemo(() => {
@@ -207,9 +209,10 @@ function useRHFWatchAllHook(names) {
 }
 /** Get field array helpers for a given array field name. */
 function useRHFFieldArrayHook(name) {
+	const form = useFormContext();
 	const { fields, append, remove, move } = useFieldArray({
 		name,
-		control: useFormContext().control
+		control: form.control
 	});
 	return {
 		items: React.useMemo(() => fields.map((field, index) => ({

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-2pTdgtYr.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-BUUNQfC9.mjs";
 import { n as useAdapter, t as FormAdapterProvider } from "../adapter-context-h0jCVqGO.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

@@ -2,7 +2,7 @@ import { t as cn } from "../../utils-Bu32wN-x.mjs";
 import { t as Button } from "../../button-A1qTjZ8U.mjs";
 import { n as useFormContext, t as FormProvider } from "../../form-context-DzB2a-dw.mjs";
 import { n as useAdapter } from "../../adapter-context-h0jCVqGO.mjs";
-import { t as defineStepper } from "../../stepper-DJkYcilu.mjs";
+import { t as defineStepper } from "../../stepper-dNvkipop.mjs";
 import { t as getObjectShape } from "../../zod-helpers-YEhVo2S-.mjs";
 import { CheckIcon } from "lucide-react";
 import * as React from "react";
@@ -76,7 +76,8 @@ function toStepperizeSteps(steps) {
 */
 function FormStepper({ steps, children, onComplete, onStepChange, initialStep, className, defaultValues, id, formComponent, mode = "onSubmit" }) {
 	const stepperDef = React.useMemo(() => {
-		return defineStepper(...toStepperizeSteps(steps));
+		const stepperizeSteps = toStepperizeSteps(steps);
+		return defineStepper(...stepperizeSteps);
 	}, [steps]);
 	const initialStepIndex = React.useMemo(() => {
 		if (!initialStep) return void 0;
@@ -105,25 +106,27 @@ FormStepper.displayName = "Form.Stepper";
 function FormStepperContent({ steps, stepperDef, children, onComplete, onStepChange, className, defaultValues, id, formComponent, mode }) {
 	const { useStepper } = stepperDef;
 	const stepper = useStepper();
+	const currentStepConfig = React.useMemo(() => steps.find((s) => s.id === stepper.current.id) ?? steps[0], [steps, stepper.current.id]);
+	const storedValues = React.useMemo(() => {
+		const allData = steps.reduce((acc, step) => ({
+			...acc,
+			...stepper.data.get(step.id) || {}
+		}), {});
+		return {
+			...defaultValues,
+			...allData
+		};
+	}, [
+		steps,
+		stepper,
+		defaultValues,
+		stepper.current.id
+	]);
 	return /* @__PURE__ */ jsx(StepForm, {
 		steps,
 		stepper,
-		currentStepConfig: React.useMemo(() => steps.find((s) => s.id === stepper.current.id) ?? steps[0], [steps, stepper.current.id]),
-		storedValues: React.useMemo(() => {
-			const allData = steps.reduce((acc, step) => ({
-				...acc,
-				...stepper.data.get(step.id) || {}
-			}), {});
-			return {
-				...defaultValues,
-				...allData
-			};
-		}, [
-			steps,
-			stepper,
-			defaultValues,
-			stepper.current.id
-		]),
+		currentStepConfig,
+		storedValues,
 		onComplete,
 		onStepChange,
 		className,
@@ -418,10 +421,11 @@ function StepperNavigation({ variant = "horizontal", labelOrientation = "vertica
 		children: steps.map((step, index) => {
 			const isActive = index === currentIndex;
 			const isCompleted = index < currentIndex;
+			const isLast = index === steps.length - 1;
 			return /* @__PURE__ */ jsxs("div", {
 				className: "relative flex flex-1 flex-col items-center",
 				children: [
-					!(index === steps.length - 1) && /* @__PURE__ */ jsx("div", { className: "bg-stepper-line absolute top-4 right-[calc(-50%+20px)] left-[calc(50%+20px)] h-0.5" }),
+					!isLast && /* @__PURE__ */ jsx("div", { className: "bg-stepper-line absolute top-4 right-[calc(-50%+20px)] left-[calc(50%+20px)] h-0.5" }),
 					/* @__PURE__ */ jsx("div", {
 						className: cn("relative z-10 flex h-8 w-8 items-center justify-center rounded-full border bg-transparent text-sm font-medium transition-colors", isActive && "border-primary bg-primary text-primary-foreground", isCompleted && "border-tertiary-foreground bg-tertiary-foreground text-tertiary", !isActive && !isCompleted && "border-stepper-label text-stepper-label"),
 						"aria-current": isActive ? "step" : void 0,

package/dist/{form-2pTdgtYr.mjs → form-BUUNQfC9.mjs}

@@ -8,19 +8,19 @@ import { t as Input } from "./input-j4tbmYYz.mjs";
 import { t as Label } from "./label-Bk6FXsju.mjs";
 import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-LduBVTnh.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DCU44UO6.mjs";
-import { t as Tooltip } from "./tooltip-BhatUaar.mjs";
+import { t as Tooltip } from "./tooltip-C_SL1imw.mjs";
 import { t as Switch } from "./switch-DPHr3TcN.mjs";
 import { t as Textarea } from "./textarea-B6YhjFVC.mjs";
-import { t as Autocomplete } from "./autocomplete-G24AgvxU.mjs";
+import { t as Autocomplete } from "./autocomplete-DM6JYV4W.mjs";
 import { Autosearch } from "./autosearch/index.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-C52Y05ZN.mjs";
+import { t as CalendarDatePicker } from "./calendar-date-picker-AzvSqjeS.mjs";
 import { t as toast } from "./toast-BUPlDkN3.mjs";
-import { t as DateTimePicker } from "./date-time-picker-BbtA6JJJ.mjs";
+import { t as DateTimePicker } from "./date-time-picker-D3-DeNo8.mjs";
 import { n as useFormContext$1, t as FormProvider } from "./form-context-DzB2a-dw.mjs";
 import { t as useCopyToClipboard } from "./use-copy-to-clipboard-DZDq_85T.mjs";
 import { n as useAdapter } from "./adapter-context-h0jCVqGO.mjs";
 import { InputWithAddons } from "./input-with-addons/index.mjs";
-import { t as TimePicker } from "./time-picker-Bgt6R1fU.mjs";
+import { t as TimePicker } from "./time-picker-B_fN5vhO.mjs";
 import { t as Transfer } from "./transfer-CEq9AhL7.mjs";
 import { CheckIcon, CircleHelp, CopyIcon } from "lucide-react";
 import * as React from "react";
@@ -351,7 +351,7 @@ FormCopyBox.displayName = "Form.CopyBox";
 */
 function FormCustom({ children }) {
 	const ctx = useFormContext$1();
-	return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+	const renderProps = {
 		form: ctx.form,
 		fields: ctx.fields,
 		isSubmitting: ctx.isSubmitting,
@@ -363,7 +363,8 @@ function FormCustom({ children }) {
 		touchedFields: ctx.touchedFields,
 		submit: ctx.submit,
 		reset: ctx.reset
-	}) });
+	};
+	return /* @__PURE__ */ jsx(Fragment$1, { children: children(renderProps) });
 }
 FormCustom.displayName = "Form.Custom";
 //#endregion
@@ -403,22 +404,23 @@ function FormDatePicker({ placeholder, disabled, className, triggerClassName, nu
 	}, [fieldState?.value]);
 	const minDate = minDateProp;
 	const maxDate = maxDateProp;
+	const handleDateSelect = React.useCallback((range) => {
+		if (!range) {
+			fieldState?.change(void 0);
+			fieldState?.blur();
+			return;
+		}
+		if (numberOfMonths === 1) fieldState?.change(range.from.toISOString());
+		else fieldState?.change({
+			from: range.from.toISOString(),
+			to: range.to?.toISOString()
+		});
+		fieldState?.blur();
+	}, [fieldState, numberOfMonths]);
 	return /* @__PURE__ */ jsx(CalendarDatePicker, {
 		id,
 		date: currentValue,
-		onDateSelect: React.useCallback((range) => {
-			if (!range) {
-				fieldState?.change(void 0);
-				fieldState?.blur();
-				return;
-			}
-			if (numberOfMonths === 1) fieldState?.change(range.from.toISOString());
-			else fieldState?.change({
-				from: range.from.toISOString(),
-				to: range.to?.toISOString()
-			});
-			fieldState?.blur();
-		}, [fieldState, numberOfMonths]),
+		onDateSelect: handleDateSelect,
 		numberOfMonths,
 		placeholder,
 		disabled: isDisabled,
@@ -448,12 +450,13 @@ function FormDateTimePicker({ minDate: minDateProp, maxDate: maxDateProp, disabl
 	}, [fieldState?.value]);
 	const minDate = minDateProp;
 	const maxDate = maxDateProp;
+	const handleChange = React.useCallback((value) => {
+		fieldState?.change(value);
+		fieldState?.blur();
+	}, [fieldState]);
 	return /* @__PURE__ */ jsx(DateTimePicker, {
 		value: currentValue,
-		onChange: React.useCallback((value) => {
-			fieldState?.change(value);
-			fieldState?.blur();
-		}, [fieldState]),
+		onChange: handleChange,
 		minDate,
 		maxDate,
 		disabledDates,
@@ -485,8 +488,9 @@ FormDateTimePicker.displayName = "Form.DateTimePicker";
 */
 function FormDescription({ children, className }) {
 	const fieldContext = useOptionalFieldContext();
+	const id = fieldContext ? `${fieldContext.id}-description` : void 0;
 	return /* @__PURE__ */ jsx("p", {
-		id: fieldContext ? `${fieldContext.id}-description` : void 0,
+		id,
 		className: cn("text-muted-foreground text-xs text-wrap", className),
 		children
 	});
@@ -839,12 +843,13 @@ FormField.displayName = "Form.Field";
 */
 function FormFieldArray({ name, children }) {
 	const fieldArray = useAdapter().useFieldArray(name);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: children({
+	const renderProps = {
 		fields: fieldArray.items,
 		append: fieldArray.append,
 		remove: fieldArray.remove,
 		move: fieldArray.move
-	}) });
+	};
+	return /* @__PURE__ */ jsx(Fragment$1, { children: children(renderProps) });
 }
 FormFieldArray.displayName = "Form.FieldArray";
 //#endregion
@@ -936,8 +941,9 @@ function FormRadioGroup({ orientation = "vertical", disabled, className, childre
 	const { id, errors, disabled: fieldDisabled, fieldState } = useFieldContext$1();
 	const isDisabled = disabled ?? fieldDisabled;
 	const hasErrors = errors && errors.length > 0;
+	const value = fieldState?.value != null ? String(fieldState.value) : void 0;
 	return /* @__PURE__ */ jsx(RadioGroup, {
-		value: fieldState?.value != null ? String(fieldState.value) : void 0,
+		value,
 		onValueChange: (val) => {
 			fieldState?.change(val);
 			fieldState?.blur();
@@ -1162,8 +1168,9 @@ function FormSelect({ placeholder, disabled, className, children }) {
 	const { id, errors, disabled: fieldDisabled, fieldState } = useFieldContext$1();
 	const isDisabled = disabled ?? fieldDisabled;
 	const hasErrors = errors && errors.length > 0;
+	const value = fieldState?.value != null ? String(fieldState.value) : void 0;
 	return /* @__PURE__ */ jsxs(Select, {
-		value: fieldState?.value != null ? String(fieldState.value) : void 0,
+		value,
 		onValueChange: (val) => fieldState?.change(val),
 		disabled: isDisabled,
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
@@ -1296,13 +1303,15 @@ function FormTimePicker({ min, max, step, placeholder, disabled, className }) {
 	const { id, errors, disabled: fieldDisabled, fieldState } = useFieldContext$1();
 	const isDisabled = disabled ?? fieldDisabled;
 	const hasErrors = errors && errors.length > 0;
+	const currentValue = fieldState?.value ?? "";
+	const handleChange = React.useCallback((value) => {
+		fieldState?.change(value || void 0);
+		fieldState?.blur();
+	}, [fieldState]);
 	return /* @__PURE__ */ jsx(TimePicker, {
 		id,
-		value: fieldState?.value ?? "",
-		onChange: React.useCallback((value) => {
-			fieldState?.change(value || void 0);
-			fieldState?.blur();
-		}, [fieldState]),
+		value: currentValue,
+		onChange: handleChange,
 		min,
 		max,
 		step,

package/dist/grouped-table/index.mjs

@@ -1,2 +1,2 @@
-import { t as GroupedTable } from "../grouped-table-CPF8Jijv.mjs";
+import { t as GroupedTable } from "../grouped-table-b2jDEPR6.mjs";
 export { GroupedTable };