@serhii.olishevskyi/docs 0.0.0-stage → 1.0.1

package/dist/index.js

@@ -0,0 +1,4146 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  AIProvider: () => AIProvider,
+  BreadcrumbProvider: () => BreadcrumbProvider,
+  CardForm: () => CardForm,
+  ConfirmationProvider: () => ConfirmationProvider,
+  LocalizationProvider: () => LocalizationProvider,
+  SupabaseProvider: () => SupabaseProvider,
+  ThemeProvider: () => ThemeProvider,
+  ToastProvider: () => ToastProvider,
+  TranslateProvider: () => TranslateProvider,
+  TranslateText: () => TranslateText,
+  TranslationEditProvider: () => TranslationEditProvider,
+  useAI: () => useAI,
+  useAppTheme: () => useAppTheme,
+  useBreadcrumb: () => useBreadcrumb,
+  useConfirmation: () => useConfirmation,
+  useLocalization: () => useLocalization,
+  useSupabase: () => useSupabase,
+  useToast: () => useToast,
+  useTranslationEdit: () => useTranslationEdit,
+  useTranslationNamespace: () => useTranslationNamespace
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/UI/components/inputs/TextfieldComponent.tsx
+var import_react8 = require("react");
+var import_material4 = require("@mui/material");
+var import_Lock = __toESM(require("@mui/icons-material/Lock"));
+var import_ContentCopy = __toESM(require("@mui/icons-material/ContentCopy"));
+var import_Check = __toESM(require("@mui/icons-material/Check"));
+var import_Clear = __toESM(require("@mui/icons-material/Clear"));
+var import_Translate3 = __toESM(require("@mui/icons-material/Translate"));
+
+// src/UI/components/inputs/TranslatableTooltip.tsx
+var import_material = require("@mui/material");
+
+// src/context/TranslationEditProvider.tsx
+var import_react3 = require("react");
+
+// node_modules/i18next/dist/esm/i18next.js
+var isString = (obj) => typeof obj === "string";
+var defer = () => {
+  let res;
+  let rej;
+  const promise = new Promise((resolve, reject) => {
+    res = resolve;
+    rej = reject;
+  });
+  promise.resolve = res;
+  promise.reject = rej;
+  return promise;
+};
+var makeString = (object) => {
+  if (object == null) return "";
+  return String(object);
+};
+var copy = (a, s, t2) => {
+  a.forEach((m) => {
+    if (s[m]) t2[m] = s[m];
+  });
+};
+var lastOfPathSeparatorRegExp = /###/g;
+var cleanKey = (key) => key && key.includes("###") ? key.replace(lastOfPathSeparatorRegExp, ".") : key;
+var canNotTraverseDeeper = (object) => !object || isString(object);
+var getLastOfPath = (object, path, Empty) => {
+  const stack = !isString(path) ? path : path.split(".");
+  let stackIndex = 0;
+  while (stackIndex < stack.length - 1) {
+    if (canNotTraverseDeeper(object)) return {};
+    const key = cleanKey(stack[stackIndex]);
+    if (!object[key] && Empty) object[key] = new Empty();
+    if (Object.prototype.hasOwnProperty.call(object, key)) {
+      object = object[key];
+    } else {
+      object = {};
+    }
+    ++stackIndex;
+  }
+  if (canNotTraverseDeeper(object)) return {};
+  return {
+    obj: object,
+    k: cleanKey(stack[stackIndex])
+  };
+};
+var setPath = (object, path, newValue) => {
+  const {
+    obj,
+    k
+  } = getLastOfPath(object, path, Object);
+  if (obj !== void 0 || path.length === 1) {
+    obj[k] = newValue;
+    return;
+  }
+  let e = path[path.length - 1];
+  let p = path.slice(0, path.length - 1);
+  let last = getLastOfPath(object, p, Object);
+  while (last.obj === void 0 && p.length) {
+    e = `${p[p.length - 1]}.${e}`;
+    p = p.slice(0, p.length - 1);
+    last = getLastOfPath(object, p, Object);
+    if (last?.obj && typeof last.obj[`${last.k}.${e}`] !== "undefined") {
+      last.obj = void 0;
+    }
+  }
+  last.obj[`${last.k}.${e}`] = newValue;
+};
+var pushPath = (object, path, newValue, concat) => {
+  const {
+    obj,
+    k
+  } = getLastOfPath(object, path, Object);
+  obj[k] = obj[k] || [];
+  obj[k].push(newValue);
+};
+var getPath = (object, path) => {
+  const {
+    obj,
+    k
+  } = getLastOfPath(object, path);
+  if (!obj) return void 0;
+  if (!Object.prototype.hasOwnProperty.call(obj, k)) return void 0;
+  return obj[k];
+};
+var getPathWithDefaults = (data, defaultData, key) => {
+  const value = getPath(data, key);
+  if (value !== void 0) {
+    return value;
+  }
+  return getPath(defaultData, key);
+};
+var deepExtend = (target, source, overwrite) => {
+  for (const prop in source) {
+    if (prop !== "__proto__" && prop !== "constructor") {
+      if (Object.prototype.hasOwnProperty.call(target, prop)) {
+        if (isString(target[prop]) || target[prop] instanceof String || isString(source[prop]) || source[prop] instanceof String) {
+          if (overwrite) target[prop] = source[prop];
+        } else {
+          deepExtend(target[prop], source[prop], overwrite);
+        }
+      } else {
+        target[prop] = source[prop];
+      }
+    }
+  }
+  return target;
+};
+var regexEscape = (str) => str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+var _entityMap = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;",
+  "/": "&#x2F;"
+};
+var escape = (data) => {
+  if (isString(data)) {
+    return data.replace(/[&<>"'\/]/g, (s) => _entityMap[s]);
+  }
+  return data;
+};
+var RegExpCache = class {
+  constructor(capacity) {
+    this.capacity = capacity;
+    this.regExpMap = /* @__PURE__ */ new Map();
+    this.regExpQueue = [];
+  }
+  getRegExp(pattern) {
+    const regExpFromCache = this.regExpMap.get(pattern);
+    if (regExpFromCache !== void 0) {
+      return regExpFromCache;
+    }
+    const regExpNew = new RegExp(pattern);
+    if (this.regExpQueue.length === this.capacity) {
+      this.regExpMap.delete(this.regExpQueue.shift());
+    }
+    this.regExpMap.set(pattern, regExpNew);
+    this.regExpQueue.push(pattern);
+    return regExpNew;
+  }
+};
+var chars = [" ", ",", "?", "!", ";"];
+var looksLikeObjectPathRegExpCache = new RegExpCache(20);
+var looksLikeObjectPath = (key, nsSeparator, keySeparator) => {
+  nsSeparator = nsSeparator || "";
+  keySeparator = keySeparator || "";
+  const possibleChars = chars.filter((c) => !nsSeparator.includes(c) && !keySeparator.includes(c));
+  if (possibleChars.length === 0) return true;
+  const r = looksLikeObjectPathRegExpCache.getRegExp(`(${possibleChars.map((c) => c === "?" ? "\\?" : c).join("|")})`);
+  let matched = !r.test(key);
+  if (!matched) {
+    const ki = key.indexOf(keySeparator);
+    if (ki > 0 && !r.test(key.substring(0, ki))) {
+      matched = true;
+    }
+  }
+  return matched;
+};
+var deepFind = (obj, path, keySeparator = ".") => {
+  if (!obj) return void 0;
+  if (obj[path]) {
+    if (!Object.prototype.hasOwnProperty.call(obj, path)) return void 0;
+    return obj[path];
+  }
+  const tokens = path.split(keySeparator);
+  let current = obj;
+  for (let i = 0; i < tokens.length; ) {
+    if (!current || typeof current !== "object") {
+      return void 0;
+    }
+    let next;
+    let nextPath = "";
+    for (let j = i; j < tokens.length; ++j) {
+      if (j !== i) {
+        nextPath += keySeparator;
+      }
+      nextPath += tokens[j];
+      next = current[nextPath];
+      if (next !== void 0) {
+        if (["string", "number", "boolean"].includes(typeof next) && j < tokens.length - 1) {
+          continue;
+        }
+        i += j - i + 1;
+        break;
+      }
+    }
+    current = next;
+  }
+  return current;
+};
+var getCleanedCode = (code) => code?.replace(/_/g, "-");
+var consoleLogger = {
+  type: "logger",
+  log(args) {
+    this.output("log", args);
+  },
+  warn(args) {
+    this.output("warn", args);
+  },
+  error(args) {
+    this.output("error", args);
+  },
+  output(type, args) {
+    console?.[type]?.apply?.(console, args);
+  }
+};
+var Logger = class _Logger {
+  constructor(concreteLogger, options = {}) {
+    this.init(concreteLogger, options);
+  }
+  init(concreteLogger, options = {}) {
+    this.prefix = options.prefix || "i18next:";
+    this.logger = concreteLogger || consoleLogger;
+    this.options = options;
+    this.debug = options.debug;
+  }
+  log(...args) {
+    return this.forward(args, "log", "", true);
+  }
+  warn(...args) {
+    return this.forward(args, "warn", "", true);
+  }
+  error(...args) {
+    return this.forward(args, "error", "");
+  }
+  deprecate(...args) {
+    return this.forward(args, "warn", "WARNING DEPRECATED: ", true);
+  }
+  forward(args, lvl, prefix, debugOnly) {
+    if (debugOnly && !this.debug) return null;
+    args = args.map((a) => isString(a) ? a.replace(/[\r\n\x00-\x1F\x7F]/g, " ") : a);
+    if (isString(args[0])) args[0] = `${prefix}${this.prefix} ${args[0]}`;
+    return this.logger[lvl](args);
+  }
+  create(moduleName) {
+    return new _Logger(this.logger, {
+      ...{
+        prefix: `${this.prefix}:${moduleName}:`
+      },
+      ...this.options
+    });
+  }
+  clone(options) {
+    options = options || this.options;
+    options.prefix = options.prefix || this.prefix;
+    return new _Logger(this.logger, options);
+  }
+};
+var baseLogger = new Logger();
+var EventEmitter = class {
+  constructor() {
+    this.observers = {};
+  }
+  on(events, listener) {
+    events.split(" ").forEach((event) => {
+      if (!this.observers[event]) this.observers[event] = /* @__PURE__ */ new Map();
+      const numListeners = this.observers[event].get(listener) || 0;
+      this.observers[event].set(listener, numListeners + 1);
+    });
+    return this;
+  }
+  off(event, listener) {
+    if (!this.observers[event]) return;
+    if (!listener) {
+      delete this.observers[event];
+      return;
+    }
+    this.observers[event].delete(listener);
+  }
+  once(event, listener) {
+    const wrapper = (...args) => {
+      listener(...args);
+      this.off(event, wrapper);
+    };
+    this.on(event, wrapper);
+    return this;
+  }
+  emit(event, ...args) {
+    if (this.observers[event]) {
+      const cloned = Array.from(this.observers[event].entries());
+      cloned.forEach(([observer, numTimesAdded]) => {
+        for (let i = 0; i < numTimesAdded; i++) {
+          observer(...args);
+        }
+      });
+    }
+    if (this.observers["*"]) {
+      const cloned = Array.from(this.observers["*"].entries());
+      cloned.forEach(([observer, numTimesAdded]) => {
+        for (let i = 0; i < numTimesAdded; i++) {
+          observer(event, ...args);
+        }
+      });
+    }
+  }
+};
+var ResourceStore = class extends EventEmitter {
+  constructor(data, options = {
+    ns: ["translation"],
+    defaultNS: "translation"
+  }) {
+    super();
+    this.data = data || {};
+    this.options = options;
+    if (this.options.keySeparator === void 0) {
+      this.options.keySeparator = ".";
+    }
+    if (this.options.ignoreJSONStructure === void 0) {
+      this.options.ignoreJSONStructure = true;
+    }
+  }
+  addNamespaces(ns) {
+    if (!this.options.ns.includes(ns)) {
+      this.options.ns.push(ns);
+    }
+  }
+  removeNamespaces(ns) {
+    const index = this.options.ns.indexOf(ns);
+    if (index > -1) {
+      this.options.ns.splice(index, 1);
+    }
+  }
+  getResource(lng, ns, key, options = {}) {
+    const keySeparator = options.keySeparator !== void 0 ? options.keySeparator : this.options.keySeparator;
+    const ignoreJSONStructure = options.ignoreJSONStructure !== void 0 ? options.ignoreJSONStructure : this.options.ignoreJSONStructure;
+    let path;
+    if (lng.includes(".")) {
+      path = lng.split(".");
+    } else {
+      path = [lng, ns];
+      if (key) {
+        if (Array.isArray(key)) {
+          path.push(...key);
+        } else if (isString(key) && keySeparator) {
+          path.push(...key.split(keySeparator));
+        } else {
+          path.push(key);
+        }
+      }
+    }
+    const result = getPath(this.data, path);
+    if (!result && !ns && !key && lng.includes(".")) {
+      lng = path[0];
+      ns = path[1];
+      key = path.slice(2).join(".");
+    }
+    if (result || !ignoreJSONStructure || !isString(key)) return result;
+    return deepFind(this.data?.[lng]?.[ns], key, keySeparator);
+  }
+  addResource(lng, ns, key, value, options = {
+    silent: false
+  }) {
+    const keySeparator = options.keySeparator !== void 0 ? options.keySeparator : this.options.keySeparator;
+    let path = [lng, ns];
+    if (key) path = path.concat(keySeparator ? key.split(keySeparator) : key);
+    if (lng.includes(".")) {
+      path = lng.split(".");
+      value = ns;
+      ns = path[1];
+    }
+    this.addNamespaces(ns);
+    setPath(this.data, path, value);
+    if (!options.silent) this.emit("added", lng, ns, key, value);
+  }
+  addResources(lng, ns, resources, options = {
+    silent: false
+  }) {
+    for (const m in resources) {
+      if (isString(resources[m]) || Array.isArray(resources[m])) this.addResource(lng, ns, m, resources[m], {
+        silent: true
+      });
+    }
+    if (!options.silent) this.emit("added", lng, ns, resources);
+  }
+  addResourceBundle(lng, ns, resources, deep, overwrite, options = {
+    silent: false,
+    skipCopy: false
+  }) {
+    let path = [lng, ns];
+    if (lng.includes(".")) {
+      path = lng.split(".");
+      deep = resources;
+      resources = ns;
+      ns = path[1];
+    }
+    this.addNamespaces(ns);
+    let pack = getPath(this.data, path) || {};
+    if (!options.skipCopy) resources = JSON.parse(JSON.stringify(resources));
+    if (deep) {
+      deepExtend(pack, resources, overwrite);
+    } else {
+      pack = {
+        ...pack,
+        ...resources
+      };
+    }
+    setPath(this.data, path, pack);
+    if (!options.silent) this.emit("added", lng, ns, resources);
+  }
+  removeResourceBundle(lng, ns) {
+    if (this.hasResourceBundle(lng, ns)) {
+      delete this.data[lng][ns];
+    }
+    this.removeNamespaces(ns);
+    this.emit("removed", lng, ns);
+  }
+  hasResourceBundle(lng, ns) {
+    return this.getResource(lng, ns) !== void 0;
+  }
+  getResourceBundle(lng, ns) {
+    if (!ns) ns = this.options.defaultNS;
+    return this.getResource(lng, ns);
+  }
+  getDataByLanguage(lng) {
+    return this.data[lng];
+  }
+  hasLanguageSomeTranslations(lng) {
+    const data = this.getDataByLanguage(lng);
+    const n = data && Object.keys(data) || [];
+    return !!n.find((v) => data[v] && Object.keys(data[v]).length > 0);
+  }
+  toJSON() {
+    return this.data;
+  }
+};
+var postProcessor = {
+  processors: {},
+  addPostProcessor(module2) {
+    this.processors[module2.name] = module2;
+  },
+  handle(processors, value, key, options, translator) {
+    processors.forEach((processor) => {
+      value = this.processors[processor]?.process(value, key, options, translator) ?? value;
+    });
+    return value;
+  }
+};
+var PATH_KEY = /* @__PURE__ */ Symbol("i18next/PATH_KEY");
+function createProxy() {
+  const state = [];
+  const handler = /* @__PURE__ */ Object.create(null);
+  let proxy;
+  handler.get = (target, key) => {
+    proxy?.revoke?.();
+    if (key === PATH_KEY) return state;
+    state.push(key);
+    proxy = Proxy.revocable(target, handler);
+    return proxy.proxy;
+  };
+  return Proxy.revocable(/* @__PURE__ */ Object.create(null), handler).proxy;
+}
+function keysFromSelector(selector, opts) {
+  const {
+    [PATH_KEY]: path
+  } = selector(createProxy());
+  const keySeparator = opts?.keySeparator ?? ".";
+  const nsSeparator = opts?.nsSeparator ?? ":";
+  const strict = opts?.enableSelector === "strict";
+  if (path.length > 1 && nsSeparator) {
+    const ns = opts?.ns;
+    const nsList = strict ? Array.isArray(ns) ? ns : ns ? [ns] : null : Array.isArray(ns) ? ns : null;
+    if (nsList) {
+      const candidates = strict ? nsList : nsList.length > 1 ? nsList.slice(1) : [];
+      if (candidates.includes(path[0])) {
+        return `${path[0]}${nsSeparator}${path.slice(1).join(keySeparator)}`;
+      }
+    }
+  }
+  return path.join(keySeparator);
+}
+var shouldHandleAsObject = (res) => !isString(res) && typeof res !== "boolean" && typeof res !== "number";
+var Translator = class _Translator extends EventEmitter {
+  constructor(services, options = {}) {
+    super();
+    copy(["resourceStore", "languageUtils", "pluralResolver", "interpolator", "backendConnector", "i18nFormat", "utils"], services, this);
+    this.options = options;
+    if (this.options.keySeparator === void 0) {
+      this.options.keySeparator = ".";
+    }
+    this.logger = baseLogger.create("translator");
+    this.checkedLoadedFor = {};
+  }
+  changeLanguage(lng) {
+    if (lng) this.language = lng;
+  }
+  exists(key, o = {
+    interpolation: {}
+  }) {
+    const opt = {
+      ...o
+    };
+    if (key == null) return false;
+    const resolved = this.resolve(key, opt);
+    if (resolved?.res === void 0) return false;
+    const isObject = shouldHandleAsObject(resolved.res);
+    if (opt.returnObjects === false && isObject) {
+      return false;
+    }
+    return true;
+  }
+  extractFromKey(key, opt) {
+    let nsSeparator = opt.nsSeparator !== void 0 ? opt.nsSeparator : this.options.nsSeparator;
+    if (nsSeparator === void 0) nsSeparator = ":";
+    const keySeparator = opt.keySeparator !== void 0 ? opt.keySeparator : this.options.keySeparator;
+    let namespaces = opt.ns || this.options.defaultNS || [];
+    const wouldCheckForNsInKey = nsSeparator && key.includes(nsSeparator);
+    const seemsNaturalLanguage = !this.options.userDefinedKeySeparator && !opt.keySeparator && !this.options.userDefinedNsSeparator && !opt.nsSeparator && !looksLikeObjectPath(key, nsSeparator, keySeparator);
+    if (wouldCheckForNsInKey && !seemsNaturalLanguage) {
+      const m = key.match(this.interpolator.nestingRegexp);
+      if (m && m.length > 0) {
+        return {
+          key,
+          namespaces: isString(namespaces) ? [namespaces] : namespaces
+        };
+      }
+      const parts = key.split(nsSeparator);
+      if (nsSeparator !== keySeparator || nsSeparator === keySeparator && this.options.ns.includes(parts[0])) namespaces = parts.shift();
+      key = parts.join(keySeparator);
+    }
+    return {
+      key,
+      namespaces: isString(namespaces) ? [namespaces] : namespaces
+    };
+  }
+  translate(keys, o, lastKey) {
+    let opt = typeof o === "object" ? {
+      ...o
+    } : o;
+    if (typeof opt !== "object" && this.options.overloadTranslationOptionHandler) {
+      opt = this.options.overloadTranslationOptionHandler(arguments);
+    }
+    if (typeof opt === "object") opt = {
+      ...opt
+    };
+    if (!opt) opt = {};
+    if (keys == null) return "";
+    if (typeof keys === "function") keys = keysFromSelector(keys, {
+      ...this.options,
+      ...opt
+    });
+    if (!Array.isArray(keys)) keys = [String(keys)];
+    keys = keys.map((k) => typeof k === "function" ? keysFromSelector(k, {
+      ...this.options,
+      ...opt
+    }) : String(k));
+    const returnDetails = opt.returnDetails !== void 0 ? opt.returnDetails : this.options.returnDetails;
+    const keySeparator = opt.keySeparator !== void 0 ? opt.keySeparator : this.options.keySeparator;
+    const {
+      key,
+      namespaces
+    } = this.extractFromKey(keys[keys.length - 1], opt);
+    const namespace = namespaces[namespaces.length - 1];
+    let nsSeparator = opt.nsSeparator !== void 0 ? opt.nsSeparator : this.options.nsSeparator;
+    if (nsSeparator === void 0) nsSeparator = ":";
+    const lng = opt.lng || this.language;
+    const appendNamespaceToCIMode = opt.appendNamespaceToCIMode || this.options.appendNamespaceToCIMode;
+    if (lng?.toLowerCase() === "cimode") {
+      if (appendNamespaceToCIMode) {
+        if (returnDetails) {
+          return {
+            res: `${namespace}${nsSeparator}${key}`,
+            usedKey: key,
+            exactUsedKey: key,
+            usedLng: lng,
+            usedNS: namespace,
+            usedParams: this.getUsedParamsDetails(opt)
+          };
+        }
+        return `${namespace}${nsSeparator}${key}`;
+      }
+      if (returnDetails) {
+        return {
+          res: key,
+          usedKey: key,
+          exactUsedKey: key,
+          usedLng: lng,
+          usedNS: namespace,
+          usedParams: this.getUsedParamsDetails(opt)
+        };
+      }
+      return key;
+    }
+    const resolved = this.resolve(keys, opt);
+    let res = resolved?.res;
+    const resUsedKey = resolved?.usedKey || key;
+    const resExactUsedKey = resolved?.exactUsedKey || key;
+    const noObject = ["[object Number]", "[object Function]", "[object RegExp]"];
+    const joinArrays = opt.joinArrays !== void 0 ? opt.joinArrays : this.options.joinArrays;
+    const handleAsObjectInI18nFormat = !this.i18nFormat || this.i18nFormat.handleAsObject;
+    const needsPluralHandling = opt.count !== void 0 && !isString(opt.count);
+    const hasDefaultValue = _Translator.hasDefaultValue(opt);
+    const defaultValueSuffix = needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, opt) : "";
+    const defaultValueSuffixOrdinalFallback = opt.ordinal && needsPluralHandling ? this.pluralResolver.getSuffix(lng, opt.count, {
+      ordinal: false
+    }) : "";
+    const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
+    const defaultValue = needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] || opt[`defaultValue${defaultValueSuffix}`] || opt[`defaultValue${defaultValueSuffixOrdinalFallback}`] || opt.defaultValue;
+    let resForObjHndl = res;
+    if (handleAsObjectInI18nFormat && !res && hasDefaultValue) {
+      resForObjHndl = defaultValue;
+    }
+    const handleAsObject = shouldHandleAsObject(resForObjHndl);
+    const resType = Object.prototype.toString.apply(resForObjHndl);
+    if (handleAsObjectInI18nFormat && resForObjHndl && handleAsObject && !noObject.includes(resType) && !(isString(joinArrays) && Array.isArray(resForObjHndl))) {
+      if (!opt.returnObjects && !this.options.returnObjects) {
+        if (!this.options.returnedObjectHandler) {
+          this.logger.warn("accessing an object - but returnObjects options is not enabled!");
+        }
+        const r = this.options.returnedObjectHandler ? this.options.returnedObjectHandler(resUsedKey, resForObjHndl, {
+          ...opt,
+          ns: namespaces
+        }) : `key '${key} (${this.language})' returned an object instead of string.`;
+        if (returnDetails) {
+          resolved.res = r;
+          resolved.usedParams = this.getUsedParamsDetails(opt);
+          return resolved;
+        }
+        return r;
+      }
+      if (keySeparator) {
+        const resTypeIsArray = Array.isArray(resForObjHndl);
+        const copy2 = resTypeIsArray ? [] : {};
+        const newKeyToUse = resTypeIsArray ? resExactUsedKey : resUsedKey;
+        for (const m in resForObjHndl) {
+          if (Object.prototype.hasOwnProperty.call(resForObjHndl, m)) {
+            const deepKey = `${newKeyToUse}${keySeparator}${m}`;
+            if (hasDefaultValue && !res) {
+              copy2[m] = this.translate(deepKey, {
+                ...opt,
+                defaultValue: shouldHandleAsObject(defaultValue) ? defaultValue[m] : void 0,
+                ...{
+                  joinArrays: false,
+                  ns: namespaces
+                }
+              });
+            } else {
+              copy2[m] = this.translate(deepKey, {
+                ...opt,
+                ...{
+                  joinArrays: false,
+                  ns: namespaces
+                }
+              });
+            }
+            if (copy2[m] === deepKey) copy2[m] = resForObjHndl[m];
+          }
+        }
+        res = copy2;
+      }
+    } else if (handleAsObjectInI18nFormat && isString(joinArrays) && Array.isArray(res)) {
+      res = res.join(joinArrays);
+      if (res) res = this.extendTranslation(res, keys, opt, lastKey);
+    } else {
+      let usedDefault = false;
+      let usedKey = false;
+      if (!this.isValidLookup(res) && hasDefaultValue) {
+        usedDefault = true;
+        res = defaultValue;
+      }
+      if (!this.isValidLookup(res)) {
+        usedKey = true;
+        res = key;
+      }
+      const missingKeyNoValueFallbackToKey = opt.missingKeyNoValueFallbackToKey || this.options.missingKeyNoValueFallbackToKey;
+      const resForMissing = missingKeyNoValueFallbackToKey && usedKey ? void 0 : res;
+      const updateMissing = hasDefaultValue && defaultValue !== res && this.options.updateMissing;
+      if (usedKey || usedDefault || updateMissing) {
+        this.logger.log(updateMissing ? "updateKey" : "missingKey", lng, namespace, needsPluralHandling && !updateMissing ? `${key}${this.pluralResolver.getSuffix(lng, opt.count, opt)}` : key, updateMissing ? defaultValue : res);
+        if (keySeparator) {
+          const fk = this.resolve(key, {
+            ...opt,
+            keySeparator: false
+          });
+          if (fk && fk.res) this.logger.warn("Seems the loaded translations were in flat JSON format instead of nested. Either set keySeparator: false on init or make sure your translations are published in nested format.");
+        }
+        let lngs = [];
+        const fallbackLngs = this.languageUtils.getFallbackCodes(this.options.fallbackLng, opt.lng || this.language);
+        if (this.options.saveMissingTo === "fallback" && fallbackLngs && fallbackLngs[0]) {
+          for (let i = 0; i < fallbackLngs.length; i++) {
+            lngs.push(fallbackLngs[i]);
+          }
+        } else if (this.options.saveMissingTo === "all") {
+          lngs = this.languageUtils.toResolveHierarchy(opt.lng || this.language);
+        } else {
+          lngs.push(opt.lng || this.language);
+        }
+        const send = (l, k, specificDefaultValue) => {
+          const defaultForMissing = hasDefaultValue && specificDefaultValue !== res ? specificDefaultValue : resForMissing;
+          if (this.options.missingKeyHandler) {
+            this.options.missingKeyHandler(l, namespace, k, defaultForMissing, updateMissing, opt);
+          } else if (this.backendConnector?.saveMissing) {
+            this.backendConnector.saveMissing(l, namespace, k, defaultForMissing, updateMissing, opt);
+          }
+          this.emit("missingKey", l, namespace, k, res);
+        };
+        if (this.options.saveMissing) {
+          if (this.options.saveMissingPlurals && needsPluralHandling) {
+            lngs.forEach((language) => {
+              const suffixes = this.pluralResolver.getSuffixes(language, opt);
+              if (needsZeroSuffixLookup && opt[`defaultValue${this.options.pluralSeparator}zero`] && !suffixes.includes(`${this.options.pluralSeparator}zero`)) {
+                suffixes.push(`${this.options.pluralSeparator}zero`);
+              }
+              suffixes.forEach((suffix) => {
+                send([language], key + suffix, opt[`defaultValue${suffix}`] || defaultValue);
+              });
+            });
+          } else {
+            send(lngs, key, defaultValue);
+          }
+        }
+      }
+      res = this.extendTranslation(res, keys, opt, resolved, lastKey);
+      if (usedKey && res === key && this.options.appendNamespaceToMissingKey) {
+        res = `${namespace}${nsSeparator}${key}`;
+      }
+      if ((usedKey || usedDefault) && this.options.parseMissingKeyHandler) {
+        res = this.options.parseMissingKeyHandler(this.options.appendNamespaceToMissingKey ? `${namespace}${nsSeparator}${key}` : key, usedDefault ? res : void 0, opt);
+      }
+    }
+    if (returnDetails) {
+      resolved.res = res;
+      resolved.usedParams = this.getUsedParamsDetails(opt);
+      return resolved;
+    }
+    return res;
+  }
+  extendTranslation(res, key, opt, resolved, lastKey) {
+    if (this.i18nFormat?.parse) {
+      res = this.i18nFormat.parse(res, {
+        ...this.options.interpolation.defaultVariables,
+        ...opt
+      }, opt.lng || this.language || resolved.usedLng, resolved.usedNS, resolved.usedKey, {
+        resolved
+      });
+    } else if (!opt.skipInterpolation) {
+      if (opt.interpolation) this.interpolator.init({
+        ...opt,
+        ...{
+          interpolation: {
+            ...this.options.interpolation,
+            ...opt.interpolation
+          }
+        }
+      });
+      const skipOnVariables = isString(res) && (opt?.interpolation?.skipOnVariables !== void 0 ? opt.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables);
+      let nestBef;
+      if (skipOnVariables) {
+        const nb = res.match(this.interpolator.nestingRegexp);
+        nestBef = nb && nb.length;
+      }
+      let data = opt.replace && !isString(opt.replace) ? opt.replace : opt;
+      if (this.options.interpolation.defaultVariables) data = {
+        ...this.options.interpolation.defaultVariables,
+        ...data
+      };
+      res = this.interpolator.interpolate(res, data, opt.lng || this.language || resolved.usedLng, opt);
+      if (skipOnVariables) {
+        const na = res.match(this.interpolator.nestingRegexp);
+        const nestAft = na && na.length;
+        if (nestBef < nestAft) opt.nest = false;
+      }
+      if (!opt.lng && resolved && resolved.res) opt.lng = this.language || resolved.usedLng;
+      if (opt.nest !== false) res = this.interpolator.nest(res, (...args) => {
+        if (lastKey?.[0] === args[0] && !opt.context) {
+          this.logger.warn(`It seems you are nesting recursively key: ${args[0]} in key: ${key[0]}`);
+          return null;
+        }
+        return this.translate(...args, key);
+      }, opt);
+      if (opt.interpolation) this.interpolator.reset();
+    }
+    const postProcess = opt.postProcess || this.options.postProcess;
+    const postProcessorNames = isString(postProcess) ? [postProcess] : postProcess;
+    if (res != null && postProcessorNames?.length && opt.applyPostProcessor !== false) {
+      res = postProcessor.handle(postProcessorNames, res, key, this.options && this.options.postProcessPassResolved ? {
+        i18nResolved: {
+          ...resolved,
+          usedParams: this.getUsedParamsDetails(opt)
+        },
+        ...opt
+      } : opt, this);
+    }
+    return res;
+  }
+  resolve(keys, opt = {}) {
+    let found;
+    let usedKey;
+    let exactUsedKey;
+    let usedLng;
+    let usedNS;
+    if (isString(keys)) keys = [keys];
+    if (Array.isArray(keys)) keys = keys.map((k) => typeof k === "function" ? keysFromSelector(k, {
+      ...this.options,
+      ...opt
+    }) : k);
+    keys.forEach((k) => {
+      if (this.isValidLookup(found)) return;
+      const extracted = this.extractFromKey(k, opt);
+      const key = extracted.key;
+      usedKey = key;
+      let namespaces = extracted.namespaces;
+      if (this.options.fallbackNS) namespaces = namespaces.concat(this.options.fallbackNS);
+      const needsPluralHandling = opt.count !== void 0 && !isString(opt.count);
+      const needsZeroSuffixLookup = needsPluralHandling && !opt.ordinal && opt.count === 0;
+      const needsContextHandling = opt.context !== void 0 && (isString(opt.context) || typeof opt.context === "number") && opt.context !== "";
+      const codes = opt.lngs ? opt.lngs : this.languageUtils.toResolveHierarchy(opt.lng || this.language, opt.fallbackLng);
+      namespaces.forEach((ns) => {
+        if (this.isValidLookup(found)) return;
+        usedNS = ns;
+        if (!this.checkedLoadedFor[`${codes[0]}-${ns}`] && this.utils?.hasLoadedNamespace && !this.utils?.hasLoadedNamespace(usedNS)) {
+          this.checkedLoadedFor[`${codes[0]}-${ns}`] = true;
+          this.logger.warn(`key "${usedKey}" for languages "${codes.join(", ")}" won't get resolved as namespace "${usedNS}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
+        }
+        codes.forEach((code) => {
+          if (this.isValidLookup(found)) return;
+          usedLng = code;
+          const finalKeys = [key];
+          if (this.i18nFormat?.addLookupKeys) {
+            this.i18nFormat.addLookupKeys(finalKeys, key, code, ns, opt);
+          } else {
+            let pluralSuffix;
+            if (needsPluralHandling) pluralSuffix = this.pluralResolver.getSuffix(code, opt.count, opt);
+            const zeroSuffix = `${this.options.pluralSeparator}zero`;
+            const ordinalPrefix = `${this.options.pluralSeparator}ordinal${this.options.pluralSeparator}`;
+            if (needsPluralHandling) {
+              if (opt.ordinal && pluralSuffix.startsWith(ordinalPrefix)) {
+                finalKeys.push(key + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
+              }
+              finalKeys.push(key + pluralSuffix);
+              if (needsZeroSuffixLookup) {
+                finalKeys.push(key + zeroSuffix);
+              }
+            }
+            if (needsContextHandling) {
+              const contextKey = `${key}${this.options.contextSeparator || "_"}${opt.context}`;
+              finalKeys.push(contextKey);
+              if (needsPluralHandling) {
+                if (opt.ordinal && pluralSuffix.startsWith(ordinalPrefix)) {
+                  finalKeys.push(contextKey + pluralSuffix.replace(ordinalPrefix, this.options.pluralSeparator));
+                }
+                finalKeys.push(contextKey + pluralSuffix);
+                if (needsZeroSuffixLookup) {
+                  finalKeys.push(contextKey + zeroSuffix);
+                }
+              }
+            }
+          }
+          let possibleKey;
+          while (possibleKey = finalKeys.pop()) {
+            if (!this.isValidLookup(found)) {
+              exactUsedKey = possibleKey;
+              found = this.getResource(code, ns, possibleKey, opt);
+            }
+          }
+        });
+      });
+    });
+    return {
+      res: found,
+      usedKey,
+      exactUsedKey,
+      usedLng,
+      usedNS
+    };
+  }
+  isValidLookup(res) {
+    return res !== void 0 && !(!this.options.returnNull && res === null) && !(!this.options.returnEmptyString && res === "");
+  }
+  getResource(code, ns, key, options = {}) {
+    if (this.i18nFormat?.getResource) return this.i18nFormat.getResource(code, ns, key, options);
+    return this.resourceStore.getResource(code, ns, key, options);
+  }
+  getUsedParamsDetails(options = {}) {
+    const optionsKeys = ["defaultValue", "ordinal", "context", "replace", "lng", "lngs", "fallbackLng", "ns", "keySeparator", "nsSeparator", "returnObjects", "returnDetails", "joinArrays", "postProcess", "interpolation"];
+    const useOptionsReplaceForData = options.replace && !isString(options.replace);
+    let data = useOptionsReplaceForData ? options.replace : options;
+    if (useOptionsReplaceForData && typeof options.count !== "undefined") {
+      data = {
+        ...data,
+        count: options.count
+      };
+    }
+    if (this.options.interpolation.defaultVariables) {
+      data = {
+        ...this.options.interpolation.defaultVariables,
+        ...data
+      };
+    }
+    if (!useOptionsReplaceForData) {
+      data = {
+        ...data
+      };
+      for (const key of optionsKeys) {
+        delete data[key];
+      }
+    }
+    return data;
+  }
+  static hasDefaultValue(options) {
+    const prefix = "defaultValue";
+    for (const option in options) {
+      if (Object.prototype.hasOwnProperty.call(options, option) && option.startsWith(prefix) && void 0 !== options[option]) {
+        return true;
+      }
+    }
+    return false;
+  }
+};
+var LanguageUtil = class {
+  constructor(options) {
+    this.options = options;
+    this.supportedLngs = this.options.supportedLngs || false;
+    this.logger = baseLogger.create("languageUtils");
+    this.resolveHierarchyCache = {};
+  }
+  clearCache() {
+    this.resolveHierarchyCache = {};
+  }
+  getScriptPartFromCode(code) {
+    code = getCleanedCode(code);
+    if (!code || !code.includes("-")) return null;
+    const p = code.split("-");
+    if (p.length === 2) return null;
+    p.pop();
+    if (p[p.length - 1].toLowerCase() === "x") return null;
+    return this.formatLanguageCode(p.join("-"));
+  }
+  getLanguagePartFromCode(code) {
+    code = getCleanedCode(code);
+    if (!code || !code.includes("-")) return code;
+    const p = code.split("-");
+    return this.formatLanguageCode(p[0]);
+  }
+  formatLanguageCode(code) {
+    if (isString(code) && code.includes("-")) {
+      let formattedCode;
+      try {
+        formattedCode = Intl.getCanonicalLocales(code)[0];
+      } catch (e) {
+      }
+      if (formattedCode && this.options.lowerCaseLng) {
+        formattedCode = formattedCode.toLowerCase();
+      }
+      if (formattedCode) return formattedCode;
+      if (this.options.lowerCaseLng) {
+        return code.toLowerCase();
+      }
+      return code;
+    }
+    return this.options.cleanCode || this.options.lowerCaseLng ? code.toLowerCase() : code;
+  }
+  isSupportedCode(code) {
+    if (this.options.load === "languageOnly" || this.options.nonExplicitSupportedLngs) {
+      code = this.getLanguagePartFromCode(code);
+    }
+    return !this.supportedLngs || !this.supportedLngs.length || this.supportedLngs.includes(code);
+  }
+  getBestMatchFromCodes(codes) {
+    if (!codes) return null;
+    let found;
+    codes.forEach((code) => {
+      if (found) return;
+      const cleanedLng = this.formatLanguageCode(code);
+      if (!this.options.supportedLngs || this.isSupportedCode(cleanedLng)) found = cleanedLng;
+    });
+    if (!found && this.options.supportedLngs) {
+      codes.forEach((code) => {
+        if (found) return;
+        const lngScOnly = this.getScriptPartFromCode(code);
+        if (this.isSupportedCode(lngScOnly)) return found = lngScOnly;
+        const lngOnly = this.getLanguagePartFromCode(code);
+        if (this.isSupportedCode(lngOnly)) return found = lngOnly;
+        found = this.options.supportedLngs.find((supportedLng) => {
+          if (supportedLng === lngOnly) return true;
+          if (!supportedLng.includes("-") && !lngOnly.includes("-")) return false;
+          if (supportedLng.includes("-") && !lngOnly.includes("-") && supportedLng.slice(0, supportedLng.indexOf("-")) === lngOnly) return true;
+          if (supportedLng.startsWith(lngOnly) && lngOnly.length > 1) return true;
+          return false;
+        });
+      });
+    }
+    if (!found) found = this.getFallbackCodes(this.options.fallbackLng)[0];
+    return found;
+  }
+  getFallbackCodes(fallbacks, code) {
+    if (!fallbacks) return [];
+    if (typeof fallbacks === "function") fallbacks = fallbacks(code);
+    if (isString(fallbacks)) fallbacks = [fallbacks];
+    if (Array.isArray(fallbacks)) return fallbacks;
+    if (!code) return fallbacks.default || [];
+    let found = fallbacks[code];
+    if (!found) found = fallbacks[this.getScriptPartFromCode(code)];
+    if (!found) found = fallbacks[this.formatLanguageCode(code)];
+    if (!found) found = fallbacks[this.getLanguagePartFromCode(code)];
+    if (!found) found = fallbacks.default;
+    return found || [];
+  }
+  toResolveHierarchy(code, fallbackCode) {
+    const fallbackLng = this.options.fallbackLng;
+    const fallbackLngKey = Array.isArray(fallbackLng) ? fallbackLng.join("|") : fallbackLng;
+    if (fallbackLngKey !== this._cachedFallbackLng) {
+      this.resolveHierarchyCache = {};
+      this._cachedFallbackLng = fallbackLngKey;
+    }
+    const hasCacheableFallback = fallbackCode === void 0 || fallbackCode === false || isString(fallbackCode);
+    const usesUncacheableOptionsFallback = fallbackCode === void 0 && typeof this.options.fallbackLng === "function";
+    const cacheable = isString(code) && hasCacheableFallback && !usesUncacheableOptionsFallback;
+    let cacheKey = null;
+    if (cacheable) {
+      let fallbackCacheKey;
+      if (fallbackCode === void 0) fallbackCacheKey = "undefined";
+      else if (fallbackCode === false) fallbackCacheKey = "boolean:false";
+      else fallbackCacheKey = `string:${fallbackCode}`;
+      cacheKey = `${code.length}:${code}|${fallbackCacheKey}`;
+    }
+    if (cacheKey !== null) {
+      const cached = this.resolveHierarchyCache[cacheKey];
+      if (cached !== void 0) return cached.slice();
+    }
+    const fallbackCodes = this.getFallbackCodes((fallbackCode === false ? [] : fallbackCode) || this.options.fallbackLng || [], code);
+    const codes = [];
+    const addCode = (c) => {
+      if (!c) return;
+      if (this.isSupportedCode(c)) {
+        codes.push(c);
+      } else {
+        this.logger.warn(`rejecting language code not found in supportedLngs: ${c}`);
+      }
+    };
+    if (isString(code) && (code.includes("-") || code.includes("_"))) {
+      if (this.options.load !== "languageOnly") addCode(this.formatLanguageCode(code));
+      if (this.options.load !== "languageOnly" && this.options.load !== "currentOnly") addCode(this.getScriptPartFromCode(code));
+      if (this.options.load !== "currentOnly") addCode(this.getLanguagePartFromCode(code));
+    } else if (isString(code)) {
+      addCode(this.formatLanguageCode(code));
+    }
+    fallbackCodes.forEach((fc) => {
+      if (!codes.includes(fc)) addCode(this.formatLanguageCode(fc));
+    });
+    if (cacheKey !== null) {
+      this.resolveHierarchyCache[cacheKey] = codes;
+      return codes.slice();
+    }
+    return codes;
+  }
+};
+var suffixesOrder = {
+  zero: 0,
+  one: 1,
+  two: 2,
+  few: 3,
+  many: 4,
+  other: 5
+};
+var dummyRule = {
+  select: (count) => count === 1 ? "one" : "other",
+  resolvedOptions: () => ({
+    pluralCategories: ["one", "other"]
+  })
+};
+var PluralResolver = class {
+  constructor(languageUtils, options = {}) {
+    this.languageUtils = languageUtils;
+    this.options = options;
+    this.logger = baseLogger.create("pluralResolver");
+    this.pluralRulesCache = {};
+  }
+  clearCache() {
+    this.pluralRulesCache = {};
+  }
+  getRule(code, options = {}) {
+    const cleanedCode = getCleanedCode(code === "dev" ? "en" : code);
+    const type = options.ordinal ? "ordinal" : "cardinal";
+    const cacheKey = JSON.stringify({
+      cleanedCode,
+      type
+    });
+    if (cacheKey in this.pluralRulesCache) {
+      return this.pluralRulesCache[cacheKey];
+    }
+    let rule;
+    try {
+      rule = new Intl.PluralRules(cleanedCode, {
+        type
+      });
+    } catch (err) {
+      if (typeof Intl === "undefined") {
+        this.logger.error("No Intl support, please use an Intl polyfill!");
+        return dummyRule;
+      }
+      if (!code.match(/-|_/)) return dummyRule;
+      const lngPart = this.languageUtils.getLanguagePartFromCode(code);
+      rule = this.getRule(lngPart, options);
+    }
+    this.pluralRulesCache[cacheKey] = rule;
+    return rule;
+  }
+  needsPlural(code, options = {}) {
+    let rule = this.getRule(code, options);
+    if (!rule) rule = this.getRule("dev", options);
+    return rule?.resolvedOptions().pluralCategories.length > 1;
+  }
+  getPluralFormsOfKey(code, key, options = {}) {
+    return this.getSuffixes(code, options).map((suffix) => `${key}${suffix}`);
+  }
+  getSuffixes(code, options = {}) {
+    let rule = this.getRule(code, options);
+    if (!rule) rule = this.getRule("dev", options);
+    if (!rule) return [];
+    return rule.resolvedOptions().pluralCategories.sort((pluralCategory1, pluralCategory2) => suffixesOrder[pluralCategory1] - suffixesOrder[pluralCategory2]).map((pluralCategory) => `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ""}${pluralCategory}`);
+  }
+  getSuffix(code, count, options = {}) {
+    const rule = this.getRule(code, options);
+    if (rule) {
+      return `${this.options.prepend}${options.ordinal ? `ordinal${this.options.prepend}` : ""}${rule.select(count)}`;
+    }
+    this.logger.warn(`no plural rule found for: ${code}`);
+    return this.getSuffix("dev", count, options);
+  }
+};
+var deepFindWithDefaults = (data, defaultData, key, keySeparator = ".", ignoreJSONStructure = true) => {
+  let path = getPathWithDefaults(data, defaultData, key);
+  if (!path && ignoreJSONStructure && isString(key)) {
+    path = deepFind(data, key, keySeparator);
+    if (path === void 0) path = deepFind(defaultData, key, keySeparator);
+  }
+  return path;
+};
+var regexSafe = (val) => val.replace(/\$/g, "$$$$");
+var Interpolator = class {
+  constructor(options = {}) {
+    this.logger = baseLogger.create("interpolator");
+    this.options = options;
+    this.format = options?.interpolation?.format || ((value) => value);
+    this.init(options);
+  }
+  init(options = {}) {
+    if (!options.interpolation) options.interpolation = {
+      escapeValue: true
+    };
+    const {
+      escape: escape$1,
+      escapeValue,
+      useRawValueToEscape,
+      prefix,
+      prefixEscaped,
+      suffix,
+      suffixEscaped,
+      formatSeparator,
+      unescapeSuffix,
+      unescapePrefix,
+      nestingPrefix,
+      nestingPrefixEscaped,
+      nestingSuffix,
+      nestingSuffixEscaped,
+      nestingOptionsSeparator,
+      maxReplaces,
+      alwaysFormat
+    } = options.interpolation;
+    this.escape = escape$1 !== void 0 ? escape$1 : escape;
+    this.escapeValue = escapeValue !== void 0 ? escapeValue : true;
+    this.useRawValueToEscape = useRawValueToEscape !== void 0 ? useRawValueToEscape : false;
+    this.prefix = prefix ? regexEscape(prefix) : prefixEscaped || "{{";
+    this.suffix = suffix ? regexEscape(suffix) : suffixEscaped || "}}";
+    this.formatSeparator = formatSeparator || ",";
+    this.unescapePrefix = unescapeSuffix ? "" : unescapePrefix ? regexEscape(unescapePrefix) : "-";
+    this.unescapeSuffix = this.unescapePrefix ? "" : unescapeSuffix ? regexEscape(unescapeSuffix) : "";
+    this.nestingPrefix = nestingPrefix ? regexEscape(nestingPrefix) : nestingPrefixEscaped || regexEscape("$t(");
+    this.nestingSuffix = nestingSuffix ? regexEscape(nestingSuffix) : nestingSuffixEscaped || regexEscape(")");
+    this.nestingOptionsSeparator = nestingOptionsSeparator || ",";
+    this.maxReplaces = maxReplaces || 1e3;
+    this.alwaysFormat = alwaysFormat !== void 0 ? alwaysFormat : false;
+    this.resetRegExp();
+  }
+  reset() {
+    if (this.options) this.init(this.options);
+  }
+  resetRegExp() {
+    const getOrResetRegExp = (existingRegExp, pattern) => {
+      if (existingRegExp?.source === pattern) {
+        existingRegExp.lastIndex = 0;
+        return existingRegExp;
+      }
+      return new RegExp(pattern, "g");
+    };
+    this.regexp = getOrResetRegExp(this.regexp, `${this.prefix}(.+?)${this.suffix}`);
+    this.regexpUnescape = getOrResetRegExp(this.regexpUnescape, `${this.prefix}${this.unescapePrefix}(.+?)${this.unescapeSuffix}${this.suffix}`);
+    this.nestingRegexp = getOrResetRegExp(this.nestingRegexp, `${this.nestingPrefix}((?:[^()"']+|"[^"]*"|'[^']*'|\\((?:[^()]|"[^"]*"|'[^']*')*\\))*?)${this.nestingSuffix}`);
+  }
+  interpolate(str, data, lng, options) {
+    let match;
+    let value;
+    let replaces;
+    const defaultData = this.options && this.options.interpolation && this.options.interpolation.defaultVariables || {};
+    const handleFormat = (key) => {
+      if (!key.includes(this.formatSeparator)) {
+        const path = deepFindWithDefaults(data, defaultData, key, this.options.keySeparator, this.options.ignoreJSONStructure);
+        return this.alwaysFormat ? this.format(path, void 0, lng, {
+          ...options,
+          ...data,
+          interpolationkey: key
+        }) : path;
+      }
+      const p = key.split(this.formatSeparator);
+      const k = p.shift().trim();
+      const f = p.join(this.formatSeparator).trim();
+      return this.format(deepFindWithDefaults(data, defaultData, k, this.options.keySeparator, this.options.ignoreJSONStructure), f, lng, {
+        ...options,
+        ...data,
+        interpolationkey: k
+      });
+    };
+    this.resetRegExp();
+    if (!this.escapeValue && typeof str === "string" && /\$t\([^)]*\{[^}]*\{\{/.test(str)) {
+      this.logger.warn("nesting options string contains interpolated variables with escapeValue: false \u2014 if any of those values are attacker-controlled they can inject additional nesting options (e.g. redirect lng/ns). Sanitise untrusted input before passing it to t(), or keep escapeValue: true.");
+    }
+    const missingInterpolationHandler = options?.missingInterpolationHandler || this.options.missingInterpolationHandler;
+    const skipOnVariables = options?.interpolation?.skipOnVariables !== void 0 ? options.interpolation.skipOnVariables : this.options.interpolation.skipOnVariables;
+    const todos = [{
+      regex: this.regexpUnescape,
+      safeValue: (val) => val
+    }, {
+      regex: this.regexp,
+      safeValue: (val) => this.escapeValue ? this.escape(val) : val
+    }];
+    todos.forEach((todo) => {
+      replaces = 0;
+      while (match = todo.regex.exec(str)) {
+        const matchedVar = match[1].trim();
+        value = handleFormat(matchedVar);
+        if (value === void 0) {
+          if (typeof missingInterpolationHandler === "function") {
+            const temp = missingInterpolationHandler(str, match, options);
+            value = isString(temp) ? temp : "";
+          } else if (options && Object.prototype.hasOwnProperty.call(options, matchedVar)) {
+            value = "";
+          } else if (skipOnVariables) {
+            value = match[0];
+            continue;
+          } else {
+            this.logger.warn(`missed to pass in variable ${matchedVar} for interpolating ${str}`);
+            value = "";
+          }
+        } else if (!isString(value) && !this.useRawValueToEscape) {
+          value = makeString(value);
+        }
+        const safeValue = todo.safeValue(value);
+        str = str.replace(match[0], regexSafe(safeValue));
+        if (skipOnVariables) {
+          todo.regex.lastIndex += safeValue.length;
+          todo.regex.lastIndex -= match[0].length;
+        } else {
+          todo.regex.lastIndex = 0;
+        }
+        replaces++;
+        if (replaces >= this.maxReplaces) {
+          break;
+        }
+      }
+    });
+    return str;
+  }
+  nest(str, fc, options = {}) {
+    let match;
+    let value;
+    let clonedOptions;
+    const handleHasOptions = (key, inheritedOptions) => {
+      const sep = this.nestingOptionsSeparator;
+      if (!key.includes(sep)) return key;
+      const c = key.split(new RegExp(`${regexEscape(sep)}[ ]*{`));
+      let optionsString = `{${c[1]}`;
+      key = c[0];
+      optionsString = this.interpolate(optionsString, clonedOptions);
+      const matchedSingleQuotes = optionsString.match(/'/g);
+      const matchedDoubleQuotes = optionsString.match(/"/g);
+      if ((matchedSingleQuotes?.length ?? 0) % 2 === 0 && !matchedDoubleQuotes || (matchedDoubleQuotes?.length ?? 0) % 2 !== 0) {
+        optionsString = optionsString.replace(/'/g, '"');
+      }
+      try {
+        clonedOptions = JSON.parse(optionsString);
+        if (inheritedOptions) clonedOptions = {
+          ...inheritedOptions,
+          ...clonedOptions
+        };
+      } catch (e) {
+        this.logger.warn(`failed parsing options string in nesting for key ${key}`, e);
+        return `${key}${sep}${optionsString}`;
+      }
+      if (clonedOptions.defaultValue && clonedOptions.defaultValue.includes(this.prefix)) delete clonedOptions.defaultValue;
+      return key;
+    };
+    while (match = this.nestingRegexp.exec(str)) {
+      let formatters = [];
+      clonedOptions = {
+        ...options
+      };
+      clonedOptions = clonedOptions.replace && !isString(clonedOptions.replace) ? clonedOptions.replace : clonedOptions;
+      clonedOptions.applyPostProcessor = false;
+      delete clonedOptions.defaultValue;
+      const keyEndIndex = /{.*}/s.test(match[1]) ? match[1].lastIndexOf("}") + 1 : match[1].indexOf(this.formatSeparator);
+      if (keyEndIndex !== -1) {
+        formatters = match[1].slice(keyEndIndex).split(this.formatSeparator).map((elem) => elem.trim()).filter(Boolean);
+        match[1] = match[1].slice(0, keyEndIndex);
+      }
+      value = fc(handleHasOptions.call(this, match[1].trim(), clonedOptions), clonedOptions);
+      if (value && match[0] === str && !isString(value)) return value;
+      if (!isString(value)) value = makeString(value);
+      if (!value) {
+        this.logger.warn(`missed to resolve ${match[1]} for nesting ${str}`);
+        value = "";
+      }
+      if (formatters.length) {
+        value = formatters.reduce((v, f) => this.format(v, f, options.lng, {
+          ...options,
+          interpolationkey: match[1].trim()
+        }), value.trim());
+      }
+      str = str.replace(match[0], regexSafe(makeString(value)));
+      this.regexp.lastIndex = 0;
+    }
+    return str;
+  }
+};
+var parseFormatStr = (formatStr) => {
+  let formatName = formatStr.toLowerCase().trim();
+  const formatOptions = {};
+  if (formatStr.includes("(")) {
+    const p = formatStr.split("(");
+    formatName = p[0].toLowerCase().trim();
+    const optStr = p[1].slice(0, -1);
+    if (formatName === "currency" && !optStr.includes(":")) {
+      if (!formatOptions.currency) formatOptions.currency = optStr.trim();
+    } else if (formatName === "relativetime" && !optStr.includes(":")) {
+      if (!formatOptions.range) formatOptions.range = optStr.trim();
+    } else {
+      const opts = optStr.split(";");
+      opts.forEach((opt) => {
+        if (opt) {
+          const [key, ...rest] = opt.split(":");
+          const val = rest.join(":").trim().replace(/^'+|'+$/g, "");
+          const trimmedKey = key.trim();
+          if (!formatOptions[trimmedKey]) formatOptions[trimmedKey] = val;
+          if (val === "false") formatOptions[trimmedKey] = false;
+          if (val === "true") formatOptions[trimmedKey] = true;
+          if (!isNaN(val)) formatOptions[trimmedKey] = parseInt(val, 10);
+        }
+      });
+    }
+  }
+  return {
+    formatName,
+    formatOptions
+  };
+};
+var createCachedFormatter = (fn) => {
+  const cache = {};
+  return (v, l, o) => {
+    let optForCache = o;
+    if (o && o.interpolationkey && o.formatParams && o.formatParams[o.interpolationkey] && o[o.interpolationkey]) {
+      optForCache = {
+        ...optForCache,
+        [o.interpolationkey]: void 0
+      };
+    }
+    const key = l + JSON.stringify(optForCache);
+    let frm = cache[key];
+    if (!frm) {
+      frm = fn(getCleanedCode(l), o);
+      cache[key] = frm;
+    }
+    return frm(v);
+  };
+};
+var createNonCachedFormatter = (fn) => (v, l, o) => fn(getCleanedCode(l), o)(v);
+var Formatter = class {
+  constructor(options = {}) {
+    this.logger = baseLogger.create("formatter");
+    this.options = options;
+    this.init(options);
+  }
+  init(services, options = {
+    interpolation: {}
+  }) {
+    this.formatSeparator = options.interpolation.formatSeparator || ",";
+    const cf = options.cacheInBuiltFormats ? createCachedFormatter : createNonCachedFormatter;
+    this.formats = {
+      number: cf((lng, opt) => {
+        const formatter = new Intl.NumberFormat(lng, {
+          ...opt
+        });
+        return (val) => formatter.format(val);
+      }),
+      currency: cf((lng, opt) => {
+        const formatter = new Intl.NumberFormat(lng, {
+          ...opt,
+          style: "currency"
+        });
+        return (val) => formatter.format(val);
+      }),
+      datetime: cf((lng, opt) => {
+        const formatter = new Intl.DateTimeFormat(lng, {
+          ...opt
+        });
+        return (val) => formatter.format(val);
+      }),
+      relativetime: cf((lng, opt) => {
+        const formatter = new Intl.RelativeTimeFormat(lng, {
+          ...opt
+        });
+        return (val) => formatter.format(val, opt.range || "day");
+      }),
+      list: cf((lng, opt) => {
+        const formatter = new Intl.ListFormat(lng, {
+          ...opt
+        });
+        return (val) => formatter.format(val);
+      })
+    };
+  }
+  add(name, fc) {
+    this.formats[name.toLowerCase().trim()] = fc;
+  }
+  addCached(name, fc) {
+    this.formats[name.toLowerCase().trim()] = createCachedFormatter(fc);
+  }
+  format(value, format, lng, options = {}) {
+    if (!format) return value;
+    if (value == null) return value;
+    const rawFormats = format.split(this.formatSeparator);
+    const formats = [];
+    for (let i = 0; i < rawFormats.length; i++) {
+      let f = rawFormats[i];
+      while (f.indexOf("(") > -1 && !f.includes(")") && i + 1 < rawFormats.length) {
+        f = `${f}${this.formatSeparator}${rawFormats[++i]}`;
+      }
+      formats.push(f);
+    }
+    const result = formats.reduce((mem, f) => {
+      const {
+        formatName,
+        formatOptions
+      } = parseFormatStr(f);
+      if (this.formats[formatName]) {
+        let formatted = mem;
+        try {
+          const valOptions = options?.formatParams?.[options.interpolationkey] || {};
+          const l = valOptions.locale || valOptions.lng || options.locale || options.lng || lng;
+          formatted = this.formats[formatName](mem, l, {
+            ...formatOptions,
+            ...options,
+            ...valOptions
+          });
+        } catch (error) {
+          this.logger.warn(error);
+        }
+        return formatted;
+      } else {
+        this.logger.warn(`there was no format function for ${formatName}`);
+      }
+      return mem;
+    }, value);
+    return result;
+  }
+};
+var removePending = (q, name) => {
+  if (q.pending[name] !== void 0) {
+    delete q.pending[name];
+    q.pendingCount--;
+  }
+};
+var Connector = class extends EventEmitter {
+  constructor(backend, store, services, options = {}) {
+    super();
+    this.backend = backend;
+    this.store = store;
+    this.services = services;
+    this.languageUtils = services.languageUtils;
+    this.options = options;
+    this.logger = baseLogger.create("backendConnector");
+    this.waitingReads = [];
+    this.maxParallelReads = options.maxParallelReads || 10;
+    this.readingCalls = 0;
+    this.maxRetries = options.maxRetries >= 0 ? options.maxRetries : 5;
+    this.retryTimeout = options.retryTimeout >= 1 ? options.retryTimeout : 350;
+    this.state = {};
+    this.queue = [];
+    this.backend?.init?.(services, options.backend, options);
+  }
+  queueLoad(languages, namespaces, options, callback) {
+    const toLoad = {};
+    const pending = {};
+    const toLoadLanguages = {};
+    const toLoadNamespaces = {};
+    languages.forEach((lng) => {
+      let hasAllNamespaces = true;
+      namespaces.forEach((ns) => {
+        const name = `${lng}|${ns}`;
+        if (!options.reload && this.store.hasResourceBundle(lng, ns)) {
+          this.state[name] = 2;
+        } else if (this.state[name] < 0) ;
+        else if (this.state[name] === 1) {
+          if (pending[name] === void 0) pending[name] = true;
+        } else {
+          this.state[name] = 1;
+          hasAllNamespaces = false;
+          if (pending[name] === void 0) pending[name] = true;
+          if (toLoad[name] === void 0) toLoad[name] = true;
+          if (toLoadNamespaces[ns] === void 0) toLoadNamespaces[ns] = true;
+        }
+      });
+      if (!hasAllNamespaces) toLoadLanguages[lng] = true;
+    });
+    if (Object.keys(toLoad).length || Object.keys(pending).length) {
+      this.queue.push({
+        pending,
+        pendingCount: Object.keys(pending).length,
+        loaded: {},
+        errors: [],
+        callback
+      });
+    }
+    return {
+      toLoad: Object.keys(toLoad),
+      pending: Object.keys(pending),
+      toLoadLanguages: Object.keys(toLoadLanguages),
+      toLoadNamespaces: Object.keys(toLoadNamespaces)
+    };
+  }
+  loaded(name, err, data) {
+    const s = name.split("|");
+    const lng = s[0];
+    const ns = s[1];
+    if (err) this.emit("failedLoading", lng, ns, err);
+    if (!err && data) {
+      this.store.addResourceBundle(lng, ns, data, void 0, void 0, {
+        skipCopy: true
+      });
+    }
+    this.state[name] = err ? -1 : 2;
+    if (err && data) this.state[name] = 0;
+    const loaded = {};
+    this.queue.forEach((q) => {
+      pushPath(q.loaded, [lng], ns);
+      removePending(q, name);
+      if (err) q.errors.push(err);
+      if (q.pendingCount === 0 && !q.done) {
+        Object.keys(q.loaded).forEach((l) => {
+          if (!loaded[l]) loaded[l] = {};
+          const loadedKeys = q.loaded[l];
+          if (loadedKeys.length) {
+            loadedKeys.forEach((n) => {
+              if (loaded[l][n] === void 0) loaded[l][n] = true;
+            });
+          }
+        });
+        q.done = true;
+        if (q.errors.length) {
+          q.callback(q.errors);
+        } else {
+          q.callback();
+        }
+      }
+    });
+    this.emit("loaded", loaded);
+    this.queue = this.queue.filter((q) => !q.done);
+  }
+  read(lng, ns, fcName, tried = 0, wait = this.retryTimeout, callback) {
+    if (!lng.length) return callback(null, {});
+    if (this.readingCalls >= this.maxParallelReads) {
+      this.waitingReads.push({
+        lng,
+        ns,
+        fcName,
+        tried,
+        wait,
+        callback
+      });
+      return;
+    }
+    this.readingCalls++;
+    const resolver = (err, data) => {
+      this.readingCalls--;
+      if (this.waitingReads.length > 0) {
+        const next = this.waitingReads.shift();
+        this.read(next.lng, next.ns, next.fcName, next.tried, next.wait, next.callback);
+      }
+      if (err && data && tried < this.maxRetries) {
+        setTimeout(() => {
+          this.read(lng, ns, fcName, tried + 1, wait * 2, callback);
+        }, wait);
+        return;
+      }
+      callback(err, data);
+    };
+    const fc = this.backend[fcName].bind(this.backend);
+    if (fc.length === 2) {
+      try {
+        const r = fc(lng, ns);
+        if (r && typeof r.then === "function") {
+          r.then((data) => resolver(null, data)).catch(resolver);
+        } else {
+          resolver(null, r);
+        }
+      } catch (err) {
+        resolver(err);
+      }
+      return;
+    }
+    return fc(lng, ns, resolver);
+  }
+  prepareLoading(languages, namespaces, options = {}, callback) {
+    if (!this.backend) {
+      this.logger.warn("No backend was added via i18next.use. Will not load resources.");
+      return callback && callback();
+    }
+    if (isString(languages)) languages = this.languageUtils.toResolveHierarchy(languages);
+    if (isString(namespaces)) namespaces = [namespaces];
+    const toLoad = this.queueLoad(languages, namespaces, options, callback);
+    if (!toLoad.toLoad.length) {
+      if (!toLoad.pending.length) callback();
+      return null;
+    }
+    toLoad.toLoad.forEach((name) => {
+      this.loadOne(name);
+    });
+  }
+  load(languages, namespaces, callback) {
+    this.prepareLoading(languages, namespaces, {}, callback);
+  }
+  reload(languages, namespaces, callback) {
+    this.prepareLoading(languages, namespaces, {
+      reload: true
+    }, callback);
+  }
+  loadOne(name, prefix = "") {
+    const s = name.split("|");
+    const lng = s[0];
+    const ns = s[1];
+    this.read(lng, ns, "read", void 0, void 0, (err, data) => {
+      if (err) this.logger.warn(`${prefix}loading namespace ${ns} for language ${lng} failed`, err);
+      if (!err && data) this.logger.log(`${prefix}loaded namespace ${ns} for language ${lng}`, data);
+      this.loaded(name, err, data);
+    });
+  }
+  saveMissing(languages, namespace, key, fallbackValue, isUpdate, options = {}, clb = () => {
+  }) {
+    if (this.services?.utils?.hasLoadedNamespace && !this.services?.utils?.hasLoadedNamespace(namespace)) {
+      this.logger.warn(`did not save key "${key}" as the namespace "${namespace}" was not yet loaded`, "This means something IS WRONG in your setup. You access the t function before i18next.init / i18next.loadNamespace / i18next.changeLanguage was done. Wait for the callback or Promise to resolve before accessing it!!!");
+      return;
+    }
+    if (key === void 0 || key === null || key === "") return;
+    if (this.backend?.create) {
+      const opts = {
+        ...options,
+        isUpdate
+      };
+      const fc = this.backend.create.bind(this.backend);
+      if (fc.length < 6) {
+        try {
+          let r;
+          if (fc.length === 5) {
+            r = fc(languages, namespace, key, fallbackValue, opts);
+          } else {
+            r = fc(languages, namespace, key, fallbackValue);
+          }
+          if (r && typeof r.then === "function") {
+            r.then((data) => clb(null, data)).catch(clb);
+          } else {
+            clb(null, r);
+          }
+        } catch (err) {
+          clb(err);
+        }
+      } else {
+        fc(languages, namespace, key, fallbackValue, clb, opts);
+      }
+    }
+    if (!languages || !languages[0]) return;
+    this.store.addResource(languages[0], namespace, key, fallbackValue);
+  }
+};
+var get = () => ({
+  debug: false,
+  initAsync: true,
+  ns: ["translation"],
+  defaultNS: ["translation"],
+  fallbackLng: ["dev"],
+  fallbackNS: false,
+  supportedLngs: false,
+  nonExplicitSupportedLngs: false,
+  load: "all",
+  preload: false,
+  keySeparator: ".",
+  nsSeparator: ":",
+  pluralSeparator: "_",
+  contextSeparator: "_",
+  enableSelector: false,
+  partialBundledLanguages: false,
+  saveMissing: false,
+  updateMissing: false,
+  saveMissingTo: "fallback",
+  saveMissingPlurals: true,
+  missingKeyHandler: false,
+  missingInterpolationHandler: false,
+  postProcess: false,
+  postProcessPassResolved: false,
+  returnNull: false,
+  returnEmptyString: true,
+  returnObjects: false,
+  joinArrays: false,
+  returnedObjectHandler: false,
+  parseMissingKeyHandler: false,
+  appendNamespaceToMissingKey: false,
+  appendNamespaceToCIMode: false,
+  overloadTranslationOptionHandler: (args) => {
+    let ret = {};
+    if (typeof args[1] === "object") ret = args[1];
+    if (isString(args[1])) ret.defaultValue = args[1];
+    if (isString(args[2])) ret.tDescription = args[2];
+    if (typeof args[2] === "object" || typeof args[3] === "object") {
+      const options = args[3] || args[2];
+      Object.keys(options).forEach((key) => {
+        ret[key] = options[key];
+      });
+    }
+    return ret;
+  },
+  interpolation: {
+    escapeValue: true,
+    prefix: "{{",
+    suffix: "}}",
+    formatSeparator: ",",
+    unescapePrefix: "-",
+    nestingPrefix: "$t(",
+    nestingSuffix: ")",
+    nestingOptionsSeparator: ",",
+    maxReplaces: 1e3,
+    skipOnVariables: true
+  },
+  cacheInBuiltFormats: true
+});
+var transformOptions = (options) => {
+  if (isString(options.ns)) options.ns = [options.ns];
+  if (isString(options.fallbackLng)) options.fallbackLng = [options.fallbackLng];
+  if (isString(options.fallbackNS)) options.fallbackNS = [options.fallbackNS];
+  if (options.supportedLngs && !options.supportedLngs.includes("cimode")) {
+    options.supportedLngs = options.supportedLngs.concat(["cimode"]);
+  }
+  return options;
+};
+var noop = () => {
+};
+var bindMemberFunctions = (inst) => {
+  const mems = Object.getOwnPropertyNames(Object.getPrototypeOf(inst));
+  mems.forEach((mem) => {
+    if (typeof inst[mem] === "function") {
+      inst[mem] = inst[mem].bind(inst);
+    }
+  });
+};
+var I18n = class _I18n extends EventEmitter {
+  constructor(options = {}, callback) {
+    super();
+    this.options = transformOptions(options);
+    this.services = {};
+    this.logger = baseLogger;
+    this.modules = {
+      external: []
+    };
+    bindMemberFunctions(this);
+    if (callback && !this.isInitialized && !options.isClone) {
+      if (!this.options.initAsync) {
+        this.init(options, callback);
+        return this;
+      }
+      setTimeout(() => {
+        this.init(options, callback);
+      }, 0);
+    }
+  }
+  init(options = {}, callback) {
+    this.isInitializing = true;
+    if (typeof options === "function") {
+      callback = options;
+      options = {};
+    }
+    if (options.defaultNS == null && options.ns) {
+      if (isString(options.ns)) {
+        options.defaultNS = options.ns;
+      } else if (!options.ns.includes("translation")) {
+        options.defaultNS = options.ns[0];
+      }
+    }
+    const defOpts = get();
+    this.options = {
+      ...defOpts,
+      ...this.options,
+      ...transformOptions(options)
+    };
+    this.options.interpolation = {
+      ...defOpts.interpolation,
+      ...this.options.interpolation
+    };
+    if (options.keySeparator !== void 0) {
+      this.options.userDefinedKeySeparator = options.keySeparator;
+    }
+    if (options.nsSeparator !== void 0) {
+      this.options.userDefinedNsSeparator = options.nsSeparator;
+    }
+    if (typeof this.options.overloadTranslationOptionHandler !== "function") {
+      this.options.overloadTranslationOptionHandler = defOpts.overloadTranslationOptionHandler;
+    }
+    const createClassOnDemand = (ClassOrObject) => {
+      if (!ClassOrObject) return null;
+      if (typeof ClassOrObject === "function") return new ClassOrObject();
+      return ClassOrObject;
+    };
+    if (!this.options.isClone) {
+      if (this.modules.logger) {
+        baseLogger.init(createClassOnDemand(this.modules.logger), this.options);
+      } else {
+        baseLogger.init(null, this.options);
+      }
+      let formatter;
+      if (this.modules.formatter) {
+        formatter = this.modules.formatter;
+      } else {
+        formatter = Formatter;
+      }
+      const lu = new LanguageUtil(this.options);
+      this.store = new ResourceStore(this.options.resources, this.options);
+      const s = this.services;
+      s.logger = baseLogger;
+      s.resourceStore = this.store;
+      s.languageUtils = lu;
+      s.pluralResolver = new PluralResolver(lu, {
+        prepend: this.options.pluralSeparator
+      });
+      if (formatter) {
+        s.formatter = createClassOnDemand(formatter);
+        if (s.formatter.init) s.formatter.init(s, this.options);
+        this.options.interpolation.format = s.formatter.format.bind(s.formatter);
+      }
+      s.interpolator = new Interpolator(this.options);
+      s.utils = {
+        hasLoadedNamespace: this.hasLoadedNamespace.bind(this)
+      };
+      s.backendConnector = new Connector(createClassOnDemand(this.modules.backend), s.resourceStore, s, this.options);
+      s.backendConnector.on("*", (event, ...args) => {
+        this.emit(event, ...args);
+      });
+      if (this.modules.languageDetector) {
+        s.languageDetector = createClassOnDemand(this.modules.languageDetector);
+        if (s.languageDetector.init) s.languageDetector.init(s, this.options.detection, this.options);
+      }
+      if (this.modules.i18nFormat) {
+        s.i18nFormat = createClassOnDemand(this.modules.i18nFormat);
+        if (s.i18nFormat.init) s.i18nFormat.init(this);
+      }
+      this.translator = new Translator(this.services, this.options);
+      this.translator.on("*", (event, ...args) => {
+        this.emit(event, ...args);
+      });
+      this.modules.external.forEach((m) => {
+        if (m.init) m.init(this);
+      });
+    }
+    this.format = this.options.interpolation.format;
+    if (!callback) callback = noop;
+    if (this.options.fallbackLng && !this.services.languageDetector && !this.options.lng) {
+      const codes = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
+      if (codes.length > 0 && codes[0] !== "dev") this.options.lng = codes[0];
+    }
+    if (!this.services.languageDetector && !this.options.lng) {
+      this.logger.warn("init: no languageDetector is used and no lng is defined");
+    }
+    const storeApi = ["getResource", "hasResourceBundle", "getResourceBundle", "getDataByLanguage"];
+    storeApi.forEach((fcName) => {
+      this[fcName] = (...args) => this.store[fcName](...args);
+    });
+    const storeApiChained = ["addResource", "addResources", "addResourceBundle", "removeResourceBundle"];
+    storeApiChained.forEach((fcName) => {
+      this[fcName] = (...args) => {
+        this.store[fcName](...args);
+        return this;
+      };
+    });
+    const deferred = defer();
+    const load = () => {
+      const finish = (err, t2) => {
+        this.isInitializing = false;
+        if (this.isInitialized && !this.initializedStoreOnce) this.logger.warn("init: i18next is already initialized. You should call init just once!");
+        this.isInitialized = true;
+        if (!this.options.isClone) this.logger.log("initialized", this.options);
+        this.emit("initialized", this.options);
+        deferred.resolve(t2);
+        callback(err, t2);
+      };
+      if ((this.languages || this.isLanguageChangingTo) && !this.isInitialized) return finish(null, this.t.bind(this));
+      this.changeLanguage(this.options.lng, finish);
+    };
+    if (this.options.resources || !this.options.initAsync) {
+      load();
+    } else {
+      setTimeout(load, 0);
+    }
+    return deferred;
+  }
+  loadResources(language, callback = noop) {
+    let usedCallback = callback;
+    const usedLng = isString(language) ? language : this.language;
+    if (typeof language === "function") usedCallback = language;
+    if (!this.options.resources || this.options.partialBundledLanguages) {
+      if (usedLng?.toLowerCase() === "cimode" && (!this.options.preload || this.options.preload.length === 0)) return usedCallback();
+      const toLoad = [];
+      const append = (lng) => {
+        if (!lng) return;
+        if (lng === "cimode") return;
+        const lngs = this.services.languageUtils.toResolveHierarchy(lng);
+        lngs.forEach((l) => {
+          if (l === "cimode") return;
+          if (!toLoad.includes(l)) toLoad.push(l);
+        });
+      };
+      if (!usedLng) {
+        const fallbacks = this.services.languageUtils.getFallbackCodes(this.options.fallbackLng);
+        fallbacks.forEach((l) => append(l));
+      } else {
+        append(usedLng);
+      }
+      this.options.preload?.forEach?.((l) => append(l));
+      this.services.backendConnector.load(toLoad, this.options.ns, (e) => {
+        if (!e && !this.resolvedLanguage && this.language) this.setResolvedLanguage(this.language);
+        usedCallback(e);
+      });
+    } else {
+      usedCallback(null);
+    }
+  }
+  reloadResources(lngs, ns, callback) {
+    const deferred = defer();
+    if (typeof lngs === "function") {
+      callback = lngs;
+      lngs = void 0;
+    }
+    if (typeof ns === "function") {
+      callback = ns;
+      ns = void 0;
+    }
+    if (!lngs) lngs = this.languages;
+    if (!ns) ns = this.options.ns;
+    if (!callback) callback = noop;
+    this.services.backendConnector.reload(lngs, ns, (err) => {
+      deferred.resolve();
+      callback(err);
+    });
+    return deferred;
+  }
+  use(module2) {
+    if (!module2) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
+    if (!module2.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
+    if (module2.type === "backend") {
+      this.modules.backend = module2;
+    }
+    if (module2.type === "logger" || module2.log && module2.warn && module2.error) {
+      this.modules.logger = module2;
+    }
+    if (module2.type === "languageDetector") {
+      this.modules.languageDetector = module2;
+    }
+    if (module2.type === "i18nFormat") {
+      this.modules.i18nFormat = module2;
+    }
+    if (module2.type === "postProcessor") {
+      postProcessor.addPostProcessor(module2);
+    }
+    if (module2.type === "formatter") {
+      this.modules.formatter = module2;
+    }
+    if (module2.type === "3rdParty") {
+      this.modules.external.push(module2);
+    }
+    return this;
+  }
+  setResolvedLanguage(l) {
+    if (!l || !this.languages) return;
+    if (["cimode", "dev"].includes(l)) return;
+    for (let li = 0; li < this.languages.length; li++) {
+      const lngInLngs = this.languages[li];
+      if (["cimode", "dev"].includes(lngInLngs)) continue;
+      if (this.store.hasLanguageSomeTranslations(lngInLngs)) {
+        this.resolvedLanguage = lngInLngs;
+        break;
+      }
+    }
+    if (!this.resolvedLanguage && !this.languages.includes(l) && this.store.hasLanguageSomeTranslations(l)) {
+      this.resolvedLanguage = l;
+      this.languages.unshift(l);
+    }
+  }
+  changeLanguage(lng, callback) {
+    this.isLanguageChangingTo = lng;
+    const deferred = defer();
+    this.emit("languageChanging", lng);
+    const setLngProps = (l) => {
+      this.language = l;
+      this.languages = this.services.languageUtils.toResolveHierarchy(l);
+      this.resolvedLanguage = void 0;
+      this.setResolvedLanguage(l);
+    };
+    const done = (err, l) => {
+      if (l) {
+        if (this.isLanguageChangingTo === lng) {
+          setLngProps(l);
+          this.translator.changeLanguage(l);
+          this.isLanguageChangingTo = void 0;
+          this.emit("languageChanged", l);
+          this.logger.log("languageChanged", l);
+        }
+      } else {
+        this.isLanguageChangingTo = void 0;
+      }
+      deferred.resolve((...args) => this.t(...args));
+      if (callback) callback(err, (...args) => this.t(...args));
+    };
+    const setLng = (lngs) => {
+      if (!lng && !lngs && this.services.languageDetector) lngs = [];
+      const fl = isString(lngs) ? lngs : lngs && lngs[0];
+      const l = this.store.hasLanguageSomeTranslations(fl) ? fl : this.services.languageUtils.getBestMatchFromCodes(isString(lngs) ? [lngs] : lngs);
+      if (l) {
+        if (!this.language) {
+          setLngProps(l);
+        }
+        if (!this.translator.language) this.translator.changeLanguage(l);
+        this.services.languageDetector?.cacheUserLanguage?.(l);
+      }
+      this.loadResources(l, (err) => {
+        done(err, l);
+      });
+    };
+    if (!lng && this.services.languageDetector && !this.services.languageDetector.async) {
+      setLng(this.services.languageDetector.detect());
+    } else if (!lng && this.services.languageDetector && this.services.languageDetector.async) {
+      if (this.services.languageDetector.detect.length === 0) {
+        this.services.languageDetector.detect().then(setLng);
+      } else {
+        this.services.languageDetector.detect(setLng);
+      }
+    } else {
+      setLng(lng);
+    }
+    return deferred;
+  }
+  getFixedT(lng, ns, keyPrefix, fixedOpts) {
+    const scopeNs = fixedOpts?.scopeNs;
+    const fixedT = (key, opts, ...rest) => {
+      let o;
+      if (typeof opts !== "object") {
+        o = this.options.overloadTranslationOptionHandler([key, opts].concat(rest));
+      } else {
+        o = {
+          ...opts
+        };
+      }
+      o.lng = o.lng || fixedT.lng;
+      o.lngs = o.lngs || fixedT.lngs;
+      const explicitCallNs = o.ns !== void 0 && o.ns !== null;
+      o.ns = o.ns || fixedT.ns;
+      if (o.keyPrefix !== "") o.keyPrefix = o.keyPrefix || keyPrefix || fixedT.keyPrefix;
+      const selectorOpts = {
+        ...this.options,
+        ...o
+      };
+      if (Array.isArray(scopeNs) && !explicitCallNs) selectorOpts.ns = scopeNs;
+      if (typeof o.keyPrefix === "function") o.keyPrefix = keysFromSelector(o.keyPrefix, selectorOpts);
+      const keySeparator = this.options.keySeparator || ".";
+      let resultKey;
+      if (o.keyPrefix && Array.isArray(key)) {
+        resultKey = key.map((k) => {
+          if (typeof k === "function") k = keysFromSelector(k, selectorOpts);
+          return `${o.keyPrefix}${keySeparator}${k}`;
+        });
+      } else {
+        if (typeof key === "function") key = keysFromSelector(key, selectorOpts);
+        resultKey = o.keyPrefix ? `${o.keyPrefix}${keySeparator}${key}` : key;
+      }
+      return this.t(resultKey, o);
+    };
+    if (isString(lng)) {
+      fixedT.lng = lng;
+    } else {
+      fixedT.lngs = lng;
+    }
+    fixedT.ns = ns;
+    fixedT.keyPrefix = keyPrefix;
+    return fixedT;
+  }
+  t(...args) {
+    return this.translator?.translate(...args);
+  }
+  exists(...args) {
+    return this.translator?.exists(...args);
+  }
+  setDefaultNamespace(ns) {
+    this.options.defaultNS = ns;
+  }
+  hasLoadedNamespace(ns, options = {}) {
+    if (!this.isInitialized) {
+      this.logger.warn("hasLoadedNamespace: i18next was not initialized", this.languages);
+      return false;
+    }
+    if (!this.languages || !this.languages.length) {
+      this.logger.warn("hasLoadedNamespace: i18n.languages were undefined or empty", this.languages);
+      return false;
+    }
+    const lng = options.lng || this.resolvedLanguage || this.languages[0];
+    const fallbackLng = this.options ? this.options.fallbackLng : false;
+    const lastLng = this.languages[this.languages.length - 1];
+    if (lng.toLowerCase() === "cimode") return true;
+    const loadNotPending = (l, n) => {
+      const loadState = this.services.backendConnector.state[`${l}|${n}`];
+      return loadState === -1 || loadState === 0 || loadState === 2;
+    };
+    if (options.precheck) {
+      const preResult = options.precheck(this, loadNotPending);
+      if (preResult !== void 0) return preResult;
+    }
+    if (this.hasResourceBundle(lng, ns)) return true;
+    if (!this.services.backendConnector.backend || this.options.resources && !this.options.partialBundledLanguages) return true;
+    if (loadNotPending(lng, ns) && (!fallbackLng || loadNotPending(lastLng, ns))) return true;
+    return false;
+  }
+  loadNamespaces(ns, callback) {
+    const deferred = defer();
+    if (!this.options.ns) {
+      if (callback) callback();
+      return Promise.resolve();
+    }
+    if (isString(ns)) ns = [ns];
+    ns.forEach((n) => {
+      if (!this.options.ns.includes(n)) this.options.ns.push(n);
+    });
+    this.loadResources((err) => {
+      deferred.resolve();
+      if (callback) callback(err);
+    });
+    return deferred;
+  }
+  loadLanguages(lngs, callback) {
+    const deferred = defer();
+    if (isString(lngs)) lngs = [lngs];
+    const preloaded = this.options.preload || [];
+    const newLngs = lngs.filter((lng) => !preloaded.includes(lng) && this.services.languageUtils.isSupportedCode(lng));
+    if (!newLngs.length) {
+      if (callback) callback();
+      return Promise.resolve();
+    }
+    this.options.preload = preloaded.concat(newLngs);
+    this.loadResources((err) => {
+      deferred.resolve();
+      if (callback) callback(err);
+    });
+    return deferred;
+  }
+  dir(lng) {
+    if (!lng) lng = this.resolvedLanguage || (this.languages?.length > 0 ? this.languages[0] : this.language);
+    if (!lng) return "rtl";
+    try {
+      const l = new Intl.Locale(lng);
+      if (l && l.getTextInfo) {
+        const ti = l.getTextInfo();
+        if (ti && ti.direction) return ti.direction;
+      }
+    } catch (e) {
+    }
+    const rtlLngs = ["ar", "shu", "sqr", "ssh", "xaa", "yhd", "yud", "aao", "abh", "abv", "acm", "acq", "acw", "acx", "acy", "adf", "ads", "aeb", "aec", "afb", "ajp", "apc", "apd", "arb", "arq", "ars", "ary", "arz", "auz", "avl", "ayh", "ayl", "ayn", "ayp", "bbz", "pga", "he", "iw", "ps", "pbt", "pbu", "pst", "prp", "prd", "ug", "ur", "ydd", "yds", "yih", "ji", "yi", "hbo", "men", "xmn", "fa", "jpr", "peo", "pes", "prs", "dv", "sam", "ckb"];
+    const languageUtils = this.services?.languageUtils || new LanguageUtil(get());
+    if (lng.toLowerCase().indexOf("-latn") > 1) return "ltr";
+    return rtlLngs.includes(languageUtils.getLanguagePartFromCode(lng)) || lng.toLowerCase().indexOf("-arab") > 1 ? "rtl" : "ltr";
+  }
+  static createInstance(options = {}, callback) {
+    const instance2 = new _I18n(options, callback);
+    instance2.createInstance = _I18n.createInstance;
+    return instance2;
+  }
+  cloneInstance(options = {}, callback = noop) {
+    const forkResourceStore = options.forkResourceStore;
+    if (forkResourceStore) delete options.forkResourceStore;
+    const mergedOptions = {
+      ...this.options,
+      ...options,
+      ...{
+        isClone: true
+      }
+    };
+    const clone = new _I18n(mergedOptions);
+    if (options.debug !== void 0 || options.prefix !== void 0) {
+      clone.logger = clone.logger.clone(options);
+    }
+    const membersToCopy = ["store", "services", "language"];
+    membersToCopy.forEach((m) => {
+      clone[m] = this[m];
+    });
+    clone.services = {
+      ...this.services
+    };
+    clone.services.utils = {
+      hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
+    };
+    if (forkResourceStore) {
+      const clonedData = Object.keys(this.store.data).reduce((prev, l) => {
+        prev[l] = {
+          ...this.store.data[l]
+        };
+        prev[l] = Object.keys(prev[l]).reduce((acc, n) => {
+          acc[n] = {
+            ...prev[l][n]
+          };
+          return acc;
+        }, prev[l]);
+        return prev;
+      }, {});
+      clone.store = new ResourceStore(clonedData, mergedOptions);
+      clone.services.resourceStore = clone.store;
+    }
+    if (options.interpolation) {
+      const defOpts = get();
+      const mergedInterpolation = {
+        ...defOpts.interpolation,
+        ...this.options.interpolation,
+        ...options.interpolation
+      };
+      const mergedForInterpolator = {
+        ...mergedOptions,
+        interpolation: mergedInterpolation
+      };
+      clone.services.interpolator = new Interpolator(mergedForInterpolator);
+    }
+    clone.translator = new Translator(clone.services, mergedOptions);
+    clone.translator.on("*", (event, ...args) => {
+      clone.emit(event, ...args);
+    });
+    clone.init(mergedOptions, callback);
+    clone.translator.options = mergedOptions;
+    clone.translator.backendConnector.services.utils = {
+      hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
+    };
+    return clone;
+  }
+  toJSON() {
+    return {
+      options: this.options,
+      store: this.store,
+      language: this.language,
+      languages: this.languages,
+      resolvedLanguage: this.resolvedLanguage
+    };
+  }
+};
+var instance = I18n.createInstance();
+var createInstance = instance.createInstance;
+var dir = instance.dir;
+var init = instance.init;
+var loadResources = instance.loadResources;
+var reloadResources = instance.reloadResources;
+var use = instance.use;
+var changeLanguage = instance.changeLanguage;
+var getFixedT = instance.getFixedT;
+var t = instance.t;
+var exists = instance.exists;
+var setDefaultNamespace = instance.setDefaultNamespace;
+var hasLoadedNamespace = instance.hasLoadedNamespace;
+var loadNamespaces = instance.loadNamespaces;
+var loadLanguages = instance.loadLanguages;
+
+// src/i18n/config.ts
+var import_react_i18next = require("react-i18next");
+
+// src/i18n/customCacheBackend.ts
+var _SupabaseCacheBackend = class _SupabaseCacheBackend {
+  // 1. Принимаем SupabaseClient в конструктор
+  constructor(supabase) {
+    this.type = "backend";
+    this.supabase = supabase;
+  }
+  init(services, backendOptions, i18nextOptions) {
+    if (backendOptions?.supabase) {
+      this.supabase = backendOptions.supabase;
+    }
+  }
+  /**
+   * Загрузка всего манифеста версий из Supabase в память
+   */
+  async loadManifest() {
+    if (_SupabaseCacheBackend.isManifestLoaded || !this.supabase) return;
+    try {
+      const { data, error } = await this.supabase.from("translation_versions").select("namespace, lang_code, version");
+      if (error) {
+        if (error.code === "PGRST303" || error.message?.includes("future")) {
+          console.warn("[i18n] Time drift detected (JWT in future). Falling back to cached translations.");
+        }
+        throw error;
+      }
+      if (data) {
+        const manifestMap = {};
+        data.forEach((row) => {
+          manifestMap[`${row.lang_code}:${row.namespace}`] = row.version;
+        });
+        _SupabaseCacheBackend.manifest = manifestMap;
+        _SupabaseCacheBackend.isManifestLoaded = true;
+      }
+    } catch (err) {
+      console.warn("[i18n] Could not load translation versions manifest, using local cache:", err);
+    }
+  }
+  /**
+   * Основной метод чтения локализации
+   */
+  async read(language, namespace, callback) {
+    const cacheKey = `i18n_${language}_${namespace}`;
+    const versionKey = `i18n_ver_${language}_${namespace}`;
+    const manifestKey = `${language}:${namespace}`;
+    try {
+      await this.loadManifest();
+      const cachedData = localStorage.getItem(cacheKey);
+      const localVersion = parseInt(localStorage.getItem(versionKey) || "0", 10);
+      const serverVersion = _SupabaseCacheBackend.manifest[manifestKey];
+      if (cachedData && serverVersion !== void 0 && localVersion === serverVersion) {
+        callback(null, JSON.parse(cachedData));
+        return;
+      }
+      if (cachedData && !_SupabaseCacheBackend.isManifestLoaded) {
+        callback(null, JSON.parse(cachedData));
+        return;
+      }
+      if (!this.supabase) {
+        throw new Error("[SupabaseCacheBackend]: Supabase client is not initialized.");
+      }
+      const { data, error } = await this.supabase.from("translations").select("key, value").eq("lang_code", language).eq("namespace", namespace);
+      if (error) throw error;
+      const freshData = {};
+      if (data) {
+        data.forEach((row) => {
+          this.setNestedKey(freshData, row.key, row.value);
+        });
+      }
+      localStorage.setItem(cacheKey, JSON.stringify(freshData));
+      if (serverVersion !== void 0) {
+        localStorage.setItem(versionKey, serverVersion.toString());
+      }
+      callback(null, freshData);
+    } catch (err) {
+      console.warn(`[i18n] Fallback to cache for ${language}/${namespace} due to error:`, err);
+      const cachedData = localStorage.getItem(cacheKey);
+      if (cachedData) {
+        callback(null, JSON.parse(cachedData));
+      } else {
+        callback(err, false);
+      }
+    }
+  }
+  setNestedKey(obj, path, value) {
+    const keys = path.split(".");
+    let current = obj;
+    for (let i = 0; i < keys.length - 1; i++) {
+      const key = keys[i];
+      if (!current[key] || typeof current[key] !== "object") {
+        current[key] = {};
+      }
+      current = current[key];
+    }
+    current[keys[keys.length - 1]] = value;
+  }
+  create(languages, namespace, key, fallbackValue) {
+  }
+};
+_SupabaseCacheBackend.type = "backend";
+// Локальный манифест версий
+_SupabaseCacheBackend.manifest = {};
+_SupabaseCacheBackend.isManifestLoaded = false;
+var SupabaseCacheBackend = _SupabaseCacheBackend;
+
+// src/i18n/config.ts
+var config_default = instance;
+
+// src/context/AuthProvider.tsx
+var import_react2 = require("react");
+
+// src/context/SupabaseProvider.tsx
+var import_react = require("react");
+var import_supabase_js = require("@supabase/supabase-js");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SupabaseContext = (0, import_react.createContext)(null);
+var SupabaseProvider = ({
+  children,
+  client,
+  config
+}) => {
+  const supabaseInstance = (0, import_react.useMemo)(() => {
+    if (client) return client;
+    if (config?.url && config?.anonKey) {
+      return (0, import_supabase_js.createClient)(config.url, config.anonKey);
+    }
+    throw new Error(
+      '[SupabaseProvider]: \u0412\u0430\u043C \u043D\u0443\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C \u043B\u0438\u0431\u043E prop "client", \u043B\u0438\u0431\u043E "config" ({ url, anonKey }).'
+    );
+  }, [client, config]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SupabaseContext.Provider, { value: { supabase: supabaseInstance }, children });
+};
+var useSupabase = () => {
+  const context = (0, import_react.useContext)(SupabaseContext);
+  if (!context) {
+    throw new Error("useSupabase \u0434\u043E\u043B\u0436\u0435\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0432\u043D\u0443\u0442\u0440\u0438 <SupabaseProvider>");
+  }
+  return context.supabase;
+};
+
+// src/context/AuthProvider.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var AuthContext = (0, import_react2.createContext)(void 0);
+var useAuth = () => {
+  const context = (0, import_react2.useContext)(AuthContext);
+  if (!context) {
+    throw new Error("useAuth should be used within the AuthProvider");
+  }
+  return context;
+};
+
+// src/context/TranslationEditProvider.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TranslationEditContext = (0, import_react3.createContext)(void 0);
+var TranslationEditProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const { user } = useAuth();
+  const [isTranslationMode, setIsTranslationMode] = (0, import_react3.useState)(false);
+  const [canEdit, setCanEdit] = (0, import_react3.useState)(false);
+  const [isLoadingPermissions, setIsLoadingPermissions] = (0, import_react3.useState)(true);
+  const checkPermission = (0, import_react3.useCallback)(async () => {
+    if (!user) {
+      setCanEdit(false);
+      setIsTranslationMode(false);
+      setIsLoadingPermissions(false);
+      return;
+    }
+    try {
+      setIsLoadingPermissions(true);
+      const { data, error } = await supabase.from("translation_responsible_users").select("id").eq("user_id", user.id).maybeSingle();
+      if (error) {
+        console.error("Error checking translation responsibilities:", error);
+        setCanEdit(false);
+        setIsTranslationMode(false);
+      } else {
+        const hasAccess = Boolean(data);
+        setCanEdit(hasAccess);
+        if (!hasAccess) {
+          setIsTranslationMode(false);
+        }
+      }
+    } catch (err) {
+      console.error("Permission check failed:", err);
+      setCanEdit(false);
+    } finally {
+      setIsLoadingPermissions(false);
+    }
+  }, [user]);
+  (0, import_react3.useEffect)(() => {
+    checkPermission();
+  }, [checkPermission]);
+  const updateTranslation = async (key, namespace, newValue) => {
+    if (!canEdit) return;
+    const currentLang = config_default.language;
+    const { error } = await supabase.from("translations").upsert({
+      key,
+      namespace,
+      lang_code: currentLang,
+      value: newValue
+    }, { onConflict: "key,namespace,lang_code" });
+    if (error) return alert("\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F \u0432 \u0411\u0414");
+    localStorage.removeItem(`i18n_ver_${currentLang}_${namespace}`);
+    config_default.addResource(currentLang, namespace, key, newValue);
+    config_default.changeLanguage(currentLang);
+  };
+  const handleSetTranslationMode = (val) => {
+    if (canEdit) {
+      setIsTranslationMode(val);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    TranslationEditContext.Provider,
+    {
+      value: {
+        isTranslationMode,
+        setIsTranslationMode: handleSetTranslationMode,
+        canEdit,
+        isLoadingPermissions,
+        updateTranslation
+      },
+      children
+    }
+  );
+};
+var useTranslationEdit = () => {
+  const context = (0, import_react3.useContext)(TranslationEditContext);
+  if (!context) throw new Error("useTranslationEdit must be used within TranslationEditProvider");
+  return context;
+};
+
+// src/UI/components/inputs/TranslatableTooltip.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var TranslatableTooltip = ({
+  title,
+  disableSpan,
+  children,
+  ...props
+}) => {
+  const { isTranslationMode } = useTranslationEdit();
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_material.Tooltip,
+    {
+      title,
+      slotProps: {
+        popper: {
+          sx: isTranslationMode ? {
+            pointerEvents: "auto",
+            // Разрешаем клики внутри тултипа
+            "& .MuiTooltip-tooltip": {
+              pointerEvents: "auto"
+            }
+          } : void 0
+        }
+      },
+      leaveDelay: isTranslationMode ? 1e3 : 100,
+      ...props,
+      children: disableSpan ? children : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children })
+    }
+  );
+};
+
+// src/UI/components/inputs/TextfieldComponent.tsx
+var import_react_i18next3 = require("react-i18next");
+
+// src/services/translation.service.ts
+var translationService = {
+  // 1. Принимаем client первым аргументом
+  incrementVersion: async (client, namespace, langCodes) => {
+    try {
+      const { data } = await client.from("translation_versions").select("version, lang_code").eq("namespace", namespace);
+      const currentVersion = data && data.length > 0 ? Math.max(...data.map((d) => d.version || 0)) : 0;
+      const nextVersion = currentVersion + 1;
+      const languagesToUpdate = langCodes && langCodes.length > 0 ? langCodes : ["uk"];
+      const updates = languagesToUpdate.map((lang_code) => ({
+        namespace,
+        lang_code,
+        version: nextVersion,
+        updated_at: (/* @__PURE__ */ new Date()).toISOString()
+      }));
+      const { error } = await client.from("translation_versions").upsert(updates, { onConflict: "namespace,lang_code" });
+      if (error) console.error("Error updating translation version:", error);
+      return nextVersion;
+    } catch (err) {
+      console.error("Failed to increment version in Supabase:", err);
+      return null;
+    }
+  },
+  translateSmart: async (client, aiGenerateFn, params) => {
+    const languagesToTranslate = params.targetLangs || (params.targetLang ? [params.targetLang] : []);
+    try {
+      const { data, error } = await client.functions.invoke("translate-smart", { body: params });
+      if (!error && data) return data;
+    } catch {
+      console.warn("Edge Function translate-smart \u043D\u0435\u0434\u043E\u0441\u0442\u0443\u043F\u043D\u0430, \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u043C AIProvider...");
+    }
+    if (aiGenerateFn) {
+      const prompt = `Translate the source text into language codes: ${JSON.stringify(languagesToTranslate)}.
+Source Text: "${params.text}"
+${params.contextHint ? `Context Hint: "${params.contextHint}"` : ""}`;
+      const translations = await aiGenerateFn({
+        prompt,
+        systemInstruction: 'Respond STRICTLY with a valid JSON mapping lang code to text. Example: {"en": "Hello"}',
+        jsonMode: true
+      });
+      if (translations) {
+        if (params.targetLang) {
+          return { translatedText: translations[params.targetLang] || params.text };
+        }
+        return { translations };
+      }
+    }
+    if (params.targetLang) {
+      const fallbackUrl = `https://translate.googleapis.com/translate_a/single?client=gtx&sl=auto&tl=${params.targetLang}&dt=t&q=${encodeURIComponent(params.text)}`;
+      const res = await fetch(fallbackUrl);
+      if (res.ok) {
+        const data = await res.json();
+        return { translatedText: data[0].map((x) => x[0]).join("") };
+      }
+    }
+    throw new Error("All translation strategies failed.");
+  }
+};
+
+// src/i18n/TranslateText.tsx
+var import_react7 = require("react");
+var import_react_i18next2 = require("react-i18next");
+var import_material3 = require("@mui/material");
+var import_Translate2 = __toESM(require("@mui/icons-material/Translate"));
+var import_Launch = __toESM(require("@mui/icons-material/Launch"));
+
+// src/i18n/TranslationDialog.tsx
+var import_react5 = require("react");
+var import_material2 = require("@mui/material");
+var import_AutoFixHigh = __toESM(require("@mui/icons-material/AutoFixHigh"));
+var import_Translate = __toESM(require("@mui/icons-material/Translate"));
+var import_Lightbulb = __toESM(require("@mui/icons-material/Lightbulb"));
+
+// src/context/AIProvider.tsx
+var import_react4 = require("react");
+var import_genai = require("@google/genai");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var AIContext = (0, import_react4.createContext)(null);
+var AIProvider = ({
+  children,
+  config,
+  apiKey: directApiKey
+}) => {
+  const apiKey = directApiKey || config?.apiKey;
+  const provider = config?.provider || "gemini";
+  const modelName = config?.modelName || (provider === "gemini" ? "gemini-2.5-flash" : "gpt-4o-mini");
+  const contextValue = (0, import_react4.useMemo)(() => {
+    return {
+      apiKey,
+      provider,
+      modelName,
+      generate: async ({
+        prompt,
+        systemInstruction,
+        jsonMode = false,
+        temperature
+      }) => {
+        if (!apiKey) {
+          console.warn("[AIProvider]: API Key \u043D\u0435 \u0437\u0430\u0434\u0430\u043D.");
+          return null;
+        }
+        if (provider === "gemini") {
+          try {
+            const ai = new import_genai.GoogleGenAI({ apiKey });
+            const response = await ai.models.generateContent({
+              model: modelName,
+              contents: prompt,
+              config: {
+                systemInstruction,
+                temperature,
+                responseMimeType: jsonMode ? "application/json" : "text/plain"
+              }
+            });
+            const rawText = response.text?.trim() || "";
+            if (jsonMode) {
+              const cleanedText = rawText.replace(/^```(?:json)?\s*/i, "").replace(/\s*```$/, "").trim();
+              return JSON.parse(cleanedText);
+            }
+            return rawText;
+          } catch (err) {
+            console.error("[AIProvider Gemini Error]:", err);
+            return null;
+          }
+        }
+        if (provider === "openai") {
+          try {
+            const messages = [];
+            if (systemInstruction) {
+              messages.push({ role: "system", content: systemInstruction });
+            }
+            messages.push({ role: "user", content: prompt });
+            const res = await fetch("https://api.openai.com/v1/chat/completions", {
+              method: "POST",
+              headers: {
+                "Content-Type": "application/json",
+                Authorization: `Bearer ${apiKey}`
+              },
+              body: JSON.stringify({
+                model: modelName,
+                messages,
+                temperature,
+                ...jsonMode ? { response_format: { type: "json_object" } } : {}
+              })
+            });
+            const data = await res.json();
+            const content = data.choices?.[0]?.message?.content?.trim() || "";
+            if (jsonMode) {
+              return JSON.parse(content);
+            }
+            return content;
+          } catch (err) {
+            console.error("[AIProvider OpenAI Error]:", err);
+            return null;
+          }
+        }
+        return null;
+      }
+    };
+  }, [apiKey, provider, modelName]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AIContext.Provider, { value: contextValue, children });
+};
+var useAI = () => {
+  const context = (0, import_react4.useContext)(AIContext);
+  if (!context) {
+    throw new Error("useAI \u0434\u043E\u043B\u0436\u0435\u043D \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0432\u043D\u0443\u0442\u0440\u0438 <AIProvider>");
+  }
+  return context;
+};
+
+// src/i18n/TranslationDialog.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var TranslationDialog = ({
+  open,
+  onClose,
+  translationKey,
+  namespace,
+  onSave
+}) => {
+  const supabase = useSupabase();
+  const { generate } = useAI();
+  const [languages, setLanguages] = (0, import_react5.useState)([]);
+  const [values, setValues] = (0, import_react5.useState)({});
+  const [contextHint, setContextHint] = (0, import_react5.useState)("");
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  const [saving, setSaving] = (0, import_react5.useState)(false);
+  const [translatingCode, setTranslatingCode] = (0, import_react5.useState)(null);
+  const [isTranslatingAll, setIsTranslatingAll] = (0, import_react5.useState)(false);
+  const [error, setError] = (0, import_react5.useState)(null);
+  (0, import_react5.useEffect)(() => {
+    if (!open) return;
+    const fetchData = async () => {
+      setLoading(true);
+      setError(null);
+      try {
+        const { data: langs, error: langErr } = await supabase.from("languages").select("code, name, svg_flag").eq("enabled", true);
+        if (langErr) throw langErr;
+        setLanguages(langs || []);
+        const { data: trans, error: transErr } = await supabase.from("translations").select("lang_code, value, context_hint").eq("namespace", namespace).eq("key", translationKey);
+        if (transErr) throw transErr;
+        const initialValues = {};
+        let existingHint = "";
+        langs?.forEach((l) => {
+          const found = trans?.find((t2) => t2.lang_code === l.code);
+          initialValues[l.code] = found ? found.value : "";
+          if (found?.context_hint) {
+            existingHint = found.context_hint;
+          }
+        });
+        setValues(initialValues);
+        setContextHint(existingHint);
+      } catch (err) {
+        console.error("Failed to load translations:", err);
+        setError(err?.message || "Failed to load initial translation data.");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchData();
+  }, [open, translationKey, namespace]);
+  const handleAutoTranslate = async (e, targetLang) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setError(null);
+    setTranslatingCode(targetLang);
+    try {
+      const res = await translationService.translateSmart(supabase, generate, {
+        text: translationKey,
+        targetLang,
+        contextHint
+      });
+      if (res?.translatedText) {
+        setValues((prev) => ({ ...prev, [targetLang]: res.translatedText }));
+      }
+    } catch (err) {
+      console.log(err);
+      setError(`Failed to translate into ${targetLang}. ${err?.message || ""}`);
+    } finally {
+      setTranslatingCode(null);
+    }
+  };
+  const handleTranslateAll = async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (!translationKey || languages.length === 0) return;
+    setIsTranslatingAll(true);
+    setError(null);
+    try {
+      const targetLangs = languages.map((l) => l.code);
+      const res = await translationService.translateSmart(supabase, generate, {
+        text: translationKey,
+        targetLangs,
+        contextHint
+      });
+      if (res?.translations) {
+        setValues((prev) => ({ ...prev, ...res.translations }));
+      }
+    } catch (err) {
+      console.error("Batch translation error:", err);
+      setError(err?.message || "Failed to translate all languages.");
+    } finally {
+      setIsTranslatingAll(false);
+    }
+  };
+  const handleSaveAll = async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setSaving(true);
+    setError(null);
+    try {
+      await onSave(values, contextHint);
+      onClose();
+    } catch (err) {
+      console.error("Failed to save translations:", err);
+      setError(err?.message || "Failed to save translations. Please try again.");
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleClose = (_, reason) => {
+    if (reason === "backdropClick" && isBusy) return;
+    setError(null);
+    onClose();
+  };
+  const isBusy = loading || saving || isTranslatingAll || translatingCode !== null;
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    import_material2.Dialog,
+    {
+      open,
+      onClose: handleClose,
+      fullWidth: true,
+      maxWidth: "sm",
+      onClick: (e) => e.stopPropagation(),
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.DialogTitle, { sx: { pb: 1, display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { children: [
+            "Context Translation",
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Typography, { component: "div", variant: "subtitle2", color: "text.secondary", sx: { wordBreak: "break-all", mt: 0.5 }, children: [
+              "Original: ",
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("strong", { children: [
+                '"',
+                translationKey,
+                '"'
+              ] })
+            ] })
+          ] }),
+          !loading && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_material2.Button,
+            {
+              type: "button",
+              size: "small",
+              variant: "outlined",
+              color: "secondary",
+              startIcon: isTranslatingAll ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Translate.default, { fontSize: "small" }),
+              onClick: handleTranslateAll,
+              disabled: isBusy,
+              sx: { flexShrink: 0, ml: 2, whiteSpace: "nowrap" },
+              children: isTranslatingAll ? "Translating..." : "Translate All"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.DialogContent, { dividers: true, sx: { pt: 2 }, children: [
+          error && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Alert, { severity: "error", onClose: () => setError(null), sx: { mb: 2 }, children: error }),
+          loading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Box, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.CircularProgress, {}) }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Paper, { variant: "outlined", sx: { p: 2, bgcolor: "action.hover", borderRadius: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_Lightbulb.default, { color: "warning", fontSize: "small" }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Typography, { variant: "subtitle2", sx: { fontWeight: 600 }, children: "Context Hint / Clarification" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_material2.TextField,
+                {
+                  fullWidth: true,
+                  multiline: true,
+                  rows: 2,
+                  size: "small",
+                  value: contextHint,
+                  onChange: (e) => setContextHint(e.target.value),
+                  placeholder: "e.g. Website navigation menu link to the home page",
+                  helperText: "This hint explains the exact meaning to AI translation models.",
+                  disabled: isBusy
+                }
+              )
+            ] }),
+            languages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_material2.Box,
+                {
+                  sx: {
+                    width: 32,
+                    height: 22,
+                    flexShrink: 0,
+                    borderRadius: "4px",
+                    overflow: "hidden",
+                    boxShadow: 1,
+                    "& svg": { width: "100%", height: "100%", display: "block" }
+                  },
+                  dangerouslySetInnerHTML: { __html: lang.svg_flag }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_material2.TextField,
+                {
+                  fullWidth: true,
+                  label: lang.name,
+                  size: "small",
+                  value: values[lang.code] || "",
+                  onChange: (e) => setValues((prev) => ({ ...prev, [lang.code]: e.target.value })),
+                  placeholder: "Enter manual translation...",
+                  disabled: isBusy
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Tooltip, { title: "Translate with context hint", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                import_material2.IconButton,
+                {
+                  type: "button",
+                  color: "primary",
+                  disabled: isBusy,
+                  onClick: (e) => handleAutoTranslate(e, lang.code),
+                  children: translatingCode === lang.code ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.CircularProgress, { size: 20, color: "inherit" }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_AutoFixHigh.default, { fontSize: "small" })
+                }
+              ) }) })
+            ] }, lang.code))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material2.DialogActions, { sx: { px: 3, py: 2 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material2.Button, { onClick: onClose, disabled: isBusy, color: "inherit", type: "button", children: "Cancel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            import_material2.Button,
+            {
+              onClick: handleSaveAll,
+              variant: "contained",
+              disabled: isBusy,
+              type: "button",
+              children: saving ? "Saving..." : "Save All"
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+
+// src/context/TranslateProvider.tsx
+var import_react6 = require("react");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var TranslationNamespaceContext = (0, import_react6.createContext)({
+  namespace: "common"
+  // значение по умолчанию
+});
+var TranslateProvider = ({ namespace, children }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TranslationNamespaceContext.Provider, { value: { namespace }, children });
+};
+var useTranslationNamespace = (overrideNamespace) => {
+  const context = (0, import_react6.useContext)(TranslationNamespaceContext);
+  return overrideNamespace || context.namespace;
+};
+
+// src/i18n/TranslateText.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var TranslateText = ({
+  children,
+  values
+}) => {
+  const namespace = useTranslationNamespace();
+  const { t: t2, i18n } = (0, import_react_i18next2.useTranslation)(namespace);
+  const { isTranslationMode, canEdit } = useTranslationEdit();
+  const supabase = useSupabase();
+  const [anchorEl, setAnchorEl] = (0, import_react7.useState)(null);
+  const [isDialogOpen, setIsDialogOpen] = (0, import_react7.useState)(false);
+  const timeoutRef = (0, import_react7.useRef)(null);
+  const translatedValue = t2(children, values);
+  (0, import_react7.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  if (!canEdit || !isTranslationMode) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: translatedValue });
+  }
+  const handleSaveTranslations = async (newValues, contextHint) => {
+    const upsertData = Object.entries(newValues).map(([langCode, text]) => ({
+      lang_code: langCode,
+      namespace,
+      key: children,
+      value: text,
+      context_hint: contextHint
+    }));
+    const { error } = await supabase.from("translations").upsert(upsertData, { onConflict: "lang_code,namespace,key" });
+    if (error) {
+      alert("\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u0440\u0438 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0438 \u0432 \u0431\u0430\u0437\u0443 \u0434\u0430\u043D\u043D\u044B\u0445");
+      throw error;
+    }
+    await translationService.incrementVersion(supabase, namespace, Object.keys(newValues));
+    Object.entries(newValues).forEach(([langCode, text]) => {
+      i18n.addResource(langCode, namespace, children, text);
+    });
+  };
+  const handleMouseEnter = (event) => {
+    if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    setAnchorEl(event.currentTarget);
+  };
+  const handleMouseLeave = () => {
+    timeoutRef.current = setTimeout(() => {
+      setAnchorEl(null);
+    }, 200);
+  };
+  const handleOpenDialog = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setAnchorEl(null);
+    if (document.activeElement instanceof HTMLElement) {
+      document.activeElement.blur();
+    }
+    setIsDialogOpen(true);
+  };
+  const handleLaunchAction = (_) => {
+    setAnchorEl(null);
+  };
+  const open = Boolean(anchorEl);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_material3.Box,
+      {
+        component: "span",
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        onClick: (e) => {
+          e.preventDefault();
+          e.stopPropagation();
+        },
+        sx: {
+          display: "inline-block",
+          position: "relative",
+          borderRadius: "4px",
+          padding: "0 3px",
+          margin: "0 1px",
+          border: "1px dashed #f59e0b",
+          backgroundColor: "rgba(254, 243, 199, 0.35)",
+          cursor: "pointer",
+          transition: "all 0.2s ease-in-out",
+          userSelect: "none",
+          "&:hover": {
+            backgroundColor: "#fef08a",
+            borderColor: "#d97706",
+            boxShadow: "0 0 0 2px rgba(245, 158, 11, 0.35)",
+            transform: "scale(1.02)"
+          }
+        },
+        children: translatedValue
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_material3.Popper,
+      {
+        open,
+        anchorEl,
+        placement: "bottom-start",
+        style: { zIndex: 1300 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material3.Paper,
+          {
+            elevation: 4,
+            onMouseEnter: () => {
+              if (timeoutRef.current) clearTimeout(timeoutRef.current);
+            },
+            onMouseLeave: handleMouseLeave,
+            sx: {
+              mt: 0.5,
+              borderRadius: 2,
+              minWidth: 140,
+              boxShadow: "0px 10px 15px -3px rgba(0,0,0,0.1)"
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material3.MenuList, { dense: true, sx: { py: 0.5 }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material3.MenuItem, { onClick: handleOpenDialog, sx: { py: 0.8, px: 1.5 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material3.ListItemIcon, { sx: { minWidth: "28px !important" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Translate2.default, { fontSize: "small", sx: { color: "#d97706" } }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  import_material3.ListItemText,
+                  {
+                    primary: "Localization",
+                    slotProps: {
+                      primary: {
+                        sx: {
+                          fontSize: "0.825rem",
+                          fontWeight: 600,
+                          color: "text.primary"
+                        }
+                      }
+                    }
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_material3.MenuItem, { onClick: handleLaunchAction, sx: { py: 0.8, px: 1.5 }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material3.ListItemIcon, { sx: { minWidth: "28px !important" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_Launch.default, { fontSize: "small", color: "secondary" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                  import_material3.ListItemText,
+                  {
+                    primary: "Launch action",
+                    slotProps: {
+                      primary: {
+                        sx: {
+                          fontSize: "0.825rem",
+                          fontWeight: 600,
+                          color: "text.primary"
+                        }
+                      }
+                    }
+                  }
+                )
+              ] })
+            ] })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { style: { display: "inline" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      TranslationDialog,
+      {
+        open: isDialogOpen,
+        onClose: () => setIsDialogOpen(false),
+        translationKey: children,
+        namespace,
+        onSave: handleSaveTranslations
+      }
+    ) })
+  ] });
+};
+
+// src/UI/components/inputs/TextfieldComponent.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var TextfieldComponent = ({
+  value = "",
+  onChange,
+  disabled = false,
+  placeholderKey,
+  slotProps,
+  copyTooltip = "Copy",
+  copiedTooltip = "Copied!",
+  clearTooltip = "Clear",
+  lockTooltip = "Field is not available for editing",
+  showLock = false,
+  disableClearButton = false,
+  ...props
+}) => {
+  const supabase = useSupabase();
+  const namespace = useTranslationNamespace();
+  const { t: t2, i18n } = (0, import_react_i18next3.useTranslation)(namespace);
+  const { isTranslationMode } = useTranslationEdit();
+  const [copied, setCopied] = (0, import_react8.useState)(false);
+  const [isDialogOpen, setIsDialogOpen] = (0, import_react8.useState)(false);
+  const isReadOnly = Boolean(slotProps?.htmlInput?.readOnly);
+  const isLocked = disabled || isReadOnly;
+  const stringValue = String(value ?? "");
+  const hasValue = stringValue.length > 0;
+  const translatedPlaceholder = placeholderKey ? t2(placeholderKey) : void 0;
+  const handleClear = (e) => {
+    e.stopPropagation();
+    if (onChange) {
+      const syntheticEvent = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange(syntheticEvent);
+    }
+  };
+  const handleCopy = async (e) => {
+    e.stopPropagation();
+    if (!hasValue || copied) return;
+    try {
+      await navigator.clipboard.writeText(stringValue);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("\u041F\u043E\u043C\u0438\u043B\u043A\u0430 \u043A\u043E\u043F\u0456\u044E\u0432\u0430\u043D\u043D\u044F:", err);
+    }
+  };
+  const handleSaveTranslations = async (newValues, contextHint) => {
+    if (!placeholderKey) return;
+    const upsertData = Object.entries(newValues).map(([langCode, text]) => ({
+      lang_code: langCode,
+      namespace,
+      key: placeholderKey,
+      value: text,
+      context_hint: contextHint
+    }));
+    const { error } = await supabase.from("translations").upsert(upsertData, { onConflict: "lang_code,namespace,key" });
+    if (error) {
+      alert("\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u0440\u0438 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u0438 \u0432 \u0431\u0430\u0437\u0443 \u0434\u0430\u043D\u043D\u044B\u0445");
+      throw error;
+    }
+    await translationService.incrementVersion(supabase, namespace, Object.keys(newValues));
+    Object.entries(newValues).forEach(([langCode, text]) => {
+      i18n.addResource(langCode, namespace, placeholderKey, text);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_material4.TextField,
+      {
+        value,
+        onChange,
+        disabled,
+        margin: "dense",
+        ...props,
+        placeholder: translatedPlaceholder,
+        sx: {
+          "& .MuiInputLabel-asterisk": {
+            color: "red",
+            fontSize: "1.5rem"
+          },
+          "& .MuiInputBase-input": {
+            color: disabled ? "text.disabled" : void 0
+          },
+          ...props.sx
+        },
+        slotProps: {
+          ...slotProps,
+          input: {
+            ...slotProps?.input || {},
+            readOnly: isReadOnly,
+            endAdornment: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material4.InputAdornment, { position: "end", sx: { gap: 0.5 }, children: [
+              hasValue && !isLocked && !disableClearButton && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TranslatableTooltip, { title: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TranslateText, { children: clearTooltip }), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_material4.IconButton,
+                {
+                  size: "small",
+                  onClick: handleClear,
+                  edge: "end",
+                  "aria-label": "clear input",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Clear.default, { fontSize: "small" })
+                }
+              ) }),
+              hasValue && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TranslatableTooltip, { title: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TranslateText, { children: copied ? copiedTooltip : copyTooltip }), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_material4.IconButton,
+                {
+                  size: "small",
+                  onClick: handleCopy,
+                  edge: "end",
+                  "aria-label": "copy content",
+                  color: copied ? "success" : "default",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+                    import_material4.Box,
+                    {
+                      sx: {
+                        display: "flex",
+                        alignItems: "center",
+                        justifyContent: "center",
+                        position: "relative",
+                        width: 20,
+                        height: 20
+                      },
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                          import_ContentCopy.default,
+                          {
+                            fontSize: "small",
+                            sx: {
+                              position: "absolute",
+                              transition: "all 0.25s cubic-bezier(0.4, 0, 0.2, 1)",
+                              opacity: copied ? 0 : 1,
+                              transform: copied ? "scale(0.5) rotate(-45deg)" : "scale(1) rotate(0deg)"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                          import_Check.default,
+                          {
+                            fontSize: "small",
+                            color: "success",
+                            sx: {
+                              position: "absolute",
+                              transition: "all 0.25s cubic-bezier(0.4, 0, 0.2, 1)",
+                              opacity: copied ? 1 : 0,
+                              transform: copied ? "scale(1) rotate(0deg)" : "scale(0.5) rotate(45deg)"
+                            }
+                          }
+                        )
+                      ]
+                    }
+                  )
+                }
+              ) }),
+              isLocked && showLock && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TranslatableTooltip, { title: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(TranslateText, { children: lockTooltip }), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_material4.IconButton,
+                {
+                  size: "small",
+                  disabled: true,
+                  edge: "end",
+                  "aria-label": "locked input",
+                  sx: {
+                    "&.Mui-disabled": {
+                      color: "text.secondary"
+                    }
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Lock.default, { fontSize: "small" })
+                }
+              ) }),
+              slotProps?.input?.endAdornment,
+              isTranslationMode && placeholderKey && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material4.Tooltip, { title: `Translate placeholder: "${placeholderKey}"`, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                import_material4.IconButton,
+                {
+                  size: "small",
+                  onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setIsDialogOpen(true);
+                  },
+                  sx: {
+                    color: "#d97706",
+                    backgroundColor: "rgba(254, 243, 199, 0.6)",
+                    border: "1px dashed #f59e0b",
+                    p: "3px",
+                    "&:hover": {
+                      backgroundColor: "#fef08a"
+                    }
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_Translate3.default, { fontSize: "small" })
+                }
+              ) })
+            ] })
+          }
+        }
+      }
+    ),
+    placeholderKey && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      TranslationDialog,
+      {
+        namespace,
+        open: isDialogOpen,
+        onClose: () => setIsDialogOpen(false),
+        translationKey: placeholderKey,
+        onSave: handleSaveTranslations
+      }
+    )
+  ] });
+};
+
+// src/UI/components/inputs/NumberInputComponent.tsx
+var import_react9 = require("react");
+var import_material5 = require("@mui/material");
+var import_Add = __toESM(require("@mui/icons-material/Add"));
+var import_Remove = __toESM(require("@mui/icons-material/Remove"));
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var NumberInputComponent = ({
+  value,
+  onChange,
+  allowNegative = true,
+  allowFractional = true,
+  decimalPlaces,
+  minValue,
+  maxValue,
+  step = 1,
+  showStepper = true,
+  useGrouping = true,
+  highlightNegative = true,
+  disabled = false,
+  slotProps,
+  onBlur,
+  ...props
+}) => {
+  const [inputValue, setInputValue] = (0, import_react9.useState)(
+    value !== null && value !== void 0 ? String(value) : ""
+  );
+  (0, import_react9.useEffect)(() => {
+    const stringVal = value !== null && value !== void 0 ? String(value) : "";
+    if (Number(stringVal) !== Number(inputValue) || stringVal === "" && inputValue !== "." && inputValue !== "-") {
+      setInputValue(stringVal);
+    }
+  }, [value]);
+  const effectiveMin = !allowNegative ? Math.max(0, minValue ?? 0) : minValue;
+  const formatDisplayValue = (0, import_react9.useCallback)(
+    (raw) => {
+      if (!useGrouping || !raw) return raw;
+      const isNegative2 = raw.startsWith("-");
+      const clean = isNegative2 ? raw.slice(1) : raw;
+      const parts = clean.split(".");
+      parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, " ");
+      return (isNegative2 ? "-" : "") + parts.join(".");
+    },
+    [useGrouping]
+  );
+  const formatAndClampValue = (0, import_react9.useCallback)(
+    (num) => {
+      let clamped = num;
+      if (effectiveMin !== void 0 && clamped < effectiveMin) {
+        clamped = effectiveMin;
+      }
+      if (maxValue !== void 0 && clamped > maxValue) {
+        clamped = maxValue;
+      }
+      if (!allowFractional) {
+        clamped = Math.round(clamped);
+      } else if (decimalPlaces !== void 0) {
+        clamped = Number(clamped.toFixed(decimalPlaces));
+      }
+      return { numeric: clamped, str: String(clamped) };
+    },
+    [effectiveMin, maxValue, allowFractional, decimalPlaces]
+  );
+  const handleChange = (0, import_react9.useCallback)(
+    (e) => {
+      let raw = e.target.value.replace(/\s/g, "").replace(",", ".");
+      if (!allowNegative) {
+        raw = raw.replace(/-/g, "");
+      } else {
+        const hasMinus = raw.startsWith("-");
+        raw = raw.replace(/-/g, "");
+        if (hasMinus) raw = "-" + raw;
+      }
+      if (!allowFractional) {
+        raw = raw.replace(/\./g, "");
+      } else {
+        const parts = raw.split(".");
+        if (parts.length > 2) {
+          raw = parts[0] + "." + parts.slice(1).join("");
+        }
+        if (decimalPlaces !== void 0 && parts.length > 1) {
+          raw = parts[0] + "." + parts[1].slice(0, decimalPlaces);
+        }
+      }
+      raw = raw.replace(/[^0-9.-]/g, "");
+      if (raw === "" || raw === "-" || raw.endsWith(".")) {
+        setInputValue(raw);
+        onChange?.(null, raw);
+        return;
+      }
+      let numericValue = Number(raw);
+      if (!isNaN(numericValue)) {
+        if (!allowNegative && numericValue < 0) {
+          numericValue = 0;
+          raw = "0";
+        }
+        if (maxValue !== void 0 && numericValue > maxValue) {
+          numericValue = maxValue;
+          raw = String(maxValue);
+        }
+        setInputValue(raw);
+        onChange?.(numericValue, raw);
+      }
+    },
+    [allowNegative, allowFractional, decimalPlaces, maxValue, onChange]
+  );
+  const handleBlur = (0, import_react9.useCallback)(
+    (e) => {
+      onBlur?.(e);
+      if (inputValue === "" || inputValue === "-" || inputValue === ".") {
+        return;
+      }
+      const numericValue = Number(inputValue);
+      if (!isNaN(numericValue)) {
+        const { numeric, str } = formatAndClampValue(numericValue);
+        if (numeric !== numericValue || str !== inputValue) {
+          setInputValue(str);
+          onChange?.(numeric, str);
+        }
+      }
+    },
+    [inputValue, formatAndClampValue, onChange, onBlur]
+  );
+  const handleStep = (0, import_react9.useCallback)(
+    (delta) => {
+      if (disabled) return;
+      const currentNum = typeof value === "number" ? value : Number(inputValue) || 0;
+      const nextNum = currentNum + delta;
+      const { numeric, str } = formatAndClampValue(nextNum);
+      setInputValue(str);
+      onChange?.(numeric, str);
+    },
+    [disabled, value, inputValue, formatAndClampValue, onChange]
+  );
+  const currentNumeric = typeof value === "number" ? value : Number(inputValue);
+  const isNegative = (0, import_react9.useMemo)(() => {
+    return !isNaN(currentNumeric) && currentNumeric < 0;
+  }, [currentNumeric]);
+  const isDecrementDisabled = disabled || effectiveMin !== void 0 && !isNaN(currentNumeric) && currentNumeric <= effectiveMin;
+  const isIncrementDisabled = disabled || maxValue !== void 0 && !isNaN(currentNumeric) && currentNumeric >= maxValue;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    TextfieldComponent,
+    {
+      ...props,
+      type: "text",
+      disabled,
+      value: formatDisplayValue(inputValue),
+      onChange: handleChange,
+      onBlur: handleBlur,
+      slotProps: {
+        ...slotProps,
+        input: {
+          ...slotProps?.input || {},
+          sx: {
+            ...slotProps?.input?.sx,
+            // 👈 Підсвічуємо червоним коліром текст при від'ємному значенні
+            //color: isNegative && highlightNegative ? 'error.main' : 'inherit',
+            //fontWeight: isNegative && highlightNegative ? 600 : 'normal',
+            ...isNegative && highlightNegative && {
+              color: "error.main",
+              fontWeight: 600,
+              // Принудительно сохраняем красный цвет текста даже когда disabled={true}
+              "&.Mui-disabled": {
+                color: "error.main",
+                WebkitTextFillColor: (theme) => theme.palette.error.main
+              },
+              "& .MuiInputBase-input.Mui-disabled": {
+                color: "error.main",
+                WebkitTextFillColor: (theme) => theme.palette.error.main
+              }
+            }
+          },
+          endAdornment: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+            slotProps?.input?.endAdornment,
+            showStepper && !disabled && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_material5.InputAdornment, { position: "end", sx: { ml: 0.5 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_material5.Box, { sx: { display: "flex", alignItems: "center", gap: "2px" }, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_material5.IconButton,
+                {
+                  size: "small",
+                  onClick: () => handleStep(-step),
+                  disabled: isDecrementDisabled,
+                  sx: { p: "2px" },
+                  "aria-label": "decrement",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Remove.default, { fontSize: "small" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+                import_material5.IconButton,
+                {
+                  size: "small",
+                  onClick: () => handleStep(step),
+                  disabled: isIncrementDisabled,
+                  sx: { p: "2px" },
+                  "aria-label": "increment",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_Add.default, { fontSize: "small" })
+                }
+              )
+            ] }) })
+          ] })
+        }
+      }
+    }
+  );
+};
+
+// src/UI/index.ts
+var CardForm = {
+  Inputs: {
+    TextField: TextfieldComponent,
+    NumberField: NumberInputComponent
+  }
+  /*Layout: {
+    Row: FormRow,
+  },*/
+};
+
+// src/context/LocalizationProvider.tsx
+var import_react10 = require("react");
+var import_react_i18next4 = require("react-i18next");
+var import_moment_with_locales = __toESM(require("moment/min/moment-with-locales"));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var DEFAULT_DATETIME_FORMATS = {
+  uk: "DD.MM.YYYY, HH:mm",
+  de: "DD.MM.YYYY, HH:mm",
+  en: "MM/DD/YYYY, hh:mm A",
+  es: "DD/MM/YYYY, HH:mm",
+  fr: "DD/MM/YYYY, HH:mm",
+  it: "DD/MM/YYYY, HH:mm"
+};
+var DEFAULT_DATE_FORMATS = {
+  uk: "DD.MM.YYYY",
+  de: "DD.MM.YYYY",
+  en: "MM/DD/YYYY",
+  es: "DD/MM/YYYY",
+  fr: "DD/MM/YYYY",
+  it: "DD/MM/YYYY"
+};
+var DEFAULT_TIME_FORMATS = {
+  uk: "HH:mm:ss",
+  de: "HH:mm:ss",
+  en: "hh:mm:ss A",
+  es: "HH:mm:ss",
+  fr: "HH:mm:ss",
+  it: "HH:mm:ss"
+};
+var LocalizationContext = (0, import_react10.createContext)(void 0);
+var LocalizationProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const { i18n } = (0, import_react_i18next4.useTranslation)();
+  const [languages, setLanguages] = (0, import_react10.useState)([]);
+  const [isLoadingLangs, setIsLoadingLangs] = (0, import_react10.useState)(true);
+  const [languagesError, setLanguagesError] = (0, import_react10.useState)(null);
+  (0, import_react10.useEffect)(() => {
+    let isMounted = true;
+    const fetchLanguages = async () => {
+      try {
+        setIsLoadingLangs(true);
+        setLanguagesError(null);
+        const { data: langs, error: langErr } = await supabase.from("languages").select("code, name, svg_flag, enabled, created_at").eq("enabled", true).order("code", { ascending: true });
+        if (langErr) {
+          throw langErr;
+        }
+        if (isMounted && langs) {
+          setLanguages(langs);
+        }
+      } catch (err) {
+        console.error("Failed to load languages from Supabase:", err);
+        if (isMounted) {
+          setLanguagesError(err.message || "Error loading languages");
+        }
+      } finally {
+        if (isMounted) {
+          setIsLoadingLangs(false);
+        }
+      }
+    };
+    fetchLanguages();
+    return () => {
+      isMounted = false;
+    };
+  }, [supabase]);
+  const rawLang = i18n.language || "uk";
+  const currentLang = rawLang.split("-")[0].toLowerCase();
+  const getDateFormat = () => {
+    return DEFAULT_DATE_FORMATS[currentLang] || "DD.MM.YYYY";
+  };
+  const getTimeFormat = () => {
+    return DEFAULT_TIME_FORMATS[currentLang] || "HH:mm:ss";
+  };
+  const getDateTimeFormat = () => {
+    return DEFAULT_DATETIME_FORMATS[currentLang] || "DD.MM.YYYY, HH:mm";
+  };
+  const formatDateTime = (date, customPattern) => {
+    if (!date) return "\u2014";
+    const pattern = customPattern || DEFAULT_DATETIME_FORMATS[currentLang] || "DD.MM.YYYY, HH:mm";
+    return (0, import_moment_with_locales.default)(date).locale(currentLang).format(pattern);
+  };
+  const formatDate = (date, customPattern) => {
+    if (!date) return "\u2014";
+    const pattern = customPattern || DEFAULT_DATE_FORMATS[currentLang] || "DD.MM.YYYY";
+    return (0, import_moment_with_locales.default)(date).locale(currentLang).format(pattern);
+  };
+  const formatTime = (date, customPattern) => {
+    if (!date) return "\u2014";
+    const pattern = customPattern || DEFAULT_TIME_FORMATS[currentLang] || "HH:mm:ss";
+    return (0, import_moment_with_locales.default)(date).locale(currentLang).format(pattern);
+  };
+  const formatRelativeTime = (date, withoutSuffix = false) => {
+    if (!date) return "\u2014";
+    return (0, import_moment_with_locales.default)(date).locale(currentLang).fromNow(withoutSuffix);
+  };
+  const changeLanguage2 = async (lang) => {
+    await i18n.changeLanguage(lang);
+  };
+  const value = (0, import_react10.useMemo)(
+    () => ({
+      currentLang,
+      languages,
+      isLoadingLangs,
+      languagesError,
+      changeLanguage: changeLanguage2,
+      getDateFormat,
+      getTimeFormat,
+      getDateTimeFormat,
+      formatDateTime,
+      formatDate,
+      formatTime,
+      formatRelativeTime
+    }),
+    [currentLang, languages, isLoadingLangs, languagesError]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(LocalizationContext.Provider, { value, children });
+};
+var useLocalization = () => {
+  const context = (0, import_react10.useContext)(LocalizationContext);
+  if (!context) {
+    throw new Error("useLocalization must be used within a LocalizationProvider");
+  }
+  return context;
+};
+
+// src/context/ThemeProvider.tsx
+var import_react11 = require("react");
+var import_material6 = require("@mui/material");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var DEFAULT_LIGHT_COLORS = {
+  primary: "#1976d2",
+  secondary: "#9c27b0",
+  backgroundDefault: "#f5f5f5",
+  backgroundPaper: "#ffffff",
+  textPrimary: "#0f172a",
+  textSecondary: "#475569",
+  success: "#2e7d32",
+  error: "#d32f2f",
+  warning: "#ed6c02",
+  info: "#0288d1"
+};
+var DEFAULT_DARK_COLORS = {
+  primary: "#90caf9",
+  secondary: "#ce93d8",
+  backgroundDefault: "#0f172a",
+  backgroundPaper: "#1e293b",
+  textPrimary: "#f8fafc",
+  textSecondary: "#94a3b8",
+  success: "#66bb6a",
+  error: "#f44336",
+  warning: "#ffa726",
+  info: "#29b6f6"
+};
+var INITIAL_THEME_CONFIG = {
+  name: "Base MUI Theme",
+  mode: "light",
+  borderRadius: 12,
+  colors: {
+    light: DEFAULT_LIGHT_COLORS,
+    dark: DEFAULT_DARK_COLORS
+  },
+  typography: {
+    fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
+    fontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 600,
+    fontWeightBold: 700
+  }
+};
+var buildMuiTheme = (config) => {
+  const currentMode = config.mode;
+  const currentColors = config.colors?.[currentMode] || (currentMode === "light" ? DEFAULT_LIGHT_COLORS : DEFAULT_DARK_COLORS);
+  return (0, import_material6.createTheme)({
+    palette: {
+      mode: currentMode,
+      primary: {
+        main: currentColors.primary,
+        light: currentMode === "light" ? "#63a4ff" : "#a1d2fa",
+        dark: currentMode === "light" ? "#004ba0" : "#42a5f5"
+      },
+      secondary: {
+        main: currentColors.secondary
+      },
+      background: {
+        default: currentColors.backgroundDefault,
+        paper: currentColors.backgroundPaper
+      },
+      text: {
+        primary: currentColors.textPrimary,
+        secondary: currentColors.textSecondary || (currentMode === "light" ? "#475569" : "#94a3b8")
+      },
+      success: { main: currentColors.success },
+      error: { main: currentColors.error },
+      warning: { main: currentColors.warning },
+      info: { main: currentColors.info }
+    },
+    shape: {
+      borderRadius: config.borderRadius
+    },
+    typography: {
+      fontFamily: config.typography?.fontFamily || INITIAL_THEME_CONFIG.typography.fontFamily,
+      fontSize: config.typography?.fontSize || INITIAL_THEME_CONFIG.typography.fontSize,
+      fontWeightLight: config.typography?.fontWeightLight || INITIAL_THEME_CONFIG.typography.fontWeightLight,
+      fontWeightRegular: config.typography?.fontWeightRegular || INITIAL_THEME_CONFIG.typography.fontWeightRegular,
+      fontWeightMedium: config.typography?.fontWeightMedium || INITIAL_THEME_CONFIG.typography.fontWeightMedium,
+      fontWeightBold: config.typography?.fontWeightBold || INITIAL_THEME_CONFIG.typography.fontWeightBold,
+      h5: { fontWeight: 700, fontSize: "1.25rem" },
+      subtitle1: { fontWeight: 600, fontSize: "0.95rem" },
+      body2: { fontSize: "0.85rem" }
+    },
+    components: {
+      MuiAutocomplete: {
+        defaultProps: {
+          noOptionsText: "\u041D\u0456\u0447\u043E\u0433\u043E \u043D\u0435 \u0437\u043D\u0430\u0439\u0434\u0435\u043D\u043E"
+        }
+      },
+      MuiListItem: {
+        styleOverrides: {
+          root: {
+            transition: "all 0.2s ease-in-out",
+            "&:hover": {
+              backgroundColor: currentMode === "light" ? "#f1f5f9" : "#334155"
+            }
+          }
+        }
+      },
+      MuiListItemButton: {
+        styleOverrides: {
+          root: {
+            transition: "all 0.2s ease-in-out",
+            "&:hover": {
+              backgroundColor: currentMode === "light" ? "#f1f5f9" : "#334155"
+            }
+          }
+        }
+      },
+      MuiButton: {
+        styleOverrides: {
+          root: {
+            textTransform: "none",
+            fontWeight: 600,
+            borderRadius: `${config.borderRadius}px`,
+            padding: "10px 24px",
+            transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+          }
+        }
+      },
+      MuiPaper: {
+        styleOverrides: {
+          rounded: {
+            borderRadius: `${config.borderRadius * 1.25}px`
+          }
+        }
+      }
+    }
+  });
+};
+var ThemeContext = (0, import_react11.createContext)(void 0);
+var THEME_STORAGE_KEY = "docsua_custom_theme_config";
+var THEME_MODE_STORAGE_KEY = "docsua_custom_theme_mode";
+var ThemeProvider = ({ children }) => {
+  const supabase = useSupabase();
+  const { user, isAuthenticated, loading: isAuthLoading } = useAuth();
+  const userId = user?.id;
+  const [themeConfig, setThemeConfig] = (0, import_react11.useState)(() => {
+    const saved = localStorage.getItem(THEME_STORAGE_KEY);
+    if (saved) {
+      try {
+        return JSON.parse(saved);
+      } catch (e) {
+      }
+    }
+    return INITIAL_THEME_CONFIG;
+  });
+  (0, import_react11.useEffect)(() => {
+    if (isAuthLoading) return;
+    if (isAuthenticated && userId) {
+      const fetchActiveTheme = async () => {
+        try {
+          const { data, error } = await supabase.from("user_themes").select("*").eq("user_id", userId).eq("is_active", true).maybeSingle();
+          if (error) {
+            console.error("\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u0440\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0435 \u0442\u0435\u043C\u044B \u0438\u0437 Supabase:", error.message);
+            return;
+          }
+          if (data) {
+            const activeTheme = data;
+            const savedMode = localStorage.getItem(THEME_MODE_STORAGE_KEY);
+            setThemeConfig({
+              id: activeTheme.id,
+              name: activeTheme.name || INITIAL_THEME_CONFIG.name,
+              mode: savedMode || activeTheme.config?.mode || "light",
+              borderRadius: activeTheme.config?.borderRadius ?? INITIAL_THEME_CONFIG.borderRadius,
+              colors: activeTheme.config?.colors || INITIAL_THEME_CONFIG.colors,
+              typography: activeTheme.config?.typography || INITIAL_THEME_CONFIG.typography,
+              updatedAt: activeTheme.updated_at || void 0
+            });
+          }
+        } catch (err) {
+          console.error("\u041D\u0435\u043F\u0440\u0435\u0434\u0432\u0438\u0434\u0435\u043D\u043D\u0430\u044F \u043E\u0448\u0438\u0431\u043A\u0430 \u043F\u0440\u0438 \u0437\u0430\u043F\u0440\u043E\u0441\u0435 \u0442\u0435\u043C\u044B:", err);
+        }
+      };
+      fetchActiveTheme();
+    } else {
+      setThemeConfig(INITIAL_THEME_CONFIG);
+      localStorage.removeItem(THEME_STORAGE_KEY);
+      localStorage.removeItem(THEME_MODE_STORAGE_KEY);
+    }
+  }, [isAuthenticated, isAuthLoading, userId]);
+  (0, import_react11.useEffect)(() => {
+    if (isAuthenticated) {
+      localStorage.setItem(THEME_STORAGE_KEY, JSON.stringify(themeConfig));
+      localStorage.setItem(THEME_MODE_STORAGE_KEY, themeConfig.mode);
+    }
+  }, [themeConfig, isAuthenticated]);
+  const mode = themeConfig.mode;
+  const setMode = (newMode) => {
+    setThemeConfig((prev) => ({ ...prev, mode: newMode }));
+  };
+  const toggleTheme = () => {
+    setMode(mode === "light" ? "dark" : "light");
+  };
+  const theme = (0, import_react11.useMemo)(() => buildMuiTheme(themeConfig), [themeConfig]);
+  const displayState = {
+    isMobile: (0, import_material6.useMediaQuery)(theme.breakpoints.down("sm")),
+    isTablet: (0, import_material6.useMediaQuery)(theme.breakpoints.between("sm", "md")),
+    isDesktop: (0, import_material6.useMediaQuery)(theme.breakpoints.between("md", "lg")),
+    isWideDesktop: (0, import_material6.useMediaQuery)(theme.breakpoints.between("lg", "xl")),
+    isSuperWideDesktop: (0, import_material6.useMediaQuery)(theme.breakpoints.up("xl"))
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ThemeContext.Provider, { value: { mode, toggleTheme, setMode, theme, themeConfig, setThemeConfig, displayState }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_material6.ThemeProvider, { theme, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material6.CssBaseline, {}),
+    children
+  ] }) });
+};
+var useAppTheme = () => {
+  const context = (0, import_react11.useContext)(ThemeContext);
+  if (!context) {
+    throw new Error("useAppTheme should be used within the ThemeProvider");
+  }
+  return context;
+};
+
+// src/context/BreadcrumbProvider.tsx
+var import_react12 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var BreadcrumbContext = (0, import_react12.createContext)({
+  breadcrumbTitles: {},
+  setBreadcrumbTitle: () => {
+  }
+});
+var BreadcrumbProvider = ({ children }) => {
+  const [breadcrumbTitles, setBreadcrumbTitles] = (0, import_react12.useState)({});
+  const setBreadcrumbTitle = (path, title) => {
+    setBreadcrumbTitles((prev) => {
+      if (prev[path] === title) return prev;
+      return { ...prev, [path]: title };
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(BreadcrumbContext.Provider, { value: { breadcrumbTitles, setBreadcrumbTitle }, children });
+};
+var useBreadcrumb = () => (0, import_react12.useContext)(BreadcrumbContext);
+
+// src/context/ToastProvider.tsx
+var import_react13 = require("react");
+var import_material7 = require("@mui/material");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var ToastContext = (0, import_react13.createContext)(void 0);
+var ToastProvider = ({ children }) => {
+  const [toast, setToast] = (0, import_react13.useState)(null);
+  const showToast = (0, import_react13.useCallback)((text, type = "info") => {
+    setToast({ text, type });
+  }, []);
+  const hideToast = (0, import_react13.useCallback)(() => {
+    setToast(null);
+  }, []);
+  const contextValue = (0, import_react13.useMemo)(() => ({
+    showToast,
+    hideToast
+  }), [showToast, hideToast]);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(ToastContext.Provider, { value: contextValue, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_material7.Snackbar,
+      {
+        open: Boolean(toast),
+        autoHideDuration: 3500,
+        onClose: hideToast,
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_material7.Alert,
+          {
+            severity: toast?.type || "info",
+            variant: "filled",
+            onClose: hideToast,
+            children: toast?.text
+          }
+        )
+      }
+    )
+  ] });
+};
+var useToast = () => {
+  const context = (0, import_react13.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+
+// src/context/ConfirmationProvider.tsx
+var import_react14 = require("react");
+var import_material8 = require("@mui/material");
+var import_icons_material = require("@mui/icons-material");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var ConfirmContext = (0, import_react14.createContext)(null);
+var SEVERITY_ICONS = {
+  error: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material.Error, { color: "error", sx: { fontSize: 40 } }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material.WarningAmberOutlined, { color: "warning", sx: { fontSize: 40 } }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material.InfoOutlined, { color: "info", sx: { fontSize: 40 } }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons_material.CheckCircleOutlined, { color: "success", sx: { fontSize: 40 } })
+};
+var ConfirmationProvider = ({ children }) => {
+  const [open, setOpen] = (0, import_react14.useState)(false);
+  const [options, setOptions] = (0, import_react14.useState)(null);
+  const [resolver, setResolver] = (0, import_react14.useState)(null);
+  const confirm = (0, import_react14.useCallback)((opts) => {
+    setOptions(opts);
+    setOpen(true);
+    return new Promise((resolve) => {
+      setResolver(() => resolve);
+    });
+  }, []);
+  const handleClose = (result) => {
+    setOpen(false);
+    if (resolver) {
+      resolver(result);
+    }
+  };
+  const severityType = options?.type || "info";
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ConfirmContext.Provider, { value: { confirm }, children: [
+    children,
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+      import_material8.Dialog,
+      {
+        open,
+        onClose: () => handleClose("cancel"),
+        maxWidth: "xs",
+        fullWidth: true,
+        disableEnforceFocus: true,
+        disableRestoreFocus: true,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material8.DialogTitle, { sx: { display: "flex", alignItems: "center", gap: 1.5, pb: 1 }, children: [
+            SEVERITY_ICONS[severityType],
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material8.Box, { component: "span", sx: { fontWeight: 600 }, children: options?.title || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TranslateText, { children: "Confirmation" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material8.DialogContent, { sx: { py: 2 }, dividers: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material8.DialogContentText, { color: "text.secondary", children: options?.message }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material8.DialogActions, { sx: { pt: 2, px: 2, justifyContent: "flex-end", gap: 1 }, children: [
+            (options?.showCancelButton ?? true) && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              import_material8.Button,
+              {
+                onClick: () => handleClose("cancel"),
+                color: "inherit",
+                variant: "text",
+                children: options?.cancelText || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TranslateText, { children: "Cancel" })
+              }
+            ),
+            options?.showNoButton && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              import_material8.Button,
+              {
+                onClick: () => handleClose("no"),
+                color: "inherit",
+                variant: "outlined",
+                children: options?.noText || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TranslateText, { children: "No" })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              import_material8.Button,
+              {
+                onClick: () => handleClose("yes"),
+                color: options?.confirmColor || (severityType === "error" ? "error" : "primary"),
+                variant: "contained",
+                autoFocus: true,
+                children: options?.confirmText || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TranslateText, { children: "Yes" })
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+var useConfirmation = () => {
+  const context = (0, import_react14.useContext)(ConfirmContext);
+  if (!context) {
+    throw new Error("useConfirm must be used within a ConfirmProvider");
+  }
+  return context.confirm;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AIProvider,
+  BreadcrumbProvider,
+  CardForm,
+  ConfirmationProvider,
+  LocalizationProvider,
+  SupabaseProvider,
+  ThemeProvider,
+  ToastProvider,
+  TranslateProvider,
+  TranslateText,
+  TranslationEditProvider,
+  useAI,
+  useAppTheme,
+  useBreadcrumb,
+  useConfirmation,
+  useLocalization,
+  useSupabase,
+  useToast,
+  useTranslationEdit,
+  useTranslationNamespace
+});