@datum-cloud/datum-ui 1.3.1 → 1.4.0

package/dist/components/features/time-picker/index.d.ts

@@ -1,3 +1,2 @@
 export { TimePicker } from './time-picker';
 export type { TimePickerProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/features/time-picker/time-picker.d.ts

@@ -8,4 +8,3 @@ export declare function TimePicker({ value, onChange, min, max, step, placeholde
 export declare namespace TimePicker {
     var displayName: string;
 }
-//# sourceMappingURL=time-picker.d.ts.map

package/dist/components/features/time-picker/types.d.ts

@@ -35,4 +35,3 @@ export interface TimePickerProps {
     /** Title shown in the mobile sheet header. */
     sheetTitle?: string;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/features/time-range-picker/components/absolute-range-panel.d.ts

@@ -15,4 +15,3 @@ interface CustomRangePanelProps {
 }
 export declare function CustomRangePanel({ fromUtc, toUtc, timezone, onRangeChange, disableFuture, debounceMs, className, }: CustomRangePanelProps): import("react").JSX.Element;
 export { CustomRangePanel as AbsoluteRangePanel };
-//# sourceMappingURL=absolute-range-panel.d.ts.map

package/dist/components/features/time-range-picker/components/index.d.ts

@@ -1,4 +1,3 @@
 export { AbsoluteRangePanel } from './absolute-range-panel';
 export { QuickRangesPanel } from './quick-ranges-panel';
 export { TimezoneSelector } from './timezone-selector';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/features/time-range-picker/components/quick-ranges-panel.d.ts

@@ -7,4 +7,3 @@ interface QuickRangesPanelProps {
 }
 export declare function QuickRangesPanel({ presets, value, onPresetSelect, className, }: QuickRangesPanelProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=quick-ranges-panel.d.ts.map

package/dist/components/features/time-range-picker/components/timezone-selector.d.ts

@@ -7,4 +7,3 @@ interface TimezoneSelectorProps {
 }
 export declare function TimezoneSelector({ value, onChange, options, className }: TimezoneSelectorProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=timezone-selector.d.ts.map

package/dist/components/features/time-range-picker/index.d.ts

@@ -10,4 +10,3 @@ export { TimeRangePicker, type TimeRangePickerProps } from './time-range-picker'
 export type { ApiTimeRange, DateRange, PresetConfig, TimeRangeValue, TimezoneOption, } from './types';
 /** @deprecated Use the timezone / format helpers exported from `@datum-cloud/datum-ui/picker`. */
 export { createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultTimezoneOptions, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString, } from './utils';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/features/time-range-picker/presets.d.ts

@@ -26,4 +26,3 @@ export declare function getPresetRange(preset: PresetConfig, timezone: string):
     from: string;
     to: string;
 };
-//# sourceMappingURL=presets.d.ts.map

package/dist/components/features/time-range-picker/time-range-picker.d.ts

@@ -33,4 +33,3 @@ export declare function TimeRangePicker({ value, onChange, onClear: _onClear, ti
 export declare namespace TimeRangePicker {
     var displayName: string;
 }
-//# sourceMappingURL=time-range-picker.d.ts.map

package/dist/components/features/time-range-picker/types.d.ts

@@ -76,4 +76,3 @@ export interface ApiTimeRange {
     /** End time in UTC (e.g., '2024-01-16T08:00:00Z') */
     endTime: string;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/features/time-range-picker/utils/format-display.d.ts

@@ -17,4 +17,3 @@ export declare function formatDateForInput(date: Date): string;
  * Format UTC string for datetime-local input in user's timezone
  */
 export declare function formatUtcForInput(utcString: string, timezone: string): string;
-//# sourceMappingURL=format-display.d.ts.map

package/dist/components/features/time-range-picker/utils/index.d.ts

@@ -1,4 +1,3 @@
 export { formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, } from './format-display';
 export { createTimezoneOption, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultTimezoneOptions, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString, } from './timezone';
 export { toApiTimeRange } from './to-api-format';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/features/time-range-picker/utils/timezone.d.ts

@@ -1,14 +1,6 @@
 import type { TimezoneOption } from '../types';
-/**
- * Get the UTC offset string for a timezone
- * @example getTimezoneOffset('Asia/Jakarta') => '+07:00'
- */
-export declare function getTimezoneOffset(timezone: string): string;
-/**
- * Format a timezone for display
- * @example formatTimezoneLabel('Asia/Jakarta') => 'Asia/Jakarta (UTC+07:00)'
- */
-export declare function formatTimezoneLabel(timezone: string): string;
+import { formatTimezoneLabel, getBrowserTimezone, getTimezoneOffset } from '../../picker/utils/timezone';
+export { formatTimezoneLabel, getBrowserTimezone, getTimezoneOffset };
 /**
  * Create a TimezoneOption from a timezone string
  */
@@ -21,10 +13,6 @@ export declare function getDefaultTimezoneOptions(userTimezone?: string): Timezo
  * Get short offset display (e.g., "UTC+7")
  */
 export declare function getShortTimezoneDisplay(timezone: string): string;
-/**
- * Get the browser's timezone
- */
-export declare function getBrowserTimezone(): string;
 /**
  * Convert a UTC Date to a local datetime-local input string in the given timezone
  * @example utcToLocalInputString(new Date('2026-01-16T04:00:00Z'), 'Asia/Jakarta') => '2026-01-16T11:00'
@@ -48,4 +36,3 @@ export declare function zonedDateToUtcString(zonedDate: Date, timezone: string):
  * @example formatUtcForDisplay('2026-01-16T04:00:00Z', 'Asia/Jakarta') => 'Jan 16, 2026 11:00'
  */
 export declare function formatUtcForDisplay(utcString: string, timezone: string, formatString?: string): string;
-//# sourceMappingURL=timezone.d.ts.map

package/dist/components/features/time-range-picker/utils/to-api-format.d.ts

@@ -10,4 +10,3 @@ import type { ApiTimeRange, PresetConfig, TimeRangeValue } from '../types';
  * @param presets - Preset configurations
  */
 export declare function toApiTimeRange(value: TimeRangeValue | null, timezone?: string, presets?: PresetConfig[]): ApiTimeRange;
-//# sourceMappingURL=to-api-format.d.ts.map

package/dist/components/features/toast/headless-toast.d.ts

@@ -1,10 +1,15 @@
 import * as React from 'react';
 export type HeadlessToastVariant = 'message' | 'success' | 'error' | 'info' | 'warning';
+export interface HeadlessToastAction {
+    label: React.ReactNode;
+    onClick: () => void;
+}
 export interface HeadlessToastProps {
     variant: HeadlessToastVariant;
     title: string;
     description?: React.ReactNode;
+    action?: HeadlessToastAction;
+    cancel?: HeadlessToastAction;
     onDismiss: () => void;
 }
-export declare function HeadlessToast({ variant, title, description, onDismiss }: HeadlessToastProps): React.JSX.Element;
-//# sourceMappingURL=headless-toast.d.ts.map
+export declare function HeadlessToast({ variant, title, description, action, cancel, onDismiss }: HeadlessToastProps): React.JSX.Element;

package/dist/components/features/toast/index.d.ts

@@ -1,4 +1,3 @@
 export { toast } from './toast';
 export { Toaster } from './toaster';
 export { useToast } from './use-toast';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/features/toast/toast.d.ts

@@ -6,4 +6,3 @@ export declare const toast: {
     info: (title: string, options?: ExternalToast) => string | number;
     warning: (title: string, options?: ExternalToast) => string | number;
 };
-//# sourceMappingURL=toast.d.ts.map

package/dist/components/features/toast/toaster.d.ts

@@ -7,4 +7,3 @@ export type ToasterProps = React.ComponentProps<typeof SonnerToaster>;
  * We render our own toast markup via `toast.custom`, so we remove Sonner's default styling.
  */
 export declare function Toaster({ toastOptions, ...props }: ToasterProps): React.JSX.Element;
-//# sourceMappingURL=toaster.d.ts.map

package/dist/components/features/toast/types.d.ts

@@ -1,7 +1,11 @@
+import type { HeadlessToastVariant } from './headless-toast';
 export interface Toast {
-    description: string;
     id: string;
     title?: string;
-    type: 'message' | 'success' | 'error';
+    description?: string;
+    /**
+     * Derived from `HeadlessToastVariant` so the exported contract cannot drift
+     * from the runtime toast API (see `toast.ts` / `headless-toast.tsx`).
+     */
+    type: HeadlessToastVariant;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/features/toast/use-toast.d.ts

@@ -1,3 +1,2 @@
 import type { Toast } from './types';
 export declare function useToast(toastData?: Toast | null): void;
-//# sourceMappingURL=use-toast.d.ts.map

package/dist/components/features/transfer/components/index.d.ts

@@ -6,4 +6,3 @@ export { TransferPanel } from './transfer-panel';
 export type { TransferPanelProps } from './transfer-panel';
 export { TransferSearch } from './transfer-search';
 export type { TransferSearchProps } from './transfer-search';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/features/transfer/components/transfer-group.d.ts

@@ -4,4 +4,3 @@ export interface TransferGroupProps {
     children: React.ReactNode;
 }
 export declare const TransferGroup: React.FC<TransferGroupProps>;
-//# sourceMappingURL=transfer-group.d.ts.map

package/dist/components/features/transfer/components/transfer-item.d.ts

@@ -7,4 +7,3 @@ export interface TransferItemProps {
     panelType: 'source' | 'target';
 }
 export declare const TransferItem: React.FC<TransferItemProps>;
-//# sourceMappingURL=transfer-item.d.ts.map

package/dist/components/features/transfer/components/transfer-panel.d.ts

@@ -15,4 +15,3 @@ export interface TransferPanelProps {
     panelType: 'source' | 'target';
 }
 export declare const TransferPanel: React.FC<TransferPanelProps>;
-//# sourceMappingURL=transfer-panel.d.ts.map

package/dist/components/features/transfer/components/transfer-search.d.ts

@@ -6,4 +6,3 @@ export interface TransferSearchProps {
     disabled?: boolean;
 }
 export declare const TransferSearch: React.FC<TransferSearchProps>;
-//# sourceMappingURL=transfer-search.d.ts.map

package/dist/components/features/transfer/hooks/use-transfer-state.d.ts

@@ -17,4 +17,3 @@ interface UseTransferStateReturn<T> {
 }
 export declare function useTransferState<T>({ items, value, itemKey, itemLabel, itemGroup, }: UseTransferStateProps<T>): UseTransferStateReturn<T>;
 export {};
-//# sourceMappingURL=use-transfer-state.d.ts.map

package/dist/components/features/transfer/index.d.ts

@@ -1,3 +1,2 @@
 export { Transfer } from './transfer';
 export type { TransferProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/features/transfer/transfer.d.ts

@@ -4,4 +4,3 @@ export declare function Transfer<T>({ items, value, onChange, itemKey, itemLabel
 export declare namespace Transfer {
     var displayName: string;
 }
-//# sourceMappingURL=transfer.d.ts.map

package/dist/components/features/transfer/types.d.ts

@@ -66,4 +66,3 @@ export interface TransferPanelData<T = any> {
     items: TransferItem<T>[];
     groups: string[];
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/icons/close.icon.d.ts

@@ -2,4 +2,3 @@ export declare function CloseIcon({ className, fill, }: {
     className?: string;
     fill?: string;
 }): import("react").JSX.Element;
-//# sourceMappingURL=close.icon.d.ts.map

package/dist/components/icons/icon-wrapper.d.ts

@@ -4,4 +4,3 @@ type IconProps = LucideProps & {
 };
 export declare function Icon({ icon: IconComponent, strokeWidth, absoluteStrokeWidth, size, ...props }: IconProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=icon-wrapper.d.ts.map

package/dist/components/icons/index.d.ts

@@ -1,4 +1,3 @@
 export * from './close.icon';
 export * from './icon-wrapper';
 export * from './spinner.icon';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/icons/spinner.icon.d.ts

@@ -10,4 +10,3 @@ export interface SpinnerIconProps extends React.SVGProps<SVGSVGElement>, Variant
 }
 export declare function SpinnerIcon({ size, className, trackClassName, indicatorClassName, ...props }: SpinnerIconProps): import("react").JSX.Element;
 export {};
-//# sourceMappingURL=spinner.icon.d.ts.map

package/dist/components/index.d.ts

@@ -7,4 +7,3 @@ export * from './base';
 export * from './features';
 export * from './icons';
 export * from './themes';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/themes/client-only.d.ts

@@ -5,4 +5,3 @@ interface ClientOnlyProps {
 }
 export declare function ClientOnly({ children, fallback }: ClientOnlyProps): React.JSX.Element;
 export {};
-//# sourceMappingURL=client-only.d.ts.map

package/dist/components/themes/index.d.ts

@@ -2,4 +2,3 @@ export { ClientOnly } from './client-only';
 export { ThemeScript } from './theme-script';
 export { ThemeProvider, useTheme } from './theme.provider';
 export type { Theme, ThemeProviderProps, UseThemeProps, } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/themes/script.d.ts

@@ -1,2 +1 @@
 export declare function script(attribute: string | string[], storageKey: string, defaultTheme: string, forcedTheme: string | undefined, themes: string[], value: Record<string, string> | undefined, enableSystem: boolean, enableColorScheme: boolean): void;
-//# sourceMappingURL=script.d.ts.map

package/dist/components/themes/theme-script.d.ts

@@ -15,4 +15,3 @@ interface ThemeScriptProps {
 }
 export declare const ThemeScript: React.MemoExoticComponent<({ forcedTheme, storageKey, attribute, enableSystem, enableColorScheme, defaultTheme, value, themes, nonce, scriptProps, }: ThemeScriptProps) => React.JSX.Element>;
 export {};
-//# sourceMappingURL=theme-script.d.ts.map

package/dist/components/themes/theme.provider.d.ts

@@ -2,4 +2,3 @@ import type { ThemeProviderProps, UseThemeProps } from './types';
 import * as React from 'react';
 export declare const useTheme: () => UseThemeProps;
 export declare function ThemeProvider(props: ThemeProviderProps): React.JSX.Element;
-//# sourceMappingURL=theme.provider.d.ts.map

package/dist/components/themes/types.d.ts

@@ -25,4 +25,3 @@ export interface UseThemeProps {
     themes: string[];
     systemTheme?: 'light' | 'dark';
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/toast.d.ts

@@ -1,2 +1 @@
 export { toast } from './features/toast';
-//# sourceMappingURL=toast.d.ts.map

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-BTIxzB7O.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-CfeovSJV.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-BTIxzB7O.mjs → data-table-CfeovSJV.mjs}

@@ -1,16 +1,17 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { t as Badge } from "./badge-DO2_XsXD.mjs";
-import { t as Button } from "./button-B_N7A8gv.mjs";
-import { t as Checkbox } from "./checkbox-BZr9bkke.mjs";
-import { t as Input } from "./input-DBzgl-pN.mjs";
-import { t as ResponsiveDropdown } from "./responsive-dropdown-BhvBzT_1.mjs";
-import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DNnPDWSW.mjs";
-import { t as Skeleton } from "./skeleton-CGU89HPB.mjs";
-import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "./table-BR3mwU8X.mjs";
-import { t as Autocomplete } from "./autocomplete-Bg187x6x.mjs";
-import { t as CalendarDatePicker } from "./calendar-date-picker-DAVXW7Jg.mjs";
-import { t as ActionRow } from "./action-row-BhMyMSep.mjs";
-import { t as MultiSelect } from "./multi-select-C9ocz07C.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as Badge } from "./badge-BTNW_FEU.mjs";
+import { t as Button } from "./button-A1qTjZ8U.mjs";
+import { t as Checkbox } from "./checkbox-C6P12fio.mjs";
+import { t as Input } from "./input-j4tbmYYz.mjs";
+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 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 { 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";
@@ -603,6 +604,7 @@ function useDataTablePagination() {
 	const table = useTableInstanceOrNull();
 	const state = store.getSnapshot();
 	if (!table) return {
+		mode: state.mode,
 		canNextPage: false,
 		canPrevPage: false,
 		nextPage: () => {},
@@ -615,6 +617,7 @@ function useDataTablePagination() {
 		totalRows: 0
 	};
 	return {
+		mode: state.mode,
 		canNextPage: table.getCanNextPage(),
 		canPrevPage: table.getCanPreviousPage(),
 		nextPage: () => table.nextPage(),
@@ -982,8 +985,8 @@ function getPageNumbers(currentPage, totalPages) {
 	return pages;
 }
 function DataTablePagination({ pageSizes = DEFAULT_PAGE_SIZES, className }) {
-	const { canNextPage, canPrevPage, nextPage, prevPage, pageIndex, pageCount, setPageIndex, pageSize, setPageSize, totalRows } = useDataTablePagination();
-	const isClientMode = pageCount > 0;
+	const { mode, canNextPage, canPrevPage, nextPage, prevPage, pageIndex, pageCount, setPageIndex, pageSize, setPageSize, totalRows } = useDataTablePagination();
+	const isClientMode = mode === "client";
 	const startRow = pageIndex * pageSize + 1;
 	const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
 	const pageNumbers = useMemo(() => getPageNumbers(pageIndex, pageCount), [pageIndex, pageCount]);
@@ -1083,21 +1086,7 @@ function DataTablePagination({ pageSizes = DEFAULT_PAGE_SIZES, className }) {
 //#region src/components/features/data-table/components/search.tsx
 function DataTableSearch({ placeholder = "Search...", debounceMs = 300, className, disabled }) {
 	const { search, setSearch } = useDataTableSearch();
-	const [inputValue, setInputValue] = useState(search);
-	useEffect(() => {
-		setInputValue(search);
-	}, [search]);
-	useEffect(() => {
-		const timer = setTimeout(() => {
-			if (inputValue !== search) setSearch(inputValue);
-		}, debounceMs);
-		return () => clearTimeout(timer);
-	}, [
-		inputValue,
-		debounceMs,
-		search,
-		setSearch
-	]);
+	const [inputValue, setInputValue] = useDebouncedSearchInput(search, setSearch, debounceMs);
 	return /* @__PURE__ */ jsx(Input, {
 		placeholder,
 		value: inputValue,
@@ -1152,18 +1141,17 @@ function useClientTable(store, options) {
 	});
 	const hydratedRef = useRef(false);
 	useEffect(() => {
-		if (stateAdapter && !hydratedRef.current) {
-			hydratedRef.current = true;
-			const persisted = stateAdapter.read();
-			if (persisted.sorting && persisted.sorting.length > 0) store.setSorting(persisted.sorting);
-			if (persisted.filters) {
-				for (const [key, value] of Object.entries(persisted.filters)) if (value != null) store.setFilter(key, value);
-			}
-			if (persisted.search) store.setSearch(persisted.search);
-			if (persisted.pageIndex != null && persisted.pageIndex > 0) store.setPageIndex(persisted.pageIndex);
-			if (persisted.pageSize != null) store.setPageSize(persisted.pageSize);
+		if (!stateAdapter || hydratedRef.current) return;
+		hydratedRef.current = true;
+		const persisted = stateAdapter.read();
+		if (persisted.sorting && persisted.sorting.length > 0) store.setSorting(persisted.sorting);
+		if (persisted.filters) {
+			for (const [key, value] of Object.entries(persisted.filters)) if (value != null) store.setFilter(key, value);
 		}
-	}, []);
+		if (persisted.search) store.setSearch(persisted.search);
+		if (persisted.pageIndex != null && persisted.pageIndex > 0) store.setPageIndex(persisted.pageIndex);
+		if (persisted.pageSize != null) store.setPageSize(persisted.pageSize);
+	}, [stateAdapter, store]);
 	const isFirstWrite = useRef(true);
 	useEffect(() => {
 		if (!stateAdapter) return;
@@ -1317,6 +1305,10 @@ function useServerTable(store, options) {
 			search,
 			pageSize
 		};
+		if (pageIndex !== 0 && !cursorMapRef.current.has(pageIndex)) {
+			store.setPageIndex(0);
+			return;
+		}
 		let cancelled = false;
 		store.setLoading(true);
 		const cursor = cursorMapRef.current.get(pageIndex);
@@ -1475,9 +1467,10 @@ function CheckboxFilter({ column, label, options, className, disabled, responsiv
 		registerFilter,
 		unregisterFilter
 	]);
+	const rawValue = filters[column];
 	return /* @__PURE__ */ jsx(MultiSelect, {
 		options,
-		value: filters[column] ?? [],
+		value: Array.isArray(rawValue) ? rawValue : rawValue == null ? [] : [String(rawValue)],
 		onValueChange: (next) => {
 			if (next.length > 0) setFilter(column, next);
 			else clearFilter(column);

package/dist/date-picker/index.mjs

@@ -1,3 +1,4 @@
-import { t as CalendarDatePicker } from "../calendar-date-picker-DAVXW7Jg.mjs";
-import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as TimeRangePicker, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, 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 getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-tidT5mxa.mjs";
+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";
 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-BWrS9k-c.mjs";
+import { t as DateTimePicker } from "../date-time-picker-BbtA6JJJ.mjs";
 export { DateTimePicker };

package/dist/{date-time-picker-BWrS9k-c.mjs → date-time-picker-BbtA6JJJ.mjs}

@@ -1,5 +1,5 @@
-import { t as useDeprecationWarning } from "./use-deprecation-warning-BjKiPZ98.mjs";
-import { t as DateTimePicker$1 } from "./date-time-picker-BczLnnE6.mjs";
+import { i as DateTimePicker$1 } from "./picker-CRUSdzpo.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/dialog/index.mjs

@@ -1,2 +1,2 @@
-import { t as Dialog } from "../dialog-ZmYSe4-x.mjs";
+import { t as Dialog } from "../dialog-N2pkQIc4.mjs";
 export { Dialog };

package/dist/{dialog-Lg6iiEcv.mjs → dialog-CmkrpaYy.mjs}

@@ -4,38 +4,38 @@ import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 //#region ../shadcn/ui/dialog.tsx
-const Dialog = ({ ...props }) => {
+function Dialog({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
 		"data-slot": "dialog",
 		...props
 	});
-};
-const DialogTrigger = ({ ...props }) => {
+}
+function DialogTrigger({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
 		"data-slot": "dialog-trigger",
 		...props
 	});
-};
-const DialogPortal = ({ ...props }) => {
+}
+function DialogPortal({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
 		"data-slot": "dialog-portal",
 		...props
 	});
-};
-const DialogClose = ({ ...props }) => {
+}
+function DialogClose({ ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
 		"data-slot": "dialog-close",
 		...props
 	});
-};
-const DialogOverlay = ({ className, ...props }) => {
+}
+function DialogOverlay({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
 		"data-slot": "dialog-overlay",
 		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
 		...props
 	});
-};
-const DialogContent = ({ className, children, ...props }) => {
+}
+function DialogContent({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(DialogPortal, {
 		"data-slot": "dialog-portal",
 		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
@@ -51,34 +51,34 @@ const DialogContent = ({ className, children, ...props }) => {
 			})]
 		})]
 	});
-};
-const DialogHeader = ({ className, ...props }) => {
+}
+function DialogHeader({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-header",
 		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
 		...props
 	});
-};
-const DialogFooter = ({ className, ...props }) => {
+}
+function DialogFooter({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "dialog-footer",
 		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
 		...props
 	});
-};
-const DialogTitle = ({ className, ...props }) => {
+}
+function DialogTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
 		"data-slot": "dialog-title",
 		className: cn("text-lg leading-none font-semibold", className),
 		...props
 	});
-};
-const DialogDescription = ({ className, ...props }) => {
+}
+function DialogDescription({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
 		"data-slot": "dialog-description",
 		className: cn("text-muted-foreground text-sm", className),
 		...props
 	});
-};
+}
 //#endregion
 export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog as t, DialogTrigger as u };

package/dist/{dialog-ZmYSe4-x.mjs → dialog-N2pkQIc4.mjs}

@@ -1,6 +1,6 @@
-import { t as cn } from "./cn-dlASUkDY.mjs";
-import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, s as DialogOverlay$1, t as Dialog$1, u as DialogTrigger } from "./dialog-Lg6iiEcv.mjs";
-import { t as CloseIcon } from "./close.icon-ClpRDt_H.mjs";
+import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, s as DialogOverlay$1, t as Dialog$1, u as DialogTrigger } from "./dialog-CmkrpaYy.mjs";
+import { t as CloseIcon } from "./close.icon-DdXKQ4m0.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
@@ -25,7 +25,7 @@ function Trigger({ children, asChild = true }) {
 }
 function Content({ children, className }) {
 	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
-		className: cn("dark:bg-muted dark:border-dialog-border 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 fixed top-[50%] left-[50%] z-50 flex max-h-[80vh] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] flex-col gap-0 overflow-hidden rounded-lg bg-white p-0 shadow-xl duration-200 sm:max-w-lg dark:border [&>button:last-child]:hidden", className),
+		className: cn("dark:bg-muted dark:border-dialog-border 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 fixed top-[50%] left-[50%] z-50 flex max-h-[80vh] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] flex-col gap-0 overflow-hidden rounded-lg bg-white p-0 shadow-xl duration-200 sm:max-w-lg dark:border", className),
 		children
 	})] });
 }