gt-sanity 2.0.14 → 2.0.16

package/dist/{index.mjs → index.cjs}

@@ -1,25 +1,14 @@
-import { documentInternationalization } from "@sanity/document-internationalization";
-import { DocumentInternationalizationMenu, documentInternationalization as documentInternationalization2, useDeleteTranslationAction, useDocumentInternationalizationContext, useDuplicateWithTranslationsAction } from "@sanity/document-internationalization";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { ThemeProvider, ToastProvider, Box, Flex, Spinner, Card, Text, useToast, Label, Grid, Button, Switch, Stack, Tooltip, Dialog, Container, Heading } from "@sanity/ui";
-import { buildTheme } from "@sanity/ui/theme";
-import o, { useState, useEffect, createContext, useRef, useCallback, useContext, useDebugValue, createElement, useMemo } from "react";
-import { useClient as useClient$1, useSchema, definePlugin } from "sanity";
-import { GT, getLocaleProperties } from "generaltranslation";
-import { libraryDefaultLocale } from "generaltranslation/internal";
-import { htmlToBlocks } from "@portabletext/block-tools";
-import { Schema } from "@sanity/schema";
-import { toHTML } from "@portabletext/to-html";
-import merge from "lodash.merge";
-import { JSONPath } from "jsonpath-plus";
-import JSONPointer from "jsonpointer";
-import { extractWithPath, arrayToJSONMatchPath } from "@sanity/mutator";
-import { CheckmarkCircleIcon, DownloadIcon, LinkIcon, PublishIcon, TranslateIcon } from "@sanity/icons";
-import { Link, route } from "sanity/router";
-const useClient = () => useClient$1({ apiVersion: "2025-09-15" });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var documentInternationalization = require("@sanity/document-internationalization"), jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), theme$1 = require("@sanity/ui/theme"), o = require("react"), sanity = require("sanity"), generaltranslation = require("generaltranslation"), internal = require("generaltranslation/internal"), blockTools = require("@portabletext/block-tools"), schema = require("@sanity/schema"), toHtml = require("@portabletext/to-html"), merge = require("lodash.merge"), jsonpathPlus = require("jsonpath-plus"), JSONPointer = require("jsonpointer"), mutator = require("@sanity/mutator"), icons = require("@sanity/icons"), router = require("sanity/router");
+function _interopDefaultCompat(e) {
+  return e && typeof e == "object" && "default" in e ? e : { default: e };
+}
+var o__default = /* @__PURE__ */ _interopDefaultCompat(o), merge__default = /* @__PURE__ */ _interopDefaultCompat(merge), JSONPointer__default = /* @__PURE__ */ _interopDefaultCompat(JSONPointer);
+const useClient = () => sanity.useClient({ apiVersion: "2025-09-15" });
 function useSecrets(id) {
-  const [loading, setLoading] = useState(!0), [secrets, setSecrets] = useState(null), client = useClient();
-  return useEffect(() => {
+  const [loading, setLoading] = o.useState(!0), [secrets, setSecrets] = o.useState(null), client = useClient();
+  return o.useEffect(() => {
     function fetchData() {
       client.fetch("* [_id == $id][0]", { id }).then((doc) => {
         const result = {};
@@ -31,7 +20,7 @@ function useSecrets(id) {
     fetchData();
   }, [id, client]), { loading, secrets };
 }
-const SECRETS_NAMESPACE = "generaltranslation.secrets", gt = new GT();
+const SECRETS_NAMESPACE = "generaltranslation.secrets", gt = new generaltranslation.GT();
 function overrideConfig(secrets) {
   gt.setConfig({
     ...secrets?.project && { projectId: secrets?.project },
@@ -54,14 +43,14 @@ class GTConfig {
   additionalDeserializers;
   additionalBlockDeserializers;
   static instance;
-  constructor(secretsNamespace, languageField, sourceLocale, locales, singletons, singletonMapping, ignoreFields, dedupeFields, skipFields, translateDocuments, additionalStopTypes = [], additionalSerializers = {}, additionalDeserializers = {}, additionalBlockDeserializers = []) {
+  constructor(secretsNamespace, languageField, sourceLocale, locales, singletons, singletonMapping, ignoreFields, dedupeFields, skipFields, translateDocuments, additionalStopTypes = [], additionalSerializers = {}, additionalDeserializers = { types: {} }, additionalBlockDeserializers = []) {
     this.secretsNamespace = secretsNamespace, this.languageField = languageField, this.sourceLocale = sourceLocale, this.locales = locales, this.singletons = singletons, this.singletonMapping = singletonMapping, this.ignoreFields = ignoreFields, this.dedupeFields = dedupeFields, this.skipFields = skipFields, this.translateDocuments = translateDocuments, this.additionalStopTypes = additionalStopTypes, this.additionalSerializers = additionalSerializers, this.additionalDeserializers = additionalDeserializers, this.additionalBlockDeserializers = additionalBlockDeserializers;
   }
   static getInstance() {
     return this.instance || (this.instance = new GTConfig(
       SECRETS_NAMESPACE,
       "language",
-      gt.sourceLocale || libraryDefaultLocale,
+      gt.sourceLocale || internal.libraryDefaultLocale,
       [],
       [],
       () => "",
@@ -70,12 +59,12 @@ class GTConfig {
       [],
       [],
       [],
-      {},
+      { types: {} },
       {},
       []
     )), this.instance;
   }
-  init(secretsNamespace, languageField, sourceLocale, locales, singletons, singletonMapping, ignoreFields, dedupeFields, skipFields, translateDocuments, additionalStopTypes = [], additionalSerializers = {}, additionalDeserializers = {}, additionalBlockDeserializers = []) {
+  init(secretsNamespace, languageField, sourceLocale, locales, singletons, singletonMapping, ignoreFields, dedupeFields, skipFields, translateDocuments, additionalStopTypes = [], additionalSerializers = {}, additionalDeserializers = { types: {} }, additionalBlockDeserializers = []) {
     this.secretsNamespace = secretsNamespace, this.languageField = languageField, this.sourceLocale = sourceLocale, this.locales = locales, this.singletons = singletons, this.singletonMapping = singletonMapping, this.ignoreFields = ignoreFields, this.dedupeFields = dedupeFields, this.skipFields = skipFields, this.translateDocuments = translateDocuments, this.additionalStopTypes = additionalStopTypes, this.additionalSerializers = additionalSerializers, this.additionalDeserializers = additionalDeserializers, this.additionalBlockDeserializers = additionalBlockDeserializers;
   }
   getSecretsNamespace() {
@@ -121,59 +110,68 @@ class GTConfig {
     return this.additionalBlockDeserializers;
   }
 }
-const pluginConfig = GTConfig.getInstance(), theme = buildTheme(), BaseTranslationWrapper = ({
+const pluginConfig = GTConfig.getInstance(), theme = theme$1.buildTheme(), BaseTranslationWrapper = ({
   children,
   secretsNamespace = pluginConfig.getSecretsNamespace(),
   padding = 4,
   showContainer = !0
 }) => {
-  const { loading: loadingSecrets, secrets } = useSecrets(secretsNamespace), content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    loadingSecrets && /* @__PURE__ */ jsx(Flex, { padding: 5, align: "center", justify: "center", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-    !loadingSecrets && !secrets && /* @__PURE__ */ jsx(Box, { padding, children: /* @__PURE__ */ jsx(Card, { tone: "caution", padding: [2, 3, 4, 4], shadow: 1, radius: 2, children: /* @__PURE__ */ jsx(Text, { children: "Can't find secrets for your translation service. Did you load them into this dataset?" }) }) }),
+  const { loading: loadingSecrets, secrets } = useSecrets(secretsNamespace), content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    loadingSecrets && /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { padding: 5, align: "center", justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }),
+    !loadingSecrets && !secrets && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "caution", padding: [2, 3, 4, 4], shadow: 1, radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Can't find secrets for your translation service. Did you load them into this dataset?" }) }) }),
     !loadingSecrets && secrets && children
   ] });
-  return /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(ToastProvider, { paddingY: 7, children: showContainer ? /* @__PURE__ */ jsx(Box, { padding, children: content }) : content }) });
-}, reconcileArray = (origArray, translatedArray) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ToastProvider, { paddingY: 7, children: showContainer ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding, children: content }) : content }) });
+}, isRecord$4 = (value) => typeof value == "object" && value !== null && !Array.isArray(value), reconcileArray = (origArray, translatedArray) => {
   if (translatedArray && translatedArray.some((el) => typeof el == "string"))
     return translatedArray;
   const combined = JSON.parse(JSON.stringify(origArray));
-  return translatedArray.forEach((block) => {
-    if (!block._key)
+  return translatedArray.forEach((translatedItem) => {
+    if (!isRecord$4(translatedItem) || !translatedItem._key)
       return;
     const foundBlockIdx = origArray.findIndex(
-      (origBlock) => origBlock._key === block._key
+      (origBlock) => isRecord$4(origBlock) && origBlock._key === translatedItem._key
     );
     foundBlockIdx < 0 ? console.warn(
       `This block no longer exists on the original document. Was it removed? ${JSON.stringify(
-        block
+        translatedItem
       )}`
-    ) : origArray[foundBlockIdx]._type === "block" || origArray[foundBlockIdx]._type === "span" ? combined[foundBlockIdx] = block : Array.isArray(origArray[foundBlockIdx]) ? combined[foundBlockIdx] = reconcileArray(origArray[foundBlockIdx], block) : combined[foundBlockIdx] = reconcileObject(
+    ) : isRecord$4(origArray[foundBlockIdx]) && (origArray[foundBlockIdx]._type === "block" || origArray[foundBlockIdx]._type === "span") ? combined[foundBlockIdx] = translatedItem : isRecord$4(origArray[foundBlockIdx]) && (combined[foundBlockIdx] = reconcileObject(
       origArray[foundBlockIdx],
-      block
-    );
+      translatedItem
+    ));
   }), combined;
 }, reconcileObject = (origObject, translatedObject) => {
   if (typeof translatedObject != "object" || !Object.keys(translatedObject).length)
     return origObject;
   const updatedObj = JSON.parse(JSON.stringify(origObject));
   return Object.entries(translatedObject).forEach(([key, value]) => {
-    !value || key[0] === "_" || (typeof value == "string" ? updatedObj[key] = value : Array.isArray(value) ? updatedObj[key] = reconcileArray(origObject[key] ?? [], value) : updatedObj[key] = reconcileObject(origObject[key] ?? {}, value));
+    !value || key[0] === "_" || (typeof value == "string" ? updatedObj[key] = value : Array.isArray(value) ? updatedObj[key] = reconcileArray(
+      Array.isArray(origObject[key]) ? origObject[key] : [],
+      value
+    ) : isRecord$4(value) && (updatedObj[key] = reconcileObject(
+      isRecord$4(origObject[key]) ? origObject[key] : {},
+      value
+    )));
   }), updatedObj;
 }, fieldLevelMerge = (translatedFields, baseDoc, localeId, baseLang = "en") => {
   const merged = {};
   return ["_rev", "_id", "_type"].forEach((metaKey) => {
     translatedFields[metaKey] && (merged[metaKey] = translatedFields[metaKey]);
-  }), extractWithPath(`..${baseLang}`, translatedFields).forEach((match2) => {
-    const origVal = extractWithPath(
-      arrayToJSONMatchPath(match2.path),
+  }), mutator.extractWithPath(`..${baseLang}`, translatedFields).forEach((match2) => {
+    const origVal = mutator.extractWithPath(
+      mutator.arrayToJSONMatchPath(match2.path),
       baseDoc
-    )[0].value, translatedVal = extractWithPath(
-      arrayToJSONMatchPath(match2.path),
+    )[0].value, translatedVal = mutator.extractWithPath(
+      mutator.arrayToJSONMatchPath(match2.path),
       translatedFields
     )[0].value;
     let valToPatch;
-    typeof translatedVal == "string" ? valToPatch = translatedVal : Array.isArray(translatedVal) && translatedVal.length ? valToPatch = reconcileArray(origVal ?? [], translatedVal) : typeof translatedVal == "object" && Object.keys(translatedVal).length && (valToPatch = reconcileObject(
-      origVal ?? {},
+    typeof translatedVal == "string" ? valToPatch = translatedVal : Array.isArray(translatedVal) && translatedVal.length ? valToPatch = reconcileArray(
+      origVal ?? [],
+      translatedVal
+    ) : typeof translatedVal == "object" && Object.keys(translatedVal).length && (valToPatch = reconcileObject(
+      isRecord$4(origVal) ? origVal : {},
       translatedVal
     ));
     const destinationPath = [
@@ -182,14 +180,17 @@ const pluginConfig = GTConfig.getInstance(), theme = buildTheme(), BaseTranslati
       localeId.replace("-", "_")
       // replace it with our locale
     ];
-    merged[arrayToJSONMatchPath(destinationPath)] = valToPatch;
+    merged[mutator.arrayToJSONMatchPath(destinationPath)] = valToPatch;
   }), merged;
-}, documentLevelMerge = (translatedFields, baseDoc) => reconcileObject(baseDoc, translatedFields), BaseDocumentMerger = {
+}, documentLevelMerge = (translatedFields, baseDoc) => reconcileObject(
+  baseDoc,
+  translatedFields
+), BaseDocumentMerger = {
   fieldLevelMerge,
   documentLevelMerge,
   reconcileArray,
   reconcileObject
-}, defaultSchema = Schema.compile({
+}, defaultSchema = schema.Schema.compile({
   name: "default",
   types: [
     {
@@ -205,7 +206,7 @@ const pluginConfig = GTConfig.getInstance(), theme = buildTheme(), BaseTranslati
     }
   ]
 }), blockContentType = defaultSchema.get("default").fields.find((field) => field.name === "block").type, preprocess = (html) => {
-  const intermediateBlocks = htmlToBlocks(
+  const intermediateBlocks = blockTools.htmlToBlocks(
     `<p>${html}</p>`,
     blockContentType
   );
@@ -251,7 +252,7 @@ function decode(base64) {
     bytes[i] = binary.charCodeAt(i);
   return new TextDecoder().decode(bytes);
 }
-const defaultStopTypes = [
+const isRecord$3 = (value) => typeof value == "object" && value !== null && !Array.isArray(value), defaultStopTypes = [
   "reference",
   "date",
   "datetime",
@@ -294,13 +295,19 @@ const defaultStopTypes = [
 }, customDeserializers = { types: {} }, customBlockDeserializers = [
   // handle marks with data-gt-internal
   {
-    deserialize(el, next2) {
+    deserialize(node2, next2) {
+      if (node2.nodeType !== 1)
+        return;
+      const el = node2;
       if (!el.hasChildNodes() || !el.getAttribute("data-gt-internal"))
         return;
-      const { html, data } = detachGTData(el.outerHTML), block = htmlToBlocks(html, blockContentType)[0], children = next2(el.childNodes);
+      const { html, data } = detachGTData(el.outerHTML), block = blockTools.htmlToBlocks(html, blockContentType)[0], children = next2(el.childNodes);
       let markDefs = [];
-      return "markDefs" in block && (markDefs = block.markDefs ?? []), data?.markDef && markDefs.push(data.markDef), children && children.forEach((child) => {
-        child.marks = data?.markDef?._key ? [...child.marks || [], data.markDef._key] : [...child.marks || []];
+      return "markDefs" in block && (markDefs = block.markDefs ?? []), data?.markDef && markDefs.push(data.markDef), Array.isArray(children) && children.forEach((child) => {
+        if (!isRecord$3(child))
+          return;
+        const marks = Array.isArray(child.marks) ? child.marks : [];
+        child.marks = data?.markDef?._key ? [...marks, data.markDef._key] : marks;
       }), {
         ...block,
         markDefs,
@@ -310,12 +317,15 @@ const defaultStopTypes = [
   },
   //handle undeclared styles
   {
-    deserialize(el, next2) {
+    deserialize(node2, next2) {
+      if (node2.nodeType !== 1)
+        return;
+      const el = node2;
       if (!el.hasChildNodes() || el.getAttribute("data-type") !== "unknown-block-style")
         return;
       const style = el.getAttribute("data-style") ?? "";
       return {
-        ...htmlToBlocks(el.outerHTML, blockContentType)[0],
+        ...blockTools.htmlToBlocks(el.outerHTML, blockContentType)[0],
         style,
         children: next2(el.childNodes)
       };
@@ -323,7 +333,10 @@ const defaultStopTypes = [
   },
   //handle list items
   {
-    deserialize(el, next2) {
+    deserialize(node2, next2) {
+      if (node2.nodeType !== 1)
+        return;
+      const el = node2;
       if (!el.hasChildNodes() || el.tagName.toLowerCase() !== "li")
         return;
       const tagsToStyle = {
@@ -336,10 +349,10 @@ const defaultStopTypes = [
       if (!listItem)
         return;
       const level = el.getAttribute("data-level") && parseInt(el.getAttribute("data-level") || "0", 10), _key = el.id;
-      let block = htmlToBlocks(parent.outerHTML, blockContentType)[0];
+      let block = blockTools.htmlToBlocks(parent.outerHTML, blockContentType)[0];
       const customStyle = el.children?.[0]?.getAttribute("data-style");
       if (new RegExp(/<("[^"]*"|'[^']*'|[^'">])*>/).test(el.innerHTML)) {
-        const newBlock = htmlToBlocks(el.innerHTML, blockContentType)[0];
+        const newBlock = blockTools.htmlToBlocks(el.innerHTML, blockContentType)[0];
         if (newBlock && (block = {
           ...block,
           ...newBlock,
@@ -357,7 +370,7 @@ const defaultStopTypes = [
       };
     }
   }
-], META_FIELDS$1 = ["_key", "_type", "_id"], languageObjectFieldFilter = (obj, baseLang) => {
+], META_FIELDS$1 = ["_key", "_type", "_id"], isRecord$2 = (value) => typeof value == "object" && value !== null && !Array.isArray(value), languageObjectFieldFilter = (obj, baseLang) => {
   const filterToLangField = (childObj) => {
     const filteredObj = {};
     return filteredObj[baseLang] = childObj[baseLang], META_FIELDS$1.forEach((field) => {
@@ -371,24 +384,29 @@ const defaultStopTypes = [
     for (const key in childObj)
       if (childObj.hasOwnProperty(key)) {
         const value = childObj[key];
-        if (value.hasOwnProperty(baseLang))
+        if (isRecord$2(value) && Object.hasOwn(value, baseLang))
           filteredObj[key] = filterToLangField(value);
         else if (Array.isArray(value) && value.length && typeof value[0] == "object") {
-          const validLangObjects = value.reduce((validArr, objInArray) => {
-            if (objInArray._type === "block")
-              validArr.push(objInArray);
-            else if (objInArray.hasOwnProperty(baseLang))
-              validArr.push(filterToLangField(objInArray));
-            else {
-              const filtered = findBaseLang(objInArray);
-              Object.keys(filtered).filter(
-                (objInArrayKey) => META_FIELDS$1.indexOf(objInArrayKey) === -1
-              ).length && validArr.push(filtered);
-            }
-            return validArr;
-          }, []);
+          const validLangObjects = value.reduce(
+            (validArr, objInArray) => {
+              if (!isRecord$2(objInArray))
+                return validArr;
+              if (objInArray._type === "block")
+                validArr.push(objInArray);
+              else if (Object.hasOwn(objInArray, baseLang))
+                validArr.push(filterToLangField(objInArray));
+              else {
+                const filtered = findBaseLang(objInArray);
+                Object.keys(filtered).filter(
+                  (objInArrayKey) => META_FIELDS$1.indexOf(objInArrayKey) === -1
+                ).length && validArr.push(filtered);
+              }
+              return validArr;
+            },
+            []
+          );
           validLangObjects.length && (filteredObj[key] = validLangObjects);
-        } else if (typeof value == "object") {
+        } else if (isRecord$2(value)) {
           const nestedLangObj = findBaseLang(value);
           Object.keys(nestedLangObj).filter(
             (nestedObjKey) => META_FIELDS$1.indexOf(nestedObjKey) === -1
@@ -399,24 +417,30 @@ const defaultStopTypes = [
   };
   return findBaseLang(obj);
 }, fieldFilter = (obj, objFields, stopTypes) => {
-  const filteredObj = { _type: obj._type }, fieldFilterFunc = (field) => field.localize === !1 ? !1 : field.type === "string" || field.type === "text" || Array.isArray(obj[field.name]) ? !0 : !stopTypes.includes(field.type);
+  const filteredObj = {
+    _type: typeof obj._type == "string" ? obj._type : ""
+  }, fieldFilterFunc = (field) => {
+    const fieldMetadata = field, fieldType = typeof fieldMetadata.type == "string" ? fieldMetadata.type : fieldMetadata.type?.name;
+    return fieldMetadata.localize === !1 ? !1 : fieldType === "string" || fieldType === "text" || Array.isArray(obj[field.name]) ? !0 : !!(fieldType && !stopTypes.includes(fieldType));
+  };
   return [
     ...META_FIELDS$1,
     ...objFields.filter(fieldFilterFunc).map((field) => field.name)
   ].forEach((field) => {
     obj[field] && (filteredObj[field] = obj[field]);
   }), filteredObj;
-}, META_FIELDS = ["_key", "_type", "_id", "_weak"], BaseDocumentSerializer = (schemas) => {
+}, META_FIELDS = ["_key", "_type", "_id", "_weak"], isRecord$1 = (value) => typeof value == "object" && value !== null && !Array.isArray(value), BaseDocumentSerializer = (schemas) => {
   const getSchema = (name) => schemas?._original?.types.find((s) => s.name === name), serializeObject = (obj, stopTypes, serializers) => {
     if (stopTypes.includes(obj._type))
       return "";
-    if (serializers.types && Object.keys(serializers.types).includes(obj._type))
-      return toHTML([obj], { components: serializers });
+    const typeSerializers = isRecord$1(serializers.types) ? serializers.types : {};
+    if (Object.keys(typeSerializers).includes(obj._type))
+      return toHtml.toHTML([obj], { components: serializers });
     if (obj._type === "span" || obj._type === "block")
-      return toHTML(obj, { components: serializers });
+      return toHtml.toHTML(obj, { components: serializers });
     let fieldNames = Object.keys(obj).filter((key) => key !== "_type");
-    const schema = getSchema(obj._type);
-    schema && schema.fields && (fieldNames = schema.fields.map((field) => field.name).filter((schemaKey) => Object.keys(obj).includes(schemaKey))), typeof obj == "object" && !obj._type && (obj._type = "");
+    const schema2 = getSchema(obj._type);
+    schema2 && schema2.fields && (fieldNames = schema2.fields.map((field) => field.name).filter((schemaKey) => Object.keys(obj).includes(schemaKey))), typeof obj == "object" && !obj._type && (obj._type = "");
     const newSerializationMethods = {}, tempType = `${obj._type}__temp_type__${Math.random().toString(36).substring(7)}`, objToSerialize = { _type: tempType };
     META_FIELDS.filter((f2) => f2 !== "_type").forEach((field) => {
       objToSerialize[field] = obj[field];
@@ -431,9 +455,9 @@ const defaultStopTypes = [
         else if (Array.isArray(value))
           htmlField = serializeArray(value, fieldName, stopTypes, {
             ...serializers,
-            types: { ...serializers.types }
+            types: { ...typeSerializers }
           });
-        else {
+        else if (isRecord$1(value)) {
           const embeddedObject = value, embeddedObjectSchema = getSchema(embeddedObject._type);
           let toTranslate = embeddedObject;
           embeddedObjectSchema && embeddedObjectSchema.fields && (toTranslate = fieldFilter(
@@ -443,7 +467,7 @@ const defaultStopTypes = [
           ));
           const objHTML = serializeObject(toTranslate, stopTypes, {
             ...serializers,
-            types: { ...serializers.types }
+            types: { ...typeSerializers }
           });
           htmlField = `<div class="${fieldName}" data-level="field">${objHTML}</div>`;
         }
@@ -457,11 +481,11 @@ const defaultStopTypes = [
     };
     let serializedBlock = "";
     try {
-      serializedBlock = toHTML(objToSerialize, {
+      serializedBlock = toHtml.toHTML(objToSerialize, {
         components: {
           ...serializers,
           types: {
-            ...serializers.types,
+            ...typeSerializers,
             ...newSerializationMethods
           }
         }
@@ -474,18 +498,22 @@ const defaultStopTypes = [
     return serializedBlock;
   }, serializeArray = (fieldContent, fieldName, stopTypes, serializers) => {
     const output = fieldContent.filter(
-      (block) => !stopTypes.includes(block._type)
+      (block) => typeof block == "string" || typeof block._type != "string" || !stopTypes.includes(block._type)
     ).map((block) => {
-      const schema = getSchema(block._type);
-      return schema && schema.fields ? fieldFilter(block, schema.fields, stopTypes) : block;
+      if (typeof block == "string")
+        return block;
+      const schema2 = getSchema(
+        typeof block._type == "string" ? block._type : ""
+      );
+      return schema2 && schema2.fields ? fieldFilter(block, schema2.fields, stopTypes) : block;
     }).map((obj) => typeof obj == "string" ? `<span>${obj}</span>` : serializeObject(obj, stopTypes, serializers));
     return `<div class="${fieldName}" data-type="array">${output.join("")}</div>`;
   };
   return {
     serializeDocument: (doc, translationLevel = "document", baseLang = "en", stopTypes = defaultStopTypes, serializers = customSerializers) => {
-      const schema = getSchema(doc._type);
+      const schema2 = getSchema(doc._type);
       let filteredObj = {};
-      translationLevel === "field" ? filteredObj = languageObjectFieldFilter(doc, baseLang) : filteredObj = fieldFilter(doc, schema?.fields ?? [], stopTypes);
+      translationLevel === "field" ? filteredObj = languageObjectFieldFilter(doc, baseLang) : filteredObj = fieldFilter(doc, schema2?.fields ?? [], stopTypes);
       const serializedFields = {};
       for (const key in filteredObj) {
         if (filteredObj.hasOwnProperty(key) === !1) continue;
@@ -494,12 +522,14 @@ const defaultStopTypes = [
           serializedFields[key] = value;
         else if (Array.isArray(value))
           serializedFields[key] = serializeArray(
-            value,
+            value.filter(
+              (item) => typeof item == "string" || isRecord$1(item)
+            ),
             key,
             stopTypes,
             serializers
           );
-        else if (value && !stopTypes.find((stopType) => stopType == value?._type)) {
+        else if (value && isRecord$1(value) && !stopTypes.find((stopType) => stopType == value?._type)) {
           const serialized = serializeObject(
             value,
             stopTypes,
@@ -545,13 +575,22 @@ const deserializeArray = (arrayHTML, deserializers = customDeserializers, blockD
   return Array.from(arrayHTML.children).forEach((child) => {
     let deserializedObject;
     try {
-      child.tagName?.toLowerCase() === "span" ? deserializedObject = preprocess(child.innerHTML) : child.className || child.getAttribute("data-type") === "object" ? (deserializedObject = deserializeObject(
-        child,
-        deserializers,
-        blockDeserializers
-      ), deserializedObject._key = child.id) : (deserializedObject = htmlToBlocks(child.outerHTML, blockContentType, {
-        rules: blockDeserializers
-      }), deserializedObject = mergeBlocks(deserializedObject), deserializedObject._key = child.id);
+      if (child.tagName?.toLowerCase() === "span")
+        deserializedObject = preprocess(child.innerHTML);
+      else if (child.className || child.getAttribute("data-type") === "object")
+        deserializedObject = deserializeObject(
+          child,
+          deserializers,
+          blockDeserializers
+        ), deserializedObject && typeof deserializedObject == "object" && !Array.isArray(deserializedObject) && (deserializedObject._key = child.id);
+      else {
+        const blocks = blockTools.htmlToBlocks(child.outerHTML, blockContentType, {
+          rules: blockDeserializers
+        });
+        deserializedObject = mergeBlocks(
+          blocks
+        ), deserializedObject._key = child.id;
+      }
     } catch (e) {
       console.debug(
         `Tried to deserialize block: ${child.outerHTML} in an array but failed to identify it! Error: ${e}`
@@ -560,7 +599,7 @@ const deserializeArray = (arrayHTML, deserializers = customDeserializers, blockD
     output.push(deserializedObject);
   }), output;
 }, deserializeObject = (objectHTML, deserializers = customDeserializers, blockDeserializers = customBlockDeserializers) => {
-  const deserialize = deserializers.types[objectHTML.className];
+  const deserialize = deserializers.types?.[objectHTML.className];
   if (deserialize)
     return deserialize(objectHTML);
   const output = {};
@@ -587,7 +626,7 @@ const deserializeArray = (arrayHTML, deserializers = customDeserializers, blockD
   if (HTMLnode?.getAttribute("data-level") === "field" && (HTMLnode = HTMLnode.children[0]), !HTMLnode)
     return {};
   let output;
-  const deserialize = deserializers.types[HTMLnode.className];
+  const deserialize = deserializers.types?.[HTMLnode.className];
   return deserialize ? output = deserialize(HTMLnode) : HTMLnode.getAttribute("data-type") === "object" ? output = deserializeObject(HTMLnode, deserializers, blockDeserializers) : HTMLnode.getAttribute("data-type") === "array" ? output = deserializeArray(HTMLnode, deserializers, blockDeserializers) : (output = {}, console.debug(
     `Tried to deserialize block ${HTMLnode.outerHTML} but failed to identify it!`
   )), output;
@@ -617,7 +656,7 @@ function forEachMatchingField(documentId, document2, fields, callback) {
       for (const field of entry.fields) {
         const { property, type } = field;
         try {
-          const results = JSONPath({
+          const results = jsonpathPlus.JSONPath({
             json: document2,
             path: property,
             resultType: "all",
@@ -626,7 +665,7 @@ function forEachMatchingField(documentId, document2, fields, callback) {
           });
           results && results.length > 0 && results.forEach(
             (result) => {
-              type !== void 0 ? typeof result.value == "object" && result.value !== null && result.value._type === type && callback(result) : callback(result);
+              type !== void 0 ? typeof result.value == "object" && result.value !== null && !Array.isArray(result.value) && result.value._type === type && callback(result) : callback(result);
             }
           );
         } catch (error) {
@@ -650,9 +689,9 @@ function applyDocuments(documentId, sourceDocument, targetDocument, ignore, skip
   for (const [key, value] of Object.entries(clonedTarget))
     mergedDocument[key] = value;
   return forEachMatchingField(documentId, sourceDocument, ignore, (result) => {
-    JSONPointer.set(mergedDocument, result.pointer, result.value);
+    JSONPointer__default.default.set(mergedDocument, result.pointer, result.value);
   }), forEachMatchingField(documentId, sourceDocument, dedupe, (result) => {
-    JSONPointer.set(
+    JSONPointer__default.default.set(
       mergedDocument,
       result.pointer,
       dedupeFieldValue(result.value, localeId)
@@ -660,10 +699,17 @@ function applyDocuments(documentId, sourceDocument, targetDocument, ignore, skip
   }), deleteMatchingFields(documentId, mergedDocument, skip), mergedDocument;
 }
 function dedupeFieldValue(value, localeId) {
-  return localeId ? typeof value == "string" ? appendLocaleSuffix(value, localeId) : value && typeof value == "object" && !Array.isArray(value) && typeof value.current == "string" ? {
-    ...value,
-    current: appendLocaleSuffix(value.current, localeId)
-  } : value : value;
+  if (!localeId) return value;
+  if (typeof value == "string")
+    return appendLocaleSuffix(value, localeId);
+  if (value && typeof value == "object" && !Array.isArray(value) && typeof value.current == "string") {
+    const slug = value;
+    return {
+      ...slug,
+      current: appendLocaleSuffix(slug.current, localeId)
+    };
+  }
+  return value;
 }
 function appendLocaleSuffix(value, localeId) {
   if (!value) return value;
@@ -697,7 +743,7 @@ function createStableTranslationKey(branchId, documentId, localeId) {
   return branchId ? `${branchId}:${publishedId}:${localeId}` : `${publishedId}:${localeId}`;
 }
 function deserializeDocument(document2) {
-  const deserializers = merge(
+  const deserializers = merge__default.default(
     { types: {} },
     pluginConfig.getAdditionalDeserializers()
   ), blockDeserializers = [
@@ -710,11 +756,11 @@ function deserializeDocument(document2) {
     blockDeserializers
   );
 }
-function serializeDocument(document2, schema, baseLanguage) {
+function serializeDocument(document2, schema2, baseLanguage) {
   const stopTypes = [
     ...defaultStopTypes,
     ...pluginConfig.getAdditionalStopTypes()
-  ], serializers = merge(
+  ], serializers = merge__default.default(
     customSerializers,
     pluginConfig.getAdditionalSerializers()
   ), docToSerialize = stripIgnoredFields(
@@ -722,7 +768,7 @@ function serializeDocument(document2, schema, baseLanguage) {
     pluginConfig.getIgnoreFields(),
     pluginConfig.getDedupeFields()
   );
-  return BaseDocumentSerializer(schema).serializeDocument(
+  return BaseDocumentSerializer(schema2).serializeDocument(
     docToSerialize,
     "document",
     baseLanguage,
@@ -748,12 +794,12 @@ async function uploadFiles(documents, secrets) {
         fileName: `sanity/${info.documentId}`,
         fileId: info.documentId,
         fileFormat: "HTML",
-        locale: gt.sourceLocale || libraryDefaultLocale,
+        locale: gt.sourceLocale || internal.libraryDefaultLocale,
         versionId: info.versionId || void 0
       }
     })),
     {
-      sourceLocale: gt.sourceLocale || libraryDefaultLocale
+      sourceLocale: gt.sourceLocale || internal.libraryDefaultLocale
     }
   );
 }
@@ -791,7 +837,7 @@ async function initProject(uploadResult, options, secrets) {
 }
 async function createJobs(uploadResult, localeIds, secrets) {
   return overrideConfig(secrets), await gt.enqueueFiles(uploadResult.uploadedFiles, {
-    sourceLocale: gt.sourceLocale || libraryDefaultLocale,
+    sourceLocale: gt.sourceLocale || internal.libraryDefaultLocale,
     targetLocales: localeIds
   });
 }
@@ -970,7 +1016,7 @@ async function patchI18nDoc(sourceDocumentId, i18nDocId, sourceDocument, mergedD
     existingDocument,
     dedupeFields,
     (result) => {
-      JSONPointer.set(appliedDocument, result.pointer, result.value);
+      JSONPointer__default.default.set(appliedDocument, result.pointer, result.value);
     }
   ), await client.patch(i18nDocId, { set: appliedDocument }).commit();
 }
@@ -987,7 +1033,9 @@ const documentLevelPatch = async (docInfo, translatedFields, localeId, client, l
     baseDoc,
     client,
     baseLanguage
-  )).translations.find((translation) => translation.language === localeId)?.value?._ref;
+  )).translations.find(
+    (translation) => translation.language === localeId
+  )?.value?._ref;
   i18nDocId && (i18nDoc = await findLatestDraft(i18nDocId, client)), mergeWithTargetLocale && i18nDoc ? baseDoc = i18nDoc : docInfo.documentId && docInfo.versionId && (baseDoc = await findDocumentAtRevision(
     docInfo.documentId,
     docInfo.versionId,
@@ -1013,7 +1061,9 @@ const documentLevelPatch = async (docInfo, translatedFields, localeId, client, l
       baseDoc,
       client,
       baseLanguage
-    ), freshI18nDocId = freshTranslationMetadata.translations.find((translation) => translation.language === localeId)?.value?._ref;
+    ), freshI18nDocId = freshTranslationMetadata.translations.find(
+      (translation) => translation.language === localeId
+    )?.value?._ref;
     if (freshI18nDocId) {
       const freshI18nDoc = await findLatestDraft(freshI18nDocId, client);
       await patchI18nDoc(
@@ -1050,6 +1100,7 @@ async function importDocument(docInfo, localeId, document2, context, mergeWithTa
     mergeWithTargetLocale
   );
 }
+const isRecord = (value) => typeof value == "object" && value !== null && !Array.isArray(value), isReference = (value) => isRecord(value) && value._type === "reference" && typeof value._ref == "string";
 async function resolveRefs(doc, locale, client) {
   const references = findReferences(doc);
   if (references.length === 0)
@@ -1065,9 +1116,9 @@ function findReferences(obj, path = []) {
   if (!obj || typeof obj != "object")
     return [];
   const references = [];
-  return obj._ref && references.push({ ref: obj, path }), Array.isArray(obj) ? obj.forEach((item, index) => {
+  return isReference(obj) && references.push({ ref: obj, path }), Array.isArray(obj) ? obj.forEach((item, index) => {
     references.push(...findReferences(item, [...path, index.toString()]));
-  }) : Object.keys(obj).forEach((key) => {
+  }) : isRecord(obj) && Object.keys(obj).forEach((key) => {
     references.push(...findReferences(obj[key], [...path, key]));
   }), references;
 }
@@ -1091,7 +1142,7 @@ function updateDocumentReferences(doc, translatedRefs) {
 function updateReferencesRecursive(obj, translatedRefs) {
   if (!obj || typeof obj != "object")
     return obj;
-  if (obj._ref && translatedRefs.has(obj._ref))
+  if (isReference(obj) && translatedRefs.has(obj._ref))
     return {
       ...obj,
       _ref: translatedRefs.get(obj._ref)
@@ -1100,7 +1151,10 @@ function updateReferencesRecursive(obj, translatedRefs) {
     return obj.map((item) => updateReferencesRecursive(item, translatedRefs));
   const updated = {};
   return Object.keys(obj).forEach((key) => {
-    updated[key] = updateReferencesRecursive(obj[key], translatedRefs);
+    updated[key] = updateReferencesRecursive(
+      obj[key],
+      translatedRefs
+    );
   }), updated;
 }
 async function findTranslatedDocumentForLocale(sourceDocumentId, localeId, client) {
@@ -1213,16 +1267,19 @@ async function getReadyFilesForImport(translationStatuses, options = {}) {
 async function importTranslations(readyFiles, secrets, translationContext, options = {}) {
   if (readyFiles.length === 0)
     return { successCount: 0, failureCount: 0, successfulImports: [] };
-  const importItems = (await downloadTranslations(readyFiles, secrets)).map((file) => ({
-    docInfo: {
-      documentId: file.fileId,
-      versionId: file.versionId
-    },
-    locale: file.locale,
-    data: file.data,
-    translationContext,
-    key: `${file.branchId}:${file.fileId}:${file.versionId}:${file.locale}`
-  })), result = await processImportBatch(importItems, {
+  const importItems = (await downloadTranslations(readyFiles, secrets)).map((file) => {
+    const data = typeof file.data == "string" ? file.data : JSON.stringify(file.data ?? "");
+    return {
+      docInfo: {
+        documentId: file.fileId,
+        versionId: file.versionId
+      },
+      locale: file.locale,
+      data,
+      translationContext,
+      key: `${file.branchId}:${file.fileId}:${file.versionId}:${file.locale}`
+    };
+  }), result = await processImportBatch(importItems, {
     onProgress: options.onProgress,
     onItemSuccess: (item, key) => {
       options.onImportSuccess?.(key);
@@ -1267,8 +1324,8 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
   localeId: locale,
   description: gt.getLocaleProperties(locale).name,
   enabled: !0
-})), TranslationsContext = createContext(null), useTranslations = () => {
-  const context = useContext(TranslationsContext);
+})), TranslationsContext = o.createContext(null), useTranslations = () => {
+  const context = o.useContext(TranslationsContext);
   if (!context)
     throw new Error("useTranslations must be used within TranslationsProvider");
   return context;
@@ -1276,25 +1333,25 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
   children,
   singleDocument
 }) => {
-  const [isBusy, setIsBusy] = useState(!1), [documents, setDocuments] = useState([]), [locales, setLocales] = useState([]), [autoRefresh, setAutoRefresh] = useState(!1), [autoImport, setAutoImport] = useState(!1), [autoPatchReferences, setAutoPatchReferences] = useState(!1), [autoPublish, setAutoPublish] = useState(!1), [loadingDocuments, setLoadingDocuments] = useState(!1), [importProgress, setImportProgress] = useState({
+  const [isBusy, setIsBusy] = o.useState(!1), [documents, setDocuments] = o.useState([]), [locales, setLocales] = o.useState([]), [autoRefresh, setAutoRefresh] = o.useState(!1), [autoImport, setAutoImport] = o.useState(!1), [autoPatchReferences, setAutoPatchReferences] = o.useState(!1), [autoPublish, setAutoPublish] = o.useState(!1), [loadingDocuments, setLoadingDocuments] = o.useState(!1), [importProgress, setImportProgress] = o.useState({
     current: 0,
     total: 0,
     isImporting: !1
-  }), [importedTranslations, setImportedTranslations] = useState(
+  }), [importedTranslations, setImportedTranslations] = o.useState(
     /* @__PURE__ */ new Set()
-  ), [existingTranslations, setExistingTranslations] = useState(
+  ), [existingTranslations, setExistingTranslations] = o.useState(
     /* @__PURE__ */ new Set()
-  ), [downloadStatus, setDownloadStatus] = useState({
+  ), [downloadStatus, setDownloadStatus] = o.useState({
     downloaded: /* @__PURE__ */ new Set(),
     failed: /* @__PURE__ */ new Set(),
     skipped: /* @__PURE__ */ new Set()
-  }), downloadStatusRef = useRef(downloadStatus), [translationStatuses, setTranslationStatuses] = useState(/* @__PURE__ */ new Map()), [isRefreshing, setIsRefreshing] = useState(!1), client = useClient(), schema = useSchema(), translationContext = { client, schema }, toast = useToast(), { loading: loadingSecrets, secrets } = useSecrets(
+  }), downloadStatusRef = o.useRef(downloadStatus), [translationStatuses, setTranslationStatuses] = o.useState(/* @__PURE__ */ new Map()), [isRefreshing, setIsRefreshing] = o.useState(!1), client = useClient(), schema2 = sanity.useSchema(), translationContext = { client, schema: schema2 }, toast = ui.useToast(), { loading: loadingSecrets, secrets } = useSecrets(
     pluginConfig.getSecretsNamespace()
-  ), [branchId, setBranchId] = useState(void 0);
-  useEffect(() => {
+  ), [branchId, setBranchId] = o.useState(void 0);
+  o.useEffect(() => {
     downloadStatusRef.current = downloadStatus;
   }, [downloadStatus]);
-  const fetchDocuments = useCallback(async () => {
+  const fetchDocuments = o.useCallback(async () => {
     setLoadingDocuments(!0);
     try {
       if (singleDocument) {
@@ -1315,7 +1372,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
     } finally {
       setLoadingDocuments(!1);
     }
-  }, [client, singleDocument]), fetchLocales = useCallback(async () => {
+  }, [client, singleDocument]), fetchLocales = o.useCallback(async () => {
     if (secrets)
       try {
         const availableLocales = await getLocales(secrets);
@@ -1327,7 +1384,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
           closable: !0
         });
       }
-  }, [secrets]), fetchExistingTranslations = useCallback(async () => {
+  }, [secrets]), fetchExistingTranslations = o.useCallback(async () => {
     if (!(!documents.length || !locales.length))
       try {
         const sourceLocale = pluginConfig.getSourceLocale(), availableLocaleIds = locales.filter((locale) => locale.enabled !== !1).map((locale) => locale.localeId), documentIds = documents.map(getDocumentPublishedId), existingMetadata = await client.fetch(`*[
@@ -1359,7 +1416,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
           closable: !0
         });
       }
-  }, [documents, locales, client]), handleTranslateAll = useCallback(async () => {
+  }, [documents, locales, client]), handleTranslateAll = o.useCallback(async () => {
     if (!(!secrets || documents.length === 0)) {
       setIsBusy(!0);
       try {
@@ -1368,7 +1425,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
           try {
             const serialized = serializeDocument(
               cleanDoc,
-              schema,
+              schema2,
               baseLanguage
             );
             return {
@@ -1398,7 +1455,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
         setIsBusy(!1);
       }
     }
-  }, [secrets, documents, locales, schema]), handleImportAll = useCallback(async () => {
+  }, [secrets, documents, locales, schema2]), handleImportAll = o.useCallback(async () => {
     if (!(!secrets || documents.length === 0 || !branchId)) {
       setIsBusy(!0);
       try {
@@ -1461,7 +1518,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
     downloadStatus,
     translationContext,
     branchId
-  ]), getExistingTranslations = useCallback(
+  ]), getExistingTranslations = o.useCallback(
     async (documentIds, localeIds, branchId2) => {
       const sourceLocale = pluginConfig.getSourceLocale(), existingMetadata = await client.fetch(`*[
       _type == 'translation.metadata' &&
@@ -1488,7 +1545,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
       }), existing;
     },
     [client]
-  ), handleImportMissing = useCallback(async () => {
+  ), handleImportMissing = o.useCallback(async () => {
     if (!(!secrets || documents.length === 0 || !branchId)) {
       setIsBusy(!0);
       try {
@@ -1565,7 +1622,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
     translationContext,
     getExistingTranslations,
     branchId
-  ]), handleGetBranchId = useCallback(
+  ]), handleGetBranchId = o.useCallback(
     async (secrets2) => {
       overrideConfig(secrets2);
       const defaultBranch = await gt.createBranch({
@@ -1575,7 +1632,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
       setBranchId(defaultBranch.branch.id);
     },
     [secrets]
-  ), handleRefreshAll = useCallback(async () => {
+  ), handleRefreshAll = o.useCallback(async () => {
     if (!(!secrets || documents.length === 0 || !branchId)) {
       setIsRefreshing(!0);
       try {
@@ -1642,7 +1699,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
         setIsRefreshing(!1);
       }
     }
-  }, [secrets, documents, locales, branchId]), handleImportDocument = useCallback(
+  }, [secrets, documents, locales, branchId]), handleImportDocument = o.useCallback(
     async (documentId, versionId, localeId) => {
       if (!secrets) return;
       const key = createTranslationStatusKey(
@@ -1729,7 +1786,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
       }
     },
     [secrets, documents, translationContext, translationStatuses, branchId]
-  ), handlePatchDocumentReferences = useCallback(async () => {
+  ), handlePatchDocumentReferences = o.useCallback(async () => {
     if (!secrets || documents.length === 0) return 0;
     setIsBusy(!0);
     try {
@@ -1803,7 +1860,7 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
     } finally {
       setIsBusy(!1), setImportProgress({ current: 0, total: 0, isImporting: !1 });
     }
-  }, [secrets, documents, locales, client, branchId]), handlePublishAllTranslations = useCallback(async () => {
+  }, [secrets, documents, locales, client, branchId]), handlePublishAllTranslations = o.useCallback(async () => {
     if (!secrets || documents.length === 0) return 0;
     setIsBusy(!0);
     try {
@@ -1859,13 +1916,13 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
       setIsBusy(!1);
     }
   }, [secrets, documents, client, branchId]);
-  useEffect(() => {
+  o.useEffect(() => {
     fetchDocuments();
-  }, [fetchDocuments]), useEffect(() => {
+  }, [fetchDocuments]), o.useEffect(() => {
     secrets && fetchLocales();
-  }, [fetchLocales, secrets]), useEffect(() => {
+  }, [fetchLocales, secrets]), o.useEffect(() => {
     documents.length > 0 && locales.length > 0 && fetchExistingTranslations();
-  }, [fetchExistingTranslations]), useEffect(() => {
+  }, [fetchExistingTranslations]), o.useEffect(() => {
     documents.length > 0 && locales.length > 0 && secrets && !loadingDocuments && branchId && handleRefreshAll();
   }, [
     documents,
@@ -1874,15 +1931,15 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
     loadingDocuments,
     branchId,
     handleRefreshAll
-  ]), useEffect(() => {
+  ]), o.useEffect(() => {
     if (!autoRefresh || documents.length === 0 || !secrets) return;
     const interval = setInterval(async () => {
       await handleRefreshAll();
     }, 1e4);
     return () => clearInterval(interval);
-  }, [autoRefresh, documents.length, secrets, handleRefreshAll]), useEffect(() => {
+  }, [autoRefresh, documents.length, secrets, handleRefreshAll]), o.useEffect(() => {
     setImportedTranslations(new Set(downloadStatus.downloaded));
-  }, [downloadStatus.downloaded]), useEffect(() => {
+  }, [downloadStatus.downloaded]), o.useEffect(() => {
     secrets && handleGetBranchId(secrets);
   }, [secrets, handleGetBranchId]);
   const contextValue = {
@@ -1918,12 +1975,12 @@ const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) =>
     handlePatchDocumentReferences,
     handlePublishAllTranslations
   };
-  return /* @__PURE__ */ jsx(TranslationsContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(TranslationsContext.Provider, { value: contextValue, children });
 };
 function ProgressBar({ progress }) {
-  return typeof progress > "u" ? (console.warn("No progress prop passed to ProgressBar"), null) : /* @__PURE__ */ jsxs(Card, { border: !0, radius: 2, style: { width: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ jsx(
-      Flex,
+  return typeof progress > "u" ? (console.warn("No progress prop passed to ProgressBar"), null) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { border: !0, radius: 2, style: { width: "100%", position: "relative" }, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Flex,
       {
         style: {
           position: "absolute",
@@ -1935,14 +1992,14 @@ function ProgressBar({ progress }) {
         },
         align: "center",
         justify: "center",
-        children: /* @__PURE__ */ jsxs(Label, { size: 1, children: [
+        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { size: 1, children: [
           progress,
           "%"
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(
-      Card,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Card,
       {
         style: {
           width: "100%",
@@ -1963,7 +2020,7 @@ const LanguageStatus = ({
   importFile,
   isImported = !1
 }) => {
-  const [isBusy, setIsBusy] = useState(!1), displayedProgress = isImported && progress < 100 ? 100 : progress, handleImport = useCallback(async () => {
+  const [isBusy, setIsBusy] = o.useState(!1), displayedProgress = isImported && progress < 100 ? 100 : progress, handleImport = o.useCallback(async () => {
     setIsBusy(!0);
     try {
       await importFile();
@@ -1971,20 +2028,20 @@ const LanguageStatus = ({
       setIsBusy(!1);
     }
   }, [importFile, setIsBusy]);
-  return /* @__PURE__ */ jsx(Card, { shadow: 1, children: /* @__PURE__ */ jsxs(Grid, { columns: 5, gap: 3, padding: 3, children: [
-    /* @__PURE__ */ jsx(Flex, { columnStart: 1, columnEnd: 3, align: "center", children: /* @__PURE__ */ jsx(Text, { weight: "bold", size: 1, children: title }) }),
-    typeof displayedProgress == "number" ? /* @__PURE__ */ jsx(Flex, { columnStart: 3, columnEnd: 5, align: "center", children: /* @__PURE__ */ jsx(ProgressBar, { progress: displayedProgress }) }) : null,
-    /* @__PURE__ */ jsx(Box, { columnStart: 5, columnEnd: 6, children: isImported ? /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "center", style: { color: "green" }, children: [
-      /* @__PURE__ */ jsx(CheckmarkCircleIcon, {}),
-      /* @__PURE__ */ jsx(Text, { size: 1, style: { marginLeft: "4px" }, children: "Imported" })
-    ] }) : /* @__PURE__ */ jsx(
-      Button,
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { shadow: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Grid, { columns: 5, gap: 3, padding: 3, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { columnStart: 1, columnEnd: 3, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", size: 1, children: title }) }),
+    typeof displayedProgress == "number" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { columnStart: 3, columnEnd: 5, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress: displayedProgress }) }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { columnStart: 5, columnEnd: 6, children: isImported ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "center", style: { color: "green" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(icons.CheckmarkCircleIcon, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { marginLeft: "4px" }, children: "Imported" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Button,
       {
         style: { width: "100%" },
         mode: "ghost",
         onClick: handleImport,
         text: isBusy ? "Importing..." : "Import",
-        icon: isBusy ? null : DownloadIcon,
+        icon: isBusy ? null : icons.DownloadIcon,
         disabled: isBusy || !progress || progress < 100
       }
     ) })
@@ -2588,7 +2645,7 @@ var unitlessKeys = {
 }, f = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.19", g = `/*!sc*/
 `, S = typeof window < "u" && typeof document < "u", w = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), E = /invalid hook call/i, N = /* @__PURE__ */ new Set(), P = function(t, n) {
   if (process.env.NODE_ENV !== "production") {
-    var o2 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o2, ` has been created dynamically.
+    var o$1 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o$1, ` has been created dynamically.
 `) + `You may see this warning because you've called styled inside another component.
 To resolve this only create new StyledComponents outside of any render method and function component.
 See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
@@ -2596,9 +2653,9 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
     try {
       var a = !0;
       console.error = function(t2) {
-        for (var n2 = [], o3 = 1; o3 < arguments.length; o3++) n2[o3 - 1] = arguments[o3];
+        for (var n2 = [], o2 = 1; o2 < arguments.length; o2++) n2[o2 - 1] = arguments[o2];
         E.test(t2) ? (a = !1, N.delete(s)) : i.apply(void 0, __spreadArray([t2], n2, !1));
-      }, useRef(), a && !N.has(s) && (console.warn(s), N.add(s));
+      }, o.useRef(), a && !N.has(s) && (console.warn(s), N.add(s));
     } catch (e) {
       E.test(e.message) && N.delete(s);
     } finally {
@@ -2936,10 +2993,10 @@ function Fe(e) {
     return t2.name || he(15), z(e2, t2.name);
   }, F).toString() : "", p;
 }
-var ze = new ke(), Me = Fe(), $e = o.createContext({ shouldForwardProp: void 0, styleSheet: ze, stylis: Me });
-o.createContext(void 0);
+var ze = new ke(), Me = Fe(), $e = o__default.default.createContext({ shouldForwardProp: void 0, styleSheet: ze, stylis: Me });
+o__default.default.createContext(void 0);
 function Le() {
-  return useContext($e);
+  return o.useContext($e);
 }
 var qe = (function() {
   function e(e2, t) {
@@ -3027,7 +3084,7 @@ var Ke = M(v), Qe = (function() {
     }
     return o2;
   }, e;
-})(), et = o.createContext(void 0), rt = {}, st = /* @__PURE__ */ new Set();
+})(), et = o__default.default.createContext(void 0), rt = {}, st = /* @__PURE__ */ new Set();
 function it(e, r, s) {
   var i = se(e), a = e, c = !G(e), p = r.attrs, d = p === void 0 ? _ : p, h = r.componentId, f2 = h === void 0 ? (function(e2, t) {
     var n = typeof e2 != "string" ? "sc" : R(e2);
@@ -3049,8 +3106,8 @@ function it(e, r, s) {
   var N2 = new Qe(s, g2, i ? a.componentStyle : void 0);
   function O2(e2, r2) {
     return (function(e3, r3, s2) {
-      var i2 = e3.attrs, a2 = e3.componentStyle, c2 = e3.defaultProps, p2 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = o.useContext(et), m3 = Le(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && useDebugValue(d2);
+      var i2 = e3.attrs, a2 = e3.componentStyle, c2 = e3.defaultProps, p2 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = o__default.default.useContext(et), m3 = Le(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && o.useDebugValue(d2);
       var v2 = I(r3, f3, c2) || C, g3 = (function(e4, n, o2) {
         for (var r4, s3 = __assign(__assign({}, n), { className: void 0, theme: o2 }), i3 = 0; i3 < e4.length; i3 += 1) {
           var a3 = re(r4 = e4[i3]) ? r4(s3) : r4;
@@ -3060,16 +3117,16 @@ function it(e, r, s) {
       })(i2, r3, v2), S3 = g3.as || h2, w3 = {};
       for (var b2 in g3) g3[b2] === void 0 || b2[0] === "$" || b2 === "as" || b2 === "theme" && g3.theme === v2 || (b2 === "forwardedAs" ? w3.as = g3.forwardedAs : y3 && !y3(b2, S3) || (w3[b2] = g3[b2], y3 || process.env.NODE_ENV !== "development" || isPropValid(b2) || st.has(b2) || !A.has(S3) || (st.add(b2), console.warn('styled-components: it looks like an unknown prop "'.concat(b2, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var E3 = (function(e4, t) {
-        var n = Le(), o2 = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return process.env.NODE_ENV !== "production" && useDebugValue(o2), o2;
+        var n = Le(), o$1 = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
+        return process.env.NODE_ENV !== "production" && o.useDebugValue(o$1), o$1;
       })(a2, g3);
       process.env.NODE_ENV !== "production" && e3.warnTooManyClasses && e3.warnTooManyClasses(E3);
       var N3 = ie(p2, d2);
-      return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[G(S3) && !A.has(S3) ? "class" : "className"] = N3, s2 && (w3.ref = s2), createElement(S3, w3);
+      return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[G(S3) && !A.has(S3) ? "class" : "className"] = N3, s2 && (w3.ref = s2), o.createElement(S3, w3);
     })(D2, e2, r2);
   }
   O2.displayName = y2;
-  var D2 = o.forwardRef(O2);
+  var D2 = o__default.default.forwardRef(O2);
   return D2.attrs = S2, D2.componentStyle = N2, D2.displayName = y2, D2.shouldForwardProp = w2, D2.foldedComponentIds = i ? ie(a.foldedComponentIds, a.styledComponentId) : "", D2.styledComponentId = g2, D2.target = i ? a.target : e, Object.defineProperty(D2, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(e2) {
@@ -3137,34 +3194,34 @@ var wt = "__sc-".concat(f, "__");
 process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[wt] || (window[wt] = 0), window[wt] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
 
 See https://s-c.sh/2BAXzed for more info.`), window[wt] += 1);
-const WrapText = dt(Box)`
+const WrapText = dt(ui.Box)`
   white-space: normal;
 `, LocaleCheckbox = ({
   locale,
   toggle,
   checked
 }) => {
-  const onClick = useCallback(
+  const onClick = o.useCallback(
     () => toggle(locale.localeId, !checked),
     [locale.localeId, toggle, checked]
   );
-  return /* @__PURE__ */ jsx(
-    Button,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Button,
     {
       mode: "ghost",
       onClick,
       style: { cursor: "pointer" },
       radius: 2,
-      children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsx(
-          Switch,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Switch,
           {
             style: { pointerEvents: "none" },
             onChange: onClick,
             checked
           }
         ),
-        /* @__PURE__ */ jsx(WrapText, { children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: locale.description }) })
+        /* @__PURE__ */ jsxRuntime.jsx(WrapText, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: locale.description }) })
       ] })
     }
   );
@@ -3191,16 +3248,16 @@ const WrapText = dt(Box)`
     setAutoPatchReferences,
     autoPublish,
     setAutoPublish
-  } = useTranslations(), [isImporting, setIsImporting] = useState(!1), [isPublishing, setIsPublishing] = useState(!1), toast = useToast(), document2 = documents[0], currentDocumentLanguage = useMemo(() => {
+  } = useTranslations(), [isImporting, setIsImporting] = o.useState(!1), [isPublishing, setIsPublishing] = o.useState(!1), toast = ui.useToast(), document2 = documents[0], currentDocumentLanguage = o.useMemo(() => {
     if (!document2) return null;
     const languageField = pluginConfig.getLanguageField();
     return document2[languageField] || pluginConfig.getSourceLocale();
-  }, [document2]), shouldShowTranslationComponents = useMemo(() => currentDocumentLanguage ? currentDocumentLanguage === pluginConfig.getSourceLocale() : !1, [currentDocumentLanguage]), availableLocales = useMemo(() => {
+  }, [document2]), shouldShowTranslationComponents = o.useMemo(() => currentDocumentLanguage ? currentDocumentLanguage === pluginConfig.getSourceLocale() : !1, [currentDocumentLanguage]), availableLocales = o.useMemo(() => {
     const sourceLocale = pluginConfig.getSourceLocale();
     return locales.filter(
       (locale) => locale.enabled !== !1 && locale.localeId !== sourceLocale
     );
-  }, [locales]), documentId = useMemo(() => document2 ? getDocumentPublishedId(document2) : null, [document2]), handleImportTranslations = useCallback(
+  }, [locales]), documentId = o.useMemo(() => document2 ? getDocumentPublishedId(document2) : null, [document2]), handleImportTranslations = o.useCallback(
     async (options = {}) => {
       const { autoOnly = !1 } = options;
       if (isImporting || !documentId || autoOnly && !autoImport) return;
@@ -3241,12 +3298,12 @@ const WrapText = dt(Box)`
       toast
     ]
   );
-  useEffect(() => {
+  o.useEffect(() => {
     handleImportTranslations({ autoOnly: !0 });
-  }, [handleImportTranslations]), useEffect(() => {
+  }, [handleImportTranslations]), o.useEffect(() => {
     setAutoRefresh(!0), setAutoPatchReferences(!0), setAutoPublish(!0);
   }, [setAutoRefresh, setAutoPatchReferences, setAutoPublish]);
-  const toggleLocale = useCallback(
+  const toggleLocale = o.useCallback(
     (localeId, shouldEnable) => {
       const updatedLocales = locales.map(
         (locale) => locale.localeId === localeId ? { ...locale, enabled: shouldEnable } : locale
@@ -3254,7 +3311,7 @@ const WrapText = dt(Box)`
       setLocales(updatedLocales);
     },
     [locales, setLocales]
-  ), toggleAllLocales = useCallback(() => {
+  ), toggleAllLocales = o.useCallback(() => {
     const sourceLocale = pluginConfig.getSourceLocale(), allEnabled = locales.filter(
       (locale) => locale.localeId !== sourceLocale
     ).every(
@@ -3264,14 +3321,14 @@ const WrapText = dt(Box)`
     );
     setLocales(updatedLocales);
   }, [locales, setLocales]);
-  return shouldShowTranslationComponents ? /* @__PURE__ */ jsxs(Stack, { space: 6, padding: 4, children: [
-    /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-      /* @__PURE__ */ jsx(Text, { as: "h2", weight: "semibold", size: 2, children: "Generate Translations" }),
-      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ jsx(Text, { weight: "semibold", size: 1, children: availableLocales.length === 1 ? "Select locale" : "Select locales" }),
-          /* @__PURE__ */ jsx(
-            Button,
+  return shouldShowTranslationComponents ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 6, padding: 4, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h2", weight: "semibold", size: 2, children: "Generate Translations" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "semibold", size: 1, children: availableLocales.length === 1 ? "Select locale" : "Select locales" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
             {
               fontSize: 1,
               padding: 2,
@@ -3280,9 +3337,9 @@ const WrapText = dt(Box)`
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(Grid, { columns: [1, 1, 2, 3], gap: 1, children: locales.filter(
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Grid, { columns: [1, 1, 2, 3], gap: 1, children: locales.filter(
           (locale) => locale.localeId !== pluginConfig.getSourceLocale()
-        ).map((locale) => /* @__PURE__ */ jsx(
+        ).map((locale) => /* @__PURE__ */ jsxRuntime.jsx(
           LocaleCheckbox,
           {
             locale,
@@ -3292,8 +3349,8 @@ const WrapText = dt(Box)`
           locale.localeId
         )) })
       ] }),
-      /* @__PURE__ */ jsx(
-        Button,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Button,
         {
           onClick: () => {
             setAutoImport(!0), handleTranslateAll();
@@ -3304,22 +3361,22 @@ const WrapText = dt(Box)`
         }
       )
     ] }),
-    documentId && availableLocales.length > 0 && /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
-        /* @__PURE__ */ jsx(Text, { as: "h2", weight: "semibold", size: 2, children: "Translation Status" }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", children: [
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-refresh" }),
-            /* @__PURE__ */ jsx(
-              Switch,
+    documentId && availableLocales.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h2", weight: "semibold", size: 2, children: "Translation Status" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-refresh" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Switch,
               {
                 checked: autoRefresh,
                 onChange: () => setAutoRefresh(!autoRefresh)
               }
             )
           ] }),
-          /* @__PURE__ */ jsx(
-            Button,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
             {
               fontSize: 1,
               padding: 2,
@@ -3330,14 +3387,14 @@ const WrapText = dt(Box)`
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsx(Box, { children: availableLocales.map((locale) => {
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: availableLocales.map((locale) => {
         const key = createTranslationStatusKey(
           branchId,
           documentId,
           document2._rev,
           locale.localeId
         ), status = translationStatuses.get(key), progress = status?.progress || 0, isImported = importedTranslations.has(key);
-        return /* @__PURE__ */ jsx(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           LanguageStatus,
           {
             title: locale.description,
@@ -3354,17 +3411,17 @@ const WrapText = dt(Box)`
           key
         );
       }) }),
-      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsx(
-              Button,
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", justify: "space-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
               {
                 mode: "ghost",
                 tone: "primary",
                 onClick: () => handleImportTranslations(),
                 text: isImporting ? "Importing..." : "Import All",
-                icon: DownloadIcon,
+                icon: icons.DownloadIcon,
                 disabled: isImporting || availableLocales.every((locale) => {
                   const key = createTranslationStatusKey(
                     branchId,
@@ -3377,19 +3434,19 @@ const WrapText = dt(Box)`
                 style: { minWidth: "180px" }
               }
             ),
-            /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx(
-                Switch,
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Switch,
                 {
                   checked: autoImport,
                   onChange: () => setAutoImport(!autoImport),
                   disabled: isImporting
                 }
               ),
-              /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-import when complete" })
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-import when complete" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, children: [
             "Imported",
             " ",
             availableLocales.filter((locale) => {
@@ -3413,14 +3470,14 @@ const WrapText = dt(Box)`
             }).length
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", justify: "flex-start", children: [
-          /* @__PURE__ */ jsx(
-            Tooltip,
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", justify: "flex-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Tooltip,
             {
               placement: "top",
               content: `Replaces references to ${pluginConfig.getSourceLocale()} documents in this document with the corresponding translated document reference`,
-              children: /* @__PURE__ */ jsx(
-                Button,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
                 {
                   mode: "ghost",
                   tone: "caution",
@@ -3428,33 +3485,33 @@ const WrapText = dt(Box)`
                     await handlePatchDocumentReferences();
                   },
                   text: isBusy ? "Patching..." : "Patch References",
-                  icon: isBusy ? null : LinkIcon,
+                  icon: isBusy ? null : icons.LinkIcon,
                   disabled: isBusy || isImporting,
                   style: { minWidth: "180px" }
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsx(
-              Switch,
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Switch,
               {
                 checked: autoPatchReferences,
                 onChange: () => setAutoPatchReferences(!autoPatchReferences),
                 disabled: isImporting || isBusy
               }
             ),
-            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-patch after import" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-patch after import" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", justify: "flex-start", children: [
-          /* @__PURE__ */ jsx(
-            Tooltip,
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", justify: "flex-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Tooltip,
             {
               placement: "top",
               content: "Publishes all translations (if the source document is published)",
-              children: /* @__PURE__ */ jsx(
-                Button,
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Button,
                 {
                   mode: "ghost",
                   tone: "positive",
@@ -3467,48 +3524,48 @@ const WrapText = dt(Box)`
                     }
                   },
                   text: isPublishing ? "Publishing..." : "Publish Translations",
-                  icon: isPublishing ? null : PublishIcon,
+                  icon: isPublishing ? null : icons.PublishIcon,
                   disabled: isBusy || isPublishing || isImporting,
                   style: { minWidth: "180px" }
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsx(
-              Switch,
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Switch,
               {
                 checked: autoPublish,
                 onChange: () => setAutoPublish(!autoPublish),
                 disabled: isPublishing || isImporting || isBusy
               }
             ),
-            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-publish after import" })
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-publish after import" })
           ] })
         ] })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ jsx(Card, { padding: 4, tone: "neutral", border: !0, children: /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 4, tone: "neutral", border: !0, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, children: [
     "Translation tools are only available for",
     " ",
-    /* @__PURE__ */ jsx("code", { children: pluginConfig.getSourceLocale() }),
+    /* @__PURE__ */ jsxRuntime.jsx("code", { children: pluginConfig.getSourceLocale() }),
     " documents."
   ] }) });
 }, TranslationTab = (props) => {
   const { displayed } = props.document;
-  return /* @__PURE__ */ jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsx(TranslationsProvider, { singleDocument: displayed, children: /* @__PURE__ */ jsx(TranslationView, {}) }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsProvider, { singleDocument: displayed, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationView, {}) }) });
 }, translateAction = (props) => {
-  const [dialogOpen, setDialogOpen] = useState(!1), document2 = props.draft || props.published;
+  const [dialogOpen, setDialogOpen] = o.useState(!1), document2 = props.draft || props.published;
   return {
     label: "Translate",
-    icon: TranslateIcon,
+    icon: icons.TranslateIcon,
     tone: "primary",
     onHandle: () => setDialogOpen(!0),
     dialog: dialogOpen ? {
       type: "dialog",
       header: "Translations",
       onClose: () => setDialogOpen(!1),
-      content: /* @__PURE__ */ jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsx(TranslationsProvider, { singleDocument: document2, children: /* @__PURE__ */ jsx(TranslationView, {}) }) })
+      content: /* @__PURE__ */ jsxRuntime.jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsProvider, { singleDocument: document2, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationView, {}) }) })
     } : null
   };
 }, TranslationsTable = () => {
@@ -3522,19 +3579,19 @@ const WrapText = dt(Box)`
     handleImportDocument,
     branchId
   } = useTranslations();
-  return loadingDocuments ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(Box, { style: { maxHeight: "60vh", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { space: 2, children: documents.map((document2) => /* @__PURE__ */ jsx(Card, { shadow: 1, padding: 3, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    /* @__PURE__ */ jsx(Flex, { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ jsxs(Box, { flex: 1, children: [
-      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: 1, children: getDocumentPublishedId(document2) }),
-      /* @__PURE__ */ jsx(Text, { size: 0, muted: !0, style: { marginTop: "2px" }, children: document2._type })
+  return loadingDocuments ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { maxHeight: "60vh", overflowY: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: documents.map((document2) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { shadow: 1, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { flex: 1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "semibold", size: 1, children: getDocumentPublishedId(document2) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 0, muted: !0, style: { marginTop: "2px" }, children: document2._type })
     ] }) }),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: locales.length > 0 ? locales.filter((locale) => locale.enabled !== !1).map((locale) => {
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: locales.length > 0 ? locales.filter((locale) => locale.enabled !== !1).map((locale) => {
       const documentId = getDocumentPublishedId(document2), key = createTranslationStatusKey(
         branchId,
         documentId,
         document2._rev,
         locale.localeId
       ), status = translationStatuses.get(key), isDownloaded = downloadStatus.downloaded.has(key), isImported = importedTranslations.has(key);
-      return /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(
         LanguageStatus,
         {
           title: locale.description || locale.localeId,
@@ -3550,40 +3607,40 @@ const WrapText = dt(Box)`
         },
         `${document2._id}-${document2._rev}-${locale.localeId}`
       );
-    }) : /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No locales configured" }) })
+    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "No locales configured" }) })
   ] }) }, document2._id)) }) });
 }, TranslateAllDialog = ({
   isOpen,
   onClose
 }) => {
-  const { documents, handleTranslateAll } = useTranslations();
-  return isOpen ? /* @__PURE__ */ jsx(
-    Dialog,
+  const { documents, handleTranslateAll } = useTranslations(), handleConfirm = async () => {
+    onClose(), await handleTranslateAll();
+  };
+  return isOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Dialog,
     {
       header: "Confirm Translation",
       id: "translate-all-dialog",
       onClose,
-      footer: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsx(Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
-        /* @__PURE__ */ jsx(
-          Button,
+      footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
           {
             text: "Translate All",
             tone: "critical",
-            onClick: async () => {
-              onClose(), await handleTranslateAll();
-            }
+            onClick: handleConfirm
           }
         )
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxs(Text, { children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
           "Are you sure you want to create translations for all",
           " ",
           documents.length,
           " documents?"
         ] }),
-        /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "This will submit all documents to General Translation for processing." })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "This will submit all documents to General Translation for processing." })
       ] }) })
     }
   ) : null;
@@ -3591,27 +3648,27 @@ const WrapText = dt(Box)`
   isOpen,
   onClose
 }) => {
-  const { documents, handleImportAll } = useTranslations();
-  return isOpen ? /* @__PURE__ */ jsx(
-    Dialog,
+  const { documents, handleImportAll } = useTranslations(), handleConfirm = async () => {
+    onClose(), await handleImportAll();
+  };
+  return isOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Dialog,
     {
       header: "Confirm Import",
       id: "import-all-dialog",
       onClose,
-      footer: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsx(Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
-        /* @__PURE__ */ jsx(Button, { text: "Import All", tone: "critical", onClick: async () => {
-          onClose(), await handleImportAll();
-        } })
+      footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Import All", tone: "critical", onClick: handleConfirm })
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxs(Text, { children: [
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
           "Are you sure you want to import translations for all",
           " ",
           documents.length,
           " documents?"
         ] }),
-        /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "This will download and apply translated content to your documents. Note that this will overwrite any existing translations!" })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "This will download and apply translated content to your documents. Note that this will overwrite any existing translations!" })
       ] }) })
     }
   ) : null;
@@ -3619,29 +3676,29 @@ const WrapText = dt(Box)`
   isOpen,
   onClose
 }) => {
-  const { handleImportMissing } = useTranslations();
-  return isOpen ? /* @__PURE__ */ jsx(
-    Dialog,
+  const { handleImportMissing } = useTranslations(), handleConfirm = async () => {
+    onClose(), await handleImportMissing();
+  };
+  return isOpen ? /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Dialog,
     {
       header: "Confirm Import Missing",
       id: "import-missing-dialog",
       onClose,
-      footer: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsx(Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
-        /* @__PURE__ */ jsx(
-          Button,
+      footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
           {
             text: "Import Missing",
             tone: "primary",
-            onClick: async () => {
-              onClose(), await handleImportMissing();
-            }
+            onClick: handleConfirm
           }
         )
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-        /* @__PURE__ */ jsx(Text, { children: "Import only the missing translations (translations that are ready but haven't been imported to Sanity yet)?" }),
-        /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "This will check existing translation metadata and only import translations that don't already exist in your dataset." })
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Import only the missing translations (translations that are ready but haven't been imported to Sanity yet)?" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "This will check existing translation metadata and only import translations that don't already exist in your dataset." })
       ] }) })
     }
   ) : null;
@@ -3650,9 +3707,9 @@ const WrapText = dt(Box)`
   current,
   total,
   operationName
-}) => isActive ? /* @__PURE__ */ jsxs(Flex, { justify: "center", align: "center", gap: 3, children: [
-  /* @__PURE__ */ jsx(Spinner, { size: 1 }),
-  /* @__PURE__ */ jsxs(Text, { size: 1, children: [
+}) => isActive ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: "center", align: "center", gap: 3, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { size: 1 }),
+  /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, children: [
     operationName,
     " ",
     current,
@@ -3661,7 +3718,7 @@ const WrapText = dt(Box)`
     "..."
   ] })
 ] }) : null, TranslationsToolContent = () => {
-  const [isTranslateAllDialogOpen, setIsTranslateAllDialogOpen] = useState(!1), [isImportAllDialogOpen, setIsImportAllDialogOpen] = useState(!1), [isImportMissingDialogOpen, setIsImportMissingDialogOpen] = useState(!1), {
+  const [isTranslateAllDialogOpen, setIsTranslateAllDialogOpen] = o.useState(!1), [isImportAllDialogOpen, setIsImportAllDialogOpen] = o.useState(!1), [isImportMissingDialogOpen, setIsImportMissingDialogOpen] = o.useState(!1), {
     isBusy,
     documents,
     locales,
@@ -3674,7 +3731,7 @@ const WrapText = dt(Box)`
     handleRefreshAll,
     handlePatchDocumentReferences,
     handlePublishAllTranslations
-  } = useTranslations(), [currentOperation, setCurrentOperation] = useState(null), getOperationText = (operationName, isProcessing) => {
+  } = useTranslations(), [currentOperation, setCurrentOperation] = o.useState(null), getOperationText = (operationName, isProcessing) => {
     if (!isProcessing || !operationName) return operationName;
     switch (operationName) {
       case "Translate All":
@@ -3704,28 +3761,28 @@ const WrapText = dt(Box)`
         return "Processing";
     }
   };
-  return o.useEffect(() => {
+  return o__default.default.useEffect(() => {
     !isBusy && !importProgress.isImporting && setCurrentOperation(null);
-  }, [isBusy, importProgress.isImporting]), /* @__PURE__ */ jsxs(Container, { width: 2, children: [
-    /* @__PURE__ */ jsx(Box, { padding: 4, marginTop: 5, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
-        /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-          /* @__PURE__ */ jsx(Heading, { as: "h2", size: 3, children: "Translations" }),
-          /* @__PURE__ */ jsx(Text, { size: 2, children: "Manage your document translations from this centralized location." })
+  }, [isBusy, importProgress.isImporting]), /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { width: 2, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, marginTop: 5, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { as: "h2", size: 3, children: "Translations" }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: "Manage your document translations from this centralized location." })
         ] }),
-        /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", children: [
-          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-refresh" }),
-            /* @__PURE__ */ jsx(
-              Switch,
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-refresh" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Switch,
               {
                 checked: autoRefresh,
                 onChange: () => setAutoRefresh(!autoRefresh)
               }
             )
           ] }),
-          /* @__PURE__ */ jsx(
-            Button,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
             {
               fontSize: 1,
               padding: 2,
@@ -3736,10 +3793,10 @@ const WrapText = dt(Box)`
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: loadingDocuments ? "Loading documents..." : `Found ${documents.length} documents available for translation` }) }),
-        /* @__PURE__ */ jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsx(
-          Button,
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: loadingDocuments ? "Loading documents..." : `Found ${documents.length} documents available for translation` }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
           {
             style: { width: "200px" },
             tone: "critical",
@@ -3753,17 +3810,17 @@ const WrapText = dt(Box)`
             disabled: isBusy || loadingDocuments || documents.length === 0
           }
         ) }),
-        /* @__PURE__ */ jsx(TranslationsTable, {}),
-        /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-          /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", justify: "space-between", children: [
-            /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsx(
-                Tooltip,
+        /* @__PURE__ */ jsxRuntime.jsx(TranslationsTable, {}),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", justify: "space-between", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Tooltip,
                 {
                   placement: "top",
                   content: "Imports and overrides all translations",
-                  children: /* @__PURE__ */ jsx(
-                    Button,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Button,
                     {
                       mode: "ghost",
                       onClick: () => {
@@ -3773,19 +3830,19 @@ const WrapText = dt(Box)`
                         "Import All",
                         isBusy && currentOperation === "Import All"
                       ),
-                      icon: isBusy && currentOperation === "Import All" ? null : DownloadIcon,
+                      icon: isBusy && currentOperation === "Import All" ? null : icons.DownloadIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx(
-                Tooltip,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Tooltip,
                 {
                   placement: "top",
                   content: "Imports all translations that are not yet imported (according to the source document's translation.metadata document)",
-                  children: /* @__PURE__ */ jsx(
-                    Button,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Button,
                     {
                       mode: "ghost",
                       tone: "primary",
@@ -3796,19 +3853,19 @@ const WrapText = dt(Box)`
                         "Import Missing",
                         isBusy && currentOperation === "Import Missing"
                       ),
-                      icon: isBusy && currentOperation === "Import Missing" ? null : DownloadIcon,
+                      icon: isBusy && currentOperation === "Import Missing" ? null : icons.DownloadIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx(
-                Tooltip,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Tooltip,
                 {
                   placement: "top",
                   content: "Replaces references in documents with the corresponding translated document reference",
-                  children: /* @__PURE__ */ jsx(
-                    Button,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Button,
                     {
                       mode: "ghost",
                       tone: "caution",
@@ -3819,19 +3876,19 @@ const WrapText = dt(Box)`
                         "Patch Document References",
                         isBusy && currentOperation === "Patch Document References"
                       ),
-                      icon: isBusy && currentOperation === "Patch Document References" ? null : LinkIcon,
+                      icon: isBusy && currentOperation === "Patch Document References" ? null : icons.LinkIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsx(
-                Tooltip,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ui.Tooltip,
                 {
                   placement: "top",
                   content: "Publishes all translations whose source document is published",
-                  children: /* @__PURE__ */ jsx(
-                    Button,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    ui.Button,
                     {
                       mode: "ghost",
                       tone: "positive",
@@ -3842,17 +3899,17 @@ const WrapText = dt(Box)`
                         "Publish Translations",
                         isBusy && currentOperation === "Publish Translations"
                       ),
-                      icon: isBusy && currentOperation === "Publish Translations" ? null : PublishIcon,
+                      icon: isBusy && currentOperation === "Publish Translations" ? null : icons.PublishIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              importedTranslations.size === documents.length * locales.filter((l) => l.enabled !== !1).length && documents.length > 0 && locales.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", style: { color: "green" }, children: [
-                /* @__PURE__ */ jsx(CheckmarkCircleIcon, {}),
-                /* @__PURE__ */ jsx(Text, { size: 1, children: "All translations imported" })
+              importedTranslations.size === documents.length * locales.filter((l) => l.enabled !== !1).length && documents.length > 0 && locales.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", style: { color: "green" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(icons.CheckmarkCircleIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "All translations imported" })
               ] }),
-              importedTranslations.size > 0 && importedTranslations.size < documents.length * locales.filter((l) => l.enabled !== !1).length && /* @__PURE__ */ jsxs(Text, { size: 1, style: { color: "#666" }, children: [
+              importedTranslations.size > 0 && importedTranslations.size < documents.length * locales.filter((l) => l.enabled !== !1).length && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, style: { color: "#666" }, children: [
                 importedTranslations.size,
                 "/",
                 documents.length * locales.filter((l) => l.enabled !== !1).length,
@@ -3860,9 +3917,9 @@ const WrapText = dt(Box)`
                 "imported"
               ] })
             ] }),
-            /* @__PURE__ */ jsx(Box, {})
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {})
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(
             BatchProgress,
             {
               isActive: importProgress.isImporting,
@@ -3873,28 +3930,28 @@ const WrapText = dt(Box)`
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxs(Text, { size: 2, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 2, children: [
         "For more information, see the",
         " ",
-        /* @__PURE__ */ jsx(Link, { href: "https://dash.generaltranslation.com", children: "General Translation Dashboard" }),
+        /* @__PURE__ */ jsxRuntime.jsx(router.Link, { href: "https://dash.generaltranslation.com", children: "General Translation Dashboard" }),
         "."
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       TranslateAllDialog,
       {
         isOpen: isTranslateAllDialogOpen,
         onClose: () => setIsTranslateAllDialogOpen(!1)
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       ImportAllDialog,
       {
         isOpen: isImportAllDialogOpen,
         onClose: () => setIsImportAllDialogOpen(!1)
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       ImportMissingDialog,
       {
         isOpen: isImportMissingDialogOpen,
@@ -3902,7 +3959,7 @@ const WrapText = dt(Box)`
       }
     )
   ] });
-}, TranslationsTool = () => /* @__PURE__ */ jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsx(TranslationsProvider, { children: /* @__PURE__ */ jsx(TranslationsToolContent, {}) }) }), gtPlugin = definePlugin(
+}, TranslationsTool = () => /* @__PURE__ */ jsxRuntime.jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsToolContent, {}) }) }), gtPlugin = sanity.definePlugin(
   ({
     languageField = "language",
     sourceLocale,
@@ -3924,7 +3981,7 @@ const WrapText = dt(Box)`
     additionalBlockDeserializers = [],
     showDocumentInternationalization = !0
   }) => {
-    const resolvedSourceLocale = sourceLocale ?? defaultLocale ?? libraryDefaultLocale;
+    const resolvedSourceLocale = sourceLocale ?? defaultLocale ?? internal.libraryDefaultLocale;
     let normalizedTranslateDocuments;
     translateDocuments && (normalizedTranslateDocuments = translateDocuments.map((entry) => typeof entry == "string" ? { type: entry } : entry).filter((filter2) => filter2.documentId || filter2.type)), pluginConfig.init(
       secretsNamespace,
@@ -3953,11 +4010,11 @@ const WrapText = dt(Box)`
       const schemaTypes = normalizedTranslateDocuments?.map((filter2) => filter2.type).filter((type) => !!type) ?? [];
       if (schemaTypes.length > 0) {
         const supportedLanguages = [resolvedSourceLocale, ...locales].map((locale) => {
-          const props = getLocaleProperties(locale, resolvedSourceLocale);
+          const props = generaltranslation.getLocaleProperties(locale, resolvedSourceLocale);
           return { id: locale, title: props.name };
         });
         plugins.push(
-          documentInternationalization({
+          documentInternationalization.documentInternationalization({
             supportedLanguages,
             schemaTypes,
             languageField
@@ -3973,7 +4030,7 @@ const WrapText = dt(Box)`
           name: "translations",
           title: "Translations",
           component: TranslationsTool,
-          router: route.create("/*")
+          router: router.route.create("/*")
         }
       ],
       document: {
@@ -3982,22 +4039,45 @@ const WrapText = dt(Box)`
     };
   }
 );
-export {
-  BaseDocumentDeserializer,
-  BaseDocumentMerger,
-  BaseDocumentSerializer,
-  DocumentInternationalizationMenu,
-  TranslationTab as TranslationsTab,
-  attachGTData,
-  customSerializers,
-  defaultStopTypes,
-  detachGTData,
-  documentInternationalization2 as documentInternationalization,
-  findLatestDraft,
-  gtPlugin,
-  translateAction,
-  useDeleteTranslationAction,
-  useDocumentInternationalizationContext,
-  useDuplicateWithTranslationsAction
-};
-//# sourceMappingURL=index.mjs.map
+Object.defineProperty(exports, "DocumentInternationalizationMenu", {
+  enumerable: !0,
+  get: function() {
+    return documentInternationalization.DocumentInternationalizationMenu;
+  }
+});
+Object.defineProperty(exports, "documentInternationalization", {
+  enumerable: !0,
+  get: function() {
+    return documentInternationalization.documentInternationalization;
+  }
+});
+Object.defineProperty(exports, "useDeleteTranslationAction", {
+  enumerable: !0,
+  get: function() {
+    return documentInternationalization.useDeleteTranslationAction;
+  }
+});
+Object.defineProperty(exports, "useDocumentInternationalizationContext", {
+  enumerable: !0,
+  get: function() {
+    return documentInternationalization.useDocumentInternationalizationContext;
+  }
+});
+Object.defineProperty(exports, "useDuplicateWithTranslationsAction", {
+  enumerable: !0,
+  get: function() {
+    return documentInternationalization.useDuplicateWithTranslationsAction;
+  }
+});
+exports.BaseDocumentDeserializer = BaseDocumentDeserializer;
+exports.BaseDocumentMerger = BaseDocumentMerger;
+exports.BaseDocumentSerializer = BaseDocumentSerializer;
+exports.TranslationsTab = TranslationTab;
+exports.attachGTData = attachGTData;
+exports.customSerializers = customSerializers;
+exports.defaultStopTypes = defaultStopTypes;
+exports.detachGTData = detachGTData;
+exports.findLatestDraft = findLatestDraft;
+exports.gtPlugin = gtPlugin;
+exports.translateAction = translateAction;
+//# sourceMappingURL=index.cjs.map