@semiont/react-ui 0.5.25 → 0.5.27

package/dist/{chunk-TG2XQEC4.js → chunk-BTUG3VJJ.js}

@@ -1,10 +1,6 @@
 'use client';
 import {
-  en_default
-} from "./chunk-NH6L2GIL.js";
-import {
-  __commonJS,
-  __glob
+  __commonJS
 } from "./chunk-O23TLLXW.js";
 
 // ../../node_modules/rxjs/dist/cjs/internal/util/isFunction.js
@@ -9490,290 +9486,18 @@ function useSemiont() {
   return ctx;
 }
 
-// src/contexts/TranslationContext.tsx
-import { createContext as createContext3, useContext as useContext3, useState as useState2, useEffect, useMemo as useMemo2 } from "react";
-import { Fragment, jsx as jsx3 } from "react/jsx-runtime";
-
-// import("../../translations/**/*.json") in src/contexts/TranslationContext.tsx
-var globImport_translations_json = __glob({
-  "../../translations/ar.json": () => import("./ar-CULRHLNG.js"),
-  "../../translations/bn.json": () => import("./bn-HYR7CEL2.js"),
-  "../../translations/cs.json": () => import("./cs-YBRWY7NH.js"),
-  "../../translations/da.json": () => import("./da-PHDEOBV3.js"),
-  "../../translations/de.json": () => import("./de-O4UCCVLJ.js"),
-  "../../translations/el.json": () => import("./el-MVGO6WZV.js"),
-  "../../translations/en.json": () => import("./en-2KQILFKQ.js"),
-  "../../translations/es.json": () => import("./es-USSLXQY7.js"),
-  "../../translations/fa.json": () => import("./fa-WMAREFWY.js"),
-  "../../translations/fi.json": () => import("./fi-B3NBNOTS.js"),
-  "../../translations/fr.json": () => import("./fr-TXYK5T5W.js"),
-  "../../translations/he.json": () => import("./he-JCJACW5D.js"),
-  "../../translations/hi.json": () => import("./hi-VOQLZNJU.js"),
-  "../../translations/id.json": () => import("./id-BFN5RZNZ.js"),
-  "../../translations/it.json": () => import("./it-TWWDHKKM.js"),
-  "../../translations/ja.json": () => import("./ja-YRQLEBFM.js"),
-  "../../translations/ko.json": () => import("./ko-PG6B3CRB.js"),
-  "../../translations/ms.json": () => import("./ms-7EZECVKM.js"),
-  "../../translations/nl.json": () => import("./nl-HP753YAP.js"),
-  "../../translations/no.json": () => import("./no-JUD5WX3N.js"),
-  "../../translations/pl.json": () => import("./pl-RVUL4CBM.js"),
-  "../../translations/pt.json": () => import("./pt-RPOVD4QM.js"),
-  "../../translations/ro.json": () => import("./ro-DMYWQTRD.js"),
-  "../../translations/sv.json": () => import("./sv-DMZ4FGXD.js"),
-  "../../translations/th.json": () => import("./th-4HVBJBQ2.js"),
-  "../../translations/tr.json": () => import("./tr-6BDPU5ML.js"),
-  "../../translations/uk.json": () => import("./uk-TBZBT2TL.js"),
-  "../../translations/vi.json": () => import("./vi-UMKZKZL3.js"),
-  "../../translations/zh.json": () => import("./zh-YBJWJJYB.js")
-});
-
-// src/contexts/TranslationContext.tsx
-var TranslationContext = createContext3(null);
-var translationCache = /* @__PURE__ */ new Map();
-function processPluralFormat(text, params) {
-  const pluralMatch = text.match(/\{(\w+),\s*plural,\s*/);
-  if (!pluralMatch) {
-    return text;
-  }
-  const paramName = pluralMatch[1];
-  const count = params[paramName];
-  if (count === void 0) {
-    return text;
-  }
-  let startPos = pluralMatch[0].length;
-  let braceCount = 1;
-  let endPos = startPos;
-  for (let i = startPos; i < text.length; i++) {
-    if (text[i] === "{") braceCount++;
-    else if (text[i] === "}") {
-      braceCount--;
-      if (braceCount === 0) {
-        endPos = i;
-        break;
-      }
-    }
-  }
-  const pluralCases = text.substring(startPos, endPos);
-  const cases = {};
-  const caseRegex = /(?:=(\d+)|(\w+))\s*\{([^}]+)\}/g;
-  let caseMatch;
-  while ((caseMatch = caseRegex.exec(pluralCases)) !== null) {
-    const [, exactNumber, keyword, textContent] = caseMatch;
-    const key = exactNumber !== void 0 ? `=${exactNumber}` : keyword;
-    cases[key] = textContent;
-  }
-  const exactMatch = cases[`=${count}`];
-  if (exactMatch !== void 0) {
-    const result = exactMatch.replace(/#/g, String(count));
-    return text.substring(0, pluralMatch.index) + result + text.substring(endPos + 1);
-  }
-  const otherCase = cases["other"];
-  if (otherCase !== void 0) {
-    const result = otherCase.replace(/#/g, String(count));
-    return text.substring(0, pluralMatch.index) + result + text.substring(endPos + 1);
-  }
-  return text;
-}
-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;
-      result = processPluralFormat(result, params);
-      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] = useState2(null);
-  const [isLoading, setIsLoading] = useState2(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 = useMemo2(() => {
-    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;
-          result = processPluralFormat(result, params);
-          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__ */ jsx3(TranslationContext.Provider, { value: translationManager, children });
-  }
-  if (locale && isLoading) {
-    return /* @__PURE__ */ jsx3(Fragment, { children: loadingComponent });
-  }
-  if (locale && localeManager) {
-    return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: localeManager, children });
-  }
-  return /* @__PURE__ */ jsx3(TranslationContext.Provider, { value: defaultTranslationManager, children });
-}
-function useTranslations(namespace) {
-  const context = useContext3(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;
-        result = processPluralFormat(result, params);
-        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 React, { useEffect as useEffect2, useState as useState3 } from "react";
+import React, { useEffect, useState as useState2 } from "react";
 import { createPortal } from "react-dom";
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
 var icons = {
-  success: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
-  error: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
-  warning: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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__ */ jsx4("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("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" }) })
+  success: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }),
+  error: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }),
+  warning: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("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__ */ jsx3("svg", { className: "semiont-toast-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("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" }) })
 };
 function Toast({ toast, onClose }) {
-  useEffect2(() => {
+  useEffect(() => {
     const timer = setTimeout(() => {
       onClose(toast.id);
     }, toast.duration || 3e3);
@@ -9786,15 +9510,15 @@ function Toast({ toast, onClose }) {
       "data-variant": toast.type,
       role: "alert",
       children: [
-        /* @__PURE__ */ jsx4("div", { className: "semiont-toast-icon-wrapper", children: icons[toast.type] }),
-        /* @__PURE__ */ jsx4("p", { className: "semiont-toast-message", children: toast.message }),
-        /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("div", { className: "semiont-toast-icon-wrapper", children: icons[toast.type] }),
+        /* @__PURE__ */ jsx3("p", { className: "semiont-toast-message", children: toast.message }),
+        /* @__PURE__ */ jsx3(
           "button",
           {
             onClick: () => onClose(toast.id),
             className: "semiont-toast-close",
             "aria-label": "Close",
-            children: /* @__PURE__ */ jsx4("svg", { className: "semiont-toast-close-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+            children: /* @__PURE__ */ jsx3("svg", { className: "semiont-toast-close-icon", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx3("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
           }
         )
       ]
@@ -9802,20 +9526,20 @@ function Toast({ toast, onClose }) {
   );
 }
 function ToastContainer({ toasts, onClose }) {
-  const [mounted, setMounted] = useState3(false);
-  useEffect2(() => {
+  const [mounted, setMounted] = useState2(false);
+  useEffect(() => {
     setMounted(true);
     return () => setMounted(false);
   }, []);
   if (!mounted) return null;
   return createPortal(
-    /* @__PURE__ */ jsx4("div", { className: "semiont-toast-container", children: toasts.map((toast) => /* @__PURE__ */ jsx4(Toast, { toast, onClose }, toast.id)) }),
+    /* @__PURE__ */ jsx3("div", { className: "semiont-toast-container", children: toasts.map((toast) => /* @__PURE__ */ jsx3(Toast, { toast, onClose }, toast.id)) }),
     document.body
   );
 }
 var ToastContext = React.createContext(void 0);
 function ToastProvider({ children }) {
-  const [toasts, setToasts] = useState3([]);
+  const [toasts, setToasts] = useState2([]);
   const showToast = React.useCallback((message, type = "info", duration) => {
     const id = Date.now().toString();
     const newToast = duration !== void 0 ? { id, message, type, duration } : { id, message, type };
@@ -9834,7 +9558,7 @@ function ToastProvider({ children }) {
   );
   return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: contextValue, children: [
     children,
-    /* @__PURE__ */ jsx4(ToastContainer, { toasts, onClose: handleClose })
+    /* @__PURE__ */ jsx3(ToastContainer, { toasts, onClose: handleClose })
   ] });
 }
 function useToast() {
@@ -9851,10 +9575,6 @@ export {
   WebBrowserStorage,
   SemiontProvider,
   useSemiont,
-  AVAILABLE_LOCALES,
-  TranslationProvider,
-  useTranslations,
-  usePreloadTranslations,
   ToastContainer,
   ToastProvider,
   useToast,
@@ -9973,4 +9693,4 @@ export {
   require_zipWith,
   require_cjs
 };
-//# sourceMappingURL=chunk-TG2XQEC4.js.map
+//# sourceMappingURL=chunk-BTUG3VJJ.js.map