@serhii.olishevskyi/docs 1.0.1 → 1.0.3

package/dist/index.mjs

@@ -1,3171 +1,51 @@
-// src/UI/components/inputs/TextfieldComponent.tsx
-import { useState as useState5 } from "react";
 import {
-  TextField as TextField2,
-  InputAdornment,
-  IconButton as IconButton2,
-  Box as Box3,
-  Tooltip as Tooltip3
-} from "@mui/material";
-import LockIcon from "@mui/icons-material/Lock";
-import ContentCopyIcon from "@mui/icons-material/ContentCopy";
-import CheckIcon from "@mui/icons-material/Check";
-import ClearIcon from "@mui/icons-material/Clear";
-import TranslateIcon3 from "@mui/icons-material/Translate";
-
-// src/UI/components/inputs/TranslatableTooltip.tsx
-import { Tooltip } from "@mui/material";
-
-// src/context/TranslationEditProvider.tsx
-import { createContext as createContext3, useContext as useContext3, useState as useState2, useEffect as useEffect2, useCallback as useCallback2 } from "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(module) {
-    this.processors[module.name] = module;
-  },
-  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(module) {
-    if (!module) throw new Error("You are passing an undefined module! Please check the object you are passing to i18next.use()");
-    if (!module.type) throw new Error("You are passing a wrong module! Please check the object you are passing to i18next.use()");
-    if (module.type === "backend") {
-      this.modules.backend = module;
-    }
-    if (module.type === "logger" || module.log && module.warn && module.error) {
-      this.modules.logger = module;
-    }
-    if (module.type === "languageDetector") {
-      this.modules.languageDetector = module;
-    }
-    if (module.type === "i18nFormat") {
-      this.modules.i18nFormat = module;
-    }
-    if (module.type === "postProcessor") {
-      postProcessor.addPostProcessor(module);
-    }
-    if (module.type === "formatter") {
-      this.modules.formatter = module;
-    }
-    if (module.type === "3rdParty") {
-      this.modules.external.push(module);
-    }
-    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
-import { initReactI18next } from "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
-import { createContext as createContext2, useContext as useContext2, useEffect, useState, useCallback, useRef } from "react";
-
-// src/context/SupabaseProvider.tsx
-import { createContext, useContext, useMemo } from "react";
-import { createClient } from "@supabase/supabase-js";
-import { jsx } from "react/jsx-runtime";
-var SupabaseContext = createContext(null);
-var SupabaseProvider = ({
-  children,
-  client,
-  config
-}) => {
-  const supabaseInstance = useMemo(() => {
-    if (client) return client;
-    if (config?.url && config?.anonKey) {
-      return 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__ */ jsx(SupabaseContext.Provider, { value: { supabase: supabaseInstance }, children });
-};
-var useSupabase = () => {
-  const context = 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
-import { jsx as jsx2 } from "react/jsx-runtime";
-var AuthContext = createContext2(void 0);
-var useAuth = () => {
-  const context = useContext2(AuthContext);
-  if (!context) {
-    throw new Error("useAuth should be used within the AuthProvider");
-  }
-  return context;
-};
-
-// src/context/TranslationEditProvider.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var TranslationEditContext = createContext3(void 0);
-var TranslationEditProvider = ({ children }) => {
-  const supabase = useSupabase();
-  const { user } = useAuth();
-  const [isTranslationMode, setIsTranslationMode] = useState2(false);
-  const [canEdit, setCanEdit] = useState2(false);
-  const [isLoadingPermissions, setIsLoadingPermissions] = useState2(true);
-  const checkPermission = useCallback2(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]);
-  useEffect2(() => {
-    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__ */ jsx3(
-    TranslationEditContext.Provider,
-    {
-      value: {
-        isTranslationMode,
-        setIsTranslationMode: handleSetTranslationMode,
-        canEdit,
-        isLoadingPermissions,
-        updateTranslation
-      },
-      children
-    }
-  );
-};
-var useTranslationEdit = () => {
-  const context = useContext3(TranslationEditContext);
-  if (!context) throw new Error("useTranslationEdit must be used within TranslationEditProvider");
-  return context;
-};
-
-// src/UI/components/inputs/TranslatableTooltip.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var TranslatableTooltip = ({
-  title,
-  disableSpan,
-  children,
-  ...props
-}) => {
-  const { isTranslationMode } = useTranslationEdit();
-  return /* @__PURE__ */ jsx4(
-    Tooltip,
-    {
-      title,
-      slotProps: {
-        popper: {
-          sx: isTranslationMode ? {
-            pointerEvents: "auto",
-            // Разрешаем клики внутри тултипа
-            "& .MuiTooltip-tooltip": {
-              pointerEvents: "auto"
-            }
-          } : void 0
-        }
-      },
-      leaveDelay: isTranslationMode ? 1e3 : 100,
-      ...props,
-      children: disableSpan ? children : /* @__PURE__ */ jsx4("span", { children })
-    }
-  );
-};
-
-// src/UI/components/inputs/TextfieldComponent.tsx
-import { useTranslation as useTranslation2 } from "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
-import { useState as useState4, useRef as useRef2, useEffect as useEffect4 } from "react";
-import { useTranslation } from "react-i18next";
-import { Box as Box2, Popper, Paper as Paper2, MenuList, MenuItem, ListItemIcon, ListItemText } from "@mui/material";
-import TranslateIcon2 from "@mui/icons-material/Translate";
-import LaunchIcon from "@mui/icons-material/Launch";
-
-// src/i18n/TranslationDialog.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
-import {
-  Dialog,
-  DialogTitle,
-  DialogContent,
-  DialogActions,
-  Button,
-  TextField,
-  Box,
-  Typography,
-  CircularProgress,
-  IconButton,
-  Tooltip as Tooltip2,
-  Paper,
-  Alert
-} from "@mui/material";
-import AutoFixHighIcon from "@mui/icons-material/AutoFixHigh";
-import TranslateIcon from "@mui/icons-material/Translate";
-import LightbulbIcon from "@mui/icons-material/Lightbulb";
-
-// src/context/AIProvider.tsx
-import { createContext as createContext4, useContext as useContext4, useMemo as useMemo2 } from "react";
-import { GoogleGenAI } from "@google/genai";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var AIContext = createContext4(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 = useMemo2(() => {
-    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 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__ */ jsx5(AIContext.Provider, { value: contextValue, children });
-};
-var useAI = () => {
-  const context = useContext4(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
-import { jsx as jsx6, jsxs } from "react/jsx-runtime";
-var TranslationDialog = ({
-  open,
-  onClose,
-  translationKey,
-  namespace,
-  onSave
-}) => {
-  const supabase = useSupabase();
-  const { generate } = useAI();
-  const [languages, setLanguages] = useState3([]);
-  const [values, setValues] = useState3({});
-  const [contextHint, setContextHint] = useState3("");
-  const [loading, setLoading] = useState3(false);
-  const [saving, setSaving] = useState3(false);
-  const [translatingCode, setTranslatingCode] = useState3(null);
-  const [isTranslatingAll, setIsTranslatingAll] = useState3(false);
-  const [error, setError] = useState3(null);
-  useEffect3(() => {
-    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__ */ jsxs(
-    Dialog,
-    {
-      open,
-      onClose: handleClose,
-      fullWidth: true,
-      maxWidth: "sm",
-      onClick: (e) => e.stopPropagation(),
-      onMouseDown: (e) => e.stopPropagation(),
-      children: [
-        /* @__PURE__ */ jsxs(DialogTitle, { sx: { pb: 1, display: "flex", justifyContent: "space-between", alignItems: "flex-start" }, children: [
-          /* @__PURE__ */ jsxs(Box, { children: [
-            "Context Translation",
-            /* @__PURE__ */ jsxs(Typography, { component: "div", variant: "subtitle2", color: "text.secondary", sx: { wordBreak: "break-all", mt: 0.5 }, children: [
-              "Original: ",
-              /* @__PURE__ */ jsxs("strong", { children: [
-                '"',
-                translationKey,
-                '"'
-              ] })
-            ] })
-          ] }),
-          !loading && /* @__PURE__ */ jsx6(
-            Button,
-            {
-              type: "button",
-              size: "small",
-              variant: "outlined",
-              color: "secondary",
-              startIcon: isTranslatingAll ? /* @__PURE__ */ jsx6(CircularProgress, { size: 16, color: "inherit" }) : /* @__PURE__ */ jsx6(TranslateIcon, { fontSize: "small" }),
-              onClick: handleTranslateAll,
-              disabled: isBusy,
-              sx: { flexShrink: 0, ml: 2, whiteSpace: "nowrap" },
-              children: isTranslatingAll ? "Translating..." : "Translate All"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(DialogContent, { dividers: true, sx: { pt: 2 }, children: [
-          error && /* @__PURE__ */ jsx6(Alert, { severity: "error", onClose: () => setError(null), sx: { mb: 2 }, children: error }),
-          loading ? /* @__PURE__ */ jsx6(Box, { sx: { display: "flex", justifyContent: "center", py: 4 }, children: /* @__PURE__ */ jsx6(CircularProgress, {}) }) : /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
-            /* @__PURE__ */ jsxs(Paper, { variant: "outlined", sx: { p: 2, bgcolor: "action.hover", borderRadius: 2 }, children: [
-              /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 1 }, children: [
-                /* @__PURE__ */ jsx6(LightbulbIcon, { color: "warning", fontSize: "small" }),
-                /* @__PURE__ */ jsx6(Typography, { variant: "subtitle2", sx: { fontWeight: 600 }, children: "Context Hint / Clarification" })
-              ] }),
-              /* @__PURE__ */ jsx6(
-                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__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
-              /* @__PURE__ */ jsx6(
-                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__ */ jsx6(
-                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__ */ jsx6(Tooltip2, { title: "Translate with context hint", children: /* @__PURE__ */ jsx6("span", { children: /* @__PURE__ */ jsx6(
-                IconButton,
-                {
-                  type: "button",
-                  color: "primary",
-                  disabled: isBusy,
-                  onClick: (e) => handleAutoTranslate(e, lang.code),
-                  children: translatingCode === lang.code ? /* @__PURE__ */ jsx6(CircularProgress, { size: 20, color: "inherit" }) : /* @__PURE__ */ jsx6(AutoFixHighIcon, { fontSize: "small" })
-                }
-              ) }) })
-            ] }, lang.code))
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(DialogActions, { sx: { px: 3, py: 2 }, children: [
-          /* @__PURE__ */ jsx6(Button, { onClick: onClose, disabled: isBusy, color: "inherit", type: "button", children: "Cancel" }),
-          /* @__PURE__ */ jsx6(
-            Button,
-            {
-              onClick: handleSaveAll,
-              variant: "contained",
-              disabled: isBusy,
-              type: "button",
-              children: saving ? "Saving..." : "Save All"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-
-// src/context/TranslateProvider.tsx
-import { createContext as createContext5, useContext as useContext5 } from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var TranslationNamespaceContext = createContext5({
-  namespace: "common"
-  // значение по умолчанию
-});
-var TranslateProvider = ({ namespace, children }) => {
-  return /* @__PURE__ */ jsx7(TranslationNamespaceContext.Provider, { value: { namespace }, children });
-};
-var useTranslationNamespace = (overrideNamespace) => {
-  const context = useContext5(TranslationNamespaceContext);
-  return overrideNamespace || context.namespace;
-};
-
-// src/i18n/TranslateText.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
-var TranslateText = ({
-  children,
-  values
-}) => {
-  const namespace = useTranslationNamespace();
-  const { t: t2, i18n } = useTranslation(namespace);
-  const { isTranslationMode, canEdit } = useTranslationEdit();
-  const supabase = useSupabase();
-  const [anchorEl, setAnchorEl] = useState4(null);
-  const [isDialogOpen, setIsDialogOpen] = useState4(false);
-  const timeoutRef = useRef2(null);
-  const translatedValue = t2(children, values);
-  useEffect4(() => {
-    return () => {
-      if (timeoutRef.current) clearTimeout(timeoutRef.current);
-    };
-  }, []);
-  if (!canEdit || !isTranslationMode) {
-    return /* @__PURE__ */ jsx8(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__ */ jsxs2(Fragment, { children: [
-    /* @__PURE__ */ jsx8(
-      Box2,
-      {
-        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__ */ jsx8(
-      Popper,
-      {
-        open,
-        anchorEl,
-        placement: "bottom-start",
-        style: { zIndex: 1300 },
-        children: /* @__PURE__ */ jsx8(
-          Paper2,
-          {
-            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__ */ jsxs2(MenuList, { dense: true, sx: { py: 0.5 }, children: [
-              /* @__PURE__ */ jsxs2(MenuItem, { onClick: handleOpenDialog, sx: { py: 0.8, px: 1.5 }, children: [
-                /* @__PURE__ */ jsx8(ListItemIcon, { sx: { minWidth: "28px !important" }, children: /* @__PURE__ */ jsx8(TranslateIcon2, { fontSize: "small", sx: { color: "#d97706" } }) }),
-                /* @__PURE__ */ jsx8(
-                  ListItemText,
-                  {
-                    primary: "Localization",
-                    slotProps: {
-                      primary: {
-                        sx: {
-                          fontSize: "0.825rem",
-                          fontWeight: 600,
-                          color: "text.primary"
-                        }
-                      }
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsxs2(MenuItem, { onClick: handleLaunchAction, sx: { py: 0.8, px: 1.5 }, children: [
-                /* @__PURE__ */ jsx8(ListItemIcon, { sx: { minWidth: "28px !important" }, children: /* @__PURE__ */ jsx8(LaunchIcon, { fontSize: "small", color: "secondary" }) }),
-                /* @__PURE__ */ jsx8(
-                  ListItemText,
-                  {
-                    primary: "Launch action",
-                    slotProps: {
-                      primary: {
-                        sx: {
-                          fontSize: "0.825rem",
-                          fontWeight: 600,
-                          color: "text.primary"
-                        }
-                      }
-                    }
-                  }
-                )
-              ] })
-            ] })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx8("span", { style: { display: "inline" }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx8(
-      TranslationDialog,
-      {
-        open: isDialogOpen,
-        onClose: () => setIsDialogOpen(false),
-        translationKey: children,
-        namespace,
-        onSave: handleSaveTranslations
-      }
-    ) })
-  ] });
-};
+  AIProvider,
+  BreadcrumbProvider,
+  ConfirmationProvider,
+  CopyClipboardButtonComponent,
+  LocalizationProvider,
+  Providers,
+  SupabaseProvider,
+  ThemeProvider,
+  ToastProvider,
+  TranslatableTooltipComponent,
+  TranslateProvider,
+  TranslateText,
+  TranslationDialog,
+  TranslationEditProvider,
+  UserRoleChipComponent,
+  UserStatusChipComponent,
+  translationService,
+  useAI,
+  useAppTheme,
+  useBreadcrumb,
+  useConfirmation,
+  useLocalization,
+  useSupabase,
+  useToast,
+  useTranslationEdit,
+  useTranslationNamespace
+} from "./chunk-CT3G3YSD.mjs";
 
-// src/UI/components/inputs/TextfieldComponent.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
-var TextfieldComponent = ({
+// src/UI/components/inputs/TextFieldComponent.tsx
+import { useState } from "react";
+import {
+  TextField,
+  InputAdornment,
+  IconButton,
+  Box,
+  Tooltip
+} from "@mui/material";
+import LockIcon from "@mui/icons-material/Lock";
+import ContentCopyIcon from "@mui/icons-material/ContentCopy";
+import CheckIcon from "@mui/icons-material/Check";
+import ClearIcon from "@mui/icons-material/Clear";
+import TranslateIcon from "@mui/icons-material/Translate";
+import { useTranslation } from "react-i18next";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TextFieldComponent = ({
+  overrideNamespace,
+  label,
   value = "",
   onChange,
   disabled = false,
@@ -3181,15 +61,15 @@ var TextfieldComponent = ({
 }) => {
   const supabase = useSupabase();
   const namespace = useTranslationNamespace();
-  const { t: t2, i18n } = useTranslation2(namespace);
+  const { t, i18n } = useTranslation(namespace);
   const { isTranslationMode } = useTranslationEdit();
-  const [copied, setCopied] = useState5(false);
-  const [isDialogOpen, setIsDialogOpen] = useState5(false);
+  const [copied, setCopied] = useState(false);
+  const [isDialogOpen, setIsDialogOpen] = 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 translatedPlaceholder = placeholderKey ? t(placeholderKey) : void 0;
   const handleClear = (e) => {
     e.stopPropagation();
     if (onChange) {
@@ -3231,10 +111,11 @@ var TextfieldComponent = ({
       i18n.addResource(langCode, namespace, placeholderKey, text);
     });
   };
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsx9(
-      TextField2,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TextField,
       {
+        label: typeof label === "string" ? /* @__PURE__ */ jsx(TranslateText, { overrideNamespace, children: label }) : label,
         value,
         onChange,
         disabled,
@@ -3256,27 +137,27 @@ var TextfieldComponent = ({
           input: {
             ...slotProps?.input || {},
             readOnly: isReadOnly,
-            endAdornment: /* @__PURE__ */ jsxs3(InputAdornment, { position: "end", sx: { gap: 0.5 }, children: [
-              hasValue && !isLocked && !disableClearButton && /* @__PURE__ */ jsx9(TranslatableTooltip, { title: /* @__PURE__ */ jsx9(TranslateText, { children: clearTooltip }), children: /* @__PURE__ */ jsx9(
-                IconButton2,
+            endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: "end", sx: { gap: 0.5 }, children: [
+              hasValue && !isLocked && !disableClearButton && /* @__PURE__ */ jsx(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx(TranslateText, { overrideNamespace, children: clearTooltip }), children: /* @__PURE__ */ jsx(
+                IconButton,
                 {
                   size: "small",
                   onClick: handleClear,
                   edge: "end",
                   "aria-label": "clear input",
-                  children: /* @__PURE__ */ jsx9(ClearIcon, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx(ClearIcon, { fontSize: "small" })
                 }
               ) }),
-              hasValue && /* @__PURE__ */ jsx9(TranslatableTooltip, { title: /* @__PURE__ */ jsx9(TranslateText, { children: copied ? copiedTooltip : copyTooltip }), children: /* @__PURE__ */ jsx9(
-                IconButton2,
+              hasValue && /* @__PURE__ */ jsx(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx(TranslateText, { overrideNamespace, children: copied ? copiedTooltip : copyTooltip }), children: /* @__PURE__ */ jsx(
+                IconButton,
                 {
                   size: "small",
                   onClick: handleCopy,
                   edge: "end",
                   "aria-label": "copy content",
                   color: copied ? "success" : "default",
-                  children: /* @__PURE__ */ jsxs3(
-                    Box3,
+                  children: /* @__PURE__ */ jsxs(
+                    Box,
                     {
                       sx: {
                         display: "flex",
@@ -3287,7 +168,7 @@ var TextfieldComponent = ({
                         height: 20
                       },
                       children: [
-                        /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsx(
                           ContentCopyIcon,
                           {
                             fontSize: "small",
@@ -3299,7 +180,7 @@ var TextfieldComponent = ({
                             }
                           }
                         ),
-                        /* @__PURE__ */ jsx9(
+                        /* @__PURE__ */ jsx(
                           CheckIcon,
                           {
                             fontSize: "small",
@@ -3317,8 +198,8 @@ var TextfieldComponent = ({
                   )
                 }
               ) }),
-              isLocked && showLock && /* @__PURE__ */ jsx9(TranslatableTooltip, { title: /* @__PURE__ */ jsx9(TranslateText, { children: lockTooltip }), children: /* @__PURE__ */ jsx9(
-                IconButton2,
+              isLocked && showLock && /* @__PURE__ */ jsx(TranslatableTooltipComponent, { title: /* @__PURE__ */ jsx(TranslateText, { overrideNamespace, children: lockTooltip }), children: /* @__PURE__ */ jsx(
+                IconButton,
                 {
                   size: "small",
                   disabled: true,
@@ -3329,12 +210,12 @@ var TextfieldComponent = ({
                       color: "text.secondary"
                     }
                   },
-                  children: /* @__PURE__ */ jsx9(LockIcon, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx(LockIcon, { fontSize: "small" })
                 }
               ) }),
               slotProps?.input?.endAdornment,
-              isTranslationMode && placeholderKey && /* @__PURE__ */ jsx9(Tooltip3, { title: `Translate placeholder: "${placeholderKey}"`, children: /* @__PURE__ */ jsx9(
-                IconButton2,
+              isTranslationMode && placeholderKey && /* @__PURE__ */ jsx(Tooltip, { title: `Translate placeholder: "${placeholderKey}"`, children: /* @__PURE__ */ jsx(
+                IconButton,
                 {
                   size: "small",
                   onClick: (e) => {
@@ -3351,7 +232,7 @@ var TextfieldComponent = ({
                       backgroundColor: "#fef08a"
                     }
                   },
-                  children: /* @__PURE__ */ jsx9(TranslateIcon3, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx(TranslateIcon, { fontSize: "small" })
                 }
               ) })
             ] })
@@ -3359,7 +240,7 @@ var TextfieldComponent = ({
         }
       }
     ),
-    placeholderKey && /* @__PURE__ */ jsx9(
+    placeholderKey && /* @__PURE__ */ jsx(
       TranslationDialog,
       {
         namespace,
@@ -3373,12 +254,13 @@ var TextfieldComponent = ({
 };
 
 // src/UI/components/inputs/NumberInputComponent.tsx
-import { useState as useState6, useEffect as useEffect5, useCallback as useCallback3, useMemo as useMemo3 } from "react";
-import { IconButton as IconButton3, InputAdornment as InputAdornment2, Box as Box4 } from "@mui/material";
+import { useState as useState2, useEffect, useCallback, useMemo } from "react";
+import { IconButton as IconButton2, InputAdornment as InputAdornment2, Box as Box2 } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import RemoveIcon from "@mui/icons-material/Remove";
-import { Fragment as Fragment3, jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var NumberInputComponent = ({
+  overrideNamespace,
   value,
   onChange,
   allowNegative = true,
@@ -3395,17 +277,17 @@ var NumberInputComponent = ({
   onBlur,
   ...props
 }) => {
-  const [inputValue, setInputValue] = useState6(
+  const [inputValue, setInputValue] = useState2(
     value !== null && value !== void 0 ? String(value) : ""
   );
-  useEffect5(() => {
+  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 = useCallback3(
+  const formatDisplayValue = useCallback(
     (raw) => {
       if (!useGrouping || !raw) return raw;
       const isNegative2 = raw.startsWith("-");
@@ -3416,7 +298,7 @@ var NumberInputComponent = ({
     },
     [useGrouping]
   );
-  const formatAndClampValue = useCallback3(
+  const formatAndClampValue = useCallback(
     (num) => {
       let clamped = num;
       if (effectiveMin !== void 0 && clamped < effectiveMin) {
@@ -3434,7 +316,7 @@ var NumberInputComponent = ({
     },
     [effectiveMin, maxValue, allowFractional, decimalPlaces]
   );
-  const handleChange = useCallback3(
+  const handleChange = useCallback(
     (e) => {
       let raw = e.target.value.replace(/\s/g, "").replace(",", ".");
       if (!allowNegative) {
@@ -3477,7 +359,7 @@ var NumberInputComponent = ({
     },
     [allowNegative, allowFractional, decimalPlaces, maxValue, onChange]
   );
-  const handleBlur = useCallback3(
+  const handleBlur = useCallback(
     (e) => {
       onBlur?.(e);
       if (inputValue === "" || inputValue === "-" || inputValue === ".") {
@@ -3494,7 +376,7 @@ var NumberInputComponent = ({
     },
     [inputValue, formatAndClampValue, onChange, onBlur]
   );
-  const handleStep = useCallback3(
+  const handleStep = useCallback(
     (delta) => {
       if (disabled) return;
       const currentNum = typeof value === "number" ? value : Number(inputValue) || 0;
@@ -3506,15 +388,16 @@ var NumberInputComponent = ({
     [disabled, value, inputValue, formatAndClampValue, onChange]
   );
   const currentNumeric = typeof value === "number" ? value : Number(inputValue);
-  const isNegative = useMemo3(() => {
+  const isNegative = 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__ */ jsx10(
-    TextfieldComponent,
+  return /* @__PURE__ */ jsx2(
+    TextFieldComponent,
     {
       ...props,
+      overrideNamespace,
       type: "text",
       disabled,
       value: formatDisplayValue(inputValue),
@@ -3543,29 +426,29 @@ var NumberInputComponent = ({
               }
             }
           },
-          endAdornment: /* @__PURE__ */ jsxs4(Fragment3, { children: [
+          endAdornment: /* @__PURE__ */ jsxs2(Fragment2, { children: [
             slotProps?.input?.endAdornment,
-            showStepper && !disabled && /* @__PURE__ */ jsx10(InputAdornment2, { position: "end", sx: { ml: 0.5 }, children: /* @__PURE__ */ jsxs4(Box4, { sx: { display: "flex", alignItems: "center", gap: "2px" }, children: [
-              /* @__PURE__ */ jsx10(
-                IconButton3,
+            showStepper && !disabled && /* @__PURE__ */ jsx2(InputAdornment2, { position: "end", sx: { ml: 0.5 }, children: /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", gap: "2px" }, children: [
+              /* @__PURE__ */ jsx2(
+                IconButton2,
                 {
                   size: "small",
                   onClick: () => handleStep(-step),
                   disabled: isDecrementDisabled,
                   sx: { p: "2px" },
                   "aria-label": "decrement",
-                  children: /* @__PURE__ */ jsx10(RemoveIcon, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx2(RemoveIcon, { fontSize: "small" })
                 }
               ),
-              /* @__PURE__ */ jsx10(
-                IconButton3,
+              /* @__PURE__ */ jsx2(
+                IconButton2,
                 {
                   size: "small",
                   onClick: () => handleStep(step),
                   disabled: isIncrementDisabled,
                   sx: { p: "2px" },
                   "aria-label": "increment",
-                  children: /* @__PURE__ */ jsx10(AddIcon, { fontSize: "small" })
+                  children: /* @__PURE__ */ jsx2(AddIcon, { fontSize: "small" })
                 }
               )
             ] }) })
@@ -3576,541 +459,418 @@ var NumberInputComponent = ({
   );
 };
 
-// src/UI/index.ts
-var CardForm = {
-  Inputs: {
-    TextField: TextfieldComponent,
-    NumberField: NumberInputComponent
-  }
-  /*Layout: {
-    Row: FormRow,
-  },*/
-};
-
-// src/context/LocalizationProvider.tsx
-import { createContext as createContext6, useContext as useContext6, useMemo as useMemo4, useEffect as useEffect6, useState as useState7 } from "react";
-import { useTranslation as useTranslation3 } from "react-i18next";
-import moment from "moment/min/moment-with-locales";
-import { jsx as jsx11 } from "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 = createContext6(void 0);
-var LocalizationProvider = ({ children }) => {
-  const supabase = useSupabase();
-  const { i18n } = useTranslation3();
-  const [languages, setLanguages] = useState7([]);
-  const [isLoadingLangs, setIsLoadingLangs] = useState7(true);
-  const [languagesError, setLanguagesError] = useState7(null);
-  useEffect6(() => {
-    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";
+// src/UI/components/inputs/UrlComponent.tsx
+import { useState as useState3 } from "react";
+import {
+  TextField as TextField2,
+  InputAdornment as InputAdornment3,
+  IconButton as IconButton3,
+  Tooltip as Tooltip2,
+  Popover,
+  Box as Box3,
+  Typography,
+  Button
+} from "@mui/material";
+import LinkIcon from "@mui/icons-material/Link";
+import LaunchIcon from "@mui/icons-material/Launch";
+import ContentCopyIcon2 from "@mui/icons-material/ContentCopy";
+import CheckIcon2 from "@mui/icons-material/Check";
+import EditNoteIcon from "@mui/icons-material/EditNote";
+import LockIcon2 from "@mui/icons-material/Lock";
+import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function UrlComponent({
+  overrideNamespace,
+  label,
+  value,
+  onChange,
+  disabled = false,
+  readOnly = false,
+  required = false,
+  error = false,
+  helperText = "",
+  description = "",
+  fullWidth = true,
+  openInNewTab = true,
+  showLock = true,
+  lockTooltip = "Field is not editable",
+  sx
+}) {
+  const [copied, setCopied] = useState3(false);
+  const [anchorEl, setAnchorEl] = useState3(null);
+  const isViewMode = disabled || readOnly;
+  const currentUrl = typeof value === "object" && value !== null ? value.url || "" : value || "";
+  const currentTitle = typeof value === "object" && value !== null ? value.title || "" : "";
+  const getFormattedUrl = (val) => {
+    if (!val) return "";
+    const trimmed = val.trim();
+    if (trimmed.match(/^[a-zA-Z]+:\/\//)) {
+      return trimmed;
+    }
+    return `https://${trimmed}`;
   };
-  const getTimeFormat = () => {
-    return DEFAULT_TIME_FORMATS[currentLang] || "HH:mm:ss";
+  const finalUrl = getFormattedUrl(currentUrl);
+  const targetAttribute = openInNewTab ? "_blank" : "_self";
+  const displayLabelText = currentTitle.trim() || currentUrl;
+  const handleUrlChange = (newUrl) => {
+    onChange?.({ url: newUrl, title: currentTitle });
   };
-  const getDateTimeFormat = () => {
-    return DEFAULT_DATETIME_FORMATS[currentLang] || "DD.MM.YYYY, HH:mm";
+  const handleTitleChange = (newTitle) => {
+    onChange?.({ url: currentUrl, title: newTitle });
   };
-  const formatDateTime = (date, customPattern) => {
-    if (!date) return "\u2014";
-    const pattern = customPattern || DEFAULT_DATETIME_FORMATS[currentLang] || "DD.MM.YYYY, HH:mm";
-    return moment(date).locale(currentLang).format(pattern);
+  const handleCopy = (e) => {
+    e.stopPropagation();
+    if (!finalUrl) return;
+    navigator.clipboard.writeText(finalUrl);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
   };
-  const formatDate = (date, customPattern) => {
-    if (!date) return "\u2014";
-    const pattern = customPattern || DEFAULT_DATE_FORMATS[currentLang] || "DD.MM.YYYY";
-    return moment(date).locale(currentLang).format(pattern);
+  const handleOpenLink = (e) => {
+    e.stopPropagation();
+    if (finalUrl) {
+      window.open(finalUrl, targetAttribute, openInNewTab ? "noopener,noreferrer" : void 0);
+    }
   };
-  const formatTime = (date, customPattern) => {
-    if (!date) return "\u2014";
-    const pattern = customPattern || DEFAULT_TIME_FORMATS[currentLang] || "HH:mm:ss";
-    return moment(date).locale(currentLang).format(pattern);
+  const handleInputClick = (e) => {
+    if (isViewMode && finalUrl) {
+      handleOpenLink(e);
+    }
   };
-  const formatRelativeTime = (date, withoutSuffix = false) => {
-    if (!date) return "\u2014";
-    return moment(date).locale(currentLang).fromNow(withoutSuffix);
+  const handleOpenTitleMenu = (e) => {
+    e.stopPropagation();
+    setAnchorEl(e.currentTarget);
   };
-  const changeLanguage2 = async (lang) => {
-    await i18n.changeLanguage(lang);
+  const handleCloseTitleMenu = () => {
+    setAnchorEl(null);
   };
-  const value = useMemo4(
-    () => ({
-      currentLang,
-      languages,
-      isLoadingLangs,
-      languagesError,
-      changeLanguage: changeLanguage2,
-      getDateFormat,
-      getTimeFormat,
-      getDateTimeFormat,
-      formatDateTime,
-      formatDate,
-      formatTime,
-      formatRelativeTime
-    }),
-    [currentLang, languages, isLoadingLangs, languagesError]
-  );
-  return /* @__PURE__ */ jsx11(LocalizationContext.Provider, { value, children });
-};
-var useLocalization = () => {
-  const context = useContext6(LocalizationContext);
-  if (!context) {
-    throw new Error("useLocalization must be used within a LocalizationProvider");
-  }
-  return context;
-};
-
-// src/context/ThemeProvider.tsx
-import { createContext as createContext7, useContext as useContext7, useMemo as useMemo5, useState as useState8, useEffect as useEffect7 } from "react";
-import { createTheme, ThemeProvider as MuiThemeProvider, CssBaseline, useMediaQuery } from "@mui/material";
-import { jsx as jsx12, jsxs as jsxs5 } from "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 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"
-            }
+  const isTitlePopoverOpen = Boolean(anchorEl);
+  const displayHelperText = error ? helperText : description || helperText;
+  return /* @__PURE__ */ jsxs3(Fragment3, { children: [
+    /* @__PURE__ */ jsx3(
+      TextField2,
+      {
+        label: /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace, children: label }),
+        type: isViewMode ? "text" : "url",
+        value: isViewMode ? displayLabelText : currentUrl,
+        onChange: (e) => handleUrlChange(e.target.value),
+        required,
+        error,
+        disabled,
+        margin: "dense",
+        helperText: displayHelperText,
+        fullWidth,
+        placeholder: "example.com",
+        sx: {
+          "& .MuiInputLabel-asterisk": {
+            color: "red",
+            fontSize: "1.5rem"
+          },
+          "& .MuiInputBase-input": {
+            color: isViewMode && finalUrl ? "primary.main" : void 0,
+            textDecoration: isViewMode && finalUrl ? "underline" : "none",
+            cursor: isViewMode && finalUrl ? "pointer" : void 0,
+            fontWeight: isViewMode && finalUrl ? 500 : void 0
+          },
+          ...sx
+        },
+        slotProps: {
+          htmlInput: {
+            readOnly,
+            onClick: handleInputClick
+          },
+          input: {
+            startAdornment: /* @__PURE__ */ jsx3(InputAdornment3, { position: "start", children: /* @__PURE__ */ jsx3(LinkIcon, { fontSize: "small", color: isViewMode && finalUrl ? "primary" : "action" }) }),
+            endAdornment: /* @__PURE__ */ jsxs3(InputAdornment3, { position: "end", sx: { gap: 0.5 }, children: [
+              !isViewMode && /* @__PURE__ */ jsx3(Tooltip2, { title: currentTitle ? `Title: "${currentTitle}"` : /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Set link title" }), children: /* @__PURE__ */ jsx3(
+                IconButton3,
+                {
+                  size: "small",
+                  onClick: handleOpenTitleMenu,
+                  color: currentTitle ? "primary" : "default",
+                  children: /* @__PURE__ */ jsx3(EditNoteIcon, { fontSize: "small" })
+                }
+              ) }),
+              finalUrl && /* @__PURE__ */ jsx3(Tooltip2, { title: copied ? /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Copied!" }) : /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Copy link" }), children: /* @__PURE__ */ jsx3(IconButton3, { size: "small", onClick: handleCopy, color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx3(CheckIcon2, { fontSize: "small" }) : /* @__PURE__ */ jsx3(ContentCopyIcon2, { fontSize: "small" }) }) }),
+              isViewMode && showLock && /* @__PURE__ */ jsx3(Tooltip2, { title: /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace, children: lockTooltip }), children: /* @__PURE__ */ jsx3(
+                IconButton3,
+                {
+                  size: "small",
+                  disabled: true,
+                  edge: "end",
+                  "aria-label": "locked input",
+                  sx: {
+                    "&.Mui-disabled": {
+                      color: "text.secondary"
+                    }
+                  },
+                  children: /* @__PURE__ */ jsx3(LockIcon2, { fontSize: "small" })
+                }
+              ) }),
+              finalUrl && /* @__PURE__ */ jsx3(Tooltip2, { title: /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Open link" }), children: /* @__PURE__ */ jsx3(IconButton3, { size: "small", onClick: handleOpenLink, children: /* @__PURE__ */ jsx3(LaunchIcon, { fontSize: "small", color: isViewMode ? "primary" : "action" }) }) })
+            ] })
           }
         }
-      },
-      MuiListItemButton: {
-        styleOverrides: {
-          root: {
-            transition: "all 0.2s ease-in-out",
-            "&:hover": {
-              backgroundColor: currentMode === "light" ? "#f1f5f9" : "#334155"
+      }
+    ),
+    /* @__PURE__ */ jsxs3(
+      Popover,
+      {
+        open: isTitlePopoverOpen,
+        anchorEl,
+        onClose: handleCloseTitleMenu,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: {
+          vertical: "top",
+          horizontal: "right"
+        },
+        slotProps: {
+          paper: { sx: { p: 2, width: 280 } }
+        },
+        children: [
+          /* @__PURE__ */ jsx3(Typography, { variant: "subtitle2", sx: { mb: 1, fontWeight: "bold" }, children: /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Link Title (Anchor)" }) }),
+          /* @__PURE__ */ jsxs3(Typography, { variant: "caption", color: "text.secondary", sx: { mb: 1.5, display: "block" }, children: [
+            /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Specify the text to display instead of the URL address" }),
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx3(
+            TextField2,
+            {
+              size: "small",
+              fullWidth: true,
+              placeholder: "e.g. Instruction",
+              value: currentTitle,
+              onChange: (e) => handleTitleChange(e.target.value),
+              autoFocus: true,
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  handleCloseTitleMenu();
+                }
+              }
             }
-          }
-        }
-      },
-      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`
-          }
-        }
+          ),
+          /* @__PURE__ */ jsx3(Box3, { sx: { display: "flex", justifyContent: "flex-end", mt: 1.5 }, children: /* @__PURE__ */ jsx3(Button, { size: "small", variant: "contained", onClick: handleCloseTitleMenu, children: /* @__PURE__ */ jsx3(TranslateText, { overrideNamespace: overrideNamespace || "form_components", children: "Done" }) }) })
+        ]
       }
+    )
+  ] });
+}
+
+// src/UI/components/inputs/EmailInputComponent.tsx
+import { useState as useState4 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var EMAIL_REGEX = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+var EmailInputComponent = ({
+  value = "",
+  onChange,
+  onBlur,
+  error: externalError,
+  helperText: externalHelperText,
+  invalidEmailError = "Invalid email address",
+  disableValidation = false,
+  onValidationChange,
+  ...props
+}) => {
+  const [internalError, setInternalError] = useState4(null);
+  const validateEmail = (val) => {
+    if (disableValidation) return true;
+    const stringVal = String(val ?? "").trim();
+    if (!stringVal) {
+      setInternalError(null);
+      onValidationChange?.(true);
+      return true;
+    }
+    const isValid = EMAIL_REGEX.test(stringVal);
+    const errorMessage = isValid ? null : invalidEmailError;
+    setInternalError(errorMessage);
+    onValidationChange?.(isValid);
+    return isValid;
+  };
+  const handleChange = (e) => {
+    const newValue = e.target.value;
+    if (internalError) {
+      validateEmail(newValue);
+    }
+    if (onChange) {
+      onChange(e);
+    }
+  };
+  const handleBlur = (e) => {
+    validateEmail(e.target.value);
+    if (onBlur) {
+      onBlur(e);
     }
-  });
+  };
+  const hasError = Boolean(externalError || internalError);
+  const displayHelperText = externalHelperText || internalError || void 0;
+  return /* @__PURE__ */ jsx4(
+    TextFieldComponent,
+    {
+      type: "email",
+      value,
+      onChange: handleChange,
+      onBlur: handleBlur,
+      error: hasError,
+      helperText: displayHelperText,
+      ...props
+    }
+  );
 };
-var ThemeContext = createContext7(void 0);
-var THEME_STORAGE_KEY = "docsua_custom_theme_config";
-var THEME_MODE_STORAGE_KEY = "docsua_custom_theme_mode";
-var ThemeProvider = ({ children }) => {
+
+// src/UI/components/data.display/UserAvatarComponent.tsx
+import { useState as useState5, useEffect as useEffect2, lazy, Suspense } from "react";
+import { Avatar, Tooltip as Tooltip3, Typography as Typography2 } from "@mui/material";
+import { Fragment as Fragment4, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var LazyUserPopover = lazy(() => import("./UserPopoverComponent-BNJWFSLT.mjs"));
+var getInitials = (name) => {
+  if (!name) return "?";
+  const parts = name.trim().split(" ");
+  if (parts.length >= 2) {
+    return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+  }
+  return name[0].toUpperCase();
+};
+var UserAvatarComponent = ({
+  userId = "",
+  avatarUrl = "",
+  displayName = "",
+  employeePost = "",
+  size = 40,
+  disableBorder = false,
+  disableShadow = false,
+  disablePopover = false,
+  disableTooltip = false,
+  sx = {}
+}) => {
   const supabase = useSupabase();
-  const { user, isAuthenticated, loading: isAuthLoading } = useAuth();
-  const userId = user?.id;
-  const [themeConfig, setThemeConfig] = useState8(() => {
-    const saved = localStorage.getItem(THEME_STORAGE_KEY);
-    if (saved) {
-      try {
-        return JSON.parse(saved);
-      } catch (e) {
+  const [anchorEl, setAnchorEl] = useState5(null);
+  const [hasInteracted, setHasInteracted] = useState5(false);
+  const [resolvedAvatarUrl, setResolvedAvatarUrl] = useState5(null);
+  const canShowPopover = !disablePopover && Boolean(userId);
+  useEffect2(() => {
+    let isMounted = true;
+    const resolveAvatar = async () => {
+      if (!avatarUrl) {
+        if (isMounted) setResolvedAvatarUrl(null);
+        return;
       }
-    }
-    return INITIAL_THEME_CONFIG;
-  });
-  useEffect7(() => {
-    if (isAuthLoading) return;
-    if (isAuthenticated && userId) {
-      const fetchActiveTheme = async () => {
+      if (!avatarUrl.startsWith("http") && !avatarUrl.startsWith("data:")) {
         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
-            });
+          const { data } = await supabase.storage.from("user-media").createSignedUrl(avatarUrl, 3600);
+          if (isMounted) {
+            setResolvedAvatarUrl(data?.signedUrl || null);
           }
         } 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);
+          console.error("Error resolving signed url for avatar:", err);
+          if (isMounted) setResolvedAvatarUrl(null);
         }
-      };
-      fetchActiveTheme();
-    } else {
-      setThemeConfig(INITIAL_THEME_CONFIG);
-      localStorage.removeItem(THEME_STORAGE_KEY);
-      localStorage.removeItem(THEME_MODE_STORAGE_KEY);
-    }
-  }, [isAuthenticated, isAuthLoading, userId]);
-  useEffect7(() => {
-    if (isAuthenticated) {
-      localStorage.setItem(THEME_STORAGE_KEY, JSON.stringify(themeConfig));
-      localStorage.setItem(THEME_MODE_STORAGE_KEY, themeConfig.mode);
+      } else {
+        if (isMounted) setResolvedAvatarUrl(avatarUrl);
+      }
+    };
+    resolveAvatar();
+    return () => {
+      isMounted = false;
+    };
+  }, [avatarUrl]);
+  const handleClick = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    if (canShowPopover) {
+      setAnchorEl(event.currentTarget);
+      if (!hasInteracted) {
+        setHasInteracted(true);
+      }
     }
-  }, [themeConfig, isAuthenticated]);
-  const mode = themeConfig.mode;
-  const setMode = (newMode) => {
-    setThemeConfig((prev) => ({ ...prev, mode: newMode }));
-  };
-  const toggleTheme = () => {
-    setMode(mode === "light" ? "dark" : "light");
   };
-  const theme = useMemo5(() => buildMuiTheme(themeConfig), [themeConfig]);
-  const displayState = {
-    isMobile: useMediaQuery(theme.breakpoints.down("sm")),
-    isTablet: useMediaQuery(theme.breakpoints.between("sm", "md")),
-    isDesktop: useMediaQuery(theme.breakpoints.between("md", "lg")),
-    isWideDesktop: useMediaQuery(theme.breakpoints.between("lg", "xl")),
-    isSuperWideDesktop: useMediaQuery(theme.breakpoints.up("xl"))
-  };
-  return /* @__PURE__ */ jsx12(ThemeContext.Provider, { value: { mode, toggleTheme, setMode, theme, themeConfig, setThemeConfig, displayState }, children: /* @__PURE__ */ jsxs5(MuiThemeProvider, { theme, children: [
-    /* @__PURE__ */ jsx12(CssBaseline, {}),
-    children
-  ] }) });
-};
-var useAppTheme = () => {
-  const context = useContext7(ThemeContext);
-  if (!context) {
-    throw new Error("useAppTheme should be used within the ThemeProvider");
-  }
-  return context;
-};
-
-// src/context/BreadcrumbProvider.tsx
-import { createContext as createContext8, useContext as useContext8, useState as useState9 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var BreadcrumbContext = createContext8({
-  breadcrumbTitles: {},
-  setBreadcrumbTitle: () => {
-  }
-});
-var BreadcrumbProvider = ({ children }) => {
-  const [breadcrumbTitles, setBreadcrumbTitles] = useState9({});
-  const setBreadcrumbTitle = (path, title) => {
-    setBreadcrumbTitles((prev) => {
-      if (prev[path] === title) return prev;
-      return { ...prev, [path]: title };
-    });
+  const handleClose = (event) => {
+    if (event) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+    setAnchorEl(null);
   };
-  return /* @__PURE__ */ jsx13(BreadcrumbContext.Provider, { value: { breadcrumbTitles, setBreadcrumbTitle }, children });
-};
-var useBreadcrumb = () => useContext8(BreadcrumbContext);
-
-// src/context/ToastProvider.tsx
-import { createContext as createContext9, useContext as useContext9, useState as useState10, useCallback as useCallback4, useMemo as useMemo6 } from "react";
-import { Snackbar, Alert as Alert2 } from "@mui/material";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-var ToastContext = createContext9(void 0);
-var ToastProvider = ({ children }) => {
-  const [toast, setToast] = useState10(null);
-  const showToast = useCallback4((text, type = "info") => {
-    setToast({ text, type });
-  }, []);
-  const hideToast = useCallback4(() => {
-    setToast(null);
-  }, []);
-  const contextValue = useMemo6(() => ({
-    showToast,
-    hideToast
-  }), [showToast, hideToast]);
-  return /* @__PURE__ */ jsxs6(ToastContext.Provider, { value: contextValue, children: [
-    children,
-    /* @__PURE__ */ jsx14(
-      Snackbar,
+  const isPopoverOpen = Boolean(anchorEl);
+  const initials = getInitials(displayName || "");
+  const getTooltip = /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5(Typography2, { component: "div", variant: "caption", children: displayName }),
+    displayName && employeePost && /* @__PURE__ */ jsx5(Typography2, { component: "div", variant: "caption", children: employeePost })
+  ] });
+  return /* @__PURE__ */ jsxs4(Fragment4, { children: [
+    /* @__PURE__ */ jsx5(Tooltip3, { title: disableTooltip || isPopoverOpen ? "" : getTooltip, children: /* @__PURE__ */ jsx5(
+      Avatar,
       {
-        open: Boolean(toast),
-        autoHideDuration: 3500,
-        onClose: hideToast,
-        anchorOrigin: { vertical: "bottom", horizontal: "center" },
-        children: /* @__PURE__ */ jsx14(
-          Alert2,
-          {
-            severity: toast?.type || "info",
-            variant: "filled",
-            onClose: hideToast,
-            children: toast?.text
-          }
-        )
+        src: resolvedAvatarUrl || void 0,
+        alt: displayName || "User Avatar",
+        onClick: handleClick,
+        sx: {
+          width: size,
+          height: size,
+          fontSize: size * 0.4,
+          fontWeight: 600,
+          bgcolor: "primary.main",
+          color: "primary.contrastText",
+          cursor: canShowPopover ? "pointer" : void 0,
+          transition: "transform 0.2s ease, box-shadow 0.2s ease",
+          border: disableBorder ? "none" : "2px solid",
+          borderColor: "background.paper",
+          boxShadow: disableShadow ? "none" : 2,
+          "&:hover": {
+            transform: canShowPopover ? "scale(1.05)" : "none"
+          },
+          ...sx
+        },
+        children: !resolvedAvatarUrl && initials
       }
-    )
-  ] });
-};
-var useToast = () => {
-  const context = useContext9(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-};
-
-// src/context/ConfirmationProvider.tsx
-import { createContext as createContext10, useContext as useContext10, useState as useState11, useCallback as useCallback5 } from "react";
-import {
-  Button as Button2,
-  Dialog as Dialog2,
-  DialogActions as DialogActions2,
-  DialogContent as DialogContent2,
-  DialogContentText,
-  DialogTitle as DialogTitle2,
-  Box as Box5
-} from "@mui/material";
-import {
-  Error as ErrorIcon,
-  WarningAmberOutlined as WarningIcon,
-  InfoOutlined as InfoIcon,
-  CheckCircleOutlined as SuccessIcon
-} from "@mui/icons-material";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
-var ConfirmContext = createContext10(null);
-var SEVERITY_ICONS = {
-  error: /* @__PURE__ */ jsx15(ErrorIcon, { color: "error", sx: { fontSize: 40 } }),
-  warning: /* @__PURE__ */ jsx15(WarningIcon, { color: "warning", sx: { fontSize: 40 } }),
-  info: /* @__PURE__ */ jsx15(InfoIcon, { color: "info", sx: { fontSize: 40 } }),
-  success: /* @__PURE__ */ jsx15(SuccessIcon, { color: "success", sx: { fontSize: 40 } })
-};
-var ConfirmationProvider = ({ children }) => {
-  const [open, setOpen] = useState11(false);
-  const [options, setOptions] = useState11(null);
-  const [resolver, setResolver] = useState11(null);
-  const confirm = useCallback5((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__ */ jsxs7(ConfirmContext.Provider, { value: { confirm }, children: [
-    children,
-    /* @__PURE__ */ jsxs7(
-      Dialog2,
+    ) }),
+    canShowPopover && hasInteracted && /* @__PURE__ */ jsx5(Suspense, { fallback: null, children: /* @__PURE__ */ jsx5(
+      LazyUserPopover,
       {
-        open,
-        onClose: () => handleClose("cancel"),
-        maxWidth: "xs",
-        fullWidth: true,
-        disableEnforceFocus: true,
-        disableRestoreFocus: true,
-        children: [
-          /* @__PURE__ */ jsxs7(DialogTitle2, { sx: { display: "flex", alignItems: "center", gap: 1.5, pb: 1 }, children: [
-            SEVERITY_ICONS[severityType],
-            /* @__PURE__ */ jsx15(Box5, { component: "span", sx: { fontWeight: 600 }, children: options?.title || /* @__PURE__ */ jsx15(TranslateText, { children: "Confirmation" }) })
-          ] }),
-          /* @__PURE__ */ jsx15(DialogContent2, { sx: { py: 2 }, dividers: true, children: /* @__PURE__ */ jsx15(DialogContentText, { color: "text.secondary", children: options?.message }) }),
-          /* @__PURE__ */ jsxs7(DialogActions2, { sx: { pt: 2, px: 2, justifyContent: "flex-end", gap: 1 }, children: [
-            (options?.showCancelButton ?? true) && /* @__PURE__ */ jsx15(
-              Button2,
-              {
-                onClick: () => handleClose("cancel"),
-                color: "inherit",
-                variant: "text",
-                children: options?.cancelText || /* @__PURE__ */ jsx15(TranslateText, { children: "Cancel" })
-              }
-            ),
-            options?.showNoButton && /* @__PURE__ */ jsx15(
-              Button2,
-              {
-                onClick: () => handleClose("no"),
-                color: "inherit",
-                variant: "outlined",
-                children: options?.noText || /* @__PURE__ */ jsx15(TranslateText, { children: "No" })
-              }
-            ),
-            /* @__PURE__ */ jsx15(
-              Button2,
-              {
-                onClick: () => handleClose("yes"),
-                color: options?.confirmColor || (severityType === "error" ? "error" : "primary"),
-                variant: "contained",
-                autoFocus: true,
-                children: options?.confirmText || /* @__PURE__ */ jsx15(TranslateText, { children: "Yes" })
-              }
-            )
-          ] })
-        ]
+        userId,
+        anchorEl,
+        open: isPopoverOpen,
+        onClose: handleClose
       }
-    )
+    ) })
   ] });
 };
-var useConfirmation = () => {
-  const context = useContext10(ConfirmContext);
-  if (!context) {
-    throw new Error("useConfirm must be used within a ConfirmProvider");
+
+// src/UI/index.ts
+var UI = {
+  Inputs: {
+    TextField: TextFieldComponent,
+    NumberField: NumberInputComponent,
+    EmailField: EmailInputComponent,
+    Url: UrlComponent
+  },
+  Buttons: {
+    CopyClipboardButton: CopyClipboardButtonComponent
+  },
+  DataDisplay: {
+    TranslatableTooltip: TranslatableTooltipComponent,
+    UserAvatar: UserAvatarComponent,
+    UserRoleChip: UserRoleChipComponent,
+    UserStatusChip: UserStatusChipComponent
   }
-  return context.confirm;
+  /*Layout: {
+    Row: FormRow,
+  },*/
 };
 export {
   AIProvider,
   BreadcrumbProvider,
-  CardForm,
   ConfirmationProvider,
   LocalizationProvider,
+  Providers,
   SupabaseProvider,
   ThemeProvider,
   ToastProvider,
   TranslateProvider,
   TranslateText,
   TranslationEditProvider,
+  UI,
   useAI,
   useAppTheme,
   useBreadcrumb,