@questpie/admin 1.1.1 → 2.0.0

package/dist/client/hooks/use-validation-error-map.mjs

@@ -0,0 +1,53 @@
+import { useSafeI18n } from "../i18n/hooks.mjs";
+import { createZodErrorMap } from "questpie/shared";
+import { useMemo } from "react";
+
+//#region src/client/hooks/use-validation-error-map.ts
+/**
+* useValidationErrorMap Hook
+*
+* Creates a Zod error map that uses the admin i18n system
+* for localized validation error messages.
+*/
+/**
+* Create a Zod error map with i18n support
+*
+* Uses the admin's i18n adapter for translations.
+* Falls back to English messages if no adapter is available.
+*
+* @returns Zod error map function
+*
+* @example
+* ```tsx
+* import { zodResolver } from "@hookform/resolvers/zod";
+*
+* function MyForm() {
+*   const errorMap = useValidationErrorMap();
+*   const schema = useCollectionValidation("posts");
+*
+*   const form = useForm({
+*     resolver: schema
+*       ? zodResolver(schema, { errorMap })
+*       : undefined,
+*   });
+* }
+* ```
+*/
+function useValidationErrorMap() {
+	const i18n = useSafeI18n();
+	return useMemo(() => {
+		const translate = (key, params) => {
+			if (i18n) return i18n.t(key, params);
+			if (!params) return key;
+			return key.replace(/\{\{(\w+)\}\}/g, (_, paramKey) => {
+				const value = params[paramKey];
+				return value !== void 0 ? String(value) : `{{${paramKey}}}`;
+			});
+		};
+		return createZodErrorMap(translate);
+	}, [i18n]);
+}
+
+//#endregion
+export { useValidationErrorMap };
+//# sourceMappingURL=use-validation-error-map.mjs.map

package/dist/client/hooks/use-validation-error-map.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-validation-error-map.mjs","names":[],"sources":["../../../src/client/hooks/use-validation-error-map.ts"],"sourcesContent":["/**\n * useValidationErrorMap Hook\n *\n * Creates a Zod error map that uses the admin i18n system\n * for localized validation error messages.\n */\n\nimport { useMemo } from \"react\";\nimport { createZodErrorMap, type ZodErrorMapFn } from \"questpie/shared\";\nimport { useSafeI18n } from \"../i18n/hooks\";\n\n/**\n * Create a Zod error map with i18n support\n *\n * Uses the admin's i18n adapter for translations.\n * Falls back to English messages if no adapter is available.\n *\n * @returns Zod error map function\n *\n * @example\n * ```tsx\n * import { zodResolver } from \"@hookform/resolvers/zod\";\n *\n * function MyForm() {\n *   const errorMap = useValidationErrorMap();\n *   const schema = useCollectionValidation(\"posts\");\n *\n *   const form = useForm({\n *     resolver: schema\n *       ? zodResolver(schema, { errorMap })\n *       : undefined,\n *   });\n * }\n * ```\n */\nexport function useValidationErrorMap(): ZodErrorMapFn {\n  const i18n = useSafeI18n();\n\n  return useMemo(() => {\n    // Create translate function that uses admin i18n\n    const translate = (\n      key: string,\n      params?: Record<string, unknown>,\n    ): string => {\n      if (i18n) {\n        return i18n.t(key, params);\n      }\n\n      // Fallback: return key with interpolated params\n      if (!params) return key;\n\n      return key.replace(/\\{\\{(\\w+)\\}\\}/g, (_, paramKey) => {\n        const value = params[paramKey];\n        return value !== undefined ? String(value) : `{{${paramKey}}}`;\n      });\n    };\n\n    return createZodErrorMap(translate);\n  }, [i18n]);\n}\n\n/**\n * Create a static error map (for use outside of React components)\n *\n * @param t - Translate function\n * @returns Zod error map function\n */\nexport function createAdminZodErrorMap(\n  t: (key: string, params?: Record<string, unknown>) => string,\n): ZodErrorMapFn {\n  return createZodErrorMap(t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,SAAgB,wBAAuC;CACrD,MAAM,OAAO,aAAa;AAE1B,QAAO,cAAc;EAEnB,MAAM,aACJ,KACA,WACW;AACX,OAAI,KACF,QAAO,KAAK,EAAE,KAAK,OAAO;AAI5B,OAAI,CAAC,OAAQ,QAAO;AAEpB,UAAO,IAAI,QAAQ,mBAAmB,GAAG,aAAa;IACpD,MAAM,QAAQ,OAAO;AACrB,WAAO,UAAU,SAAY,OAAO,MAAM,GAAG,KAAK,SAAS;KAC3D;;AAGJ,SAAO,kBAAkB,UAAU;IAClC,CAAC,KAAK,CAAC"}

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

@@ -0,0 +1,261 @@
+import { useAdminStore } from "../runtime/provider.mjs";
+import { getAdminPreferenceQueryKey, useSetAdminPreference } from "./use-admin-preferences.mjs";
+import { useQueryClient, useSuspenseQuery } from "@tanstack/react-query";
+import { useCallback, useEffect, useMemo, useRef } from "react";
+
+//#region src/client/hooks/use-view-state.ts
+const EMPTY_CONFIG = {
+	filters: [],
+	sortConfig: null,
+	visibleColumns: [],
+	realtime: void 0,
+	pagination: {
+		page: 1,
+		pageSize: 25
+	}
+};
+/**
+* Get the preference key for a collection's view state
+*/
+function getPreferenceKey(collectionName) {
+	return `viewState:${collectionName}`;
+}
+/**
+* Merge stored visible columns with default columns to include new fields
+*
+* When a new field is added to the collection, it should appear in the column picker
+* but not automatically become visible (preserving user's existing preference).
+*
+* The merge logic:
+* 1. Start with stored visible columns (in user's preferred order)
+* 2. New columns that weren't in the previous default set are NOT auto-added to visible
+*    (they appear in column picker but hidden by default)
+*/
+function mergeVisibleColumns(storedColumns, defaultColumns) {
+	if (!storedColumns?.length) return defaultColumns;
+	return storedColumns;
+}
+/**
+* Hook to manage view configuration state with database persistence.
+*
+* Uses Suspense for loading and queryClient for optimistic updates.
+* Must be used within a Suspense boundary.
+*
+* Architecture:
+* - Query data is the single source of truth
+* - Config is derived (useMemo) from query data + defaults
+* - Updates use optimistic mutations via queryClient.setQueryData
+* - Changes are debounced and persisted to DB
+*
+* @param defaultColumns - Default columns to show when no config is set
+* @param initialConfig - Optional initial configuration to start with
+* @param collectionName - Collection name for preference key
+* @param userId - User ID (required - must be available, use inside Suspense after auth)
+*
+* @example
+* ```tsx
+* // Inside Suspense boundary, after user is loaded
+* function TableViewInner({ collection, userId }) {
+*   const viewState = useViewState(
+*     ["_title", "status", "createdAt"],
+*     undefined,
+*     collection,
+*     userId
+*   );
+*
+*   // config is guaranteed to be ready
+*   const { config, setVisibleColumns, toggleSort } = viewState;
+* }
+* ```
+*/
+function useViewState(defaultColumns, initialConfig, collectionName, userId) {
+	const queryClient = useQueryClient();
+	const client = useAdminStore((s) => s.client);
+	const preferenceKey = collectionName ? getPreferenceKey(collectionName) : null;
+	const queryKey = getAdminPreferenceQueryKey(userId, preferenceKey ?? "");
+	const { data: storedConfig } = useSuspenseQuery({
+		queryKey,
+		queryFn: async () => {
+			if (!userId || !preferenceKey) return null;
+			return (await client.collections.adminPreferences.findOne({ where: {
+				userId,
+				key: preferenceKey
+			} }))?.value ?? null;
+		}
+	});
+	const { mutate: savePreference } = useSetAdminPreference(preferenceKey ?? "");
+	const config = useMemo(() => {
+		if (storedConfig) return {
+			filters: storedConfig.filters ?? [],
+			sortConfig: storedConfig.sortConfig ?? null,
+			visibleColumns: mergeVisibleColumns(storedConfig.visibleColumns, defaultColumns),
+			realtime: storedConfig.realtime !== void 0 ? storedConfig.realtime : initialConfig?.realtime,
+			pagination: storedConfig.pagination ?? {
+				page: 1,
+				pageSize: 25
+			}
+		};
+		return {
+			filters: initialConfig?.filters ?? [],
+			sortConfig: initialConfig?.sortConfig ?? null,
+			visibleColumns: defaultColumns,
+			realtime: initialConfig?.realtime,
+			pagination: initialConfig?.pagination ?? {
+				page: 1,
+				pageSize: 25
+			}
+		};
+	}, [
+		storedConfig,
+		defaultColumns,
+		initialConfig
+	]);
+	const saveTimeoutRef = useRef(null);
+	useEffect(() => {
+		return () => {
+			if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
+		};
+	}, []);
+	const setConfig = useCallback((newConfig) => {
+		const next = typeof newConfig === "function" ? newConfig(config) : newConfig;
+		if (preferenceKey && userId) queryClient.setQueryData(queryKey, next);
+		if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current);
+		saveTimeoutRef.current = setTimeout(() => {
+			if (preferenceKey) savePreference(next);
+		}, 500);
+	}, [
+		config,
+		preferenceKey,
+		userId,
+		queryClient,
+		queryKey,
+		savePreference
+	]);
+	const addFilter = useCallback((filter) => {
+		setConfig((prev) => ({
+			...prev,
+			filters: [...prev.filters, filter]
+		}));
+	}, [setConfig]);
+	const removeFilter = useCallback((filterId) => {
+		setConfig((prev) => ({
+			...prev,
+			filters: prev.filters.filter((f) => f.id !== filterId)
+		}));
+	}, [setConfig]);
+	const updateFilter = useCallback((filterId, updates) => {
+		setConfig((prev) => ({
+			...prev,
+			filters: prev.filters.map((f) => f.id === filterId ? {
+				...f,
+				...updates
+			} : f)
+		}));
+	}, [setConfig]);
+	const clearFilters = useCallback(() => {
+		setConfig((prev) => ({
+			...prev,
+			filters: []
+		}));
+	}, [setConfig]);
+	const setSort = useCallback((sortConfig) => {
+		setConfig((prev) => ({
+			...prev,
+			sortConfig
+		}));
+	}, [setConfig]);
+	const toggleSort = useCallback((field) => {
+		setConfig((prev) => {
+			if (prev.sortConfig?.field === field) {
+				if (prev.sortConfig.direction === "asc") return {
+					...prev,
+					sortConfig: {
+						field,
+						direction: "desc"
+					}
+				};
+				return {
+					...prev,
+					sortConfig: null
+				};
+			}
+			return {
+				...prev,
+				sortConfig: {
+					field,
+					direction: "asc"
+				}
+			};
+		});
+	}, [setConfig]);
+	const setVisibleColumns = useCallback((columns) => {
+		setConfig((prev) => ({
+			...prev,
+			visibleColumns: columns
+		}));
+	}, [setConfig]);
+	const setPage = useCallback((page) => {
+		setConfig((prev) => ({
+			...prev,
+			pagination: {
+				...prev.pagination,
+				page
+			}
+		}));
+	}, [setConfig]);
+	const setPageSize = useCallback((pageSize) => {
+		setConfig((prev) => ({
+			...prev,
+			pagination: {
+				page: 1,
+				pageSize
+			}
+		}));
+	}, [setConfig]);
+	return {
+		config,
+		setConfig,
+		addFilter,
+		removeFilter,
+		updateFilter,
+		clearFilters,
+		setSort,
+		toggleSort,
+		setVisibleColumns,
+		toggleColumn: useCallback((column) => {
+			setConfig((prev) => {
+				if (prev.visibleColumns.includes(column)) return {
+					...prev,
+					visibleColumns: prev.visibleColumns.filter((c) => c !== column)
+				};
+				return {
+					...prev,
+					visibleColumns: [...prev.visibleColumns, column]
+				};
+			});
+		}, [setConfig]),
+		setPage,
+		setPageSize,
+		loadConfig: useCallback((newConfig) => {
+			setConfig(newConfig);
+		}, [setConfig]),
+		resetConfig: useCallback(() => {
+			setConfig({
+				...EMPTY_CONFIG,
+				visibleColumns: defaultColumns
+			});
+		}, [setConfig, defaultColumns]),
+		hasChanges: useMemo(() => {
+			return config.filters.length > 0 || config.sortConfig !== null || config.realtime !== initialConfig?.realtime || config.pagination?.page !== 1 || config.pagination?.pageSize !== 25 || JSON.stringify([...config.visibleColumns].sort()) !== JSON.stringify([...defaultColumns].sort());
+		}, [
+			config,
+			defaultColumns,
+			initialConfig?.realtime
+		]),
+		isLoading: false
+	};
+}
+
+//#endregion
+export { useViewState };
+//# sourceMappingURL=use-view-state.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-view-state.mjs","names":["EMPTY_CONFIG: ViewConfiguration"],"sources":["../../../src/client/hooks/use-view-state.ts"],"sourcesContent":["import { useQueryClient, useSuspenseQuery } from \"@tanstack/react-query\";\nimport { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport type {\n\tFilterRule,\n\tSortConfig,\n\tViewConfiguration,\n} from \"../components/filter-builder/types.js\";\nimport { useAdminStore } from \"../runtime/provider.js\";\nimport {\n\tgetAdminPreferenceQueryKey,\n\tuseSetAdminPreference,\n} from \"./use-admin-preferences.js\";\n\nconst EMPTY_CONFIG: ViewConfiguration = {\n\tfilters: [],\n\tsortConfig: null,\n\tvisibleColumns: [],\n\trealtime: undefined,\n\tpagination: { page: 1, pageSize: 25 },\n};\n\n/**\n * Get the preference key for a collection's view state\n */\nfunction getPreferenceKey(collectionName: string): string {\n\treturn `viewState:${collectionName}`;\n}\n\n/**\n * Merge stored visible columns with default columns to include new fields\n *\n * When a new field is added to the collection, it should appear in the column picker\n * but not automatically become visible (preserving user's existing preference).\n *\n * The merge logic:\n * 1. Start with stored visible columns (in user's preferred order)\n * 2. New columns that weren't in the previous default set are NOT auto-added to visible\n *    (they appear in column picker but hidden by default)\n */\nfunction mergeVisibleColumns(\n\tstoredColumns: string[] | undefined,\n\tdefaultColumns: string[],\n): string[] {\n\t// If no stored columns, use defaults\n\tif (!storedColumns?.length) {\n\t\treturn defaultColumns;\n\t}\n\n\t// Return stored columns as-is\n\t// New columns are available in the column picker but not auto-visible\n\treturn storedColumns;\n}\n\n/**\n * Hook to manage view configuration state with database persistence.\n *\n * Uses Suspense for loading and queryClient for optimistic updates.\n * Must be used within a Suspense boundary.\n *\n * Architecture:\n * - Query data is the single source of truth\n * - Config is derived (useMemo) from query data + defaults\n * - Updates use optimistic mutations via queryClient.setQueryData\n * - Changes are debounced and persisted to DB\n *\n * @param defaultColumns - Default columns to show when no config is set\n * @param initialConfig - Optional initial configuration to start with\n * @param collectionName - Collection name for preference key\n * @param userId - User ID (required - must be available, use inside Suspense after auth)\n *\n * @example\n * ```tsx\n * // Inside Suspense boundary, after user is loaded\n * function TableViewInner({ collection, userId }) {\n *   const viewState = useViewState(\n *     [\"_title\", \"status\", \"createdAt\"],\n *     undefined,\n *     collection,\n *     userId\n *   );\n *\n *   // config is guaranteed to be ready\n *   const { config, setVisibleColumns, toggleSort } = viewState;\n * }\n * ```\n */\nexport function useViewState(\n\tdefaultColumns: string[],\n\tinitialConfig?: Partial<ViewConfiguration>,\n\tcollectionName?: string,\n\tuserId?: string,\n) {\n\tconst queryClient = useQueryClient();\n\tconst client = useAdminStore((s) => s.client);\n\n\t// Preference key for this collection\n\tconst preferenceKey = collectionName\n\t\t? getPreferenceKey(collectionName)\n\t\t: null;\n\n\t// Query key for cache operations\n\tconst queryKey = getAdminPreferenceQueryKey(userId, preferenceKey ?? \"\");\n\n\t// Fetch stored preference from DB using Suspense\n\t// This will suspend until data is loaded\n\tconst { data: storedConfig } = useSuspenseQuery<ViewConfiguration | null>({\n\t\tqueryKey,\n\t\tqueryFn: async (): Promise<ViewConfiguration | null> => {\n\t\t\tif (!userId || !preferenceKey) return null;\n\n\t\t\tconst result = await client.collections.adminPreferences.findOne({\n\t\t\t\twhere: { userId, key: preferenceKey },\n\t\t\t});\n\n\t\t\treturn (result?.value as unknown as ViewConfiguration) ?? null;\n\t\t},\n\t});\n\n\t// Mutation to save preference\n\tconst { mutate: savePreference } = useSetAdminPreference<ViewConfiguration>(\n\t\tpreferenceKey ?? \"\",\n\t);\n\n\t// DERIVED state from query - no useState needed!\n\t// This is the single source of truth pattern\n\tconst config = useMemo<ViewConfiguration>(() => {\n\t\tif (storedConfig) {\n\t\t\treturn {\n\t\t\t\tfilters: storedConfig.filters ?? [],\n\t\t\t\tsortConfig: storedConfig.sortConfig ?? null,\n\t\t\t\tvisibleColumns: mergeVisibleColumns(\n\t\t\t\t\tstoredConfig.visibleColumns,\n\t\t\t\t\tdefaultColumns,\n\t\t\t\t),\n\t\t\t\trealtime:\n\t\t\t\t\tstoredConfig.realtime !== undefined\n\t\t\t\t\t\t? storedConfig.realtime\n\t\t\t\t\t\t: initialConfig?.realtime,\n\t\t\t\tpagination: storedConfig.pagination ?? { page: 1, pageSize: 25 },\n\t\t\t};\n\t\t}\n\n\t\t// No stored config - use defaults\n\t\treturn {\n\t\t\tfilters: initialConfig?.filters ?? [],\n\t\t\tsortConfig: initialConfig?.sortConfig ?? null,\n\t\t\tvisibleColumns: defaultColumns,\n\t\t\trealtime: initialConfig?.realtime,\n\t\t\tpagination: initialConfig?.pagination ?? { page: 1, pageSize: 25 },\n\t\t};\n\t}, [storedConfig, defaultColumns, initialConfig]);\n\n\t// Debounce ref for save\n\tconst saveTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n\t// Cleanup timeout on unmount\n\tuseEffect(() => {\n\t\treturn () => {\n\t\t\tif (saveTimeoutRef.current) {\n\t\t\t\tclearTimeout(saveTimeoutRef.current);\n\t\t\t}\n\t\t};\n\t}, []);\n\n\t// Update config with optimistic update + debounced persist\n\tconst setConfig = useCallback(\n\t\t(\n\t\t\tnewConfig:\n\t\t\t\t| ViewConfiguration\n\t\t\t\t| ((prev: ViewConfiguration) => ViewConfiguration),\n\t\t) => {\n\t\t\tconst next =\n\t\t\t\ttypeof newConfig === \"function\" ? newConfig(config) : newConfig;\n\n\t\t\t// OPTIMISTIC UPDATE - immediately update query cache\n\t\t\t// This makes UI instantly responsive\n\t\t\tif (preferenceKey && userId) {\n\t\t\t\tqueryClient.setQueryData<ViewConfiguration | null>(queryKey, next);\n\t\t\t}\n\n\t\t\t// Debounced persist to DB\n\t\t\tif (saveTimeoutRef.current) {\n\t\t\t\tclearTimeout(saveTimeoutRef.current);\n\t\t\t}\n\n\t\t\tsaveTimeoutRef.current = setTimeout(() => {\n\t\t\t\tif (preferenceKey) {\n\t\t\t\t\tsavePreference(next);\n\t\t\t\t}\n\t\t\t}, 500);\n\t\t},\n\t\t[config, preferenceKey, userId, queryClient, queryKey, savePreference],\n\t);\n\n\t// Add a filter\n\tconst addFilter = useCallback(\n\t\t(filter: FilterRule) => {\n\t\t\tsetConfig((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tfilters: [...prev.filters, filter],\n\t\t\t}));\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Remove a filter by ID\n\tconst removeFilter = useCallback(\n\t\t(filterId: string) => {\n\t\t\tsetConfig((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tfilters: prev.filters.filter((f) => f.id !== filterId),\n\t\t\t}));\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Update a filter by ID\n\tconst updateFilter = useCallback(\n\t\t(filterId: string, updates: Partial<FilterRule>) => {\n\t\t\tsetConfig((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tfilters: prev.filters.map((f) =>\n\t\t\t\t\tf.id === filterId ? { ...f, ...updates } : f,\n\t\t\t\t),\n\t\t\t}));\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Clear all filters\n\tconst clearFilters = useCallback(() => {\n\t\tsetConfig((prev) => ({\n\t\t\t...prev,\n\t\t\tfilters: [],\n\t\t}));\n\t}, [setConfig]);\n\n\t// Set sort configuration\n\tconst setSort = useCallback(\n\t\t(sortConfig: SortConfig | null) => {\n\t\t\tsetConfig((prev) => ({ ...prev, sortConfig }));\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Toggle sort on a field\n\tconst toggleSort = useCallback(\n\t\t(field: string) => {\n\t\t\tsetConfig((prev) => {\n\t\t\t\tif (prev.sortConfig?.field === field) {\n\t\t\t\t\tif (prev.sortConfig.direction === \"asc\") {\n\t\t\t\t\t\treturn { ...prev, sortConfig: { field, direction: \"desc\" } };\n\t\t\t\t\t}\n\t\t\t\t\treturn { ...prev, sortConfig: null };\n\t\t\t\t}\n\t\t\t\treturn { ...prev, sortConfig: { field, direction: \"asc\" } };\n\t\t\t});\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Set visible columns\n\tconst setVisibleColumns = useCallback(\n\t\t(columns: string[]) => {\n\t\t\tsetConfig((prev) => ({ ...prev, visibleColumns: columns }));\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Set page number\n\tconst setPage = useCallback(\n\t\t(page: number) => {\n\t\t\tsetConfig((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tpagination: { ...prev.pagination!, page },\n\t\t\t}));\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Set page size and reset to page 1\n\tconst setPageSize = useCallback(\n\t\t(pageSize: number) => {\n\t\t\tsetConfig((prev) => ({\n\t\t\t\t...prev,\n\t\t\t\tpagination: { page: 1, pageSize },\n\t\t\t}));\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Toggle column visibility\n\tconst toggleColumn = useCallback(\n\t\t(column: string) => {\n\t\t\tsetConfig((prev) => {\n\t\t\t\tif (prev.visibleColumns.includes(column)) {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...prev,\n\t\t\t\t\t\tvisibleColumns: prev.visibleColumns.filter((c) => c !== column),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn {\n\t\t\t\t\t...prev,\n\t\t\t\t\tvisibleColumns: [...prev.visibleColumns, column],\n\t\t\t\t};\n\t\t\t});\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Load a complete configuration\n\tconst loadConfig = useCallback(\n\t\t(newConfig: ViewConfiguration) => {\n\t\t\tsetConfig(newConfig);\n\t\t},\n\t\t[setConfig],\n\t);\n\n\t// Reset to default configuration\n\tconst resetConfig = useCallback(() => {\n\t\tsetConfig({\n\t\t\t...EMPTY_CONFIG,\n\t\t\tvisibleColumns: defaultColumns,\n\t\t});\n\t}, [setConfig, defaultColumns]);\n\n\t// Check if config has any changes from default\n\tconst hasChanges = useMemo(() => {\n\t\treturn (\n\t\t\tconfig.filters.length > 0 ||\n\t\t\tconfig.sortConfig !== null ||\n\t\t\tconfig.realtime !== initialConfig?.realtime ||\n\t\t\tconfig.pagination?.page !== 1 ||\n\t\t\tconfig.pagination?.pageSize !== 25 ||\n\t\t\tJSON.stringify([...config.visibleColumns].sort()) !==\n\t\t\t\tJSON.stringify([...defaultColumns].sort())\n\t\t);\n\t}, [config, defaultColumns, initialConfig?.realtime]);\n\n\treturn {\n\t\tconfig,\n\t\tsetConfig,\n\t\taddFilter,\n\t\tremoveFilter,\n\t\tupdateFilter,\n\t\tclearFilters,\n\t\tsetSort,\n\t\ttoggleSort,\n\t\tsetVisibleColumns,\n\t\ttoggleColumn,\n\t\tsetPage,\n\t\tsetPageSize,\n\t\tloadConfig,\n\t\tresetConfig,\n\t\thasChanges,\n\t\t// No loading state needed - Suspense handles it\n\t\tisLoading: false,\n\t};\n}\n"],"mappings":"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"}

package/dist/client/i18n/hooks.mjs

@@ -0,0 +1,160 @@
+import { DEFAULT_LOCALE } from "questpie/shared";
+import * as React$1 from "react";
+import { createContext, useCallback, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/i18n/hooks.tsx
+/**
+* I18n React Hooks
+*
+* React context and hooks for i18n in the admin UI.
+*/
+const I18nContext = createContext(null);
+/**
+* I18n Provider Component
+*
+* Provides i18n to all child components.
+* The adapter is the source of truth for UI locale.
+*
+* @example
+* ```tsx
+* import { I18nProvider, createSimpleI18n } from "@questpie/admin/i18n";
+*
+* const i18n = createSimpleI18n({ ... });
+*
+* <I18nProvider adapter={i18n}>
+*   <App />
+* </I18nProvider>
+* ```
+*/
+function I18nProvider({ adapter, children }) {
+	const [, forceUpdate] = React$1.useReducer((x) => x + 1, 0);
+	React$1.useEffect(() => {
+		return adapter.onLocaleChange(() => {
+			forceUpdate();
+		});
+	}, [adapter]);
+	const contextValue = React$1.useMemo(() => ({
+		locale: adapter.locale,
+		locales: adapter.locales,
+		t: adapter.t.bind(adapter),
+		setLocale: adapter.setLocale.bind(adapter),
+		onLocaleChange: adapter.onLocaleChange.bind(adapter),
+		formatDate: adapter.formatDate.bind(adapter),
+		formatNumber: adapter.formatNumber.bind(adapter),
+		formatRelative: adapter.formatRelative?.bind(adapter),
+		getLocaleName: adapter.getLocaleName.bind(adapter),
+		isRTL: adapter.isRTL.bind(adapter)
+	}), [adapter, adapter.locale]);
+	return /* @__PURE__ */ jsx(I18nContext.Provider, {
+		value: contextValue,
+		children
+	});
+}
+/**
+* Get the i18n adapter (throws if not in provider)
+*/
+function useI18n() {
+	const adapter = useContext(I18nContext);
+	if (!adapter) throw new Error("useI18n must be used within I18nProvider");
+	return adapter;
+}
+/**
+* Get i18n adapter or null (safe version)
+*/
+function useSafeI18n() {
+	return useContext(I18nContext);
+}
+/**
+* Main translation hook
+*
+* @example
+* ```tsx
+* function MyComponent() {
+*   const { t, locale, formatDate } = useTranslation();
+*   return <h1>{t("dashboard.title")}</h1>;
+* }
+* ```
+*/
+function useTranslation() {
+	const adapter = useI18n();
+	return {
+		locale: adapter.locale,
+		locales: adapter.locales,
+		t: adapter.t,
+		setLocale: adapter.setLocale,
+		formatDate: adapter.formatDate,
+		formatNumber: adapter.formatNumber,
+		getLocaleName: adapter.getLocaleName,
+		isRTL: adapter.isRTL()
+	};
+}
+/**
+* Check if an object is a locale map (has locale codes as keys)
+*/
+function isLocaleMap(obj) {
+	if ("key" in obj) return false;
+	return Object.values(obj).every((v) => typeof v === "string");
+}
+/**
+* Resolve locale map to string for given locale
+*/
+function resolveLocaleMap(map, locale, fallback) {
+	if (map[locale]) return map[locale];
+	const lang = locale.split("-")[0];
+	if (lang && map[lang]) return map[lang];
+	if (map[DEFAULT_LOCALE]) return map[DEFAULT_LOCALE];
+	return Object.values(map)[0] ?? fallback;
+}
+/**
+* Resolve I18nText to string
+*
+* @example
+* ```tsx
+* function Label({ text }: { text: I18nText }) {
+*   const resolve = useResolveText();
+*   return <span>{resolve(text)}</span>;
+* }
+* ```
+*/
+function useResolveText() {
+	const adapter = useSafeI18n();
+	return useCallback((text, fallback = "", contextValues) => {
+		const resolveValue = (value) => {
+			if (value === void 0 || value === null) return fallback;
+			if (typeof value === "string") return value;
+			if (typeof value === "function") {
+				if (!adapter && !contextValues) return fallback;
+				const i18nCtx = adapter ? {
+					locale: adapter.locale,
+					t: adapter.t,
+					formatDate: adapter.formatDate,
+					formatNumber: adapter.formatNumber
+				} : void 0;
+				const ctx = {
+					...contextValues ?? {},
+					...i18nCtx ?? {}
+				};
+				try {
+					return resolveValue(value(ctx));
+				} catch (error) {
+					console.error("Failed to resolve dynamic text:", error);
+					return fallback;
+				}
+			}
+			if (typeof value === "object" && "key" in value && typeof value.key === "string") {
+				const keyObj = value;
+				if (!adapter) return keyObj.fallback ?? fallback;
+				const result = adapter.t(keyObj.key, keyObj.params);
+				return result === keyObj.key ? keyObj.fallback ?? result : result;
+			}
+			if (typeof value === "object" && isLocaleMap(value)) return resolveLocaleMap(value, adapter?.locale ?? DEFAULT_LOCALE, fallback);
+			return fallback;
+		};
+		return resolveValue(text);
+	}, [adapter]);
+}
+
+//#endregion
+export { I18nProvider, useResolveText, useSafeI18n, useTranslation };
+//# sourceMappingURL=hooks.mjs.map

package/dist/client/i18n/hooks.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.mjs","names":["React"],"sources":["../../../src/client/i18n/hooks.tsx"],"sourcesContent":["/**\n * I18n React Hooks\n *\n * React context and hooks for i18n in the admin UI.\n */\n\nimport { DEFAULT_LOCALE } from \"questpie/shared\";\nimport * as React from \"react\";\nimport { createContext, useCallback, useContext } from \"react\";\nimport type {\n  I18nAdapter,\n  I18nContext as I18nContextType,\n  I18nProviderProps,\n  I18nText,\n  UseTranslationResult,\n} from \"./types\";\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst I18nContext = createContext<I18nAdapter | null>(null);\n\n// ============================================================================\n// Provider\n// ============================================================================\n\n/**\n * I18n Provider Component\n *\n * Provides i18n to all child components.\n * The adapter is the source of truth for UI locale.\n *\n * @example\n * ```tsx\n * import { I18nProvider, createSimpleI18n } from \"@questpie/admin/i18n\";\n *\n * const i18n = createSimpleI18n({ ... });\n *\n * <I18nProvider adapter={i18n}>\n *   <App />\n * </I18nProvider>\n * ```\n */\nexport function I18nProvider({\n  adapter,\n  children,\n}: I18nProviderProps): React.ReactElement {\n  // Force re-render when locale changes in adapter\n  const [, forceUpdate] = React.useReducer((x) => x + 1, 0);\n\n  // Subscribe to locale changes from adapter\n  React.useEffect(() => {\n    return adapter.onLocaleChange(() => {\n      forceUpdate();\n    });\n  }, [adapter]);\n\n  // Context value - adapter is source of truth\n  // useMemo depends on adapter.locale to create new reference when locale changes\n  const contextValue = React.useMemo<I18nAdapter>(\n    () => ({\n      locale: adapter.locale,\n      locales: adapter.locales,\n      t: adapter.t.bind(adapter),\n      setLocale: adapter.setLocale.bind(adapter),\n      onLocaleChange: adapter.onLocaleChange.bind(adapter),\n      formatDate: adapter.formatDate.bind(adapter),\n      formatNumber: adapter.formatNumber.bind(adapter),\n      formatRelative: adapter.formatRelative?.bind(adapter),\n      getLocaleName: adapter.getLocaleName.bind(adapter),\n      isRTL: adapter.isRTL.bind(adapter),\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [adapter, adapter.locale],\n  );\n\n  return (\n    <I18nContext.Provider value={contextValue}>{children}</I18nContext.Provider>\n  );\n}\n\n// ============================================================================\n// Hooks\n// ============================================================================\n\n/**\n * Get the i18n adapter (throws if not in provider)\n */\nexport function useI18n(): I18nAdapter {\n  const adapter = useContext(I18nContext);\n  if (!adapter) {\n    throw new Error(\"useI18n must be used within I18nProvider\");\n  }\n  return adapter;\n}\n\n/**\n * Get i18n adapter or null (safe version)\n */\nexport function useSafeI18n(): I18nAdapter | null {\n  return useContext(I18nContext);\n}\n\n/**\n * Main translation hook\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { t, locale, formatDate } = useTranslation();\n *   return <h1>{t(\"dashboard.title\")}</h1>;\n * }\n * ```\n */\nexport function useTranslation(): UseTranslationResult {\n  const adapter = useI18n();\n\n  return {\n    locale: adapter.locale,\n    locales: adapter.locales,\n    t: adapter.t,\n    setLocale: adapter.setLocale,\n    formatDate: adapter.formatDate,\n    formatNumber: adapter.formatNumber,\n    getLocaleName: adapter.getLocaleName,\n    isRTL: adapter.isRTL(),\n  };\n}\n\n/**\n * Get just the translate function\n */\nexport function useT(): I18nAdapter[\"t\"] {\n  return useI18n().t;\n}\n\n/**\n * Get current locale\n */\nexport function useLocale(): string {\n  return useI18n().locale;\n}\n\n/**\n * Get locale setter\n */\nexport function useSetLocale(): I18nAdapter[\"setLocale\"] {\n  return useI18n().setLocale;\n}\n\n// ============================================================================\n// I18nText Resolver\n// ============================================================================\n\n/**\n * Check if an object is a locale map (has locale codes as keys)\n */\nfunction isLocaleMap(obj: object): obj is Record<string, string> {\n  // If it has a \"key\" property, it's a translation key lookup\n  if (\"key\" in obj) return false;\n  // Check if all values are strings (locale map)\n  return Object.values(obj).every((v) => typeof v === \"string\");\n}\n\n/**\n * Resolve locale map to string for given locale\n */\nfunction resolveLocaleMap(\n  map: Record<string, string>,\n  locale: string,\n  fallback: string,\n): string {\n  // Try exact locale match\n  if (map[locale]) return map[locale];\n  // Try language code only (e.g., \"en\" from \"en-US\")\n  const lang = locale.split(\"-\")[0];\n  if (lang && map[lang]) return map[lang];\n  // Try default locale as fallback\n  if (map[DEFAULT_LOCALE]) return map[DEFAULT_LOCALE];\n  // Return first available value\n  const firstValue = Object.values(map)[0];\n  return firstValue ?? fallback;\n}\n\n/**\n * Resolve I18nText to string\n *\n * @example\n * ```tsx\n * function Label({ text }: { text: I18nText }) {\n *   const resolve = useResolveText();\n *   return <span>{resolve(text)}</span>;\n * }\n * ```\n */\nexport function useResolveText(): (\n  text: I18nText | ((values: Record<string, any>) => I18nText) | undefined,\n  fallback?: string,\n  contextValues?: Record<string, any>,\n) => string {\n  const adapter = useSafeI18n();\n\n  return useCallback(\n    (\n      text: I18nText | ((values: Record<string, any>) => I18nText) | undefined,\n      fallback = \"\",\n      contextValues?: Record<string, any>,\n    ): string => {\n      const resolveValue = (value: I18nText | undefined): string => {\n        if (value === undefined || value === null) return fallback;\n\n        // Plain string\n        if (typeof value === \"string\") return value;\n\n        // Function\n        if (typeof value === \"function\") {\n          if (!adapter && !contextValues) return fallback;\n          const i18nCtx = adapter\n            ? {\n                locale: adapter.locale,\n                t: adapter.t,\n                formatDate: adapter.formatDate,\n                formatNumber: adapter.formatNumber,\n              }\n            : undefined;\n          const ctx = {\n            ...(contextValues ?? {}),\n            ...(i18nCtx ?? {}),\n          } as I18nContextType & Record<string, any>;\n          try {\n            const result = value(ctx);\n            return resolveValue(result as I18nText);\n          } catch (error) {\n            console.error(\"Failed to resolve dynamic text:\", error);\n            return fallback;\n          }\n        }\n\n        // Object with key (translation key lookup)\n        if (\n          typeof value === \"object\" &&\n          \"key\" in value &&\n          typeof value.key === \"string\"\n        ) {\n          const keyObj = value as {\n            key: string;\n            fallback?: string;\n            params?: Record<string, unknown>;\n          };\n          if (!adapter) return keyObj.fallback ?? fallback;\n          const result = adapter.t(keyObj.key, keyObj.params);\n          // If t() returns the key (not found), use fallback\n          return result === keyObj.key ? (keyObj.fallback ?? result) : result;\n        }\n\n        // Locale map (inline translations)\n        if (typeof value === \"object\" && isLocaleMap(value)) {\n          const locale = adapter?.locale ?? DEFAULT_LOCALE;\n          return resolveLocaleMap(value, locale, fallback);\n        }\n\n        return fallback;\n      };\n\n      return resolveValue(text as I18nText | undefined);\n    },\n    [adapter],\n  );\n}\n\n/**\n * Resolve I18nText synchronously (without adapter)\n * Only works with string and object types, not functions\n *\n * @param locale - Optional locale to use for locale maps (defaults to \"en\")\n */\nexport function resolveTextSync(\n  text: I18nText | undefined,\n  fallback = \"\",\n  locale = DEFAULT_LOCALE,\n): string {\n  if (text === undefined || text === null) return fallback;\n  if (typeof text === \"string\") return text;\n  if (typeof text === \"function\") return fallback;\n  if (typeof text === \"object\" && \"key\" in text) {\n    return text.fallback ?? fallback;\n  }\n  // Locale map (inline translations)\n  if (typeof text === \"object\" && isLocaleMap(text)) {\n    return resolveLocaleMap(text, locale, fallback);\n  }\n  return fallback;\n}\n\n// ============================================================================\n// Text Component\n// ============================================================================\n\n/**\n * Text component that resolves I18nText to a string\n *\n * Use this when you need to render I18nText in JSX.\n *\n * @example\n * ```tsx\n * <Text text={{ en: \"Hello\", sk: \"Ahoj\" }} />\n * <Text text=\"Static text\" />\n * <Text text={{ key: \"common.save\" }} />\n * ```\n */\nexport function Text({\n  text,\n  fallback = \"\",\n  as: Component = \"span\",\n  className,\n}: {\n  text: I18nText | undefined;\n  fallback?: string;\n  as?: React.ElementType;\n  className?: string;\n}): React.ReactElement | null {\n  const resolve = useResolveText();\n  const resolved = resolve(text, fallback);\n  if (!resolved) return null;\n  return <Component className={className}>{resolved}</Component>;\n}\n"],"mappings":";;;;;;;;;;;AAqBA,MAAM,cAAc,cAAkC,KAAK;;;;;;;;;;;;;;;;;;AAuB3D,SAAgB,aAAa,EAC3B,SACA,YACwC;CAExC,MAAM,GAAG,eAAeA,QAAM,YAAY,MAAM,IAAI,GAAG,EAAE;AAGzD,SAAM,gBAAgB;AACpB,SAAO,QAAQ,qBAAqB;AAClC,gBAAa;IACb;IACD,CAAC,QAAQ,CAAC;CAIb,MAAM,eAAeA,QAAM,eAClB;EACL,QAAQ,QAAQ;EAChB,SAAS,QAAQ;EACjB,GAAG,QAAQ,EAAE,KAAK,QAAQ;EAC1B,WAAW,QAAQ,UAAU,KAAK,QAAQ;EAC1C,gBAAgB,QAAQ,eAAe,KAAK,QAAQ;EACpD,YAAY,QAAQ,WAAW,KAAK,QAAQ;EAC5C,cAAc,QAAQ,aAAa,KAAK,QAAQ;EAChD,gBAAgB,QAAQ,gBAAgB,KAAK,QAAQ;EACrD,eAAe,QAAQ,cAAc,KAAK,QAAQ;EAClD,OAAO,QAAQ,MAAM,KAAK,QAAQ;EACnC,GAED,CAAC,SAAS,QAAQ,OAAO,CAC1B;AAED,QACE,oBAAC,YAAY;EAAS,OAAO;EAAe;GAAgC;;;;;AAWhF,SAAgB,UAAuB;CACrC,MAAM,UAAU,WAAW,YAAY;AACvC,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,2CAA2C;AAE7D,QAAO;;;;;AAMT,SAAgB,cAAkC;AAChD,QAAO,WAAW,YAAY;;;;;;;;;;;;;AAchC,SAAgB,iBAAuC;CACrD,MAAM,UAAU,SAAS;AAEzB,QAAO;EACL,QAAQ,QAAQ;EAChB,SAAS,QAAQ;EACjB,GAAG,QAAQ;EACX,WAAW,QAAQ;EACnB,YAAY,QAAQ;EACpB,cAAc,QAAQ;EACtB,eAAe,QAAQ;EACvB,OAAO,QAAQ,OAAO;EACvB;;;;;AA+BH,SAAS,YAAY,KAA4C;AAE/D,KAAI,SAAS,IAAK,QAAO;AAEzB,QAAO,OAAO,OAAO,IAAI,CAAC,OAAO,MAAM,OAAO,MAAM,SAAS;;;;;AAM/D,SAAS,iBACP,KACA,QACA,UACQ;AAER,KAAI,IAAI,QAAS,QAAO,IAAI;CAE5B,MAAM,OAAO,OAAO,MAAM,IAAI,CAAC;AAC/B,KAAI,QAAQ,IAAI,MAAO,QAAO,IAAI;AAElC,KAAI,IAAI,gBAAiB,QAAO,IAAI;AAGpC,QADmB,OAAO,OAAO,IAAI,CAAC,MACjB;;;;;;;;;;;;;AAcvB,SAAgB,iBAIJ;CACV,MAAM,UAAU,aAAa;AAE7B,QAAO,aAEH,MACA,WAAW,IACX,kBACW;EACX,MAAM,gBAAgB,UAAwC;AAC5D,OAAI,UAAU,UAAa,UAAU,KAAM,QAAO;AAGlD,OAAI,OAAO,UAAU,SAAU,QAAO;AAGtC,OAAI,OAAO,UAAU,YAAY;AAC/B,QAAI,CAAC,WAAW,CAAC,cAAe,QAAO;IACvC,MAAM,UAAU,UACZ;KACE,QAAQ,QAAQ;KAChB,GAAG,QAAQ;KACX,YAAY,QAAQ;KACpB,cAAc,QAAQ;KACvB,GACD;IACJ,MAAM,MAAM;KACV,GAAI,iBAAiB,EAAE;KACvB,GAAI,WAAW,EAAE;KAClB;AACD,QAAI;AAEF,YAAO,aADQ,MAAM,IAAI,CACc;aAChC,OAAO;AACd,aAAQ,MAAM,mCAAmC,MAAM;AACvD,YAAO;;;AAKX,OACE,OAAO,UAAU,YACjB,SAAS,SACT,OAAO,MAAM,QAAQ,UACrB;IACA,MAAM,SAAS;AAKf,QAAI,CAAC,QAAS,QAAO,OAAO,YAAY;IACxC,MAAM,SAAS,QAAQ,EAAE,OAAO,KAAK,OAAO,OAAO;AAEnD,WAAO,WAAW,OAAO,MAAO,OAAO,YAAY,SAAU;;AAI/D,OAAI,OAAO,UAAU,YAAY,YAAY,MAAM,CAEjD,QAAO,iBAAiB,OADT,SAAS,UAAU,gBACK,SAAS;AAGlD,UAAO;;AAGT,SAAO,aAAa,KAA6B;IAEnD,CAAC,QAAQ,CACV"}

package/dist/client/i18n/intl-cache.mjs

@@ -0,0 +1,65 @@
+//#region src/client/i18n/intl-cache.ts
+/**
+* Intl Formatters Cache
+*
+* Caches Intl formatter instances to avoid creating new ones on every call.
+* Intl formatters are expensive to create but cheap to reuse.
+*/
+function getCacheKey(locale, options) {
+	if (!options || Object.keys(options).length === 0) return locale;
+	return `${locale}:${JSON.stringify(options)}`;
+}
+const dateTimeFormatCache = /* @__PURE__ */ new Map();
+function getDateTimeFormat(locale, options) {
+	const key = getCacheKey(locale, options);
+	let formatter = dateTimeFormatCache.get(key);
+	if (!formatter) {
+		formatter = new Intl.DateTimeFormat(locale, options);
+		dateTimeFormatCache.set(key, formatter);
+	}
+	return formatter;
+}
+const numberFormatCache = /* @__PURE__ */ new Map();
+function getNumberFormat(locale, options) {
+	const key = getCacheKey(locale, options);
+	let formatter = numberFormatCache.get(key);
+	if (!formatter) {
+		formatter = new Intl.NumberFormat(locale, options);
+		numberFormatCache.set(key, formatter);
+	}
+	return formatter;
+}
+const pluralRulesCache = /* @__PURE__ */ new Map();
+function getPluralRules(locale, options) {
+	const key = getCacheKey(locale, options);
+	let rules = pluralRulesCache.get(key);
+	if (!rules) {
+		rules = new Intl.PluralRules(locale, options);
+		pluralRulesCache.set(key, rules);
+	}
+	return rules;
+}
+const relativeTimeFormatCache = /* @__PURE__ */ new Map();
+function getRelativeTimeFormat(locale, options) {
+	const key = getCacheKey(locale, options);
+	let formatter = relativeTimeFormatCache.get(key);
+	if (!formatter) {
+		formatter = new Intl.RelativeTimeFormat(locale, options);
+		relativeTimeFormatCache.set(key, formatter);
+	}
+	return formatter;
+}
+const displayNamesCache = /* @__PURE__ */ new Map();
+function getDisplayNames(locale, options) {
+	const key = getCacheKey(locale, options);
+	let displayNames = displayNamesCache.get(key);
+	if (!displayNames) {
+		displayNames = new Intl.DisplayNames([locale], options);
+		displayNamesCache.set(key, displayNames);
+	}
+	return displayNames;
+}
+
+//#endregion
+export { getDateTimeFormat, getDisplayNames, getNumberFormat, getPluralRules, getRelativeTimeFormat };
+//# sourceMappingURL=intl-cache.mjs.map

package/dist/client/i18n/intl-cache.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"intl-cache.mjs","names":[],"sources":["../../../src/client/i18n/intl-cache.ts"],"sourcesContent":["/**\n * Intl Formatters Cache\n *\n * Caches Intl formatter instances to avoid creating new ones on every call.\n * Intl formatters are expensive to create but cheap to reuse.\n */\n\n// Cache key generator - serializes locale + options\nfunction getCacheKey(locale: string, options?: object): string {\n  if (!options || Object.keys(options).length === 0) {\n    return locale;\n  }\n  return `${locale}:${JSON.stringify(options)}`;\n}\n\n// DateTimeFormat cache\nconst dateTimeFormatCache = new Map<string, Intl.DateTimeFormat>();\n\nexport function getDateTimeFormat(\n  locale: string,\n  options?: Intl.DateTimeFormatOptions,\n): Intl.DateTimeFormat {\n  const key = getCacheKey(locale, options);\n  let formatter = dateTimeFormatCache.get(key);\n  if (!formatter) {\n    formatter = new Intl.DateTimeFormat(locale, options);\n    dateTimeFormatCache.set(key, formatter);\n  }\n  return formatter;\n}\n\n// NumberFormat cache\nconst numberFormatCache = new Map<string, Intl.NumberFormat>();\n\nexport function getNumberFormat(\n  locale: string,\n  options?: Intl.NumberFormatOptions,\n): Intl.NumberFormat {\n  const key = getCacheKey(locale, options);\n  let formatter = numberFormatCache.get(key);\n  if (!formatter) {\n    formatter = new Intl.NumberFormat(locale, options);\n    numberFormatCache.set(key, formatter);\n  }\n  return formatter;\n}\n\n// PluralRules cache\nconst pluralRulesCache = new Map<string, Intl.PluralRules>();\n\nexport function getPluralRules(\n  locale: string,\n  options?: Intl.PluralRulesOptions,\n): Intl.PluralRules {\n  const key = getCacheKey(locale, options);\n  let rules = pluralRulesCache.get(key);\n  if (!rules) {\n    rules = new Intl.PluralRules(locale, options);\n    pluralRulesCache.set(key, rules);\n  }\n  return rules;\n}\n\n// RelativeTimeFormat cache\nconst relativeTimeFormatCache = new Map<string, Intl.RelativeTimeFormat>();\n\nexport function getRelativeTimeFormat(\n  locale: string,\n  options?: Intl.RelativeTimeFormatOptions,\n): Intl.RelativeTimeFormat {\n  const key = getCacheKey(locale, options);\n  let formatter = relativeTimeFormatCache.get(key);\n  if (!formatter) {\n    formatter = new Intl.RelativeTimeFormat(locale, options);\n    relativeTimeFormatCache.set(key, formatter);\n  }\n  return formatter;\n}\n\n// DisplayNames cache\nconst displayNamesCache = new Map<string, Intl.DisplayNames>();\n\nexport function getDisplayNames(\n  locale: string,\n  options: Intl.DisplayNamesOptions,\n): Intl.DisplayNames {\n  const key = getCacheKey(locale, options);\n  let displayNames = displayNamesCache.get(key);\n  if (!displayNames) {\n    displayNames = new Intl.DisplayNames([locale], options);\n    displayNamesCache.set(key, displayNames);\n  }\n  return displayNames;\n}\n\n/**\n * Clear all caches - useful for testing or when locale changes significantly\n */\nexport function clearIntlCache(): void {\n  dateTimeFormatCache.clear();\n  numberFormatCache.clear();\n  pluralRulesCache.clear();\n  relativeTimeFormatCache.clear();\n  displayNamesCache.clear();\n}\n"],"mappings":";;;;;;;AAQA,SAAS,YAAY,QAAgB,SAA0B;AAC7D,KAAI,CAAC,WAAW,OAAO,KAAK,QAAQ,CAAC,WAAW,EAC9C,QAAO;AAET,QAAO,GAAG,OAAO,GAAG,KAAK,UAAU,QAAQ;;AAI7C,MAAM,sCAAsB,IAAI,KAAkC;AAElE,SAAgB,kBACd,QACA,SACqB;CACrB,MAAM,MAAM,YAAY,QAAQ,QAAQ;CACxC,IAAI,YAAY,oBAAoB,IAAI,IAAI;AAC5C,KAAI,CAAC,WAAW;AACd,cAAY,IAAI,KAAK,eAAe,QAAQ,QAAQ;AACpD,sBAAoB,IAAI,KAAK,UAAU;;AAEzC,QAAO;;AAIT,MAAM,oCAAoB,IAAI,KAAgC;AAE9D,SAAgB,gBACd,QACA,SACmB;CACnB,MAAM,MAAM,YAAY,QAAQ,QAAQ;CACxC,IAAI,YAAY,kBAAkB,IAAI,IAAI;AAC1C,KAAI,CAAC,WAAW;AACd,cAAY,IAAI,KAAK,aAAa,QAAQ,QAAQ;AAClD,oBAAkB,IAAI,KAAK,UAAU;;AAEvC,QAAO;;AAIT,MAAM,mCAAmB,IAAI,KAA+B;AAE5D,SAAgB,eACd,QACA,SACkB;CAClB,MAAM,MAAM,YAAY,QAAQ,QAAQ;CACxC,IAAI,QAAQ,iBAAiB,IAAI,IAAI;AACrC,KAAI,CAAC,OAAO;AACV,UAAQ,IAAI,KAAK,YAAY,QAAQ,QAAQ;AAC7C,mBAAiB,IAAI,KAAK,MAAM;;AAElC,QAAO;;AAIT,MAAM,0CAA0B,IAAI,KAAsC;AAE1E,SAAgB,sBACd,QACA,SACyB;CACzB,MAAM,MAAM,YAAY,QAAQ,QAAQ;CACxC,IAAI,YAAY,wBAAwB,IAAI,IAAI;AAChD,KAAI,CAAC,WAAW;AACd,cAAY,IAAI,KAAK,mBAAmB,QAAQ,QAAQ;AACxD,0BAAwB,IAAI,KAAK,UAAU;;AAE7C,QAAO;;AAIT,MAAM,oCAAoB,IAAI,KAAgC;AAE9D,SAAgB,gBACd,QACA,SACmB;CACnB,MAAM,MAAM,YAAY,QAAQ,QAAQ;CACxC,IAAI,eAAe,kBAAkB,IAAI,IAAI;AAC7C,KAAI,CAAC,cAAc;AACjB,iBAAe,IAAI,KAAK,aAAa,CAAC,OAAO,EAAE,QAAQ;AACvD,oBAAkB,IAAI,KAAK,aAAa;;AAE1C,QAAO"}

package/dist/client/i18n/messages.mjs

@@ -0,0 +1,7 @@
+//#region src/client/i18n/messages.ts
+/** @deprecated Bundled messages removed. Use server-fetched translations. */
+const adminMessages = {};
+
+//#endregion
+export { adminMessages };
+//# sourceMappingURL=messages.mjs.map

package/dist/client/i18n/messages.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.mjs","names":["adminMessages: SimpleMessages"],"sources":["../../../src/client/i18n/messages.ts"],"sourcesContent":["import type { SimpleMessages } from \"./simple\";\n\n/** @deprecated Bundled messages removed. Use server-fetched translations. */\nexport const adminMessages: SimpleMessages = {};\n"],"mappings":";;AAGA,MAAaA,gBAAgC,EAAE"}

package/dist/client/i18n/simple.d.mts

@@ -0,0 +1,22 @@
+import "./types.mjs";
+
+//#region src/client/i18n/simple.d.ts
+
+/**
+ * Simple messages format
+ */
+type SimpleMessages = Record<string, string | PluralMessages>;
+/**
+ * Plural messages (using Intl.PluralRules categories)
+ */
+type PluralMessages = {
+  zero?: string;
+  one: string;
+  two?: string;
+  few?: string;
+  many?: string;
+  other: string;
+};
+//#endregion
+export { SimpleMessages };
+//# sourceMappingURL=simple.d.mts.map

package/dist/client/i18n/simple.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple.d.mts","names":[],"sources":["../../../src/client/i18n/simple.ts"],"sourcesContent":[],"mappings":";;;;;;;KA6BY,cAAA,GAAiB,wBAAwB;;;;KAKzC,cAAA"}