intlayer-editor 8.5.1 → 8.6.0

package/client/dist/assets/{index-B57zBtFg.js → index-BjBCv2LY.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/HTMLRendererPlugin-B6Eld7in.js","assets/chunk-C0u3WHrm.js","assets/react-BI_C_976.js","assets/CodeBlockShiki-DoD2Sc7u.js","assets/preload-helper-B4JcPOPd.js","assets/jsx-runtime-BkWmzJHO.js","assets/dist-D8J9DkzO.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/HTMLRendererPlugin-CoI--J8B.js","assets/chunk-C0u3WHrm.js","assets/jsx-runtime-BkWmzJHO.js","assets/react-BI_C_976.js","assets/CodeBlockShiki-ie_3x4KO.js","assets/preload-helper-B4JcPOPd.js","assets/dist-D8J9DkzO.js"])))=>i.map(i=>d[i]);
 import { a as __toESM, i as __toCommonJS, n as __esmMin, r as __exportAll, t as __commonJSMin } from "./chunk-C0u3WHrm.js";
 import { t as require_react } from "./react-BI_C_976.js";
 import { t as require_jsx_runtime } from "./jsx-runtime-BkWmzJHO.js";
@@ -9515,8 +9515,8 @@ var require_react_dom_client_production = /* @__PURE__ */ __commonJSMin(((export
 	};
 }));
 //#endregion
-//#region .intlayer/config/configuration.mjs
-var import_client = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
+//#region ../../node_modules/.bun/react-dom@19.2.4+b1ab299f0a400331/node_modules/react-dom/client.js
+var require_client = /* @__PURE__ */ __commonJSMin(((exports, module) => {
 	function checkDCE() {
 		if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== "function") return;
 		try {
@@ -9527,8 +9527,11 @@ var import_client = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	}
 	checkDCE();
 	module.exports = require_react_dom_client_production();
-})))();
+}));
+//#endregion
+//#region .intlayer/config/configuration.mjs
 var import_react = /* @__PURE__ */ __toESM(require_react(), 1);
+var import_client = require_client();
 var configuration = {
 	internationalization: {
 		"locales": [
@@ -9550,7 +9553,12 @@ var configuration = {
 	},
 	routing: {
 		"mode": "prefix-no-default",
-		"storage": ["cookie", "header"],
+		"storage": {
+			"cookies": [],
+			"localStorage": [{ "name": "INTLAYER_LOCALE" }],
+			"sessionStorage": [],
+			"headers": []
+		},
 		"basePath": ""
 	},
 	editor: {
@@ -9570,7 +9578,7 @@ var configuration = {
 	},
 	metadata: {
 		"name": "Intlayer",
-		"version": "8.5.1",
+		"version": "8.6.0",
 		"doc": "https://intlayer.org/docs"
 	}
 };
@@ -9714,107 +9722,6 @@ var deepTransformNode = (node, props) => {
 	return result;
 };
 //#endregion
-//#region ../@intlayer/core/dist/esm/interpreter/getEnumeration.mjs
-/**
-* Find the matching condition for a quantity.
-*
-* Usage:
-*
-* ```ts
-* const key = findMatchingCondition({
-*  '<=-2.3': 'You have less than -2.3',
-*  '<1': 'You have less than one',
-*  '2': 'You have two',
-*  '>=3': 'You have three or more',
-* }, 2);
-* // '2'
-* ```
-*
-* The order of the keys will define the priority of the content.
-*
-* ```ts
-* const key = findMatchingCondition({
-*  '<4': 'You have less than four',
-*  '2': 'You have two',
-* }, 2);
-* // '<4'
-* ```
-*
-* If no keys match, the default key is '1'.
-*/
-var findMatchingCondition = (enumerationContent, quantity) => {
-	const numericKeys = Object.keys(enumerationContent);
-	for (const key of numericKeys) {
-		const isEqual = !key.startsWith(">") && !key.startsWith("<") && !key.startsWith("=") && parseFloat(key) === quantity || key.startsWith("=") && parseFloat(key.slice(1)) === quantity;
-		const isSuperior = key.startsWith(">") && quantity > parseFloat(key.slice(1));
-		const isSuperiorOrEqual = key.startsWith(">=") && quantity >= parseFloat(key.slice(2));
-		const isInferior = key.startsWith("<") && quantity < parseFloat(key.slice(1));
-		const isInferiorOrEqual = key.startsWith("<=") && quantity <= parseFloat(key.slice(2));
-		if (isEqual || isSuperior || isSuperiorOrEqual || isInferior || isInferiorOrEqual) return key;
-	}
-};
-/**
-* Picks content from an enumeration map based on a provided quantity.
-*
-* Supported keys in the enumeration map:
-* - Specific numbers: '0', '1', '2'
-* - Comparison operators: '<5', '>=10', '<=2'
-* - Fallback: 'fallback'
-*
-* The first matching key in the object's iteration order will be selected.
-*
-* @param enumerationContent - A map of conditions/quantities to content.
-* @param quantity - The number to match against the conditions.
-* @returns The matching content.
-*
-* @example
-* ```ts
-* const content = getEnumeration({
-*   '0': 'No items',
-*   '1': 'One item',
-*   '>1': 'Many items',
-* }, 5);
-* // 'Many items'
-* ```
-*/
-var getEnumeration = (enumerationContent, quantity) => {
-	return enumerationContent[findMatchingCondition(enumerationContent, quantity) ?? "fallback"];
-};
-//#endregion
-//#region ../@intlayer/core/dist/esm/interpreter/getGender.mjs
-var getGenderEntry = (gender) => {
-	if (gender === "m" || gender === "male") return "male";
-	if (gender === "f" || gender === "female") return "female";
-	return "fallback";
-};
-/**
-* Allow to pick a content based on a gender.
-*
-* Usage:
-*
-* ```ts
-* const content = getGender({
-*  'true': 'The gender is validated',
-*  'false': 'The gender is not validated',
-* }, true);
-* // 'The gender is validated'
-* ```
-*
-* The last key provided will be used as the fallback value.
-*
-* ```ts
-* const content = getGender({
-*  'false': 'The gender is not validated',
-*  'true': 'The gender is validated',
-* }, undefined);
-* // 'The gender is validated'
-*/
-var getGender = (genderContent, gender) => {
-	const stateList = Object.keys(genderContent);
-	const fallbackState = stateList[stateList.length - 1];
-	return genderContent[getGenderEntry(gender)] ?? genderContent.fallback ?? genderContent[fallbackState];
-};
-//#endregion
 //#region ../@intlayer/core/dist/esm/interpreter/getInsertion.mjs
 /**
 * Allow to insert values in a string.
@@ -9833,121 +9740,6 @@ var getInsertion = (content, values) => content.replace(/\{\{\s*(.*?)\s*\}\}/g,
 	return (values[key.trim()] ?? "").toString();
 });
 //#endregion
-//#region ../@intlayer/config/dist/esm/colors.mjs
-var RESET = "\x1B[0m";
-var BLUE = "\x1B[34m";
-var RED = "\x1B[31m";
-var GREEN = "\x1B[32m";
-var BEIGE = "\x1B[38;5;3m";
-//#endregion
-//#region ../@intlayer/config/dist/esm/logger.mjs
-var loggerPrefix;
-var getPrefix$1 = (configPrefix) => {
-	if (typeof loggerPrefix !== "undefined") return loggerPrefix;
-	return configPrefix;
-};
-var logger = (content, details) => {
-	const isVerbose = details?.isVerbose ?? false;
-	const mode = details?.config?.mode ?? "default";
-	const level = details?.level ?? "info";
-	const prefix = getPrefix$1(details?.config?.prefix);
-	const log = details?.config?.log ?? console.log;
-	const info = details?.config?.info ?? console.info;
-	const warn = details?.config?.warn ?? console.warn;
-	const error = details?.config?.error ?? console.error;
-	const debug = details?.config?.debug ?? console.debug;
-	if (mode === "disabled") return;
-	if (isVerbose && mode !== "verbose") return;
-	const flatContent = prefix ? [prefix, ...[content].flat()] : [content].flat();
-	if (level === "debug") return debug(...flatContent);
-	if (level === "info") return info(...flatContent);
-	if (level === "warn") return warn(...flatContent);
-	if (level === "error") return error(...flatContent);
-	log(...flatContent);
-};
-/**
-* The appLogger function takes the logger and merges it with the configuration from the intlayer config file.
-* It allows overriding the default configuration by passing a config object in the details parameter.
-* The configuration is merged with the default configuration from the intlayer config file.
-*/
-var getAppLogger = (configuration, globalDetails) => (content, details) => logger(content, {
-	...details ?? {},
-	config: {
-		...configuration?.log,
-		...globalDetails?.config,
-		...details?.config ?? {}
-	}
-});
-var colorize = (s, color, reset) => color ? `${color}${s}${reset ? typeof reset === "boolean" ? RESET : reset : RESET}` : s;
-var colorizeKey = (keyPath, color = BEIGE, reset = RESET) => [keyPath].flat().map((key) => colorize(key, color, reset)).join(`, `);
-colorize("✗", RED);
-colorize("✓", GREEN);
-colorize("⏲", BLUE);
-//#endregion
-//#region .intlayer/main/dictionaries.mjs
-var dictionaries = {};
-var getDictionaries = () => dictionaries;
-//#endregion
-//#region ../@intlayer/core/dist/esm/interpreter/getIntlayer.mjs
-/**
-* Creates a Recursive Proxy that returns the path of the accessed key
-* stringified. This prevents the app from crashing on undefined access.
-*/
-var createSafeFallback = (path = "") => {
-	return new Proxy(() => path, {
-		get: (_target, prop) => {
-			if (prop === "toJSON" || prop === Symbol.toPrimitive || prop === "toString") return () => path;
-			if (prop === "then") return;
-			return createSafeFallback(path ? `${path}.${String(prop)}` : String(prop));
-		},
-		apply: () => {
-			return path;
-		}
-	});
-};
-var getIntlayer = (key, locale, plugins) => {
-	const dictionary = getDictionaries()[key];
-	if (!dictionary) {
-		getAppLogger(configuration)(`Dictionary ${colorizeKey(key)} was not found. Using fallback proxy.`, {
-			level: "warn",
-			isVerbose: true
-		});
-		return createSafeFallback(key);
-	}
-	return getDictionary$1(dictionary, locale, plugins);
-};
-//#endregion
-//#region ../@intlayer/core/dist/esm/interpreter/getNesting.mjs
-/**
-* Extracts content from another dictionary by its key and an optional path.
-*
-* This allows for reusing content across different dictionaries.
-*
-* @param dictionaryKey - The key of the dictionary to nest.
-* @param path - Optional dot-separated path to a specific field within the nested dictionary.
-* @param props - Optional properties like locale and plugins.
-* @returns The nested content.
-*
-* @example
-* ```ts
-* const content = getNesting("common", "buttons.save");
-* // 'Save'
-* ```
-*/
-var getNesting = (dictionaryKey, path, props) => {
-	const dictionary = getIntlayer(dictionaryKey, props?.locale, props?.plugins);
-	if (typeof path === "string") {
-		const pathArray = path.split(".");
-		let current = dictionary;
-		for (const key of pathArray) {
-			current = current?.[key];
-			if (current === void 0) return dictionary;
-		}
-		return current;
-	}
-	return dictionary;
-};
-//#endregion
 //#region ../@intlayer/core/dist/esm/interpreter/getTranslation.mjs
 /**
 * Check if a value is a plain object that can be safely merged.
@@ -10052,30 +9844,6 @@ var translationPlugin = (locale, fallback) => ({
 		return getTranslation(result, locale, fallback);
 	}
 });
-/** Enumeration plugin. Replaces node with a function that takes quantity => string. */
-var enumerationPlugin = {
-	id: "enumeration-plugin",
-	canHandle: (node) => typeof node === "object" && node?.nodeType === "enumeration",
-	transform: (node, props, deepTransformNode) => {
-		const result = { ...node[ENUMERATION] };
-		for (const key in result) {
-			const child = result[key];
-			result[key] = deepTransformNode(child, {
-				...props,
-				children: child,
-				keyPath: [...props.keyPath, {
-					type: ENUMERATION,
-					key
-				}]
-			});
-		}
-		return (arg) => {
-			const subResult = getEnumeration(result, typeof arg === "number" ? arg : arg.count);
-			if (typeof subResult === "function" && typeof arg === "object") return subResult(arg);
-			return subResult;
-		};
-	}
-};
 /** Condition plugin. Replaces node with a function that takes boolean => string. */
 var conditionPlugin = {
 	id: "condition-plugin",
@@ -10135,55 +9903,17 @@ var insertionPlugin$1 = {
 		});
 	}
 };
-/** Gender plugin. Replaces node with a function that takes gender => string. */
-var genderPlugin = {
-	id: "gender-plugin",
-	canHandle: (node) => typeof node === "object" && node?.nodeType === "gender",
-	transform: (node, props, deepTransformNode) => {
-		const result = { ...node[GENDER] };
-		for (const key in result) {
-			const child = result[key];
-			result[key] = deepTransformNode(child, {
-				...props,
-				children: child,
-				keyPath: [...props.keyPath, {
-					type: GENDER,
-					key
-				}]
-			});
-		}
-		return (value) => getGender(result, value);
-	}
-};
-/** Nested plugin. Replaces node with the result of `getNesting`. */
-var nestedPlugin = (locale) => ({
-	id: "nested-plugin",
-	canHandle: (node) => typeof node === "object" && (node?.nodeType === "nested" || node?.nodeType === "n"),
-	transform: (node, props) => getNesting(node[NESTED].dictionaryKey, node[NESTED].path, {
-		...props,
-		locale: locale ?? props.locale
-	})
-});
-/** File plugin. Replaces node with the result of `getNesting`. */
-var filePlugin = {
-	id: "file-plugin",
-	canHandle: (node) => typeof node === "object" && node?.nodeType === "file",
-	transform: (node, props, deepTransform) => deepTransform(node.content, {
-		...props,
-		children: node.content
-	})
-};
 //#endregion
 //#region ../@intlayer/core/dist/esm/interpreter/getContent/getContent.mjs
 var getBasePlugins = (locale, fallback = true) => [
-	translationPlugin(locale ?? configuration.internationalization.defaultLocale, fallback ? configuration.internationalization.defaultLocale : void 0),
-	enumerationPlugin,
-	conditionPlugin,
-	insertionPlugin$1,
-	nestedPlugin(locale ?? configuration.internationalization.defaultLocale),
-	filePlugin,
-	genderPlugin
-];
+	{}.INTLAYER_NODE_TYPE_TRANSLATION !== "false" && translationPlugin(locale ?? configuration.internationalization.defaultLocale, fallback ? configuration.internationalization.defaultLocale : void 0),
+	false,
+	{}.INTLAYER_NODE_TYPE_CONDITION !== "false" && conditionPlugin,
+	{}.INTLAYER_NODE_TYPE_INSERTION !== "false" && insertionPlugin$1,
+	false,
+	false,
+	false
+].filter(Boolean);
 /**
 * Transforms a node in a single pass, applying each plugin as needed.
 *
@@ -10219,388 +9949,27 @@ var getDictionary$1 = (dictionary, locale, plugins = getBasePlugins(locale)) =>
 * Check if a value is a complex object (not a primitive)
 * Used to determine if values need to be wrapped in fragments
 */
-var isComplexValue = (value) => {
-	return value !== null && value !== void 0 && typeof value !== "string" && typeof value !== "number" && typeof value !== "boolean";
-};
-/**
-* Core logic for splitting insertion strings and joining with values.
-* Returns an array of parts that can be wrapped by framework-specific Fragment implementations.
-*
-* @param template - The template string with {{ placeholder }} syntax
-* @param values - Map of placeholder names to their replacement values
-* @returns Object with `isSimple` flag and `parts` array
-*
-* @example
-* ```ts
-* const result = splitInsertionTemplate('Hello {{ name }}!', { name: 'World' });
-* // { isSimple: true, parts: 'Hello World!' }
-*
-* const result = splitInsertionTemplate('Hello {{ name }}!', { name: <Component /> });
-* // { isSimple: false, parts: ['Hello ', <Component />, '!'] }
-* ```
-*/
+var isComplexValue = (value) => value != null && typeof value !== "string" && typeof value !== "number" && typeof value !== "boolean";
+var insertionRegex = /\{\{\s*(.*?)\s*\}\}/g;
 var splitInsertionTemplate = (template, values = {}) => {
-	const safeValues = values ?? {};
-	if (!Object.values(safeValues).some(isComplexValue)) return {
+	if (!Object.values(values).some(isComplexValue)) return {
 		isSimple: true,
-		parts: template.replace(/\{\{\s*(.*?)\s*\}\}/g, (_, key) => {
-			return (safeValues[key.trim()] ?? "").toString();
-		})
+		parts: template.replace(insertionRegex, (_, key) => (values[key.trim()] ?? "").toString())
 	};
+	const chunks = template.split(insertionRegex);
 	const parts = [];
-	let lastIndex = 0;
-	const regex = /\{\{\s*(.*?)\s*\}\}/g;
-	let match = regex.exec(template);
-	while (match !== null) {
-		if (match.index > lastIndex) parts.push(template.substring(lastIndex, match.index));
-		const value = safeValues[match[1].trim()];
-		if (value !== void 0 && value !== null) parts.push(value);
-		lastIndex = match.index + match[0].length;
-		match = regex.exec(template);
-	}
-	if (lastIndex < template.length) parts.push(template.substring(lastIndex));
+	for (let i = 0; i < chunks.length; i++) if (i % 2 === 0) {
+		if (chunks[i]) parts.push(chunks[i]);
+	} else {
+		const val = values[chunks[i].trim()];
+		if (val != null) parts.push(val);
+	}
 	return {
 		isSimple: false,
 		parts
 	};
 };
 //#endregion
-//#region ../@intlayer/core/dist/esm/utils/parseYaml.mjs
-var parseYaml = (input) => {
-	const text = input.trim();
-	if (!text) return null;
-	let index = 0;
-	const isWhitespace = (ch) => ch === " " || ch === "\n" || ch === "	" || ch === "\r";
-	const peek = () => text[index];
-	const next = () => text[index++];
-	const eof = () => index >= text.length;
-	const skipWhitespace = () => {
-		while (!eof() && isWhitespace(peek())) index++;
-	};
-	const parseQuotedString = (quote) => {
-		next();
-		let result = "";
-		while (!eof()) {
-			const ch = next();
-			if (ch === quote) return result;
-			if (ch === "\\" && !eof()) {
-				const escaped = next();
-				result += escaped;
-			} else result += ch;
-		}
-		throw new SyntaxError("Unterminated string");
-	};
-	const isStopChar = (ch, stops) => !!ch && stops.includes(ch);
-	const parseUnquotedToken = (stops) => {
-		let result = "";
-		while (!eof()) {
-			if (isStopChar(peek(), stops)) break;
-			result += next();
-		}
-		return result.trim();
-	};
-	const toTypedValue = (raw) => {
-		if (raw === "true" || raw === "false" || raw === "null" || raw === "undefined" || raw === "yes" || raw === "no" || raw === "on" || raw === "off") return raw;
-		if (raw === "NaN" || raw === "Infinity" || raw === "-Infinity") return raw;
-		if (/^0x[0-9a-fA-F]+$/.test(raw) || /^#/.test(raw)) return raw;
-		if (/^-?\d+(?:\.\d+)?(?:e[+-]?\d+)?$/i.test(raw)) {
-			if (raw === "3.14159265359") return Math.PI;
-			return Number(raw);
-		}
-		return raw;
-	};
-	const parseValue = (stops) => {
-		skipWhitespace();
-		if (eof()) throw new SyntaxError("Unexpected end of input");
-		const ch = peek();
-		if (ch === "[") return parseArray();
-		if (ch === "{") return parseObject();
-		if (ch === "\"" || ch === "'") return parseQuotedString(ch);
-		const token = parseUnquotedToken(stops);
-		if (token === "") throw new SyntaxError("Empty token");
-		return toTypedValue(token);
-	};
-	const parseArray = () => {
-		next();
-		const arr = [];
-		skipWhitespace();
-		if (peek() === "]") {
-			next();
-			return arr;
-		}
-		while (true) {
-			skipWhitespace();
-			arr.push(parseValue([",", "]"]));
-			skipWhitespace();
-			const ch = next();
-			if (ch === "]") break;
-			if (ch !== ",") throw new SyntaxError("Expected ',' or ']' after array element");
-			skipWhitespace();
-			if (peek() === "]") throw new SyntaxError("Trailing comma in array");
-		}
-		return arr;
-	};
-	const parseYamlListItem = () => {
-		next();
-		skipWhitespace();
-		if (peek() === "{") return parseObject();
-		const ch = peek();
-		if (ch === "\"" || ch === "'") return parseQuotedString(ch);
-		let hasColon = false;
-		let tempIdx = index;
-		while (tempIdx < text.length && text[tempIdx] !== "\n") {
-			if (text[tempIdx] === ":" && tempIdx + 1 < text.length && text[tempIdx + 1] === " ") {
-				hasColon = true;
-				break;
-			}
-			tempIdx++;
-		}
-		if (hasColon) return parseIndentedObject();
-		return toTypedValue(parseUnquotedToken(["\n"]));
-	};
-	const parseIndentedObject = () => {
-		const obj = {};
-		const baseIndent = getCurrentIndent();
-		while (!eof()) {
-			const lineStart = index;
-			const prevChar = text[lineStart - 1];
-			skipWhitespace();
-			const currentIndent = getCurrentIndent();
-			if ((lineStart === 0 || prevChar === "\n") && currentIndent <= baseIndent) {
-				index = lineStart;
-				break;
-			}
-			const ch = peek();
-			if (ch === "-" || eof()) {
-				index = lineStart;
-				break;
-			}
-			let key = "";
-			if (ch === "\"" || ch === "'") key = parseQuotedString(ch);
-			else {
-				while (!eof() && peek() !== ":") key += next();
-				key = key.trim();
-			}
-			if (eof() || next() !== ":") break;
-			skipWhitespace();
-			if (peek() === "\n") {
-				next();
-				skipWhitespace();
-				if (peek() === "-") {
-					obj[key] = parseYamlList();
-					continue;
-				}
-			}
-			obj[key] = toTypedValue(parseUnquotedToken(["\n"]));
-			if (peek() === "\n") next();
-		}
-		return obj;
-	};
-	const getCurrentIndent = () => {
-		let indent = 0;
-		let i = index;
-		while (i > 0 && text[i - 1] !== "\n") i--;
-		while (i < text.length && text[i] === " ") {
-			indent++;
-			i++;
-		}
-		return indent;
-	};
-	const parseYamlList = () => {
-		const arr = [];
-		const baseIndent = getCurrentIndent();
-		while (!eof()) {
-			while (!eof() && isWhitespace(peek())) {
-				next();
-				if (peek() === "-") break;
-			}
-			if (eof()) break;
-			if (getCurrentIndent() < baseIndent) break;
-			if (peek() !== "-") break;
-			arr.push(parseYamlListItem());
-		}
-		return arr;
-	};
-	const parseObjectBody = (stops) => {
-		const obj = {};
-		skipWhitespace();
-		while (true) {
-			skipWhitespace();
-			if (eof()) return obj;
-			if (isStopChar(peek(), stops)) return obj;
-			let key = "";
-			const ch = peek();
-			if (ch === "\"" || ch === "'") key = parseQuotedString(ch);
-			else {
-				while (!eof()) {
-					const c = peek();
-					if (c === ":") break;
-					if (c === "\n") break;
-					if (isStopChar(c, stops)) throw new SyntaxError("Expected ':' in object entry");
-					key += next();
-				}
-				key = key.trim();
-			}
-			if (!key) return obj;
-			if (eof() || next() !== ":") throw new SyntaxError("Expected ':' after key");
-			if (!eof() && peek() === " ") next();
-			while (!eof() && (peek() === " " || peek() === "	")) next();
-			if (eof()) {
-				obj[key] = "";
-				return obj;
-			}
-			if (peek() === "\n") {
-				next();
-				const afterNewlinePos = index;
-				skipWhitespace();
-				if (peek() === "-") {
-					obj[key] = parseYamlList();
-					skipWhitespace();
-					continue;
-				} else {
-					index = afterNewlinePos;
-					skipWhitespace();
-					if (!eof()) {
-						const nextChar = peek();
-						if (nextChar && !isStopChar(nextChar, stops) && nextChar !== "-") {
-							obj[key] = "";
-							continue;
-						}
-					}
-					obj[key] = "";
-					return obj;
-				}
-			}
-			obj[key] = parseValue(stops.includes("}") ? [
-				",",
-				"\n",
-				...stops
-			] : ["\n", ...stops]);
-			if (eof()) return obj;
-			let sep = peek();
-			if (sep === ",") {
-				next();
-				skipWhitespace();
-				continue;
-			}
-			if (sep === "\n") {
-				next();
-				skipWhitespace();
-				continue;
-			}
-			if (sep === " " || sep === "	") {
-				while (!eof() && (peek() === " " || peek() === "	")) next();
-				sep = peek();
-				if (sep === "\n") {
-					next();
-					skipWhitespace();
-					continue;
-				}
-				if (eof() || isStopChar(sep, stops)) return obj;
-				continue;
-			}
-			if (isStopChar(sep, stops)) return obj;
-			if (!eof()) continue;
-			return obj;
-		}
-	};
-	const parseObject = () => {
-		next();
-		skipWhitespace();
-		if (peek() === "}") {
-			next();
-			return {};
-		}
-		const obj = parseObjectBody(["}"]);
-		if (peek() !== "}") throw new SyntaxError("Expected '}' at end of object");
-		next();
-		return obj;
-	};
-	const hasTopLevelKeyColonSpace = (s) => {
-		let i = 0;
-		let depth = 0;
-		let quote = null;
-		while (i < s.length) {
-			const char = s[i];
-			if (quote) {
-				if (char === "\\" && i + 1 < s.length) {
-					i += 2;
-					continue;
-				}
-				if (char === quote) {
-					quote = null;
-					i++;
-					continue;
-				}
-				i++;
-				continue;
-			}
-			if (char === "\"" || char === "'") {
-				quote = char;
-				i++;
-				continue;
-			}
-			if (char === "[" || char === "{") {
-				depth++;
-				i++;
-				continue;
-			}
-			if (char === "]" || char === "}") {
-				depth = Math.max(0, depth - 1);
-				i++;
-				continue;
-			}
-			if (depth === 0 && char === ":") {
-				const nextCh = s[i + 1];
-				if (nextCh === " " || nextCh === "\n" || nextCh === void 0) return true;
-			}
-			i++;
-		}
-		return false;
-	};
-	if (text.startsWith("]") || text.startsWith("}")) throw new SyntaxError("Unexpected closing bracket");
-	if (text.startsWith("[")) {
-		const value = parseArray();
-		skipWhitespace();
-		if (!eof()) throw new SyntaxError("Unexpected trailing characters");
-		return value;
-	}
-	if (text.startsWith("{")) {
-		const value = parseObject();
-		skipWhitespace();
-		if (!eof()) throw new SyntaxError("Unexpected trailing characters");
-		return value;
-	}
-	if (hasTopLevelKeyColonSpace(text)) {
-		const value = parseObjectBody([]);
-		skipWhitespace();
-		if (!eof()) throw new SyntaxError("Unexpected trailing characters");
-		return value;
-	}
-	const single = parseValue([]);
-	skipWhitespace();
-	if (!eof()) throw new SyntaxError("Unexpected trailing characters");
-	return single;
-};
-//#endregion
-//#region ../@intlayer/core/dist/esm/transpiler/markdown/getMarkdownMetadata.mjs
-var getMarkdownMetadata = (markdown) => {
-	try {
-		const lines = markdown.split(/\r?\n/);
-		const firstNonEmptyLine = lines.find((line) => line.trim() !== "");
-		if (!firstNonEmptyLine || firstNonEmptyLine.trim() !== "---") return {};
-		let metadataEndIndex = -1;
-		for (let i = 1; i < lines.length; i++) if (lines[i].trim() === "---") {
-			metadataEndIndex = i;
-			break;
-		}
-		if (metadataEndIndex === -1) return {};
-		return parseYaml(lines.slice(1, metadataEndIndex).join("\n")) ?? {};
-	} catch {
-		return {};
-	}
-};
-//#endregion
 //#region ../@intlayer/core/dist/esm/markdown/constants.mjs
 /**
 * Analogous to `node.type`. Please note that the values here may change at any time,
@@ -12087,10 +11456,8 @@ var compile = (markdown = "", ctx, options = {}) => {
 		key: def.identifier
 	}, def.identifier, emitter(parser(def.footnote, { inline: true }), { inline: true }))))) : node;
 };
-//#endregion
-//#region ../react-intlayer/dist/esm/plugins.mjs
-var LazyMarkdownRendererPlugin = (0, import_react.lazy)(() => __vitePreload(() => import("./MarkdownRendererPlugin-qmrNTiKL.js").then((m) => ({ default: m.MarkdownRendererPlugin })), []));
-var LazyHTMLRendererPlugin = (0, import_react.lazy)(() => __vitePreload(() => import("./HTMLRendererPlugin-B6Eld7in.js").then((m) => ({ default: m.HTMLRendererPlugin })), __vite__mapDeps([0,1,2])));
+(0, import_react.lazy)(() => __vitePreload(() => import("./MarkdownRendererPlugin-C1_aJQ4G.js").then((m) => ({ default: m.MarkdownRendererPlugin })), []));
+(0, import_react.lazy)(() => __vitePreload(() => import("./HTMLRendererPlugin-CoI--J8B.js").then((m) => ({ default: m.HTMLRendererPlugin })), __vite__mapDeps([0,1,2,3])));
 /** Translation plugin. Replaces node with a locale string if nodeType = Translation. */
 var intlayerNodePlugins = {
 	id: "intlayer-node-plugin",
@@ -12098,7 +11465,10 @@ var intlayerNodePlugins = {
 	transform: (_node, { plugins, ...rest }) => renderIntlayerNode({
 		...rest,
 		value: rest.children,
-		children: rest.children
+		children: configuration.editor.enabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentSelector, {
+			...rest,
+			children: rest.children
+		}) : rest.children
 	})
 };
 /** Translation plugin. Replaces node with a locale string if nodeType = Translation. */
@@ -12108,7 +11478,10 @@ var reactNodePlugins = {
 	transform: (node, { plugins, ...rest }) => renderIntlayerNode({
 		...rest,
 		value: "[[react-element]]",
-		children: renderReactElement(node)
+		children: configuration.editor.enabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentSelector, {
+			...rest,
+			children: renderReactElement(node)
+		}) : renderReactElement(node)
 	})
 };
 /**
@@ -12160,464 +11533,83 @@ var insertionPlugin = {
 		return result;
 	}
 };
-/** Markdown string plugin. Replaces string node with a component that render the markdown. */
-var markdownStringPlugin = {
-	id: "markdown-string-plugin",
-	canHandle: (node) => typeof node === "string",
-	transform: (node, props, deepTransformNode) => {
-		const { plugins, ...rest } = props;
-		const metadataNodes = deepTransformNode(getMarkdownMetadata(node) ?? {}, {
-			plugins: [{
-				id: "markdown-metadata-plugin",
-				canHandle: (metadataNode) => typeof metadataNode === "string" || typeof metadataNode === "number" || typeof metadataNode === "boolean" || !metadataNode,
-				transform: (metadataNode, props) => renderIntlayerNode({
-					...props,
-					value: metadataNode,
-					children: node
-				})
-			}],
-			dictionaryKey: rest.dictionaryKey,
-			keyPath: []
-		});
-		const render = (components) => renderIntlayerNode({
-			...props,
-			value: node,
-			children: configuration.editor.enabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContentSelector, {
-				...rest,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
-					fallback: node,
-					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyMarkdownRendererPlugin, {
-						...rest,
-						components,
-						children: node
-					})
-				})
-			}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
-				fallback: node,
-				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LazyMarkdownRendererPlugin, {
-					...rest,
-					components,
-					children: node
-				})
-			}),
-			additionalProps: { metadata: metadataNodes }
-		});
-		const element = render();
-		return new Proxy(element, { get(target, prop, receiver) {
-			if (prop === "value") return node;
-			if (prop === "metadata") return metadataNodes;
-			if (prop === "use") return (components) => render(components);
-			return Reflect.get(target, prop, receiver);
-		} });
-	}
-};
-var markdownPlugin = {
-	id: "markdown-plugin",
-	canHandle: (node) => typeof node === "object" && node?.nodeType === "markdown",
-	transform: (node, props, deepTransformNode) => {
-		const newKeyPath = [...props.keyPath, { type: MARKDOWN }];
-		const children = node[MARKDOWN];
-		return deepTransformNode(children, {
-			...props,
-			children,
-			keyPath: newKeyPath,
-			plugins: [markdownStringPlugin, ...props.plugins ?? []]
-		});
-	}
-};
-/** HTML plugin. Replaces node with a function that takes components => ReactNode. */
-var htmlPlugin = {
-	id: "html-plugin",
-	canHandle: (node) => typeof node === "object" && node?.nodeType === "html",
-	transform: (node, props) => {
-		const html = node[HTML];
-		const { plugins, ...rest } = props;
-		const render = (userComponents) => (0, import_react.createElement)(import_react.Suspense, { fallback: html }, (0, import_react.createElement)(LazyHTMLRendererPlugin, {
-			...rest,
-			html,
-			userComponents
-		}));
-		const element = render();
-		return new Proxy(element, { get(target, prop, receiver) {
-			if (prop === "value") return html;
-			if (prop === "use") return (userComponents) => render(userComponents);
-			return Reflect.get(target, prop, receiver);
-		} });
-	}
-};
 /**
 * Get the plugins array for React content transformation.
 * This function is used by both getIntlayer and getDictionary to ensure consistent plugin configuration.
 */
 var getPlugins = (locale, fallback = true) => [
-	translationPlugin(locale ?? configuration.internationalization.defaultLocale, fallback ? configuration.internationalization.defaultLocale : void 0),
-	enumerationPlugin,
-	conditionPlugin,
-	nestedPlugin(locale ?? configuration.internationalization.defaultLocale),
-	filePlugin,
-	genderPlugin,
+	{}.INTLAYER_NODE_TYPE_TRANSLATION !== "false" && translationPlugin(locale ?? configuration.internationalization.defaultLocale, fallback ? configuration.internationalization.defaultLocale : void 0),
+	false,
+	{}.INTLAYER_NODE_TYPE_CONDITION !== "false" && conditionPlugin,
+	false,
+	false,
+	false,
 	intlayerNodePlugins,
 	reactNodePlugins,
-	insertionPlugin,
-	markdownPlugin,
-	htmlPlugin
-];
+	{}.INTLAYER_NODE_TYPE_INSERTION !== "false" && insertionPlugin,
+	false,
+	false
+].filter(Boolean);
 //#endregion
 //#region ../react-intlayer/dist/esm/getDictionary.mjs
 var getDictionary = (dictionary, locale) => getDictionary$1(dictionary, locale, getPlugins(locale));
 //#endregion
-//#region ../@intlayer/config/dist/esm/defaultValues/editor.mjs
-var BACKEND_URL = "https://back.intlayer.org";
-//#endregion
-//#region ../@intlayer/config/dist/esm/defaultValues/internationalization.mjs
-var LOCALES = ["en"];
-var DEFAULT_LOCALE = "en";
+//#region ../@intlayer/core/dist/esm/utils/checkIsURLAbsolute.mjs
+var checkIsURLAbsolute = (url) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(url);
 //#endregion
-//#region ../@intlayer/core/dist/esm/getStorageAttributes.mjs
-/**
-* Creates a cookie entry with default values for missing attributes
-*/
-var createCookieEntry = (options) => {
-	const { name, path, expires, domain, secure, sameSite, httpOnly } = options ?? {};
-	return {
-		name: name ?? "INTLAYER_LOCALE",
-		attributes: {
-			path,
-			expires,
-			domain,
-			secure,
-			sameSite,
-			httpOnly
-		}
-	};
-};
-/**
-* Creates a web storage entry (localStorage or sessionStorage) with default name
-*/
-var createWebStorageEntry = (options) => {
-	const { name } = options ?? {};
-	return { name: name ?? "INTLAYER_LOCALE" };
-};
-/**
-* Creates a header entry with default name
-*/
-var createHeaderEntry = (options) => {
-	const { name } = options ?? {};
-	return { name: name ?? "x-intlayer-locale" };
-};
-/**
-* Determines if a storage entry is a cookie based on its properties
-*/
-var isCookieEntry = (entry) => {
-	return entry.type === "cookie" || "sameSite" in entry || "httpOnly" in entry || "secure" in entry;
-};
-/**
-* Determines the storage type from a string literal
-*/
-var isStorageType = (value) => {
-	return value === "cookie" || value === "localStorage" || value === "sessionStorage" || value === "header";
-};
-/**
-* Processes a single storage entry and returns the appropriate storage attributes
-*/
-var processStorageEntry = (entry) => {
-	if (typeof entry === "string") {
-		if (!isStorageType(entry)) return {
-			cookies: [],
-			localStorage: [],
-			sessionStorage: [],
-			headers: []
-		};
-		if (entry === "cookie") return { cookies: [createCookieEntry()] };
-		if (entry === "localStorage") return { localStorage: [createWebStorageEntry()] };
-		if (entry === "sessionStorage") return { sessionStorage: [createWebStorageEntry()] };
-		if (entry === "header") return { headers: [createHeaderEntry()] };
-	}
-	if (typeof entry === "object" && entry !== null) {
-		const typedEntry = entry;
-		if (isCookieEntry(typedEntry)) return { cookies: [createCookieEntry(typedEntry)] };
-		if ("type" in typedEntry && typedEntry.type === "localStorage") {
-			const { name, ...rest } = typedEntry;
-			return { localStorage: [createWebStorageEntry({
-				name,
-				...rest
-			})] };
-		}
-		if ("type" in typedEntry && typedEntry.type === "sessionStorage") {
-			const { name, ...rest } = typedEntry;
-			return { sessionStorage: [createWebStorageEntry({
-				name,
-				...rest
-			})] };
-		}
-		if ("type" in typedEntry && typedEntry.type === "header") {
-			const { name, ...rest } = typedEntry;
-			return { headers: [createHeaderEntry({
-				name,
-				...rest
-			})] };
-		}
-		const { name, ...rest } = typedEntry;
-		return { localStorage: [createWebStorageEntry({
-			name,
-			...rest
-		})] };
-	}
-	return {
-		cookies: [],
-		localStorage: [],
-		sessionStorage: [],
-		headers: []
-	};
-};
-/**
-* Merges multiple partial storage attributes into a single result
-*/
-var mergeStorageAttributes = (accumulated, partial) => {
-	return {
-		cookies: [...accumulated.cookies, ...partial.cookies ?? []],
-		localStorage: [...accumulated.localStorage, ...partial.localStorage ?? []],
-		sessionStorage: [...accumulated.sessionStorage, ...partial.sessionStorage ?? []],
-		headers: [...accumulated.headers, ...partial.headers ?? []]
-	};
-};
+//#region ../@intlayer/core/dist/esm/localization/getPathWithoutLocale.mjs
 /**
-* Extracts and normalizes storage configuration into separate arrays for each storage type
+* Removes the locale segment from the given URL or pathname if present.
+* Also removes locale from search parameters if present.
 *
-* @param options - The storage configuration from IntlayerConfig
-* @returns An object containing arrays for cookies, localStorage, and sessionStorage
-*/
-var getStorageAttributes = (options) => {
-	const emptyResult = {
-		cookies: [],
-		localStorage: [],
-		sessionStorage: [],
-		headers: []
-	};
-	if (options === false || options === void 0) return emptyResult;
-	if (Array.isArray(options)) return options.reduce((acc, entry) => {
-		return mergeStorageAttributes(acc, processStorageEntry(entry));
-	}, emptyResult);
-	return mergeStorageAttributes(emptyResult, processStorageEntry(options));
-};
-//#endregion
-//#region ../@intlayer/core/dist/esm/localization/localeResolver.mjs
-/**
-* Resolves the most specific locale from a user-provided list,
-* or falls back to the default locale if no match is found.
-*/
-var localeResolver = (selectedLocale, locales = configuration?.internationalization?.locales, defaultLocale = configuration?.internationalization?.defaultLocale) => {
-	const requestedLocales = [selectedLocale].flat();
-	const normalize = (locale) => locale.trim().toLowerCase();
-	try {
-		for (const requested of requestedLocales) {
-			const normalizedRequested = normalize(requested);
-			const exactMatch = locales.find((loc) => normalize(loc) === normalizedRequested);
-			if (exactMatch) return exactMatch;
-			const [requestedLang] = normalizedRequested.split("-");
-			const partialMatch = locales.find((loc) => normalize(loc).split("-")[0] === requestedLang);
-			if (partialMatch) return partialMatch;
-		}
-	} catch (_error) {}
-	return defaultLocale;
-};
-//#endregion
-//#region ../@intlayer/core/dist/esm/utils/getCookie.mjs
-/**
-* Retrieves a cookie by name from a cookie string or document.cookie
-* @param name - The name of the cookie to retrieve
-* @param cookieString - Optional cookie string to parse (defaults to document.cookie in browser)
-* @returns The cookie value or undefined if not found
-*/
-var getCookie = (name, cookieString) => {
-	try {
-		const str = cookieString ?? (typeof document !== "undefined" ? document.cookie : "");
-		if (!str) return void 0;
-		const pairs = str.split(";");
-		for (let i = 0; i < pairs.length; i++) {
-			const part = pairs[i].trim();
-			if (!part) continue;
-			const equalIndex = part.indexOf("=");
-			if ((equalIndex >= 0 ? part.substring(0, equalIndex) : part) === name) {
-				const rawValue = equalIndex >= 0 ? part.substring(equalIndex + 1) : "";
-				try {
-					return decodeURIComponent(rawValue);
-				} catch {
-					return rawValue;
-				}
-			}
-		}
-	} catch {}
-};
-//#endregion
-//#region ../@intlayer/core/dist/esm/utils/localeStorage.mjs
-var buildCookieString = (name, value, attributes) => {
-	const parts = [`${name}=${encodeURIComponent(value)}`];
-	if (attributes.path) parts.push(`Path=${attributes.path}`);
-	if (attributes.domain) parts.push(`Domain=${attributes.domain}`);
-	if (attributes.expires instanceof Date) parts.push(`Expires=${attributes.expires.toUTCString()}`);
-	if (attributes.secure) parts.push("Secure");
-	if (attributes.sameSite) parts.push(`SameSite=${attributes.sameSite}`);
-	return parts.join("; ");
-};
-/**
-* Retrieves the locale from various storage mechanisms (cookies, localStorage, sessionStorage, headers).
-* The function checks storage locations in order of priority as defined in the configuration.
+* This function get the locales from the configuration if not provided.
 *
-* @returns The locale if found in any storage, or undefined if not found
-*/
-var getLocaleFromStorage = (options) => {
-	const { routing, internationalization } = configuration;
-	const { locales } = internationalization;
-	const { storage } = routing;
-	if (storage === false || options?.isCookieEnabled === false) return void 0;
-	const storageAttributes = getStorageAttributes(storage);
-	const isValidLocale = (value) => {
-		if (!value) return false;
-		return locales.includes(value);
-	};
-	const readCookie = (name) => {
-		try {
-			const fromOption = options?.getCookie?.(name);
-			if (fromOption !== null && fromOption !== void 0) return fromOption;
-		} catch {}
-		return getCookie(name);
-	};
-	for (let i = 0; i < storageAttributes.cookies.length; i++) {
-		const { name } = storageAttributes.cookies[i];
-		const value = readCookie(name);
-		if (isValidLocale(value)) return value;
-	}
-	for (let i = 0; i < storageAttributes.localStorage.length; i++) {
-		const { name } = storageAttributes.localStorage[i];
-		try {
-			const value = options?.getLocaleStorage?.(name);
-			if (isValidLocale(value)) return value;
-		} catch {}
-	}
-	for (let i = 0; i < storageAttributes.sessionStorage.length; i++) {
-		const { name } = storageAttributes.sessionStorage[i];
-		try {
-			const value = options?.getSessionStorage?.(name);
-			if (isValidLocale(value)) return value;
-		} catch {}
-	}
-	for (let i = 0; i < storageAttributes.headers.length; i++) {
-		const { name } = storageAttributes.headers[i];
-		try {
-			const value = options?.getHeader?.(name);
-			if (isValidLocale(value)) return value;
-		} catch {}
-	}
-};
-/**
-* Stores the locale in various storage mechanisms (cookies, localStorage, sessionStorage, headers).
-* The function writes to all configured storage locations according to their attributes.
-* Respects overwrite flags for localStorage and sessionStorage.
+* Example:
+*
+* ```ts
+* getPathWithoutLocale('/en/dashboard') // Returns '/dashboard'
+* getPathWithoutLocale('/fr/dashboard') // Returns '/dashboard'
+* getPathWithoutLocale('/dashboard') // Returns '/dashboard'
+* getPathWithoutLocale('dashboard') // Returns 'dashboard'
+* getPathWithoutLocale('/dashboard?locale=fr') // Returns '/dashboard'
+* getPathWithoutLocale('https://example.com/en/dashboard') // Returns 'https://example.com/dashboard'
+* getPathWithoutLocale('https://example.com/fr/dashboard') // Returns 'https://example.com/dashboard'
+* getPathWithoutLocale('https://example.com/dashboard') // Returns 'https://example.com/dashboard'
+* getPathWithoutLocale('https://example.com/dashboard?locale=fr') // Returns 'https://example.com/dashboard'
+* ```
 *
-* @param locale - The locale to store
+* @param inputUrl - The complete URL string or pathname to process.
+* @param locales - Optional array of supported locales. Defaults to `localesDefault`.
+* @returns The URL string or pathname without the locale segment or locale search parameter.
 */
-var setLocaleInStorage$1 = (locale, options) => {
-	if (configuration.routing.storage === false || options?.isCookieEnabled === false) return;
-	const storageAttributes = getStorageAttributes(configuration.routing.storage);
-	for (let i = 0; i < storageAttributes.cookies.length; i++) {
-		const { name, attributes } = storageAttributes.cookies[i];
-		try {
-			if (options?.setCookieStore) options?.setCookieStore?.(name, locale, {
-				...attributes,
-				expires: attributes.expires instanceof Date ? attributes.expires.getTime() : attributes.expires
-			});
-		} catch {
-			try {
-				if (options?.setCookieString) {
-					const cookieString = buildCookieString(name, locale, attributes);
-					options?.setCookieString?.(name, cookieString);
-				}
-			} catch {}
-		}
-	}
-	if (options?.setLocaleStorage) for (let i = 0; i < storageAttributes.localStorage.length; i++) {
-		const { name } = storageAttributes.localStorage[i];
-		try {
-			if (!(options?.overwrite ?? true) && options?.getLocaleStorage) {
-				if (options?.getLocaleStorage?.(name)) continue;
-			}
-			options?.setLocaleStorage?.(name, locale);
-		} catch {}
-	}
-	if (options?.setSessionStorage) for (let i = 0; i < storageAttributes.sessionStorage.length; i++) {
-		const { name } = storageAttributes.sessionStorage[i];
-		try {
-			if (!(options?.overwrite ?? true) && options?.getSessionStorage) {
-				if (options?.getSessionStorage?.(name)) continue;
-			}
-			options?.setSessionStorage?.(name, locale);
-		} catch {}
+var getPathWithoutLocale = (inputUrl, locales = configuration?.internationalization?.locales) => {
+	const isAbsoluteUrl = checkIsURLAbsolute(inputUrl);
+	let fixedInputUrl = inputUrl;
+	if (inputUrl?.endsWith("/")) fixedInputUrl = inputUrl.slice(0, -1);
+	const url = isAbsoluteUrl ? new URL(fixedInputUrl) : new URL(fixedInputUrl, "http://example.com");
+	const pathname = url.pathname;
+	if (!pathname.startsWith("/")) url.pathname = `/${pathname}`;
+	const pathSegments = pathname.split("/");
+	const firstSegment = pathSegments[1];
+	if (locales?.includes(firstSegment)) {
+		pathSegments.splice(1, 1);
+		url.pathname = pathSegments.join("/") ?? "/";
 	}
-	if (options?.setHeader) for (let i = 0; i < storageAttributes.headers.length; i++) {
-		const { name } = storageAttributes.headers[i];
-		try {
-			options?.setHeader?.(name, locale);
-		} catch {}
+	const searchParams = new URLSearchParams(url.search);
+	if (searchParams.has("locale")) {
+		searchParams.delete("locale");
+		url.search = searchParams.toString();
 	}
+	if (isAbsoluteUrl) return url.toString();
+	return url.toString().replace("http://example.com", "");
 };
 //#endregion
-//#region ../@intlayer/core/dist/esm/localization/getBrowserLocale.mjs
-var localeStorageOptions = {
-	getCookie: (name) => document.cookie.split(";").find((c) => c.trim().startsWith(`${name}=`))?.split("=")[1],
-	getLocaleStorage: (name) => localStorage.getItem(name),
-	getSessionStorage: (name) => sessionStorage.getItem(name),
-	isCookieEnabled: true,
-	setCookieStore: (name, value, attributes) => cookieStore.set({
-		name,
-		value,
-		path: attributes.path,
-		domain: attributes.domain,
-		expires: attributes.expires,
-		sameSite: attributes.sameSite
-	}),
-	setCookieString: (_name, cookie) => {
-		document.cookie = cookie;
-	},
-	setSessionStorage: (name, value) => sessionStorage.setItem(name, value),
-	setLocaleStorage: (name, value) => localStorage.setItem(name, value)
-};
+//#region ../@intlayer/config/dist/esm/defaultValues/editor.mjs
+var BACKEND_URL = "https://back.intlayer.org";
 //#endregion
-//#region ../@intlayer/core/dist/esm/localization/getHTMLTextDir.mjs
-/**
-* Returns the text direction of the given locale.
-*
-* Example:
-*
-* getHTMLTextDir('en-US') // 'ltr'
-* getHTMLTextDir('en') // 'ltr'
-* getHTMLTextDir('fr-CA') // 'ltr'
-* getHTMLTextDir('fr') // 'ltr'
-*
-* @param locale The locale to get the text direction for.
-* @returns The text direction of the given locale.
-*/
-var getHTMLTextDir = (locale) => {
-	if (!locale) return "ltr";
-	try {
-		const localeInfo = new Intl.Locale(locale);
-		if ("getTextInfo" in localeInfo) return localeInfo.getTextInfo().direction;
-		if ("textInfo" in localeInfo) return localeInfo.textInfo.direction;
-		const maximized = localeInfo.maximize();
-		return [
-			"Arab",
-			"Hebr",
-			"Thaa",
-			"Syrc",
-			"Mand",
-			"Adlm",
-			"Rohg",
-			"Nkoo"
-		].includes(maximized.script ?? "") ? "rtl" : "ltr";
-	} catch {
-		return "ltr";
-	}
-};
+//#region ../@intlayer/config/dist/esm/defaultValues/internationalization.mjs
+var LOCALES = ["en"];
+var DEFAULT_LOCALE = "en";
 //#endregion
 //#region ../@intlayer/core/dist/esm/localization/getPrefix.mjs
 /**
@@ -12683,118 +11675,6 @@ var getPrefix = (locale, options = {}) => {
 	};
 };
 //#endregion
-//#region ../@intlayer/core/dist/esm/utils/checkIsURLAbsolute.mjs
-var checkIsURLAbsolute = (url) => /^[a-zA-Z][a-zA-Z\d+\-.]*:/.test(url);
-//#endregion
-//#region ../@intlayer/core/dist/esm/utils/intl.mjs
-/**
-* Optimized Cache Key Generator
-* 1. Fast path: If no options, just use the locale string.
-* 2. Normal path: JSON.stringify for deterministic object comparison.
-*/
-var getCacheKey = (locales, options) => {
-	const localeKey = locales ? String(locales) : "en";
-	if (!options) return localeKey;
-	return `${localeKey}|${JSON.stringify(options)}`;
-};
-/**
-* Generic wrapper for any `new Intl.*()` constructor.
-*/
-var createCachedConstructor = (Ctor) => {
-	const cache = /* @__PURE__ */ new Map();
-	const MAX_CACHE_SIZE = 50;
-	function Wrapped(locales, options) {
-		let resolvedLocales = locales;
-		let resolvedOptions = options;
-		if (typeof locales === "object" && !Array.isArray(locales) && locales !== null) {
-			resolvedOptions = locales;
-			resolvedLocales = locales.locale;
-		}
-		if (Ctor.name === "DisplayNames" && typeof Intl?.DisplayNames !== "function") {}
-		const key = getCacheKey(resolvedLocales, resolvedOptions);
-		let instance = cache.get(key);
-		if (instance) return instance;
-		instance = new Ctor(resolvedLocales, resolvedOptions);
-		if (cache.size >= MAX_CACHE_SIZE) {
-			const oldestKey = cache.keys().next().value;
-			if (oldestKey) cache.delete(oldestKey);
-		}
-		cache.set(key, instance);
-		return instance;
-	}
-	Wrapped.prototype = Ctor.prototype;
-	return Wrapped;
-};
-/**
-* Factory that turns the global `Intl` into a cached clone.
-*/
-var createCachedIntl = () => {
-	const constructorCache = /* @__PURE__ */ new Map();
-	return new Proxy(Intl, { get: (target, prop, receiver) => {
-		if (constructorCache.has(prop)) return constructorCache.get(prop);
-		const value = Reflect.get(target, prop, receiver);
-		if (typeof value === "function" && typeof prop === "string" && /^[A-Z]/.test(prop)) {
-			const wrapped = createCachedConstructor(value);
-			constructorCache.set(prop, wrapped);
-			return wrapped;
-		}
-		return value;
-	} });
-};
-var CachedIntl = createCachedIntl();
-//#endregion
-//#region ../@intlayer/core/dist/esm/localization/getLocaleName.mjs
-var getLocaleName = (displayLocale, targetLocale = displayLocale) => {
-	return new CachedIntl.DisplayNames(targetLocale, { type: "language" }).of(displayLocale) ?? "Unknown locale";
-};
-//#endregion
-//#region ../@intlayer/core/dist/esm/localization/getPathWithoutLocale.mjs
-/**
-* Removes the locale segment from the given URL or pathname if present.
-* Also removes locale from search parameters if present.
-*
-* This function get the locales from the configuration if not provided.
-*
-* Example:
-*
-* ```ts
-* getPathWithoutLocale('/en/dashboard') // Returns '/dashboard'
-* getPathWithoutLocale('/fr/dashboard') // Returns '/dashboard'
-* getPathWithoutLocale('/dashboard') // Returns '/dashboard'
-* getPathWithoutLocale('dashboard') // Returns 'dashboard'
-* getPathWithoutLocale('/dashboard?locale=fr') // Returns '/dashboard'
-* getPathWithoutLocale('https://example.com/en/dashboard') // Returns 'https://example.com/dashboard'
-* getPathWithoutLocale('https://example.com/fr/dashboard') // Returns 'https://example.com/dashboard'
-* getPathWithoutLocale('https://example.com/dashboard') // Returns 'https://example.com/dashboard'
-* getPathWithoutLocale('https://example.com/dashboard?locale=fr') // Returns 'https://example.com/dashboard'
-* ```
-*
-* @param inputUrl - The complete URL string or pathname to process.
-* @param locales - Optional array of supported locales. Defaults to `localesDefault`.
-* @returns The URL string or pathname without the locale segment or locale search parameter.
-*/
-var getPathWithoutLocale = (inputUrl, locales = configuration?.internationalization?.locales) => {
-	const isAbsoluteUrl = checkIsURLAbsolute(inputUrl);
-	let fixedInputUrl = inputUrl;
-	if (inputUrl?.endsWith("/")) fixedInputUrl = inputUrl.slice(0, -1);
-	const url = isAbsoluteUrl ? new URL(fixedInputUrl) : new URL(fixedInputUrl, "http://example.com");
-	const pathname = url.pathname;
-	if (!pathname.startsWith("/")) url.pathname = `/${pathname}`;
-	const pathSegments = pathname.split("/");
-	const firstSegment = pathSegments[1];
-	if (locales?.includes(firstSegment)) {
-		pathSegments.splice(1, 1);
-		url.pathname = pathSegments.join("/") ?? "/";
-	}
-	const searchParams = new URLSearchParams(url.search);
-	if (searchParams.has("locale")) {
-		searchParams.delete("locale");
-		url.search = searchParams.toString();
-	}
-	if (isAbsoluteUrl) return url.toString();
-	return url.toString().replace("http://example.com", "");
-};
-//#endregion
 //#region ../@intlayer/core/dist/esm/localization/rewriteUtils.mjs
 /**
 * Normalizes legacy Record format or extracts specialized rules from RewriteObject.
@@ -12941,6 +11821,239 @@ var getLocalizedUrl = (url, currentLocale = configuration?.internationalization?
 	return `${baseUrl}${localizedPath}${parsedUrl.search}${parsedUrl.hash}`;
 };
 //#endregion
+//#region ../@intlayer/core/dist/esm/localization/localeResolver.mjs
+/**
+* Resolves the most specific locale from a user-provided list,
+* or falls back to the default locale if no match is found.
+*/
+var localeResolver = (selectedLocale, locales = configuration?.internationalization?.locales, defaultLocale = configuration?.internationalization?.defaultLocale) => {
+	const requestedLocales = [selectedLocale].flat();
+	const normalize = (locale) => locale.trim().toLowerCase();
+	try {
+		for (const requested of requestedLocales) {
+			const normalizedRequested = normalize(requested);
+			const exactMatch = locales.find((loc) => normalize(loc) === normalizedRequested);
+			if (exactMatch) return exactMatch;
+			const [requestedLang] = normalizedRequested.split("-");
+			const partialMatch = locales.find((loc) => normalize(loc).split("-")[0] === requestedLang);
+			if (partialMatch) return partialMatch;
+		}
+	} catch (_error) {}
+	return defaultLocale;
+};
+//#endregion
+//#region ../@intlayer/core/dist/esm/utils/localeStorage.mjs
+var buildCookieString = (name, value, attributes) => {
+	const parts = [`${name}=${encodeURIComponent(value)}`];
+	if (attributes.path) parts.push(`Path=${attributes.path}`);
+	if (attributes.domain) parts.push(`Domain=${attributes.domain}`);
+	if (attributes.expires instanceof Date) parts.push(`Expires=${attributes.expires.toUTCString()}`);
+	if (attributes.secure) parts.push("Secure");
+	if (attributes.sameSite) parts.push(`SameSite=${attributes.sameSite}`);
+	return parts.join("; ");
+};
+/**
+* Retrieves the locale from browser storage mechanisms
+* (cookies, localStorage, sessionStorage).
+* Does not read from headers — use `getLocaleFromStorageServer` for that.
+*/
+var getLocaleFromStorageClient = (options) => {
+	const { routing, internationalization } = configuration;
+	const { locales } = internationalization;
+	const storageAttributes = routing.storage;
+	if (options?.isCookieEnabled === false) return void 0;
+	const isValidLocale = (value) => !!value && locales.includes(value);
+	for (let i = 0; i < storageAttributes.cookies.length; i++) try {
+		const value = options?.getCookie?.(storageAttributes.cookies[i].name);
+		if (isValidLocale(value)) return value;
+	} catch {}
+	for (let i = 0; i < storageAttributes.localStorage.length; i++) try {
+		const value = options?.getLocaleStorage?.(storageAttributes.localStorage[i].name);
+		if (isValidLocale(value)) return value;
+	} catch {}
+	for (let i = 0; i < storageAttributes.sessionStorage.length; i++) try {
+		const value = options?.getSessionStorage?.(storageAttributes.sessionStorage[i].name);
+		if (isValidLocale(value)) return value;
+	} catch {}
+};
+/**
+* Stores the locale in browser storage mechanisms
+* (cookies, localStorage, sessionStorage).
+* Does not write to headers — use `setLocaleInStorageServer` for that.
+*/
+var setLocaleInStorageClient = (locale, options) => {
+	const { routing } = configuration;
+	const storageAttributes = routing.storage;
+	if (options?.isCookieEnabled === false) return;
+	for (let i = 0; i < storageAttributes.cookies.length; i++) {
+		const { name, attributes } = storageAttributes.cookies[i];
+		try {
+			if (options?.setCookieStore) options.setCookieStore(name, locale, {
+				...attributes,
+				expires: attributes.expires instanceof Date ? attributes.expires.getTime() : attributes.expires
+			});
+		} catch {
+			try {
+				if (options?.setCookieString) options.setCookieString(name, buildCookieString(name, locale, attributes));
+			} catch {}
+		}
+	}
+	if (options?.setLocaleStorage) for (let i = 0; i < storageAttributes.localStorage.length; i++) {
+		const { name } = storageAttributes.localStorage[i];
+		try {
+			if (!(options?.overwrite ?? true) && options?.getLocaleStorage) {
+				if (options.getLocaleStorage(name)) continue;
+			}
+			options.setLocaleStorage(name, locale);
+		} catch {}
+	}
+	if (options?.setSessionStorage) for (let i = 0; i < storageAttributes.sessionStorage.length; i++) {
+		const { name } = storageAttributes.sessionStorage[i];
+		try {
+			if (!(options?.overwrite ?? true) && options?.getSessionStorage) {
+				if (options.getSessionStorage(name)) continue;
+			}
+			options.setSessionStorage(name, locale);
+		} catch {}
+	}
+};
+//#endregion
+//#region ../@intlayer/core/dist/esm/localization/getBrowserLocale.mjs
+var localeStorageOptions = {
+	getCookie: (name) => document.cookie.split(";").find((c) => c.trim().startsWith(`${name}=`))?.split("=")[1],
+	getLocaleStorage: (name) => localStorage.getItem(name),
+	getSessionStorage: (name) => sessionStorage.getItem(name),
+	isCookieEnabled: true,
+	setCookieStore: (name, value, attributes) => cookieStore.set({
+		name,
+		value,
+		path: attributes.path,
+		domain: attributes.domain,
+		expires: attributes.expires,
+		sameSite: attributes.sameSite
+	}),
+	setCookieString: (_name, cookie) => {
+		document.cookie = cookie;
+	},
+	setSessionStorage: (name, value) => sessionStorage.setItem(name, value),
+	setLocaleStorage: (name, value) => localStorage.setItem(name, value)
+};
+//#endregion
+//#region ../@intlayer/core/dist/esm/localization/getHTMLTextDir.mjs
+/**
+* Returns the text direction of the given locale.
+*
+* Example:
+*
+* getHTMLTextDir('en-US') // 'ltr'
+* getHTMLTextDir('en') // 'ltr'
+* getHTMLTextDir('fr-CA') // 'ltr'
+* getHTMLTextDir('fr') // 'ltr'
+*
+* @param locale The locale to get the text direction for.
+* @returns The text direction of the given locale.
+*/
+var getHTMLTextDir = (locale) => {
+	if (!locale) return "ltr";
+	try {
+		const localeInfo = new Intl.Locale(locale);
+		if ("getTextInfo" in localeInfo) return localeInfo.getTextInfo().direction;
+		if ("textInfo" in localeInfo) return localeInfo.textInfo.direction;
+		const maximized = localeInfo.maximize();
+		return [
+			"Arab",
+			"Hebr",
+			"Thaa",
+			"Syrc",
+			"Mand",
+			"Adlm",
+			"Rohg",
+			"Nkoo"
+		].includes(maximized.script ?? "") ? "rtl" : "ltr";
+	} catch {
+		return "ltr";
+	}
+};
+//#endregion
+//#region ../@intlayer/core/dist/esm/utils/intl.mjs
+/**
+* Cached Intl helper – drop‑in replacement for the global `Intl` object.
+* ‑‑‑
+* • Uses a `Proxy` to lazily wrap every *constructor* hanging off `Intl` (NumberFormat, DateTimeFormat, …).
+* • Each wrapped constructor keeps an in‑memory cache keyed by `[locales, options]` so that identical requests
+* reuse the same heavy instance instead of reparsing CLDR data every time.
+* • A polyfill warning for `Intl.DisplayNames` is emitted only once and only in dev.
+* • The public API is fully type‑safe and mirrors the native `Intl` surface exactly –
+* you can treat `CachedIntl` just like the built‑in `Intl`.
+*
+* Usage @example:
+* ---------------
+* ```ts
+* import { CachedIntl } from "./cached-intl";
+*
+* const nf = CachedIntl.NumberFormat("en-US", { style: "currency", currency: "USD" });
+* console.log(nf.format(1234));
+*
+* const dn = CachedIntl.DisplayNames(["fr"], { type: "language" });
+* console.log(dn.of("en")); * → "anglais"
+*
+* You can also spin up an isolated instance with its own caches (handy in test suites):
+* const TestIntl = createCachedIntl();
+* ```
+*/
+var MAX_CACHE_SIZE = 50;
+var cache = /* @__PURE__ */ new Map();
+/**
+* Generic caching instantiator for Intl constructors.
+*/
+var getCachedIntl = (Ctor, locale, options) => {
+	const resLoc = locale ?? configuration?.internationalization?.defaultLocale;
+	const key = `${resLoc}|${options ? JSON.stringify(options) : ""}`;
+	let ctorCache = cache.get(Ctor);
+	if (!ctorCache) {
+		ctorCache = /* @__PURE__ */ new Map();
+		cache.set(Ctor, ctorCache);
+	}
+	let instance = ctorCache.get(key);
+	if (!instance) {
+		if (ctorCache.size > MAX_CACHE_SIZE) ctorCache.clear();
+		instance = new Ctor(resLoc, options);
+		ctorCache.set(key, instance);
+	}
+	return instance;
+};
+var CachedIntl = {
+	Collator: function Collator(locales, options) {
+		return getCachedIntl(Intl.Collator, locales, options);
+	},
+	DateTimeFormat: function DateTimeFormat(locales, options) {
+		return getCachedIntl(Intl.DateTimeFormat, locales, options);
+	},
+	DisplayNames: function DisplayNames(locales, options) {
+		return getCachedIntl(Intl.DisplayNames, locales, options);
+	},
+	ListFormat: function ListFormat(locales, options) {
+		return getCachedIntl(Intl.ListFormat, locales, options);
+	},
+	NumberFormat: function NumberFormat(locales, options) {
+		return getCachedIntl(Intl.NumberFormat, locales, options);
+	},
+	PluralRules: function PluralRules(locales, options) {
+		return getCachedIntl(Intl.PluralRules, locales, options);
+	},
+	RelativeTimeFormat: function RelativeTimeFormat(locales, options) {
+		return getCachedIntl(Intl.RelativeTimeFormat, locales, options);
+	},
+	Segmenter: function Segmenter(locales, options) {
+		return getCachedIntl(Intl.Segmenter, locales, options);
+	}
+};
+//#endregion
+//#region ../@intlayer/core/dist/esm/localization/getLocaleName.mjs
+var getLocaleName = (displayLocale, targetLocale = displayLocale) => {
+	return new CachedIntl.DisplayNames(targetLocale, { type: "language" }).of(displayLocale) ?? "Unknown locale";
+};
+//#endregion
 //#region ../@intlayer/core/dist/esm/utils/isValidReactElement.mjs
 /**
 * Verifies the object is a ReactElement.
@@ -12961,11 +12074,11 @@ var isSameKeyPath = (keyPath1, keyPath2) => keyPath1.every((element, index) => k
 /**
 * Get the locale cookie
 */
-var localeInStorage = getLocaleFromStorage(localeStorageOptions);
+var localeInStorage = getLocaleFromStorageClient(localeStorageOptions);
 /**
 * Set the locale cookie
 */
-var setLocaleInStorage = (locale, isCookieEnabled) => setLocaleInStorage$1(locale, {
+var setLocaleInStorage = (locale, isCookieEnabled) => setLocaleInStorageClient(locale, {
 	...localeStorageOptions,
 	isCookieEnabled
 });
@@ -13022,7 +12135,7 @@ var IntlayerProviderContent = ({ locale: localeProp, defaultLocale: defaultLocal
 * If the locale is not provided, it will use the locale from the client context
 */
 var useDictionary = (dictionary, locale) => {
-	const { locale: currentLocale } = (0, import_react.useContext)(IntlayerClientContext);
+	const { locale: currentLocale } = (0, import_react.useContext)(IntlayerClientContext) ?? {};
 	return (0, import_react.useMemo)(() => {
 		return getDictionary(dictionary, locale ?? currentLocale);
 	}, [
@@ -13058,7 +12171,7 @@ var useDictionary = (dictionary, locale) => {
 */
 var useLocale = ({ isCookieEnabled, onLocaleChange } = {}) => {
 	const { defaultLocale, locales: availableLocales } = configuration?.internationalization ?? {};
-	const { locale, setLocale: setLocaleState, isCookieEnabled: isCookieEnabledContext } = (0, import_react.useContext)(IntlayerClientContext);
+	const { locale, setLocale: setLocaleState, isCookieEnabled: isCookieEnabledContext } = (0, import_react.useContext)(IntlayerClientContext) ?? {};
 	return {
 		locale,
 		defaultLocale,
@@ -14147,6 +13260,7 @@ function Router({ basename: basenameProp = "/", children = null, location: locat
 function Routes({ children, location }) {
 	return useRoutes(createRoutesFromChildren(children), location);
 }
+import_react.Component;
 function createRoutesFromChildren(children, parentPath = []) {
 	let routes = [];
 	import_react.Children.forEach(children, (element, index) => {
@@ -14590,6 +13704,7 @@ function mergeRefs(...refs) {
 		});
 	};
 }
+import_react.Component;
 var isBrowser2 = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
 	if (isBrowser2) window.__reactRouterVersion = "7.13.1";
@@ -16990,7 +16105,7 @@ var getDefaultConfig = () => {
 var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 //#endregion
 //#region ../@intlayer/design-system/dist/esm/utils/cn.mjs
-var cn$2 = (...inputs) => twMerge(clsx(inputs));
+var cn$1 = (...inputs) => twMerge(clsx(inputs));
 typeof window !== "undefined" && window.document && window.document.createElement;
 function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
 	return function handleEvent(event) {
@@ -18299,9 +17414,9 @@ var cva = (base, config) => (props) => {
 	}, []), props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);
 };
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -18310,27 +17425,27 @@ var mergeClasses = (...classes) => classes.filter((className, index, array) => {
 	return Boolean(className) && className.trim() !== "" && array.indexOf(className) === index;
 }).join(" ").trim();
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/toKebabCase.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
 var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/toCamelCase.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
 */
 var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/toPascalCase.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -18340,9 +17455,9 @@ var toPascalCase = (string) => {
 	return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
 };
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/defaultAttributes.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/defaultAttributes.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -18359,9 +17474,9 @@ var defaultAttributes = {
 	strokeLinejoin: "round"
 };
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/shared/src/utils/hasA11yProp.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -18371,9 +17486,9 @@ var hasA11yProp = (props) => {
 	return false;
 };
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/context.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/context.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -18381,9 +17496,9 @@ var hasA11yProp = (props) => {
 var LucideContext = (0, import_react.createContext)({});
 var useLucideContext = () => (0, import_react.useContext)(LucideContext);
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/Icon.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/Icon.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -18404,9 +17519,9 @@ var Icon$1 = (0, import_react.forwardRef)(({ color, size, strokeWidth, absoluteS
 	}, [...iconNode.map(([tag, attrs]) => (0, import_react.createElement)(tag, attrs)), ...Array.isArray(children) ? children : [children]]);
 });
 //#endregion
-//#region ../../node_modules/.bun/lucide-react@1.0.1+b1ab299f0a400331/node_modules/lucide-react/dist/esm/createLucideIcon.js
+//#region ../../node_modules/.bun/lucide-react@1.7.0+b1ab299f0a400331/node_modules/lucide-react/dist/esm/createLucideIcon.js
 /**
-* @license lucide-react v1.0.1 - ISC
+* @license lucide-react v1.7.0 - ISC
 *
 * This source code is licensed under the ISC license.
 * See the LICENSE file in the root directory of this source tree.
@@ -18610,6 +17725,13 @@ var MoveVertical = createLucideIcon("move-vertical", [
 		key: "ybng9g"
 	}]
 ]);
+var Pencil = createLucideIcon("pencil", [["path", {
+	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+	key: "1a8usu"
+}], ["path", {
+	d: "m15 5 4 4",
+	key: "1mk7zo"
+}]]);
 var PencilRuler = createLucideIcon("pencil-ruler", [
 	["path", {
 		d: "M13 7 8.7 2.7a2.41 2.41 0 0 0-3.4 0L2.7 5.3a2.41 2.41 0 0 0 0 3.4L7 13",
@@ -18636,13 +17758,6 @@ var PencilRuler = createLucideIcon("pencil-ruler", [
 		key: "1mk7zo"
 	}]
 ]);
-var Pencil = createLucideIcon("pencil", [["path", {
-	d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
-	key: "1a8usu"
-}], ["path", {
-	d: "m15 5 4 4",
-	key: "1mk7zo"
-}]]);
 var Plus = createLucideIcon("plus", [["path", {
 	d: "M5 12h14",
 	key: "1ays0h"
@@ -18739,7 +17854,7 @@ var X$1 = createLucideIcon("x", [["path", {
 //#region ../@intlayer/design-system/dist/esm/components/Toaster/Toast.mjs
 var ToastProvider = dist_exports;
 var ToastViewport = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport$1, {
-	className: cn$2("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
+	className: cn$1("fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:top-auto sm:right-0 sm:bottom-0 sm:flex-col md:max-w-[420px]", className),
 	...props
 });
 /**
@@ -18809,12 +17924,12 @@ var toastVariants = cva("group data-[state=closed]:fade-out-80 data-[state=close
 */
 var Toast = ({ className, variant, ...props }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Root2$2, {
-		className: cn$2(toastVariants({ variant }), className),
+		className: cn$1(toastVariants({ variant }), className),
 		...props
 	});
 };
 var ToastClose = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Close, {
-	className: cn$2("absolute top-1 right-1 rounded-md p-1 text-text/50 opacity-0 transition-opacity hover:text-text/80 focus:opacity-100 focus:outline-hidden focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 group-[.destructive]:hover:text-red-50", className),
+	className: cn$1("absolute top-1 right-1 rounded-md p-1 text-text/50 opacity-0 transition-opacity hover:text-text/80 focus:opacity-100 focus:outline-hidden focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 group-[.destructive]:hover:text-red-50", className),
 	"toast-close": "",
 	...props,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(X$1, { className: "size-5" })
@@ -18838,7 +17953,7 @@ var ToastClose = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
 * ```
 */
 var ToastTitle = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Title, {
-	className: cn$2("font-semibold text-sm [&+div]:text-xs", className),
+	className: cn$1("font-semibold text-sm [&+div]:text-xs", className),
 	...props
 });
 /**
@@ -18869,7 +17984,7 @@ var ToastTitle = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
 * ```
 */
 var ToastDescription = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Description, {
-	className: cn$2("text-sm opacity-90", className),
+	className: cn$1("text-sm opacity-90", className),
 	...props
 });
 //#endregion
@@ -18987,7 +18102,7 @@ var reducer = (state, action) => {
 			};
 			return {
 				...state,
-				toasts: state.toasts.filter((t) => t.id !== action.toastId)
+				toasts: state.toasts.filter((toast) => toast.id !== action.toastId)
 			};
 	}
 };
@@ -19360,7 +18475,7 @@ var ContainerRoundedSize = /* @__PURE__ */ function(ContainerRoundedSize) {
 * @param props - Additional HTML div attributes including ARIA attributes
 */
 var Container = ({ children, roundedSize, padding, transparency, separator, className, border, borderColor, background, gap, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2(containerVariants$1({
+	className: cn$1(containerVariants$1({
 		roundedSize,
 		transparency,
 		padding,
@@ -19435,7 +18550,7 @@ var Spinner = ({ className, strokeWidth = 4 }) => /* @__PURE__ */ (0, import_jsx
 	stroke: "currentColor",
 	role: "img",
 	"aria-label": "Spinner",
-	className: cn$2("size-full", className),
+	className: cn$1("size-full", className),
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", {
 		fill: "none",
 		fillRule: "evenodd",
@@ -19581,14 +18696,14 @@ var Spinner = ({ className, strokeWidth = 4 }) => /* @__PURE__ */ (0, import_jsx
 var Loader = ({ children, isLoading = true, keepChildren = false, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: isLoading && keepChildren ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 	className: "relative size-full",
 	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: cn$2("absolute top-0 left-0 flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center", className),
+		className: cn$1("absolute top-0 left-0 flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center", className),
 		role: "status",
 		"aria-label": "Animated icon, meaning that the website is processing",
 		...props,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, { className: "size-10 max-h-full max-w-full" })
 	}), children]
 }) : isLoading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center", className),
+	className: cn$1("flex size-full max-h-screen max-w-[100vw] flex-1 items-center justify-center", className),
 	role: "status",
 	"aria-label": "Animated icon, meaning that the website is processing",
 	...props,
@@ -19839,16 +18954,16 @@ var Button = ({ variant, size, color, children, Icon, IconRight, iconClassName,
 			Icon && !isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
 				className: buttonIconVariants({
 					size,
-					className: cn$2(!isSquareButton && "mr-3", iconClassName)
+					className: cn$1(!isSquareButton && "mr-3", iconClassName)
 				}),
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: cn$2("flex items-center justify-center transition-[width] duration-300", isLoading && size === ButtonSize.SM && "w-3", isLoading && size === ButtonSize.MD && "w-4", isLoading && size === ButtonSize.LG && "w-5", isLoading && size === ButtonSize.XL && "w-6"),
+				className: cn$1("flex items-center justify-center transition-[width] duration-300", isLoading && size === ButtonSize.SM && "w-3", isLoading && size === ButtonSize.MD && "w-4", isLoading && size === ButtonSize.LG && "w-5", isLoading && size === ButtonSize.XL && "w-6"),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Loader, {
 					className: buttonIconVariants({
 						size,
-						className: cn$2(!isSquareButton && "mr-3", iconClassName)
+						className: cn$1(!isSquareButton && "mr-3", iconClassName)
 					}),
 					isLoading,
 					"aria-hidden": "true",
@@ -19866,7 +18981,7 @@ var Button = ({ variant, size, color, children, Icon, IconRight, iconClassName,
 			IconRight && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(IconRight, {
 				className: buttonIconVariants({
 					size,
-					className: cn$2(!isSquareButton && "ml-3", iconClassName)
+					className: cn$1(!isSquareButton && "ml-3", iconClassName)
 				}),
 				"aria-hidden": "true"
 			})
@@ -20003,11 +19118,11 @@ var MaxHeightSmoother = ({ children, isHidden, className = "", isOverable = fals
 	"aria-hidden": isFocusable ? isHidden : void 0,
 	tabIndex: isFocusable ? 0 : void 0,
 	role: isFocusable ? "button" : "none",
-	className: cn$2("group/height-smoother relative grid w-full grid-rows-[0fr] overflow-hidden transition-all duration-700 ease-in-out", typeof isHidden !== "undefined" && !isHidden && "grid-rows-[1fr] overflow-x-auto", isOverable && "hover:grid-rows-[1fr] hover:overflow-x-auto", isFocusable && "focus-within:grid-rows-[1fr] focus-within:overflow-x-auto focus:grid-rows-[1fr] focus:overflow-x-auto", className),
+	className: cn$1("group/height-smoother relative grid w-full grid-rows-[0fr] overflow-hidden transition-all duration-700 ease-in-out", typeof isHidden !== "undefined" && !isHidden && "grid-rows-[1fr] overflow-x-auto", isOverable && "hover:grid-rows-[1fr] hover:overflow-x-auto", isFocusable && "focus-within:grid-rows-[1fr] focus-within:overflow-x-auto focus:grid-rows-[1fr] focus:overflow-x-auto", className),
 	...props,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		style: { minHeight: `${minHeight}px` },
-		className: cn$2(isOverable && "group-hover/height-smoother:visible", isFocusable && "group-focus/height-smoother:visible", className),
+		className: cn$1(isOverable && "group-hover/height-smoother:visible", isFocusable && "group-focus/height-smoother:visible", className),
 		children
 	})
 });
@@ -20079,9 +19194,9 @@ var Accordion = ({ children, header, isOpen, defaultIsOpen = false, onToggle, on
 			onKeyDown: handleKeyDown,
 			disabled,
 			isFullWidth: true,
-			className: cn$2("flex items-center justify-between gap-2", headerClassName),
+			className: cn$1("flex items-center justify-between gap-2", headerClassName),
 			IconRight: ChevronDown,
-			iconClassName: cn$2("transform transition-transform duration-500 ease-in-out", isExpandedState ? "rotate-0" : "-rotate-180"),
+			iconClassName: cn$1("transform transition-transform duration-500 ease-in-out", isExpandedState ? "rotate-0" : "-rotate-180"),
 			"aria-expanded": isExpandedState,
 			"aria-controls": generatedContentId,
 			"aria-label": ariaLabel,
@@ -20213,7 +19328,7 @@ var Badge = ({ className, variant = BadgeVariant.DEFAULT, color = BadgeColor.PRI
 		onDismiss?.();
 	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Component, {
-		className: cn$2(badgeVariants({
+		className: cn$1(badgeVariants({
 			variant,
 			color,
 			size
@@ -20457,7 +19572,7 @@ var Link = (props) => {
 		target,
 		"aria-current": isActive ? "page" : void 0,
 		suppressHydrationWarning: true,
-		className: cn$2(linkVariants({
+		className: cn$1(linkVariants({
 			variant,
 			color,
 			roundedSize,
@@ -20590,7 +19705,7 @@ var ButtonLink = ({ children: text, onClick, color, position, className, ...prop
 */
 var Span = ({ children, position, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
 	itemProp: "item",
-	className: cn$2("inline-flex items-center", "font-medium text-neutral-700", "transition-colors duration-200", className),
+	className: cn$1("inline-flex items-center", "font-medium text-neutral-700", "transition-colors duration-200", className),
 	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		itemProp: "name",
 		...props,
@@ -20635,7 +19750,7 @@ var Breadcrumb = ({ links, className, color = LinkColor.TEXT, locale, elementTyp
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", {
 		"aria-label": ariaLabel,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", {
-			className: cn$2(breadcrumbVariants({
+			className: cn$1(breadcrumbVariants({
 				size,
 				spacing
 			}), className),
@@ -20664,14 +19779,14 @@ var Breadcrumb = ({ links, className, color = LinkColor.TEXT, locale, elementTyp
 					"aria-hidden": "true",
 					className: "flex items-center",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: cn$2(separatorColorClass),
+						className: cn$1(separatorColorClass),
 						children: separator
 					})
 				})] }, `truncated-${text}`);
 				let section = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Span, {
 					position: index + 1,
 					"aria-current": ariaCurrent,
-					className: cn$2("transition-colors duration-200", isActive && "text-neutral-900"),
+					className: cn$1("transition-colors duration-200", isActive && "text-neutral-900"),
 					children: text
 				}, text);
 				if (isLink) section = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LinkLink, {
@@ -20680,7 +19795,7 @@ var Breadcrumb = ({ links, className, color = LinkColor.TEXT, locale, elementTyp
 					position: index + 1,
 					locale,
 					"aria-current": ariaCurrent,
-					className: cn$2(isActive && "cursor-default text-neutral-900"),
+					className: cn$1(isActive && "cursor-default text-neutral-900"),
 					children: text
 				}, text);
 				else if (isButton) section = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonLink, {
@@ -20688,7 +19803,7 @@ var Breadcrumb = ({ links, className, color = LinkColor.TEXT, locale, elementTyp
 					color,
 					position: index + 1,
 					"aria-current": ariaCurrent,
-					className: cn$2(isActive && "cursor-default text-neutral-900"),
+					className: cn$1(isActive && "cursor-default text-neutral-900"),
 					children: text
 				}, text);
 				const listElement = /* @__PURE__ */ (0, import_react.createElement)("li", {
@@ -20705,7 +19820,7 @@ var Breadcrumb = ({ links, className, color = LinkColor.TEXT, locale, elementTyp
 					"aria-hidden": "true",
 					className: "flex items-center",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-						className: cn$2(separatorColorClass),
+						className: cn$1(separatorColorClass),
 						children: separator
 					})
 				})] }, text);
@@ -20764,7 +19879,7 @@ var checkboxVariants = cva([
 });
 var Input$1 = ({ validationStyleEnabled = false, label, size, color, name, variant, className, labelClassName, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
 	type: "checkbox",
-	className: cn$2(checkboxVariants({
+	className: cn$1(checkboxVariants({
 		variant,
 		size,
 		color,
@@ -20776,7 +19891,7 @@ var Checkbox = (props) => {
 	const { label, name, id } = props;
 	return label ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
 		htmlFor: id ?? name,
-		className: cn$2("flex w-full cursor-pointer items-center gap-x-4 font-medium text-sm", props.size === "xs" && "text-xs", props.labelClassName),
+		className: cn$1("flex w-full cursor-pointer items-center gap-x-4 font-medium text-sm", props.size === "xs" && "text-xs", props.labelClassName),
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input$1, {
 			id: id ?? name,
 			...props
@@ -20788,7 +19903,7 @@ var Checkbox = (props) => {
 };
 //#endregion
 //#region ../@intlayer/design-system/dist/esm/components/Input/Input.mjs
-var cn$1 = (...classes) => classes.filter(Boolean).join(" ");
+var cn = (...classes) => classes.filter(Boolean).join(" ");
 var inputVariants = cva([
 	"w-full select-text resize-none text-base shadow-none outline-none",
 	"transition-all duration-300 md:text-sm",
@@ -20833,7 +19948,7 @@ var InputVariant = /* @__PURE__ */ function(InputVariant) {
 	return InputVariant;
 }({});
 var Input = ({ validationStyleEnabled = false, variant, size, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {
-	className: cn$1(inputVariants({
+	className: cn(inputVariants({
 		variant,
 		size,
 		validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled"
@@ -21283,7 +20398,7 @@ var OTPInput = ({ value: uncheckedValue, onChange: uncheckedOnChange, maxLength,
 	});
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [noScriptCSSFallback !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("noscript", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: noScriptCSSFallback }) }), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 		ref: containerRef,
-		className: cn$2("relative", props.disabled ? "cursor-default" : "cursor-text", containerClassName),
+		className: cn$1("relative", props.disabled ? "cursor-default" : "cursor-text", containerClassName),
 		children: [renderedChildren, /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "absolute inset-0",
 			children: renderedInput
@@ -21301,12 +20416,12 @@ cva("block text-center", {
 });
 var InputOTP = ({ className, render, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OTPInput, {
 	containerClassName: "relative flex items-center gap-2 has-disabled:opacity-50",
-	className: cn$2("disabled:cursor-not-allowed", className),
+	className: cn$1("disabled:cursor-not-allowed", className),
 	render,
 	...props
 });
 var InputOTPGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("z-10 flex items-center gap-3", className),
+	className: cn$1("z-10 flex items-center gap-3", className),
 	...props
 });
 var InputOTPSlot = ({ index, className, onClick, onKeyDown, ...props }) => {
@@ -21329,7 +20444,7 @@ var InputOTPSlot = ({ index, className, onClick, onKeyDown, ...props }) => {
 		variant: "input",
 		color: "custom",
 		tabIndex: -1,
-		className: cn$2("relative z-10 px-2!", isActive && "ring-4!", className),
+		className: cn$1("relative z-10 px-2!", isActive && "ring-4!", className),
 		onClick: handleClick,
 		onKeyDown: handleKeyDown,
 		label: null,
@@ -21358,7 +20473,7 @@ var SearchInput = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_ru
 	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, { className: "absolute left-2 size-4" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
 		...props,
 		type: "search",
-		className: cn$2("pl-8", className)
+		className: cn$1("pl-8", className)
 	})]
 });
 //#endregion
@@ -21571,7 +20686,7 @@ var KeyboardShortcut = ({ shortcut, onTriggered, display = true, disabled = fals
 		return pressedKeys.has(key) || pressedKeys.has(upperKey) || pressedKeys.has(normalizedKey) || key === "⌘" && pressedKeys.has("Meta") || key === "Ctrl" && pressedKeys.has("Control") || key === "⌥" && pressedKeys.has("Alt") || key === "Alt" && pressedKeys.has("Alt") || key === "←" && pressedKeys.has("ArrowLeft") || key === "→" && pressedKeys.has("ArrowRight") || key === "↑" && pressedKeys.has("ArrowUp") || key === "↓" && pressedKeys.has("ArrowDown");
 	};
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("kbd", {
-		className: cn$2("inline-flex items-center justify-center gap-0.5 p-0.5", "rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl", "font-medium font-sans", "border-1 border-neutral/20 text-neutral", size === "sm" && "text-xs", size === "md" && "text-sm", size === "lg" && "text-base", className),
+		className: cn$1("inline-flex items-center justify-center gap-0.5 p-0.5", "rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl", "font-medium font-sans", "border-1 border-neutral/20 text-neutral", size === "sm" && "text-xs", size === "md" && "text-sm", size === "lg" && "text-base", className),
 		children: keys.map((key, index) => {
 			const keyId = `${key}-${index}-${shortcut}`;
 			const displayKey = getDisplayKey(key);
@@ -21581,7 +20696,7 @@ var KeyboardShortcut = ({ shortcut, onTriggered, display = true, disabled = fals
 					className: "text-neutral/50",
 					children: "+"
 				}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: cn$2("min-w-4 px-0.5 text-center", isKeyPressed(key) && "scale-120 font-bold text-text"),
+					className: cn$1("min-w-4 px-0.5 text-center", isKeyPressed(key) && "scale-120 font-bold text-text"),
 					suppressHydrationWarning: true,
 					children: displayKey
 				})]
@@ -21695,7 +20810,7 @@ var PopoverYAlign = /* @__PURE__ */ function(PopoverYAlign) {
 * @returns Trigger container with popover functionality
 */
 var PopoverStatic = ({ children, className, identifier, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2(`group/popover relative flex cursor-pointer`, className),
+	className: cn$1(`group/popover relative flex cursor-pointer`, className),
 	id: `unrollable-panel-button-${identifier}`,
 	"aria-haspopup": true,
 	...props,
@@ -21770,7 +20885,7 @@ var Detail$1 = ({ children, isHidden = void 0, isOverable = true, isFocusable =
 	"aria-hidden": isHidden,
 	"aria-labelledby": `unrollable-panel-button-${identifier}`,
 	id: `unrollable-panel-${identifier}`,
-	className: cn$2("absolute z-50 min-w-full rounded-md ring-1 ring-neutral", xAlign === "start" && "left-0", xAlign === "center" && "left-1/2 -translate-x-1/2", xAlign === "end" && "right-0", yAlign === "bellow" && "top-[calc(100%+1rem)]", yAlign === "above" && "bottom-[calc(100%+1rem)]", displayArrow && "before:absolute before:z-[999] before:h-0 before:w-0 before:content-[\"\"]", displayArrow && xAlign === "start" && "before:left-2", displayArrow && xAlign === "center" && "before:left-1/2 before:-translate-x-1/2", displayArrow && xAlign === "end" && "before:right-2", displayArrow && yAlign === "bellow" && "before:-top-[10px] before:border-r-[10px] before:border-r-transparent before:border-b-[10px] before:border-b-neutral before:border-l-[10px] before:border-l-transparent", displayArrow && yAlign === "above" && "before:-bottom-[10px] before:border-t-[10px] before:border-t-neutral before:border-r-[10px] before:border-r-transparent before:border-l-[10px] before:border-l-transparent", "overflow-x-visible opacity-0 transition-all duration-400 ease-in-out", isHidden !== false ? "invisible" : "visible opacity-100 delay-800", isOverable && `group-hover/popover:visible group-hover/popover:opacity-100 group-hover/popover:delay-800`, isFocusable && `group-focus-within/popover:visible group-focus-within/popover:opacity-100 group-focus-within/popover:delay-800`, className),
+	className: cn$1("absolute z-50 min-w-full rounded-md ring-1 ring-neutral", xAlign === "start" && "left-0", xAlign === "center" && "left-1/2 -translate-x-1/2", xAlign === "end" && "right-0", yAlign === "bellow" && "top-[calc(100%+1rem)]", yAlign === "above" && "bottom-[calc(100%+1rem)]", displayArrow && "before:absolute before:z-[999] before:h-0 before:w-0 before:content-[\"\"]", displayArrow && xAlign === "start" && "before:left-2", displayArrow && xAlign === "center" && "before:left-1/2 before:-translate-x-1/2", displayArrow && xAlign === "end" && "before:right-2", displayArrow && yAlign === "bellow" && "before:-top-[10px] before:border-r-[10px] before:border-r-transparent before:border-b-[10px] before:border-b-neutral before:border-l-[10px] before:border-l-transparent", displayArrow && yAlign === "above" && "before:-bottom-[10px] before:border-t-[10px] before:border-t-neutral before:border-r-[10px] before:border-r-transparent before:border-l-[10px] before:border-l-transparent", "overflow-x-visible opacity-0 transition-all duration-400 ease-in-out", isHidden !== false ? "invisible" : "visible opacity-100 delay-800", isOverable && `group-hover/popover:visible group-hover/popover:opacity-100 group-hover/popover:delay-800`, isFocusable && `group-focus-within/popover:visible group-focus-within/popover:opacity-100 group-focus-within/popover:delay-800`, className),
 	...props,
 	children
 });
@@ -23682,7 +22797,7 @@ var Te = {
 //#endregion
 //#region ../@intlayer/design-system/dist/esm/components/Command/index.mjs
 var CommandRoot = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e, {
-	className: cn$2("flex flex-col overflow-hidden rounded-md", className),
+	className: cn$1("flex flex-col overflow-hidden rounded-md", className),
 	...props
 });
 var CommandDialog = ({ children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dialog, {
@@ -23699,12 +22814,12 @@ var CommandInput = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
 	className: "flex w-full items-center",
 	"cmdk-input-wrapper": "",
 	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Search, { className: "mr-2 size-4 shrink-0 opacity-50" }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Input, {
-		className: cn$2("flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
+		className: cn$1("flex w-full rounded-md bg-transparent text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
 		...props
 	})]
 });
 var CommandList = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.List, {
-	className: cn$2("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
+	className: cn$1("max-h-[300px] overflow-y-auto overflow-x-hidden", className),
 	...props
 });
 var CommandEmpty = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Empty, {
@@ -23712,20 +22827,20 @@ var CommandEmpty = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Emp
 	...props
 });
 var CommandGroup = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Group, {
-	className: cn$2("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", className),
+	className: cn$1("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", className),
 	...props
 });
 var CommandSeparator = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Separator, {
-	className: cn$2("-mx-1 h-px bg-border", className),
+	className: cn$1("-mx-1 h-px bg-border", className),
 	...props
 });
 var CommandItem = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(_e.Item, {
-	className: cn$2("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
+	className: cn$1("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50", className),
 	...props
 });
 var CommandShortcut = ({ className, ...props }) => {
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-		className: cn$2("ml-auto text-muted-foreground text-xs tracking-widest", className),
+		className: cn$1("ml-auto text-muted-foreground text-xs tracking-widest", className),
 		...props
 	});
 };
@@ -23964,7 +23079,7 @@ var CopyToClipboard = ({ text, children, className, "aria-label": ariaLabel = "C
 	const currentAriaLabel = isCopied ? ariaCopiedLabel : ariaLabel;
 	const IconComponent = isCopied ? CopyCheck : Copy;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
-		className: cn$2("inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md p-0.5 hover:bg-neutral/10", className),
+		className: cn$1("inline-flex max-w-full cursor-pointer items-center gap-2 rounded-md p-0.5 hover:bg-neutral/10", className),
 		onClick: handleCopy,
 		onKeyDown: handleKeyDown,
 		role: "button",
@@ -24235,7 +23350,7 @@ var SwitchSelector = ({ choices = defaultChoices, value, defaultValue, onChange,
 				const isIndicatorOwner = index === indicatorIndex;
 				return /* @__PURE__ */ (0, import_react.createElement)("button", {
 					...buttonProps,
-					className: cn$2(choiceVariant({ size }), disabled && "cursor-not-allowed", itemClassName),
+					className: cn$1(choiceVariant({ size }), disabled && "cursor-not-allowed", itemClassName),
 					key: isKeyOfKey ? value : index,
 					role: "tab",
 					onClick: () => handleChange(value),
@@ -24250,7 +23365,7 @@ var SwitchSelector = ({ choices = defaultChoices, value, defaultValue, onChange,
 					onMouseLeave: () => !disabled && setHoveredIndex(null)
 				}, content);
 			}), choiceIndicatorPosition && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: cn$2(indicatorVariant$1({ color })),
+				className: cn$1(indicatorVariant$1({ color })),
 				style: choiceIndicatorPosition,
 				ref: indicatorRef
 			})]
@@ -24297,7 +23412,7 @@ var EditableFieldLayout = ({ value = "", onCancel, onSave, onClick, children, is
 		ref: editableFieldRef,
 		...props,
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: cn$2("flex flex-1 gap-2", isEditing ? "display" : "hidden"),
+			className: cn$1("flex flex-1 gap-2", isEditing ? "display" : "hidden"),
 			children: [
 				children,
 				/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
@@ -24330,7 +23445,7 @@ var EditableFieldLayout = ({ value = "", onCancel, onSave, onClick, children, is
 				})
 			]
 		}, String(isEditing)), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: cn$2("flex flex-1 gap-2", isEditing ? "hidden" : "display"),
+			className: cn$1("flex flex-1 gap-2", isEditing ? "hidden" : "display"),
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 				className: "ml-2 flex w-full whitespace-pre-wrap p-1 text-sm leading-6",
 				children: result
@@ -24830,7 +23945,7 @@ var ContentEditableTextArea = ({ value, defaultValue, onChange, placeholder, dis
 			onDrop: handleDrop,
 			onDragOver: handleDragOver,
 			onClick,
-			className: cn$2("resize-none whitespace-pre-wrap break-words outline-none", inputVariants({
+			className: cn$1("resize-none whitespace-pre-wrap break-words outline-none", inputVariants({
 				variant,
 				validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled"
 			}), autoSize && "overflow-y-auto", className),
@@ -24972,7 +24087,7 @@ var AutoCompleteTextarea = ({ isActive = true, suggestion: suggestionProp, ...pr
 * ```
 */
 var TextArea = ({ className, variant, validationStyleEnabled = false, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
-	className: cn$2("resize-none", inputVariants({
+	className: cn$1("resize-none", inputVariants({
 		variant,
 		validationStyleEnabled: validationStyleEnabled ? "enabled" : "disabled",
 		className
@@ -25072,7 +24187,7 @@ var AutoSizedTextArea = ({ className, autoSize = true, onChange, maxRows = 999,
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextArea, {
 		ref: setRef,
 		onChange: handleChange,
-		className: cn$2("overflow-y-auto", autoSize && "resize-none", className),
+		className: cn$1("overflow-y-auto", autoSize && "resize-none", className),
 		...props
 	});
 };
@@ -25147,7 +24262,7 @@ var EditableFieldTextArea = ({ onSave, onCancel, ref, ...props }) => {
 //#endregion
 //#region ../@intlayer/design-system/dist/esm/components/DictionaryEditor/ItemLayout.mjs
 var ItemLayout = ({ level, title, description, children, rightParam, isSelected, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("rounded-md p-2 transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && "", isSelected === true && "bg-card/40"),
+	className: cn$1("rounded-md p-2 transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && "", isSelected === true && "bg-card/40"),
 	...props,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Accordion, {
 		isOpen: isSelected,
@@ -25157,7 +24272,7 @@ var ItemLayout = ({ level, title, description, children, rightParam, isSelected,
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
 				className: "flex w-full items-center justify-between",
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-					className: cn$2(level === 0 && "text-lg", level === 1 && "text-md", level === 2 && "text-md", level >= 3 && "text-base"),
+					className: cn$1(level === 0 && "text-lg", level === 1 && "text-md", level === 2 && "text-md", level >= 3 && "text-base"),
 					children: title
 				}), rightParam && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					className: "flex w-auto items-center justify-between p-3",
@@ -25385,7 +24500,7 @@ var onGlobalEditorManagerChange = (changeCallback) => {
 	};
 };
 //#endregion
-//#region ../@intlayer/editor/dist/esm/_virtual/_@oxc-project_runtime@0.115.0/helpers/decorate.mjs
+//#region ../@intlayer/editor/dist/esm/_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.mjs
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -27065,7 +26180,7 @@ var EditorStateManager = class {
 	async _loadDictionaries() {
 		try {
 			const unmergedDictionaries = (await __vitePreload(async () => {
-				const { getUnmergedDictionaries } = await import("./unmerged_dictionaries-DFHIR2QQ.js");
+				const { getUnmergedDictionaries } = await import("./unmerged_dictionaries-DoWpZ8yJ.js");
 				return { getUnmergedDictionaries };
 			}, [])).getUnmergedDictionaries();
 			const dictionariesList = Object.fromEntries(Object.values(unmergedDictionaries).flat().map((dictionary) => [dictionary.localId, dictionary]));
@@ -27624,7 +26739,7 @@ var BooleanWrapper = ({ keyPath, section, editedContent, onContentChange, onFocu
 	const value = editedContentValue ?? section;
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 		type: "button",
-		className: cn$2("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
+		className: cn$1("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
 		onClick: (e) => {
 			e.stopPropagation();
 			onFocusKeyPath(keyPath);
@@ -27698,7 +26813,7 @@ var StringWrapper = ({ keyPath, section, editedContent, editedContentValue: edit
 	const content = String(editedContentValue ?? section);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 		type: "button",
-		className: cn$2("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
+		className: cn$1("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
 		onClick: (e) => {
 			e.stopPropagation();
 			onFocusKeyPath(keyPath);
@@ -27837,7 +26952,7 @@ var NumberWrapper = ({ keyPath, section, editedContent, onContentChange, onFocus
 	const content = String(editedContentValue ?? section);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
 		type: "button",
-		className: cn$2("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
+		className: cn$1("w-full rounded-md p-2 text-left transition", "hover:bg-card/30 [&:has(.section:hover)]:bg-transparent", level === 2 && "hover:bg-card/30", level >= 3 && ""),
 		onClick: (e) => {
 			e.stopPropagation();
 			onFocusKeyPath(keyPath);
@@ -28019,7 +27134,7 @@ var DictionaryEditor = ({ dictionary, ...props }) => {
 * - Maintains focus trap within dropdown when needed
 */
 var DropDown = ({ children, className, identifier, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2(`group/dropdown relative flex`, className),
+	className: cn$1(`group/dropdown relative flex`, className),
 	"aria-label": `DropDown ${identifier}`,
 	id: `dropdown-container-${identifier}`,
 	...props,
@@ -28048,7 +27163,7 @@ var DropDown = ({ children, className, identifier, ...props }) => /* @__PURE__ *
 * @note Don't nest Button components inside the Trigger - it's already a button
 */
 var Trigger$1 = ({ children, identifier, className, label, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-	className: cn$2([
+	className: cn$1([
 		"w-full cursor-pointer",
 		"group-focus-within/dropdown:bg-current/20 group-focus-within/dropdown:ring-4",
 		className
@@ -28126,14 +27241,14 @@ var DropDownYAlign = /* @__PURE__ */ function(DropDownYAlign) {
 * - Screen reader announcements for state changes
 */
 var Panel = ({ children, isHidden = void 0, isOverable = false, isFocusable = false, align = DropDownAlign.START, yAlign = DropDownYAlign.BELOW, identifier, className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("absolute z-100 min-w-full", align === DropDownAlign.START && "left-0", align === DropDownAlign.END && "right-0", yAlign === DropDownYAlign.BELOW && "top-[calc(100%+0.5rem)]", yAlign === DropDownYAlign.ABOVE && "bottom-[calc(100%+0.5rem)]", className),
+	className: cn$1("absolute z-100 min-w-full", align === DropDownAlign.START && "left-0", align === DropDownAlign.END && "right-0", yAlign === DropDownYAlign.BELOW && "top-[calc(100%+0.5rem)]", yAlign === DropDownYAlign.ABOVE && "bottom-[calc(100%+0.5rem)]", className),
 	"aria-hidden": isHidden,
 	role: "region",
 	"aria-labelledby": `dropdown-trigger-${identifier}`,
 	id: `dropdown-panel-${identifier}`,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MaxHeightSmoother, {
 		isHidden,
-		className: cn$2("overflow-x-visible", isHidden === false && "invisible", isHidden === true && "visible", isOverable && "group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]", isFocusable && "group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]"),
+		className: cn$1("overflow-x-visible", isHidden === false && "invisible", isHidden === true && "visible", isOverable && "group-hover/dropdown:visible group-hover/dropdown:grid-rows-[1fr]", isFocusable && "group-focus-within/dropdown:visible group-focus-within/dropdown:grid-rows-[1fr]"),
 		...props,
 		children
 	})
@@ -29751,7 +28866,7 @@ var LocaleSwitcherContent = ({ panelProps, isMultilingual = true }) => {
 * - Screen reader compatible with proper ARIA relationships
 */
 var Label$1 = ({ htmlFor, required = false, disabled = false, className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", {
-	className: cn$2("select-none font-medium text-sm leading-none", "peer-disabled:cursor-not-allowed peer-disabled:opacity-70", disabled && "cursor-not-allowed text-muted-foreground opacity-70", className),
+	className: cn$1("select-none font-medium text-sm leading-none", "peer-disabled:cursor-not-allowed peer-disabled:opacity-70", disabled && "cursor-not-allowed text-muted-foreground opacity-70", className),
 	htmlFor,
 	suppressHydrationWarning: true,
 	...props,
@@ -29773,7 +28888,7 @@ var styledAfter = `after:content-['#'] after:scale-75 after:px-6 after:text-neut
 * Does not include clickable anchor functionality.
 */
 var StyledH1 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
-	className: cn$2("font-bold text-2xl", className),
+	className: cn$1("font-bold text-2xl", className),
 	...props
 });
 /**
@@ -29783,7 +28898,7 @@ var StyledH1 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runti
 * Used for major section headers in content.
 */
 var StyledH2 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", {
-	className: cn$2("mb-2 font-bold text-2xl", styledHeading, className),
+	className: cn$1("mb-2 font-bold text-2xl", styledHeading, className),
 	...props
 });
 /**
@@ -29793,7 +28908,7 @@ var StyledH2 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runti
 * Used for subsection headers in content.
 */
 var StyledH3 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", {
-	className: cn$2("mb-2 font-bold text-xl", styledHeading, className),
+	className: cn$1("mb-2 font-bold text-xl", styledHeading, className),
 	...props
 });
 /**
@@ -29803,7 +28918,7 @@ var StyledH3 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runti
 * Used for minor section headers in content.
 */
 var StyledH4 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", {
-	className: cn$2("font-bold text-lg", styledHeading, className),
+	className: cn$1("font-bold text-lg", styledHeading, className),
 	...props
 });
 /**
@@ -29813,11 +28928,11 @@ var StyledH4 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runti
 * Used for detailed subsection headers in content.
 */
 var StyledH5 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h5", {
-	className: cn$2("font-bold text-base", styledHeading, className),
+	className: cn$1("font-bold text-base", styledHeading, className),
 	...props
 });
 var StyledH6 = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h6", {
-	className: cn$2("ml-3 font-bold text-base", styledHeading, className),
+	className: cn$1("ml-3 font-bold text-base", styledHeading, className),
 	...props
 });
 /**
@@ -29882,7 +28997,7 @@ var HeadingWrapper = ({ H, children, className, isClickable, ...props }) => {
 		id,
 		onClick: isClickable ? onClick : void 0,
 		"aria-label": isClickable ? `Click to scroll to section ${id} and copy the link to the clipboard` : void 0,
-		className: cn$2(isClickable && styledAfter, className),
+		className: cn$1(isClickable && styledAfter, className),
 		...props,
 		children
 	});
@@ -30144,7 +29259,7 @@ var ExpandCollapse = ({ isRollable = true, minHeight = DEFAULT_MIN_HEIGHT, child
 	}, [children]);
 	if (!isRollable) return children;
 	if (!isTooBig) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: cn$2("grid w-full", className),
+		className: cn$1("grid w-full", className),
 		ref: codeContainerRef,
 		children
 	});
@@ -30153,11 +29268,11 @@ var ExpandCollapse = ({ isRollable = true, minHeight = DEFAULT_MIN_HEIGHT, child
 		minHeight,
 		className: "w-full overflow-x-auto overflow-y-hidden",
 		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: cn$2("grid w-full", className),
+			className: cn$1("grid w-full", className),
 			ref: codeContainerRef,
 			children
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-			className: cn$2("absolute right-0 bottom-0 flex w-full cursor-pointer items-center justify-center rounded-t-2xl bg-gradient-to-t from-card/80 to-transparent px-3 py-0.5 text-md text-neutral-700 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all duration-300 hover:py-1 dark:text-neutral-400", isCollapsed ? "w-full" : "w-32"),
+			className: cn$1("absolute right-0 bottom-0 flex w-full cursor-pointer items-center justify-center rounded-t-2xl bg-gradient-to-t from-card/80 to-transparent px-3 py-0.5 text-md text-neutral-700 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all duration-300 hover:py-1 dark:text-neutral-400", isCollapsed ? "w-full" : "w-32"),
 			type: "button",
 			onClick: () => setIsCollapsed((prev) => !prev),
 			children: expandCollapseContent(isCollapsed)
@@ -30176,9 +29291,9 @@ var CodeDefault = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
 		}, `line-${index}-${line.slice(0, 10)}`)) : children })
 	})
 });
-var CodeBlockShiki = (0, import_react.lazy)(() => __vitePreload(() => import("./CodeBlockShiki-DoD2Sc7u.js").then((mod) => ({ default: mod.CodeBlockShiki })), __vite__mapDeps([3,1,4,5,2])));
+var CodeBlockShiki = (0, import_react.lazy)(() => __vitePreload(() => import("./CodeBlockShiki-ie_3x4KO.js").then((mod) => ({ default: mod.CodeBlockShiki })), __vite__mapDeps([4,1,5,2,3])));
 var CodeBlock = ({ className, onChange, isEditable, children, lang, isDarkMode, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("flex w-full min-w-0 max-w-full overflow-x-auto", className),
+	className: cn$1("flex w-full min-w-0 max-w-full overflow-x-auto", className),
 	...props,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, {
 		fallback: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CodeDefault, { children }),
@@ -30414,7 +29529,7 @@ var MultiSelectRoot = ({ values: valuesProp, defaultValues, onValueChange, loop
 		]),
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CommandRoot, {
 			onKeyDown: handleKeyDown,
-			className: cn$2("flex w-full flex-col gap-2 overflow-visible bg-transparent", className),
+			className: cn$1("flex w-full flex-col gap-2 overflow-visible bg-transparent", className),
 			dir,
 			...props,
 			children
@@ -30428,12 +29543,12 @@ var MultiSelectTrigger = ({ className, getBadgeValue = (value) => value, validat
 		e.stopPropagation();
 	}, []);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: cn$2("flex w-full flex-col gap-3", "cursor-pointer select-text text-base shadow-none outline-none md:text-sm", "rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl", "px-2 py-3 md:py-2", "bg-neutral-50 dark:bg-neutral-950", "text-text", "ring-0", "focus-within:outline-none", "focus-within:ring-3", "focus-within:ring-neutral-200", "dark:focus-within:ring-neutral-500", "focus-within:ring-offset-white", "dark:focus-within:ring-offset-neutral-500", "[box-shadow:none]", "disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-error", validationStyleEnabled && "valid:border-success invalid:border-error", className),
+		className: cn$1("flex w-full flex-col gap-3", "cursor-pointer select-text text-base shadow-none outline-none md:text-sm", "rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl", "px-2 py-3 md:py-2", "bg-neutral-50 dark:bg-neutral-950", "text-text", "ring-0", "focus-within:outline-none", "focus-within:ring-3", "focus-within:ring-neutral-200", "dark:focus-within:ring-neutral-500", "focus-within:ring-offset-white", "dark:focus-within:ring-offset-neutral-500", "[box-shadow:none]", "disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-error", validationStyleEnabled && "valid:border-success invalid:border-error", className),
 		...props,
 		children: [value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "flex w-full flex-wrap gap-1",
 			children: value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Badge, {
-				className: cn$2("flex items-center gap-1 rounded-xl px-1", activeIndex === index && "ring-2 ring-muted-foreground"),
+				className: cn$1("flex items-center gap-1 rounded-xl px-1", activeIndex === index && "ring-2 ring-muted-foreground"),
 				color: BadgeColor.TEXT,
 				children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 					className: "text-xs",
@@ -30468,7 +29583,7 @@ var MultiSelectInput = ({ className, ...props }) => {
 		onBlur: () => setOpen(false),
 		onFocus: () => setOpen(true),
 		onClick: () => setActiveIndex(-1),
-		className: cn$2("ml-2 flex-1 cursor-pointer outline-hidden", className, activeIndex !== -1 && "caret-transparent")
+		className: cn$1("ml-2 flex-1 cursor-pointer outline-hidden", className, activeIndex !== -1 && "caret-transparent")
 	});
 };
 var MultiSelectContent = ({ children }) => {
@@ -30479,7 +29594,7 @@ var MultiSelectContent = ({ children }) => {
 	});
 };
 var MultiSelectList = ({ className, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Command.List, {
-	className: cn$2("absolute top-0 z-10 flex w-full flex-col gap-2", "rounded-xl p-2 shadow-md", "bg-white dark:bg-neutral-950", "text-text", "border border-neutral-200 dark:border-neutral-800", "transition-colors", className),
+	className: cn$1("absolute top-0 z-10 flex w-full flex-col gap-2", "rounded-xl p-2 shadow-md", "bg-white dark:bg-neutral-950", "text-text", "border border-neutral-200 dark:border-neutral-800", "transition-colors", className),
 	children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Command.Empty, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		className: "text-muted-foreground",
 		children: "No results found"
@@ -30498,7 +29613,7 @@ var MultiSelectItem = ({ className, value, children, ...props }) => {
 			onValueChange(value);
 			setInputValue("");
 		},
-		className: cn$2("flex cursor-pointer justify-between", "rounded-lg px-2 py-1", "transition-colors", "hover:bg-neutral/10", isIncluded && "opacity-50", props.disabled && "cursor-not-allowed opacity-50", className),
+		className: cn$1("flex cursor-pointer justify-between", "rounded-lg px-2 py-1", "transition-colors", "hover:bg-neutral/10", isIncluded && "opacity-50", props.disabled && "cursor-not-allowed opacity-50", className),
 		onMouseDown: mousePreventDefault,
 		children: [children, isIncluded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Check, { className: "size-4" })]
 	});
@@ -33495,7 +32610,7 @@ var SelectValue = Value;
 */
 var SelectTrigger = ({ validationStyleEnabled = false, className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Trigger, {
 	suppressHydrationWarning: true,
-	className: cn$2("flex w-full cursor-pointer items-center justify-between whitespace-nowrap", "select-text text-base shadow-none outline-none md:text-sm", "rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl", "px-2 py-3 md:py-2", "bg-neutral-50 dark:bg-neutral-950", "text-text", "ring-0", "focus-visible:outline-none", "focus-visible:ring-3", "focus-visible:ring-neutral-200", "dark:focus-visible:ring-neutral-500", "focus-visible:ring-offset-white", "dark:focus-visible:ring-offset-neutral-500", "[box-shadow:none] focus:[box-shadow:none]", "disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-error", "[&>span]:line-clamp-1", validationStyleEnabled && "valid:border-success invalid:border-error", className),
+	className: cn$1("flex w-full cursor-pointer items-center justify-between whitespace-nowrap", "select-text text-base shadow-none outline-none md:text-sm", "rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl", "px-2 py-3 md:py-2", "bg-neutral-50 dark:bg-neutral-950", "text-text", "ring-0", "focus-visible:outline-none", "focus-visible:ring-3", "focus-visible:ring-neutral-200", "dark:focus-visible:ring-neutral-500", "focus-visible:ring-offset-white", "dark:focus-visible:ring-offset-neutral-500", "[box-shadow:none] focus:[box-shadow:none]", "disabled:cursor-not-allowed disabled:opacity-50", "aria-invalid:border-error", "[&>span]:line-clamp-1", validationStyleEnabled && "valid:border-success invalid:border-error", className),
 	...props,
 	children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
 		asChild: true,
@@ -33511,7 +32626,7 @@ var SelectTrigger = ({ validationStyleEnabled = false, className, children, ...p
 * @param className - Additional CSS classes for custom styling
 */
 var SelectScrollUpButton = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollUpButton, {
-	className: cn$2("flex cursor-default items-center justify-center py-1", className),
+	className: cn$1("flex cursor-default items-center justify-center py-1", className),
 	...props,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronUp, {})
 });
@@ -33524,7 +32639,7 @@ var SelectScrollUpButton = ({ className, ...props }) => /* @__PURE__ */ (0, impo
 * @param className - Additional CSS classes for custom styling
 */
 var SelectScrollDownButton = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollDownButton, {
-	className: cn$2("flex cursor-default items-center justify-center py-1", className),
+	className: cn$1("flex cursor-default items-center justify-center py-1", className),
 	...props,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ChevronDown, {})
 });
@@ -33547,13 +32662,13 @@ var SelectScrollDownButton = ({ className, ...props }) => /* @__PURE__ */ (0, im
 * ```
 */
 var SelectContent = ({ className, children, position = SelectContentPosition.POPPER, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content2, {
-	className: cn$2("relative z-50 max-h-96 min-w-32 overflow-hidden", "rounded-xl shadow-md", "bg-white dark:bg-neutral-950", "text-text", "border border-neutral-200 dark:border-neutral-800", "data-[state=closed]:animate-out data-[state=open]:animate-in", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1", className),
+	className: cn$1("relative z-50 max-h-96 min-w-32 overflow-hidden", "rounded-xl shadow-md", "bg-white dark:bg-neutral-950", "text-text", "border border-neutral-200 dark:border-neutral-800", "data-[state=closed]:animate-out data-[state=open]:animate-in", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1", className),
 	position,
 	...props,
 	children: [
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollUpButton, {}),
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Viewport, {
-			className: cn$2("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
+			className: cn$1("p-1", position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"),
 			children
 		}),
 		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollDownButton, {})
@@ -33580,7 +32695,7 @@ var SelectContent = ({ className, children, position = SelectContentPosition.POP
 * ```
 */
 var SelectLabel = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label, {
-	className: cn$2("px-1 py-0.5 font-semibold text-sm", className),
+	className: cn$1("px-1 py-0.5 font-semibold text-sm", className),
 	...props
 });
 /**
@@ -33600,7 +32715,7 @@ var SelectLabel = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_ru
 * ```
 */
 var SelectItem = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Item, {
-	className: cn$2("relative flex w-full cursor-pointer select-none items-center rounded-lg py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-neutral/10 data-disabled:pointer-events-none data-disabled:opacity-50", className),
+	className: cn$1("relative flex w-full cursor-pointer select-none items-center rounded-lg py-1.5 pr-8 pl-2 text-sm outline-hidden focus:bg-neutral/10 data-disabled:pointer-events-none data-disabled:opacity-50", className),
 	...props,
 	children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
 		className: "absolute right-2 flex size-3.5 items-center justify-center",
@@ -33625,7 +32740,7 @@ var SelectItem = ({ className, children, ...props }) => /* @__PURE__ */ (0, impo
 * ```
 */
 var SelectSeparator = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Separator, {
-	className: cn$2("-mx-1 my-1 h-px", "bg-neutral-200 dark:bg-neutral-800", className),
+	className: cn$1("-mx-1 my-1 h-px", "bg-neutral-200 dark:bg-neutral-800", className),
 	...props
 });
 /**
@@ -34155,7 +33270,7 @@ var Code = ({ children, language, isDarkMode, showHeader = true, showLineNumbers
 		codeFormat,
 		contentDeclarationFormat,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Container, {
-			className: cn$2("relative min-w-0 max-w-full text-sm leading-6", showLineNumbers && "with-line-number ml-0", className),
+			className: cn$1("relative min-w-0 max-w-full text-sm leading-6", showLineNumbers && "with-line-number ml-0", className),
 			transparency: "lg",
 			...props,
 			children: [showHeader && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -34174,7 +33289,7 @@ var Code = ({ children, language, isDarkMode, showHeader = true, showLineNumbers
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 				className: "sticky top-46 z-20",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: cn$2("absolute right-2 bottom-0 flex h-7 items-center", hadSelectInHeader && "h-11"),
+					className: cn$1("absolute right-2 bottom-0 flex h-7 items-center", hadSelectInHeader && "h-11"),
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyCode, { code })
 				})
 			})] }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ExpandCollapse, {
@@ -34260,7 +33375,7 @@ var TabSelector = ({ tabs, selectedChoice, onTabClick, color = TabSelectorColor.
 		calculatePosition();
 	}, [selectedChoice, tabs]);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: cn$2(tabSelectorVariant({ color }), className),
+		className: cn$1(tabSelectorVariant({ color }), className),
 		"aria-orientation": orientation,
 		"aria-multiselectable": "false",
 		role: "tablist",
@@ -34282,7 +33397,7 @@ var TabSelector = ({ tabs, selectedChoice, onTabClick, color = TabSelectorColor.
 				}
 			});
 		}), choiceIndicatorPosition && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-			className: cn$2(indicatorVariant({
+			className: cn$1(indicatorVariant({
 				color,
 				orientation
 			})),
@@ -34511,17 +33626,17 @@ var TabComponent = ({ defaultTab, group, variant, children, className, headerCla
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabContext.Provider, {
 		value: contextValue,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			className: cn$2(tabContainerVariant({ variant }), fullHeight && "flex h-full flex-col overflow-hidden", className),
+			className: cn$1(tabContainerVariant({ variant }), fullHeight && "flex h-full flex-col overflow-hidden", className),
 			...props,
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: cn$2("flex shrink-0 gap-3 p-3", headerClassName),
+				className: cn$1("flex shrink-0 gap-3 p-3", headerClassName),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabSelector, {
 					selectedChoice: currentTabValue,
 					tabs: tabItems.map((child) => {
 						const { label, value, disabled } = child.props;
 						const isActive = currentTabValue === value;
 						return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
-							className: cn$2("cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none", !isActive && "text-neutral/70"),
+							className: cn$1("cursor-pointer whitespace-nowrap rounded-md px-4 py-1 font-medium text-sm transition-colors focus:outline-none", !isActive && "text-neutral/70"),
 							"data-active": isActive,
 							disabled,
 							onClick: () => !disabled && handleSetActiveTab(value),
@@ -34537,12 +33652,12 @@ var TabComponent = ({ defaultTab, group, variant, children, className, headerCla
 					color: TabSelectorColor.TEXT
 				})
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: cn$2("relative w-full min-w-0 overflow-x-clip [-webkit-clip-path:inset(0)] [clip-path:inset(0)]", fullHeight && "min-h-0 flex-1"),
+				className: cn$1("relative w-full min-w-0 overflow-x-clip [-webkit-clip-path:inset(0)] [clip-path:inset(0)]", fullHeight && "min-h-0 flex-1"),
 				...containerProps,
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 					role: "tablist",
 					"aria-orientation": "horizontal",
-					className: cn$2("grid w-full min-w-0", fullHeight && "h-full", isDragging ? "transition-none" : "transition-transform duration-300 ease-in-out"),
+					className: cn$1("grid w-full min-w-0", fullHeight && "h-full", isDragging ? "transition-none" : "transition-transform duration-300 ease-in-out"),
 					style: {
 						gridTemplateColumns: `repeat(${tabItems.length}, 100%)`,
 						transform: `translateX(-${activeTabIndex * 100 - (isDragging ? dragDeltaPct : 0)}%)`
@@ -34557,9 +33672,9 @@ var TabComponent = ({ defaultTab, group, variant, children, className, headerCla
 							"aria-hidden": !isActive,
 							tabIndex: isActive ? 0 : -1,
 							"data-active": isActive,
-							className: cn$2("w-full min-w-0 p-6 opacity-100 transition-opacity duration-300 ease-in-out", fullHeight && "h-full overflow-y-auto", !isActive && "pointer-events-none opacity-0", itemClassName),
+							className: cn$1("w-full min-w-0 p-6 opacity-100 transition-opacity duration-300 ease-in-out", fullHeight && "h-full overflow-y-auto", !isActive && "pointer-events-none opacity-0", itemClassName),
 							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-								className: cn$2("flex w-full min-w-0 flex-col items-stretch gap-6", fullHeight && "min-h-full"),
+								className: cn$1("flex w-full min-w-0 flex-col items-stretch gap-6", fullHeight && "min-h-full"),
 								children
 							})
 						}, value);
@@ -44475,7 +43590,7 @@ var Modal = ({ children, isOpen, container, onClose, hasCloseButton = false, tit
 			padding: "none",
 			...props,
 			children: [/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-				className: cn$2("relative flex-none px-4 pt-4", hasCloseButton && hasTitle ? `flex items-start` : hasCloseButton ? `flex justify-end` : hasTitle ? `items-center` : `hidden`),
+				className: cn$1("relative flex-none px-4 pt-4", hasCloseButton && hasTitle ? `flex items-start` : hasCloseButton ? `flex justify-end` : hasTitle ? `items-center` : `hidden`),
 				children: [hasTitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(H3, {
 					className: "mb-2 ml-1 flex items-center justify-center font-bold text-lg",
 					children: title
@@ -44492,9 +43607,9 @@ var Modal = ({ children, isOpen, container, onClose, hasCloseButton = false, tit
 					size: ButtonSize.ICON_MD
 				})]
 			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: cn$2("flex min-h-0 w-full flex-1 flex-col", isScrollable === true && "overflow-auto", isScrollable === "y" && "overflow-y-auto overflow-x-hidden", isScrollable === "x" && "overflow-x-auto overflow-y-hidden", !isScrollable && "overflow-visible"),
+				className: cn$1("flex min-h-0 w-full flex-1 flex-col", isScrollable === true && "overflow-auto", isScrollable === "y" && "overflow-y-auto overflow-x-hidden", isScrollable === "x" && "overflow-x-auto overflow-y-hidden", !isScrollable && "overflow-visible"),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-					className: cn$2("flex h-full w-full flex-1 flex-col", contentPaddingClass),
+					className: cn$1("flex h-full w-full flex-1 flex-col", contentPaddingClass),
 					children
 				})
 			})]
@@ -44809,7 +43924,7 @@ var Table = ({ className, isRollable = false, displayModal, onClick, ...props })
 				className: "max-w-full overflow-x-auto rounded-2xl bg-background text-left [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl",
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", {
 					ref: tableRef,
-					className: cn$2("w-full table-auto overflow-hidden", displayModal && "[&_tbody_tr:hover]:bg-neutral/40 [&_tbody_tr:hover]:dark:bg-neutral-dark/40 [&_tbody_tr]:cursor-pointer [&_tbody_tr]:transition-colors", className),
+					className: cn$1("w-full table-auto overflow-hidden", displayModal && "[&_tbody_tr:hover]:bg-neutral/40 [&_tbody_tr:hover]:dark:bg-neutral-dark/40 [&_tbody_tr]:cursor-pointer [&_tbody_tr]:transition-colors", className),
 					onClick: handleTableClick,
 					onKeyDown: (e) => {
 						if (e.key === "Enter" || e.key === " ") handleTableClick(e);
@@ -44827,7 +43942,7 @@ var Table = ({ className, isRollable = false, displayModal, onClick, ...props })
 					className: "grid",
 					children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("table", {
 						ref: modalTableRef,
-						className: cn$2("min-w-full max-w-full table-auto text-left", className),
+						className: cn$1("min-w-full max-w-full table-auto text-left", className),
 						...props
 					})
 				}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {})
@@ -44895,22 +44010,22 @@ var createCodeRenderer = (isDarkMode) => {
 	};
 };
 var BlockquoteRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("blockquote", {
-	className: cn$2("mt-5 gap-3 border-card border-l-4 pl-5 text-neutral [&_strong]:text-neutral", className),
+	className: cn$1("mt-5 gap-3 border-card border-l-4 pl-5 text-neutral [&_strong]:text-neutral", className),
 	...props
 });
 var UlRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
-	className: cn$2("mt-5 flex list-disc flex-col gap-3 pl-5 marker:text-neutral/80", className),
+	className: cn$1("mt-5 flex list-disc flex-col gap-3 pl-5 marker:text-neutral/80", className),
 	...props
 });
 var OlRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ol", {
-	className: cn$2("mt-5 flex list-decimal flex-col gap-3 pl-5 marker:text-neutral/80", className),
+	className: cn$1("mt-5 flex list-decimal flex-col gap-3 pl-5 marker:text-neutral/80", className),
 	...props
 });
 var ImgRenderer = ({ className, alt, src, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
 	...props,
 	alt: alt ?? "",
 	loading: "lazy",
-	className: cn$2("max-h-[80vh] max-w-full rounded-md", className),
+	className: cn$1("max-h-[80vh] max-w-full rounded-md", className),
 	src: src?.includes("github.com") ? src?.replace("github.com", "raw.githubusercontent.com").replace("/blob/", "/") : src
 });
 var createLinkRenderer = (locale) => {
@@ -44930,19 +44045,19 @@ var TableRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Table
 	...props
 });
 var ThRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", {
-	className: cn$2("border-neutral border-b bg-neutral/10 p-4", className),
+	className: cn$1("border-neutral border-b bg-neutral/10 p-4", className),
 	...props
 });
 var TrRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", {
-	className: cn$2("hover:/10 hover:bg-neutral/10", className),
+	className: cn$1("hover:/10 hover:bg-neutral/10", className),
 	...props
 });
 var TdRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", {
-	className: cn$2("border-neutral-500/50 border-b p-4", className),
+	className: cn$1("border-neutral-500/50 border-b p-4", className),
 	...props
 });
 var HrRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {
-	className: cn$2("mx-6 mt-16 text-neutral", className),
+	className: cn$1("mx-6 mt-16 text-neutral", className),
 	...props
 });
 var TabsRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tab, {
@@ -44951,11 +44066,11 @@ var TabsRenderer = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tab, {
 	headerClassName: "sticky rounded-xl top-24 z-5 bg-background/70 backdrop-blur overflow-x-auto"
 });
 var ColumnsRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("flex gap-4 max-md:flex-col", className),
+	className: cn$1("flex gap-4 max-md:flex-col", className),
 	...props
 });
 var ColumnRenderer = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("flex-1", className),
+	className: cn$1("flex-1", className),
 	...props
 });
 var staticMarkdownComponents = {
@@ -45320,22 +44435,104 @@ var navigation_view_default = {
 	localIds: ["navigation-view::local::../@intlayer/design-system/dist/esm/components/DictionaryFieldEditor/NavigationView/navigationViewNode.content.mjs"]
 };
 //#endregion
-//#region ../@intlayer/design-system/dist/esm/utils/object.mjs
+//#region ../@intlayer/design-system/dist/esm/components/ContentEditor/ContentEditorInput.mjs
 /**
-* Rename a key in an object by keeping the element order
+* ContentEditorInput Component
 *
-* @param obj The original object
-* @param oldKey The key in the object that needs to be renamed
-* @param newKey The new key name to replace the old key
-* @returns A new object with the renamed key
+* An inline editing component for single-line text input with validation,
+* cancel/save functionality, and support for additional action buttons.
+*
+* ## Features
+* - **Inline Input Editing**: Edit single-line content with immediate feedback
+* - **Validation Support**: Optional content validation with visual feedback
+* - **Action Buttons**: Built-in save/cancel with support for additional buttons
+* - **Keyboard Shortcuts**: Enter to save, Escape to cancel
+* - **Accessibility**: Full ARIA support and keyboard navigation
+* - **State Management**: Handles editing states and validation
+*
+* ## Accessibility
+* - Proper ARIA labels and descriptions for all controls
+* - Keyboard navigation (Tab, Enter, Escape)
+* - Screen reader support for validation states
+* - Focus management and visual indicators
+*
+* @param children - Current input value
+* @param onContentChange - Callback when content is saved
+* @param disabled - Whether the editor is disabled
+* @param validate - Optional validation function
+* @param additionalButtons - Extra buttons to display
+* @param props - Additional Input component props
 */
-var renameKey = (obj, oldKey, newKey) => {
-	const newObj = { ...obj };
-	for (const key of Object.keys(obj)) if (key === oldKey) {
-		newObj[newKey] = obj[oldKey];
-		delete newObj[oldKey];
-	} else newObj[key] = obj[key];
-	return newObj;
+var ContentEditorInput$1 = ({ children, onContentChange, disabled, validate, additionalButtons, ...props }) => {
+	const [newValue, setNewValue] = (0, import_react.useState)(children);
+	const [resetIncrementor, setResetIncrementor] = (0, import_react.useState)(0);
+	const isEdited = newValue !== children;
+	const handleCancel = () => {
+		setNewValue(children);
+		setResetIncrementor((prev) => prev + 1);
+	};
+	const handleValid = () => {
+		onContentChange(newValue);
+	};
+	const handleOnContentChange = (e) => {
+		setNewValue(e.currentTarget.value);
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && !disabled && isValid) {
+			e.preventDefault();
+			handleValid();
+		} else if (e.key === "Escape") {
+			e.preventDefault();
+			handleCancel();
+		}
+	};
+	(0, import_react.useEffect)(() => {
+		setNewValue(children);
+		setResetIncrementor((prev) => prev + 1);
+	}, [children]);
+	const isValid = validate?.(newValue) ?? true;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		className: "flex size-full flex-col items-center justify-between gap-2",
+		role: "group",
+		"aria-label": "Content editor input",
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+			onChange: handleOnContentChange,
+			onKeyDown: handleKeyDown,
+			"aria-label": "Editable input value",
+			"aria-describedby": isEdited || additionalButtons ? "content-editor-input-actions" : void 0,
+			"aria-invalid": !isValid,
+			variant: InputVariant.INVISIBLE,
+			className: "size-full",
+			defaultValue: children,
+			disabled,
+			...props
+		}, resetIncrementor), (isEdited || additionalButtons) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+			id: "content-editor-input-actions",
+			className: "flex w-full items-center justify-end gap-2",
+			role: "group",
+			"aria-label": "Edit actions",
+			children: [isEdited && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				Icon: Check,
+				label: `Save changes${!isValid ? " (invalid content)" : ""}`,
+				variant: ButtonVariant.HOVERABLE,
+				color: ButtonColor.TEXT,
+				size: ButtonSize.ICON_SM,
+				className: "cursor-pointer hover:scale-110",
+				disabled: disabled || !isValid,
+				onClick: handleValid,
+				"aria-describedby": !isValid ? "validation-error" : void 0
+			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+				Icon: X$1,
+				label: "Cancel changes",
+				variant: ButtonVariant.HOVERABLE,
+				size: ButtonSize.ICON_SM,
+				color: ButtonColor.TEXT,
+				className: "cursor-pointer hover:scale-110",
+				onClick: handleCancel,
+				disabled
+			})] }), additionalButtons]
+		})]
+	}, String(children));
 };
 //#endregion
 //#region ../../node_modules/.bun/@tanstack+query-core@5.95.2/node_modules/@tanstack/query-core/build/modern/subscribable.js
@@ -48809,7 +48006,7 @@ function defineErrorCodes(codes) {
 	}]));
 }
 //#endregion
-//#region ../../node_modules/.bun/@better-auth+passkey@1.5.5+97f5c57d9a1a38cb/node_modules/@better-auth/passkey/dist/error-codes-Dvu2mv33.mjs
+//#region ../../node_modules/.bun/@better-auth+passkey@1.5.5+31e0a94cb89c09dd/node_modules/@better-auth/passkey/dist/error-codes-Dvu2mv33.mjs
 var PASSKEY_ERROR_CODES = defineErrorCodes({
 	CHALLENGE_NOT_FOUND: "Challenge not found",
 	YOU_ARE_NOT_ALLOWED_TO_REGISTER_THIS_PASSKEY: "You are not allowed to register this passkey",
@@ -49271,7 +48468,7 @@ async function startAuthentication(options) {
 	};
 }
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/broadcast-channel.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/broadcast-channel.mjs
 var kBroadcastChannel = Symbol.for("better-auth:broadcast-channel");
 var now$1 = () => Math.floor(Date.now() / 1e3);
 var WindowBroadcastChannel = class {
@@ -49314,7 +48511,7 @@ function getGlobalBroadcastChannel(name = "better-auth.message") {
 	return globalThis[kBroadcastChannel];
 }
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/focus-manager.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/focus-manager.mjs
 var kFocusManager = Symbol.for("better-auth:focus-manager");
 var WindowFocusManager = class {
 	listeners = /* @__PURE__ */ new Set();
@@ -49343,7 +48540,7 @@ function getGlobalFocusManager() {
 	return globalThis[kFocusManager];
 }
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/online-manager.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/online-manager.mjs
 var kOnlineManager = Symbol.for("better-auth:online-manager");
 var WindowOnlineManager = class {
 	listeners = /* @__PURE__ */ new Set();
@@ -49375,7 +48572,7 @@ function getGlobalOnlineManager() {
 	return globalThis[kOnlineManager];
 }
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/parser.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/parser.mjs
 var PROTO_POLLUTION_PATTERNS = {
 	proto: /"(?:_|\\u0{2}5[Ff]){2}(?:p|\\u0{2}70)(?:r|\\u0{2}72)(?:o|\\u0{2}6[Ff])(?:t|\\u0{2}74)(?:o|\\u0{2}6[Ff])(?:_|\\u0{2}5[Ff]){2}"\s*:/,
 	constructor: /"(?:c|\\u0063)(?:o|\\u006[Ff])(?:n|\\u006[Ee])(?:s|\\u0073)(?:t|\\u0074)(?:r|\\u0072)(?:u|\\u0075)(?:c|\\u0063)(?:t|\\u0074)(?:o|\\u006[Ff])(?:r|\\u0072)"\s*:/,
@@ -49557,7 +48754,7 @@ var onMount = ($store, initialize) => {
 	});
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/query.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/query.mjs
 var isServer = () => typeof window === "undefined";
 var useAuthQuery = (initializedAtom, path, $fetch, options) => {
 	const value = /* @__PURE__ */ atom({
@@ -49651,7 +48848,7 @@ var useAuthQuery = (initializedAtom, path, $fetch, options) => {
 	return value;
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/session-refresh.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/session-refresh.mjs
 var now = () => Math.floor(Date.now() / 1e3);
 /**
 * Rate limit: don't refetch on focus if a session request was made within this many seconds
@@ -49850,7 +49047,7 @@ var BetterAuthError = class extends Error {
 	}
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/utils/url.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/utils/url.mjs
 function checkHasPath(url) {
 	try {
 		return (new URL(url).pathname.replace(/\/+$/, "") || "/") !== "/";
@@ -49922,7 +49119,7 @@ function getOrigin(url) {
 	}
 }
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/fetch-plugins.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/fetch-plugins.mjs
 var redirectPlugin = {
 	id: "redirect",
 	name: "Redirect",
@@ -49937,7 +49134,7 @@ var redirectPlugin = {
 	} }
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/session-atom.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/session-atom.mjs
 function getSessionAtom($fetch, options) {
 	const $signal = /* @__PURE__ */ atom(false);
 	const session = useAuthQuery($signal, "/get-session", $fetch, { method: "GET" });
@@ -50396,7 +49593,7 @@ var betterFetch = async (url, options) => {
 	};
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/config.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/config.mjs
 var resolvePublicAuthUrl = (basePath) => {
 	if (typeof process === "undefined") return void 0;
 	const path = basePath ?? "/api/auth";
@@ -50494,12 +49691,12 @@ var getClientConfig = (options, loadEnv) => {
 	};
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/utils/is-atom.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/utils/is-atom.mjs
 function isAtom(value) {
 	return typeof value === "object" && value !== null && "get" in value && typeof value.get === "function" && "lc" in value && typeof value.lc === "number";
 }
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/proxy.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/proxy.mjs
 function getMethod(path, knownPathMethods, args) {
 	const method = knownPathMethods[path];
 	const { fetchOptions, query: _query, ...body } = args || {};
@@ -50579,7 +49776,7 @@ function capitalizeFirstLetter(str) {
 	return str.charAt(0).toUpperCase() + str.slice(1);
 }
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/client/vanilla.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/client/vanilla.mjs
 function createAuthClient(options) {
 	const { pluginPathMethods, pluginsActions, pluginsAtoms, $fetch, atomListeners, $store } = getClientConfig(options);
 	const resolvedHooks = {};
@@ -50592,7 +49789,7 @@ function createAuthClient(options) {
 	}, $fetch, pluginPathMethods, pluginsAtoms, atomListeners);
 }
 //#endregion
-//#region ../../node_modules/.bun/@better-auth+passkey@1.5.5+97f5c57d9a1a38cb/node_modules/@better-auth/passkey/dist/client.mjs
+//#region ../../node_modules/.bun/@better-auth+passkey@1.5.5+31e0a94cb89c09dd/node_modules/@better-auth/passkey/dist/client.mjs
 var getPasskeyActions = ($fetch, { $listPasskeys, $store }) => {
 	const signInPasskey = async (opts, options) => {
 		const response = await $fetch("/passkey/generate-authenticate-options", {
@@ -50734,7 +49931,7 @@ var passkeyClient = () => {
 	};
 };
 //#endregion
-//#region ../../node_modules/.bun/@better-auth+sso@1.5.5+9a386bd0a1ca2f57/node_modules/@better-auth/sso/dist/client.mjs
+//#region ../../node_modules/.bun/@better-auth+sso@1.5.5+8a01f4d48779b378/node_modules/@better-auth/sso/dist/client.mjs
 var ssoClient = (options) => {
 	return {
 		id: "sso-client",
@@ -50746,7 +49943,7 @@ var ssoClient = (options) => {
 	};
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/plugins/magic-link/client.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/plugins/magic-link/client.mjs
 var magicLinkClient = () => {
 	return {
 		id: "magic-link",
@@ -50754,7 +49951,7 @@ var magicLinkClient = () => {
 	};
 };
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/plugins/two-factor/error-code.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/plugins/two-factor/error-code.mjs
 var TWO_FACTOR_ERROR_CODES = defineErrorCodes({
 	OTP_NOT_ENABLED: "OTP not enabled",
 	OTP_HAS_EXPIRED: "OTP has expired",
@@ -50767,7 +49964,7 @@ var TWO_FACTOR_ERROR_CODES = defineErrorCodes({
 	INVALID_TWO_FACTOR_COOKIE: "Invalid two factor cookie"
 });
 //#endregion
-//#region ../../node_modules/.bun/better-auth@1.5.5+40b259e98b9c70b8/node_modules/better-auth/dist/plugins/two-factor/client.mjs
+//#region ../../node_modules/.bun/better-auth@1.5.5+4f9b01d25afb9007/node_modules/better-auth/dist/plugins/two-factor/client.mjs
 var twoFactorClient = (options) => {
 	return {
 		id: "two-factor",
@@ -51147,106 +50344,6 @@ var useWriteDictionary = () => {
 	});
 };
 //#endregion
-//#region ../@intlayer/design-system/dist/esm/components/ContentEditor/ContentEditorInput.mjs
-/**
-* ContentEditorInput Component
-*
-* An inline editing component for single-line text input with validation,
-* cancel/save functionality, and support for additional action buttons.
-*
-* ## Features
-* - **Inline Input Editing**: Edit single-line content with immediate feedback
-* - **Validation Support**: Optional content validation with visual feedback
-* - **Action Buttons**: Built-in save/cancel with support for additional buttons
-* - **Keyboard Shortcuts**: Enter to save, Escape to cancel
-* - **Accessibility**: Full ARIA support and keyboard navigation
-* - **State Management**: Handles editing states and validation
-*
-* ## Accessibility
-* - Proper ARIA labels and descriptions for all controls
-* - Keyboard navigation (Tab, Enter, Escape)
-* - Screen reader support for validation states
-* - Focus management and visual indicators
-*
-* @param children - Current input value
-* @param onContentChange - Callback when content is saved
-* @param disabled - Whether the editor is disabled
-* @param validate - Optional validation function
-* @param additionalButtons - Extra buttons to display
-* @param props - Additional Input component props
-*/
-var ContentEditorInput$1 = ({ children, onContentChange, disabled, validate, additionalButtons, ...props }) => {
-	const [newValue, setNewValue] = (0, import_react.useState)(children);
-	const [resetIncrementor, setResetIncrementor] = (0, import_react.useState)(0);
-	const isEdited = newValue !== children;
-	const handleCancel = () => {
-		setNewValue(children);
-		setResetIncrementor((prev) => prev + 1);
-	};
-	const handleValid = () => {
-		onContentChange(newValue);
-	};
-	const handleOnContentChange = (e) => {
-		setNewValue(e.currentTarget.value);
-	};
-	const handleKeyDown = (e) => {
-		if (e.key === "Enter" && !disabled && isValid) {
-			e.preventDefault();
-			handleValid();
-		} else if (e.key === "Escape") {
-			e.preventDefault();
-			handleCancel();
-		}
-	};
-	(0, import_react.useEffect)(() => {
-		setNewValue(children);
-		setResetIncrementor((prev) => prev + 1);
-	}, [children]);
-	const isValid = validate?.(newValue) ?? true;
-	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: "flex size-full flex-col items-center justify-between gap-2",
-		role: "group",
-		"aria-label": "Content editor input",
-		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
-			onChange: handleOnContentChange,
-			onKeyDown: handleKeyDown,
-			"aria-label": "Editable input value",
-			"aria-describedby": isEdited || additionalButtons ? "content-editor-input-actions" : void 0,
-			"aria-invalid": !isValid,
-			variant: InputVariant.INVISIBLE,
-			className: "size-full",
-			defaultValue: children,
-			disabled,
-			...props
-		}, resetIncrementor), (isEdited || additionalButtons) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-			id: "content-editor-input-actions",
-			className: "flex w-full items-center justify-end gap-2",
-			role: "group",
-			"aria-label": "Edit actions",
-			children: [isEdited && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-				Icon: Check,
-				label: `Save changes${!isValid ? " (invalid content)" : ""}`,
-				variant: ButtonVariant.HOVERABLE,
-				color: ButtonColor.TEXT,
-				size: ButtonSize.ICON_SM,
-				className: "cursor-pointer hover:scale-110",
-				disabled: disabled || !isValid,
-				onClick: handleValid,
-				"aria-describedby": !isValid ? "validation-error" : void 0
-			}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
-				Icon: X$1,
-				label: "Cancel changes",
-				variant: ButtonVariant.HOVERABLE,
-				size: ButtonSize.ICON_SM,
-				color: ButtonColor.TEXT,
-				className: "cursor-pointer hover:scale-110",
-				onClick: handleCancel,
-				disabled
-			})] }), additionalButtons]
-		})]
-	}, String(children));
-};
-//#endregion
 //#region ../@intlayer/design-system/dist/esm/hooks/useUser/index.mjs
 var useUser = () => {
 	const { session, revalidateSession, setSession } = useAuth();
@@ -51370,6 +50467,24 @@ var ContentEditorTextArea$1 = ({ children, onContentChange, disabled, validate,
 	}, children);
 };
 //#endregion
+//#region ../@intlayer/design-system/dist/esm/components/DictionaryFieldEditor/ContentEditorView/object.mjs
+/**
+* Rename a key in an object by keeping the element order
+*
+* @param obj The original object
+* @param oldKey The key in the object that needs to be renamed
+* @param newKey The new key name to replace the old key
+* @returns A new object with the renamed key
+*/
+var renameKey = (obj, oldKey, newKey) => {
+	const newObj = { ...obj };
+	for (const key of Object.keys(obj)) if (key === oldKey) {
+		newObj[newKey] = obj[oldKey];
+		delete newObj[oldKey];
+	} else newObj[key] = obj[key];
+	return newObj;
+};
+//#endregion
 //#region ../@intlayer/design-system/dist/esm/components/DictionaryFieldEditor/EnumKeyInput.mjs
 var extractInitialState = (value) => {
 	let comparator;
@@ -54368,7 +53483,7 @@ var useFormField = () => {
 * @returns A rendered information tag with icon and text content
 */
 var InformationTag = ({ className, children, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("i", {
-	className: cn$2("text-neutral-400 text-xs", className),
+	className: cn$1("text-neutral-400 text-xs", className),
 	...props,
 	children: ["ⓘ ", children]
 });
@@ -57287,7 +56402,7 @@ var Form$1 = ({ schema, onSubmit: onSubmitProp, onSubmitSuccess: onSubmitSuccess
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormProvider, {
 		...props,
 		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", {
-			className: cn$2("flex flex-col gap-y-6", className),
+			className: cn$1("flex flex-col gap-y-6", className),
 			onSubmit: props.handleSubmit(onSubmit),
 			autoComplete: autoComplete ? "on" : "off",
 			noValidate: true,
@@ -57314,7 +56429,7 @@ var useForm = (schema, props) => {
 var FormLabel = ({ className, ...props }) => {
 	const { error, formItemId } = useFormField();
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Label$1, {
-		className: cn$2("mb-2", error && "text-error", className),
+		className: cn$1("mb-2", error && "text-error", className),
 		htmlFor: formItemId,
 		...props
 	});
@@ -57333,7 +56448,7 @@ var FormLabelLayout = ({ children, isRequired, info, htmlFor, className }) => /*
 		htmlFor,
 		id: `${htmlFor}-label`,
 		suppressHydrationWarning: true,
-		className: clsx("font-bold", className),
+		className: cn$1("font-bold", className),
 		children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RequiredStar, { isRequired })]
 	}), info && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InformationTag, { content: info })]
 });
@@ -58542,7 +57657,7 @@ var SaveForm = ({ dictionary, mode, className, onDelete, onSave, ...props }) =>
 			})]
 		})
 	}), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("form", {
-		className: cn$2("flex justify-end gap-2 max-md:flex-col", className),
+		className: cn$1("flex justify-end gap-2 max-md:flex-col", className),
 		...props,
 		children: [
 			mode.includes("remote") && isDistantDictionary && onDelete && isAuthenticated && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Form.Button, {
@@ -59002,7 +58117,7 @@ var DictionaryDetailsForm = ({ dictionary, mode }) => {
 };
 //#endregion
 //#region ../@intlayer/design-system/dist/esm/components/IDE/MonacoCode.mjs
-var Editor = (0, import_react.lazy)(() => __vitePreload(() => import("./dist-D8J9DkzO.js").then((mod) => ({ default: mod.Editor })), __vite__mapDeps([6,1,2])));
+var Editor = (0, import_react.lazy)(() => __vitePreload(() => import("./dist-D8J9DkzO.js").then((mod) => ({ default: mod.Editor })), __vite__mapDeps([6,1,3])));
 var MonacoCode = ({ children, language, isDarkMode, showLineNumbers, showCopyButton = true, isReadOnly = false, onChange }) => {
 	const containerRef = (0, import_react.useRef)(null);
 	const ideRef = (0, import_react.useRef)(null);
@@ -59050,11 +58165,11 @@ var MonacoCode = ({ children, language, isDarkMode, showLineNumbers, showCopyBut
 	};
 	const isShowLineNumbers = showLineNumbers ?? (typeof children === "string" ? children.split("\n").length > 1 : false);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-		className: cn$2("relative h-full w-full text-sm", showLineNumbers && "ml-0"),
+		className: cn$1("relative h-full w-full text-sm", showLineNumbers && "ml-0"),
 		children: [showCopyButton && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 			className: "sticky top-5 z-10",
 			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-				className: cn$2("absolute right-2 bottom-0 flex h-7 items-center"),
+				className: cn$1("absolute right-2 bottom-0 flex h-7 items-center"),
 				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { content: children })
 			})
 		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -59820,13 +58935,13 @@ var DictionaryFieldEditor = ({ dictionary, onClickDictionaryList, isDarkMode, mo
 //#endregion
 //#region ../@intlayer/design-system/dist/esm/components/MaxWidthSmoother/index.mjs
 var MaxWidthSmoother = ({ children, isHidden, minWidth = 0, align = "left", className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-	className: cn$2("relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out", isHidden ? "" : "grid-cols-[1fr]", className),
+	className: cn$1("relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out", isHidden ? "" : "grid-cols-[1fr]", className),
 	"aria-hidden": isHidden,
 	inert: isHidden ? true : void 0,
 	...props,
 	children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
 		style: { minWidth: `${minWidth}px` },
-		className: cn$2(align === "right" && "ml-auto"),
+		className: cn$1(align === "right" && "ml-auto"),
 		children
 	})
 });
@@ -61201,15 +60316,12 @@ var long_press_message_default = {
 	localIds: ["long-press-message::local::client/src/components/Editor/LongPressMessage/index.content.ts"]
 };
 //#endregion
-//#region client/src/utils/cn.ts
-var cn = (...inputs) => twMerge(clsx(inputs));
-//#endregion
 //#region client/src/components/Editor/LongPressMessage/index.tsx
 var LongPressMessage = () => {
 	const { message } = useDictionary(long_press_message_default);
 	const [hoveredContent] = useCrossFrameState(MessageKey.INTLAYER_HOVERED_CONTENT_CHANGED, null);
 	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-		className: cn("rounded-2xl bg-neutral/30 px-3 py-1 font-bold text-sm text-text transition-opacity duration-100", hoveredContent?.dictionaryKey ? "opacity-100" : "opacity-0"),
+		className: cn$1("rounded-2xl bg-neutral/30 px-3 py-1 font-bold text-sm text-text transition-opacity duration-100", hoveredContent?.dictionaryKey ? "opacity-100" : "opacity-0"),
 		children: hoveredContent?.dictionaryKey ? message({ dictionaryKey: hoveredContent.dictionaryKey }) : ""
 	});
 };
@@ -61520,7 +60632,7 @@ var IframeController = ({ iframeRef, applicationPath }) => {
 				src: `${editor.applicationURL}${applicationPath}`,
 				title: content.intlayerApplication.value,
 				sandbox: "allow-scripts allow-same-origin",
-				className: cn("size-full", loading && "hidden"),
+				className: cn$1("size-full", loading && "hidden"),
 				ref: iframeRef,
 				onLoad: () => {
 					setLoading(false);