@semiont/react-ui 0.2.28-build.40

package/dist/chunk-W6E2UESX.mjs

@@ -0,0 +1,387 @@
+'use client';
+import {
+  en_default
+} from "./chunk-BHAP6MVA.mjs";
+import {
+  __glob
+} from "./chunk-3JTO27MH.mjs";
+
+// src/contexts/ApiClientContext.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var ApiClientContext = createContext(null);
+function ApiClientProvider({
+  apiClientManager,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ApiClientContext.Provider, { value: apiClientManager, children });
+}
+function useApiClient() {
+  const context = useContext(ApiClientContext);
+  if (!context) {
+    throw new Error("useApiClient must be used within an ApiClientProvider");
+  }
+  return context.client;
+}
+
+// src/contexts/SessionContext.tsx
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SessionContext = createContext2(null);
+function SessionProvider({
+  sessionManager,
+  children
+}) {
+  return /* @__PURE__ */ jsx2(SessionContext.Provider, { value: sessionManager, children });
+}
+function useSessionContext() {
+  const context = useContext2(SessionContext);
+  if (!context) {
+    throw new Error("useSessionContext must be used within SessionProvider");
+  }
+  return context;
+}
+
+// src/contexts/OpenResourcesContext.tsx
+import { createContext as createContext3, useContext as useContext3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var OpenResourcesContext = createContext3(void 0);
+function OpenResourcesProvider({
+  openResourcesManager,
+  children
+}) {
+  return /* @__PURE__ */ jsx3(OpenResourcesContext.Provider, { value: openResourcesManager, children });
+}
+function useOpenResources() {
+  const context = useContext3(OpenResourcesContext);
+  if (context === void 0) {
+    throw new Error("useOpenResources must be used within an OpenResourcesProvider");
+  }
+  return context;
+}
+
+// src/contexts/TranslationContext.tsx
+import { createContext as createContext4, useContext as useContext4, useState, useEffect, useMemo } from "react";
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+
+// import("../../translations/**/*.json") in src/contexts/TranslationContext.tsx
+var globImport_translations_json = __glob({
+  "../../translations/ar.json": () => import("./ar-TQSFB35U.mjs"),
+  "../../translations/bn.json": () => import("./bn-525U24T3.mjs"),
+  "../../translations/cs.json": () => import("./cs-OYWTGLFM.mjs"),
+  "../../translations/da.json": () => import("./da-BDXG2ITK.mjs"),
+  "../../translations/de.json": () => import("./de-NB5JLMES.mjs"),
+  "../../translations/el.json": () => import("./el-3SVXEAJI.mjs"),
+  "../../translations/en.json": () => import("./en-DVB4OE2R.mjs"),
+  "../../translations/es.json": () => import("./es-YBOFA3W5.mjs"),
+  "../../translations/fa.json": () => import("./fa-7MU36AMY.mjs"),
+  "../../translations/fi.json": () => import("./fi-PQKJB32G.mjs"),
+  "../../translations/fr.json": () => import("./fr-U4HK5GM6.mjs"),
+  "../../translations/he.json": () => import("./he-F5MNZHAL.mjs"),
+  "../../translations/hi.json": () => import("./hi-2PHI37ZX.mjs"),
+  "../../translations/id.json": () => import("./id-JPRBNCGS.mjs"),
+  "../../translations/it.json": () => import("./it-MRLWI5OS.mjs"),
+  "../../translations/ja.json": () => import("./ja-YQ6RPI2T.mjs"),
+  "../../translations/ko.json": () => import("./ko-DUAVCEXX.mjs"),
+  "../../translations/ms.json": () => import("./ms-FBHSR4PG.mjs"),
+  "../../translations/nl.json": () => import("./nl-IC2MPZXN.mjs"),
+  "../../translations/no.json": () => import("./no-LLD43NRM.mjs"),
+  "../../translations/pl.json": () => import("./pl-DDOJBR4D.mjs"),
+  "../../translations/pt.json": () => import("./pt-7TFHQRRN.mjs"),
+  "../../translations/ro.json": () => import("./ro-P4PJEGDU.mjs"),
+  "../../translations/sv.json": () => import("./sv-LF3VEQD2.mjs"),
+  "../../translations/th.json": () => import("./th-YUQAOFXF.mjs"),
+  "../../translations/tr.json": () => import("./tr-CSIGLMJC.mjs"),
+  "../../translations/uk.json": () => import("./uk-LW3QBKSR.mjs"),
+  "../../translations/vi.json": () => import("./vi-W464Y6ZC.mjs"),
+  "../../translations/zh.json": () => import("./zh-R5XLM3EI.mjs")
+});
+
+// src/contexts/TranslationContext.tsx
+var TranslationContext = createContext4(null);
+var translationCache = /* @__PURE__ */ new Map();
+var AVAILABLE_LOCALES = [
+  "ar",
+  // Arabic
+  "bn",
+  // Bengali
+  "cs",
+  // Czech
+  "da",
+  // Danish
+  "de",
+  // German
+  "el",
+  // Greek
+  "en",
+  // English
+  "es",
+  // Spanish
+  "fa",
+  // Persian/Farsi
+  "fi",
+  // Finnish
+  "fr",
+  // French
+  "he",
+  // Hebrew
+  "hi",
+  // Hindi
+  "id",
+  // Indonesian
+  "it",
+  // Italian
+  "ja",
+  // Japanese
+  "ko",
+  // Korean
+  "ms",
+  // Malay
+  "nl",
+  // Dutch
+  "no",
+  // Norwegian
+  "pl",
+  // Polish
+  "pt",
+  // Portuguese
+  "ro",
+  // Romanian
+  "sv",
+  // Swedish
+  "th",
+  // Thai
+  "tr",
+  // Turkish
+  "uk",
+  // Ukrainian
+  "vi",
+  // Vietnamese
+  "zh"
+  // Chinese
+];
+async function loadTranslations(locale) {
+  if (translationCache.has(locale)) {
+    return translationCache.get(locale);
+  }
+  if (locale === "en") {
+    translationCache.set("en", en_default);
+    return en_default;
+  }
+  try {
+    const translations = await globImport_translations_json(`../../translations/${locale}.json`);
+    const translationData = translations.default || translations;
+    translationCache.set(locale, translationData);
+    return translationData;
+  } catch (error) {
+    console.error(`Failed to load translations for locale: ${locale}`, error);
+    return en_default;
+  }
+}
+var defaultTranslationManager = {
+  t: (namespace, key, params) => {
+    const translations = en_default;
+    const translation = translations[namespace]?.[key];
+    if (!translation) {
+      console.warn(`Translation not found for ${namespace}.${key}`);
+      return `${namespace}.${key}`;
+    }
+    if (params && typeof translation === "string") {
+      let result = translation;
+      Object.entries(params).forEach(([paramKey, paramValue]) => {
+        result = result.replace(new RegExp(`\\{${paramKey}\\}`, "g"), String(paramValue));
+      });
+      return result;
+    }
+    return translation;
+  }
+};
+function TranslationProvider({
+  translationManager,
+  locale,
+  loadingComponent = null,
+  children
+}) {
+  const [loadedTranslations, setLoadedTranslations] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  useEffect(() => {
+    if (locale && !translationManager) {
+      setIsLoading(true);
+      loadTranslations(locale).then((translations) => {
+        setLoadedTranslations(translations);
+        setIsLoading(false);
+      }).catch((error) => {
+        console.error("Failed to load translations:", error);
+        setLoadedTranslations(en_default);
+        setIsLoading(false);
+      });
+    }
+  }, [locale, translationManager]);
+  const localeManager = useMemo(() => {
+    if (!loadedTranslations) return null;
+    return {
+      t: (namespace, key, params) => {
+        const translation = loadedTranslations[namespace]?.[key];
+        if (!translation) {
+          console.warn(`Translation not found for ${namespace}.${key} in locale ${locale}`);
+          return `${namespace}.${key}`;
+        }
+        if (params && typeof translation === "string") {
+          let result = translation;
+          Object.entries(params).forEach(([paramKey, paramValue]) => {
+            result = result.replace(new RegExp(`\\{${paramKey}\\}`, "g"), String(paramValue));
+          });
+          return result;
+        }
+        return translation;
+      }
+    };
+  }, [loadedTranslations, locale]);
+  if (translationManager) {
+    return /* @__PURE__ */ jsx4(TranslationContext.Provider, { value: translationManager, children });
+  }
+  if (locale && isLoading) {
+    return /* @__PURE__ */ jsx4(Fragment, { children: loadingComponent });
+  }
+  if (locale && localeManager) {
+    return /* @__PURE__ */ jsx4(TranslationContext.Provider, { value: localeManager, children });
+  }
+  return /* @__PURE__ */ jsx4(TranslationContext.Provider, { value: defaultTranslationManager, children });
+}
+function useTranslations(namespace) {
+  const context = useContext4(TranslationContext);
+  if (!context) {
+    return (key, params) => {
+      const translations = en_default;
+      const translation = translations[namespace]?.[key];
+      if (!translation) {
+        console.warn(`Translation not found for ${namespace}.${key}`);
+        return `${namespace}.${key}`;
+      }
+      if (params && typeof translation === "string") {
+        let result = translation;
+        Object.entries(params).forEach(([paramKey, paramValue]) => {
+          result = result.replace(new RegExp(`\\{${paramKey}\\}`, "g"), String(paramValue));
+        });
+        return result;
+      }
+      return translation;
+    };
+  }
+  return (key, params) => context.t(namespace, key, params);
+}
+function usePreloadTranslations() {
+  return {
+    preload: async (locale) => {
+      try {
+        await loadTranslations(locale);
+        return true;
+      } catch (error) {
+        console.error(`Failed to preload translations for ${locale}:`, error);
+        return false;
+      }
+    },
+    isLoaded: (locale) => translationCache.has(locale)
+  };
+}
+
+// src/components/Toast.tsx
+import React4, { useEffect as useEffect2, useState as useState2 } from "react";
+import { createPortal } from "react-dom";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
+var icons = {
+  success: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+  warning: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }),
+  info: /* @__PURE__ */ jsx5("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })
+};
+var styles = {
+  success: "bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-200 border-green-200 dark:border-green-800",
+  error: "bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-200 border-red-200 dark:border-red-800",
+  warning: "bg-yellow-50 dark:bg-yellow-900/20 text-yellow-800 dark:text-yellow-200 border-yellow-200 dark:border-yellow-800",
+  info: "bg-blue-50 dark:bg-blue-900/20 text-blue-800 dark:text-blue-200 border-blue-200 dark:border-blue-800"
+};
+function Toast({ toast, onClose }) {
+  useEffect2(() => {
+    const timer = setTimeout(() => {
+      onClose(toast.id);
+    }, toast.duration || 3e3);
+    return () => clearTimeout(timer);
+  }, [toast, onClose]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `flex items-center gap-3 px-4 py-3 rounded-lg border shadow-lg transition-all duration-300 transform ${styles[toast.type]}`,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx5("div", { className: "flex-shrink-0", children: icons[toast.type] }),
+        /* @__PURE__ */ jsx5("p", { className: "text-sm font-medium", children: toast.message }),
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            onClick: () => onClose(toast.id),
+            className: "ml-auto flex-shrink-0 hover:opacity-70 transition-opacity",
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx5("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx5("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+          }
+        )
+      ]
+    }
+  );
+}
+function ToastContainer({ toasts, onClose }) {
+  const [mounted, setMounted] = useState2(false);
+  useEffect2(() => {
+    setMounted(true);
+    return () => setMounted(false);
+  }, []);
+  if (!mounted) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx5("div", { className: "fixed top-4 right-4 z-50 space-y-2 max-w-sm", children: toasts.map((toast) => /* @__PURE__ */ jsx5(Toast, { toast, onClose }, toast.id)) }),
+    document.body
+  );
+}
+var ToastContext = React4.createContext(void 0);
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState2([]);
+  const showToast = (message, type = "info", duration) => {
+    const id = Date.now().toString();
+    const newToast = duration !== void 0 ? { id, message, type, duration } : { id, message, type };
+    setToasts((prev) => [...prev, newToast]);
+  };
+  const showSuccess = (message, duration) => showToast(message, "success", duration);
+  const showError = (message, duration) => showToast(message, "error", duration);
+  const showWarning = (message, duration) => showToast(message, "warning", duration);
+  const showInfo = (message, duration) => showToast(message, "info", duration);
+  const handleClose = (id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  };
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: { showToast, showSuccess, showError, showWarning, showInfo }, children: [
+    children,
+    /* @__PURE__ */ jsx5(ToastContainer, { toasts, onClose: handleClose })
+  ] });
+}
+function useToast() {
+  const context = React4.useContext(ToastContext);
+  if (context === void 0) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+}
+
+export {
+  ApiClientProvider,
+  useApiClient,
+  SessionProvider,
+  useSessionContext,
+  OpenResourcesProvider,
+  useOpenResources,
+  AVAILABLE_LOCALES,
+  TranslationProvider,
+  useTranslations,
+  usePreloadTranslations,
+  ToastContainer,
+  ToastProvider,
+  useToast
+};
+//# sourceMappingURL=chunk-W6E2UESX.mjs.map

package/dist/chunk-W6E2UESX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/ApiClientContext.tsx","../src/contexts/SessionContext.tsx","../src/contexts/OpenResourcesContext.tsx","../src/contexts/TranslationContext.tsx","../src/components/Toast.tsx"],"sourcesContent":["'use client';\n\nimport React, { createContext, useContext, ReactNode } from 'react';\nimport type { ApiClientManager } from '../types/ApiClientManager';\n\nconst ApiClientContext = createContext<ApiClientManager | null>(null);\n\nexport interface ApiClientProviderProps {\n  apiClientManager: ApiClientManager;\n  children: ReactNode;\n}\n\n/**\n * Provider for API client management\n * Apps must provide an ApiClientManager implementation\n */\nexport function ApiClientProvider({\n  apiClientManager,\n  children,\n}: ApiClientProviderProps) {\n  return (\n    <ApiClientContext.Provider value={apiClientManager}>\n      {children}\n    </ApiClientContext.Provider>\n  );\n}\n\n/**\n * Hook to access the API client\n * Must be used within an ApiClientProvider\n * @returns API client instance (null if not authenticated)\n */\nexport function useApiClient() {\n  const context = useContext(ApiClientContext);\n\n  if (!context) {\n    throw new Error('useApiClient must be used within an ApiClientProvider');\n  }\n\n  return context.client;\n}\n","'use client';\n\nimport { createContext, useContext, ReactNode } from 'react';\nimport type { SessionManager } from '../types/SessionManager';\n\nconst SessionContext = createContext<SessionManager | null>(null);\n\n/**\n * Provider Pattern: Accepts SessionManager implementation as prop\n * and makes it available to child components via Context.\n *\n * Apps provide their own implementation (next-auth, custom auth, etc.)\n * and pass it to this provider at the root level.\n *\n * @example\n * ```tsx\n * // In app root\n * const sessionManager = useSessionManager(); // App's implementation\n *\n * <SessionProvider sessionManager={sessionManager}>\n *   <App />\n * </SessionProvider>\n * ```\n */\nexport function SessionProvider({\n  sessionManager,\n  children\n}: {\n  sessionManager: SessionManager;\n  children: ReactNode;\n}) {\n  return (\n    <SessionContext.Provider value={sessionManager}>\n      {children}\n    </SessionContext.Provider>\n  );\n}\n\n/**\n * Hook to access SessionManager from Context\n * Components use this hook to access session state and expiry information\n */\nexport function useSessionContext() {\n  const context = useContext(SessionContext);\n  if (!context) {\n    throw new Error('useSessionContext must be used within SessionProvider');\n  }\n  return context;\n}","'use client';\n\nimport React, { createContext, useContext } from 'react';\nimport type { OpenResourcesManager } from '../types/OpenResourcesManager';\n\nconst OpenResourcesContext = createContext<OpenResourcesManager | undefined>(undefined);\n\n/**\n * Provider Pattern: Accepts OpenResourcesManager implementation as prop\n * and makes it available to child components via Context.\n *\n * Apps provide their own implementation (localStorage, sessionStorage, database, etc.)\n * and pass it to this provider at the root level.\n *\n * @example\n * ```tsx\n * // In app root\n * const openResourcesManager = useOpenResourcesManager(); // App's implementation\n *\n * <OpenResourcesProvider openResourcesManager={openResourcesManager}>\n *   <App />\n * </OpenResourcesProvider>\n * ```\n */\nexport function OpenResourcesProvider({\n  openResourcesManager,\n  children\n}: {\n  openResourcesManager: OpenResourcesManager;\n  children: React.ReactNode;\n}) {\n  return (\n    <OpenResourcesContext.Provider value={openResourcesManager}>\n      {children}\n    </OpenResourcesContext.Provider>\n  );\n}\n\n/**\n * Hook to access OpenResourcesManager from Context\n * Components use this hook to access open resources functionality\n */\nexport function useOpenResources(): OpenResourcesManager {\n  const context = useContext(OpenResourcesContext);\n  if (context === undefined) {\n    throw new Error('useOpenResources must be used within an OpenResourcesProvider');\n  }\n  return context;\n}","'use client';\n\nimport React, { createContext, useContext, ReactNode, useState, useEffect, useMemo } from 'react';\nimport type { TranslationManager } from '../types/TranslationManager';\n\n// Static import for default English only - always needed as fallback\nimport enTranslations from '../../translations/en.json';\n\nconst TranslationContext = createContext<TranslationManager | null>(null);\n\n// Cache for dynamically loaded translations\nconst translationCache = new Map<string, any>();\n\n// List of available locales (can be extended without importing all files)\nexport const AVAILABLE_LOCALES = [\n  'ar', // Arabic\n  'bn', // Bengali\n  'cs', // Czech\n  'da', // Danish\n  'de', // German\n  'el', // Greek\n  'en', // English\n  'es', // Spanish\n  'fa', // Persian/Farsi\n  'fi', // Finnish\n  'fr', // French\n  'he', // Hebrew\n  'hi', // Hindi\n  'id', // Indonesian\n  'it', // Italian\n  'ja', // Japanese\n  'ko', // Korean\n  'ms', // Malay\n  'nl', // Dutch\n  'no', // Norwegian\n  'pl', // Polish\n  'pt', // Portuguese\n  'ro', // Romanian\n  'sv', // Swedish\n  'th', // Thai\n  'tr', // Turkish\n  'uk', // Ukrainian\n  'vi', // Vietnamese\n  'zh', // Chinese\n] as const;\nexport type AvailableLocale = typeof AVAILABLE_LOCALES[number];\n\n// Lazy load translations for a specific locale\nasync function loadTranslations(locale: string): Promise<any> {\n  // Check cache first\n  if (translationCache.has(locale)) {\n    return translationCache.get(locale);\n  }\n\n  // English is already loaded statically\n  if (locale === 'en') {\n    translationCache.set('en', enTranslations);\n    return enTranslations;\n  }\n\n  try {\n    // Dynamic import for all other locales\n    const translations = await import(`../../translations/${locale}.json`);\n    const translationData = translations.default || translations;\n    translationCache.set(locale, translationData);\n    return translationData;\n  } catch (error) {\n    console.error(`Failed to load translations for locale: ${locale}`, error);\n    // Fall back to English\n    return enTranslations;\n  }\n}\n\n// Default English translation manager (using static import)\nconst defaultTranslationManager: TranslationManager = {\n  t: (namespace: string, key: string, params?: Record<string, any>) => {\n    const translations = enTranslations as Record<string, Record<string, string>>;\n    const translation = translations[namespace]?.[key];\n\n    if (!translation) {\n      console.warn(`Translation not found for ${namespace}.${key}`);\n      return `${namespace}.${key}`;\n    }\n\n    // Handle parameter interpolation\n    if (params && typeof translation === 'string') {\n      let result = translation;\n      Object.entries(params).forEach(([paramKey, paramValue]) => {\n        result = result.replace(new RegExp(`\\\\{${paramKey}\\\\}`, 'g'), String(paramValue));\n      });\n      return result;\n    }\n\n    return translation;\n  },\n};\n\nexport interface TranslationProviderProps {\n  /**\n   * Option 1: Provide a complete TranslationManager implementation\n   */\n  translationManager?: TranslationManager;\n\n  /**\n   * Option 2: Use built-in translations by specifying a locale\n   * When adding new locales, just add the JSON file and update AVAILABLE_LOCALES\n   */\n  locale?: string;\n\n  /**\n   * Loading component to show while translations are being loaded\n   * Only relevant when using dynamic locale loading\n   */\n  loadingComponent?: ReactNode;\n\n  children: ReactNode;\n}\n\n/**\n * Provider for translation management with dynamic loading\n *\n * Three modes of operation:\n * 1. No provider: Components use default English strings\n * 2. With locale prop: Dynamically loads translations for that locale\n * 3. With translationManager: Use custom translation implementation\n */\nexport function TranslationProvider({\n  translationManager,\n  locale,\n  loadingComponent = null,\n  children,\n}: TranslationProviderProps) {\n  const [loadedTranslations, setLoadedTranslations] = useState<any>(null);\n  const [isLoading, setIsLoading] = useState(false);\n\n  // Load translations when locale changes\n  useEffect(() => {\n    if (locale && !translationManager) {\n      setIsLoading(true);\n      loadTranslations(locale)\n        .then(translations => {\n          setLoadedTranslations(translations);\n          setIsLoading(false);\n        })\n        .catch(error => {\n          console.error('Failed to load translations:', error);\n          setLoadedTranslations(enTranslations); // Fall back to English\n          setIsLoading(false);\n        });\n    }\n  }, [locale, translationManager]);\n\n  // Create translation manager from loaded translations\n  const localeManager = useMemo<TranslationManager | null>(() => {\n    if (!loadedTranslations) return null;\n\n    return {\n      t: (namespace: string, key: string, params?: Record<string, any>) => {\n        const translation = loadedTranslations[namespace]?.[key];\n\n        if (!translation) {\n          console.warn(`Translation not found for ${namespace}.${key} in locale ${locale}`);\n          return `${namespace}.${key}`;\n        }\n\n        // Handle parameter interpolation\n        if (params && typeof translation === 'string') {\n          let result = translation;\n          Object.entries(params).forEach(([paramKey, paramValue]) => {\n            result = result.replace(new RegExp(`\\\\{${paramKey}\\\\}`, 'g'), String(paramValue));\n          });\n          return result;\n        }\n\n        return translation;\n      },\n    };\n  }, [loadedTranslations, locale]);\n\n  // If custom translation manager provided, use it\n  if (translationManager) {\n    return (\n      <TranslationContext.Provider value={translationManager}>\n        {children}\n      </TranslationContext.Provider>\n    );\n  }\n\n  // If locale provided and still loading, show loading component\n  if (locale && isLoading) {\n    return <>{loadingComponent}</>;\n  }\n\n  // If locale provided and translations loaded, use them\n  if (locale && localeManager) {\n    return (\n      <TranslationContext.Provider value={localeManager}>\n        {children}\n      </TranslationContext.Provider>\n    );\n  }\n\n  // Default: use English translations\n  return (\n    <TranslationContext.Provider value={defaultTranslationManager}>\n      {children}\n    </TranslationContext.Provider>\n  );\n}\n\n/**\n * Hook to access translations within a namespace\n *\n * Works in three modes:\n * 1. Without provider: Returns default English translations\n * 2. With provider using locale: Returns dynamically loaded translations for that locale\n * 3. With custom provider: Uses the custom translation manager\n *\n * @param namespace - Translation namespace (e.g., 'Toolbar', 'ResourceViewer')\n * @returns Function to translate keys within the namespace\n */\nexport function useTranslations(namespace: string) {\n  const context = useContext(TranslationContext);\n\n  // If no context (no provider), use default English translations\n  if (!context) {\n    return (key: string, params?: Record<string, any>) => {\n      const translations = enTranslations as Record<string, Record<string, string>>;\n      const translation = translations[namespace]?.[key];\n\n      if (!translation) {\n        console.warn(`Translation not found for ${namespace}.${key}`);\n        return `${namespace}.${key}`;\n      }\n\n      // Handle parameter interpolation\n      if (params && typeof translation === 'string') {\n        let result = translation;\n        Object.entries(params).forEach(([paramKey, paramValue]) => {\n          result = result.replace(new RegExp(`\\\\{${paramKey}\\\\}`, 'g'), String(paramValue));\n        });\n        return result;\n      }\n\n      return translation;\n    };\n  }\n\n  // Return a function that translates keys within this namespace\n  return (key: string, params?: Record<string, any>) => context.t(namespace, key, params);\n}\n\n/**\n * Hook to preload translations for a locale\n * Useful for preloading translations before navigation\n */\nexport function usePreloadTranslations() {\n  return {\n    preload: async (locale: string) => {\n      try {\n        await loadTranslations(locale);\n        return true;\n      } catch (error) {\n        console.error(`Failed to preload translations for ${locale}:`, error);\n        return false;\n      }\n    },\n    isLoaded: (locale: string) => translationCache.has(locale),\n  };\n}","'use client';\n\nimport React, { useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nexport type ToastType = 'success' | 'error' | 'info' | 'warning';\n\nexport interface ToastMessage {\n  id: string;\n  message: string;\n  type: ToastType;\n  duration?: number;\n}\n\ninterface ToastProps {\n  toast: ToastMessage;\n  onClose: (id: string) => void;\n}\n\nconst icons = {\n  success: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 13l4 4L19 7\" />\n    </svg>\n  ),\n  error: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  ),\n  warning: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />\n    </svg>\n  ),\n  info: (\n    <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n    </svg>\n  ),\n};\n\nconst styles = {\n  success: 'bg-green-50 dark:bg-green-900/20 text-green-800 dark:text-green-200 border-green-200 dark:border-green-800',\n  error: 'bg-red-50 dark:bg-red-900/20 text-red-800 dark:text-red-200 border-red-200 dark:border-red-800',\n  warning: 'bg-yellow-50 dark:bg-yellow-900/20 text-yellow-800 dark:text-yellow-200 border-yellow-200 dark:border-yellow-800',\n  info: 'bg-blue-50 dark:bg-blue-900/20 text-blue-800 dark:text-blue-200 border-blue-200 dark:border-blue-800',\n};\n\nfunction Toast({ toast, onClose }: ToastProps) {\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      onClose(toast.id);\n    }, toast.duration || 3000);\n\n    return () => clearTimeout(timer);\n  }, [toast, onClose]);\n\n  return (\n    <div\n      className={`flex items-center gap-3 px-4 py-3 rounded-lg border shadow-lg transition-all duration-300 transform ${styles[toast.type]}`}\n      role=\"alert\"\n    >\n      <div className=\"flex-shrink-0\">{icons[toast.type]}</div>\n      <p className=\"text-sm font-medium\">{toast.message}</p>\n      <button\n        onClick={() => onClose(toast.id)}\n        className=\"ml-auto flex-shrink-0 hover:opacity-70 transition-opacity\"\n        aria-label=\"Close\"\n      >\n        <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n        </svg>\n      </button>\n    </div>\n  );\n}\n\ninterface ToastContainerProps {\n  toasts: ToastMessage[];\n  onClose: (id: string) => void;\n}\n\nexport function ToastContainer({ toasts, onClose }: ToastContainerProps) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n    return () => setMounted(false);\n  }, []);\n\n  if (!mounted) return null;\n\n  return createPortal(\n    <div className=\"fixed top-4 right-4 z-50 space-y-2 max-w-sm\">\n      {toasts.map((toast) => (\n        <Toast key={toast.id} toast={toast} onClose={onClose} />\n      ))}\n    </div>,\n    document.body\n  );\n}\n\n// Toast context and hook for global toast management\ninterface ToastContextType {\n  showToast: (message: string, type?: ToastType, duration?: number) => void;\n  showSuccess: (message: string, duration?: number) => void;\n  showError: (message: string, duration?: number) => void;\n  showWarning: (message: string, duration?: number) => void;\n  showInfo: (message: string, duration?: number) => void;\n}\n\nconst ToastContext = React.createContext<ToastContextType | undefined>(undefined);\n\nexport function ToastProvider({ children }: { children: React.ReactNode }) {\n  const [toasts, setToasts] = useState<ToastMessage[]>([]);\n\n  const showToast = (message: string, type: ToastType = 'info', duration?: number) => {\n    const id = Date.now().toString();\n    const newToast: ToastMessage = duration !== undefined \n      ? { id, message, type, duration }\n      : { id, message, type };\n    setToasts((prev) => [...prev, newToast]);\n  };\n\n  const showSuccess = (message: string, duration?: number) => showToast(message, 'success', duration);\n  const showError = (message: string, duration?: number) => showToast(message, 'error', duration);\n  const showWarning = (message: string, duration?: number) => showToast(message, 'warning', duration);\n  const showInfo = (message: string, duration?: number) => showToast(message, 'info', duration);\n\n  const handleClose = (id: string) => {\n    setToasts((prev) => prev.filter((toast) => toast.id !== id));\n  };\n\n  return (\n    <ToastContext.Provider value={{ showToast, showSuccess, showError, showWarning, showInfo }}>\n      {children}\n      <ToastContainer toasts={toasts} onClose={handleClose} />\n    </ToastContext.Provider>\n  );\n}\n\nexport function useToast() {\n  const context = React.useContext(ToastContext);\n  if (context === undefined) {\n    throw new Error('useToast must be used within a ToastProvider');\n  }\n  return context;\n}"],"mappings":"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","names":["createContext","useContext","jsx","createContext","useContext","jsx","createContext","useContext","jsx","createContext","jsx","useContext","React","useEffect","useState","jsx"]}