@liiift-studio/sanity-font-manager 2.5.1 → 2.5.3

package/dist/index.js

@@ -60,7 +60,8 @@
 
 
 
-var _chunkJCDZ7SWZjs = require('./chunk-JCDZ7SWZ.js');
+var _chunkPGSHWNGWjs = require('./chunk-PGSHWNGW.js');
+require('./chunk-MCKGQKYU.js');
 
 // src/components/BatchUploadFonts.jsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -114,7 +115,7 @@ var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, styl
         if (fileType === "woff2") {
           console.log(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating CSS for: ${fontObject.title}`);
           setStatus(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating CSS for: ${fontObject.title}`);
-          newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
+          newFileInput = await _chunkPGSHWNGWjs.generateCssFile.call(void 0, {
             woff2File: file,
             fileInput: newFileInput,
             fontName: fontObject.title,
@@ -128,7 +129,7 @@ var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, styl
         if (fileType === "ttf") {
           console.log(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating font data for: ${fontObject.title}`);
           setStatus(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Generating font data for: ${fontObject.title}`);
-          const metadata = await _chunkJCDZ7SWZjs.generateFontData.call(void 0, {
+          const metadata = await _chunkPGSHWNGWjs.generateFontData.call(void 0, {
             fontId: fontObject._id,
             url: baseAsset.url,
             fontKit,
@@ -241,7 +242,7 @@ var createOrUpdateFontDocument = async (font, client, setError) => {
     delete font.fontKit;
     delete font.originalFilename;
     if (font.variableFont && font.variableInstances) {
-      const instanceMappings = await _chunkJCDZ7SWZjs.parseVariableFontInstances.call(void 0, font, client);
+      const instanceMappings = await _chunkPGSHWNGWjs.parseVariableFontInstances.call(void 0, font, client);
       if (instanceMappings.length > 0) {
         font.variableInstanceReferences = instanceMappings;
       }
@@ -406,9 +407,9 @@ var renameFontDocuments = async ({
           const res = await fetch(ttfAsset.url);
           file = await res.blob();
         }
-        const fontBuffer = await _chunkJCDZ7SWZjs.readFontFile.call(void 0, file);
-        const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, `${fontDoc._id}.ttf`);
-        const { weightName, subfamilyName, fontTitle } = _chunkJCDZ7SWZjs.extractFontMetadata.call(void 0, 
+        const fontBuffer = await _chunkPGSHWNGWjs.readFontFile.call(void 0, file);
+        const font = await _chunkPGSHWNGWjs.parseFont.call(void 0, fontBuffer, `${fontDoc._id}.ttf`);
+        const { weightName, subfamilyName, fontTitle } = _chunkPGSHWNGWjs.extractFontMetadata.call(void 0, 
           font,
           typefaceName,
           weightKeywordList,
@@ -588,7 +589,7 @@ var groupFontsBySubfamily = (fonts) => {
     if ((_a = font.title) == null ? void 0 : _a.includes("VF")) {
       subfamilies[`VF_${font.title}`] = [font];
     } else {
-      const subfamilyName = font.subfamily ? _chunkJCDZ7SWZjs.expandAbbreviations.call(void 0, font.subfamily) : "Regular";
+      const subfamilyName = font.subfamily ? _chunkPGSHWNGWjs.expandAbbreviations.call(void 0, font.subfamily) : "Regular";
       if (!subfamilies[subfamilyName]) subfamilies[subfamilyName] = [];
       subfamilies[subfamilyName].push(font);
     }
@@ -636,7 +637,7 @@ var updateTypefaceSubfamilies = async (doc_id, stylesObject, newSubfamiliesArray
 };
 
 // src/components/BatchUploadFonts.jsx
-var UploadModal2 = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./UploadModal-WPK2CXLR.js"))));
+var UploadModal2 = _react.lazy.call(void 0, () => Promise.resolve().then(() => _interopRequireWildcard(require("./UploadModal-NQZGBJAH.js"))));
 var ACCEPTED_EXTENSIONS = ["ttf", "otf", "woff", "woff2", "eot", "svg"];
 var formatElapsed = (s) => {
   const m = Math.floor(s / 60);
@@ -665,7 +666,7 @@ var BatchUploadFonts = () => {
   const slug = _sanity.useFormValue.call(void 0, ["slug"]);
   const stylesObject = _sanity.useFormValue.call(void 0, ["styles"]) || { fonts: [], variableFont: [] };
   const subfamiliesArray = (stylesObject == null ? void 0 : stylesObject.subfamilies) || [];
-  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkJCDZ7SWZjs.generateStyleKeywords.call(void 0, ), []);
+  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkPGSHWNGWjs.generateStyleKeywords.call(void 0, ), []);
   _react.useEffect.call(void 0, () => {
     if (ready !== true) {
       setElapsedSeconds(0);
@@ -778,7 +779,7 @@ var BatchUploadFonts = () => {
       }
       const sortedFiles = sortFilesByType(pendingFiles);
       setPendingFiles([]);
-      const { fontsObjects, subfamilies, uniqueSubfamilies, newPreferredStyle, failedFiles } = await _chunkJCDZ7SWZjs.processFontFiles.call(void 0, 
+      const { fontsObjects, subfamilies, uniqueSubfamilies, newPreferredStyle, failedFiles } = await _chunkPGSHWNGWjs.processFontFiles.call(void 0, 
         sortedFiles,
         title,
         weightKeywordList,
@@ -797,7 +798,7 @@ var BatchUploadFonts = () => {
         setError,
         preserveFileNames
       );
-      await _chunkJCDZ7SWZjs.updateTypefaceDocument.call(void 0, 
+      await _chunkPGSHWNGWjs.updateTypefaceDocument.call(void 0, 
         doc_id,
         fontRefs,
         variableRefs,
@@ -914,7 +915,7 @@ var BatchUploadFonts = () => {
           const woff2Blob = await woff2Response.blob();
           const woff2File = new File([woff2Blob], `${fontDoc._id}.woff2`, { type: "font/woff2" });
           setStatus(`Regenerating CSS for font ${i + 1}/${fontRefs.length}: ${fontDoc.title}`);
-          const updatedFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
+          const updatedFileInput = await _chunkPGSHWNGWjs.generateCssFile.call(void 0, {
             woff2File,
             fileInput: fontDoc.fileInput,
             fileName: fontDoc._id,
@@ -1021,7 +1022,7 @@ var BatchUploadFonts = () => {
           style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0 }
         },
         ext
-      ), /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1 }, file.name))), /* @__PURE__ */ _react2.default.createElement(
+      ), /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1 }, file.name))), /* @__PURE__ */ _react2.default.createElement(
         _ui.Button,
         {
           mode: "bleed",
@@ -1136,7 +1137,7 @@ var BatchUploadFonts = () => {
   ), renderTooltipLabel(
     "Preserve shortened names",
     'Abbreviations in font names are kept as-is (e.g. "XNarrow" stays "XNarrow", "Bd" stays "Bd").'
-  )), ready === "rename" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Rename Existing Fonts", style: { width: "100%" }, onClick: handleRenameExistingFonts, disabled: ready !== true })), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Update Font Prices"), ready === "price" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 2 }, /* @__PURE__ */ _react2.default.createElement(_chunkJCDZ7SWZjs.PriceInput_default, { inputPrice, handleInputChange }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Update All Font Prices", style: { width: "100%" }, onClick: handleChangeFontPrice, disabled: ready !== true }))), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate CSS"), /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true, style: { lineHeight: 1.6 } }, "Rebuilds the CSS @font-face files for all fonts in the typeface fonts list."), ready === "css" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Regenerate CSS Files", style: { width: "100%" }, onClick: handleRegenerateCssFiles, disabled: ready !== true }))))));
+  )), ready === "rename" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Rename Existing Fonts", style: { width: "100%" }, onClick: handleRenameExistingFonts, disabled: ready !== true })), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Update Font Prices"), ready === "price" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 2 }, /* @__PURE__ */ _react2.default.createElement(_chunkPGSHWNGWjs.PriceInput_default, { inputPrice, handleInputChange }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Update All Font Prices", style: { width: "100%" }, onClick: handleChangeFontPrice, disabled: ready !== true }))), /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate CSS"), /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true, style: { lineHeight: 1.6 } }, "Rebuilds the CSS @font-face files for all fonts in the typeface fonts list."), ready === "css" ? renderProcessing() : /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", text: "Regenerate CSS Files", style: { width: "100%" }, onClick: handleRegenerateCssFiles, disabled: ready !== true }))))));
 };
 
 // src/components/GenerateCollectionsPairsComponent.jsx
@@ -1488,7 +1489,7 @@ var SingleUploaderTool = (props) => {
   const doc_style = _sanity.useFormValue.call(void 0, ["style"]);
   const doc_slug = _sanity.useFormValue.call(void 0, ["slug"]);
   const doc_metaData = _sanity.useFormValue.call(void 0, ["metaData"]);
-  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkJCDZ7SWZjs.generateStyleKeywords.call(void 0, ), []);
+  const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, () => _chunkPGSHWNGWjs.generateStyleKeywords.call(void 0, ), []);
   _react.useEffect.call(void 0, () => {
     handleSetFilenames();
   }, [fileInput]);
@@ -1542,7 +1543,7 @@ var SingleUploaderTool = (props) => {
         { id: woff2AssetRef }
       );
       const blob = await (await fetch(woff2Asset.url)).blob();
-      const newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
+      const newFileInput = await _chunkPGSHWNGWjs.generateCssFile.call(void 0, {
         woff2File: blob,
         fileInput,
         fontName: doc_title,
@@ -1633,16 +1634,16 @@ var SingleUploaderTool = (props) => {
       );
       if (!(ttfAsset == null ? void 0 : ttfAsset.url)) throw new Error("Could not fetch TTF file URL");
       const arrayBuffer = await (await fetch(ttfAsset.url)).arrayBuffer();
-      const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, arrayBuffer, `${doc_id}.ttf`);
-      const { weightName, subfamilyName, style, variableFont } = _chunkJCDZ7SWZjs.extractFontMetadata.call(void 0, 
+      const font = await _chunkPGSHWNGWjs.parseFont.call(void 0, arrayBuffer, `${doc_id}.ttf`);
+      const { weightName, subfamilyName, style, variableFont } = _chunkPGSHWNGWjs.extractFontMetadata.call(void 0, 
         font,
         doc_typefaceName,
         weightKeywordList,
         italicKeywordList
       );
-      const weight = _chunkJCDZ7SWZjs.determineWeight.call(void 0, font, weightName);
+      const weight = _chunkPGSHWNGWjs.determineWeight.call(void 0, font, weightName);
       await client.patch(doc_id).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
-      const fontData = await _chunkJCDZ7SWZjs.generateFontData.call(void 0, {
+      const fontData = await _chunkPGSHWNGWjs.generateFontData.call(void 0, {
         url: ttfAsset.url,
         fontKit: font,
         fontId: doc_id,
@@ -1656,7 +1657,7 @@ var SingleUploaderTool = (props) => {
           variableFont,
           variableInstances: fontData.variableInstances
         };
-        const instanceMappings = await _chunkJCDZ7SWZjs.parseVariableFontInstances.call(void 0, fontObj, client);
+        const instanceMappings = await _chunkPGSHWNGWjs.parseVariableFontInstances.call(void 0, fontObj, client);
         if (instanceMappings.length > 0) {
           await client.patch(doc_id).set({ variableInstanceReferences: instanceMappings }).commit();
         }
@@ -1775,7 +1776,7 @@ var SingleUploaderTool = (props) => {
       if (code === "woff2") {
         setMessage("Building CSS: " + doc_title + ".css");
         setStatus("Building CSS file");
-        newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
+        newFileInput = await _chunkPGSHWNGWjs.generateCssFile.call(void 0, {
           woff2File: file,
           fileInput: newFileInput,
           fontName: doc_title,
@@ -1789,15 +1790,15 @@ var SingleUploaderTool = (props) => {
         setStatus("CSS file built successfully");
       }
       if (code === "ttf") {
-        const fontBuffer = await _chunkJCDZ7SWZjs.readFontFile.call(void 0, file);
-        const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, file.name);
-        const { weightName, subfamilyName, style, variableFont } = _chunkJCDZ7SWZjs.extractFontMetadata.call(void 0, 
+        const fontBuffer = await _chunkPGSHWNGWjs.readFontFile.call(void 0, file);
+        const font = await _chunkPGSHWNGWjs.parseFont.call(void 0, fontBuffer, file.name);
+        const { weightName, subfamilyName, style, variableFont } = _chunkPGSHWNGWjs.extractFontMetadata.call(void 0, 
           font,
           doc_typefaceName,
           weightKeywordList,
           italicKeywordList
         );
-        const weight = _chunkJCDZ7SWZjs.determineWeight.call(void 0, font, weightName);
+        const weight = _chunkPGSHWNGWjs.determineWeight.call(void 0, font, weightName);
         const normalizedId = doc_id.startsWith("drafts.") ? doc_id.replace("drafts.", "") : doc_id;
         await client.patch(normalizedId).set({ weightName, subfamily: subfamilyName, style, variableFont, weight }).commit();
       }
@@ -1938,18 +1939,18 @@ var SingleUploaderTool = (props) => {
     const formatUpper = format.toUpperCase();
     const hasFile = !!((_b2 = (_a2 = fileInput == null ? void 0 : fileInput[format]) == null ? void 0 : _a2.asset) == null ? void 0 : _b2._ref);
     const fileUrl = hasFile ? `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${fileInput[format].asset._ref.replace("file-", "").replace("-", ".")}` : null;
-    return /* @__PURE__ */ _react2.default.createElement(_ui.Card, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, formatUpper), hasFile ? /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ _react2.default.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames[format]) || "File")) : /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 1, align: "center", style: { flexShrink: 0 } }, buildSource && (fileInput == null ? void 0 : fileInput[buildSource]) && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateFontFile(format, fileInput[buildSource]), text: "Build" }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1 }, "Upload"), /* @__PURE__ */ _react2.default.createElement("input", { ref, type: "file", hidden: true, onChange: (e) => handleUpload(e, format) })), hasFile && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "bleed", tone: "critical", icon: _icons.TrashIcon, padding: 2, onClick: () => handleDelete(format) }))));
+    return /* @__PURE__ */ _react2.default.createElement(_ui.Card, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, formatUpper), hasFile ? /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames[format]) || "File")) : /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 1, align: "center", style: { flexShrink: 0 } }, buildSource && (fileInput == null ? void 0 : fileInput[buildSource]) && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateFontFile(format, fileInput[buildSource]), text: "Build" }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1 }, "Upload"), /* @__PURE__ */ _react2.default.createElement("input", { ref, type: "file", hidden: true, onChange: (e) => handleUpload(e, format) })), hasFile && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "bleed", tone: "critical", icon: _icons.TrashIcon, padding: 2, onClick: () => handleDelete(format) }))));
   };
   const renderTopLevelAssetSection = (label, fieldName, assetRef, filename, onBuild) => {
     const hasFile = !!assetRef;
     const fileUrl = hasFile ? `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${assetRef.replace("file-", "").replace("-", ".")}` : null;
-    return /* @__PURE__ */ _react2.default.createElement(_ui.Card, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, label), hasFile ? /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ _react2.default.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, filename || "File")) : /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 1, align: "center", style: { flexShrink: 0 } }, onBuild && (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: onBuild, text: "Build" }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1 }, "Upload"), /* @__PURE__ */ _react2.default.createElement("input", { type: "file", hidden: true, onChange: (e) => handleUploadTopLevelFile(e, fieldName) })), hasFile && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "bleed", tone: "critical", icon: _icons.TrashIcon, padding: 2, onClick: () => handleDeleteTopLevel(fieldName) }))));
+    return /* @__PURE__ */ _react2.default.createElement(_ui.Card, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, label), hasFile ? /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, filename || "File")) : /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 1, align: "center", style: { flexShrink: 0 } }, onBuild && (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: onBuild, text: "Build" }), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1 }, "Upload"), /* @__PURE__ */ _react2.default.createElement("input", { type: "file", hidden: true, onChange: (e) => handleUploadTopLevelFile(e, fieldName) })), hasFile && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "bleed", tone: "critical", icon: _icons.TrashIcon, padding: 2, onClick: () => handleDeleteTopLevel(fieldName) }))));
   };
   const renderCssSection = () => {
     var _a2, _b2;
     const hasFile = !!((_b2 = (_a2 = fileInput == null ? void 0 : fileInput.css) == null ? void 0 : _a2.asset) == null ? void 0 : _b2._ref);
     const fileUrl = hasFile ? `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${fileInput.css.asset._ref.replace("file-", "").replace("-", ".")}` : null;
-    return /* @__PURE__ */ _react2.default.createElement(_ui.Card, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, "CSS"), hasFile ? /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ _react2.default.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames.css) || "File")) : /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 1, align: "center", style: { flexShrink: 0 } }, (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateCssFile(), text: "Build" }), hasFile && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "bleed", tone: "critical", icon: _icons.TrashIcon, padding: 2, onClick: () => handleDelete("css") }))));
+    return /* @__PURE__ */ _react2.default.createElement(_ui.Card, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, "CSS"), hasFile ? /* @__PURE__ */ _react2.default.createElement(_ui.Box, { style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames.css) || "File")) : /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 1, align: "center", style: { flexShrink: 0 } }, (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateCssFile(), text: "Build" }), hasFile && /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "bleed", tone: "critical", icon: _icons.TrashIcon, padding: 2, onClick: () => handleDelete("css") }))));
   };
   const renderDataSection = () => /* @__PURE__ */ _react2.default.createElement(_ui.Card, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: (doc_metaData == null ? void 0 : doc_metaData.version) ? 1 : 0.5 } }, "DATA"), (doc_metaData == null ? void 0 : doc_metaData.version) ? /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1 }, "v", doc_metaData.version, " ", /* @__PURE__ */ _react2.default.createElement(_ui.Text, { as: "span", size: 1, muted: true }, "(", doc_metaData.genDate, ")")) : /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 1, muted: true }, "\u2014")), status === "ready" && (fileInput == null ? void 0 : fileInput.ttf) && /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 1, align: "center", style: { flexShrink: 0 } }, /* @__PURE__ */ _react2.default.createElement(_ui.Button, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateFontData(), text: "Build" }))));
   return /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 2 }, /* @__PURE__ */ _react2.default.createElement(
@@ -2036,7 +2037,7 @@ var UploadScriptsComponent = (props) => {
   const stylesObject = _sanity.useFormValue.call(void 0, ["styles"]);
   let subfamiliesArray = (stylesObject == null ? void 0 : stylesObject.subfamilies) || [];
   const { weightKeywordList, italicKeywordList } = _react.useMemo.call(void 0, 
-    () => _chunkJCDZ7SWZjs.generateStyleKeywords.call(void 0, ),
+    () => _chunkPGSHWNGWjs.generateStyleKeywords.call(void 0, ),
     []
   );
   const readFontFile3 = (file) => {
@@ -2068,21 +2069,21 @@ var UploadScriptsComponent = (props) => {
       for (var i = 0; i < event.target.files.length; i++) {
         const file = event.target.files[i];
         const fontBuffer = await readFontFile3(file);
-        const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, file.name);
-        const fullName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 4);
-        const familyName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 1);
+        const font = await _chunkPGSHWNGWjs.parseFont.call(void 0, fontBuffer, file.name);
+        const fullName = _chunkPGSHWNGWjs.getNameString.call(void 0, font, 4);
+        const familyName = _chunkPGSHWNGWjs.getNameString.call(void 0, font, 1);
         console.log("Reading font:", fullName, file.name);
-        let weightName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 17) || _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 2) || "";
+        let weightName = _chunkPGSHWNGWjs.getNameString.call(void 0, font, 17) || _chunkPGSHWNGWjs.getNameString.call(void 0, font, 2) || "";
         weightName = weightName.replace("Italic", "").replace("It", "").trim();
         if ((weightName == "" || weightName.toLowerCase() == "roman") && fullName) {
           weightName = fullName.replace(title + " ", "").replace(title, "").trim();
           weightName = weightName.replace("Italic", "").replace("It", "").trim();
         }
-        const axes = _chunkJCDZ7SWZjs.getVariationAxes.call(void 0, font);
+        const axes = _chunkPGSHWNGWjs.getVariationAxes.call(void 0, font);
         let variableFont = axes !== null;
         let subfamilyName = familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
         let fontTitle = fullName;
-        const italicAngle = _chunkJCDZ7SWZjs.getItalicAngle.call(void 0, font);
+        const italicAngle = _chunkPGSHWNGWjs.getItalicAngle.call(void 0, font);
         let style = italicAngle !== 0 || fullName.toLowerCase().includes("italic") ? "Italic" : "Regular";
         if (fontTitle.toLowerCase().trim().includes(script)) {
           fontTitle = fontTitle.toLowerCase().trim().replace(script, "").trim();
@@ -2118,7 +2119,7 @@ var UploadScriptsComponent = (props) => {
         }
         if (variableFont && !fontTitle.toLowerCase().trim().endsWith(" vf")) fontTitle = fontTitle + " VF";
         if (italicKW.length > 0) {
-          italicKW = italicKW.map((item) => _chunkJCDZ7SWZjs.reverseSpellingLookup.call(void 0, item));
+          italicKW = italicKW.map((item) => _chunkPGSHWNGWjs.reverseSpellingLookup.call(void 0, item));
           fontTitle = fontTitle + italicKW.join(" ");
           style = "Italic";
         }
@@ -2152,7 +2153,7 @@ var UploadScriptsComponent = (props) => {
             variableFont,
             weightName,
             normalWeight: true,
-            weight: _chunkJCDZ7SWZjs.getWeightClass.call(void 0, font) || (/hairline|extra thin|extrathin/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 100 : /thin|extra light|extralight/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 200 : /light|book/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 300 : /regular|normal/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 400 : /medium/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 500 : /semi bold|semibold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 600 : /bold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 700 : /extra bold|extrabold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 800 : /black|ultra/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 900 : 400),
+            weight: _chunkPGSHWNGWjs.getWeightClass.call(void 0, font) || (/hairline|extra thin|extrathin/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 100 : /thin|extra light|extralight/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 200 : /light|book/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 300 : /regular|normal/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 400 : /medium/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 500 : /semi bold|semibold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 600 : /bold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 700 : /extra bold|extrabold/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 800 : /black|ultra/.test(weightName == null ? void 0 : weightName.toLowerCase()) ? 900 : 400),
             files: [file],
             fontKit: font,
             scriptFileInput: { [script]: {} }
@@ -2201,7 +2202,7 @@ var UploadScriptsComponent = (props) => {
           if (file.name.endsWith(".woff2")) {
             console.log("generating css file for: ", fontObject.title);
             setStatus("generating css file for: " + fontObject.title);
-            newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
+            newFileInput = await _chunkPGSHWNGWjs.generateCssFile.call(void 0, {
               woff2File: file,
               fileInput: newFileInput,
               // script: script,
@@ -2453,7 +2454,7 @@ var FontScriptUploaderComponent = (props) => {
     );
     let blob = await fetch(woff2Buffer.url);
     blob = await blob.blob();
-    let newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
+    let newFileInput = await _chunkPGSHWNGWjs.generateCssFile.call(void 0, {
       woff2File: blob,
       fileInput: scriptFileInput,
       language,
@@ -2538,7 +2539,7 @@ var FontScriptUploaderComponent = (props) => {
     if (code === "woff2") {
       console.log("woff2");
       setMessage({ ...message, [language]: "Generating Css: " + doc_title + ".css" });
-      newFileInput = await _chunkJCDZ7SWZjs.generateCssFile.call(void 0, {
+      newFileInput = await _chunkPGSHWNGWjs.generateCssFile.call(void 0, {
         woff2File: file,
         fileInput: newFileInput,
         language,
@@ -2811,21 +2812,36 @@ function KeyValueReferenceInput(props) {
   const pickerLabel = referenceType || valueTitle.toLowerCase();
   return /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 3 }, topActions && /* @__PURE__ */ _react2.default.createElement(_ui.Box, { paddingBottom: 2 }, topActions), /* @__PURE__ */ _react2.default.createElement(_ui.Box, null, /* @__PURE__ */ _react2.default.createElement(_ui.Stack, { space: 2 }, pairs.map((pair, index) => {
     var _a2;
-    return /* @__PURE__ */ _react2.default.createElement(_ui.Box, { key: index, style: { position: "relative" } }, /* @__PURE__ */ _react2.default.createElement("div", { style: { position: "absolute", height: "100%", top: "0", left: "-5px", width: "min-content", transform: "translate(-100%, 0%)" } }, /* @__PURE__ */ _react2.default.createElement("button", { className: "manualButton manualButtonUp", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveUp(index) }, /* @__PURE__ */ _react2.default.createElement(_icons.ArrowUpIcon, null)), /* @__PURE__ */ _react2.default.createElement("button", { className: "manualButton manualButtonDown", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveDown(index) }, /* @__PURE__ */ _react2.default.createElement(_icons.ArrowDownIcon, null))), /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { gap: 2, align: "flex-start" }, /* @__PURE__ */ _react2.default.createElement(_ui.Box, { flex: 1 }, /* @__PURE__ */ _react2.default.createElement(
+    return /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { key: index, gap: 1, align: "center" }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { direction: "column", style: { flexShrink: 0 } }, /* @__PURE__ */ _react2.default.createElement(
+      _ui.Button,
+      {
+        mode: "bleed",
+        icon: _icons.ArrowUpIcon,
+        padding: 1,
+        fontSize: 0,
+        onClick: () => handleMoveUp(index),
+        disabled: index === 0,
+        style: { cursor: index === 0 ? "default" : "pointer" }
+      }
+    ), /* @__PURE__ */ _react2.default.createElement(
+      _ui.Button,
+      {
+        mode: "bleed",
+        icon: _icons.ArrowDownIcon,
+        padding: 1,
+        fontSize: 0,
+        onClick: () => handleMoveDown(index),
+        disabled: index === pairs.length - 1,
+        style: { cursor: index === pairs.length - 1 ? "default" : "pointer" }
+      }
+    )), /* @__PURE__ */ _react2.default.createElement(_ui.Box, { flex: 1 }, /* @__PURE__ */ _react2.default.createElement(
       _ui.TextInput,
       {
         value: pair.key,
         onChange: (e) => handlePairChange(index, "key", e.target.value),
         placeholder: keyPlaceholder
       }
-    )), /* @__PURE__ */ _react2.default.createElement(_ui.Box, { flex: 1, style: { minHeight: "100%" } }, ((_a2 = pair.value) == null ? void 0 : _a2._ref) ? /* @__PURE__ */ _react2.default.createElement(_ui.Card, { className: "referenceCard", radius: 2, tone: "primary", style: { paddingLeft: "1rem", height: "fit-content" } }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { align: "center", justify: "space-between" }, /* @__PURE__ */ _react2.default.createElement(
-      _ui.Text,
-      {
-        size: 2,
-        style: { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "90%" }
-      },
-      referenceData[pair.value._ref] || "Loading..."
-    ), /* @__PURE__ */ _react2.default.createElement(
+    )), /* @__PURE__ */ _react2.default.createElement(_ui.Box, { flex: 1 }, ((_a2 = pair.value) == null ? void 0 : _a2._ref) ? /* @__PURE__ */ _react2.default.createElement(_ui.Card, { radius: 2, tone: "primary", style: { paddingLeft: "0.75rem", height: "fit-content" } }, /* @__PURE__ */ _react2.default.createElement(_ui.Flex, { align: "center", justify: "space-between" }, /* @__PURE__ */ _react2.default.createElement(_ui.Text, { size: 2, style: { whiteSpace: "nowrap" } }, referenceData[pair.value._ref] || "Loading..."), /* @__PURE__ */ _react2.default.createElement(
       _ui.MenuButton,
       {
         button: /* @__PURE__ */ _react2.default.createElement(_ui.Button, { icon: _icons.EllipsisHorizontalIcon, mode: "bleed", title: "Options" }),
@@ -2837,18 +2853,20 @@ function KeyValueReferenceInput(props) {
       _ui.Box,
       {
         padding: 2,
-        style: { minHeight: "100%", border: "1px dashed #ccc", borderRadius: "4px", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" },
+        style: { border: "1px dashed #ccc", borderRadius: "4px", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" },
         onClick: () => openReferenceSelector(index)
       },
       /* @__PURE__ */ _react2.default.createElement(_ui.Text, { muted: true, size: 2 }, "Click to select a ", pickerLabel)
-    ))), /* @__PURE__ */ _react2.default.createElement(
-      "button",
+    )), /* @__PURE__ */ _react2.default.createElement(
+      _ui.Button,
       {
-        className: "manualButton",
+        mode: "bleed",
+        tone: "critical",
+        icon: _icons.TrashIcon,
+        padding: 2,
         onClick: () => handleRemovePair(index),
-        style: { position: "absolute", top: "0", right: "-7px", transform: "translate(100%, 0%)" }
-      },
-      /* @__PURE__ */ _react2.default.createElement(_icons.TrashIcon, null)
+        style: { flexShrink: 0, cursor: "pointer" }
+      }
     ));
   }))), /* @__PURE__ */ _react2.default.createElement(_ui.Button, { tone: "primary", mode: "ghost", onClick: handleAddPair, icon: _icons.AddIcon, text: `Add ${keyTitle}` }), isDialogOpen && /* @__PURE__ */ _react2.default.createElement(
     _ui.Dialog,
@@ -2910,7 +2928,7 @@ function VariableInstanceReferencesInput(props) {
         console.warn("Cannot autofill: no variableInstances data on this document");
         return;
       }
-      const mappings = await _chunkJCDZ7SWZjs.parseVariableFontInstances.call(void 0, formDocument, sanityClient);
+      const mappings = await _chunkPGSHWNGWjs.parseVariableFontInstances.call(void 0, formDocument, sanityClient);
       if (mappings.length === 0) {
         console.warn("No variable instances could be parsed from this font");
         return;
@@ -3324,12 +3342,12 @@ async function getEmptyFontKit({ title, files, weightKeywordList, italicKeywordL
   for (var i = 0; i < files.length; i++) {
     const file = files[i];
     const fontBuffer = await readFontFile2(file);
-    const font = await _chunkJCDZ7SWZjs.parseFont.call(void 0, fontBuffer, file.name);
-    let weightName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 17) || _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 2) || "";
-    const axes = _chunkJCDZ7SWZjs.getVariationAxes.call(void 0, font);
+    const font = await _chunkPGSHWNGWjs.parseFont.call(void 0, fontBuffer, file.name);
+    let weightName = _chunkPGSHWNGWjs.getNameString.call(void 0, font, 17) || _chunkPGSHWNGWjs.getNameString.call(void 0, font, 2) || "";
+    const axes = _chunkPGSHWNGWjs.getVariationAxes.call(void 0, font);
     let variableFont = axes !== null;
-    const familyName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 1);
-    const fullName = _chunkJCDZ7SWZjs.getNameString.call(void 0, font, 4);
+    const familyName = _chunkPGSHWNGWjs.getNameString.call(void 0, font, 1);
+    const fullName = _chunkPGSHWNGWjs.getNameString.call(void 0, font, 4);
     let subfamilyName = familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
     let fontTitle = fullName.toLowerCase().trim();
     weightKeywordList.forEach((keyword) => {
@@ -5908,7 +5926,9 @@ function createStylesField({
   subfamilyPreferredStyle = false,
   subfamilyFontFilter = false,
   subfamilyPreview = false,
-  pairs = true
+  pairs = true,
+  generateCollections = false,
+  generateFullFamilyCollection = false
 } = {}) {
   const subfamilyFields = [
     {
@@ -6052,6 +6072,28 @@ function createStylesField({
       type: "array",
       of: [subfamilyItem]
     },
+    ...field(generateCollections, {
+      title: "Generate Collections and Pairs",
+      name: "generateCollections",
+      type: "string",
+      description: "Generate Collections and Pairs from the typeface's fonts.",
+      components: { input: GenerateCollectionsPairsComponent },
+      hidden: ({ parent }) => {
+        var _a;
+        return !((_a = parent == null ? void 0 : parent.fonts) == null ? void 0 : _a.length);
+      }
+    }),
+    ...field(generateFullFamilyCollection, {
+      title: "Generate Full Family Collection",
+      name: "generateCollectionGroup",
+      type: "string",
+      description: "Generate a Collection that includes all styles from this typeface.",
+      components: { input: PrimaryCollectionGeneratorTypeface },
+      hidden: ({ parent }) => {
+        var _a;
+        return !((_a = parent == null ? void 0 : parent.fonts) == null ? void 0 : _a.length);
+      }
+    }),
     {
       title: "Collections",
       name: "collections",
@@ -6175,4 +6217,4 @@ function createStylesField({
 
 
 
-exports.BatchUploadFonts = BatchUploadFonts; exports.BulkActions = _chunkJCDZ7SWZjs.BulkActions; exports.DISCOUNT_REQUIREMENT_TYPES = DISCOUNT_REQUIREMENT_TYPES; exports.DISCOUNT_REQUIREMENT_TYPES_OBJECT = DISCOUNT_REQUIREMENT_TYPES_OBJECT; exports.EXECUTION_STATUS = _chunkJCDZ7SWZjs.EXECUTION_STATUS; exports.ExistingDocumentResolver = _chunkJCDZ7SWZjs.ExistingDocumentResolver; exports.FONT_STATUS = _chunkJCDZ7SWZjs.FONT_STATUS; exports.FontReviewCard = _chunkJCDZ7SWZjs.FontReviewCard_default; exports.FontScriptUploaderComponent = FontScriptUploaderComponent; exports.GenerateCollectionsPairsComponent = GenerateCollectionsPairsComponent; exports.HtmlDescription = HtmlDescription; exports.KeyValueInput = KeyValueInput; exports.KeyValueReferenceInput = KeyValueReferenceInput; exports.NestedObjectArraySelector = NestedObjectArraySelector; exports.PLAN_PHASE = _chunkJCDZ7SWZjs.PLAN_PHASE; exports.PLAN_VERSION = _chunkJCDZ7SWZjs.PLAN_VERSION; exports.PriceInput = _chunkJCDZ7SWZjs.PriceInput_default; exports.PrimaryCollectionGeneratorTypeface = PrimaryCollectionGeneratorTypeface; exports.RECOMMENDATION = _chunkJCDZ7SWZjs.RECOMMENDATION; exports.RegenerateSubfamiliesComponent = RegenerateSubfamiliesComponent; exports.SCRIPTS = SCRIPTS; exports.SCRIPTS_OBJECT = SCRIPTS_OBJECT; exports.SetOTF = SetOTF; exports.SingleUploaderTool = SingleUploaderTool; exports.StatusDisplay = StatusDisplay_default; exports.StyleCountInput = StyleCountInput; exports.UpdateScriptsComponent = UpdateScriptsComponent; exports.UploadButton = UploadButton_default; exports.UploadModal = _chunkJCDZ7SWZjs.UploadModal; exports.UploadScriptsComponent = UploadScriptsComponent; exports.UploadStep1Settings = _chunkJCDZ7SWZjs.UploadStep1Settings; exports.UploadStep2Review = _chunkJCDZ7SWZjs.UploadStep2Review; exports.UploadStep3Execute = _chunkJCDZ7SWZjs.UploadStep3Execute; exports.UploadStep3bInstances = _chunkJCDZ7SWZjs.UploadStep3bInstances; exports.UploadSummary = _chunkJCDZ7SWZjs.UploadSummary; exports.VariableInstanceReferencesInput = VariableInstanceReferencesInput; exports.addItalicToFontTitle = _chunkJCDZ7SWZjs.addItalicToFontTitle; exports.buildUploadPlan = _chunkJCDZ7SWZjs.buildUploadPlan; exports.createEmptyPlan = _chunkJCDZ7SWZjs.createEmptyPlan; exports.createFontDecisions = _chunkJCDZ7SWZjs.createFontDecisions; exports.createFontObject = _chunkJCDZ7SWZjs.createFontObject; exports.createInitialExecutionState = _chunkJCDZ7SWZjs.createInitialExecutionState; exports.createStylesField = createStylesField; exports.determineWeight = _chunkJCDZ7SWZjs.determineWeight; exports.escapeCssFontName = _chunkJCDZ7SWZjs.escapeCssFontName; exports.executeUploadPlan = _chunkJCDZ7SWZjs.executeUploadPlan; exports.executionReducer = _chunkJCDZ7SWZjs.executionReducer; exports.expandAbbreviations = _chunkJCDZ7SWZjs.expandAbbreviations; exports.extractFontMetadata = _chunkJCDZ7SWZjs.extractFontMetadata; exports.extractWeightFromFullName = _chunkJCDZ7SWZjs.extractWeightFromFullName; exports.extractWeightName = _chunkJCDZ7SWZjs.extractWeightName; exports.formatFontTitle = _chunkJCDZ7SWZjs.formatFontTitle; exports.generateCssFile = _chunkJCDZ7SWZjs.generateCssFile; exports.generateFontData = _chunkJCDZ7SWZjs.generateFontData; exports.generateFontFile = generateFontFile; exports.generateStyleKeywords = _chunkJCDZ7SWZjs.generateStyleKeywords; exports.generateSubset = generateSubset; exports.getAllFeatureTags = _chunkJCDZ7SWZjs.getAllFeatureTags; exports.getCharacterSet = _chunkJCDZ7SWZjs.getCharacterSet; exports.getEmptyFontKit = getEmptyFontKit; exports.getFamilyClass = _chunkJCDZ7SWZjs.getFamilyClass; exports.getFontMetadata = _chunkJCDZ7SWZjs.getFontMetadata; exports.getFontMetrics = _chunkJCDZ7SWZjs.getFontMetrics; exports.getFsSelection = _chunkJCDZ7SWZjs.getFsSelection; exports.getGlyphCount = _chunkJCDZ7SWZjs.getGlyphCount; exports.getItalicAngle = _chunkJCDZ7SWZjs.getItalicAngle; exports.getMacStyle = _chunkJCDZ7SWZjs.getMacStyle; exports.getNameString = _chunkJCDZ7SWZjs.getNameString; exports.getNamedInstances = _chunkJCDZ7SWZjs.getNamedInstances; exports.getVariationAxes = _chunkJCDZ7SWZjs.getVariationAxes; exports.getWeightClass = _chunkJCDZ7SWZjs.getWeightClass; exports.logFontInfo = _chunkJCDZ7SWZjs.logFontInfo; exports.openTypeField = openTypeField; exports.parseFont = _chunkJCDZ7SWZjs.parseFont; exports.parseVariableFontInstances = _chunkJCDZ7SWZjs.parseVariableFontInstances_default; exports.planReducer = _chunkJCDZ7SWZjs.planReducer; exports.processFontFiles = _chunkJCDZ7SWZjs.processFontFiles; exports.processItalicKeywords = _chunkJCDZ7SWZjs.processItalicKeywords; exports.processSubfamilyName = _chunkJCDZ7SWZjs.processSubfamilyName; exports.readFontFile = _chunkJCDZ7SWZjs.readFontFile; exports.removeWeightNames = _chunkJCDZ7SWZjs.removeWeightNames; exports.renameFontDocuments = renameFontDocuments; exports.resolveExistingFont = _chunkJCDZ7SWZjs.resolveExistingFont; exports.reverseSpellingLookup = _chunkJCDZ7SWZjs.reverseSpellingLookup; exports.sanitizeForSanityId = _chunkJCDZ7SWZjs.sanitizeForSanityId; exports.sortFontObjects = _chunkJCDZ7SWZjs.sortFontObjects; exports.styleCountField = styleCountField; exports.stylisticSetField = stylisticSetField; exports.updateFontPrices = updateFontPrices; exports.updateTypefaceDocument = _chunkJCDZ7SWZjs.updateTypefaceDocument; exports.uploadFontFiles = uploadFontFiles; exports.useNestedObjects = useNestedObjects; exports.useSanityClient = useSanityClient;
+exports.BatchUploadFonts = BatchUploadFonts; exports.BulkActions = _chunkPGSHWNGWjs.BulkActions; exports.DISCOUNT_REQUIREMENT_TYPES = DISCOUNT_REQUIREMENT_TYPES; exports.DISCOUNT_REQUIREMENT_TYPES_OBJECT = DISCOUNT_REQUIREMENT_TYPES_OBJECT; exports.EXECUTION_STATUS = _chunkPGSHWNGWjs.EXECUTION_STATUS; exports.ExistingDocumentResolver = _chunkPGSHWNGWjs.ExistingDocumentResolver; exports.FONT_STATUS = _chunkPGSHWNGWjs.FONT_STATUS; exports.FontReviewCard = _chunkPGSHWNGWjs.FontReviewCard_default; exports.FontScriptUploaderComponent = FontScriptUploaderComponent; exports.GenerateCollectionsPairsComponent = GenerateCollectionsPairsComponent; exports.HtmlDescription = HtmlDescription; exports.KeyValueInput = KeyValueInput; exports.KeyValueReferenceInput = KeyValueReferenceInput; exports.NestedObjectArraySelector = NestedObjectArraySelector; exports.PLAN_PHASE = _chunkPGSHWNGWjs.PLAN_PHASE; exports.PLAN_VERSION = _chunkPGSHWNGWjs.PLAN_VERSION; exports.PriceInput = _chunkPGSHWNGWjs.PriceInput_default; exports.PrimaryCollectionGeneratorTypeface = PrimaryCollectionGeneratorTypeface; exports.RECOMMENDATION = _chunkPGSHWNGWjs.RECOMMENDATION; exports.RegenerateSubfamiliesComponent = RegenerateSubfamiliesComponent; exports.SCRIPTS = SCRIPTS; exports.SCRIPTS_OBJECT = SCRIPTS_OBJECT; exports.SetOTF = SetOTF; exports.SingleUploaderTool = SingleUploaderTool; exports.StatusDisplay = StatusDisplay_default; exports.StyleCountInput = StyleCountInput; exports.UpdateScriptsComponent = UpdateScriptsComponent; exports.UploadButton = UploadButton_default; exports.UploadModal = _chunkPGSHWNGWjs.UploadModal; exports.UploadScriptsComponent = UploadScriptsComponent; exports.UploadStep1Settings = _chunkPGSHWNGWjs.UploadStep1Settings; exports.UploadStep2Review = _chunkPGSHWNGWjs.UploadStep2Review; exports.UploadStep3Execute = _chunkPGSHWNGWjs.UploadStep3Execute; exports.UploadStep3bInstances = _chunkPGSHWNGWjs.UploadStep3bInstances; exports.UploadSummary = _chunkPGSHWNGWjs.UploadSummary; exports.VariableInstanceReferencesInput = VariableInstanceReferencesInput; exports.addItalicToFontTitle = _chunkPGSHWNGWjs.addItalicToFontTitle; exports.buildUploadPlan = _chunkPGSHWNGWjs.buildUploadPlan; exports.createEmptyPlan = _chunkPGSHWNGWjs.createEmptyPlan; exports.createFontDecisions = _chunkPGSHWNGWjs.createFontDecisions; exports.createFontObject = _chunkPGSHWNGWjs.createFontObject; exports.createInitialExecutionState = _chunkPGSHWNGWjs.createInitialExecutionState; exports.createStylesField = createStylesField; exports.determineWeight = _chunkPGSHWNGWjs.determineWeight; exports.escapeCssFontName = _chunkPGSHWNGWjs.escapeCssFontName; exports.executeUploadPlan = _chunkPGSHWNGWjs.executeUploadPlan; exports.executionReducer = _chunkPGSHWNGWjs.executionReducer; exports.expandAbbreviations = _chunkPGSHWNGWjs.expandAbbreviations; exports.extractFontMetadata = _chunkPGSHWNGWjs.extractFontMetadata; exports.extractWeightFromFullName = _chunkPGSHWNGWjs.extractWeightFromFullName; exports.extractWeightName = _chunkPGSHWNGWjs.extractWeightName; exports.formatFontTitle = _chunkPGSHWNGWjs.formatFontTitle; exports.generateCssFile = _chunkPGSHWNGWjs.generateCssFile; exports.generateFontData = _chunkPGSHWNGWjs.generateFontData; exports.generateFontFile = generateFontFile; exports.generateStyleKeywords = _chunkPGSHWNGWjs.generateStyleKeywords; exports.generateSubset = generateSubset; exports.getAllFeatureTags = _chunkPGSHWNGWjs.getAllFeatureTags; exports.getCharacterSet = _chunkPGSHWNGWjs.getCharacterSet; exports.getEmptyFontKit = getEmptyFontKit; exports.getFamilyClass = _chunkPGSHWNGWjs.getFamilyClass; exports.getFontMetadata = _chunkPGSHWNGWjs.getFontMetadata; exports.getFontMetrics = _chunkPGSHWNGWjs.getFontMetrics; exports.getFsSelection = _chunkPGSHWNGWjs.getFsSelection; exports.getGlyphCount = _chunkPGSHWNGWjs.getGlyphCount; exports.getItalicAngle = _chunkPGSHWNGWjs.getItalicAngle; exports.getMacStyle = _chunkPGSHWNGWjs.getMacStyle; exports.getNameString = _chunkPGSHWNGWjs.getNameString; exports.getNamedInstances = _chunkPGSHWNGWjs.getNamedInstances; exports.getVariationAxes = _chunkPGSHWNGWjs.getVariationAxes; exports.getWeightClass = _chunkPGSHWNGWjs.getWeightClass; exports.logFontInfo = _chunkPGSHWNGWjs.logFontInfo; exports.openTypeField = openTypeField; exports.parseFont = _chunkPGSHWNGWjs.parseFont; exports.parseVariableFontInstances = _chunkPGSHWNGWjs.parseVariableFontInstances_default; exports.planReducer = _chunkPGSHWNGWjs.planReducer; exports.processFontFiles = _chunkPGSHWNGWjs.processFontFiles; exports.processItalicKeywords = _chunkPGSHWNGWjs.processItalicKeywords; exports.processSubfamilyName = _chunkPGSHWNGWjs.processSubfamilyName; exports.readFontFile = _chunkPGSHWNGWjs.readFontFile; exports.removeWeightNames = _chunkPGSHWNGWjs.removeWeightNames; exports.renameFontDocuments = renameFontDocuments; exports.resolveExistingFont = _chunkPGSHWNGWjs.resolveExistingFont; exports.reverseSpellingLookup = _chunkPGSHWNGWjs.reverseSpellingLookup; exports.sanitizeForSanityId = _chunkPGSHWNGWjs.sanitizeForSanityId; exports.sortFontObjects = _chunkPGSHWNGWjs.sortFontObjects; exports.styleCountField = styleCountField; exports.stylisticSetField = stylisticSetField; exports.updateFontPrices = updateFontPrices; exports.updateTypefaceDocument = _chunkPGSHWNGWjs.updateTypefaceDocument; exports.uploadFontFiles = uploadFontFiles; exports.useNestedObjects = useNestedObjects; exports.useSanityClient = useSanityClient;