@intlayer/design-system 7.5.14 → 7.6.0-canary.1

package/dist/esm/components/Browser/{browser.content.mjs → Browser.content.mjs}

@@ -1,6 +1,6 @@
 import { t } from "intlayer";
 
-//#region src/components/Browser/browser.content.ts
+//#region src/components/Browser/Browser.content.ts
 const browserContent = {
 	key: "browser",
 	content: {
@@ -174,8 +174,8 @@ const browserContent = {
 		"iframe"
 	]
 };
-var browser_content_default = browserContent;
+var Browser_content_default = browserContent;
 
 //#endregion
-export { browserContent, browser_content_default as default };
-//# sourceMappingURL=browser.content.mjs.map
+export { browserContent, Browser_content_default as default };
+//# sourceMappingURL=Browser.content.mjs.map

package/dist/esm/components/Browser/{browser.content.mjs.map → Browser.content.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"browser.content.mjs","names":[],"sources":["../../../../src/components/Browser/browser.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const browserContent = {\n  key: 'browser',\n  content: {\n    ariaLabel: t({\n      en: 'Embedded browser',\n      'en-GB': 'Embedded browser',\n      fr: 'Navigateur intégré',\n      es: 'Navegador integrado',\n      de: 'Eingebetteter Browser',\n      ja: '埋め込みブラウザ',\n      ko: '임베디드 브라우저',\n      zh: '嵌入式浏览器',\n      it: 'Browser incorporato',\n      pt: 'Navegador incorporado',\n      hi: 'एम्बेडेड ब्राउज़र',\n      ar: 'متصفح مدمج',\n      ru: 'Встроенный браузер',\n      tr: 'Gömülü tarayıcı',\n      pl: 'Osadzona przeglądarka',\n      id: 'Peramban tertanam',\n      vi: 'Trình duyệt nhúng',\n      uk: 'Вбудований браузер',\n    }),\n    urlLabel: t({\n      en: 'URL address bar',\n      'en-GB': 'URL address bar',\n      fr: \"Barre d'adresse URL\",\n      es: 'Barra de direcciones URL',\n      de: 'URL-Adressleiste',\n      ja: 'URLアドレスバー',\n      ko: 'URL 주소 표시줄',\n      zh: 'URL地址栏',\n      it: 'Barra degli indirizzi URL',\n      pt: 'Barra de endereços URL',\n      hi: 'URL पता बार',\n      ar: 'شريط عنوان URL',\n      ru: 'Адресная строка URL',\n      tr: 'URL adres çubuğu',\n      pl: 'Pasek adresu URL',\n      id: 'Bilah alamat URL',\n      vi: 'Thanh địa chỉ URL',\n      uk: 'Рядок адреси URL',\n    }),\n    urlPlaceholder: 'https://example.com',\n    errorMessage: t({\n      en: 'Invalid URL. Try a path like \"/page\" or a full URL.',\n      'en-GB': 'Invalid URL. Try a path like \"/page\" or a full URL.',\n      fr: 'URL invalide. Essayez un chemin comme \"/page\" ou une URL complète.',\n      es: 'URL no válida. Intente una ruta como \"/page\" o una URL completa.',\n      de: 'Ungültige URL. Versuchen Sie einen Pfad wie \"/page\" oder eine vollständige URL.',\n      ja: '無効なURL。\"/page\"のようなパスまたは完全なURLを試してください。',\n      ko: '잘못된 URL입니다. \"/page\"와 같은 경로 또는 전체 URL을 시도하십시오.',\n      zh: '无效的URL。尝试像\"/page\"这样的路径或完整的URL。',\n      it: 'URL non valido. Prova un percorso come \"/page\" o un URL completo.',\n      pt: 'URL inválido. Tente um caminho como \"/page\" ou uma URL completa.',\n      hi: 'अमान्य URL। \"/page\" जैसा पथ या पूर्ण URL प्रयास करें।',\n      ar: 'رابط غير صالح. جرب مسارًا مثل \"/page\" أو رابطًا كاملاً.',\n      ru: 'Неверный URL. Попробуйте путь вроде \"/page\" или полный URL.',\n      tr: 'Geçersiz URL. \"/page\" gibi bir yol veya tam URL deneyin.',\n      pl: 'Nieprawidłowy adres URL. Wypróbuj ścieżkę jak \"/page\" lub pełny URL.',\n      id: 'URL tidak valid. Coba jalur seperti \"/page\" atau URL lengkap.',\n      vi: 'URL không hợp lệ. Thử đường dẫn như \"/page\" hoặc URL đầy đủ.',\n      uk: 'Недійсний URL. Спробуйте шлях на кшталт \"/page\" або повну URL-адресу.',\n    }),\n    domainRestrictionError: t({\n      en: 'URL must match the application domain.',\n      'en-GB': 'URL must match the application domain.',\n      fr: \"L'URL doit correspondre au domaine de l'application.\",\n      es: 'La URL debe coincidir con el dominio de la aplicación.',\n      de: 'Die URL muss mit der Anwendungsdomäne übereinstimmen.',\n      ja: 'URLはアプリケーションドメインと一致する必要があります。',\n      ko: 'URL은 애플리케이션 도메인과 일치해야 합니다.',\n      zh: 'URL必须与应用程序域名匹配。',\n      it: \"L'URL deve corrispondere al dominio dell'applicazione.\",\n      pt: 'A URL deve corresponder ao domínio da aplicação.',\n      hi: 'URL एप्लिकेशन डोमेन से मेल खाना चाहिए।',\n      ar: 'يجب أن يتطابق الرابط مع نطاق التطبيق.',\n      ru: 'URL должен соответствовать домену приложения.',\n      tr: 'URL, uygulama etki alanıyla eşleşmelidir.',\n      pl: 'Adres URL musi pasować do domeny aplikacji.',\n      id: 'URL harus cocok dengan domain aplikasi.',\n      vi: 'URL phải khớp với tên miền ứng dụng.',\n      uk: 'URL має відповідати домену застосунку.',\n    }),\n    backButtonLabel: t({\n      en: 'Go back',\n      'en-GB': 'Go back',\n      fr: 'Retour',\n      es: 'Atrás',\n      de: 'Zurück',\n      ja: '戻る',\n      ko: '뒤로 가기',\n      zh: '后退',\n      it: 'Indietro',\n      pt: 'Voltar',\n      hi: 'वापस जाएं',\n      ar: 'رجوع',\n      ru: 'Назад',\n      tr: 'Geri',\n      pl: 'Wstecz',\n      id: 'Kembali',\n      vi: 'Quay lại',\n      uk: 'Назад',\n    }),\n    forwardButtonLabel: t({\n      en: 'Go forward',\n      'en-GB': 'Go forward',\n      fr: 'Avancer',\n      es: 'Adelante',\n      de: 'Vorwärts',\n      ja: '進む',\n      ko: '앞으로 가기',\n      zh: '前进',\n      it: 'Avanti',\n      pt: 'Avançar',\n      hi: 'आगे जाएं',\n      ar: 'إلى الأمام',\n      ru: 'Вперёд',\n      tr: 'İleri',\n      pl: 'Naprzód',\n      id: 'Maju',\n      vi: 'Tiến tới',\n      uk: 'Вперед',\n    }),\n    reloadButtonTitle: t({\n      en: 'Reload page',\n      'en-GB': 'Reload page',\n      fr: 'Recharger la page',\n      es: 'Recargar página',\n      de: 'Seite neu laden',\n      ja: 'ページを再読み込み',\n      ko: '페이지 새로고침',\n      zh: '重新加载页面',\n      it: 'Ricarica pagina',\n      pt: 'Recarregar página',\n      hi: 'पृष्ठ को फिर से लोड करें',\n      ar: 'إعادة تحميل الصفحة',\n      ru: 'Перезагрузить страницу',\n      tr: 'Sayfayı yenile',\n      pl: 'Przeładuj stronę',\n      id: 'Muat ulang halaman',\n      vi: 'Tải lại trang',\n      uk: 'Оновити сторінку',\n    }),\n    iframeTitle: t({\n      en: 'Embedded web page',\n      'en-GB': 'Embedded web page',\n      fr: 'Page web intégrée',\n      es: 'Página web integrada',\n      de: 'Eingebettete Webseite',\n      ja: '埋め込みウェブページ',\n      ko: '임베디드 웹페이지',\n      zh: '嵌入式网页',\n      it: 'Pagina web incorporata',\n      pt: 'Página web incorporada',\n      hi: 'एम्बेडेड वेब पेज',\n      ar: 'صفحة ويب مدمجة',\n      ru: 'Встроенная веб-страница',\n      tr: 'Gömülü web sayfası',\n      pl: 'Osadzona strona internetowa',\n      id: 'Halaman web tertanam',\n      vi: 'Trang web được nhúng',\n      uk: 'Вбудована веб-сторінка',\n    }),\n  },\n  title: 'Embedded browser component',\n  description:\n    'Content declaration for the embedded browser UI component, including ARIA labels, URL placeholder, and error messages for displaying web pages within an iframe.',\n  tags: ['UI component', 'embedded browser', 'iframe'],\n} satisfies Dictionary;\n\nexport default browserContent;\n"],"mappings":";;;AAEA,MAAa,iBAAiB;CAC5B,KAAK;CACL,SAAS;EACP,WAAW,EAAE;GACX,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,UAAU,EAAE;GACV,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,gBAAgB;EAChB,cAAc,EAAE;GACd,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,wBAAwB,EAAE;GACxB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,iBAAiB,EAAE;GACjB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,oBAAoB,EAAE;GACpB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,mBAAmB,EAAE;GACnB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,aAAa,EAAE;GACb,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACH;CACD,OAAO;CACP,aACE;CACF,MAAM;EAAC;EAAgB;EAAoB;EAAS;CACrD;AAED,8BAAe"}
+{"version":3,"file":"Browser.content.mjs","names":[],"sources":["../../../../src/components/Browser/Browser.content.ts"],"sourcesContent":["import { type Dictionary, t } from 'intlayer';\n\nexport const browserContent = {\n  key: 'browser',\n  content: {\n    ariaLabel: t({\n      en: 'Embedded browser',\n      'en-GB': 'Embedded browser',\n      fr: 'Navigateur intégré',\n      es: 'Navegador integrado',\n      de: 'Eingebetteter Browser',\n      ja: '埋め込みブラウザ',\n      ko: '임베디드 브라우저',\n      zh: '嵌入式浏览器',\n      it: 'Browser incorporato',\n      pt: 'Navegador incorporado',\n      hi: 'एम्बेडेड ब्राउज़र',\n      ar: 'متصفح مدمج',\n      ru: 'Встроенный браузер',\n      tr: 'Gömülü tarayıcı',\n      pl: 'Osadzona przeglądarka',\n      id: 'Peramban tertanam',\n      vi: 'Trình duyệt nhúng',\n      uk: 'Вбудований браузер',\n    }),\n    urlLabel: t({\n      en: 'URL address bar',\n      'en-GB': 'URL address bar',\n      fr: \"Barre d'adresse URL\",\n      es: 'Barra de direcciones URL',\n      de: 'URL-Adressleiste',\n      ja: 'URLアドレスバー',\n      ko: 'URL 주소 표시줄',\n      zh: 'URL地址栏',\n      it: 'Barra degli indirizzi URL',\n      pt: 'Barra de endereços URL',\n      hi: 'URL पता बार',\n      ar: 'شريط عنوان URL',\n      ru: 'Адресная строка URL',\n      tr: 'URL adres çubuğu',\n      pl: 'Pasek adresu URL',\n      id: 'Bilah alamat URL',\n      vi: 'Thanh địa chỉ URL',\n      uk: 'Рядок адреси URL',\n    }),\n    urlPlaceholder: 'https://example.com',\n    errorMessage: t({\n      en: 'Invalid URL. Try a path like \"/page\" or a full URL.',\n      'en-GB': 'Invalid URL. Try a path like \"/page\" or a full URL.',\n      fr: 'URL invalide. Essayez un chemin comme \"/page\" ou une URL complète.',\n      es: 'URL no válida. Intente una ruta como \"/page\" o una URL completa.',\n      de: 'Ungültige URL. Versuchen Sie einen Pfad wie \"/page\" oder eine vollständige URL.',\n      ja: '無効なURL。\"/page\"のようなパスまたは完全なURLを試してください。',\n      ko: '잘못된 URL입니다. \"/page\"와 같은 경로 또는 전체 URL을 시도하십시오.',\n      zh: '无效的URL。尝试像\"/page\"这样的路径或完整的URL。',\n      it: 'URL non valido. Prova un percorso come \"/page\" o un URL completo.',\n      pt: 'URL inválido. Tente um caminho como \"/page\" ou uma URL completa.',\n      hi: 'अमान्य URL। \"/page\" जैसा पथ या पूर्ण URL प्रयास करें।',\n      ar: 'رابط غير صالح. جرب مسارًا مثل \"/page\" أو رابطًا كاملاً.',\n      ru: 'Неверный URL. Попробуйте путь вроде \"/page\" или полный URL.',\n      tr: 'Geçersiz URL. \"/page\" gibi bir yol veya tam URL deneyin.',\n      pl: 'Nieprawidłowy adres URL. Wypróbuj ścieżkę jak \"/page\" lub pełny URL.',\n      id: 'URL tidak valid. Coba jalur seperti \"/page\" atau URL lengkap.',\n      vi: 'URL không hợp lệ. Thử đường dẫn như \"/page\" hoặc URL đầy đủ.',\n      uk: 'Недійсний URL. Спробуйте шлях на кшталт \"/page\" або повну URL-адресу.',\n    }),\n    domainRestrictionError: t({\n      en: 'URL must match the application domain.',\n      'en-GB': 'URL must match the application domain.',\n      fr: \"L'URL doit correspondre au domaine de l'application.\",\n      es: 'La URL debe coincidir con el dominio de la aplicación.',\n      de: 'Die URL muss mit der Anwendungsdomäne übereinstimmen.',\n      ja: 'URLはアプリケーションドメインと一致する必要があります。',\n      ko: 'URL은 애플리케이션 도메인과 일치해야 합니다.',\n      zh: 'URL必须与应用程序域名匹配。',\n      it: \"L'URL deve corrispondere al dominio dell'applicazione.\",\n      pt: 'A URL deve corresponder ao domínio da aplicação.',\n      hi: 'URL एप्लिकेशन डोमेन से मेल खाना चाहिए।',\n      ar: 'يجب أن يتطابق الرابط مع نطاق التطبيق.',\n      ru: 'URL должен соответствовать домену приложения.',\n      tr: 'URL, uygulama etki alanıyla eşleşmelidir.',\n      pl: 'Adres URL musi pasować do domeny aplikacji.',\n      id: 'URL harus cocok dengan domain aplikasi.',\n      vi: 'URL phải khớp với tên miền ứng dụng.',\n      uk: 'URL має відповідати домену застосунку.',\n    }),\n    backButtonLabel: t({\n      en: 'Go back',\n      'en-GB': 'Go back',\n      fr: 'Retour',\n      es: 'Atrás',\n      de: 'Zurück',\n      ja: '戻る',\n      ko: '뒤로 가기',\n      zh: '后退',\n      it: 'Indietro',\n      pt: 'Voltar',\n      hi: 'वापस जाएं',\n      ar: 'رجوع',\n      ru: 'Назад',\n      tr: 'Geri',\n      pl: 'Wstecz',\n      id: 'Kembali',\n      vi: 'Quay lại',\n      uk: 'Назад',\n    }),\n    forwardButtonLabel: t({\n      en: 'Go forward',\n      'en-GB': 'Go forward',\n      fr: 'Avancer',\n      es: 'Adelante',\n      de: 'Vorwärts',\n      ja: '進む',\n      ko: '앞으로 가기',\n      zh: '前进',\n      it: 'Avanti',\n      pt: 'Avançar',\n      hi: 'आगे जाएं',\n      ar: 'إلى الأمام',\n      ru: 'Вперёд',\n      tr: 'İleri',\n      pl: 'Naprzód',\n      id: 'Maju',\n      vi: 'Tiến tới',\n      uk: 'Вперед',\n    }),\n    reloadButtonTitle: t({\n      en: 'Reload page',\n      'en-GB': 'Reload page',\n      fr: 'Recharger la page',\n      es: 'Recargar página',\n      de: 'Seite neu laden',\n      ja: 'ページを再読み込み',\n      ko: '페이지 새로고침',\n      zh: '重新加载页面',\n      it: 'Ricarica pagina',\n      pt: 'Recarregar página',\n      hi: 'पृष्ठ को फिर से लोड करें',\n      ar: 'إعادة تحميل الصفحة',\n      ru: 'Перезагрузить страницу',\n      tr: 'Sayfayı yenile',\n      pl: 'Przeładuj stronę',\n      id: 'Muat ulang halaman',\n      vi: 'Tải lại trang',\n      uk: 'Оновити сторінку',\n    }),\n    iframeTitle: t({\n      en: 'Embedded web page',\n      'en-GB': 'Embedded web page',\n      fr: 'Page web intégrée',\n      es: 'Página web integrada',\n      de: 'Eingebettete Webseite',\n      ja: '埋め込みウェブページ',\n      ko: '임베디드 웹페이지',\n      zh: '嵌入式网页',\n      it: 'Pagina web incorporata',\n      pt: 'Página web incorporada',\n      hi: 'एम्बेडेड वेब पेज',\n      ar: 'صفحة ويب مدمجة',\n      ru: 'Встроенная веб-страница',\n      tr: 'Gömülü web sayfası',\n      pl: 'Osadzona strona internetowa',\n      id: 'Halaman web tertanam',\n      vi: 'Trang web được nhúng',\n      uk: 'Вбудована веб-сторінка',\n    }),\n  },\n  title: 'Embedded browser component',\n  description:\n    'Content declaration for the embedded browser UI component, including ARIA labels, URL placeholder, and error messages for displaying web pages within an iframe.',\n  tags: ['UI component', 'embedded browser', 'iframe'],\n} satisfies Dictionary;\n\nexport default browserContent;\n"],"mappings":";;;AAEA,MAAa,iBAAiB;CAC5B,KAAK;CACL,SAAS;EACP,WAAW,EAAE;GACX,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,UAAU,EAAE;GACV,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,gBAAgB;EAChB,cAAc,EAAE;GACd,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,wBAAwB,EAAE;GACxB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,iBAAiB,EAAE;GACjB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,oBAAoB,EAAE;GACpB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,mBAAmB,EAAE;GACnB,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACF,aAAa,EAAE;GACb,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL,CAAC;EACH;CACD,OAAO;CACP,aACE;CACF,MAAM;EAAC;EAAgB;EAAoB;EAAS;CACrD;AAED,8BAAe"}

package/dist/esm/components/Container/index.mjs

@@ -22,6 +22,7 @@ const containerVariants = cva("flex flex-col text-text backdrop-blur", {
 		},
 		transparency: {
 			none: "bg-card",
+			xs: "bg-card/95",
 			sm: "bg-card/90",
 			md: "bg-card/70",
 			lg: "bg-card/40",
@@ -130,6 +131,7 @@ let ContainerBorderColor = /* @__PURE__ */ function(ContainerBorderColor$1) {
 	ContainerBorderColor$1["PRIMARY"] = "primary";
 	ContainerBorderColor$1["SECONDARY"] = "secondary";
 	ContainerBorderColor$1["NEUTRAL"] = "neutral";
+	ContainerBorderColor$1["CARD"] = "card";
 	ContainerBorderColor$1["TEXT"] = "text";
 	ContainerBorderColor$1["ERROR"] = "error";
 	ContainerBorderColor$1["WARNING"] = "warning";

package/dist/esm/components/Container/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Container/index.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type {\n  DetailedHTMLProps,\n  FC,\n  HTMLAttributes,\n  PropsWithChildren,\n} from 'react';\n\n/**\n * Container component variants using class-variance-authority\n * Provides flexible styling options for background, padding, borders, and layout\n */\nexport const containerVariants = cva('flex flex-col text-text backdrop-blur', {\n  variants: {\n    roundedSize: {\n      none: 'rounded-none',\n      sm: 'rounded-sm [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-md',\n      md: 'rounded-md [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-lg',\n      lg: 'rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl',\n      xl: 'rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl',\n      '2xl':\n        'rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl',\n      '3xl':\n        'rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl',\n      '4xl':\n        'rounded-4xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[2.5rem]',\n      full: 'rounded-full [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-full',\n    },\n    transparency: {\n      none: 'bg-card',\n      sm: 'bg-card/90',\n      md: 'bg-card/70',\n      lg: 'bg-card/40',\n      xl: 'bg-card/20',\n      full: '',\n    },\n    padding: {\n      none: 'p-0',\n      sm: 'px-3 py-2',\n      md: 'px-4 py-3',\n      lg: 'px-6 py-4',\n      xl: 'px-8 py-6',\n      '2xl': 'px-10 py-8',\n    },\n    separator: {\n      without: '',\n      x: 'divide-x divide-dashed divide-text/20',\n      y: 'divide-y divide-dashed divide-text/20',\n      both: 'divide-x divide-y divide-dashed divide-text/20',\n    },\n    border: {\n      none: '',\n      with: 'border-[1.3px]',\n    },\n    borderColor: {\n      primary: 'border-primary',\n      secondary: 'border-secondary',\n      neutral: 'border-neutral',\n      card: 'border-card',\n      text: 'border-text',\n      error: 'border-error',\n      warning: 'border-warning',\n      success: 'border-success',\n    },\n    background: {\n      none: '',\n      hoverable:\n        'bg-opacity-5! backdrop-blur-0 hover:bg-opacity-10! hover:backdrop-blur focus:bg-opacity-10! focus:backdrop-blur aria-selected:bg-opacity-15! aria-selected:backdrop-blur',\n      with: '',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-1',\n      md: 'gap-3',\n      lg: 'gap-5',\n      xl: 'gap-8',\n      '2xl': 'gap-10',\n    },\n  },\n  defaultVariants: {\n    roundedSize: 'lg',\n    border: 'none',\n    borderColor: 'text',\n    transparency: 'md',\n    padding: 'none',\n    separator: 'without',\n    gap: 'none',\n  },\n  compoundVariants: [\n    {\n      background: 'none',\n      class: 'bg-transparent',\n    },\n  ],\n});\n\n/** Available rounded corner sizes for the container */\nexport enum ContainerRoundedSize {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  '2xl' = '2xl',\n  '3xl' = '3xl',\n  '4xl' = '4xl',\n  '5xl' = '5xl',\n  FULL = 'full',\n}\n\n/** Background transparency levels for the container */\nexport enum ContainerTransparency {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  FULL = 'full',\n}\n\n/** Padding sizes for container content */\nexport enum ContainerPadding {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n}\n\n/** Separator options for dividing container children */\nexport enum ContainerSeparator {\n  WITHOUT = 'without',\n  X = 'x',\n  Y = 'y',\n  BOTH = 'both',\n}\n\n/** Border color options for the container */\nexport enum ContainerBorderColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  NEUTRAL = 'neutral',\n  TEXT = 'text',\n  ERROR = 'error',\n  WARNING = 'warning',\n  SUCCESS = 'success',\n}\n\n/** Background interaction states for the container */\nexport enum ContainerBackground {\n  NONE = 'none',\n  HOVERABLE = 'hoverable',\n  WITH = 'with',\n}\n\n/** Gap sizes between container children */\nexport enum ContainerGap {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  '2xl' = '2xl',\n}\n\n/** Container component props extending HTML div attributes */\nexport type ContainerProps = PropsWithChildren<\n  Omit<VariantProps<typeof containerVariants>, 'border'>\n> &\n  DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {\n    /** Whether to show a border around the container */\n    border?: boolean;\n  };\n\n/**\n * Container Component\n *\n * A flexible container component for organizing content with customizable styling options.\n * Supports various visual states, layouts, and accessibility features.\n *\n * ## Features\n * - **Flexible Layout**: Supports different padding, gap, and separator options\n * - **Visual Variants**: Multiple background transparency levels and border styles\n * - **Responsive Design**: Configurable rounded corners and spacing\n * - **Semantic HTML**: Proper div element with extensible attributes\n *\n * ## Accessibility\n * - Inherits all standard div accessibility features\n * - Supports ARIA attributes through spread props\n * - Maintains proper semantic structure for screen readers\n *\n * @param children - The content to display inside the container\n * @param roundedSize - Border radius size (default: 'md')\n * @param transparency - Background transparency level (default: 'md')\n * @param padding - Internal padding size (default: 'none')\n * @param separator - Divider lines between children (default: 'without')\n * @param border - Whether to show border (default: false)\n * @param borderColor - Color of the border (default: 'text')\n * @param background - Background interaction behavior (default: 'none')\n * @param gap - Space between child elements (default: 'none')\n * @param className - Additional CSS classes\n * @param props - Additional HTML div attributes including ARIA attributes\n */\nexport const Container: FC<ContainerProps> = ({\n  children,\n  roundedSize,\n  padding,\n  transparency,\n  separator,\n  className,\n  border,\n  borderColor,\n  background,\n  gap,\n  ...props\n}) => (\n  <div\n    className={cn(\n      containerVariants({\n        roundedSize,\n        transparency,\n        padding,\n        separator,\n        border:\n          typeof border === 'boolean' ? (border ? 'with' : 'none') : undefined,\n        background,\n        borderColor,\n        gap,\n      }),\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;AAaA,MAAa,oBAAoB,IAAI,yCAAyC;CAC5E,UAAU;EACR,aAAa;GACX,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OACE;GACF,OACE;GACF,OACE;GACF,MAAM;GACP;EACD,cAAc;GACZ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,WAAW;GACT,SAAS;GACT,GAAG;GACH,GAAG;GACH,MAAM;GACP;EACD,QAAQ;GACN,MAAM;GACN,MAAM;GACP;EACD,aAAa;GACX,SAAS;GACT,WAAW;GACX,SAAS;GACT,MAAM;GACN,MAAM;GACN,OAAO;GACP,SAAS;GACT,SAAS;GACV;EACD,YAAY;GACV,MAAM;GACN,WACE;GACF,MAAM;GACP;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACF;CACD,iBAAiB;EACf,aAAa;EACb,QAAQ;EACR,aAAa;EACb,cAAc;EACd,SAAS;EACT,WAAW;EACX,KAAK;EACN;CACD,kBAAkB,CAChB;EACE,YAAY;EACZ,OAAO;EACR,CACF;CACF,CAAC;;AAGF,IAAY,wEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,0EAAL;AACL;AACA;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,oEAAL;AACL;AACA;AACA;AACA;;;;AAIF,IAAY,wEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,sEAAL;AACL;AACA;AACA;;;;AAIF,IAAY,wDAAL;AACL;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCF,MAAa,aAAiC,EAC5C,UACA,aACA,SACA,cACA,WACA,WACA,QACA,aACA,YACA,KACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,kBAAkB;EAChB;EACA;EACA;EACA;EACA,QACE,OAAO,WAAW,YAAa,SAAS,SAAS,SAAU;EAC7D;EACA;EACA;EACD,CAAC,EACF,UACD;CACD,GAAI;CAEH;EACG"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/Container/index.tsx"],"sourcesContent":["import { cn } from '@utils/cn';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport type {\n  DetailedHTMLProps,\n  FC,\n  HTMLAttributes,\n  PropsWithChildren,\n} from 'react';\n\n/**\n * Container component variants using class-variance-authority\n * Provides flexible styling options for background, padding, borders, and layout\n */\nexport const containerVariants = cva('flex flex-col text-text backdrop-blur', {\n  variants: {\n    roundedSize: {\n      none: 'rounded-none',\n      sm: 'rounded-sm [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-md',\n      md: 'rounded-md [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-lg',\n      lg: 'rounded-lg [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-xl',\n      xl: 'rounded-xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-2xl',\n      '2xl':\n        'rounded-2xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-3xl',\n      '3xl':\n        'rounded-3xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-4xl',\n      '4xl':\n        'rounded-4xl [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-[2.5rem]',\n      full: 'rounded-full [corner-shape:squircle] supports-[corner-shape:squircle]:rounded-full',\n    },\n    transparency: {\n      none: 'bg-card',\n      xs: 'bg-card/95',\n      sm: 'bg-card/90',\n      md: 'bg-card/70',\n      lg: 'bg-card/40',\n      xl: 'bg-card/20',\n      full: '',\n    },\n    padding: {\n      none: 'p-0',\n      sm: 'px-3 py-2',\n      md: 'px-4 py-3',\n      lg: 'px-6 py-4',\n      xl: 'px-8 py-6',\n      '2xl': 'px-10 py-8',\n    },\n    separator: {\n      without: '',\n      x: 'divide-x divide-dashed divide-text/20',\n      y: 'divide-y divide-dashed divide-text/20',\n      both: 'divide-x divide-y divide-dashed divide-text/20',\n    },\n    border: {\n      none: '',\n      with: 'border-[1.3px]',\n    },\n    borderColor: {\n      primary: 'border-primary',\n      secondary: 'border-secondary',\n      neutral: 'border-neutral',\n      card: 'border-card',\n      text: 'border-text',\n      error: 'border-error',\n      warning: 'border-warning',\n      success: 'border-success',\n    },\n    background: {\n      none: '',\n      hoverable:\n        'bg-opacity-5! backdrop-blur-0 hover:bg-opacity-10! hover:backdrop-blur focus:bg-opacity-10! focus:backdrop-blur aria-selected:bg-opacity-15! aria-selected:backdrop-blur',\n      with: '',\n    },\n    gap: {\n      none: 'gap-0',\n      sm: 'gap-1',\n      md: 'gap-3',\n      lg: 'gap-5',\n      xl: 'gap-8',\n      '2xl': 'gap-10',\n    },\n  },\n  defaultVariants: {\n    roundedSize: 'lg',\n    border: 'none',\n    borderColor: 'text',\n    transparency: 'md',\n    padding: 'none',\n    separator: 'without',\n    gap: 'none',\n  },\n  compoundVariants: [\n    {\n      background: 'none',\n      class: 'bg-transparent',\n    },\n  ],\n});\n\n/** Available rounded corner sizes for the container */\nexport enum ContainerRoundedSize {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  '2xl' = '2xl',\n  '3xl' = '3xl',\n  '4xl' = '4xl',\n  '5xl' = '5xl',\n  FULL = 'full',\n}\n\n/** Background transparency levels for the container */\nexport enum ContainerTransparency {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  FULL = 'full',\n}\n\n/** Padding sizes for container content */\nexport enum ContainerPadding {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n}\n\n/** Separator options for dividing container children */\nexport enum ContainerSeparator {\n  WITHOUT = 'without',\n  X = 'x',\n  Y = 'y',\n  BOTH = 'both',\n}\n\n/** Border color options for the container */\nexport enum ContainerBorderColor {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  NEUTRAL = 'neutral',\n  CARD = 'card',\n  TEXT = 'text',\n  ERROR = 'error',\n  WARNING = 'warning',\n  SUCCESS = 'success',\n}\n\n/** Background interaction states for the container */\nexport enum ContainerBackground {\n  NONE = 'none',\n  HOVERABLE = 'hoverable',\n  WITH = 'with',\n}\n\n/** Gap sizes between container children */\nexport enum ContainerGap {\n  NONE = 'none',\n  SM = 'sm',\n  MD = 'md',\n  LG = 'lg',\n  XL = 'xl',\n  '2xl' = '2xl',\n}\n\n/** Container component props extending HTML div attributes */\nexport type ContainerProps = PropsWithChildren<\n  Omit<VariantProps<typeof containerVariants>, 'border'>\n> &\n  DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {\n    /** Whether to show a border around the container */\n    border?: boolean;\n  };\n\n/**\n * Container Component\n *\n * A flexible container component for organizing content with customizable styling options.\n * Supports various visual states, layouts, and accessibility features.\n *\n * ## Features\n * - **Flexible Layout**: Supports different padding, gap, and separator options\n * - **Visual Variants**: Multiple background transparency levels and border styles\n * - **Responsive Design**: Configurable rounded corners and spacing\n * - **Semantic HTML**: Proper div element with extensible attributes\n *\n * ## Accessibility\n * - Inherits all standard div accessibility features\n * - Supports ARIA attributes through spread props\n * - Maintains proper semantic structure for screen readers\n *\n * @param children - The content to display inside the container\n * @param roundedSize - Border radius size (default: 'md')\n * @param transparency - Background transparency level (default: 'md')\n * @param padding - Internal padding size (default: 'none')\n * @param separator - Divider lines between children (default: 'without')\n * @param border - Whether to show border (default: false)\n * @param borderColor - Color of the border (default: 'text')\n * @param background - Background interaction behavior (default: 'none')\n * @param gap - Space between child elements (default: 'none')\n * @param className - Additional CSS classes\n * @param props - Additional HTML div attributes including ARIA attributes\n */\nexport const Container: FC<ContainerProps> = ({\n  children,\n  roundedSize,\n  padding,\n  transparency,\n  separator,\n  className,\n  border,\n  borderColor,\n  background,\n  gap,\n  ...props\n}) => (\n  <div\n    className={cn(\n      containerVariants({\n        roundedSize,\n        transparency,\n        padding,\n        separator,\n        border:\n          typeof border === 'boolean' ? (border ? 'with' : 'none') : undefined,\n        background,\n        borderColor,\n        gap,\n      }),\n      className\n    )}\n    {...props}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;;AAaA,MAAa,oBAAoB,IAAI,yCAAyC;CAC5E,UAAU;EACR,aAAa;GACX,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OACE;GACF,OACE;GACF,OACE;GACF,MAAM;GACP;EACD,cAAc;GACZ,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,MAAM;GACP;EACD,SAAS;GACP,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACD,WAAW;GACT,SAAS;GACT,GAAG;GACH,GAAG;GACH,MAAM;GACP;EACD,QAAQ;GACN,MAAM;GACN,MAAM;GACP;EACD,aAAa;GACX,SAAS;GACT,WAAW;GACX,SAAS;GACT,MAAM;GACN,MAAM;GACN,OAAO;GACP,SAAS;GACT,SAAS;GACV;EACD,YAAY;GACV,MAAM;GACN,WACE;GACF,MAAM;GACP;EACD,KAAK;GACH,MAAM;GACN,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,OAAO;GACR;EACF;CACD,iBAAiB;EACf,aAAa;EACb,QAAQ;EACR,aAAa;EACb,cAAc;EACd,SAAS;EACT,WAAW;EACX,KAAK;EACN;CACD,kBAAkB,CAChB;EACE,YAAY;EACZ,OAAO;EACR,CACF;CACF,CAAC;;AAGF,IAAY,wEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,0EAAL;AACL;AACA;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,gEAAL;AACL;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,oEAAL;AACL;AACA;AACA;AACA;;;;AAIF,IAAY,wEAAL;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIF,IAAY,sEAAL;AACL;AACA;AACA;;;;AAIF,IAAY,wDAAL;AACL;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCF,MAAa,aAAiC,EAC5C,UACA,aACA,SACA,cACA,WACA,WACA,QACA,aACA,YACA,KACA,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,kBAAkB;EAChB;EACA;EACA;EACA;EACA,QACE,OAAO,WAAW,YAAa,SAAS,SAAS,SAAU;EAC7D;EACA;EACA;EACD,CAAC,EACF,UACD;CACD,GAAI;CAEH;EACG"}

package/dist/esm/components/DictionaryFieldEditor/ContentEditor.mjs

@@ -42,7 +42,7 @@ const ContentEditor = ({ dictionary, isDarkMode }) => {
 			background: "none",
 			className: "top-30 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]",
 			roundedSize: "xl",
-			transparency: "sm",
+			transparency: "xs",
 			children: /* @__PURE__ */ jsx(NavigationViewNode, {
 				keyPath: [],
 				section,

package/dist/esm/components/DictionaryFieldEditor/ContentEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types';\nimport { type FC, useEffect } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { content, key, localId } = dictionary;\n  const { editedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(focusedSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-30 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"xl\"\n              transparency=\"sm\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={dictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (focusedKeyPath ?? []).length > 0) && (\n          <TextEditorContainer\n            keyPath={focusedKeyPath ?? []}\n            section={focusedSection}\n            dictionary={dictionary}\n            isDarkMode={isDarkMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,iBAAsC,EACjD,YACA,iBACI;CACJ,MAAM,EAAE,SAAS,KAAK,YAAY;CAClC,MAAM,EAAE,kBAAkB,kBAAkB;CAC5C,MAAM,EAAE,gBAAgB,6BACtB,4BAA4B;CAE9B,MAAM,iBAAiB,gBAAgB;CACvC,MAAM,UACJ,OAAO,gBAAgB,UAA+B,YACtD,cACI,UACA,gBAAgB,UAA+B;CAErD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,iBAAiB,wBACrB,SACA,kBAAkB,EAAE,EACpB,cACD;CACD,MAAM,wBAAwB,qBAAqB,QAAQ;CAC3D,MAAM,2BAA2B,qBAAqB,eAAe;AAErE,iBAAgB;AACd,MAAI,OAAO,mBAAmB,YAC5B,0BAAyB,gBAAgB,SAAS,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;IAEtE,EAAE,CAAC;AAEN,QACE,qBAAC,oBACC,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,eAAe;GACf,SAAS,kBAAkB,EAAE;GAC7B,gBAAgB;IAChB,EACF,oBAAC;GAAI,WAAU;aACb,oBAAC,0BAAwB;IACrB;GACF,EACN,qBAAC;EAAI,WAAU;aACZ,OAAO,YAAY,YAClB,WACA,CAAC,yBACD,OAAO,KAAK,QAAQ,CAAC,SAAS,KAC5B,oBAAC;GACC;GACA,YAAW;GACX,WAAU;GACV,aAAY;GACZ,cAAa;aAEb,oBAAC;IACC,SAAS,EAAE;IACF;IACG;KACZ;IACQ,GAEd,6BAA6B,kBAAkB,EAAE,EAAE,SAAS,MAC5D,oBAAC;GACC,SAAS,kBAAkB,EAAE;GAC7B,SAAS;GACG;GACA;IACZ;GAEA,IACF"}
+{"version":3,"file":"ContentEditor.mjs","names":[],"sources":["../../../../src/components/DictionaryFieldEditor/ContentEditor.tsx"],"sourcesContent":["'use client';\n\nimport { getContentNodeByKeyPath } from '@intlayer/core';\nimport {\n  useEditedContent,\n  useEditorLocale,\n  useFocusUnmergedDictionary,\n} from '@intlayer/editor-react';\nimport type { Dictionary, LocalDictionaryId } from '@intlayer/types';\nimport { type FC, useEffect } from 'react';\nimport { Container } from '../Container';\nimport { LocaleSwitcherContent } from '../LocaleSwitcherContentDropDown';\nimport { TextEditorContainer } from './ContentEditorView/TextEditor';\nimport { getIsEditableSection } from './getIsEditableSection';\nimport { KeyPathBreadcrumb } from './KeyPathBreadcrumb';\nimport { NavigationViewNode } from './NavigationView/NavigationViewNode';\n\ntype NodeEditorProps = {\n  dictionary: Dictionary;\n  isDarkMode?: boolean;\n};\n\nexport const ContentEditor: FC<NodeEditorProps> = ({\n  dictionary,\n  isDarkMode,\n}) => {\n  const { content, key, localId } = dictionary;\n  const { editedContent } = useEditedContent();\n  const { focusedContent, setFocusedContentKeyPath } =\n    useFocusUnmergedDictionary();\n\n  const focusedKeyPath = focusedContent?.keyPath;\n  const section =\n    typeof editedContent?.[localId as LocalDictionaryId]?.content ===\n    'undefined'\n      ? content\n      : editedContent?.[localId as LocalDictionaryId]?.content;\n\n  const currentLocale = useEditorLocale();\n  const focusedSection = getContentNodeByKeyPath(\n    section,\n    focusedKeyPath ?? [],\n    currentLocale\n  );\n  const isEditableBaseSection = getIsEditableSection(section);\n  const isEditableFocusedSection = getIsEditableSection(focusedSection);\n\n  useEffect(() => {\n    if (typeof focusedSection === 'undefined') {\n      setFocusedContentKeyPath(focusedContent?.keyPath?.slice(0, -1) ?? []);\n    }\n  }, []);\n\n  return (\n    <div>\n      <div className=\"mb-6 flex items-center justify-between gap-2\">\n        <KeyPathBreadcrumb\n          dictionaryKey={key}\n          keyPath={focusedKeyPath ?? []}\n          onClickKeyPath={setFocusedContentKeyPath}\n        />\n        <div className=\"flex items-center gap-2\">\n          <LocaleSwitcherContent />\n        </div>\n      </div>\n      <div className=\"flex flex-1 gap-2 overflow-visible max-md:flex-col\">\n        {typeof section === 'object' &&\n          section &&\n          !isEditableBaseSection &&\n          Object.keys(section).length > 0 && (\n            <Container\n              border\n              background=\"none\"\n              className=\"top-30 flex h-full flex-col items-start gap-0.5 overflow-auto p-2 md:sticky md:max-w-[50%]\"\n              roundedSize=\"xl\"\n              transparency=\"xs\"\n            >\n              <NavigationViewNode\n                keyPath={[]}\n                section={section}\n                dictionary={dictionary}\n              />\n            </Container>\n          )}\n        {(isEditableFocusedSection || (focusedKeyPath ?? []).length > 0) && (\n          <TextEditorContainer\n            keyPath={focusedKeyPath ?? []}\n            section={focusedSection}\n            dictionary={dictionary}\n            isDarkMode={isDarkMode}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAsBA,MAAa,iBAAsC,EACjD,YACA,iBACI;CACJ,MAAM,EAAE,SAAS,KAAK,YAAY;CAClC,MAAM,EAAE,kBAAkB,kBAAkB;CAC5C,MAAM,EAAE,gBAAgB,6BACtB,4BAA4B;CAE9B,MAAM,iBAAiB,gBAAgB;CACvC,MAAM,UACJ,OAAO,gBAAgB,UAA+B,YACtD,cACI,UACA,gBAAgB,UAA+B;CAErD,MAAM,gBAAgB,iBAAiB;CACvC,MAAM,iBAAiB,wBACrB,SACA,kBAAkB,EAAE,EACpB,cACD;CACD,MAAM,wBAAwB,qBAAqB,QAAQ;CAC3D,MAAM,2BAA2B,qBAAqB,eAAe;AAErE,iBAAgB;AACd,MAAI,OAAO,mBAAmB,YAC5B,0BAAyB,gBAAgB,SAAS,MAAM,GAAG,GAAG,IAAI,EAAE,CAAC;IAEtE,EAAE,CAAC;AAEN,QACE,qBAAC,oBACC,qBAAC;EAAI,WAAU;aACb,oBAAC;GACC,eAAe;GACf,SAAS,kBAAkB,EAAE;GAC7B,gBAAgB;IAChB,EACF,oBAAC;GAAI,WAAU;aACb,oBAAC,0BAAwB;IACrB;GACF,EACN,qBAAC;EAAI,WAAU;aACZ,OAAO,YAAY,YAClB,WACA,CAAC,yBACD,OAAO,KAAK,QAAQ,CAAC,SAAS,KAC5B,oBAAC;GACC;GACA,YAAW;GACX,WAAU;GACV,aAAY;GACZ,cAAa;aAEb,oBAAC;IACC,SAAS,EAAE;IACF;IACG;KACZ;IACQ,GAEd,6BAA6B,kBAAkB,EAAE,EAAE,SAAS,MAC5D,oBAAC;GACC,SAAS,kBAAkB,EAAE;GAC7B,SAAS;GACG;GACA;IACZ;GAEA,IACF"}

package/dist/esm/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.mjs

@@ -1,12 +1,12 @@
 'use client';
 
-import { Container } from "../../Container/index.mjs";
 import { Loader } from "../../Loader/index.mjs";
 import { ButtonColor, ButtonSize, ButtonVariant } from "../../Button/Button.mjs";
+import { Checkbox } from "../../Input/Checkbox.mjs";
 import { useSession } from "../../../hooks/useAuth/useSession.mjs";
 import { useAuditContentDeclarationMetadata, useGetProjects, useGetTags } from "../../../hooks/reactQuery.mjs";
 import { MultiSelect } from "../../Select/Multiselect.mjs";
-import { useForm } from "../../Form/FormBase.mjs";
+import { useForm as useForm$1 } from "../../Form/FormBase.mjs";
 import { Form } from "../../Form/Form.mjs";
 import { useDictionaryDetailsSchema } from "./useDictionaryDetailsSchema.mjs";
 import { WandSparkles } from "lucide-react";
@@ -14,24 +14,37 @@ import { useEffect } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useIntlayer } from "react-intlayer";
 import { useEditedContent } from "@intlayer/editor-react";
+import { AnimatePresence, motion } from "framer-motion";
+import { useWatch } from "react-hook-form";
 
 //#region src/components/DictionaryFieldEditor/DictionaryDetails/DictionaryDetailsForm.tsx
-const DictionaryDetailsForm = ({ dictionary }) => {
+const DictionaryDetailsForm = ({ dictionary, mode }) => {
 	const { session } = useSession();
 	const { project } = session ?? {};
-	const { data: projects, isLoading: isLoadingProjects } = useGetProjects();
-	const { data: tags } = useGetTags();
+	const { data: projectsData, isLoading: isLoadingProjects } = useGetProjects();
+	const { data: tagsData } = useGetTags();
+	const projects = projectsData?.data ?? [];
+	const allTags = tagsData?.data ?? [];
 	const DictionaryDetailsSchema = useDictionaryDetailsSchema(String(project?.id));
-	const { form, isSubmitting } = useForm(DictionaryDetailsSchema, { defaultValues: dictionary });
+	const { form, isSubmitting } = useForm$1(DictionaryDetailsSchema, { defaultValues: {
+		...dictionary,
+		location: dictionary.location ?? "remote"
+	} });
 	const { editedContent, setEditedDictionary } = useEditedContent();
-	const { titleInput, keyInput, descriptionInput, projectInput, tagsSelect, auditButton } = useIntlayer("dictionary-details");
+	const { titleInput, keyInput, descriptionInput, projectInput, tagsSelect, locationSelect, filePathInput, auditButton } = useIntlayer("dictionary-details");
 	const { mutate: auditContentDeclaration, isPending: isAuditing } = useAuditContentDeclarationMetadata();
 	const updatedDictionary = editedContent?.[dictionary.localId];
 	useEffect(() => {
-		form.reset(dictionary);
+		form.reset({
+			...dictionary,
+			location: dictionary.location ?? "remote"
+		});
 	}, [dictionary, form?.reset]);
 	useEffect(() => {
-		if (typeof updatedDictionary === "undefined") form.reset(dictionary);
+		if (typeof updatedDictionary === "undefined") form.reset({
+			...dictionary,
+			location: dictionary.location ?? "remote"
+		});
 	}, [updatedDictionary]);
 	const handleOnAuditFile = () => {
 		const dictionaryToAudit = {
@@ -56,136 +69,227 @@ const DictionaryDetailsForm = ({ dictionary }) => {
 			}
 		} });
 	};
-	return /* @__PURE__ */ jsx(Container, {
-		background: "none",
-		border: true,
-		roundedSize: "2xl",
-		className: "w-full px-5 pt-5 pb-3",
-		children: /* @__PURE__ */ jsxs(Form, {
-			className: "flex w-full flex-col gap-8",
-			...form,
-			schema: DictionaryDetailsSchema,
-			onChange: (data) => {
-				setEditedDictionary((prev) => ({
-					...prev,
-					...data
-				}));
-			},
-			children: [
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex w-full flex-1 gap-8 max-md:flex-col",
-					children: [/* @__PURE__ */ jsx(Form.EditableFieldInput, {
-						name: "key",
-						label: keyInput.label,
-						placeholder: keyInput.label.value,
-						description: keyInput.description,
-						disabled: isSubmitting,
-						isRequired: true,
-						onSave: (value) => {
-							form.setValue("key", value);
-							setEditedDictionary((prev) => ({
-								...dictionary,
-								...prev ?? {},
-								key: value
-							}));
-						}
-					}), /* @__PURE__ */ jsx(Form.EditableFieldInput, {
-						name: "title",
-						label: titleInput.label,
-						placeholder: titleInput.placeholder.value,
-						description: titleInput.description,
-						disabled: isSubmitting,
-						onSave: (value) => {
-							form.setValue("title", value);
-							setEditedDictionary((prev) => ({
-								...dictionary,
-								...prev ?? {},
-								title: value
-							}));
-						}
-					})]
-				}),
-				/* @__PURE__ */ jsx(Form.EditableFieldTextArea, {
-					name: "description",
-					label: descriptionInput.label,
-					placeholder: descriptionInput.placeholder.value,
-					description: descriptionInput.description,
+	const watchedLocation = useWatch({
+		control: form.control,
+		name: "location"
+	});
+	const isLocalChecked = watchedLocation === "local" || watchedLocation === "local&remote";
+	return /* @__PURE__ */ jsxs(Form, {
+		className: "flex w-full flex-col gap-8",
+		...form,
+		schema: DictionaryDetailsSchema,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-8 max-md:grid-cols-1",
+				children: [/* @__PURE__ */ jsx(Form.EditableFieldInput, {
+					name: "key",
+					label: keyInput.label,
+					placeholder: keyInput.label.value,
+					description: keyInput.description,
 					disabled: isSubmitting,
+					isRequired: true,
 					onSave: (value) => {
-						form.setValue("description", value);
+						form.setValue("key", value, { shouldDirty: true });
 						setEditedDictionary((prev) => ({
 							...dictionary,
 							...prev ?? {},
-							description: value
+							key: value
 						}));
 					}
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "flex size-full flex-1 gap-8 max-md:flex-col",
-					children: [/* @__PURE__ */ jsxs(Form.MultiSelect, {
-						name: "projectIds",
-						label: projectInput.label.value,
-						description: projectInput.description.value,
-						onValueChange: (value) => {
-							const valueArray = [value].flat();
-							form.setValue("projectIds", valueArray);
+				}), /* @__PURE__ */ jsx(Form.EditableFieldInput, {
+					name: "title",
+					label: titleInput.label,
+					placeholder: titleInput.placeholder.value,
+					description: titleInput.description,
+					disabled: isSubmitting,
+					onSave: (value) => {
+						form.setValue("title", value, { shouldDirty: true });
+						setEditedDictionary((prev) => ({
+							...dictionary,
+							...prev ?? {},
+							title: value
+						}));
+					}
+				})]
+			}),
+			/* @__PURE__ */ jsx(Form.EditableFieldTextArea, {
+				name: "description",
+				label: descriptionInput.label,
+				placeholder: descriptionInput.placeholder.value,
+				description: descriptionInput.description,
+				disabled: isSubmitting,
+				onSave: (value) => {
+					form.setValue("description", value, { shouldDirty: true });
+					setEditedDictionary((prev) => ({
+						...dictionary,
+						...prev ?? {},
+						description: value
+					}));
+				}
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-8 px-1 max-md:grid-cols-1",
+				children: [/* @__PURE__ */ jsx(Form.Field, {
+					control: form.control,
+					name: "location",
+					render: ({ field }) => {
+						const value = field.value;
+						const isLocal = value === "local" || value === "local&remote";
+						const isRemote = value === "remote" || value === "local&remote";
+						const handleLocalToggle = (isChecked) => {
+							if (!isChecked && !isRemote) return;
+							const newValue = isChecked ? isRemote ? "local&remote" : "local" : "remote";
+							field.onChange(newValue);
+							const newFilePath = isChecked ? form.getValues("filePath") ?? dictionary.filePath : void 0;
+							if (!isChecked) form.setValue("filePath", void 0);
 							setEditedDictionary((prev) => ({
 								...dictionary,
 								...prev ?? {},
-								projectIds: valueArray
+								location: newValue,
+								filePath: newFilePath
 							}));
-						},
-						children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
-							getBadgeValue: (value) => projects?.data?.find((project$1) => String(project$1.id) === value)?.name ?? value,
-							children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: projectInput.placeholder.value })
-						}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
-							isLoading: isLoadingProjects,
-							children: /* @__PURE__ */ jsx(MultiSelect.List, { children: projects?.data?.map((project$1) => /* @__PURE__ */ jsx(MultiSelect.Item, {
-								value: String(project$1.id),
-								children: project$1.name
-							}, String(project$1.id))) })
-						}) })]
-					}), /* @__PURE__ */ jsxs(Form.MultiSelect, {
-						name: "tags",
-						label: tagsSelect.label.value,
-						description: tagsSelect.description.value,
-						onValueChange: (value) => {
-							form.setValue("tags", [value].flat());
+						};
+						const handleRemoteToggle = (isChecked) => {
+							if (!isChecked && !isLocal) return;
+							const newValue = isChecked ? isLocal ? "local&remote" : "remote" : "local";
+							field.onChange(newValue);
 							setEditedDictionary((prev) => ({
 								...dictionary,
 								...prev ?? {},
-								tags: [value].flat()
+								location: newValue
 							}));
+						};
+						return /* @__PURE__ */ jsxs(Form.Item, {
+							className: "flex flex-col gap-2 px-1",
+							children: [
+								/* @__PURE__ */ jsx(Form.Label, {
+									className: "ml-1",
+									children: locationSelect.label
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "ml-2 flex items-center gap-4 py-2",
+									children: [/* @__PURE__ */ jsx(Checkbox, {
+										id: "location-local",
+										name: "location-local",
+										label: locationSelect.local.value,
+										checked: isLocal,
+										disabled: !mode.includes("local") && !mode.includes("remote"),
+										onChange: (e) => handleLocalToggle(e.target.checked)
+									}), /* @__PURE__ */ jsx(Checkbox, {
+										id: "location-remote",
+										name: "location-remote",
+										label: locationSelect.remote.value,
+										checked: isRemote,
+										disabled: !mode.includes("remote") && dictionary.location !== "remote" && dictionary.location !== "local&remote",
+										onChange: (e) => handleRemoteToggle(e.target.checked)
+									})]
+								}),
+								/* @__PURE__ */ jsx(Form.Description, { children: locationSelect.testDescription }),
+								/* @__PURE__ */ jsx(Form.Message, {})
+							]
+						});
+					}
+				}), /* @__PURE__ */ jsx(AnimatePresence, {
+					mode: "wait",
+					children: isLocalChecked && /* @__PURE__ */ jsx(motion.div, {
+						initial: {
+							opacity: 0,
+							height: 0
+						},
+						animate: {
+							opacity: 1,
+							height: "auto"
+						},
+						exit: {
+							opacity: 0,
+							height: 0
 						},
-						children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
-							getBadgeValue: (value) => projects?.data?.find((project$1) => String(project$1.id) === value)?.name ?? value,
-							children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: tagsSelect.placeholder.value })
-						}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
-							isLoading: isLoadingProjects,
-							children: /* @__PURE__ */ jsx(MultiSelect.List, { children: tags?.data?.map((tag) => /* @__PURE__ */ jsx(MultiSelect.Item, {
-								value: String(tag.key),
-								children: tag.name ?? tag.key
-							}, String(tag.key))) })
-						}) })]
-					})]
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "flex flex-wrap items-center justify-end gap-2 max-md:flex-col",
-					children: /* @__PURE__ */ jsx(Form.Button, {
-						type: "button",
-						size: ButtonSize.ICON_MD,
-						label: auditButton.label.value,
-						Icon: WandSparkles,
-						variant: ButtonVariant.OUTLINE,
-						color: ButtonColor.TEXT,
-						className: "max-md:w-full",
-						onClick: handleOnAuditFile,
-						disabled: isSubmitting || isAuditing,
-						isLoading: isAuditing
-					})
+						transition: { duration: .3 },
+						className: "overflow-hidden",
+						children: /* @__PURE__ */ jsx(Form.Input, {
+							name: "filePath",
+							label: filePathInput.label.value,
+							placeholder: filePathInput.placeholder.value,
+							description: filePathInput.description.value,
+							disabled: isSubmitting || !isLocalChecked,
+							onChange: (e) => {
+								const value = e.target.value;
+								setEditedDictionary((prev) => ({
+									...dictionary,
+									...prev ?? {},
+									filePath: value
+								}));
+							}
+						})
+					}, "filePath-input")
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "grid grid-cols-2 gap-8 max-md:grid-cols-1",
+				children: [/* @__PURE__ */ jsxs(Form.MultiSelect, {
+					name: "projectIds",
+					label: projectInput.label.value,
+					description: projectInput.description,
+					onValueChange: (value) => {
+						const valueArray = [value].flat();
+						form.setValue("projectIds", valueArray, { shouldDirty: true });
+						setEditedDictionary((prev) => ({
+							...dictionary,
+							...prev ?? {},
+							projectIds: valueArray
+						}));
+					},
+					children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
+						getBadgeValue: (value) => projects?.find((project$1) => String(project$1.id) === value)?.name ?? value,
+						children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: projectInput.placeholder.value })
+					}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
+						isLoading: isLoadingProjects,
+						children: /* @__PURE__ */ jsx(MultiSelect.List, { children: projects?.map((project$1) => /* @__PURE__ */ jsx(MultiSelect.Item, {
+							value: String(project$1.id),
+							children: project$1.name
+						}, String(project$1.id))) })
+					}) })]
+				}), /* @__PURE__ */ jsxs(Form.MultiSelect, {
+					name: "tags",
+					label: tagsSelect.label.value,
+					description: tagsSelect.description,
+					onValueChange: (value) => {
+						const valueArray = [value].flat();
+						form.setValue("tags", valueArray, { shouldDirty: true });
+						setEditedDictionary((prev) => ({
+							...dictionary,
+							...prev ?? {},
+							tags: valueArray
+						}));
+					},
+					children: [/* @__PURE__ */ jsx(MultiSelect.Trigger, {
+						getBadgeValue: (value) => allTags?.find((tag) => String(tag.key) === value)?.name ?? value,
+						children: /* @__PURE__ */ jsx(MultiSelect.Input, { placeholder: tagsSelect.placeholder.value })
+					}), /* @__PURE__ */ jsx(MultiSelect.Content, { children: /* @__PURE__ */ jsx(Loader, {
+						isLoading: isLoadingProjects,
+						children: /* @__PURE__ */ jsx(MultiSelect.List, { children: allTags?.map((tag) => /* @__PURE__ */ jsx(MultiSelect.Item, {
+							value: String(tag.key),
+							children: tag.name ?? tag.key
+						}, String(tag.key))) })
+					}) })]
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex flex-wrap items-center justify-end gap-2 max-md:flex-col",
+				children: /* @__PURE__ */ jsx(Form.Button, {
+					type: "button",
+					size: ButtonSize.ICON_MD,
+					label: auditButton.label.value,
+					Icon: WandSparkles,
+					variant: ButtonVariant.OUTLINE,
+					color: ButtonColor.TEXT,
+					className: "max-md:w-full",
+					onClick: handleOnAuditFile,
+					disabled: isSubmitting || isAuditing,
+					isLoading: isAuditing
 				})
-			]
-		})
+			})
+		]
 	});
 };