@questpie/admin 3.0.3 → 3.0.4

package/dist/client/hooks/use-view-state.mjs

@@ -9,6 +9,8 @@ const EMPTY_CONFIG = {
 	filters: [],
 	sortConfig: null,
 	visibleColumns: [],
+	groupBy: null,
+	collapsedGroups: [],
 	realtime: void 0,
 	includeDeleted: false,
 	pagination: {
@@ -71,7 +73,7 @@ function mergeVisibleColumns(storedColumns, defaultColumns) {
 * ```
 */
 function useViewState(defaultColumns, initialConfig, collectionName, userId) {
-	const $ = c(97);
+	const $ = c(114);
 	const queryClient = useQueryClient();
 	const client = useAdminStore(_temp);
 	let preferenceKey;
@@ -131,94 +133,116 @@ function useViewState(defaultColumns, initialConfig, collectionName, userId) {
 				$[14] = storedConfig.visibleColumns;
 				$[15] = t6$2;
 			} else t6$2 = $[15];
-			const t7$2 = storedConfig.realtime !== void 0 ? storedConfig.realtime : initialConfig?.realtime;
-			const t8$2 = storedConfig.includeDeleted !== void 0 ? storedConfig.includeDeleted : initialConfig?.includeDeleted ?? false;
-			let t9$2;
-			if ($[16] !== storedConfig.pagination) {
-				t9$2 = storedConfig.pagination ?? {
+			const t7$2 = storedConfig.groupBy !== void 0 ? storedConfig.groupBy : initialConfig?.groupBy ?? null;
+			let t8$2;
+			if ($[16] !== storedConfig.collapsedGroups) {
+				t8$2 = storedConfig.collapsedGroups ?? [];
+				$[16] = storedConfig.collapsedGroups;
+				$[17] = t8$2;
+			} else t8$2 = $[17];
+			const t9$2 = storedConfig.realtime !== void 0 ? storedConfig.realtime : initialConfig?.realtime;
+			const t10$2 = storedConfig.includeDeleted !== void 0 ? storedConfig.includeDeleted : initialConfig?.includeDeleted ?? false;
+			let t11$2;
+			if ($[18] !== storedConfig.pagination) {
+				t11$2 = storedConfig.pagination ?? {
 					page: 1,
 					pageSize: 25
 				};
-				$[16] = storedConfig.pagination;
-				$[17] = t9$2;
-			} else t9$2 = $[17];
-			let t10$1;
-			if ($[18] !== t4$2 || $[19] !== t5$2 || $[20] !== t6$2 || $[21] !== t7$2 || $[22] !== t8$2 || $[23] !== t9$2) {
-				t10$1 = {
+				$[18] = storedConfig.pagination;
+				$[19] = t11$2;
+			} else t11$2 = $[19];
+			let t12$1;
+			if ($[20] !== t10$2 || $[21] !== t11$2 || $[22] !== t4$2 || $[23] !== t5$2 || $[24] !== t6$2 || $[25] !== t7$2 || $[26] !== t8$2 || $[27] !== t9$2) {
+				t12$1 = {
 					filters: t4$2,
 					sortConfig: t5$2,
 					visibleColumns: t6$2,
-					realtime: t7$2,
-					includeDeleted: t8$2,
-					pagination: t9$2
+					groupBy: t7$2,
+					collapsedGroups: t8$2,
+					realtime: t9$2,
+					includeDeleted: t10$2,
+					pagination: t11$2
 				};
-				$[18] = t4$2;
-				$[19] = t5$2;
-				$[20] = t6$2;
-				$[21] = t7$2;
-				$[22] = t8$2;
-				$[23] = t9$2;
-				$[24] = t10$1;
-			} else t10$1 = $[24];
-			t3 = t10$1;
+				$[20] = t10$2;
+				$[21] = t11$2;
+				$[22] = t4$2;
+				$[23] = t5$2;
+				$[24] = t6$2;
+				$[25] = t7$2;
+				$[26] = t8$2;
+				$[27] = t9$2;
+				$[28] = t12$1;
+			} else t12$1 = $[28];
+			t3 = t12$1;
 			break bb0;
 		}
 		let t4$1;
-		if ($[25] !== initialConfig?.filters) {
+		if ($[29] !== initialConfig?.filters) {
 			t4$1 = initialConfig?.filters ?? [];
-			$[25] = initialConfig?.filters;
-			$[26] = t4$1;
-		} else t4$1 = $[26];
+			$[29] = initialConfig?.filters;
+			$[30] = t4$1;
+		} else t4$1 = $[30];
 		const t5$1 = initialConfig?.sortConfig ?? null;
-		const t6$1 = initialConfig?.realtime;
-		const t7$1 = initialConfig?.includeDeleted ?? false;
-		let t8$1;
-		if ($[27] !== initialConfig?.pagination) {
-			t8$1 = initialConfig?.pagination ?? {
+		const t6$1 = initialConfig?.groupBy ?? null;
+		let t7$1;
+		if ($[31] !== initialConfig?.collapsedGroups) {
+			t7$1 = initialConfig?.collapsedGroups ?? [];
+			$[31] = initialConfig?.collapsedGroups;
+			$[32] = t7$1;
+		} else t7$1 = $[32];
+		const t8$1 = initialConfig?.realtime;
+		const t9$1 = initialConfig?.includeDeleted ?? false;
+		let t10$1;
+		if ($[33] !== initialConfig?.pagination) {
+			t10$1 = initialConfig?.pagination ?? {
 				page: 1,
 				pageSize: 25
 			};
-			$[27] = initialConfig?.pagination;
-			$[28] = t8$1;
-		} else t8$1 = $[28];
-		let t9$1;
-		if ($[29] !== defaultColumns || $[30] !== t4$1 || $[31] !== t5$1 || $[32] !== t6$1 || $[33] !== t7$1 || $[34] !== t8$1) {
-			t9$1 = {
+			$[33] = initialConfig?.pagination;
+			$[34] = t10$1;
+		} else t10$1 = $[34];
+		let t11$1;
+		if ($[35] !== defaultColumns || $[36] !== t10$1 || $[37] !== t4$1 || $[38] !== t5$1 || $[39] !== t6$1 || $[40] !== t7$1 || $[41] !== t8$1 || $[42] !== t9$1) {
+			t11$1 = {
 				filters: t4$1,
 				sortConfig: t5$1,
 				visibleColumns: defaultColumns,
-				realtime: t6$1,
-				includeDeleted: t7$1,
-				pagination: t8$1
+				groupBy: t6$1,
+				collapsedGroups: t7$1,
+				realtime: t8$1,
+				includeDeleted: t9$1,
+				pagination: t10$1
 			};
-			$[29] = defaultColumns;
-			$[30] = t4$1;
-			$[31] = t5$1;
-			$[32] = t6$1;
-			$[33] = t7$1;
-			$[34] = t8$1;
-			$[35] = t9$1;
-		} else t9$1 = $[35];
-		t3 = t9$1;
+			$[35] = defaultColumns;
+			$[36] = t10$1;
+			$[37] = t4$1;
+			$[38] = t5$1;
+			$[39] = t6$1;
+			$[40] = t7$1;
+			$[41] = t8$1;
+			$[42] = t9$1;
+			$[43] = t11$1;
+		} else t11$1 = $[43];
+		t3 = t11$1;
 	}
 	const config = t3;
 	const saveTimeoutRef = useRef(null);
 	let t4;
 	let t5;
-	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
 		t4 = () => () => {
 			if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
 		};
 		t5 = [];
-		$[36] = t4;
-		$[37] = t5;
+		$[44] = t4;
+		$[45] = t5;
 	} else {
-		t4 = $[36];
-		t5 = $[37];
+		t4 = $[44];
+		t5 = $[45];
 	}
 	useEffect(t4, t5);
 	let t6;
-	if ($[38] !== config || $[39] !== preferenceKey || $[40] !== queryClient || $[41] !== queryKey || $[42] !== savePreference || $[43] !== userId) {
+	if ($[46] !== config || $[47] !== preferenceKey || $[48] !== queryClient || $[49] !== queryKey || $[50] !== savePreference || $[51] !== userId) {
 		t6 = (newConfig) => {
 			const next = typeof newConfig === "function" ? newConfig(config) : newConfig;
 			if (preferenceKey && userId) queryClient.setQueryData(queryKey, next);
@@ -227,41 +251,41 @@ function useViewState(defaultColumns, initialConfig, collectionName, userId) {
 				if (preferenceKey) savePreference(next);
 			}, 500);
 		};
-		$[38] = config;
-		$[39] = preferenceKey;
-		$[40] = queryClient;
-		$[41] = queryKey;
-		$[42] = savePreference;
-		$[43] = userId;
-		$[44] = t6;
-	} else t6 = $[44];
+		$[46] = config;
+		$[47] = preferenceKey;
+		$[48] = queryClient;
+		$[49] = queryKey;
+		$[50] = savePreference;
+		$[51] = userId;
+		$[52] = t6;
+	} else t6 = $[52];
 	const setConfig = t6;
 	let t7;
-	if ($[45] !== setConfig) {
+	if ($[53] !== setConfig) {
 		t7 = (filter) => {
 			setConfig((prev) => ({
 				...prev,
 				filters: [...prev.filters, filter]
 			}));
 		};
-		$[45] = setConfig;
-		$[46] = t7;
-	} else t7 = $[46];
+		$[53] = setConfig;
+		$[54] = t7;
+	} else t7 = $[54];
 	const addFilter = t7;
 	let t8;
-	if ($[47] !== setConfig) {
+	if ($[55] !== setConfig) {
 		t8 = (filterId) => {
 			setConfig((prev_0) => ({
 				...prev_0,
 				filters: prev_0.filters.filter((f) => f.id !== filterId)
 			}));
 		};
-		$[47] = setConfig;
-		$[48] = t8;
-	} else t8 = $[48];
+		$[55] = setConfig;
+		$[56] = t8;
+	} else t8 = $[56];
 	const removeFilter = t8;
 	let t9;
-	if ($[49] !== setConfig) {
+	if ($[57] !== setConfig) {
 		t9 = (filterId_0, updates) => {
 			setConfig((prev_1) => ({
 				...prev_1,
@@ -271,33 +295,33 @@ function useViewState(defaultColumns, initialConfig, collectionName, userId) {
 				} : f_0)
 			}));
 		};
-		$[49] = setConfig;
-		$[50] = t9;
-	} else t9 = $[50];
+		$[57] = setConfig;
+		$[58] = t9;
+	} else t9 = $[58];
 	const updateFilter = t9;
 	let t10;
-	if ($[51] !== setConfig) {
+	if ($[59] !== setConfig) {
 		t10 = () => {
 			setConfig(_temp2);
 		};
-		$[51] = setConfig;
-		$[52] = t10;
-	} else t10 = $[52];
+		$[59] = setConfig;
+		$[60] = t10;
+	} else t10 = $[60];
 	const clearFilters = t10;
 	let t11;
-	if ($[53] !== setConfig) {
+	if ($[61] !== setConfig) {
 		t11 = (sortConfig) => {
 			setConfig((prev_3) => ({
 				...prev_3,
 				sortConfig
 			}));
 		};
-		$[53] = setConfig;
-		$[54] = t11;
-	} else t11 = $[54];
+		$[61] = setConfig;
+		$[62] = t11;
+	} else t11 = $[62];
 	const setSort = t11;
 	let t12;
-	if ($[55] !== setConfig) {
+	if ($[63] !== setConfig) {
 		t12 = (field) => {
 			setConfig((prev_4) => {
 				if (prev_4.sortConfig?.field === field) {
@@ -322,113 +346,149 @@ function useViewState(defaultColumns, initialConfig, collectionName, userId) {
 				};
 			});
 		};
-		$[55] = setConfig;
-		$[56] = t12;
-	} else t12 = $[56];
+		$[63] = setConfig;
+		$[64] = t12;
+	} else t12 = $[64];
 	const toggleSort = t12;
 	let t13;
-	if ($[57] !== setConfig) {
+	if ($[65] !== setConfig) {
 		t13 = (columns) => {
 			setConfig((prev_5) => ({
 				...prev_5,
 				visibleColumns: columns
 			}));
 		};
-		$[57] = setConfig;
-		$[58] = t13;
-	} else t13 = $[58];
+		$[65] = setConfig;
+		$[66] = t13;
+	} else t13 = $[66];
 	const setVisibleColumns = t13;
 	let t14;
-	if ($[59] !== setConfig) {
-		t14 = (page) => {
+	if ($[67] !== setConfig) {
+		t14 = (groupBy) => {
 			setConfig((prev_6) => ({
 				...prev_6,
+				groupBy,
+				collapsedGroups: [],
 				pagination: {
-					...prev_6.pagination,
-					page
+					...prev_6.pagination ?? { pageSize: 25 },
+					page: 1
 				}
 			}));
 		};
-		$[59] = setConfig;
-		$[60] = t14;
-	} else t14 = $[60];
-	const setPage = t14;
+		$[67] = setConfig;
+		$[68] = t14;
+	} else t14 = $[68];
+	const setGroupBy = t14;
 	let t15;
-	if ($[61] !== setConfig) {
-		t15 = (pageSize) => {
-			setConfig((prev_7) => ({
-				...prev_7,
+	if ($[69] !== setConfig) {
+		t15 = (groupKey) => {
+			setConfig((prev_7) => {
+				const collapsedGroups = prev_7.collapsedGroups ?? [];
+				return {
+					...prev_7,
+					collapsedGroups: collapsedGroups.includes(groupKey) ? collapsedGroups.filter((key) => key !== groupKey) : [...collapsedGroups, groupKey]
+				};
+			});
+		};
+		$[69] = setConfig;
+		$[70] = t15;
+	} else t15 = $[70];
+	const toggleCollapsedGroup = t15;
+	let t16;
+	if ($[71] !== setConfig) {
+		t16 = (page) => {
+			setConfig((prev_8) => ({
+				...prev_8,
+				pagination: {
+					...prev_8.pagination,
+					page
+				}
+			}));
+		};
+		$[71] = setConfig;
+		$[72] = t16;
+	} else t16 = $[72];
+	const setPage = t16;
+	let t17;
+	if ($[73] !== setConfig) {
+		t17 = (pageSize) => {
+			setConfig((prev_9) => ({
+				...prev_9,
 				pagination: {
 					page: 1,
 					pageSize
 				}
 			}));
 		};
-		$[61] = setConfig;
-		$[62] = t15;
-	} else t15 = $[62];
-	const setPageSize = t15;
-	let t16;
-	if ($[63] !== setConfig) {
-		t16 = (column) => {
-			setConfig((prev_8) => {
-				if (prev_8.visibleColumns.includes(column)) return {
-					...prev_8,
-					visibleColumns: prev_8.visibleColumns.filter((c$1) => c$1 !== column)
+		$[73] = setConfig;
+		$[74] = t17;
+	} else t17 = $[74];
+	const setPageSize = t17;
+	let t18;
+	if ($[75] !== setConfig) {
+		t18 = (column) => {
+			setConfig((prev_10) => {
+				if (prev_10.visibleColumns.includes(column)) return {
+					...prev_10,
+					visibleColumns: prev_10.visibleColumns.filter((c$1) => c$1 !== column)
 				};
 				return {
-					...prev_8,
-					visibleColumns: [...prev_8.visibleColumns, column]
+					...prev_10,
+					visibleColumns: [...prev_10.visibleColumns, column]
 				};
 			});
 		};
-		$[63] = setConfig;
-		$[64] = t16;
-	} else t16 = $[64];
-	const toggleColumn = t16;
-	let t17;
-	if ($[65] !== setConfig) {
-		t17 = (newConfig_0) => {
+		$[75] = setConfig;
+		$[76] = t18;
+	} else t18 = $[76];
+	const toggleColumn = t18;
+	let t19;
+	if ($[77] !== setConfig) {
+		t19 = (newConfig_0) => {
 			setConfig(newConfig_0);
 		};
-		$[65] = setConfig;
-		$[66] = t17;
-	} else t17 = $[66];
-	const loadConfig = t17;
-	let t18;
-	if ($[67] !== defaultColumns || $[68] !== setConfig) {
-		t18 = () => {
+		$[77] = setConfig;
+		$[78] = t19;
+	} else t19 = $[78];
+	const loadConfig = t19;
+	let t20;
+	if ($[79] !== defaultColumns || $[80] !== setConfig) {
+		t20 = () => {
 			setConfig({
 				...EMPTY_CONFIG,
 				visibleColumns: defaultColumns
 			});
 		};
-		$[67] = defaultColumns;
-		$[68] = setConfig;
-		$[69] = t18;
-	} else t18 = $[69];
-	const resetConfig = t18;
-	let t19;
-	if ($[70] !== config.filters.length || $[71] !== config.includeDeleted || $[72] !== config.pagination?.page || $[73] !== config.pagination?.pageSize || $[74] !== config.realtime || $[75] !== config.sortConfig || $[76] !== config.visibleColumns || $[77] !== defaultColumns || $[78] !== initialConfig?.includeDeleted || $[79] !== initialConfig?.realtime) {
-		t19 = () => config.filters.length > 0 || config.sortConfig !== null || config.realtime !== initialConfig?.realtime || (config.includeDeleted ?? false) !== (initialConfig?.includeDeleted ?? false) || config.pagination?.page !== 1 || config.pagination?.pageSize !== 25 || JSON.stringify([...config.visibleColumns].sort()) !== JSON.stringify([...defaultColumns].sort());
-		$[70] = config.filters.length;
-		$[71] = config.includeDeleted;
-		$[72] = config.pagination?.page;
-		$[73] = config.pagination?.pageSize;
-		$[74] = config.realtime;
-		$[75] = config.sortConfig;
-		$[76] = config.visibleColumns;
-		$[77] = defaultColumns;
-		$[78] = initialConfig?.includeDeleted;
-		$[79] = initialConfig?.realtime;
-		$[80] = t19;
-	} else t19 = $[80];
+		$[79] = defaultColumns;
+		$[80] = setConfig;
+		$[81] = t20;
+	} else t20 = $[81];
+	const resetConfig = t20;
+	let t21;
+	if ($[82] !== config.collapsedGroups?.length || $[83] !== config.filters.length || $[84] !== config.groupBy || $[85] !== config.includeDeleted || $[86] !== config.pagination?.page || $[87] !== config.pagination?.pageSize || $[88] !== config.realtime || $[89] !== config.sortConfig || $[90] !== config.visibleColumns || $[91] !== defaultColumns || $[92] !== initialConfig?.groupBy || $[93] !== initialConfig?.includeDeleted || $[94] !== initialConfig?.realtime) {
+		t21 = () => config.filters.length > 0 || config.sortConfig !== null || (config.groupBy ?? null) !== (initialConfig?.groupBy ?? null) || (config.collapsedGroups?.length ?? 0) > 0 || config.realtime !== initialConfig?.realtime || (config.includeDeleted ?? false) !== (initialConfig?.includeDeleted ?? false) || config.pagination?.page !== 1 || config.pagination?.pageSize !== 25 || JSON.stringify([...config.visibleColumns].sort()) !== JSON.stringify([...defaultColumns].sort());
+		$[82] = config.collapsedGroups?.length;
+		$[83] = config.filters.length;
+		$[84] = config.groupBy;
+		$[85] = config.includeDeleted;
+		$[86] = config.pagination?.page;
+		$[87] = config.pagination?.pageSize;
+		$[88] = config.realtime;
+		$[89] = config.sortConfig;
+		$[90] = config.visibleColumns;
+		$[91] = defaultColumns;
+		$[92] = initialConfig?.groupBy;
+		$[93] = initialConfig?.includeDeleted;
+		$[94] = initialConfig?.realtime;
+		$[95] = t21;
+	} else t21 = $[95];
 	initialConfig?.includeDeleted;
+	initialConfig?.groupBy;
 	initialConfig?.realtime;
-	const hasChanges = t19();
-	let t20;
-	if ($[81] !== addFilter || $[82] !== clearFilters || $[83] !== config || $[84] !== hasChanges || $[85] !== loadConfig || $[86] !== removeFilter || $[87] !== resetConfig || $[88] !== setConfig || $[89] !== setPage || $[90] !== setPageSize || $[91] !== setSort || $[92] !== setVisibleColumns || $[93] !== toggleColumn || $[94] !== toggleSort || $[95] !== updateFilter) {
-		t20 = {
+	const hasChanges = t21();
+	let t22;
+	if ($[96] !== addFilter || $[97] !== clearFilters || $[98] !== config || $[99] !== hasChanges || $[100] !== loadConfig || $[101] !== removeFilter || $[102] !== resetConfig || $[103] !== setConfig || $[104] !== setGroupBy || $[105] !== setPage || $[106] !== setPageSize || $[107] !== setSort || $[108] !== setVisibleColumns || $[109] !== toggleCollapsedGroup || $[110] !== toggleColumn || $[111] !== toggleSort || $[112] !== updateFilter) {
+		t22 = {
 			config,
 			setConfig,
 			addFilter,
@@ -438,6 +498,8 @@ function useViewState(defaultColumns, initialConfig, collectionName, userId) {
 			setSort,
 			toggleSort,
 			setVisibleColumns,
+			setGroupBy,
+			toggleCollapsedGroup,
 			toggleColumn,
 			setPage,
 			setPageSize,
@@ -446,24 +508,26 @@ function useViewState(defaultColumns, initialConfig, collectionName, userId) {
 			hasChanges,
 			isLoading: false
 		};
-		$[81] = addFilter;
-		$[82] = clearFilters;
-		$[83] = config;
-		$[84] = hasChanges;
-		$[85] = loadConfig;
-		$[86] = removeFilter;
-		$[87] = resetConfig;
-		$[88] = setConfig;
-		$[89] = setPage;
-		$[90] = setPageSize;
-		$[91] = setSort;
-		$[92] = setVisibleColumns;
-		$[93] = toggleColumn;
-		$[94] = toggleSort;
-		$[95] = updateFilter;
-		$[96] = t20;
-	} else t20 = $[96];
-	return t20;
+		$[96] = addFilter;
+		$[97] = clearFilters;
+		$[98] = config;
+		$[99] = hasChanges;
+		$[100] = loadConfig;
+		$[101] = removeFilter;
+		$[102] = resetConfig;
+		$[103] = setConfig;
+		$[104] = setGroupBy;
+		$[105] = setPage;
+		$[106] = setPageSize;
+		$[107] = setSort;
+		$[108] = setVisibleColumns;
+		$[109] = toggleCollapsedGroup;
+		$[110] = toggleColumn;
+		$[111] = toggleSort;
+		$[112] = updateFilter;
+		$[113] = t22;
+	} else t22 = $[113];
+	return t22;
 }
 function _temp2(prev_2) {
 	return {

package/dist/client/i18n/date-locale.mjs

@@ -0,0 +1,33 @@
+import { enUS } from "date-fns/locale/en-US";
+
+//#region src/client/i18n/date-locale.ts
+/**
+* date-fns locale resolver for DayPicker and date formatting.
+*
+* Only `enUS` is included by default to keep bundle size small.
+* Register additional locales at admin setup time:
+*
+* @example
+* ```ts
+* import { sk } from "date-fns/locale/sk";
+* import { registerDateFnsLocale } from "@questpie/admin/client-module";
+*
+* registerDateFnsLocale("sk", sk);
+* ```
+*/
+const localeRegistry = new Map([["en", enUS], ["en-US", enUS]]);
+/**
+* Resolve a date-fns Locale from a BCP-47 locale code (e.g. "sk", "en-US").
+* Falls back to `enUS` if the locale is not registered.
+*/
+function resolveDateFnsLocale(localeCode) {
+	const exact = localeRegistry.get(localeCode);
+	if (exact) return exact;
+	const lang = localeCode.split("-")[0];
+	const byLang = localeRegistry.get(lang);
+	if (byLang) return byLang;
+	return enUS;
+}
+
+//#endregion
+export { resolveDateFnsLocale };

package/dist/client/i18n/hooks.mjs

@@ -1,3 +1,4 @@
+import { resolveDateFnsLocale } from "./date-locale.mjs";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { createContext, useContext } from "react";
@@ -206,6 +207,21 @@ function useTranslation() {
 	return t8;
 }
 /**
+* Returns the date-fns `Locale` object matching the current admin UI locale.
+* Only `enUS` is bundled by default — register others via `registerDateFnsLocale`.
+*/
+function useDateFnsLocale() {
+	const $ = c(2);
+	const { locale } = useTranslation();
+	let t0;
+	if ($[0] !== locale) {
+		t0 = resolveDateFnsLocale(locale);
+		$[0] = locale;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+/**
 * Check if an object is a locale map (has locale codes as keys)
 */
 function isLocaleMap(obj) {
@@ -281,4 +297,4 @@ function useResolveText() {
 }
 
 //#endregion
-export { I18nProvider, useResolveText, useSafeI18n, useTranslation };
+export { I18nProvider, useDateFnsLocale, useResolveText, useSafeI18n, useTranslation };

package/dist/client/lib/utils.mjs

@@ -6,17 +6,18 @@ function cn(...inputs) {
 	return twMerge(clsx(inputs));
 }
 /**
-* Format a string for display by converting camelCase/PascalCase to Title Case with spaces.
+* Format a string for display by converting camelCase, snake_case, and kebab-case to Title Case.
 *
 * Use this for formatting field names, collection names, column headers, etc.
 *
 * @example
 * formatLabel("blogPosts") // "Blog Posts"
+* formatLabel("blog_posts") // "Blog Posts"
 * formatLabel("userSettings") // "User Settings"
 * formatLabel("firstName") // "First Name"
 */
 function formatLabel(str) {
-	return str.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
+	return str.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1 $2").replace(/\s+/g, " ").trim().replace(/\b\w/g, (s) => s.toUpperCase());
 }
 
 //#endregion

package/dist/client/preview/block-scope-context.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/client/preview/block-scope-context.d.ts
 
@@ -35,7 +35,7 @@ declare function BlockScopeProvider({
   blockId,
   basePath,
   children
-}: BlockScopeProviderProps): react_jsx_runtime20.JSX.Element;
+}: BlockScopeProviderProps): react_jsx_runtime22.JSX.Element;
 /**
  * Get current block scope context.
  *