@liiift-studio/sanity-font-manager 2.3.19 → 2.5.0

package/dist/index.mjs

@@ -1,6 +1,69 @@
+import {
+  BulkActions,
+  EXECUTION_STATUS,
+  ExistingDocumentResolver,
+  FONT_STATUS,
+  FontReviewCard_default,
+  PLAN_PHASE,
+  PLAN_VERSION,
+  PriceInput_default,
+  RECOMMENDATION,
+  UploadModal,
+  UploadStep1Settings,
+  UploadStep2Review,
+  UploadStep3Execute,
+  UploadSummary,
+  addItalicToFontTitle,
+  buildUploadPlan,
+  createEmptyPlan,
+  createFontDecisions,
+  createFontObject,
+  createInitialExecutionState,
+  determineWeight,
+  escapeCssFontName,
+  executeUploadPlan,
+  executionReducer,
+  expandAbbreviations,
+  extractFontMetadata,
+  extractWeightFromFullName,
+  extractWeightName,
+  formatFontTitle,
+  generateCssFile,
+  generateFontData,
+  generateStyleKeywords,
+  getAllFeatureTags,
+  getCharacterSet,
+  getFamilyClass,
+  getFontMetadata,
+  getFontMetrics,
+  getFsSelection,
+  getGlyphCount,
+  getItalicAngle,
+  getMacStyle,
+  getNameString,
+  getNamedInstances,
+  getVariationAxes,
+  getWeightClass,
+  logFontInfo,
+  parseFont,
+  parseVariableFontInstances,
+  parseVariableFontInstances_default,
+  planReducer,
+  processFontFiles,
+  processItalicKeywords,
+  processSubfamilyName,
+  readFontFile,
+  removeWeightNames,
+  resolveExistingFont,
+  reverseSpellingLookup,
+  sanitizeForSanityId,
+  sortFontObjects,
+  updateTypefaceDocument
+} from "./chunk-646WCBRR.mjs";
+
 // src/components/BatchUploadFonts.jsx
-import React4, { useCallback, useState as useState2, useMemo as useMemo2, useRef, useEffect } from "react";
-import { Card, Box as Box2, Flex as Flex3, Grid, Text as Text4, Label, Switch, Button as Button2, Spinner, Tooltip, Stack as Stack2 } from "@sanity/ui";
+import React3, { useCallback, useState as useState2, useMemo as useMemo2, useRef, useEffect, lazy, Suspense } from "react";
+import { Card, Box as Box2, Flex as Flex2, Grid, Text as Text3, Label, Switch, Button as Button2, Spinner, Tooltip, Stack as Stack2 } from "@sanity/ui";
 import { ControlsIcon, InfoOutlineIcon, TrashIcon, UploadIcon, WarningOutlineIcon } from "@sanity/icons";
 import { useFormValue as useFormValue2 } from "sanity";
 
@@ -12,904 +75,9 @@ function useSanityClient() {
   return useMemo(() => client, [client]);
 }
 
-// src/utils/processFontFiles.js
-import * as fontkit from "fontkit";
-import { nanoid } from "nanoid";
-
-// src/utils/generateKeywords.js
-var coreWeights = ["Hairline", "ExtraThin", "Thin", "Mager", "Maigre", "ExtraLight", "Light", "Chiaro", "Lite", "Leicht", "Demi", "Book", "Buch", "Regular", "Normal", "Medium", "Stark", "Thick", "Kr\xE4ftig", "Viertelfett", "Halbfett", "Dreiviertelfett", "Dark", "Bold", "Neretto", "Gras", "Fett", "Extrafett", "Black", "Nero", "Heavy", "Nerissimo", "Ultra", "Fat", "Poster"];
-var modifiers = ["Demi", "Semi", "Extra", "Ultra", "Super", "Plus"];
-var coreItalics = ["Italic", "Slant", "Oblique", "Cursive", "Rotalic", "Reverse", "Crab Claw", "Crabclaw", "South Paw", "Southpaw", "Backwards", "Backslant", "Backslanted", "Back Slant"];
-var alternativeSpelling = {
-  Backslant: ["Bsl"],
-  Backwards: ["Bck"],
-  Black: ["Blak", "Blk"],
-  Bold: ["Bd", "Bld"],
-  // B omitted — too ambiguous
-  Condensed: ["Cond", "Cnd"],
-  Crabclaw: ["Crab", "Claw"],
-  Cursive: ["Cur"],
-  Dark: ["Drk"],
-  Expanded: ["Exp"],
-  Extra: ["Xt", "Xtra", "Xtr", "X"],
-  // X omitted as standalone — too ambiguous
-  ExtraBlack: ["Xblk", "XBlk", "Xblck", "XBlck"],
-  ExtraBold: ["Xbd", "XBd", "Xbld", "XBld", "Xbold", "XBold", "ExBold", "Exbold", "Exbd", "ExBd", "Exbld", "ExBld"],
-  ExtraCondensed: ["XCond", "Xcnd"],
-  ExtraExpanded: ["XExp"],
-  ExtraLight: ["Xlight", "XLight", "Xlt", "XLt", "Xlgt", "XLgt", "Xl", "XL", "Xlght", "XLght"],
-  ExtraThin: ["Xthin", "Xthn", "Xth", "XThin", "XThn", "XTh", "XT"],
-  Extended: ["Ext"],
-  Hairline: ["Hl", "Hln", "Hlnn", "Hlnne", "Hlnnne"],
-  Italic: ["Ital", "It"],
-  Light: ["Lt", "Lght"],
-  Medium: ["Med", "Md", "md", "med"],
-  Oblique: ["Obl"],
-  Plus: ["Pls"],
-  Regular: ["Reg", "Rg"],
-  Reverse: ["Rev"],
-  Rotalic: ["Rot"],
-  SemiBold: ["SmBd", "Sb", "Sbd", "Sbld", "Sbold", "Semibd", "SemiBd", "Semibld", "SemiBld", "semiBd", "semiBld"],
-  Slant: ["Sl"],
-  Southpaw: ["South", "Paw"],
-  Super: ["Supr"],
-  Thin: ["Thn"],
-  Ultra: ["Ult", "Ultre", "Ul", "Ulta"],
-  XX: ["XXt", "XXtra", "XXtr", "XX"],
-  XXBlack: ["XXblk", "XXBlk", "XXblck", "XXBlck"],
-  XXLight: ["XXlight", "XXLight", "XXlt", "XXLt", "XXlgt", "XXLgt", "XXl", "XXL", "XXlght", "XXLght"],
-  XXX: ["XXXt", "XXXtra", "XXXtr", "XXX"],
-  XXXLight: ["XXXlight", "XXXLight", "XXXlt", "XXXLt", "XXXlgt", "XXXLgt", "XXXl", "XXXL", "XXXlght", "XXXLght"]
-};
-function reverseSpellingLookup(str) {
-  let exactMatch = "";
-  Object.keys(alternativeSpelling).forEach(function(key) {
-    alternativeSpelling[key].forEach(function(alternative) {
-      if (str === alternative) {
-        exactMatch = key;
-      }
-    });
-  });
-  if (exactMatch) return exactMatch;
-  let result = "";
-  let longestMatch = 0;
-  Object.keys(alternativeSpelling).forEach(function(key) {
-    alternativeSpelling[key].forEach(function(alternative) {
-      const regex = new RegExp(`\\b${alternative}\\b`);
-      if (regex.test(str) && alternative.length > longestMatch) {
-        result = key;
-        longestMatch = alternative.length;
-      }
-    });
-  });
-  return result;
-}
-function expandAbbreviations(str) {
-  if (!str) return str;
-  return str.split(" ").map((word) => {
-    const expanded = reverseSpellingLookup(word);
-    return expanded || word;
-  }).join(" ");
-}
-function removeWeightNames(str) {
-  if (!str) return str;
-  return str.split(" ").map((word) => {
-    coreWeights.forEach((weight) => {
-      if (word === weight) word = "";
-      modifiers.forEach((modifier) => {
-        if (word === modifier || modifier + weight === word) word = "";
-      });
-    });
-    const expanded = reverseSpellingLookup(word);
-    if (expanded) return "";
-    return word;
-  }).join(" ").trim();
-}
-function generateStyleKeywords() {
-  let weightKeywordList = [];
-  let italicKeywordList = [];
-  weightKeywordList = [...coreWeights];
-  modifiers.forEach((modifier) => {
-    coreWeights.forEach((weight) => {
-      weightKeywordList.push(modifier + weight);
-    });
-  });
-  weightKeywordList = [...weightKeywordList, ...modifiers];
-  italicKeywordList = [...coreItalics];
-  weightKeywordList = weightKeywordList.map(function(el) {
-    var newEls = [];
-    Object.keys(alternativeSpelling).forEach(function(key) {
-      if (el.indexOf(key) !== -1) {
-        alternativeSpelling[key].forEach(function(alternative) {
-          let newSpelling = el.replace(key, alternative);
-          newEls.push(newSpelling);
-          Object.keys(alternativeSpelling).forEach(function(key2) {
-            if (newSpelling.indexOf(key2) !== -1) {
-              alternativeSpelling[key2].forEach(function(alternative2) {
-                let newSpelling2 = newSpelling.replace(key2, alternative2);
-                newEls.push(newSpelling2);
-                Object.keys(alternativeSpelling).forEach(function(key3) {
-                  if (newSpelling2.indexOf(key3) !== -1) {
-                    alternativeSpelling[key3].forEach(function(alternative3) {
-                      newEls.push(newSpelling2.replace(key3, alternative3));
-                    });
-                  }
-                });
-              });
-            }
-          });
-        });
-      }
-    });
-    newEls.push(el);
-    return newEls;
-  }).reduce(function(a, b) {
-    return a.concat(b);
-  });
-  italicKeywordList = italicKeywordList.map(function(el) {
-    var newEls = [];
-    Object.keys(alternativeSpelling).forEach(function(key) {
-      if (el.indexOf(key) !== -1) {
-        alternativeSpelling[key].forEach(function(alternative) {
-          newEls.push(el.replace(key, alternative));
-        });
-      }
-    });
-    newEls.push(el);
-    return newEls;
-  }).reduce(function(a, b) {
-    return a.concat(b);
-  });
-  weightKeywordList = weightKeywordList.sort((a, b) => b.length - a.length);
-  italicKeywordList = italicKeywordList.sort((a, b) => b.length - a.length);
-  weightKeywordList = weightKeywordList.filter((item, pos) => weightKeywordList.indexOf(item) === pos);
-  italicKeywordList = italicKeywordList.filter((item, pos) => italicKeywordList.indexOf(item) === pos);
-  return { weightKeywordList, italicKeywordList };
-}
-
-// src/utils/sanitizeForSanityId.js
-import slugify from "slugify";
-function sanitizeForSanityId(str) {
-  if (!str || typeof str !== "string") {
-    return "font-" + Date.now();
-  }
-  let sanitized = str.toLowerCase().trim();
-  sanitized = sanitized.replace(/\+/g, "plus");
-  sanitized = sanitized.replace(/&/g, "and");
-  sanitized = sanitized.replace(/@/g, "at");
-  sanitized = slugify(sanitized, {
-    replacement: "-",
-    remove: /[^\w\s-]/g,
-    lower: true,
-    strict: true,
-    locale: "en",
-    trim: true
-  });
-  sanitized = sanitized.replace(/[^a-z0-9\-_]/g, "-");
-  sanitized = sanitized.replace(/-+/g, "-");
-  sanitized = sanitized.replace(/^[-_]+|[-_]+$/g, "");
-  if (sanitized && !/^[a-z_]/.test(sanitized)) {
-    sanitized = "font_" + sanitized;
-  }
-  if (!sanitized) {
-    sanitized = "font_" + Date.now();
-  }
-  if (sanitized.length > 128) {
-    const hash = Math.random().toString(36).substring(2, 8);
-    sanitized = sanitized.substring(0, 120) + "_" + hash;
-  }
-  if (!/^[a-z_][a-z0-9\-_]*$/.test(sanitized)) {
-    console.warn(`ID sanitization produced invalid result: "${sanitized}", using fallback`);
-    sanitized = "font_" + Date.now();
-  }
-  return sanitized;
-}
-
-// src/utils/processFontFiles.js
-var readFontFile = (file) => {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = (event) => {
-      resolve(new Uint8Array(event.target.result));
-    };
-    reader.onerror = (error) => {
-      reject(error);
-    };
-    reader.readAsArrayBuffer(file);
-  });
-};
-var processFontFiles = async (files, title, weightKeywordList, italicKeywordList, setStatus, preserveShortenedNames = false, preserveFileNames = false) => {
-  let failedFiles = [];
-  let subfamilies = {};
-  let fontsObjects = {};
-  let newPreferredStyle = { weight: -100, style: "Italic", _ref: "" };
-  for (let i = 0; i < files.length; i++) {
-    const file = files[i];
-    const fontBuffer = await readFontFile(file);
-    const font = fontkit.create(fontBuffer);
-    console.log("File name: ", file.name);
-    if (file.name.endsWith(".woff2") || file.name.endsWith(".woff")) {
-      await handleWebfontMetadata(file, font, files);
-    }
-    const { weightName, subfamilyName, fontTitle, style, italicKW, variableFont } = extractFontMetadata(
-      font,
-      title,
-      weightKeywordList,
-      italicKeywordList,
-      preserveShortenedNames
-    );
-    const id = sanitizeForSanityId(fontTitle);
-    let originalFilename = null;
-    if (preserveFileNames) {
-      originalFilename = file.name.replace(/\.(ttf|otf|woff2?|eot|svg)$/i, "");
-    }
-    logFontInfo(id, fontTitle, font, file.name, subfamilyName, style, weightName, variableFont, italicKW);
-    subfamilies[id] = subfamilyName;
-    if (fontsObjects[id]) {
-      fontsObjects[id].files = [...fontsObjects[id].files, file];
-      if (preserveFileNames && originalFilename) {
-        fontsObjects[id].originalFilename = originalFilename;
-      }
-    } else {
-      fontsObjects[id] = createFontObject(
-        id,
-        fontTitle,
-        title,
-        font,
-        variableFont,
-        weightName,
-        subfamilyName,
-        file,
-        preserveFileNames ? originalFilename : null
-      );
-    }
-  }
-  fontsObjects = sortFontObjects(fontsObjects);
-  const uniqueSubfamilies = [...new Set(Object.values(subfamilies))];
-  console.log("Subfamilies:", subfamilies);
-  console.log("Unique subfamilies:", uniqueSubfamilies, uniqueSubfamilies.length);
-  console.log("Font objects:", fontsObjects);
-  return { fontsObjects, subfamilies, uniqueSubfamilies, newPreferredStyle, failedFiles };
-};
-var handleWebfontMetadata = async (file, font, files) => {
-  var _a, _b, _c, _d, _e, _f, _g;
-  if (!((_b = (_a = font == null ? void 0 : font.name) == null ? void 0 : _a.records) == null ? void 0 : _b.fullName) || ((_d = (_c = font == null ? void 0 : font.name) == null ? void 0 : _c.records) == null ? void 0 : _d.fullName) === "" || !/^[A-Z0-9]+$/.test((_f = (_e = font == null ? void 0 : font.name) == null ? void 0 : _e.records) == null ? void 0 : _f.fullName)) {
-    const ttfFile = files.find((f) => f.name === file.name.replace(".woff2", ".ttf").replace(".woff", ".ttf"));
-    if (ttfFile) {
-      const ttfFileBuffer = await readFontFile(ttfFile);
-      const ttfFileData = fontkit.create(ttfFileBuffer);
-      if (ttfFileData) font.name.records = (_g = ttfFileData == null ? void 0 : ttfFileData.name) == null ? void 0 : _g.records;
-    }
-  }
-};
-var extractFontMetadata = (font, title, weightKeywordList, italicKeywordList, preserveShortenedNames = false) => {
-  var _a, _b, _c, _d, _e, _f;
-  let weightName = extractWeightName(font, italicKeywordList);
-  if (!preserveShortenedNames) {
-    weightName = expandAbbreviations(weightName);
-  }
-  if ((weightName === "" || weightName.toLowerCase() === "roman") && ((_b = (_a = font == null ? void 0 : font.name) == null ? void 0 : _a.records) == null ? void 0 : _b.fullName)) {
-    weightName = extractWeightFromFullName(font, title);
-    if (!preserveShortenedNames) {
-      weightName = expandAbbreviations(weightName);
-    }
-  }
-  const variableFont = (font == null ? void 0 : font.variationAxes) && Object.keys(font.variationAxes).length > 0;
-  let subfamilyName = ((_f = (_e = (_d = (_c = font == null ? void 0 : font.name) == null ? void 0 : _c.records) == null ? void 0 : _d.fullName) == null ? void 0 : _e.en) == null ? void 0 : _f.replace(title.trim(), "").trim()) || font.subfamilyName.trim().replace(title.trim(), "").trim();
-  if (!preserveShortenedNames) {
-    subfamilyName = expandAbbreviations(subfamilyName);
-  }
-  let fontTitle = font == null ? void 0 : font.fullName.trim();
-  let style = (font == null ? void 0 : font.italicAngle) !== 0 || (font == null ? void 0 : font.fullName.toLowerCase().includes("italic")) ? "Italic" : "Regular";
-  const italicKW = processItalicKeywords(font, fontTitle, italicKeywordList);
-  subfamilyName = processSubfamilyName(subfamilyName, weightKeywordList, italicKW, preserveShortenedNames);
-  fontTitle = formatFontTitle(fontTitle, preserveShortenedNames);
-  subfamilyName = subfamilyName === "" ? "Regular" : subfamilyName.replace(/\s+/g, " ").trim();
-  if (subfamilyName !== "") {
-    weightName = weightName.replace(`${subfamilyName} `, "").replace(` ${subfamilyName}`, "").trim();
-  }
-  if (variableFont) {
-    if (!fontTitle.toLowerCase().includes("vf")) {
-      fontTitle = fontTitle + " VF";
-    }
-    subfamilyName = "";
-  }
-  if (!(variableFont && fontTitle.toLowerCase().includes("italic"))) {
-    fontTitle = addItalicToFontTitle(font, fontTitle, italicKW, style, preserveShortenedNames);
-  }
-  return { weightName, subfamilyName, fontTitle, style, italicKW, variableFont };
-};
-var extractWeightName = (font, italicKW) => {
-  var _a, _b, _c, _d;
-  let weightName = ((_b = (_a = font == null ? void 0 : font.name) == null ? void 0 : _a.records) == null ? void 0 : _b.preferredSubfamily) || ((_d = (_c = font == null ? void 0 : font.name) == null ? void 0 : _c.records) == null ? void 0 : _d.fontSubfamily);
-  if (typeof weightName === "object") {
-    weightName = (weightName == null ? void 0 : weightName.en) || (weightName.constructor === Object ? weightName[Object.keys(weightName)[0]] : null);
-  }
-  if ((font == null ? void 0 : font.variationAxes) && Object.keys(font.variationAxes).length > 0) {
-    return "Variable";
-  }
-  if (italicKW) {
-    italicKW.forEach((keyword) => {
-      const kwRegex = new RegExp(`\\b${keyword.trim()}\\b`, "i");
-      if (kwRegex.test(weightName)) {
-        weightName = weightName.replace(kwRegex, "").trim();
-      }
-    });
-  }
-  return weightName == null ? void 0 : weightName.toString().replace("Italic", "").replace("It", "").replace("Slanted", "").replace("Slant", "").replace("Backslant", "").trim();
-};
-var extractWeightFromFullName = (font, title) => {
-  var _a, _b;
-  let weightName = (_b = (_a = font == null ? void 0 : font.name) == null ? void 0 : _a.records) == null ? void 0 : _b.fullName;
-  weightName = (weightName == null ? void 0 : weightName.en) ? weightName.en : (weightName == null ? void 0 : weightName.constructor) === Object ? weightName[Object.keys(weightName)[0]] : weightName;
-  weightName = weightName == null ? void 0 : weightName.replace(title + " ", "").replace(title, "").trim();
-  weightName = weightName == null ? void 0 : weightName.replace("Italic", "").replace("It", "").replace("Slanted", "").replace("Slant", "").trim();
-  return weightName;
-};
-var processSubfamilyName = (subfamilyName, weightKeywordList, italicKeywordList, preserveShortenedNames = false) => {
-  weightKeywordList.forEach((keyword) => {
-    const kwRegex = new RegExp(`\\b${keyword.trim()}\\b`, "i");
-    if (kwRegex.test(subfamilyName)) {
-      subfamilyName = subfamilyName.replace(kwRegex, "").trim();
-    }
-    subfamilyName = removeWeightNames(subfamilyName) || subfamilyName;
-    if (!preserveShortenedNames) {
-      subfamilyName = expandAbbreviations(subfamilyName);
-    }
-  });
-  italicKeywordList.forEach((keyword) => {
-    const kwRegex = new RegExp(`\\b${keyword.trim()}\\b`, "i");
-    if (kwRegex.test(subfamilyName)) {
-      subfamilyName = subfamilyName.replace(kwRegex, "").trim();
-    }
-  });
-  return subfamilyName;
-};
-var processItalicKeywords = (font, fontTitle, italicKeywordList) => {
-  let italicKW = [];
-  italicKeywordList.forEach((keyword) => {
-    const kw = keyword.trim();
-    const kwRegex = new RegExp(`\\b${kw}\\b`, "i");
-    if (kwRegex.test(fontTitle)) {
-      fontTitle = fontTitle.replace(kwRegex, "").trim();
-      italicKW.push(kw);
-    }
-    if ((font == null ? void 0 : font.fullName) && typeof font.fullName === "string" && font.fullName.toLowerCase().includes(kw.toLowerCase())) {
-      if (!italicKW.includes(kw)) italicKW.push(kw);
-    }
-  });
-  return italicKW;
-};
-var formatFontTitle = (fontTitle, preserveShortenedNames = false) => {
-  const hasItalic = fontTitle.toLowerCase().includes("italic");
-  fontTitle = fontTitle.replace(/-/g, " ");
-  return fontTitle.replace(/\s+/g, " ").trim().split(" ").map((word) => {
-    if (hasItalic && word.toLowerCase() === "italic") return "Italic";
-    let fullWord = word;
-    if (!preserveShortenedNames) {
-      fullWord = reverseSpellingLookup(word) || word;
-    }
-    return fullWord[0].toUpperCase() + fullWord.slice(1);
-  }).join(" ");
-};
-var addItalicToFontTitle = (font, fontTitle, italicKW, style, preserveShortenedNames = false) => {
-  const hasItalicAngle = (font == null ? void 0 : font.italicAngle) !== 0;
-  const hasItalicInName = font == null ? void 0 : font.fullName.toLowerCase().includes("italic");
-  if (italicKW.length > 0 || hasItalicAngle || hasItalicInName) {
-    italicKW = [...new Set(italicKW)];
-    if (italicKW.length === 0 && (hasItalicAngle || hasItalicInName)) {
-      italicKW = ["Italic"];
-    }
-    if (!preserveShortenedNames) {
-      italicKW = italicKW.map((item) => reverseSpellingLookup(item) || item);
-    }
-    italicKW = [...new Set(italicKW)];
-    if (italicKW.length > 1 && italicKW.includes("Italic")) {
-      italicKW = ["Italic"];
-    }
-    const fontTitleLower = fontTitle.toLowerCase();
-    italicKW = italicKW.filter((keyword) => {
-      const keywordLower = keyword.toLowerCase();
-      const kwRegex = new RegExp(`\\b${keywordLower}\\b`);
-      const isSubstring = fontTitleLower.split(" ").some(
-        (word) => word.includes(keywordLower) || keywordLower.includes(word)
-      );
-      return !kwRegex.test(fontTitleLower) && !isSubstring;
-    });
-    if (italicKW.length > 0) {
-      fontTitle = fontTitle.trim() + " " + italicKW.join(" ");
-    }
-  }
-  return fontTitle;
-};
-var createFontObject = (id, fontTitle, title, font, variableFont, weightName, subfamilyName, file, originalFilename = null) => {
-  const fontObject = {
-    _key: nanoid(),
-    _id: id,
-    title: fontTitle,
-    slug: { _type: "slug", current: id },
-    typefaceName: title,
-    style: (font == null ? void 0 : font.italicAngle) !== 0 || (font == null ? void 0 : font.fullName.toLowerCase().includes("italic")) ? "Italic" : "Regular",
-    variableFont,
-    weightName,
-    subfamily: subfamilyName,
-    normalWeight: true,
-    weight: Number(determineWeight(font, weightName)),
-    fileInput: {},
-    files: [file],
-    fontKit: font
-  };
-  if (originalFilename) {
-    fontObject.originalFilename = originalFilename;
-  }
-  return fontObject;
-};
-var determineWeight = (font, weightName) => {
-  var _a;
-  if ((_a = font["OS/2"]) == null ? void 0 : _a.usWeightClass) {
-    return Number(font["OS/2"].usWeightClass);
-  }
-  const wn = (weightName == null ? void 0 : weightName.toLowerCase()) || "";
-  if (/hairline|extra thin|extrathin/.test(wn)) return 100;
-  if (/thin|extra light|extralight/.test(wn)) return 200;
-  if (/light|book/.test(wn)) return 300;
-  if (/regular|normal/.test(wn)) return 400;
-  if (/medium/.test(wn)) return 500;
-  if (/semi bold|semibold/.test(wn)) return 600;
-  if (/extra bold|extrabold/.test(wn)) return 800;
-  if (/bold/.test(wn)) return 700;
-  if (/black|ultra/.test(wn)) return 900;
-  return 400;
-};
-var sortFontObjects = (fontsObjects) => {
-  return Object.fromEntries(
-    Object.entries(fontsObjects).sort((a, b) => {
-      const weightA = Number(a[1].weight);
-      const weightB = Number(b[1].weight);
-      if (weightA === weightB) {
-        if (a[1].style === "Regular" && b[1].style === "Italic") return -1;
-        if (a[1].style === "Italic" && b[1].style === "Regular") return 1;
-        return 0;
-      }
-      return weightA - weightB;
-    })
-  );
-};
-var logFontInfo = (id, fontTitle, font, fileName, subfamilyName, style, weightName, variableFont, italicKW) => {
-  console.log("=== Font Info ====");
-  console.log("Font id: ", id);
-  console.log("Font title: ", fontTitle);
-  console.log("Fontkit fullName: ", font.fullName);
-  console.log("Fontkit family name: ", font.familyName);
-  console.log("File name: ", fileName);
-  console.log("Subfamily: ", subfamilyName);
-  console.log("Style: ", style);
-  console.log("Weight: ", weightName);
-  console.log("Variable: ", variableFont);
-  console.log("italicKW: ", italicKW);
-  console.log("Font italic angle: ", (font == null ? void 0 : font.italicAngle) !== 0 || (font == null ? void 0 : font.fullName.toLowerCase().includes("italic")) ? "Italic" : "Regular");
-  console.log("=======");
-};
-
 // src/utils/uploadFontFiles.js
-import { nanoid as nanoid3 } from "nanoid";
-
-// src/utils/generateCssFile.js
-import base64 from "base-64";
-import { Buffer } from "buffer";
-import * as fontkit2 from "fontkit";
-function _arrayBufferToBase64(buffer) {
-  var binary = "";
-  var bytes = new Uint8Array(buffer);
-  var len = bytes.byteLength;
-  for (var i = 0; i < len; i++) {
-    binary += String.fromCharCode(bytes[i]);
-  }
-  return base64.encode(binary);
-}
-function buildVFDescriptors(font) {
-  const cssAxes = {};
-  const skipped = [];
-  try {
-    const va = font.variationAxes;
-    if (!va) return { descriptors: "", skipped: [] };
-    for (const [tag, axis] of Object.entries(va)) {
-      const lo = Math.min(axis.min, axis.max);
-      const hi = Math.max(axis.min, axis.max);
-      if (lo === hi) {
-        skipped.push(tag);
-        continue;
-      }
-      if (tag === "wght") {
-        cssAxes["font-weight"] = `${lo} ${hi}`;
-      } else if (tag === "wdth") {
-        cssAxes["font-stretch"] = `${lo}% ${hi}%`;
-      } else if (tag === "slnt") {
-        cssAxes["font-style"] = `oblique ${lo}deg ${hi}deg`;
-      } else if (tag === "ital" && !cssAxes["font-style"]) {
-        if (hi > 0) cssAxes["font-style"] = "italic";
-        else skipped.push(tag);
-      } else {
-        skipped.push(tag);
-      }
-    }
-  } catch (_) {
-  }
-  const descriptors = Object.entries(cssAxes).map(([k, v]) => `${k}:${v}`).join(";") + (Object.keys(cssAxes).length ? ";" : "");
-  return { descriptors, skipped };
-}
-var FALLBACK_STACKS = {
-  "sans-serif": "local('Arial'), local('Helvetica Neue'), local('Roboto'), local('Liberation Sans')",
-  "serif": "local('Georgia'), local('Times New Roman'), local('Times')",
-  "monospace": "local('Courier New'), local('Courier'), local('Menlo'), local('Monaco')",
-  // Display and script fonts have no universally suitable system fallback; default to sans-serif
-  "default": "local('Arial'), local('Helvetica Neue'), local('Roboto'), local('Liberation Sans')"
-};
-var FAMILY_CLASS_MAP = {
-  1: "serif",
-  2: "serif",
-  3: "serif",
-  4: "serif",
-  5: "serif",
-  7: "serif",
-  8: "sans-serif"
-};
-var SERIF_NAMES = /jubilat|corundum|dapifer|birra|daith/i;
-var SANS_NAMES = /halyard|gamay|omnes|kit/i;
-function detectFontCategory(font, fontName) {
-  var _a;
-  if (fontName && SERIF_NAMES.test(fontName)) return "serif";
-  if (fontName && SANS_NAMES.test(fontName)) return "sans-serif";
-  try {
-    const familyClass = ((_a = font["OS/2"]) == null ? void 0 : _a.sFamilyClass) ?? 0;
-    const highByte = familyClass >> 8 & 255;
-    return FAMILY_CLASS_MAP[highByte] ?? "default";
-  } catch {
-    return "default";
-  }
-}
-function calcFallbackData(arrayBuffer, fontName) {
-  try {
-    let font = fontkit2.create(Buffer.from(arrayBuffer));
-    let upm = font.unitsPerEm;
-    let category = detectFontCategory(font, fontName);
-    return {
-      fallbackSrc: FALLBACK_STACKS[category],
-      ascentOverride: `${(font.ascent / upm * 100).toFixed(2)}%`,
-      descentOverride: `${(Math.abs(font.descent) / upm * 100).toFixed(2)}%`,
-      lineGapOverride: `${(font.lineGap / upm * 100).toFixed(2)}%`
-    };
-  } catch (err) {
-    console.error("Failed to extract fallback font data:", err);
-    return {
-      fallbackSrc: FALLBACK_STACKS["default"],
-      ascentOverride: "100%",
-      descentOverride: "0%",
-      lineGapOverride: "0%"
-    };
-  }
-}
-async function generateCssFile({
-  woff2File,
-  fileInput,
-  language = null,
-  fileName,
-  fontName,
-  variableFont,
-  weight,
-  style = "Normal",
-  client
-}) {
-  try {
-    let arrayBuffer = await woff2File.arrayBuffer();
-    let b64 = _arrayBufferToBase64(arrayBuffer);
-    let fontkitFont = fontkit2.create(Buffer.from(arrayBuffer));
-    let { fallbackSrc, ascentOverride, descentOverride, lineGapOverride } = calcFallbackData(arrayBuffer, fontName);
-    let cssString;
-    if (variableFont) {
-      let { descriptors, skipped } = buildVFDescriptors(fontkitFont);
-      let skipComment = skipped.length ? `/* axes present but have no @font-face descriptor: ${skipped.join(", ")}` + (skipped.includes("opsz") ? " \u2014 add font-optical-sizing:auto to your element CSS" : "") + " */" : "";
-      cssString = `${skipComment}@font-face{font-family:'${fontName}';src:url(data:application/font-woff2;charset=utf-8;base64,${b64})format('woff2-variations');${descriptors}font-display:swap;}`;
-    } else {
-      let fontStyle = style === "Italic" ? "italic" : "normal";
-      cssString = `@font-face{font-family:'${fontName}';src:url(data:application/font-woff2;charset=utf-8;base64,${b64})format('woff2');font-weight:${weight};font-style:${fontStyle};font-display:swap;}`;
-    }
-    let fallbackCssString = `@font-face{font-family:'${fontName} Fallback';src:${fallbackSrc};ascent-override:${ascentOverride};descent-override:${descentOverride};line-gap-override:${lineGapOverride};}`;
-    let uploadBuffer = Buffer.from(cssString + fallbackCssString, "utf-8");
-    let doc = await client.assets.upload("file", uploadBuffer, { filename: fileName + ".css" });
-    let newFileInput = language == null ? {
-      ...fileInput,
-      css: {
-        _type: "file",
-        asset: {
-          _type: "reference",
-          _ref: doc._id
-        }
-      }
-    } : {
-      ...fileInput,
-      [language]: {
-        ...fileInput[language],
-        css: {
-          _type: "file",
-          asset: {
-            _type: "reference",
-            _ref: doc._id
-          }
-        }
-      }
-    };
-    return newFileInput;
-  } catch (err) {
-    console.error(err);
-    throw err;
-  }
-}
-
-// src/utils/generateFontData.js
-import { Buffer as Buffer2 } from "buffer";
-import * as fontkit3 from "fontkit";
-async function generateFontData({ fileInput, url, fontKit, fontId, client, commit = true }) {
-  var _a;
-  if (fontId.startsWith("drafts.")) {
-    fontId = fontId.replace("drafts.", "");
-  }
-  console.log("generate-font-data ", fontId, commit);
-  let srcUrl;
-  if (!url || url == null) {
-    srcUrl = await client.fetch(`*[_id == $id]{url}`, { id: fileInput.ttf.asset._ref });
-    console.log("src url ", srcUrl);
-    srcUrl = srcUrl[0].url;
-  } else {
-    srcUrl = url;
-  }
-  let font = fontKit;
-  if (!fontKit || fontKit == null) {
-    let buffer = await fetch(srcUrl);
-    buffer = await buffer.arrayBuffer();
-    buffer = Buffer2.from(buffer);
-    font = fontkit3.create(buffer);
-  }
-  let variableAxes;
-  try {
-    variableAxes = font.variationAxes;
-  } catch (err) {
-    console.error("err: ", err);
-  }
-  let variableInstances;
-  try {
-    variableInstances = font.namedVariations;
-  } catch (e) {
-    console.log("variable instances 2 error : ", e.message);
-    let fvar = (_a = font == null ? void 0 : font.fvar) == null ? void 0 : _a.instance;
-    fvar == null ? void 0 : fvar.forEach((fv) => {
-      var _a2, _b, _c, _d, _e, _f;
-      if ((fv == null ? void 0 : fv.nameID) === 2) fv.name = (_c = (_b = (_a2 = font == null ? void 0 : font._tables) == null ? void 0 : _a2.name) == null ? void 0 : _b.records) == null ? void 0 : _c.fontSubfamily;
-      if ((fv == null ? void 0 : fv.nameID) === 17) fv.name = (_f = (_e = (_d = font == null ? void 0 : font._tables) == null ? void 0 : _d.name) == null ? void 0 : _e.records) == null ? void 0 : _f.preferredSubfamily;
-    });
-    variableInstances = {};
-    fvar.forEach((v) => {
-      let key = v.name;
-      if (typeof key === "object") {
-        key = Object.values(key)[0];
-      }
-      let coordKeys = Object.keys(variableAxes);
-      let coord = {};
-      coordKeys.forEach((ck, ckIndex) => {
-        coord[ck] = v.coord[ckIndex];
-      });
-      variableInstances[key] = coord;
-    });
-  }
-  console.log("font : ", font);
-  console.log("variable instances : ", variableInstances);
-  console.log("variable axes : ", variableAxes);
-  let opentypeFeatures = font.availableFeatures;
-  let glyphCount = font.numGlyphs;
-  let characterSet = font.characterSet;
-  let metaData = {
-    postscriptName: font.postscriptName,
-    fullName: font.fullName,
-    familyName: font.familyName,
-    subfamilyName: font.subfamilyName,
-    copyright: font.copyright,
-    version: font.version.replaceAll("Version ", ""),
-    genDate: (/* @__PURE__ */ new Date()).toISOString()
-  };
-  let metrics = {
-    unitsPerEm: font.unitsPerEm,
-    ascender: font.ascent,
-    descender: font.descent,
-    lineGap: font.lineGap,
-    underlinePosition: font.underlinePosition,
-    underlineThickness: font.underlineThickness,
-    italicAngle: font.italicAngle,
-    capHeight: font.capHeight,
-    xHeight: font.xHeight,
-    boundingBox: font.bbox
-  };
-  let variableFont = false;
-  if (variableAxes && variableAxes != null && Object.keys(variableAxes).length > 0 && variableInstances && variableInstances != null && Object.keys(variableInstances).length > 0) {
-    variableFont = true;
-  }
-  let patch = {
-    metrics,
-    metaData,
-    variableFont,
-    variableAxes: JSON.stringify(variableAxes),
-    variableInstances: JSON.stringify(variableInstances),
-    glyphCount,
-    opentypeFeatures: { chars: opentypeFeatures },
-    characterSet: { chars: characterSet }
-  };
-  console.log("data : ", patch);
-  if (commit) patch = await client.patch(fontId).set(patch).commit({ autoGenerateArrayKeys: true });
-  return patch;
-}
-
-// src/utils/parseVariableFontInstances.js
-import { nanoid as nanoid2 } from "nanoid";
-var parseVariableFontInstances = async (font, client) => {
-  if (!font.variableFont || !font.variableInstances) return [];
-  let variableInstances;
-  try {
-    variableInstances = JSON.parse(font.variableInstances);
-  } catch (err) {
-    console.error("Error parsing variable instances:", err);
-    variableInstances = {};
-  }
-  if (Object.keys(variableInstances).length === 0) return [];
-  let staticFonts;
-  const typeface = await client.fetch(
-    `*[_type == 'typeface' && title == $typefaceName][0]{
-			'fonts': styles.fonts[]-> {
-				_id,
-				title,
-				subfamily,
-				style,
-				weight,
-				weightName,
-				metaData,
-				variableFont
-			}
-		}`,
-    { typefaceName: font.typefaceName }
-  );
-  if ((typeface == null ? void 0 : typeface.fonts) && typeface.fonts.length > 0) {
-    staticFonts = typeface.fonts.filter((f) => !f.variableFont);
-    console.log("Using curated typeface fonts list:", staticFonts.length, "fonts");
-  } else {
-    console.warn("Typeface not found or no fonts in curated list, falling back to all fonts query");
-    staticFonts = await client.fetch(
-      `*[_type == 'font' && typefaceName == $typefaceName && variableFont != true]{
-				_id,
-				title,
-				subfamily,
-				style,
-				weight,
-				weightName,
-				metaData
-			}`,
-      { typefaceName: font.typefaceName }
-    );
-  }
-  console.log("Variable font instances:", Object.keys(variableInstances));
-  console.log("Available static fonts:", staticFonts.map((sf) => sf.title));
-  const instanceMappings = [];
-  Object.keys(variableInstances).forEach((instanceName) => {
-    let matchingFont = null;
-    matchingFont = staticFonts.find((sf) => sf.title === instanceName);
-    if (!matchingFont && staticFonts.some((sf) => {
-      var _a;
-      return (_a = sf.metaData) == null ? void 0 : _a.fullName;
-    })) {
-      matchingFont = staticFonts.find((sf) => {
-        var _a, _b, _c, _d;
-        if (!((_a = sf.metaData) == null ? void 0 : _a.fullName)) return false;
-        let fullName = sf.metaData.fullName;
-        const WORDS_TO_REMOVE = ["VF", "var", "variable", "VAR", "vf"];
-        const variableName = (_c = (_b = font.metaData) == null ? void 0 : _b.familyName) == null ? void 0 : _c.replace(new RegExp(`\\b(${WORDS_TO_REMOVE.join("|")})\\b`, "gi"), "").replace(/\s{2,}/g, " ").trim();
-        if (variableName && fullName.startsWith(variableName)) {
-          fullName = fullName.substring(variableName.length).trim();
-        }
-        if (variableName) {
-          const words = variableName.split(/\s+/).map((w) => w.trim()).filter(Boolean);
-          if (words.length > 0) {
-            const regex = new RegExp(`\\b(${words.join("|")})\\b`, "gi");
-            const stripped = fullName.replace(regex, "").replace(/\s{2,}/g, " ").trim();
-            if (stripped !== "") fullName = stripped;
-          }
-        }
-        if (fullName.startsWith(font.typefaceName)) {
-          fullName = fullName.substring(font.typefaceName.length).trim();
-        }
-        if (((_d = sf.style) == null ? void 0 : _d.toLowerCase()) === "italic" && !fullName.toLowerCase().endsWith("italic") && !fullName.toLowerCase().endsWith("slanted")) {
-          fullName = fullName + " Italic";
-        }
-        if (fullName.trim().toLowerCase().endsWith("regular")) {
-          if (instanceName.trim().toLowerCase() + " regular" === fullName.trim().toLowerCase()) return true;
-        }
-        if (fullName.trim().toLowerCase().startsWith("regular")) {
-          if ("regular " + instanceName.trim().toLowerCase() === fullName.trim().toLowerCase()) return true;
-        }
-        if (fullName.trim().toLowerCase().endsWith("italic")) {
-          if (instanceName.trim().toLowerCase().endsWith("italic")) {
-            const k = instanceName.trim().toLowerCase().slice(0, -6).trim() + " regular italic";
-            if (k === fullName.trim().toLowerCase()) return true;
-          }
-        }
-        return fullName.trim().toLowerCase() === instanceName.trim().toLowerCase();
-      });
-    }
-    if (!matchingFont) {
-      const expandedName = instanceName.split(" ").map((word) => expandAbbreviations(word)).join(" ");
-      matchingFont = staticFonts.find((sf) => {
-        const nameWithoutTypeface = sf.title.replace(font.typefaceName, "").trim();
-        return nameWithoutTypeface === expandedName;
-      });
-    }
-    if (!matchingFont) {
-      const isItalic = instanceName.toLowerCase().includes("italic");
-      const weightTerms = [
-        { term: "thin", weight: "100" },
-        { term: "extralight", weight: "200" },
-        { term: "extra light", weight: "200" },
-        { term: "light", weight: "300" },
-        { term: "regular", weight: "400" },
-        { term: "normal", weight: "400" },
-        { term: "medium", weight: "500" },
-        { term: "semibold", weight: "600" },
-        { term: "semi bold", weight: "600" },
-        { term: "bold", weight: "700" },
-        { term: "extrabold", weight: "800" },
-        { term: "extra bold", weight: "800" },
-        { term: "black", weight: "900" },
-        { term: "heavy", weight: "900" }
-      ];
-      let instanceWeight = "400";
-      for (const { term, weight } of weightTerms) {
-        if (instanceName.toLowerCase().includes(term)) {
-          instanceWeight = weight;
-          break;
-        }
-      }
-      matchingFont = staticFonts.find(
-        (sf) => sf.weight === instanceWeight && (isItalic && sf.style === "Italic" || !isItalic && sf.style === "Regular")
-      );
-    }
-    if (!matchingFont) {
-      matchingFont = staticFonts.find((sf) => {
-        if (!sf.weightName) return false;
-        const cleanInstance = instanceName.toLowerCase().replace(/italic/i, "").trim();
-        const cleanWeight = sf.weightName.toLowerCase().replace(/italic/i, "").trim();
-        return cleanInstance === cleanWeight;
-      });
-    }
-    if (!matchingFont && staticFonts.some((sf) => {
-      var _a;
-      return (_a = sf.metaData) == null ? void 0 : _a.fullName;
-    })) {
-      matchingFont = staticFonts.find((sf) => {
-        var _a;
-        if (!((_a = sf.metaData) == null ? void 0 : _a.fullName)) return false;
-        const typefacePattern = new RegExp(`^${font.typefaceName}\\s+`, "i");
-        const stylePart = sf.metaData.fullName.replace(typefacePattern, "").trim();
-        return instanceName.toLowerCase() === stylePart.toLowerCase();
-      });
-    }
-    console.log(`Instance "${instanceName}" matched with:`, matchingFont ? matchingFont.title : "No match found");
-    instanceMappings.push({
-      key: instanceName,
-      value: matchingFont ? { _type: "reference", _ref: matchingFont._id, _weak: true } : null,
-      _key: nanoid2()
-    });
-  });
-  return instanceMappings;
-};
-var parseVariableFontInstances_default = parseVariableFontInstances;
-
-// src/utils/uploadFontFiles.js
-var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, stylesObject, setStatus, setError) => {
+import { nanoid } from "nanoid";
+var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, stylesObject, setStatus, setError, preserveFileNames = false) => {
   let fontRefs = [];
   let variableRefs = [];
   let failedFiles = [];
@@ -926,10 +94,18 @@ var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, styl
     for (let j = 0; j < files.length; j++) {
       const file = files[j];
       const fileType = determineFileType(file);
-      console.log(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Uploading font file: ${fontObject._id}.${fileType}`);
-      setStatus(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Uploading font file: ${fontObject._id}.${fileType}`);
+      const assetFilename = preserveFileNames && fontObject.originalFilename ? `${fontObject.originalFilename}.${fileType}` : `${fontObject._id}.${fileType}`;
+      console.log(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Uploading font file: ${assetFilename}`);
+      setStatus(`[${i + 1}/${fontObjectKeys.length}][${j + 1}/${files.length}] Uploading font file: ${assetFilename}`);
       try {
-        const baseAsset = await client.assets.upload("file", file, { filename: fontObject._id + "." + fileType });
+        const baseAsset = await client.assets.upload("file", file, { filename: assetFilename });
+        if (preserveFileNames && baseAsset.originalFilename !== assetFilename) {
+          try {
+            await client.patch(baseAsset._id).set({ originalFilename: assetFilename }).commit();
+          } catch (renameErr) {
+            console.warn("Could not rename asset \u2014 permissions may be restricted:", renameErr.message);
+          }
+        }
         newFileInput[fileType] = {
           _type: "file",
           asset: { _ref: baseAsset._id, _type: "reference" }
@@ -961,7 +137,7 @@ var uploadFontFiles = async (fontsObjects, subfamilies, client, inputPrice, styl
           Object.assign(fontObject, metadata);
         }
       } catch (err) {
-        console.error("Error uploading font: ", fontObject.title, err.message);
+        console.error("Error uploading font:", fontObject.title, err.message);
         setStatus("Error uploading font: " + err.message);
         setError(true);
         failedFiles.push({ name: file.name, fk: fontKit });
@@ -997,22 +173,68 @@ var determineFileType = (file) => {
   if (file.name.endsWith(".svg")) return "svg";
   return "";
 };
-var createOrUpdateFontDocument = async (font, client, setError) => {
+var resolveExistingFont2 = async (font, client) => {
+  const result = { exact: null, candidates: [], recommendation: "create" };
   try {
-    const existingFont = await client.fetch(
-      `*[_type == 'font' && _id == $fontId]{
-				fileInput,
-				description,
-				metaData,
-				metrics,
-				opentypeFeatures,
-				characterSet,
-				subfamily,
-				scriptFileInput,
-				variableInstanceReferences
+    const idMatches = await client.fetch(
+      `*[_type == 'font' && (_id == $id || _id == $draftId || slug.current == $id)]{
+				_id, title, weight, style, weightName, typefaceName, subfamily, variableFont,
+				fileInput, description, metaData, metrics, opentypeFeatures, characterSet,
+				scriptFileInput, variableInstanceReferences
 			}`,
-      { fontId: font._id }
-    ).then((res) => res[0]);
+      { id: font._id, draftId: `drafts.${font._id}` }
+    );
+    if (idMatches.length > 0) {
+      result.exact = idMatches[0];
+      result.recommendation = "use-exact";
+      return result;
+    }
+    const subfamily = font.subfamily || "";
+    const contentMatches = await client.fetch(
+      `*[_type == 'font'
+				&& lower(typefaceName) == lower($typefaceName)
+				&& lower(weightName) == lower($weightName)
+				&& lower(style) == lower($style)
+				&& (variableFont == $variableFont || (!defined(variableFont) && $variableFont == false))
+				&& (
+					lower(coalesce(subfamily, '')) == lower($subfamily)
+					|| (lower(coalesce(subfamily, '')) in ['', 'regular'] && lower($subfamily) in ['', 'regular'])
+				)
+			]{
+				_id, title, weight, style, weightName, typefaceName, subfamily, variableFont,
+				fileInput, description, metaData, metrics, opentypeFeatures, characterSet,
+				scriptFileInput, variableInstanceReferences
+			}`,
+      {
+        typefaceName: font.typefaceName,
+        weightName: font.weightName || "",
+        style: font.style || "Regular",
+        variableFont: font.variableFont || false,
+        subfamily: subfamily === "" ? "regular" : subfamily
+      }
+    );
+    if (contentMatches.length === 1) {
+      result.candidates = contentMatches;
+      result.recommendation = "use-candidate";
+      return result;
+    }
+    if (contentMatches.length > 1) {
+      result.candidates = contentMatches;
+      result.recommendation = "ambiguous";
+      console.warn(
+        `Ambiguous font match for "${font.title}" \u2014 ${contentMatches.length} candidates found:`,
+        contentMatches.map((c) => c._id)
+      );
+      return result;
+    }
+  } catch (err) {
+    console.error("Error resolving existing font:", font._id, err.message);
+  }
+  return result;
+};
+var createOrUpdateFontDocument = async (font, client, setError) => {
+  try {
+    const { exact, candidates, recommendation } = await resolveExistingFont2(font, client);
     const { files, fontKit } = font;
     delete font.files;
     delete font.fontKit;
@@ -1024,19 +246,23 @@ var createOrUpdateFontDocument = async (font, client, setError) => {
       }
     }
     let fontResponse;
-    if (existingFont) {
-      fontResponse = await updateExistingFont(font, existingFont, client);
+    if (recommendation === "use-exact" && exact) {
+      fontResponse = await updateExistingFont(font, exact, client);
+    } else if (recommendation === "use-candidate" && candidates.length === 1) {
+      console.log(`Content-match: reassigning "${font._id}" \u2192 "${candidates[0]._id}"`);
+      font._id = candidates[0]._id;
+      fontResponse = await updateExistingFont(font, candidates[0], client);
     } else {
       fontResponse = await createNewFont(font, client);
     }
     return {
-      _key: nanoid3(),
+      _key: nanoid(),
       _type: "reference",
       _ref: fontResponse._id,
       _weak: true
     };
   } catch (e) {
-    console.error("Error creating font: ", font.title, font.subfamily, e);
+    console.error("Error creating font:", font.title, font.subfamily, e);
     setError(true);
     return null;
   }
@@ -1058,7 +284,7 @@ var updateExistingFont = async (font, existingFont, client) => {
   if (font.variableFont && (existingFont == null ? void 0 : existingFont.variableInstanceReferences) && (!font.variableInstanceReferences || font.variableInstanceReferences.length === 0)) {
     font.variableInstanceReferences = existingFont.variableInstanceReferences;
   }
-  console.log("Updating existing font: ", font._id, font.title);
+  console.log("Updating existing font:", font._id, font.title);
   const patchObject = {
     fileInput: font.fileInput,
     subfamily: font.subfamily,
@@ -1070,10 +296,10 @@ var updateExistingFont = async (font, existingFont, client) => {
   return await client.patch(font._id).set(patchObject).commit();
 };
 var createNewFont = async (font, client) => {
-  console.log("Creating new font: ", font._id, font.title);
+  console.log("Creating new font:", font._id, font.title);
   if (font.metaData) cleanMetadataValues(font);
   const newDocument = {
-    _key: nanoid3(),
+    _key: nanoid(),
     _id: font._id,
     _type: "font",
     ...font
@@ -1086,7 +312,7 @@ var cleanMetadataValues = (font) => {
     if (font.metaData[key] == null) {
       font.metaData[key] = "";
     } else {
-      font.metaData[key] = font.metaData[key].replace(/[-]/g, "");
+      font.metaData[key] = font.metaData[key].replace(/[\x00-\x1f]/g, "");
     }
   });
 };
@@ -1110,98 +336,7 @@ var addToVariableRefs = (fontRef, font, variableRefs, stylesObject) => {
   }
 };
 
-// src/utils/updateTypefaceDocument.js
-import { nanoid as nanoid4 } from "nanoid";
-var updateTypefaceDocument = async (doc_id, fontRefs, variableRefs, subfamilies, uniqueSubfamilies, subfamiliesArray, preferredStyleRef, newPreferredStyle, stylesObject, client, setStatus, setError) => {
-  console.log("Updating typeface document with new fonts:", { fontRefs, variableRefs, subfamilies, uniqueSubfamilies });
-  setStatus("Updating typeface references...");
-  let patch = {
-    styles: {
-      fonts: stylesObject.fonts ? [...stylesObject.fonts, ...fontRefs] : [...fontRefs],
-      subfamilies: uniqueSubfamilies.length > 1 ? uniqueSubfamilies : [],
-      variableFont: (stylesObject == null ? void 0 : stylesObject.variableFont) ? [...stylesObject.variableFont, ...variableRefs] : [...variableRefs]
-    }
-  };
-  setStatus("Organising font subfamilies...");
-  subfamiliesArray = subfamiliesArray || [];
-  uniqueSubfamilies.forEach((subfamilyName) => {
-    if (!subfamiliesArray.find((sf) => sf.title === subfamilyName)) {
-      subfamiliesArray.push({
-        title: subfamilyName,
-        _key: nanoid4(),
-        _type: "object",
-        fonts: []
-      });
-    }
-  });
-  if (subfamiliesArray.length > 0) {
-    Object.entries(subfamilies).forEach(([id, subfamilyName]) => {
-      if (id.toLowerCase().includes("vf")) return;
-      const subfamilyIndex = subfamiliesArray.findIndex((sf) => sf.title === subfamilyName);
-      if (subfamilyIndex !== -1) {
-        subfamiliesArray[subfamilyIndex].fonts.push({
-          _ref: id,
-          _key: nanoid4(),
-          _type: "reference",
-          _weak: true
-        });
-      }
-    });
-    subfamiliesArray = subfamiliesArray.map((subfamily) => ({
-      ...subfamily,
-      fonts: subfamily.fonts.filter(
-        (font, index, self) => index === self.findIndex((f) => f._ref === font._ref)
-      )
-    }));
-  }
-  patch.styles.subfamilies = subfamiliesArray;
-  await updatePreferredStyle(doc_id, preferredStyleRef, newPreferredStyle, patch, client);
-  console.log("doc_id: ", doc_id);
-  console.log("Typeface patch: ", patch);
-  console.log("New preferred style: ", newPreferredStyle);
-  console.log("SubfamiliesArray:", subfamiliesArray);
-  try {
-    await client.patch(doc_id).set(patch).commit();
-    console.log(`Updated document: ${doc_id}`);
-    if (doc_id.startsWith("drafts.")) {
-      await updatePublishedDocument(doc_id, patch, client);
-    }
-  } catch (err) {
-    console.error("Error updating document:", err.message);
-    setStatus("Error updating typeface");
-    setError(true);
-  }
-};
-var updatePreferredStyle = async (doc_id, preferredStyleRef, newPreferredStyle, patch, client) => {
-  var _a;
-  if ((preferredStyleRef == null ? void 0 : preferredStyleRef._ref) && preferredStyleRef._ref !== "" && preferredStyleRef._ref !== null && newPreferredStyle._ref !== preferredStyleRef._ref) {
-    const prefStyleResult = await client.fetch(
-      `*[_id == $docId]{ preferredStyle->{ weight, style, _id } }`,
-      { docId: doc_id }
-    );
-    const prefStyle = (_a = prefStyleResult[0]) == null ? void 0 : _a.preferredStyle;
-    if (!(prefStyle == null ? void 0 : prefStyle.weight) || prefStyle === null || prefStyle.weight < newPreferredStyle.weight) {
-      patch.preferredStyle = {
-        _type: "reference",
-        _ref: newPreferredStyle._ref,
-        _weak: true
-      };
-    }
-  }
-};
-var updatePublishedDocument = async (doc_id, patch, client) => {
-  const publishedId = doc_id.replace("drafts.", "");
-  const publishedDoc = await client.fetch(`*[_id == $publishedId]`, { publishedId }).then((res) => res[0]);
-  if (publishedDoc) {
-    await client.patch(publishedId).set(patch).commit();
-    console.log(`Updated published document: ${publishedId}`);
-  } else {
-    console.log(`No published document found for ${publishedId}, skipping`);
-  }
-};
-
 // src/utils/regenerateFontData.js
-import * as fontkit4 from "fontkit";
 var renameFontDocuments = async ({
   client,
   typefaceName,
@@ -1271,7 +406,7 @@ var renameFontDocuments = async ({
           file = await res.blob();
         }
         const fontBuffer = await readFontFile(file);
-        const font = fontkit4.create(fontBuffer);
+        const font = await parseFont(fontBuffer, `${fontDoc._id}.ttf`);
         const { weightName, subfamilyName, fontTitle } = extractFontMetadata(
           font,
           typefaceName,
@@ -1389,24 +524,10 @@ var StatusDisplay = ({ status, error, action }) => {
 };
 var StatusDisplay_default = StatusDisplay;
 
-// src/components/PriceInput.jsx
-import React2 from "react";
-import { Flex as Flex2, Text as Text2 } from "@sanity/ui";
-var PriceInput = ({ inputPrice, handleInputChange }) => /* @__PURE__ */ React2.createElement(Flex2, { align: "center", gap: 2 }, /* @__PURE__ */ React2.createElement(Text2, { size: 1, muted: true }, "Price:"), /* @__PURE__ */ React2.createElement(Text2, { size: 1, muted: true }, "$"), /* @__PURE__ */ React2.createElement(
-  "input",
-  {
-    value: inputPrice,
-    onChange: handleInputChange,
-    type: "number",
-    style: { textAlign: "end", padding: "5px", maxWidth: "75px" }
-  }
-), /* @__PURE__ */ React2.createElement(Text2, { size: 1, muted: true }, "per style"));
-var PriceInput_default = PriceInput;
-
 // src/components/RegenerateSubfamiliesComponent.jsx
-import React3, { useState } from "react";
-import { nanoid as nanoid5 } from "nanoid";
-import { Button, Text as Text3, Stack, Box } from "@sanity/ui";
+import React2, { useState } from "react";
+import { nanoid as nanoid2 } from "nanoid";
+import { Button, Text as Text2, Stack, Box } from "@sanity/ui";
 import { useFormValue } from "sanity";
 var RegenerateSubfamiliesComponent = () => {
   const [status, setStatus] = useState("");
@@ -1420,7 +541,7 @@ var RegenerateSubfamiliesComponent = () => {
   const handleClick = () => {
     regenerateSubfamilies({ title, stylesObject, slug, doc_id, client, setStatus, setReady, setError });
   };
-  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, status && /* @__PURE__ */ React3.createElement(Box, { padding: 3, style: { borderRadius: "4px", marginBottom: "10px" } }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, style: { color: error ? "red" : "green" } }, status)), /* @__PURE__ */ React3.createElement(Button, { mode: "ghost", tone: "primary", width: "fill", padding: 3, onClick: handleClick, disabled: !ready }, /* @__PURE__ */ React3.createElement(Stack, { space: 2 }, /* @__PURE__ */ React3.createElement(Text3, { align: "center" }, "Regenerate Subfamilies"))));
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, status && /* @__PURE__ */ React2.createElement(Box, { padding: 3, style: { borderRadius: "4px", marginBottom: "10px" } }, /* @__PURE__ */ React2.createElement(Text2, { size: 1, style: { color: error ? "red" : "green" } }, status)), /* @__PURE__ */ React2.createElement(Button, { mode: "ghost", tone: "primary", width: "fill", padding: 3, onClick: handleClick, disabled: !ready }, /* @__PURE__ */ React2.createElement(Stack, { space: 2 }, /* @__PURE__ */ React2.createElement(Text2, { align: "center" }, "Regenerate Subfamilies"))));
 };
 var regenerateSubfamilies = async ({ title, stylesObject, slug, doc_id, client, setStatus, setReady, setError }) => {
   try {
@@ -1476,11 +597,11 @@ var groupFontsBySubfamily = (fonts) => {
 var createSubfamiliesArray = (subfamilies) => {
   return Object.keys(subfamilies).map((subfamilyName) => ({
     title: subfamilyName,
-    _key: nanoid5(),
+    _key: nanoid2(),
     _type: "object",
     fonts: subfamilies[subfamilyName].map((font) => ({
       _ref: font._id,
-      _key: nanoid5(),
+      _key: nanoid2(),
       _type: "reference",
       _weak: true
     }))
@@ -1514,6 +635,7 @@ var updateTypefaceSubfamilies = async (doc_id, stylesObject, newSubfamiliesArray
 };
 
 // src/components/BatchUploadFonts.jsx
+var UploadModal2 = lazy(() => import("./UploadModal-NME2W53V.mjs"));
 var ACCEPTED_EXTENSIONS = ["ttf", "otf", "woff", "woff2", "eot", "svg"];
 var formatElapsed = (s) => {
   const m = Math.floor(s / 60);
@@ -1531,6 +653,7 @@ var BatchUploadFonts = () => {
   const [pendingFiles, setPendingFiles] = useState2([]);
   const [isDragging, setIsDragging] = useState2(false);
   const [elapsedSeconds, setElapsedSeconds] = useState2(0);
+  const [showUploadModal, setShowUploadModal] = useState2(false);
   const fileInputRef = useRef(null);
   const elapsedTimerRef = useRef(null);
   const wakeLockRef = useRef(null);
@@ -1670,7 +793,8 @@ var BatchUploadFonts = () => {
         inputPrice,
         stylesObject,
         setStatus,
-        setError
+        setError,
+        preserveFileNames
       );
       await updateTypefaceDocument(
         doc_id,
@@ -1822,17 +946,17 @@ var BatchUploadFonts = () => {
     setError(false);
     setStatus("ready");
   };
-  const renderTooltipLabel = (label, description) => /* @__PURE__ */ React4.createElement(
+  const renderTooltipLabel = (label, description) => /* @__PURE__ */ React3.createElement(
     Tooltip,
     {
-      content: /* @__PURE__ */ React4.createElement(Box2, { padding: 2, style: { maxWidth: 260 } }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, style: { lineHeight: 1.6 } }, description)),
+      content: /* @__PURE__ */ React3.createElement(Box2, { padding: 2, style: { maxWidth: 260 } }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, style: { lineHeight: 1.6 } }, description)),
       placement: "top",
       portal: true
     },
-    /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 1, style: { cursor: "default" } }, /* @__PURE__ */ React4.createElement(Label, null, label), /* @__PURE__ */ React4.createElement(InfoOutlineIcon, { style: { opacity: 0.5, display: "block" } }))
+    /* @__PURE__ */ React3.createElement(Flex2, { align: "center", gap: 1, style: { cursor: "default" } }, /* @__PURE__ */ React3.createElement(Label, null, label), /* @__PURE__ */ React3.createElement(InfoOutlineIcon, { style: { opacity: 0.5, display: "block" } }))
   );
-  const renderProcessing = () => /* @__PURE__ */ React4.createElement(Stack2, { space: 3, paddingY: 2 }, /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 3 }, /* @__PURE__ */ React4.createElement(Spinner, null), /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, status)), /* @__PURE__ */ React4.createElement(Card, { tone: "caution", border: true, radius: 2, padding: 2 }, /* @__PURE__ */ React4.createElement(Flex3, { align: "center", justify: "space-between", gap: 2 }, /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(WarningOutlineIcon, { style: { flexShrink: 0 } }), /* @__PURE__ */ React4.createElement(Text4, { size: 1, weight: "semibold" }, "Do not close or reload this tab")), /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true, style: { flexShrink: 0 } }, formatElapsed(elapsedSeconds)))));
-  const renderDropZone = () => /* @__PURE__ */ React4.createElement(
+  const renderProcessing = () => /* @__PURE__ */ React3.createElement(Stack2, { space: 3, paddingY: 2 }, /* @__PURE__ */ React3.createElement(Flex2, { align: "center", gap: 3 }, /* @__PURE__ */ React3.createElement(Spinner, null), /* @__PURE__ */ React3.createElement(Text3, { size: 1, muted: true }, status)), /* @__PURE__ */ React3.createElement(Card, { tone: "caution", border: true, radius: 2, padding: 2 }, /* @__PURE__ */ React3.createElement(Flex2, { align: "center", justify: "space-between", gap: 2 }, /* @__PURE__ */ React3.createElement(Flex2, { align: "center", gap: 2 }, /* @__PURE__ */ React3.createElement(WarningOutlineIcon, { style: { flexShrink: 0 } }), /* @__PURE__ */ React3.createElement(Text3, { size: 1, weight: "semibold" }, "Do not close or reload this tab")), /* @__PURE__ */ React3.createElement(Text3, { size: 1, muted: true, style: { flexShrink: 0 } }, formatElapsed(elapsedSeconds)))));
+  const renderDropZone = () => /* @__PURE__ */ React3.createElement(
     Box2,
     {
       onDragEnter: handleDragEnter,
@@ -1849,7 +973,7 @@ var BatchUploadFonts = () => {
         cursor: "default"
       }
     },
-    /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(
       "input",
       {
         ref: fileInputRef,
@@ -1860,7 +984,7 @@ var BatchUploadFonts = () => {
         onChange: handleFileSelect
       }
     ),
-    /* @__PURE__ */ React4.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, isDragging ? "Release to add files" : "Drop font files here"), /* @__PURE__ */ React4.createElement(Flex3, { justify: "center" }, /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, muted: true }, isDragging ? "Release to add files" : "Drop font files here"), /* @__PURE__ */ React3.createElement(Flex2, { justify: "center" }, /* @__PURE__ */ React3.createElement(
       Button2,
       {
         mode: "ghost",
@@ -1877,7 +1001,7 @@ var BatchUploadFonts = () => {
   );
   const renderFileList = () => {
     const sorted = sortFilesByType(pendingFiles);
-    return /* @__PURE__ */ React4.createElement(Stack2, { space: 2 }, /* @__PURE__ */ React4.createElement(Flex3, { align: "center", justify: "space-between" }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, pendingFiles.length, " file", pendingFiles.length === 1 ? "" : "s", " selected"), /* @__PURE__ */ React4.createElement(
+    return /* @__PURE__ */ React3.createElement(Stack2, { space: 2 }, /* @__PURE__ */ React3.createElement(Flex2, { align: "center", justify: "space-between" }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, muted: true }, pendingFiles.length, " file", pendingFiles.length === 1 ? "" : "s", " selected"), /* @__PURE__ */ React3.createElement(
       Button2,
       {
         mode: "bleed",
@@ -1887,16 +1011,16 @@ var BatchUploadFonts = () => {
         text: "Clear all",
         onClick: () => setPendingFiles([])
       }
-    )), /* @__PURE__ */ React4.createElement(Box2, { style: { maxHeight: "260px", overflowY: "auto", display: "flex", flexDirection: "column", gap: "4px" } }, sorted.map((file, i) => {
+    )), /* @__PURE__ */ React3.createElement(Box2, { style: { maxHeight: "260px", overflowY: "auto", display: "flex", flexDirection: "column", gap: "4px" } }, sorted.map((file, i) => {
       const ext = file.name.split(".").pop().toUpperCase();
-      return /* @__PURE__ */ React4.createElement(Card, { key: `${file.name}-${file.size}-${i}`, border: true, radius: 1, paddingX: 2, paddingY: 2 }, /* @__PURE__ */ React4.createElement(Flex3, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(Flex3, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React4.createElement(
-        Text4,
+      return /* @__PURE__ */ React3.createElement(Card, { key: `${file.name}-${file.size}-${i}`, border: true, radius: 1, paddingX: 2, paddingY: 2 }, /* @__PURE__ */ React3.createElement(Flex2, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React3.createElement(Flex2, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React3.createElement(
+        Text3,
         {
           size: 0,
           style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0 }
         },
         ext
-      ), /* @__PURE__ */ React4.createElement(Box2, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React4.createElement(Text4, { size: 1 }, file.name))), /* @__PURE__ */ React4.createElement(
+      ), /* @__PURE__ */ React3.createElement(Box2, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React3.createElement(Text3, { size: 1 }, file.name))), /* @__PURE__ */ React3.createElement(
         Button2,
         {
           mode: "bleed",
@@ -1906,7 +1030,7 @@ var BatchUploadFonts = () => {
           onClick: () => handleRemoveFile(file)
         }
       )));
-    })), /* @__PURE__ */ React4.createElement(
+    })), /* @__PURE__ */ React3.createElement(
       Box2,
       {
         onDragEnter: handleDragEnter,
@@ -1922,7 +1046,7 @@ var BatchUploadFonts = () => {
           transition: "border-color 0.12s, background 0.12s"
         }
       },
-      /* @__PURE__ */ React4.createElement(
+      /* @__PURE__ */ React3.createElement(
         "input",
         {
           ref: fileInputRef,
@@ -1933,7 +1057,7 @@ var BatchUploadFonts = () => {
           onChange: handleFileSelect
         }
       ),
-      /* @__PURE__ */ React4.createElement(Flex3, { align: "center", justify: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, isDragging ? "Release to add" : "Drop more files or"), /* @__PURE__ */ React4.createElement(
+      /* @__PURE__ */ React3.createElement(Flex2, { align: "center", justify: "center", gap: 2 }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, muted: true }, isDragging ? "Release to add" : "Drop more files or"), /* @__PURE__ */ React3.createElement(
         Button2,
         {
           mode: "bleed",
@@ -1947,7 +1071,7 @@ var BatchUploadFonts = () => {
           }
         }
       ))
-    ), /* @__PURE__ */ React4.createElement(
+    ), /* @__PURE__ */ React3.createElement(
       Button2,
       {
         mode: "ghost",
@@ -1959,12 +1083,13 @@ var BatchUploadFonts = () => {
       }
     ));
   };
-  return /* @__PURE__ */ React4.createElement(React4.Fragment, null, title && title !== "" && slug && slug !== "" && /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(
+  const hasRequiredFields = title && title !== "" && slug && slug !== "";
+  return /* @__PURE__ */ React3.createElement(React3.Fragment, null, !hasRequiredFields && /* @__PURE__ */ React3.createElement(Card, { border: true, padding: 4, radius: 2, tone: "caution" }, /* @__PURE__ */ React3.createElement(Flex2, { align: "center", gap: 3 }, /* @__PURE__ */ React3.createElement(Text3, { size: 2 }, /* @__PURE__ */ React3.createElement(WarningOutlineIcon, null)), /* @__PURE__ */ React3.createElement(Stack2, { space: 2 }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, weight: "semibold" }, !title || title === "" ? "Title required to use font uploader" : "Slug required to use font uploader"), /* @__PURE__ */ React3.createElement(Text3, { size: 1, muted: true }, "Add a ", !title || title === "" ? "title" : "slug", " to this typeface document, then return to the Styles tab to upload fonts.")))), hasRequiredFields && /* @__PURE__ */ React3.createElement(React3.Fragment, null, /* @__PURE__ */ React3.createElement(
     StatusDisplay_default,
     {
       status,
       error,
-      action: /* @__PURE__ */ React4.createElement(
+      action: /* @__PURE__ */ React3.createElement(
         Button2,
         {
           mode: showUtilities ? "default" : "ghost",
@@ -1977,16 +1102,31 @@ var BatchUploadFonts = () => {
         }
       )
     }
-  ), /* @__PURE__ */ React4.createElement(Card, { border: true, padding: 2, shadow: 1, radius: 2 }, showUtilities ? /* @__PURE__ */ React4.createElement(Stack2, { space: 4, marginTop: 2 }, /* @__PURE__ */ React4.createElement(Stack2, { space: 2 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate Subfamilies"), /* @__PURE__ */ React4.createElement(RegenerateSubfamiliesComponent, null)), /* @__PURE__ */ React4.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Rename Fonts (name table, Full Name)"), /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(
-    Switch,
+  ), /* @__PURE__ */ React3.createElement(
+    Button2,
     {
-      checked: preserveShortenedNames,
-      onChange: (e) => setPreserveShortenedNames(e.target.checked)
+      mode: "default",
+      tone: "primary",
+      icon: UploadIcon,
+      text: "Upload Fonts",
+      fontSize: 2,
+      padding: 4,
+      onClick: () => setShowUploadModal(true),
+      style: { width: "100%" }
     }
-  ), renderTooltipLabel(
-    "Preserve shortened names",
-    'Abbreviations in font names are kept as-is (e.g. "XNarrow" stays "XNarrow", "Bd" stays "Bd").'
-  )), ready === "rename" ? renderProcessing() : /* @__PURE__ */ React4.createElement(Button2, { mode: "ghost", tone: "primary", text: "Rename Existing Fonts", style: { width: "100%" }, onClick: handleRenameExistingFonts, disabled: ready !== true })), /* @__PURE__ */ React4.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Update Font Prices"), ready === "price" ? renderProcessing() : /* @__PURE__ */ React4.createElement(Stack2, { space: 2 }, /* @__PURE__ */ React4.createElement(PriceInput_default, { inputPrice, handleInputChange }), /* @__PURE__ */ React4.createElement(Button2, { mode: "ghost", tone: "primary", text: "Update All Font Prices", style: { width: "100%" }, onClick: handleChangeFontPrice, disabled: ready !== true }))), /* @__PURE__ */ React4.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate CSS"), /* @__PURE__ */ React4.createElement(Text4, { 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__ */ React4.createElement(Button2, { mode: "ghost", tone: "primary", text: "Regenerate CSS Files", style: { width: "100%" }, onClick: handleRegenerateCssFiles, disabled: ready !== true }))) : ready ? /* @__PURE__ */ React4.createElement(React4.Fragment, null, /* @__PURE__ */ React4.createElement(Grid, { columns: [2], gap: 4, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React4.createElement(Box2, null, /* @__PURE__ */ React4.createElement(PriceInput_default, { inputPrice, handleInputChange })), /* @__PURE__ */ React4.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(
+  ), showUploadModal && /* @__PURE__ */ React3.createElement(Suspense, { fallback: /* @__PURE__ */ React3.createElement(Spinner, null) }, /* @__PURE__ */ React3.createElement(
+    UploadModal2,
+    {
+      open: showUploadModal,
+      onClose: () => setShowUploadModal(false),
+      client,
+      docId: doc_id,
+      typefaceTitle: title,
+      stylesObject,
+      preferredStyleRef,
+      slug
+    }
+  )), showUtilities && /* @__PURE__ */ React3.createElement(Card, { border: true, padding: 3, shadow: 1, radius: 2, marginTop: 3 }, /* @__PURE__ */ React3.createElement(Stack2, { space: 4 }, /* @__PURE__ */ React3.createElement(Stack2, { space: 2 }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate Subfamilies"), /* @__PURE__ */ React3.createElement(RegenerateSubfamiliesComponent, null)), /* @__PURE__ */ React3.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Rename Fonts (name table, Full Name)"), /* @__PURE__ */ React3.createElement(Flex2, { align: "center", gap: 2 }, /* @__PURE__ */ React3.createElement(
     Switch,
     {
       checked: preserveShortenedNames,
@@ -1995,24 +1135,15 @@ var BatchUploadFonts = () => {
   ), renderTooltipLabel(
     "Preserve shortened names",
     'Abbreviations in font names are kept as-is (e.g. "XNarrow" stays "XNarrow", "Bd" stays "Bd").'
-  )), /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(
-    Switch,
-    {
-      checked: preserveFileNames,
-      onChange: (e) => setPreserveFileNames(e.target.checked)
-    }
-  ), renderTooltipLabel(
-    "Preserve file names",
-    "Original filename capitalisation is used for asset naming instead of the normalised font title."
-  )))), /* @__PURE__ */ React4.createElement(Box2, { marginTop: 3 }, pendingFiles.length === 0 ? renderDropZone() : renderFileList())) : renderProcessing())));
+  )), ready === "rename" ? renderProcessing() : /* @__PURE__ */ React3.createElement(Button2, { mode: "ghost", tone: "primary", text: "Rename Existing Fonts", style: { width: "100%" }, onClick: handleRenameExistingFonts, disabled: ready !== true })), /* @__PURE__ */ React3.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Update Font Prices"), ready === "price" ? renderProcessing() : /* @__PURE__ */ React3.createElement(Stack2, { space: 2 }, /* @__PURE__ */ React3.createElement(PriceInput_default, { inputPrice, handleInputChange }), /* @__PURE__ */ React3.createElement(Button2, { mode: "ghost", tone: "primary", text: "Update All Font Prices", style: { width: "100%" }, onClick: handleChangeFontPrice, disabled: ready !== true }))), /* @__PURE__ */ React3.createElement(Stack2, { space: 3 }, /* @__PURE__ */ React3.createElement(Text3, { size: 1, weight: "semibold", style: { lineHeight: 1.6 } }, "Regenerate CSS"), /* @__PURE__ */ React3.createElement(Text3, { 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__ */ React3.createElement(Button2, { mode: "ghost", tone: "primary", text: "Regenerate CSS Files", style: { width: "100%" }, onClick: handleRegenerateCssFiles, disabled: ready !== true }))))));
 };
 
 // src/components/GenerateCollectionsPairsComponent.jsx
-import React5, { useCallback as useCallback2, useState as useState3 } from "react";
-import { Stack as Stack3, Grid as Grid2, Flex as Flex4, Text as Text5, Button as Button3, Card as Card2, Spinner as Spinner2 } from "@sanity/ui";
+import React4, { useCallback as useCallback2, useState as useState3 } from "react";
+import { Stack as Stack3, Grid as Grid2, Flex as Flex3, Text as Text4, Button as Button3, Card as Card2, Spinner as Spinner2 } from "@sanity/ui";
 import { useFormValue as useFormValue3 } from "sanity";
-import slugify2 from "slugify";
-import { nanoid as nanoid6 } from "nanoid";
+import slugify from "slugify";
+import { nanoid as nanoid3 } from "nanoid";
 var GenerateCollectionsPairsComponent = () => {
   const [status, setStatus] = useState3("ready");
   const [ready, setReady] = useState3(true);
@@ -2030,7 +1161,7 @@ var GenerateCollectionsPairsComponent = () => {
   const createSanityCollection = useCallback2(async (fontsList, collectionSlug, newTitle) => {
     const newSlug = collectionSlug.toLowerCase().trim();
     const fontRefs = fontsList.map((font) => ({
-      _key: nanoid6(),
+      _key: nanoid3(),
       _type: "reference",
       _ref: font._id ?? font._ref,
       _weak: true
@@ -2046,7 +1177,7 @@ var GenerateCollectionsPairsComponent = () => {
     });
     const price = (collectionPrice ? Number(collectionPrice) : 0) * fontRefs.length;
     await client.createOrReplace({
-      _key: nanoid6(),
+      _key: nanoid3(),
       _id: newSlug,
       _type: "collection",
       state: "active",
@@ -2059,18 +1190,18 @@ var GenerateCollectionsPairsComponent = () => {
     }).catch((err) => {
       console.error("Error creating collection:", err.message);
     });
-    return { _ref: newSlug, _type: "reference", _weak: true, _key: nanoid6() };
+    return { _ref: newSlug, _type: "reference", _weak: true, _key: nanoid3() };
   }, [collectionPrice, client]);
   const createSanityPair = useCallback2(async (pair, pairSlug, newTitle) => {
     const newSlug = pairSlug.toLowerCase().trim();
     const fontRefs = pair.map((font) => ({
-      _key: nanoid6(),
+      _key: nanoid3(),
       _type: "reference",
       _ref: font._id,
       _weak: true
     }));
     await client.createOrReplace({
-      _key: nanoid6(),
+      _key: nanoid3(),
       _id: newSlug,
       _type: "pair",
       preferredStyle: { _type: "reference", _ref: fontRefs[0]._ref, _weak: true },
@@ -2081,7 +1212,7 @@ var GenerateCollectionsPairsComponent = () => {
     }).catch((err) => {
       console.error("Error creating pair:", err.message);
     });
-    return { _ref: newSlug, _type: "reference", _weak: true, _key: nanoid6() };
+    return { _ref: newSlug, _type: "reference", _weak: true, _key: nanoid3() };
   }, [pairPrice, client]);
   const handleGenerateCollections = useCallback2(async () => {
     setStatus("Generating collections...");
@@ -2119,7 +1250,7 @@ var GenerateCollectionsPairsComponent = () => {
         setStatus(`[${i + 4}/${totalCollections}] Generating ${subfamilies[i].title} collection`);
         const ref = await createSanityCollection(
           subfamilies[i].fonts,
-          `${slug.current}-${slugify2(subfamilies[i].title)}-family`,
+          `${slug.current}-${slugify(subfamilies[i].title)}-family`,
           `${title} ${subfamilies[i].title} Family`
         );
         if (ref) typefacePatch.push(ref);
@@ -2161,14 +1292,14 @@ var GenerateCollectionsPairsComponent = () => {
         let pairSlug, pairTitle;
         if (reg.subfamily && reg.subfamily !== "") {
           if (reg.subfamily === "Regular") {
-            pairSlug = `${slug.current}-${slugify2(reg.weightName)}s`;
+            pairSlug = `${slug.current}-${slugify(reg.weightName)}s`;
             pairTitle = `${title} ${reg.weightName}s`;
           } else {
-            pairSlug = `${slug.current}-${slugify2(reg.subfamily)}-${slugify2(reg.weightName)}s`;
+            pairSlug = `${slug.current}-${slugify(reg.subfamily)}-${slugify(reg.weightName)}s`;
             pairTitle = `${title} ${reg.subfamily} ${reg.weightName}s`;
           }
         } else {
-          pairSlug = `${slug.current}-${slugify2(reg.weightName)}s`;
+          pairSlug = `${slug.current}-${slugify(reg.weightName)}s`;
           pairTitle = `${title} ${reg.weightName}s`;
         }
         setStatus(`[${i + 1}/${pairs.length}] Generating ${pairTitle}`);
@@ -2188,7 +1319,7 @@ var GenerateCollectionsPairsComponent = () => {
     setReady(true);
   }, [doc_id, title, slug, stylesObject, pairPrice, client, createSanityPair]);
   if (!title || !slug) return null;
-  return /* @__PURE__ */ React5.createElement(Stack3, { space: 2 }, /* @__PURE__ */ React5.createElement(StatusDisplay_default, { status, error: false }), /* @__PURE__ */ React5.createElement(Card2, { border: true, padding: 2, shadow: 1, radius: 2 }, ready ? /* @__PURE__ */ React5.createElement(Stack3, { space: 3 }, /* @__PURE__ */ React5.createElement(Grid2, { columns: [2], gap: 4, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React5.createElement(Stack3, { space: 2 }, /* @__PURE__ */ React5.createElement(Text5, { size: 1, muted: true }, "Collection price / font"), /* @__PURE__ */ React5.createElement(Flex4, { align: "center", gap: 2 }, /* @__PURE__ */ React5.createElement(Text5, { size: 1, muted: true }, "$"), /* @__PURE__ */ React5.createElement(
+  return /* @__PURE__ */ React4.createElement(Stack3, { space: 2 }, /* @__PURE__ */ React4.createElement(StatusDisplay_default, { status, error: false }), /* @__PURE__ */ React4.createElement(Card2, { border: true, padding: 2, shadow: 1, radius: 2 }, ready ? /* @__PURE__ */ React4.createElement(Stack3, { space: 3 }, /* @__PURE__ */ React4.createElement(Grid2, { columns: [2], gap: 4, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React4.createElement(Stack3, { space: 2 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, "Collection price / font"), /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, "$"), /* @__PURE__ */ React4.createElement(
     "input",
     {
       value: collectionPrice,
@@ -2196,7 +1327,7 @@ var GenerateCollectionsPairsComponent = () => {
       type: "number",
       style: { textAlign: "end", padding: "5px", maxWidth: "75px" }
     }
-  ))), /* @__PURE__ */ React5.createElement(Stack3, { space: 2 }, /* @__PURE__ */ React5.createElement(Text5, { size: 1, muted: true }, "Pair price"), /* @__PURE__ */ React5.createElement(Flex4, { align: "center", gap: 2 }, /* @__PURE__ */ React5.createElement(Text5, { size: 1, muted: true }, "$"), /* @__PURE__ */ React5.createElement(
+  ))), /* @__PURE__ */ React4.createElement(Stack3, { space: 2 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, "Pair price"), /* @__PURE__ */ React4.createElement(Flex3, { align: "center", gap: 2 }, /* @__PURE__ */ React4.createElement(Text4, { size: 1, muted: true }, "$"), /* @__PURE__ */ React4.createElement(
     "input",
     {
       value: pairPrice,
@@ -2204,12 +1335,12 @@ var GenerateCollectionsPairsComponent = () => {
       type: "number",
       style: { textAlign: "end", padding: "5px", maxWidth: "75px" }
     }
-  )))), /* @__PURE__ */ React5.createElement(Button3, { mode: "ghost", tone: "primary", text: "Generate Collections", style: { width: "100%" }, onClick: handleGenerateCollections }), /* @__PURE__ */ React5.createElement(Button3, { mode: "ghost", tone: "primary", text: "Generate Pairs", style: { width: "100%" }, onClick: handleGeneratePairs })) : /* @__PURE__ */ React5.createElement(Flex4, { align: "center", justify: "center", gap: 3, padding: 4 }, /* @__PURE__ */ React5.createElement(Spinner2, null), /* @__PURE__ */ React5.createElement(Text5, { muted: true, size: 1 }, status))));
+  )))), /* @__PURE__ */ React4.createElement(Button3, { mode: "ghost", tone: "primary", text: "Generate Collections", style: { width: "100%" }, onClick: handleGenerateCollections }), /* @__PURE__ */ React4.createElement(Button3, { mode: "ghost", tone: "primary", text: "Generate Pairs", style: { width: "100%" }, onClick: handleGeneratePairs })) : /* @__PURE__ */ React4.createElement(Flex3, { align: "center", justify: "center", gap: 3, padding: 4 }, /* @__PURE__ */ React4.createElement(Spinner2, null), /* @__PURE__ */ React4.createElement(Text4, { muted: true, size: 1 }, status))));
 };
 
 // src/components/UpdateScriptsComponent.jsx
-import React6, { useState as useState4, useCallback as useCallback3, useRef as useRef2, useEffect as useEffect2 } from "react";
-import { Stack as Stack4, Text as Text6, Button as Button4 } from "@sanity/ui";
+import React5, { useState as useState4, useCallback as useCallback3, useRef as useRef2, useEffect as useEffect2 } from "react";
+import { Stack as Stack4, Text as Text5, Button as Button4 } from "@sanity/ui";
 import { useFormValue as useFormValue4, set } from "sanity";
 var UpdateScriptsComponent = (props) => {
   const { onChange } = props;
@@ -2251,7 +1382,7 @@ var UpdateScriptsComponent = (props) => {
     if (isReadyRef.current) onChange(set(newScripts));
     setMessage("Scripts updated");
   }, [onChange, fonts, client]);
-  return /* @__PURE__ */ React6.createElement(Stack4, { space: 3 }, /* @__PURE__ */ React6.createElement(
+  return /* @__PURE__ */ React5.createElement(Stack4, { space: 3 }, /* @__PURE__ */ React5.createElement(
     Button4,
     {
       mode: "ghost",
@@ -2260,16 +1391,14 @@ var UpdateScriptsComponent = (props) => {
       text: "Update Scripts from Font Files",
       onClick: updateFromFonts
     }
-  ), message && /* @__PURE__ */ React6.createElement(Text6, { size: 1, style: { color: "green" } }, message), props.renderDefault(props));
+  ), message && /* @__PURE__ */ React5.createElement(Text5, { size: 1, style: { color: "green" } }, message), props.renderDefault(props));
 };
 
 // src/components/SingleUploaderTool.jsx
-import React7, { useState as useState5, useEffect as useEffect3, useCallback as useCallback4, useMemo as useMemo3 } from "react";
-import { Button as Button5, Grid as Grid3, Stack as Stack5, Flex as Flex5, Box as Box3, Text as Text7, Card as Card3 } from "@sanity/ui";
+import React6, { useState as useState5, useEffect as useEffect3, useCallback as useCallback4, useMemo as useMemo3 } from "react";
+import { Button as Button5, Grid as Grid3, Stack as Stack5, Flex as Flex4, Box as Box3, Text as Text6, Card as Card3 } from "@sanity/ui";
 import { TrashIcon as TrashIcon2, ControlsIcon as ControlsIcon2 } from "@sanity/icons";
 import { useFormValue as useFormValue5, set as set2, unset } from "sanity";
-import { Buffer as Buffer3 } from "buffer";
-import * as fontkit5 from "fontkit";
 
 // src/utils/generateFontFile.js
 async function generateFontFile({
@@ -2503,7 +1632,7 @@ 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 = fontkit5.create(Buffer3.from(arrayBuffer));
+      const font = await parseFont(arrayBuffer, `${doc_id}.ttf`);
       const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
         font,
         doc_typefaceName,
@@ -2660,7 +1789,7 @@ var SingleUploaderTool = (props) => {
       }
       if (code === "ttf") {
         const fontBuffer = await readFontFile(file);
-        const font = fontkit5.create(fontBuffer);
+        const font = await parseFont(fontBuffer, file.name);
         const { weightName, subfamilyName, style, variableFont } = extractFontMetadata(
           font,
           doc_typefaceName,
@@ -2808,26 +1937,26 @@ 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__ */ React7.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React7.createElement(Flex5, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React7.createElement(Flex5, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React7.createElement(Text7, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, formatUpper), hasFile ? /* @__PURE__ */ React7.createElement(Box3, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React7.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames[format]) || "File")) : /* @__PURE__ */ React7.createElement(Text7, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ React7.createElement(Flex5, { gap: 1, align: "center", style: { flexShrink: 0 } }, buildSource && (fileInput == null ? void 0 : fileInput[buildSource]) && /* @__PURE__ */ React7.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateFontFile(format, fileInput[buildSource]), text: "Build" }), /* @__PURE__ */ React7.createElement(Button5, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ React7.createElement(Text7, { size: 1 }, "Upload"), /* @__PURE__ */ React7.createElement("input", { ref, type: "file", hidden: true, onChange: (e) => handleUpload(e, format) })), hasFile && /* @__PURE__ */ React7.createElement(Button5, { mode: "bleed", tone: "critical", icon: TrashIcon2, padding: 2, onClick: () => handleDelete(format) }))));
+    return /* @__PURE__ */ React6.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React6.createElement(Flex4, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React6.createElement(Flex4, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React6.createElement(Text6, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, formatUpper), hasFile ? /* @__PURE__ */ React6.createElement(Box3, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React6.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames[format]) || "File")) : /* @__PURE__ */ React6.createElement(Text6, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ React6.createElement(Flex4, { gap: 1, align: "center", style: { flexShrink: 0 } }, buildSource && (fileInput == null ? void 0 : fileInput[buildSource]) && /* @__PURE__ */ React6.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateFontFile(format, fileInput[buildSource]), text: "Build" }), /* @__PURE__ */ React6.createElement(Button5, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ React6.createElement(Text6, { size: 1 }, "Upload"), /* @__PURE__ */ React6.createElement("input", { ref, type: "file", hidden: true, onChange: (e) => handleUpload(e, format) })), hasFile && /* @__PURE__ */ React6.createElement(Button5, { mode: "bleed", tone: "critical", icon: TrashIcon2, 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__ */ React7.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React7.createElement(Flex5, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React7.createElement(Flex5, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React7.createElement(Text7, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, label), hasFile ? /* @__PURE__ */ React7.createElement(Box3, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React7.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, filename || "File")) : /* @__PURE__ */ React7.createElement(Text7, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ React7.createElement(Flex5, { gap: 1, align: "center", style: { flexShrink: 0 } }, onBuild && (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ React7.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: onBuild, text: "Build" }), /* @__PURE__ */ React7.createElement(Button5, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ React7.createElement(Text7, { size: 1 }, "Upload"), /* @__PURE__ */ React7.createElement("input", { type: "file", hidden: true, onChange: (e) => handleUploadTopLevelFile(e, fieldName) })), hasFile && /* @__PURE__ */ React7.createElement(Button5, { mode: "bleed", tone: "critical", icon: TrashIcon2, padding: 2, onClick: () => handleDeleteTopLevel(fieldName) }))));
+    return /* @__PURE__ */ React6.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React6.createElement(Flex4, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React6.createElement(Flex4, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React6.createElement(Text6, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, label), hasFile ? /* @__PURE__ */ React6.createElement(Box3, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React6.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, filename || "File")) : /* @__PURE__ */ React6.createElement(Text6, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ React6.createElement(Flex4, { gap: 1, align: "center", style: { flexShrink: 0 } }, onBuild && (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ React6.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: onBuild, text: "Build" }), /* @__PURE__ */ React6.createElement(Button5, { as: "label", mode: "ghost", tone: "primary", fontSize: 1, padding: 2, style: { cursor: "pointer" } }, /* @__PURE__ */ React6.createElement(Text6, { size: 1 }, "Upload"), /* @__PURE__ */ React6.createElement("input", { type: "file", hidden: true, onChange: (e) => handleUploadTopLevelFile(e, fieldName) })), hasFile && /* @__PURE__ */ React6.createElement(Button5, { mode: "bleed", tone: "critical", icon: TrashIcon2, 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__ */ React7.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React7.createElement(Flex5, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React7.createElement(Flex5, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React7.createElement(Text7, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, "CSS"), hasFile ? /* @__PURE__ */ React7.createElement(Box3, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React7.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames.css) || "File")) : /* @__PURE__ */ React7.createElement(Text7, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ React7.createElement(Flex5, { gap: 1, align: "center", style: { flexShrink: 0 } }, (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ React7.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateCssFile(), text: "Build" }), hasFile && /* @__PURE__ */ React7.createElement(Button5, { mode: "bleed", tone: "critical", icon: TrashIcon2, padding: 2, onClick: () => handleDelete("css") }))));
+    return /* @__PURE__ */ React6.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React6.createElement(Flex4, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React6.createElement(Flex4, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React6.createElement(Text6, { size: 0, style: { fontFamily: "monospace", minWidth: "2.5rem", flexShrink: 0, opacity: hasFile ? 1 : 0.5 } }, "CSS"), hasFile ? /* @__PURE__ */ React6.createElement(Box3, { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, /* @__PURE__ */ React6.createElement("a", { href: fileUrl, target: "_blank", rel: "noreferrer" }, (filenames == null ? void 0 : filenames.css) || "File")) : /* @__PURE__ */ React6.createElement(Text6, { size: 1, muted: true }, "\u2014")), status === "ready" && /* @__PURE__ */ React6.createElement(Flex4, { gap: 1, align: "center", style: { flexShrink: 0 } }, (fileInput == null ? void 0 : fileInput.woff2) && /* @__PURE__ */ React6.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateCssFile(), text: "Build" }), hasFile && /* @__PURE__ */ React6.createElement(Button5, { mode: "bleed", tone: "critical", icon: TrashIcon2, padding: 2, onClick: () => handleDelete("css") }))));
   };
-  const renderDataSection = () => /* @__PURE__ */ React7.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React7.createElement(Flex5, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React7.createElement(Flex5, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React7.createElement(Text7, { 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__ */ React7.createElement(Text7, { size: 1 }, "v", doc_metaData.version, " ", /* @__PURE__ */ React7.createElement(Text7, { as: "span", size: 1, muted: true }, "(", doc_metaData.genDate, ")")) : /* @__PURE__ */ React7.createElement(Text7, { size: 1, muted: true }, "\u2014")), status === "ready" && (fileInput == null ? void 0 : fileInput.ttf) && /* @__PURE__ */ React7.createElement(Flex5, { gap: 1, align: "center", style: { flexShrink: 0 } }, /* @__PURE__ */ React7.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateFontData(), text: "Build" }))));
-  return /* @__PURE__ */ React7.createElement(Stack5, { space: 2 }, /* @__PURE__ */ React7.createElement(
+  const renderDataSection = () => /* @__PURE__ */ React6.createElement(Card3, { border: true, radius: 1, paddingX: 2, paddingY: 3 }, /* @__PURE__ */ React6.createElement(Flex4, { justify: "space-between", align: "center", gap: 2 }, /* @__PURE__ */ React6.createElement(Flex4, { gap: 3, align: "center", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React6.createElement(Text6, { 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__ */ React6.createElement(Text6, { size: 1 }, "v", doc_metaData.version, " ", /* @__PURE__ */ React6.createElement(Text6, { as: "span", size: 1, muted: true }, "(", doc_metaData.genDate, ")")) : /* @__PURE__ */ React6.createElement(Text6, { size: 1, muted: true }, "\u2014")), status === "ready" && (fileInput == null ? void 0 : fileInput.ttf) && /* @__PURE__ */ React6.createElement(Flex4, { gap: 1, align: "center", style: { flexShrink: 0 } }, /* @__PURE__ */ React6.createElement(Button5, { mode: "ghost", tone: "primary", fontSize: 1, padding: 2, onClick: () => handleGenerateFontData(), text: "Build" }))));
+  return /* @__PURE__ */ React6.createElement(Stack5, { space: 2 }, /* @__PURE__ */ React6.createElement(
     StatusDisplay_default,
     {
       status,
       error,
-      action: /* @__PURE__ */ React7.createElement(
+      action: /* @__PURE__ */ React6.createElement(
         Button5,
         {
           mode: "bleed",
@@ -2839,7 +1968,7 @@ var SingleUploaderTool = (props) => {
         }
       )
     }
-  ), renderFontSection("ttf"), status === "ready" && (fileInput == null ? void 0 : fileInput.ttf) && /* @__PURE__ */ React7.createElement(Grid3, { columns: [1, 2], gap: 2 }, /* @__PURE__ */ React7.createElement(
+  ), renderFontSection("ttf"), status === "ready" && (fileInput == null ? void 0 : fileInput.ttf) && /* @__PURE__ */ React6.createElement(Grid3, { columns: [1, 2], gap: 2 }, /* @__PURE__ */ React6.createElement(
     Button5,
     {
       mode: "ghost",
@@ -2848,7 +1977,7 @@ var SingleUploaderTool = (props) => {
       text: "Rebuild All from TTF",
       style: { width: "100%" }
     }
-  ), /* @__PURE__ */ React7.createElement(
+  ), /* @__PURE__ */ React6.createElement(
     Button5,
     {
       mode: "ghost",
@@ -2868,19 +1997,18 @@ var SingleUploaderTool = (props) => {
       text: "Build Missing",
       style: { width: "100%" }
     }
-  )), renderFontSection("otf", "woff"), renderFontSection("woff", "ttf"), renderFontSection("woff2", "ttf"), showAdvanced && renderTopLevelAssetSection("WEB", "woff2_web", (_b = (_a = fileInput == null ? void 0 : fileInput.woff2_web) == null ? void 0 : _a.asset) == null ? void 0 : _b._ref, filenames == null ? void 0 : filenames.woff2_web, handleGenerateSubsetAndWeb), showAdvanced && renderTopLevelAssetSection("SUBSET", "woff2_subset", (_d = (_c = fileInput == null ? void 0 : fileInput.woff2_subset) == null ? void 0 : _c.asset) == null ? void 0 : _d._ref, filenames == null ? void 0 : filenames.woff2_subset, handleGenerateSubsetAndWeb), showAdvanced && renderFontSection("eot", "ttf"), showAdvanced && renderFontSection("svg", "ttf"), renderCssSection(), showAdvanced && renderDataSection(), status === "ready" && ((fileInput == null ? void 0 : fileInput.ttf) || (fileInput == null ? void 0 : fileInput.otf) || (fileInput == null ? void 0 : fileInput.woff) || (fileInput == null ? void 0 : fileInput.woff2)) && /* @__PURE__ */ React7.createElement(Button5, { mode: "ghost", tone: "critical", onClick: () => handleDeleteAll(), text: "Delete All", style: { width: "100%" } }));
+  )), renderFontSection("otf", "woff"), renderFontSection("woff", "ttf"), renderFontSection("woff2", "ttf"), showAdvanced && renderTopLevelAssetSection("WEB", "woff2_web", (_b = (_a = fileInput == null ? void 0 : fileInput.woff2_web) == null ? void 0 : _a.asset) == null ? void 0 : _b._ref, filenames == null ? void 0 : filenames.woff2_web, handleGenerateSubsetAndWeb), showAdvanced && renderTopLevelAssetSection("SUBSET", "woff2_subset", (_d = (_c = fileInput == null ? void 0 : fileInput.woff2_subset) == null ? void 0 : _c.asset) == null ? void 0 : _d._ref, filenames == null ? void 0 : filenames.woff2_subset, handleGenerateSubsetAndWeb), showAdvanced && renderFontSection("eot", "ttf"), showAdvanced && renderFontSection("svg", "ttf"), renderCssSection(), showAdvanced && renderDataSection(), status === "ready" && ((fileInput == null ? void 0 : fileInput.ttf) || (fileInput == null ? void 0 : fileInput.otf) || (fileInput == null ? void 0 : fileInput.woff) || (fileInput == null ? void 0 : fileInput.woff2)) && /* @__PURE__ */ React6.createElement(Button5, { mode: "ghost", tone: "critical", onClick: () => handleDeleteAll(), text: "Delete All", style: { width: "100%" } }));
 };
 
 // src/components/UploadScriptsComponent.jsx
-import React9, { useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo4, useState as useState6 } from "react";
-import { Button as Button6, Flex as Flex6, Grid as Grid4, Stack as Stack6, Text as Text8, TextInput, MenuButton, Menu, MenuItem, Select } from "@sanity/ui";
-import * as fontkit6 from "fontkit";
-import slugify3 from "slugify";
+import React8, { useCallback as useCallback5, useEffect as useEffect4, useMemo as useMemo4, useState as useState6 } from "react";
+import { Button as Button6, Flex as Flex5, Grid as Grid4, Stack as Stack6, Text as Text7, TextInput, MenuButton, Menu, MenuItem, Select } from "@sanity/ui";
+import slugify2 from "slugify";
 import { useFormValue as useFormValue6 } from "sanity";
-import { nanoid as nanoid7 } from "nanoid";
+import { nanoid as nanoid4 } from "nanoid";
 
 // src/utils/utils.js
-import React8 from "react";
+import React7 from "react";
 var HtmlDescription = ({ children }) => {
   return children || "";
 };
@@ -2898,8 +2026,8 @@ var UploadScriptsComponent = (props) => {
   const { elementProps: { ref } } = props;
   const client = useSanityClient();
   const [selectedScript, setSelectedScript] = useState6("");
-  const [status, setStatus] = React9.useState("");
-  const [ready, setReady] = React9.useState(true);
+  const [status, setStatus] = React8.useState("");
+  const [ready, setReady] = React8.useState(true);
   let doc_id = useFormValue6(["_id"]);
   const title = useFormValue6(["title"]);
   const slug = useFormValue6(["slug"]);
@@ -2923,7 +2051,6 @@ var UploadScriptsComponent = (props) => {
     });
   };
   const handleUpload = useCallback5(async (event, script) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
     setReady(false);
     try {
       let failedFiles = [];
@@ -2940,21 +2067,22 @@ 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 = fontkit6.create(fontBuffer);
-        console.log("reading font : ", font.fullName + " " + file.name, font.name.records);
-        let weightName = ((_b = (_a = font == null ? void 0 : font.name) == null ? void 0 : _a.records) == null ? void 0 : _b.preferredSubfamily) ? (_d = (_c = font == null ? void 0 : font.name) == null ? void 0 : _c.records) == null ? void 0 : _d.preferredSubfamily : (_f = (_e = font == null ? void 0 : font.name) == null ? void 0 : _e.records) == null ? void 0 : _f.fontSubfamily;
-        weightName = (weightName == null ? void 0 : weightName.en) ? weightName.en : weightName.constructor == Object ? weightName[Object.keys(weightName)[0]] : weightName;
-        weightName = weightName == null ? void 0 : weightName.replace("Italic", "").replace("It", "").trim();
-        if ((weightName == "" || weightName.toLowerCase() == "roman") && ((_h = (_g = font == null ? void 0 : font.name) == null ? void 0 : _g.records) == null ? void 0 : _h.fullName)) {
-          weightName = (_j = (_i = font == null ? void 0 : font.name) == null ? void 0 : _i.records) == null ? void 0 : _j.fullName;
-          weightName = (weightName == null ? void 0 : weightName.en) ? weightName.en : weightName.constructor == Object ? weightName[Object.keys(weightName)[0]] : weightName;
-          weightName = weightName == null ? void 0 : weightName.replace(title + " ", "").replace(title, "").trim();
-          weightName = weightName == null ? void 0 : weightName.replace("Italic", "").replace("It", "").trim();
+        const font = await parseFont(fontBuffer, file.name);
+        const fullName = getNameString(font, 4);
+        const familyName = getNameString(font, 1);
+        console.log("Reading font:", fullName, file.name);
+        let weightName = getNameString(font, 17) || getNameString(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();
         }
-        let variableFont = (font == null ? void 0 : font.variationAxes) && Object.keys(font.variationAxes).length > 0 ? true : false;
-        let subfamilyName = font.familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
-        let fontTitle = font == null ? void 0 : font.fullName;
-        let style = (font == null ? void 0 : font.italicAngle) !== 0 || (font == null ? void 0 : font.fullName.toLowerCase().includes("italic")) ? "Italic" : "Regular";
+        const axes = getVariationAxes(font);
+        let variableFont = axes !== null;
+        let subfamilyName = familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
+        let fontTitle = fullName;
+        const italicAngle = getItalicAngle(font);
+        let style = italicAngle !== 0 || fullName.toLowerCase().includes("italic") ? "Italic" : "Regular";
         if (fontTitle.toLowerCase().trim().includes(script)) {
           fontTitle = fontTitle.toLowerCase().trim().replace(script, "").trim();
           fontTitle = fontTitle.split(" ").map((word) => {
@@ -2993,13 +2121,13 @@ var UploadScriptsComponent = (props) => {
           fontTitle = fontTitle + italicKW.join(" ");
           style = "Italic";
         }
-        let id = slugify3(fontTitle.toLowerCase().trim());
+        let id = slugify2(fontTitle.toLowerCase().trim());
         console.log("=== Font Info ====");
         console.log(" ");
         console.log("font id : ", id);
         console.log("font title : ", fontTitle);
-        console.log("fontkit fullName : ", font.fullName);
-        console.log("fontkit family name: ", font.familyName);
+        console.log("Full name:", fullName);
+        console.log("Family name:", familyName);
         console.log("file name : ", file.name);
         console.log("subfamily : ", subfamilyName);
         console.log("style : ", style);
@@ -3013,18 +2141,17 @@ var UploadScriptsComponent = (props) => {
           fontsObjects[id].files = [...fontsObjects[id].files, file];
         } else {
           let fontObject = {
-            _key: nanoid7(),
+            _key: nanoid4(),
             _id: id,
             title: fontTitle,
             slug: { _type: "slug", current: id },
             typefaceName: title,
             // Change to match Typeface Document
-            style: (font == null ? void 0 : font.italicAngle) !== 0 || (font == null ? void 0 : font.fullName.toLowerCase().includes("italic")) ? "Italic" : "Regular",
+            style,
             variableFont,
             weightName,
             normalWeight: true,
-            // TODO : check if weight is normal ??
-            weight: ((_k = font["OS/2"]) == null ? void 0 : _k.usWeightClass) ? Number((_l = font["OS/2"]) == null ? void 0 : _l.usWeightClass) : /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: getWeightClass(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]: {} }
@@ -3126,7 +2253,7 @@ var UploadScriptsComponent = (props) => {
             fontResponse = await client.patch(font._id).set({ scriptFileInput: font.scriptFileInput }).commit();
           } else {
             fontResponse = await client.createOrReplace({
-              _key: nanoid7(),
+              _key: nanoid4(),
               _id: font._id,
               _type: "font",
               ...font
@@ -3139,7 +2266,7 @@ var UploadScriptsComponent = (props) => {
           })];
           continue;
         }
-        const fontRef = { _key: nanoid7(), _type: "reference", _ref: fontResponse._id, _weak: true };
+        const fontRef = { _key: nanoid4(), _type: "reference", _ref: fontResponse._id, _weak: true };
         console.log("font response : ", fontResponse);
         console.log("existing styles object : ", stylesObject);
         if (!font.variableFont) {
@@ -3207,8 +2334,8 @@ var UploadScriptsComponent = (props) => {
         console.log("failed files : ", failedFiles);
         const names = failedFiles.map((file) => file.name);
         console.log("names : ", failedFiles.map((file) => {
-          var _a2, _b2;
-          return (_b2 = (_a2 = file == null ? void 0 : file.fk) == null ? void 0 : _a2.name) == null ? void 0 : _b2.records;
+          var _a, _b;
+          return (_b = (_a = file == null ? void 0 : file.fk) == null ? void 0 : _a.name) == null ? void 0 : _b.records;
         }));
         setStatus("fonts uploaded with errors. Failed files : " + names.join(", "));
       } else {
@@ -3221,26 +2348,26 @@ var UploadScriptsComponent = (props) => {
     }
     setReady(true);
   }, [title, slug, doc_id]);
-  return /* @__PURE__ */ React9.createElement(Stack6, null, !ready && /* @__PURE__ */ React9.createElement(Text8, null, /* @__PURE__ */ React9.createElement("br", null), status, /* @__PURE__ */ React9.createElement("br", null), /* @__PURE__ */ React9.createElement("br", null)), ready && /* @__PURE__ */ React9.createElement(Stack6, null, /* @__PURE__ */ React9.createElement(Grid4, { columns: !!(selectedScript && selectedScript !== "") ? 2 : 1, gap: 2 }, /* @__PURE__ */ React9.createElement(
+  return /* @__PURE__ */ React8.createElement(Stack6, null, !ready && /* @__PURE__ */ React8.createElement(Text7, null, /* @__PURE__ */ React8.createElement("br", null), status, /* @__PURE__ */ React8.createElement("br", null), /* @__PURE__ */ React8.createElement("br", null)), ready && /* @__PURE__ */ React8.createElement(Stack6, null, /* @__PURE__ */ React8.createElement(Grid4, { columns: !!(selectedScript && selectedScript !== "") ? 2 : 1, gap: 2 }, /* @__PURE__ */ React8.createElement(
     Select,
     {
       id: "menu-button-example",
       onChange: (e) => setSelectedScript(e.target.value)
     },
-    /* @__PURE__ */ React9.createElement("option", { key: "script-none", value: "" }, " "),
+    /* @__PURE__ */ React8.createElement("option", { key: "script-none", value: "" }, " "),
     SCRIPTS.map(
       (script, i) => {
         var _a;
-        return /* @__PURE__ */ React9.createElement("option", { key: "script-" + i, value: script }, ((_a = script[0]) == null ? void 0 : _a.toUpperCase()) + script.slice(1));
+        return /* @__PURE__ */ React8.createElement("option", { key: "script-" + i, value: script }, ((_a = script[0]) == null ? void 0 : _a.toUpperCase()) + script.slice(1));
       }
     )
-  ), !!(selectedScript && selectedScript !== "") && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement("label", { htmlFor: "upload-scripts-file" }, /* @__PURE__ */ React9.createElement(
+  ), !!(selectedScript && selectedScript !== "") && /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("label", { htmlFor: "upload-scripts-file" }, /* @__PURE__ */ React8.createElement(
     Button6,
     {
       style: { pointerEvents: "none" },
       text: "Upload (ttf/otf/woff/woff2/etc..)"
     }
-  )), /* @__PURE__ */ React9.createElement(
+  )), /* @__PURE__ */ React8.createElement(
     "input",
     {
       ref,
@@ -3255,8 +2382,8 @@ var UploadScriptsComponent = (props) => {
 };
 
 // src/components/FontScriptUploaderComponent.jsx
-import React10, { useState as useState7, useEffect as useEffect5, useCallback as useCallback6 } from "react";
-import { Stack as Stack7, Flex as Flex7, Text as Text9, Button as Button7 } from "@sanity/ui";
+import React9, { useState as useState7, useEffect as useEffect5, useCallback as useCallback6 } from "react";
+import { Stack as Stack7, Flex as Flex6, Text as Text8, Button as Button7 } from "@sanity/ui";
 import { useFormValue as useFormValue7, set as set3, unset as unset2 } from "sanity";
 var FontScriptUploaderComponent = (props) => {
   const client = useSanityClient();
@@ -3464,17 +2591,17 @@ var FontScriptUploaderComponent = (props) => {
       }
     }
   }, [scriptFileInput]);
-  return /* @__PURE__ */ React10.createElement(Stack7, { space: 4 }, SCRIPTS && scriptFileInput && SCRIPTS.map((language, i) => {
+  return /* @__PURE__ */ React9.createElement(Stack7, { space: 4 }, SCRIPTS && scriptFileInput && SCRIPTS.map((language, i) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga;
-    return /* @__PURE__ */ React10.createElement(Stack7, { space: 2, key: "language-" + i, style: { borderBottom: "1px solid var(--card-border-color)", paddingBottom: 8 } }, /* @__PURE__ */ React10.createElement(Flex7, { gap: 2 }, /* @__PURE__ */ React10.createElement(Text9, { weight: "semibold" }, ((_a = language[0]) == null ? void 0 : _a.toUpperCase()) + language.slice(1)), message && message[language] && message[language] !== "" && /* @__PURE__ */ React10.createElement(Text9, { style: { color: "green" } }, message[language])), expanded[language] && /* @__PURE__ */ React10.createElement(Stack7, { space: 2 }, /* @__PURE__ */ React10.createElement(Flex7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React10.createElement(Text9, null, "TTF:\xA0", !((_d = (_c = (_b = scriptFileInput[language]) == null ? void 0 : _b.ttf) == null ? void 0 : _c.asset) == null ? void 0 : _d._ref) ? ((_e = filenames[language]) == null ? void 0 : _e.ttf) ? /* @__PURE__ */ React10.createElement("b", null, filenames[language].ttf) : /* @__PURE__ */ React10.createElement("b", null, "Empty") : /* @__PURE__ */ React10.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_h = (_g = (_f = scriptFileInput[language]) == null ? void 0 : _f.ttf) == null ? void 0 : _g.asset) == null ? void 0 : _h._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_i = filenames[language]) == null ? void 0 : _i.ttf) ? /* @__PURE__ */ React10.createElement("b", null, filenames[language].ttf) : /* @__PURE__ */ React10.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React10.createElement(Flex7, { gap: 1 }, /* @__PURE__ */ React10.createElement("label", null, /* @__PURE__ */ React10.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React10.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: (event) => handleUpload(event, language, "ttf") })), ((_j = value[language]) == null ? void 0 : _j.ttf) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("ttf", language) }, "\xD7"))), status === "ready" && ((_k = value[language]) == null ? void 0 : _k.ttf) && /* @__PURE__ */ React10.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("all", value[language].ttf, language) }, "Regenerate Files from TTF"), /* @__PURE__ */ React10.createElement(Flex7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React10.createElement(Text9, null, "OTF:\xA0", !((_n = (_m = (_l = scriptFileInput[language]) == null ? void 0 : _l.otf) == null ? void 0 : _m.asset) == null ? void 0 : _n._ref) ? ((_o = filenames[language]) == null ? void 0 : _o.otf) ? /* @__PURE__ */ React10.createElement("b", null, (_p = filenames[language]) == null ? void 0 : _p.otf) : /* @__PURE__ */ React10.createElement("b", null, "Empty") : /* @__PURE__ */ React10.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_s = (_r = (_q = scriptFileInput[language]) == null ? void 0 : _q.otf) == null ? void 0 : _r.asset) == null ? void 0 : _s._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_t = filenames[language]) == null ? void 0 : _t.otf) ? /* @__PURE__ */ React10.createElement("b", null, (_u = filenames[language]) == null ? void 0 : _u.otf) : /* @__PURE__ */ React10.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React10.createElement(Flex7, { gap: 1 }, ((_v = value[language]) == null ? void 0 : _v.woff) && /* @__PURE__ */ React10.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("otf", value[language].woff, language) }, "Build"), /* @__PURE__ */ React10.createElement("label", null, /* @__PURE__ */ React10.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React10.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "otf") })), ((_w = value[language]) == null ? void 0 : _w.otf) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("otf", language) }, "\xD7"))), /* @__PURE__ */ React10.createElement(Flex7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React10.createElement(Text9, null, "WOFF:\xA0", !((_z = (_y = (_x = scriptFileInput[language]) == null ? void 0 : _x.woff) == null ? void 0 : _y.asset) == null ? void 0 : _z._ref) ? ((_A = filenames[language]) == null ? void 0 : _A.woff) ? /* @__PURE__ */ React10.createElement("b", null, (_B = filenames[language]) == null ? void 0 : _B.woff) : /* @__PURE__ */ React10.createElement("b", null, "Empty") : /* @__PURE__ */ React10.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_E = (_D = (_C = scriptFileInput[language]) == null ? void 0 : _C.woff) == null ? void 0 : _D.asset) == null ? void 0 : _E._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_F = filenames[language]) == null ? void 0 : _F.woff) ? /* @__PURE__ */ React10.createElement("b", null, (_G = filenames[language]) == null ? void 0 : _G.woff) : /* @__PURE__ */ React10.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React10.createElement(Flex7, { gap: 1 }, ((_H = value[language]) == null ? void 0 : _H.ttf) && /* @__PURE__ */ React10.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("woff", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React10.createElement("label", null, /* @__PURE__ */ React10.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React10.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "woff") })), ((_I = value[language]) == null ? void 0 : _I.woff) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("woff", language) }, "\xD7"))), /* @__PURE__ */ React10.createElement(Flex7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React10.createElement(Text9, null, "WOFF2:\xA0", !((_L = (_K = (_J = scriptFileInput[language]) == null ? void 0 : _J.woff2) == null ? void 0 : _K.asset) == null ? void 0 : _L._ref) ? ((_M = filenames[language]) == null ? void 0 : _M.woff2) ? /* @__PURE__ */ React10.createElement("b", null, (_N = filenames[language]) == null ? void 0 : _N.woff2) : /* @__PURE__ */ React10.createElement("b", null, "Empty") : /* @__PURE__ */ React10.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_Q = (_P = (_O = scriptFileInput[language]) == null ? void 0 : _O.woff2) == null ? void 0 : _P.asset) == null ? void 0 : _Q._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_R = filenames[language]) == null ? void 0 : _R.woff2) ? /* @__PURE__ */ React10.createElement("b", null, (_S = filenames[language]) == null ? void 0 : _S.woff2) : /* @__PURE__ */ React10.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React10.createElement(Flex7, { gap: 1 }, ((_T = value[language]) == null ? void 0 : _T.ttf) && /* @__PURE__ */ React10.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("woff2", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React10.createElement("label", null, /* @__PURE__ */ React10.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React10.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "woff2") })), ((_U = value[language]) == null ? void 0 : _U.woff2) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("woff2", language) }, "\xD7"))), /* @__PURE__ */ React10.createElement(Flex7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React10.createElement(Text9, null, "EOT:\xA0", !((_X = (_W = (_V = scriptFileInput[language]) == null ? void 0 : _V.eot) == null ? void 0 : _W.asset) == null ? void 0 : _X._ref) ? ((_Y = filenames[language]) == null ? void 0 : _Y.eot) ? /* @__PURE__ */ React10.createElement("b", null, (_Z = filenames[language]) == null ? void 0 : _Z.eot) : /* @__PURE__ */ React10.createElement("b", null, "Empty") : /* @__PURE__ */ React10.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_aa = (_$ = (__ = scriptFileInput[language]) == null ? void 0 : __.eot) == null ? void 0 : _$.asset) == null ? void 0 : _aa._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_ba = filenames[language]) == null ? void 0 : _ba.eot) ? /* @__PURE__ */ React10.createElement("b", null, (_ca = filenames[language]) == null ? void 0 : _ca.eot) : /* @__PURE__ */ React10.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React10.createElement(Flex7, { gap: 1 }, ((_da = value[language]) == null ? void 0 : _da.ttf) && /* @__PURE__ */ React10.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("eot", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React10.createElement("label", null, /* @__PURE__ */ React10.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React10.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "eot") })), ((_ea = value[language]) == null ? void 0 : _ea.eot) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("eot", language) }, "\xD7"))), /* @__PURE__ */ React10.createElement(Flex7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React10.createElement(Text9, null, "SVG:\xA0", !((_ha = (_ga = (_fa = scriptFileInput[language]) == null ? void 0 : _fa.svg) == null ? void 0 : _ga.asset) == null ? void 0 : _ha._ref) ? ((_ia = filenames[language]) == null ? void 0 : _ia.svg) ? /* @__PURE__ */ React10.createElement("b", null, (_ja = filenames[language]) == null ? void 0 : _ja.svg) : /* @__PURE__ */ React10.createElement("b", null, "Empty") : /* @__PURE__ */ React10.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_ma = (_la = (_ka = scriptFileInput[language]) == null ? void 0 : _ka.svg) == null ? void 0 : _la.asset) == null ? void 0 : _ma._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_na = filenames[language]) == null ? void 0 : _na.svg) ? /* @__PURE__ */ React10.createElement("b", null, (_oa = filenames[language]) == null ? void 0 : _oa.svg) : /* @__PURE__ */ React10.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React10.createElement(Flex7, { gap: 1 }, ((_pa = value[language]) == null ? void 0 : _pa.ttf) && /* @__PURE__ */ React10.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("svg", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React10.createElement("label", null, /* @__PURE__ */ React10.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React10.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "svg") })), ((_qa = value[language]) == null ? void 0 : _qa.svg) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("svg", language) }, "\xD7"))), /* @__PURE__ */ React10.createElement(Flex7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React10.createElement(Text9, null, "CSS:\xA0", !((_ta = (_sa = (_ra = scriptFileInput[language]) == null ? void 0 : _ra.css) == null ? void 0 : _sa.asset) == null ? void 0 : _ta._ref) ? ((_ua = filenames[language]) == null ? void 0 : _ua.css) ? /* @__PURE__ */ React10.createElement("b", null, (_va = filenames[language]) == null ? void 0 : _va.css) : /* @__PURE__ */ React10.createElement("b", null, "Empty") : /* @__PURE__ */ React10.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_ya = (_xa = (_wa = scriptFileInput[language]) == null ? void 0 : _wa.css) == null ? void 0 : _xa.asset) == null ? void 0 : _ya._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_za = filenames[language]) == null ? void 0 : _za.css) ? /* @__PURE__ */ React10.createElement("b", null, (_Aa = filenames[language]) == null ? void 0 : _Aa.css) : /* @__PURE__ */ React10.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React10.createElement(Flex7, { gap: 1 }, ((_Ba = value[language]) == null ? void 0 : _Ba.woff2) && /* @__PURE__ */ React10.createElement(Button7, { mode: "default", onClick: () => handleGenerateCssFile(language) }, "Build"), ((_Ca = value[language]) == null ? void 0 : _Ca.css) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("css", language) }, "\xD7"))), status === "ready" && (((_Da = value[language]) == null ? void 0 : _Da.ttf) || ((_Ea = value[language]) == null ? void 0 : _Ea.otf) || ((_Fa = value[language]) == null ? void 0 : _Fa.woff) || ((_Ga = value[language]) == null ? void 0 : _Ga.woff2)) && /* @__PURE__ */ React10.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDeleteAll(language), style: { width: "100%" } }, "Delete All")));
+    return /* @__PURE__ */ React9.createElement(Stack7, { space: 2, key: "language-" + i, style: { borderBottom: "1px solid var(--card-border-color)", paddingBottom: 8 } }, /* @__PURE__ */ React9.createElement(Flex6, { gap: 2 }, /* @__PURE__ */ React9.createElement(Text8, { weight: "semibold" }, ((_a = language[0]) == null ? void 0 : _a.toUpperCase()) + language.slice(1)), message && message[language] && message[language] !== "" && /* @__PURE__ */ React9.createElement(Text8, { style: { color: "green" } }, message[language])), expanded[language] && /* @__PURE__ */ React9.createElement(Stack7, { space: 2 }, /* @__PURE__ */ React9.createElement(Flex6, { justify: "space-between", align: "center" }, /* @__PURE__ */ React9.createElement(Text8, null, "TTF:\xA0", !((_d = (_c = (_b = scriptFileInput[language]) == null ? void 0 : _b.ttf) == null ? void 0 : _c.asset) == null ? void 0 : _d._ref) ? ((_e = filenames[language]) == null ? void 0 : _e.ttf) ? /* @__PURE__ */ React9.createElement("b", null, filenames[language].ttf) : /* @__PURE__ */ React9.createElement("b", null, "Empty") : /* @__PURE__ */ React9.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_h = (_g = (_f = scriptFileInput[language]) == null ? void 0 : _f.ttf) == null ? void 0 : _g.asset) == null ? void 0 : _h._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_i = filenames[language]) == null ? void 0 : _i.ttf) ? /* @__PURE__ */ React9.createElement("b", null, filenames[language].ttf) : /* @__PURE__ */ React9.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React9.createElement(Flex6, { gap: 1 }, /* @__PURE__ */ React9.createElement("label", null, /* @__PURE__ */ React9.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React9.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: (event) => handleUpload(event, language, "ttf") })), ((_j = value[language]) == null ? void 0 : _j.ttf) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("ttf", language) }, "\xD7"))), status === "ready" && ((_k = value[language]) == null ? void 0 : _k.ttf) && /* @__PURE__ */ React9.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("all", value[language].ttf, language) }, "Regenerate Files from TTF"), /* @__PURE__ */ React9.createElement(Flex6, { justify: "space-between", align: "center" }, /* @__PURE__ */ React9.createElement(Text8, null, "OTF:\xA0", !((_n = (_m = (_l = scriptFileInput[language]) == null ? void 0 : _l.otf) == null ? void 0 : _m.asset) == null ? void 0 : _n._ref) ? ((_o = filenames[language]) == null ? void 0 : _o.otf) ? /* @__PURE__ */ React9.createElement("b", null, (_p = filenames[language]) == null ? void 0 : _p.otf) : /* @__PURE__ */ React9.createElement("b", null, "Empty") : /* @__PURE__ */ React9.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_s = (_r = (_q = scriptFileInput[language]) == null ? void 0 : _q.otf) == null ? void 0 : _r.asset) == null ? void 0 : _s._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_t = filenames[language]) == null ? void 0 : _t.otf) ? /* @__PURE__ */ React9.createElement("b", null, (_u = filenames[language]) == null ? void 0 : _u.otf) : /* @__PURE__ */ React9.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React9.createElement(Flex6, { gap: 1 }, ((_v = value[language]) == null ? void 0 : _v.woff) && /* @__PURE__ */ React9.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("otf", value[language].woff, language) }, "Build"), /* @__PURE__ */ React9.createElement("label", null, /* @__PURE__ */ React9.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React9.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "otf") })), ((_w = value[language]) == null ? void 0 : _w.otf) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("otf", language) }, "\xD7"))), /* @__PURE__ */ React9.createElement(Flex6, { justify: "space-between", align: "center" }, /* @__PURE__ */ React9.createElement(Text8, null, "WOFF:\xA0", !((_z = (_y = (_x = scriptFileInput[language]) == null ? void 0 : _x.woff) == null ? void 0 : _y.asset) == null ? void 0 : _z._ref) ? ((_A = filenames[language]) == null ? void 0 : _A.woff) ? /* @__PURE__ */ React9.createElement("b", null, (_B = filenames[language]) == null ? void 0 : _B.woff) : /* @__PURE__ */ React9.createElement("b", null, "Empty") : /* @__PURE__ */ React9.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_E = (_D = (_C = scriptFileInput[language]) == null ? void 0 : _C.woff) == null ? void 0 : _D.asset) == null ? void 0 : _E._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_F = filenames[language]) == null ? void 0 : _F.woff) ? /* @__PURE__ */ React9.createElement("b", null, (_G = filenames[language]) == null ? void 0 : _G.woff) : /* @__PURE__ */ React9.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React9.createElement(Flex6, { gap: 1 }, ((_H = value[language]) == null ? void 0 : _H.ttf) && /* @__PURE__ */ React9.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("woff", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React9.createElement("label", null, /* @__PURE__ */ React9.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React9.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "woff") })), ((_I = value[language]) == null ? void 0 : _I.woff) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("woff", language) }, "\xD7"))), /* @__PURE__ */ React9.createElement(Flex6, { justify: "space-between", align: "center" }, /* @__PURE__ */ React9.createElement(Text8, null, "WOFF2:\xA0", !((_L = (_K = (_J = scriptFileInput[language]) == null ? void 0 : _J.woff2) == null ? void 0 : _K.asset) == null ? void 0 : _L._ref) ? ((_M = filenames[language]) == null ? void 0 : _M.woff2) ? /* @__PURE__ */ React9.createElement("b", null, (_N = filenames[language]) == null ? void 0 : _N.woff2) : /* @__PURE__ */ React9.createElement("b", null, "Empty") : /* @__PURE__ */ React9.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_Q = (_P = (_O = scriptFileInput[language]) == null ? void 0 : _O.woff2) == null ? void 0 : _P.asset) == null ? void 0 : _Q._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_R = filenames[language]) == null ? void 0 : _R.woff2) ? /* @__PURE__ */ React9.createElement("b", null, (_S = filenames[language]) == null ? void 0 : _S.woff2) : /* @__PURE__ */ React9.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React9.createElement(Flex6, { gap: 1 }, ((_T = value[language]) == null ? void 0 : _T.ttf) && /* @__PURE__ */ React9.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("woff2", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React9.createElement("label", null, /* @__PURE__ */ React9.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React9.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "woff2") })), ((_U = value[language]) == null ? void 0 : _U.woff2) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("woff2", language) }, "\xD7"))), /* @__PURE__ */ React9.createElement(Flex6, { justify: "space-between", align: "center" }, /* @__PURE__ */ React9.createElement(Text8, null, "EOT:\xA0", !((_X = (_W = (_V = scriptFileInput[language]) == null ? void 0 : _V.eot) == null ? void 0 : _W.asset) == null ? void 0 : _X._ref) ? ((_Y = filenames[language]) == null ? void 0 : _Y.eot) ? /* @__PURE__ */ React9.createElement("b", null, (_Z = filenames[language]) == null ? void 0 : _Z.eot) : /* @__PURE__ */ React9.createElement("b", null, "Empty") : /* @__PURE__ */ React9.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_aa = (_$ = (__ = scriptFileInput[language]) == null ? void 0 : __.eot) == null ? void 0 : _$.asset) == null ? void 0 : _aa._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_ba = filenames[language]) == null ? void 0 : _ba.eot) ? /* @__PURE__ */ React9.createElement("b", null, (_ca = filenames[language]) == null ? void 0 : _ca.eot) : /* @__PURE__ */ React9.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React9.createElement(Flex6, { gap: 1 }, ((_da = value[language]) == null ? void 0 : _da.ttf) && /* @__PURE__ */ React9.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("eot", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React9.createElement("label", null, /* @__PURE__ */ React9.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React9.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "eot") })), ((_ea = value[language]) == null ? void 0 : _ea.eot) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("eot", language) }, "\xD7"))), /* @__PURE__ */ React9.createElement(Flex6, { justify: "space-between", align: "center" }, /* @__PURE__ */ React9.createElement(Text8, null, "SVG:\xA0", !((_ha = (_ga = (_fa = scriptFileInput[language]) == null ? void 0 : _fa.svg) == null ? void 0 : _ga.asset) == null ? void 0 : _ha._ref) ? ((_ia = filenames[language]) == null ? void 0 : _ia.svg) ? /* @__PURE__ */ React9.createElement("b", null, (_ja = filenames[language]) == null ? void 0 : _ja.svg) : /* @__PURE__ */ React9.createElement("b", null, "Empty") : /* @__PURE__ */ React9.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_ma = (_la = (_ka = scriptFileInput[language]) == null ? void 0 : _ka.svg) == null ? void 0 : _la.asset) == null ? void 0 : _ma._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_na = filenames[language]) == null ? void 0 : _na.svg) ? /* @__PURE__ */ React9.createElement("b", null, (_oa = filenames[language]) == null ? void 0 : _oa.svg) : /* @__PURE__ */ React9.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React9.createElement(Flex6, { gap: 1 }, ((_pa = value[language]) == null ? void 0 : _pa.ttf) && /* @__PURE__ */ React9.createElement(Button7, { mode: "default", onClick: () => handleGenerateFontFile("svg", value[language].ttf, language) }, "Build"), /* @__PURE__ */ React9.createElement("label", null, /* @__PURE__ */ React9.createElement(Button7, { as: "span", mode: "ghost" }, "Upload"), /* @__PURE__ */ React9.createElement("input", { ref, type: "file", style: { display: "none" }, onChange: async (event) => handleUpload(event, language, "svg") })), ((_qa = value[language]) == null ? void 0 : _qa.svg) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("svg", language) }, "\xD7"))), /* @__PURE__ */ React9.createElement(Flex6, { justify: "space-between", align: "center" }, /* @__PURE__ */ React9.createElement(Text8, null, "CSS:\xA0", !((_ta = (_sa = (_ra = scriptFileInput[language]) == null ? void 0 : _ra.css) == null ? void 0 : _sa.asset) == null ? void 0 : _ta._ref) ? ((_ua = filenames[language]) == null ? void 0 : _ua.css) ? /* @__PURE__ */ React9.createElement("b", null, (_va = filenames[language]) == null ? void 0 : _va.css) : /* @__PURE__ */ React9.createElement("b", null, "Empty") : /* @__PURE__ */ React9.createElement("a", { href: `https://cdn.sanity.io/files/${process.env.SANITY_STUDIO_PROJECT_ID}/${process.env.SANITY_STUDIO_DATASET}/${(_ya = (_xa = (_wa = scriptFileInput[language]) == null ? void 0 : _wa.css) == null ? void 0 : _xa.asset) == null ? void 0 : _ya._ref.replace("file-", "").replace("-", ".")}`, target: "_blank" }, ((_za = filenames[language]) == null ? void 0 : _za.css) ? /* @__PURE__ */ React9.createElement("b", null, (_Aa = filenames[language]) == null ? void 0 : _Aa.css) : /* @__PURE__ */ React9.createElement("b", null, "File"))), status === "ready" && /* @__PURE__ */ React9.createElement(Flex6, { gap: 1 }, ((_Ba = value[language]) == null ? void 0 : _Ba.woff2) && /* @__PURE__ */ React9.createElement(Button7, { mode: "default", onClick: () => handleGenerateCssFile(language) }, "Build"), ((_Ca = value[language]) == null ? void 0 : _Ca.css) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDelete("css", language) }, "\xD7"))), status === "ready" && (((_Da = value[language]) == null ? void 0 : _Da.ttf) || ((_Ea = value[language]) == null ? void 0 : _Ea.otf) || ((_Fa = value[language]) == null ? void 0 : _Fa.woff) || ((_Ga = value[language]) == null ? void 0 : _Ga.woff2)) && /* @__PURE__ */ React9.createElement(Button7, { mode: "ghost", tone: "critical", onClick: () => handleDeleteAll(language), style: { width: "100%" } }, "Delete All")));
   }));
 };
 
 // src/components/UploadButton.jsx
-import React11, { forwardRef } from "react";
-import { Button as Button8, Text as Text10 } from "@sanity/ui";
+import React10, { forwardRef } from "react";
+import { Button as Button8, Text as Text9 } from "@sanity/ui";
 var UploadButton = forwardRef(({ handleUpload }, ref) => {
-  return /* @__PURE__ */ React11.createElement(
+  return /* @__PURE__ */ React10.createElement(
     Button8,
     {
       mode: "ghost",
@@ -3483,8 +2610,8 @@ var UploadButton = forwardRef(({ handleUpload }, ref) => {
       padding: 3,
       style: { position: "relative" }
     },
-    /* @__PURE__ */ React11.createElement(Text10, { align: "center" }, "Upload (ttf/otf/woff/woff2/etc...)"),
-    /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React10.createElement(Text9, { align: "center" }, "Upload (ttf/otf/woff/woff2/etc...)"),
+    /* @__PURE__ */ React10.createElement(
       "input",
       {
         ref,
@@ -3508,7 +2635,7 @@ UploadButton.displayName = "UploadButton";
 var UploadButton_default = UploadButton;
 
 // src/components/KeyValueInput.jsx
-import React12, { useState as useState8, useCallback as useCallback7 } from "react";
+import React11, { useState as useState8, useCallback as useCallback7 } from "react";
 import { Button as Button9, Grid as Grid5, Stack as Stack8, TextInput as TextInput2 } from "@sanity/ui";
 import { AddIcon, ArrowDownIcon, ArrowUpIcon, TrashIcon as TrashIcon3 } from "@sanity/icons";
 import { set as set4 } from "sanity";
@@ -3544,37 +2671,37 @@ function KeyValueInput({ value = [], onChange }) {
     setPairs(updatedPairs);
     onChange(set4(updatedPairs));
   }, [pairs, onChange]);
-  return /* @__PURE__ */ React12.createElement(Stack8, { space: 3 }, pairs.map((pair, index) => /* @__PURE__ */ React12.createElement(Grid5, { className: "manualButtonWrap", columns: [2], key: index, gap: 0, style: { position: "relative" } }, /* @__PURE__ */ React12.createElement("div", { style: { position: "absolute", height: "100%", top: "0", left: "-10px", width: "min-content", transform: "translate(-100%, 0%)" } }, /* @__PURE__ */ React12.createElement("button", { className: "manualButton manualButtonUp", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveUp(index) }, /* @__PURE__ */ React12.createElement(ArrowUpIcon, null)), /* @__PURE__ */ React12.createElement("button", { className: "manualButton manualButtonDown", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveDown(index) }, /* @__PURE__ */ React12.createElement(ArrowDownIcon, null))), /* @__PURE__ */ React12.createElement(
+  return /* @__PURE__ */ React11.createElement(Stack8, { space: 3 }, pairs.map((pair, index) => /* @__PURE__ */ React11.createElement(Grid5, { className: "manualButtonWrap", columns: [2], key: index, gap: 0, style: { position: "relative" } }, /* @__PURE__ */ React11.createElement("div", { style: { position: "absolute", height: "100%", top: "0", left: "-10px", width: "min-content", transform: "translate(-100%, 0%)" } }, /* @__PURE__ */ React11.createElement("button", { className: "manualButton manualButtonUp", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveUp(index) }, /* @__PURE__ */ React11.createElement(ArrowUpIcon, null)), /* @__PURE__ */ React11.createElement("button", { className: "manualButton manualButtonDown", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveDown(index) }, /* @__PURE__ */ React11.createElement(ArrowDownIcon, null))), /* @__PURE__ */ React11.createElement(
     TextInput2,
     {
       value: pair.key,
       onChange: (e) => handlePairChange(index, "key", e.target.value),
       placeholder: "Key"
     }
-  ), /* @__PURE__ */ React12.createElement("div", { style: { marginLeft: "-1px" } }, /* @__PURE__ */ React12.createElement(
+  ), /* @__PURE__ */ React11.createElement("div", { style: { marginLeft: "-1px" } }, /* @__PURE__ */ React11.createElement(
     TextInput2,
     {
       value: pair.value,
       onChange: (e) => handlePairChange(index, "value", e.target.value),
       placeholder: "Value"
     }
-  )), /* @__PURE__ */ React12.createElement(
+  )), /* @__PURE__ */ React11.createElement(
     "button",
     {
       className: "manualButton",
       onClick: () => handleRemovePair(index),
       style: { position: "absolute", top: "0", right: "-10px", transform: "translate(100%, 0%)" }
     },
-    /* @__PURE__ */ React12.createElement(TrashIcon3, null)
-  ))), /* @__PURE__ */ React12.createElement(Button9, { tone: "primary", onClick: handleAddPair, icon: AddIcon, text: "Add Row" }));
+    /* @__PURE__ */ React11.createElement(TrashIcon3, null)
+  ))), /* @__PURE__ */ React11.createElement(Button9, { tone: "primary", onClick: handleAddPair, icon: AddIcon, text: "Add Row" }));
 }
 
 // src/components/KeyValueReferenceInput.jsx
-import React13, { useState as useState9, useCallback as useCallback8, useEffect as useEffect6 } from "react";
-import { Button as Button10, Stack as Stack9, TextInput as TextInput3, Box as Box4, Card as Card4, Flex as Flex8, Text as Text11, Dialog, Menu as Menu2, MenuButton as MenuButton2, MenuItem as MenuItem2, Autocomplete } from "@sanity/ui";
+import React12, { useState as useState9, useCallback as useCallback8, useEffect as useEffect6 } from "react";
+import { Button as Button10, Stack as Stack9, TextInput as TextInput3, Box as Box4, Card as Card4, Flex as Flex7, Text as Text10, Dialog, Menu as Menu2, MenuButton as MenuButton2, MenuItem as MenuItem2, Autocomplete } from "@sanity/ui";
 import { AddIcon as AddIcon2, ArrowDownIcon as ArrowDownIcon2, ArrowUpIcon as ArrowUpIcon2, TrashIcon as TrashIcon4, SyncIcon, EllipsisHorizontalIcon } from "@sanity/icons";
 import { set as set5, useFormValue as useFormValue8 } from "sanity";
-import { nanoid as nanoid8 } from "nanoid";
+import { nanoid as nanoid5 } from "nanoid";
 function KeyValueReferenceInput(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const { value = [], onChange, schemaType, referenceType, fetchReferences, topActions } = props;
@@ -3620,7 +2747,7 @@ function KeyValueReferenceInput(props) {
     onChange(set5(updatedPairs));
   }, [pairs, onChange]);
   const handleAddPair = useCallback8(() => {
-    const updatedPairs = [...pairs, { key: "", value: null, _key: nanoid8() }];
+    const updatedPairs = [...pairs, { key: "", value: null, _key: nanoid5() }];
     setPairs(updatedPairs);
     onChange(set5(updatedPairs));
   }, [pairs, onChange]);
@@ -3681,48 +2808,48 @@ function KeyValueReferenceInput(props) {
   const valueTitle = (valueField == null ? void 0 : valueField.title) || "Value";
   const keyPlaceholder = (keyField == null ? void 0 : keyField.placeholder) || "Enter key";
   const pickerLabel = referenceType || valueTitle.toLowerCase();
-  return /* @__PURE__ */ React13.createElement(Stack9, { space: 3 }, topActions && /* @__PURE__ */ React13.createElement(Box4, { paddingBottom: 2 }, topActions), /* @__PURE__ */ React13.createElement(Box4, null, /* @__PURE__ */ React13.createElement(Stack9, { space: 2 }, pairs.map((pair, index) => {
+  return /* @__PURE__ */ React12.createElement(Stack9, { space: 3 }, topActions && /* @__PURE__ */ React12.createElement(Box4, { paddingBottom: 2 }, topActions), /* @__PURE__ */ React12.createElement(Box4, null, /* @__PURE__ */ React12.createElement(Stack9, { space: 2 }, pairs.map((pair, index) => {
     var _a2;
-    return /* @__PURE__ */ React13.createElement(Box4, { key: index, style: { position: "relative" } }, /* @__PURE__ */ React13.createElement("div", { style: { position: "absolute", height: "100%", top: "0", left: "-5px", width: "min-content", transform: "translate(-100%, 0%)" } }, /* @__PURE__ */ React13.createElement("button", { className: "manualButton manualButtonUp", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveUp(index) }, /* @__PURE__ */ React13.createElement(ArrowUpIcon2, null)), /* @__PURE__ */ React13.createElement("button", { className: "manualButton manualButtonDown", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveDown(index) }, /* @__PURE__ */ React13.createElement(ArrowDownIcon2, null))), /* @__PURE__ */ React13.createElement(Flex8, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React13.createElement(Box4, { flex: 1 }, /* @__PURE__ */ React13.createElement(
+    return /* @__PURE__ */ React12.createElement(Box4, { key: index, style: { position: "relative" } }, /* @__PURE__ */ React12.createElement("div", { style: { position: "absolute", height: "100%", top: "0", left: "-5px", width: "min-content", transform: "translate(-100%, 0%)" } }, /* @__PURE__ */ React12.createElement("button", { className: "manualButton manualButtonUp", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveUp(index) }, /* @__PURE__ */ React12.createElement(ArrowUpIcon2, null)), /* @__PURE__ */ React12.createElement("button", { className: "manualButton manualButtonDown", style: { fontSize: "15px", height: "50%" }, onClick: () => handleMoveDown(index) }, /* @__PURE__ */ React12.createElement(ArrowDownIcon2, null))), /* @__PURE__ */ React12.createElement(Flex7, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React12.createElement(Box4, { flex: 1 }, /* @__PURE__ */ React12.createElement(
       TextInput3,
       {
         value: pair.key,
         onChange: (e) => handlePairChange(index, "key", e.target.value),
         placeholder: keyPlaceholder
       }
-    )), /* @__PURE__ */ React13.createElement(Box4, { flex: 1, style: { minHeight: "100%" } }, ((_a2 = pair.value) == null ? void 0 : _a2._ref) ? /* @__PURE__ */ React13.createElement(Card4, { className: "referenceCard", radius: 2, tone: "primary", style: { paddingLeft: "1rem", height: "fit-content" } }, /* @__PURE__ */ React13.createElement(Flex8, { align: "center", justify: "space-between" }, /* @__PURE__ */ React13.createElement(
-      Text11,
+    )), /* @__PURE__ */ React12.createElement(Box4, { flex: 1, style: { minHeight: "100%" } }, ((_a2 = pair.value) == null ? void 0 : _a2._ref) ? /* @__PURE__ */ React12.createElement(Card4, { className: "referenceCard", radius: 2, tone: "primary", style: { paddingLeft: "1rem", height: "fit-content" } }, /* @__PURE__ */ React12.createElement(Flex7, { align: "center", justify: "space-between" }, /* @__PURE__ */ React12.createElement(
+      Text10,
       {
         size: 2,
         style: { whiteSpace: "nowrap", overflow: "hidden", textOverflow: "ellipsis", maxWidth: "90%" }
       },
       referenceData[pair.value._ref] || "Loading..."
-    ), /* @__PURE__ */ React13.createElement(
+    ), /* @__PURE__ */ React12.createElement(
       MenuButton2,
       {
-        button: /* @__PURE__ */ React13.createElement(Button10, { icon: EllipsisHorizontalIcon, mode: "bleed", title: "Options" }),
+        button: /* @__PURE__ */ React12.createElement(Button10, { icon: EllipsisHorizontalIcon, mode: "bleed", title: "Options" }),
         id: `ref-options-${index}`,
-        menu: /* @__PURE__ */ React13.createElement(Menu2, null, /* @__PURE__ */ React13.createElement(MenuItem2, { tone: "critical", icon: TrashIcon4, text: "Remove", onClick: () => handlePairChange(index, "value", null) }), /* @__PURE__ */ React13.createElement(MenuItem2, { icon: SyncIcon, text: "Replace", onClick: () => openReferenceSelector(index) })),
+        menu: /* @__PURE__ */ React12.createElement(Menu2, null, /* @__PURE__ */ React12.createElement(MenuItem2, { tone: "critical", icon: TrashIcon4, text: "Remove", onClick: () => handlePairChange(index, "value", null) }), /* @__PURE__ */ React12.createElement(MenuItem2, { icon: SyncIcon, text: "Replace", onClick: () => openReferenceSelector(index) })),
         popover: { portal: true, tone: "default", placement: "left" }
       }
-    ))) : /* @__PURE__ */ React13.createElement(
+    ))) : /* @__PURE__ */ React12.createElement(
       Box4,
       {
         padding: 2,
         style: { minHeight: "100%", border: "1px dashed #ccc", borderRadius: "4px", display: "flex", alignItems: "center", justifyContent: "center", cursor: "pointer" },
         onClick: () => openReferenceSelector(index)
       },
-      /* @__PURE__ */ React13.createElement(Text11, { muted: true, size: 2 }, "Click to select a ", pickerLabel)
-    ))), /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React12.createElement(Text10, { muted: true, size: 2 }, "Click to select a ", pickerLabel)
+    ))), /* @__PURE__ */ React12.createElement(
       "button",
       {
         className: "manualButton",
         onClick: () => handleRemovePair(index),
         style: { position: "absolute", top: "0", right: "-7px", transform: "translate(100%, 0%)" }
       },
-      /* @__PURE__ */ React13.createElement(TrashIcon4, null)
+      /* @__PURE__ */ React12.createElement(TrashIcon4, null)
     ));
-  }))), /* @__PURE__ */ React13.createElement(Button10, { tone: "primary", mode: "ghost", onClick: handleAddPair, icon: AddIcon2, text: `Add ${keyTitle}` }), isDialogOpen && /* @__PURE__ */ React13.createElement(
+  }))), /* @__PURE__ */ React12.createElement(Button10, { tone: "primary", mode: "ghost", onClick: handleAddPair, icon: AddIcon2, text: `Add ${keyTitle}` }), isDialogOpen && /* @__PURE__ */ React12.createElement(
     Dialog,
     {
       header: `Select a ${pickerLabel}`,
@@ -3730,13 +2857,13 @@ function KeyValueReferenceInput(props) {
       onClose: closeDialog,
       width: 1
     },
-    /* @__PURE__ */ React13.createElement(Box4, { padding: 4 }, /* @__PURE__ */ React13.createElement(
+    /* @__PURE__ */ React12.createElement(Box4, { padding: 4 }, /* @__PURE__ */ React12.createElement(
       Autocomplete,
       {
         id: "reference-autocomplete",
         options: referenceOptions,
         placeholder: `Search ${pickerLabel}s...`,
-        renderOption: (option) => /* @__PURE__ */ React13.createElement(Card4, { key: option.value, padding: 3, radius: 2, tone: "default", style: { cursor: "pointer" } }, /* @__PURE__ */ React13.createElement(Text11, { size: 2 }, option.title)),
+        renderOption: (option) => /* @__PURE__ */ React12.createElement(Card4, { key: option.value, padding: 3, radius: 2, tone: "default", style: { cursor: "pointer" } }, /* @__PURE__ */ React12.createElement(Text10, { size: 2 }, option.title)),
         renderValue: (val) => {
           var _a2;
           return ((_a2 = referenceOptions.find((o) => o.value === val)) == null ? void 0 : _a2.title) || "";
@@ -3753,11 +2880,11 @@ function KeyValueReferenceInput(props) {
 }
 
 // src/components/VariableInstanceReferencesInput.jsx
-import React14, { useState as useState10, useCallback as useCallback9 } from "react";
-import { Button as Button11, Flex as Flex9, Dialog as Dialog2, Box as Box5, Stack as Stack10, Text as Text12 } from "@sanity/ui";
+import React13, { useState as useState10, useCallback as useCallback9 } from "react";
+import { Button as Button11, Flex as Flex8, Dialog as Dialog2, Box as Box5, Stack as Stack10, Text as Text11 } from "@sanity/ui";
 import { SyncIcon as SyncIcon2, DocumentTextIcon } from "@sanity/icons";
 import { set as set6, useFormValue as useFormValue9 } from "sanity";
-import { nanoid as nanoid9 } from "nanoid";
+import { nanoid as nanoid6 } from "nanoid";
 function VariableInstanceReferencesInput(props) {
   const { value = [], onChange } = props;
   const [isAutofilling, setIsAutofilling] = useState10(false);
@@ -3814,7 +2941,7 @@ function VariableInstanceReferencesInput(props) {
         console.warn("No variable instances found in JSON");
         return;
       }
-      const keyOnlyPairs = keys.map((key) => ({ key, value: null, _key: nanoid9() }));
+      const keyOnlyPairs = keys.map((key) => ({ key, value: null, _key: nanoid6() }));
       const updatedPairs = mode === "replace" ? keyOnlyPairs : [...value, ...keyOnlyPairs.filter((p) => !value.some((existing) => existing.key === p.key))];
       onChange(set6(updatedPairs));
     } catch (err) {
@@ -3850,7 +2977,7 @@ function VariableInstanceReferencesInput(props) {
     setPendingAction(null);
   }, []);
   const showAutofill = !!((formDocument == null ? void 0 : formDocument.variableFont) && (formDocument == null ? void 0 : formDocument.variableInstances));
-  const topActions = showAutofill ? /* @__PURE__ */ React14.createElement(Flex9, { gap: 2 }, /* @__PURE__ */ React14.createElement(
+  const topActions = showAutofill ? /* @__PURE__ */ React13.createElement(Flex8, { gap: 2 }, /* @__PURE__ */ React13.createElement(
     Button11,
     {
       tone: "primary",
@@ -3861,7 +2988,7 @@ function VariableInstanceReferencesInput(props) {
       disabled: isAutofilling,
       loading: isAutofilling
     }
-  ), /* @__PURE__ */ React14.createElement(
+  ), /* @__PURE__ */ React13.createElement(
     Button11,
     {
       tone: "default",
@@ -3873,7 +3000,7 @@ function VariableInstanceReferencesInput(props) {
       loading: isAutofilling
     }
   )) : null;
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(
+  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement(
     KeyValueReferenceInput,
     {
       ...props,
@@ -3881,7 +3008,7 @@ function VariableInstanceReferencesInput(props) {
       fetchReferences,
       topActions
     }
-  ), showConfirmDialog && /* @__PURE__ */ React14.createElement(
+  ), showConfirmDialog && /* @__PURE__ */ React13.createElement(
     Dialog2,
     {
       header: "Existing entries found",
@@ -3889,15 +3016,15 @@ function VariableInstanceReferencesInput(props) {
       onClose: handleConfirmCancel,
       width: 1
     },
-    /* @__PURE__ */ React14.createElement(Box5, { padding: 4 }, /* @__PURE__ */ React14.createElement(Stack10, { space: 4 }, /* @__PURE__ */ React14.createElement(Text12, null, "You already have ", value.length, " ", value.length === 1 ? "entry" : "entries", ". How would you like to proceed?"), /* @__PURE__ */ React14.createElement(Flex9, { gap: 2, justify: "flex-end" }, /* @__PURE__ */ React14.createElement(Button11, { text: "Cancel", mode: "ghost", onClick: handleConfirmCancel }), /* @__PURE__ */ React14.createElement(Button11, { text: "Merge (Add New)", tone: "primary", mode: "ghost", onClick: () => handleConfirmChoice("merge") }), /* @__PURE__ */ React14.createElement(Button11, { text: "Replace All", tone: "critical", onClick: () => handleConfirmChoice("replace") }))))
+    /* @__PURE__ */ React13.createElement(Box5, { padding: 4 }, /* @__PURE__ */ React13.createElement(Stack10, { space: 4 }, /* @__PURE__ */ React13.createElement(Text11, null, "You already have ", value.length, " ", value.length === 1 ? "entry" : "entries", ". How would you like to proceed?"), /* @__PURE__ */ React13.createElement(Flex8, { gap: 2, justify: "flex-end" }, /* @__PURE__ */ React13.createElement(Button11, { text: "Cancel", mode: "ghost", onClick: handleConfirmCancel }), /* @__PURE__ */ React13.createElement(Button11, { text: "Merge (Add New)", tone: "primary", mode: "ghost", onClick: () => handleConfirmChoice("merge") }), /* @__PURE__ */ React13.createElement(Button11, { text: "Replace All", tone: "critical", onClick: () => handleConfirmChoice("replace") }))))
   ));
 }
 
 // src/components/PrimaryCollectionGeneratorTypeface.jsx
-import React15, { useCallback as useCallback10, useState as useState11 } from "react";
-import { Stack as Stack11, Flex as Flex10, Text as Text13, Button as Button12, Card as Card5, Spinner as Spinner3 } from "@sanity/ui";
+import React14, { useCallback as useCallback10, useState as useState11 } from "react";
+import { Stack as Stack11, Flex as Flex9, Text as Text12, Button as Button12, Card as Card5, Spinner as Spinner3 } from "@sanity/ui";
 import { useFormValue as useFormValue10 } from "sanity";
-import { nanoid as nanoid10 } from "nanoid";
+import { nanoid as nanoid7 } from "nanoid";
 var PrimaryCollectionGeneratorTypeface = () => {
   const client = useSanityClient();
   const [status, setStatus] = useState11("ready");
@@ -3917,7 +3044,7 @@ var PrimaryCollectionGeneratorTypeface = () => {
     if (!id.includes("collection")) id += "-collection";
     const colTitle = id.replace(/-/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
     const collectionDoc = {
-      _key: nanoid10(),
+      _key: nanoid7(),
       _id: id,
       title: colTitle,
       slug: { _type: "slug", current: id },
@@ -3935,7 +3062,7 @@ var PrimaryCollectionGeneratorTypeface = () => {
           ...styles,
           collections: [{
             _type: "reference",
-            _key: nanoid10(),
+            _key: nanoid7(),
             _ref: sanityCollection._id,
             _weak: true
           }, ...collections]
@@ -3949,7 +3076,7 @@ var PrimaryCollectionGeneratorTypeface = () => {
     setReady(true);
   }, [docId, fonts, price, preferredStyle, styles, title, client]);
   if (!title || !fonts) return null;
-  return /* @__PURE__ */ React15.createElement(Stack11, { space: 2 }, /* @__PURE__ */ React15.createElement(StatusDisplay_default, { status, error: false }), /* @__PURE__ */ React15.createElement(Card5, { border: true, padding: 2, shadow: 1, radius: 2 }, ready ? /* @__PURE__ */ React15.createElement(Stack11, { space: 3 }, /* @__PURE__ */ React15.createElement(Flex10, { align: "center", gap: 2, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React15.createElement(Text13, { size: 1, muted: true }, "Price"), /* @__PURE__ */ React15.createElement(Text13, { size: 1, muted: true }, "$"), /* @__PURE__ */ React15.createElement(
+  return /* @__PURE__ */ React14.createElement(Stack11, { space: 2 }, /* @__PURE__ */ React14.createElement(StatusDisplay_default, { status, error: false }), /* @__PURE__ */ React14.createElement(Card5, { border: true, padding: 2, shadow: 1, radius: 2 }, ready ? /* @__PURE__ */ React14.createElement(Stack11, { space: 3 }, /* @__PURE__ */ React14.createElement(Flex9, { align: "center", gap: 2, marginTop: 1, marginBottom: 1 }, /* @__PURE__ */ React14.createElement(Text12, { size: 1, muted: true }, "Price"), /* @__PURE__ */ React14.createElement(Text12, { size: 1, muted: true }, "$"), /* @__PURE__ */ React14.createElement(
     "input",
     {
       value: price,
@@ -3957,7 +3084,7 @@ var PrimaryCollectionGeneratorTypeface = () => {
       type: "number",
       style: { textAlign: "end", padding: "5px", maxWidth: "75px" }
     }
-  ), /* @__PURE__ */ React15.createElement(Text13, { size: 1, muted: true }, "per full family")), /* @__PURE__ */ React15.createElement(
+  ), /* @__PURE__ */ React14.createElement(Text12, { size: 1, muted: true }, "per full family")), /* @__PURE__ */ React14.createElement(
     Button12,
     {
       mode: "ghost",
@@ -3966,13 +3093,13 @@ var PrimaryCollectionGeneratorTypeface = () => {
       onClick: generateCollection,
       text: "Generate Full Family Collection"
     }
-  )) : /* @__PURE__ */ React15.createElement(Flex10, { align: "center", justify: "center", gap: 3, padding: 4 }, /* @__PURE__ */ React15.createElement(Spinner3, null), /* @__PURE__ */ React15.createElement(Text13, { muted: true, size: 1 }, status))));
+  )) : /* @__PURE__ */ React14.createElement(Flex9, { align: "center", justify: "center", gap: 3, padding: 4 }, /* @__PURE__ */ React14.createElement(Spinner3, null), /* @__PURE__ */ React14.createElement(Text12, { muted: true, size: 1 }, status))));
 };
 
 // src/components/SetOTF.jsx
-import React16, { useState as useState12 } from "react";
+import React15, { useState as useState12 } from "react";
 import { set as set7, useFormValue as useFormValue11 } from "sanity";
-import { Stack as Stack12, Button as Button13, Text as Text14 } from "@sanity/ui";
+import { Stack as Stack12, Button as Button13, Text as Text13 } from "@sanity/ui";
 var SetOTF = (props) => {
   var _a, _b;
   const { onChange, value = {} } = props;
@@ -4021,7 +3148,7 @@ var SetOTF = (props) => {
       console.error("SetOTF detect error:", err);
     }
   };
-  return /* @__PURE__ */ React16.createElement(Stack12, { className: "openType" }, ((_a = value == null ? void 0 : value.features) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ React16.createElement(Text14, { muted: true, size: 1, style: { marginBottom: "0.5rem" } }, "Number of features: ", value.features.length), !!((_b = stylesObject == null ? void 0 : stylesObject.fonts) == null ? void 0 : _b.length) && /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React15.createElement(Stack12, { className: "openType" }, ((_a = value == null ? void 0 : value.features) == null ? void 0 : _a.length) > 0 && /* @__PURE__ */ React15.createElement(Text13, { muted: true, size: 1, style: { marginBottom: "0.5rem" } }, "Number of features: ", value.features.length), !!((_b = stylesObject == null ? void 0 : stylesObject.fonts) == null ? void 0 : _b.length) && /* @__PURE__ */ React15.createElement(
     Button13,
     {
       text: "Detect OTF",
@@ -4029,23 +3156,23 @@ var SetOTF = (props) => {
       onClick: detect,
       style: { borderRadius: "0 3px 0 0", marginBottom: "1rem" }
     }
-  ), !!message && /* @__PURE__ */ React16.createElement(Text14, { muted: true, size: 1 }, /* @__PURE__ */ React16.createElement("br", null), message, /* @__PURE__ */ React16.createElement("br", null), /* @__PURE__ */ React16.createElement("br", null)), props.renderDefault(props));
+  ), !!message && /* @__PURE__ */ React15.createElement(Text13, { muted: true, size: 1 }, /* @__PURE__ */ React15.createElement("br", null), message, /* @__PURE__ */ React15.createElement("br", null), /* @__PURE__ */ React15.createElement("br", null)), props.renderDefault(props));
 };
 
 // src/components/StyleCountInput.jsx
-import React17 from "react";
-import { Text as Text15 } from "@sanity/ui";
+import React16 from "react";
+import { Text as Text14 } from "@sanity/ui";
 import { useFormValue as useFormValue12 } from "sanity";
 var StyleCountInput = (props) => {
   const styles = useFormValue12(["styles", "fonts"]) || [];
   const vfStyles = useFormValue12(["styles", "variableFont"]) || [];
   const count = styles.length + vfStyles.length;
-  return /* @__PURE__ */ React17.createElement(Text15, { size: 1 }, count);
+  return /* @__PURE__ */ React16.createElement(Text14, { size: 1 }, count);
 };
 
 // src/components/NestedObjectArraySelector.jsx
-import React18, { useMemo as useMemo5, useState as useState14 } from "react";
-import { Stack as Stack13, Card as Card6, Text as Text16, Checkbox, Box as Box6, Spinner as Spinner4, Flex as Flex11 } from "@sanity/ui";
+import React17, { useMemo as useMemo5, useState as useState14 } from "react";
+import { Stack as Stack13, Card as Card6, Text as Text15, Checkbox, Box as Box6, Spinner as Spinner4, Flex as Flex10 } from "@sanity/ui";
 
 // src/hooks/useNestedObjects.js
 import { useState as useState13, useEffect as useEffect7 } from "react";
@@ -4117,7 +3244,7 @@ function useNestedObjects({
 
 // src/components/NestedObjectArraySelector.jsx
 import { set as set8, unset as unset3 } from "sanity";
-var NestedObjectArraySelector = React18.forwardRef((props, ref) => {
+var NestedObjectArraySelector = React17.forwardRef((props, ref) => {
   const { value = [], onChange, schemaType } = props;
   const options = (schemaType == null ? void 0 : schemaType.options) || {};
   const {
@@ -4151,18 +3278,18 @@ var NestedObjectArraySelector = React18.forwardRef((props, ref) => {
     }
   };
   if (!sourceType || !nestedField || !titleField || !valueField) {
-    return /* @__PURE__ */ React18.createElement(Card6, { padding: 3, tone: "critical", border: true }, /* @__PURE__ */ React18.createElement(Text16, { size: 1 }, "Configuration error: Missing required options (sourceType, nestedField, titleField, or valueField)"));
+    return /* @__PURE__ */ React17.createElement(Card6, { padding: 3, tone: "critical", border: true }, /* @__PURE__ */ React17.createElement(Text15, { size: 1 }, "Configuration error: Missing required options (sourceType, nestedField, titleField, or valueField)"));
   }
   if (loading) {
-    return /* @__PURE__ */ React18.createElement(Card6, { padding: 3, border: true }, /* @__PURE__ */ React18.createElement(Flex11, { align: "center", justify: "center", padding: 4 }, /* @__PURE__ */ React18.createElement(Spinner4, null), /* @__PURE__ */ React18.createElement(Box6, { marginLeft: 3 }, /* @__PURE__ */ React18.createElement(Text16, { size: 1 }, "Loading options..."))));
+    return /* @__PURE__ */ React17.createElement(Card6, { padding: 3, border: true }, /* @__PURE__ */ React17.createElement(Flex10, { align: "center", justify: "center", padding: 4 }, /* @__PURE__ */ React17.createElement(Spinner4, null), /* @__PURE__ */ React17.createElement(Box6, { marginLeft: 3 }, /* @__PURE__ */ React17.createElement(Text15, { size: 1 }, "Loading options..."))));
   }
   if (error) {
-    return /* @__PURE__ */ React18.createElement(Card6, { padding: 3, tone: "critical", border: true }, /* @__PURE__ */ React18.createElement(Text16, { size: 1 }, "Error loading options: ", error.message));
+    return /* @__PURE__ */ React17.createElement(Card6, { padding: 3, tone: "critical", border: true }, /* @__PURE__ */ React17.createElement(Text15, { size: 1 }, "Error loading options: ", error.message));
   }
   if (objects.length === 0) {
-    return /* @__PURE__ */ React18.createElement(Card6, { padding: 3, tone: "transparent", border: true }, /* @__PURE__ */ React18.createElement(Text16, { size: 1, muted: true }, emptyMessage));
+    return /* @__PURE__ */ React17.createElement(Card6, { padding: 3, tone: "transparent", border: true }, /* @__PURE__ */ React17.createElement(Text15, { size: 1, muted: true }, emptyMessage));
   }
-  return /* @__PURE__ */ React18.createElement(Card6, { padding: 0, border: true, ref }, objects.length > 5 && /* @__PURE__ */ React18.createElement(Box6, { padding: 3, style: { borderBottom: "1px solid var(--card-border-color)" } }, /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React17.createElement(Card6, { padding: 0, border: true, ref }, objects.length > 5 && /* @__PURE__ */ React17.createElement(Box6, { padding: 3, style: { borderBottom: "1px solid var(--card-border-color)" } }, /* @__PURE__ */ React17.createElement(
     "input",
     {
       type: "text",
@@ -4171,10 +3298,10 @@ var NestedObjectArraySelector = React18.forwardRef((props, ref) => {
       onChange: (e) => setSearchTerm(e.target.value),
       style: { width: "100%", padding: "8px 12px", border: "1px solid var(--card-border-color)", borderRadius: "4px", fontSize: "13px", fontFamily: "inherit" }
     }
-  )), /* @__PURE__ */ React18.createElement(Stack13, { space: 0 }, filteredObjects.length === 0 ? /* @__PURE__ */ React18.createElement(Box6, { padding: 3 }, /* @__PURE__ */ React18.createElement(Text16, { size: 1, muted: true }, 'No results found for "', searchTerm, '"')) : filteredObjects.map((obj, index) => {
+  )), /* @__PURE__ */ React17.createElement(Stack13, { space: 0 }, filteredObjects.length === 0 ? /* @__PURE__ */ React17.createElement(Box6, { padding: 3 }, /* @__PURE__ */ React17.createElement(Text15, { size: 1, muted: true }, 'No results found for "', searchTerm, '"')) : filteredObjects.map((obj, index) => {
     const isSelected = value == null ? void 0 : value.includes(obj.value);
     const isLast = index === filteredObjects.length - 1;
-    return /* @__PURE__ */ React18.createElement(
+    return /* @__PURE__ */ React17.createElement(
       Box6,
       {
         key: obj.value,
@@ -4182,28 +3309,28 @@ var NestedObjectArraySelector = React18.forwardRef((props, ref) => {
         style: { borderBottom: isLast ? "none" : "1px solid var(--card-border-color)", cursor: "pointer", backgroundColor: isSelected ? "var(--card-muted-fg-color)" : "transparent", transition: "background-color 0.2s" },
         onClick: () => handleToggle(obj.value)
       },
-      /* @__PURE__ */ React18.createElement(Flex11, { align: "center", gap: 3 }, /* @__PURE__ */ React18.createElement(Checkbox, { checked: isSelected, readOnly: true, style: { pointerEvents: "none" } }), /* @__PURE__ */ React18.createElement(Text16, { size: 1, weight: isSelected ? "semibold" : "regular" }, obj.title))
+      /* @__PURE__ */ React17.createElement(Flex10, { align: "center", gap: 3 }, /* @__PURE__ */ React17.createElement(Checkbox, { checked: isSelected, readOnly: true, style: { pointerEvents: "none" } }), /* @__PURE__ */ React17.createElement(Text15, { size: 1, weight: isSelected ? "semibold" : "regular" }, obj.title))
     );
-  })), (value == null ? void 0 : value.length) > 0 && /* @__PURE__ */ React18.createElement(Box6, { padding: 2, paddingX: 3, style: { borderTop: "1px solid var(--card-border-color)", backgroundColor: "var(--card-muted-fg-color)" } }, /* @__PURE__ */ React18.createElement(Text16, { size: 1, muted: true }, value.length, " selected")));
+  })), (value == null ? void 0 : value.length) > 0 && /* @__PURE__ */ React17.createElement(Box6, { padding: 2, paddingX: 3, style: { borderTop: "1px solid var(--card-border-color)", backgroundColor: "var(--card-muted-fg-color)" } }, /* @__PURE__ */ React17.createElement(Text15, { size: 1, muted: true }, value.length, " selected")));
 });
 NestedObjectArraySelector.displayName = "NestedObjectArraySelector";
 
 // src/utils/getEmptyFontKit.js
-import * as fontkit7 from "fontkit";
-import slugify4 from "slugify";
+import slugify3 from "slugify";
 async function getEmptyFontKit({ title, files, weightKeywordList, italicKeywordList }) {
-  var _a, _b, _c, _d, _e, _f;
   let fontNames = {};
   let subfamilies = {};
   for (var i = 0; i < files.length; i++) {
     const file = files[i];
     const fontBuffer = await readFontFile2(file);
-    const font = fontkit7.create(fontBuffer);
-    let weightName = ((_b = (_a = font == null ? void 0 : font.name) == null ? void 0 : _a.records) == null ? void 0 : _b.preferredSubfamily) ? (_d = (_c = font == null ? void 0 : font.name) == null ? void 0 : _c.records) == null ? void 0 : _d.preferredSubfamily : (_f = (_e = font == null ? void 0 : font.name) == null ? void 0 : _e.records) == null ? void 0 : _f.fontSubfamily;
-    weightName = (weightName == null ? void 0 : weightName.en) ? weightName.en : weightName.constructor == Object ? weightName[Object.keys(weightName)[0]] : weightName;
-    let variableFont = (font == null ? void 0 : font.variationAxes) && Object.keys(font.variationAxes).length > 0 ? true : false;
-    let subfamilyName = font.familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
-    let fontTitle = font == null ? void 0 : font.fullName.toLowerCase().trim();
+    const font = await parseFont(fontBuffer, file.name);
+    let weightName = getNameString(font, 17) || getNameString(font, 2) || "";
+    const axes = getVariationAxes(font);
+    let variableFont = axes !== null;
+    const familyName = getNameString(font, 1);
+    const fullName = getNameString(font, 4);
+    let subfamilyName = familyName.toLowerCase().trim().replace(title.toLowerCase().trim(), "").trim();
+    let fontTitle = fullName.toLowerCase().trim();
     weightKeywordList.forEach((keyword) => {
       const kw = keyword.toLowerCase().trim();
       if (fontTitle.includes(kw)) {
@@ -4225,7 +3352,7 @@ async function getEmptyFontKit({ title, files, weightKeywordList, italicKeywordL
     fontTitle = fontTitle.trim().split(" ").map((word) => word[0].toUpperCase() + word.slice(1)).join(" ");
     subfamilyName = subfamilyName.trim();
     subfamilyName = subfamilyName == "" ? "Regular" : subfamilyName.split(" ").map((word) => word[0].toUpperCase() + word.slice(1)).join(" ");
-    let id = slugify4(fontTitle.toLowerCase().trim());
+    let id = slugify3(fontTitle.toLowerCase().trim());
     if (variableFont && !id.endsWith("-vf")) {
       id = id + "-vf";
       fontTitle = fontTitle + " VF";
@@ -4238,26 +3365,26 @@ async function getEmptyFontKit({ title, files, weightKeywordList, italicKeywordL
     if (!fontNames[id]) {
       fontNames[id] = [{
         file: file.name,
-        fullName: font.fullName,
-        familyName: font.familyName,
+        fullName,
+        familyName,
         subFamily: subfamilyName
       }];
     } else if (fontNames[id].indexOf(file.name) == -1) {
       fontNames[id].push({
         file: file.name,
-        fullName: font.fullName,
-        familyName: font.familyName,
+        fullName,
+        familyName,
         subFamily: subfamilyName
       });
     }
   }
-  console.log("font names : ", fontNames);
+  console.log("Font names:", fontNames);
 }
 var readFontFile2 = (file) => {
   return new Promise((resolve, reject) => {
     const reader = new FileReader();
     reader.onload = (event) => {
-      resolve(new Uint8Array(event.target.result));
+      resolve(event.target.result);
     };
     reader.onerror = (error) => {
       reject(error);
@@ -6720,15 +5847,15 @@ var stylisticSetField = {
 };
 
 // src/schema/stylesField.js
-import React19 from "react";
+import React18 from "react";
 import { AdvancedRefArray } from "@liiift-studio/sanity-advanced-reference-array";
 var typefaceParams = (doc) => ({ typefaceName: (doc == null ? void 0 : doc.title) || "" });
-var FontsRefArray = (props) => React19.createElement(AdvancedRefArray, {
+var FontsRefArray = (props) => React18.createElement(AdvancedRefArray, {
   ...props,
   filterGroq: "lower(typefaceName) == lower($typefaceName)",
   filterParams: typefaceParams
 });
-var VariableFontsRefArray = (props) => React19.createElement(AdvancedRefArray, {
+var VariableFontsRefArray = (props) => React18.createElement(AdvancedRefArray, {
   ...props,
   filterGroq: "lower(typefaceName) == lower($typefaceName) && variableFont == true",
   filterParams: typefaceParams
@@ -6955,16 +6082,24 @@ function createStylesField({
 }
 export {
   BatchUploadFonts,
+  BulkActions,
   DISCOUNT_REQUIREMENT_TYPES,
   DISCOUNT_REQUIREMENT_TYPES_OBJECT,
+  EXECUTION_STATUS,
+  ExistingDocumentResolver,
+  FONT_STATUS,
+  FontReviewCard_default as FontReviewCard,
   FontScriptUploaderComponent,
   GenerateCollectionsPairsComponent,
   HtmlDescription,
   KeyValueInput,
   KeyValueReferenceInput,
   NestedObjectArraySelector,
+  PLAN_PHASE,
+  PLAN_VERSION,
   PriceInput_default as PriceInput,
   PrimaryCollectionGeneratorTypeface,
+  RECOMMENDATION,
   RegenerateSubfamiliesComponent,
   SCRIPTS,
   SCRIPTS_OBJECT,
@@ -6974,12 +6109,24 @@ export {
   StyleCountInput,
   UpdateScriptsComponent,
   UploadButton_default as UploadButton,
+  UploadModal,
   UploadScriptsComponent,
+  UploadStep1Settings,
+  UploadStep2Review,
+  UploadStep3Execute,
+  UploadSummary,
   VariableInstanceReferencesInput,
   addItalicToFontTitle,
+  buildUploadPlan,
+  createEmptyPlan,
+  createFontDecisions,
   createFontObject,
+  createInitialExecutionState,
   createStylesField,
   determineWeight,
+  escapeCssFontName,
+  executeUploadPlan,
+  executionReducer,
   expandAbbreviations,
   extractFontMetadata,
   extractWeightFromFullName,
@@ -6990,16 +6137,32 @@ export {
   generateFontFile,
   generateStyleKeywords,
   generateSubset,
+  getAllFeatureTags,
+  getCharacterSet,
   getEmptyFontKit,
+  getFamilyClass,
+  getFontMetadata,
+  getFontMetrics,
+  getFsSelection,
+  getGlyphCount,
+  getItalicAngle,
+  getMacStyle,
+  getNameString,
+  getNamedInstances,
+  getVariationAxes,
+  getWeightClass,
   logFontInfo,
   openTypeField,
+  parseFont,
   parseVariableFontInstances_default as parseVariableFontInstances,
+  planReducer,
   processFontFiles,
   processItalicKeywords,
   processSubfamilyName,
   readFontFile,
   removeWeightNames,
   renameFontDocuments,
+  resolveExistingFont,
   reverseSpellingLookup,
   sanitizeForSanityId,
   sortFontObjects,