tinacms 3.8.2 → 3.8.4

package/dist/index.js

@@ -36,6 +36,8 @@ import { useHTMLInputCursorState, useComboboxInput } from "@udecode/plate-combob
 import { useComboboxContext, Combobox as Combobox$1, useComboboxStore, ComboboxProvider, Portal, ComboboxPopover, ComboboxItem } from "@ariakit/react";
 import { filterWords } from "@udecode/plate-combobox";
 import { toggleList, unwrapList, getListItemEntry } from "@udecode/plate-list";
+import { normalizeHeadingLevels, ALL_HEADING_LEVELS, isHeadingLevel, TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, canonicalPath, validateSchema } from "@tinacms/schema-tools";
+import { NAMER, resolveField } from "@tinacms/schema-tools";
 import { useBlockSelected, BlockSelectionPlugin } from "@udecode/plate-selection/react";
 import "@udecode/plate-dnd";
 import { setCellBackground } from "@udecode/plate-table";
@@ -93,8 +95,6 @@ import { VscNewFile } from "react-icons/vsc";
 import { TbLogs } from "react-icons/tb";
 import { ImUsers, ImFilesEmpty } from "react-icons/im";
 import { PiSidebarSimpleLight } from "react-icons/pi";
-import { TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, canonicalPath, validateSchema } from "@tinacms/schema-tools";
-import { NAMER, resolveField } from "@tinacms/schema-tools";
 import gql from "graphql-tag";
 import { useLocation, NavLink, useNavigate, useParams, Link as Link$1, HashRouter, Routes, Route } from "react-router-dom";
 import { RiHome2Line } from "react-icons/ri";
@@ -1356,7 +1356,7 @@ function CodeBlockCombobox({
   const element = useElement();
   const value = element.lang || "plaintext";
   const [searchValue, setSearchValue] = React__default.useState("");
-  const items2 = React__default.useMemo(
+  const items = React__default.useMemo(
     () => languages.filter(
       (language) => !searchValue || language.label.toLowerCase().includes(searchValue.toLowerCase())
     ),
@@ -1394,7 +1394,7 @@ function CodeBlockCombobox({
         onValueChange: (value2) => setSearchValue(value2),
         placeholder: "Search language..."
       }
-    ), /* @__PURE__ */ React__default.createElement(CommandEmpty$1, null, "No language found."), /* @__PURE__ */ React__default.createElement(CommandList$1, { className: "h-48 overflow-y-auto" }, /* @__PURE__ */ React__default.createElement(CommandGroup$1, null, items2.map((language) => /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React__default.createElement(CommandEmpty$1, null, "No language found."), /* @__PURE__ */ React__default.createElement(CommandList$1, { className: "h-48 overflow-y-auto" }, /* @__PURE__ */ React__default.createElement(CommandGroup$1, null, items.map((language) => /* @__PURE__ */ React__default.createElement(
       CommandItem$1,
       {
         key: language.label,
@@ -2435,16 +2435,16 @@ const InlineCombobox = ({
   const store = useComboboxStore({
     setValue: (newValue) => startTransition(() => setValue(newValue))
   });
-  const items2 = store.useState("items");
+  const items = store.useState("items");
   useEffect(() => {
     if (!store.getState().activeId) {
       store.setActiveId(store.first());
     }
-  }, [items2, store]);
+  }, [items, store]);
   return /* @__PURE__ */ React__default.createElement("span", { contentEditable: false }, /* @__PURE__ */ React__default.createElement(
     ComboboxProvider,
     {
-      open: (items2.length > 0 || hasEmpty) && (!hideWhenNoValue || value.length > 0),
+      open: (items.length > 0 || hasEmpty) && (!hideWhenNoValue || value.length > 0),
       store
     },
     /* @__PURE__ */ React__default.createElement(InlineComboboxContext.Provider, { value: contextValue }, children)
@@ -2546,14 +2546,14 @@ const InlineComboboxEmpty = ({
 }) => {
   const { setHasEmpty } = useContext(InlineComboboxContext);
   const store = useComboboxContext();
-  const items2 = store.useState("items");
+  const items = store.useState("items");
   useEffect(() => {
     setHasEmpty(true);
     return () => {
       setHasEmpty(false);
     };
   }, [setHasEmpty]);
-  if (items2.length > 0)
+  if (items.length > 0)
     return null;
   return /* @__PURE__ */ React__default.createElement(
     "div",
@@ -2563,28 +2563,80 @@ const InlineComboboxEmpty = ({
     children
   );
 };
-const rules = [
-  {
-    icon: Icons.h1,
-    onSelect: (editor) => {
-      editor.tf.toggleBlock(HEADING_KEYS.h1);
+const ToolbarContext = createContext(
+  void 0
+);
+const ToolbarProvider = ({
+  tinaForm,
+  templates,
+  overrides,
+  children
+}) => {
+  const configured = !Array.isArray(overrides) ? overrides == null ? void 0 : overrides.headingLevels : void 0;
+  const headingLevelsConfigured = Array.isArray(configured);
+  const headingLevels = useMemo(
+    () => configured ? normalizeHeadingLevels(configured) : ALL_HEADING_LEVELS,
+    [configured]
+  );
+  return /* @__PURE__ */ React__default.createElement(
+    ToolbarContext.Provider,
+    {
+      value: {
+        tinaForm,
+        templates,
+        overrides,
+        headingLevels,
+        headingLevelsConfigured
+      }
     },
+    children
+  );
+};
+const useToolbarContext = () => {
+  const context = useContext(ToolbarContext);
+  if (!context) {
+    throw new Error("useToolbarContext must be used within a ToolbarProvider");
+  }
+  return context;
+};
+const headingRulesByLevel = {
+  h1: {
+    icon: Icons.h1,
+    onSelect: (editor) => editor.tf.toggleBlock(HEADING_KEYS.h1),
     value: "Heading 1"
   },
-  {
+  h2: {
     icon: Icons.h2,
-    onSelect: (editor) => {
-      editor.tf.toggleBlock(HEADING_KEYS.h2);
-    },
+    onSelect: (editor) => editor.tf.toggleBlock(HEADING_KEYS.h2),
     value: "Heading 2"
   },
-  {
+  h3: {
     icon: Icons.h3,
-    onSelect: (editor) => {
-      editor.tf.toggleBlock(HEADING_KEYS.h3);
-    },
+    onSelect: (editor) => editor.tf.toggleBlock(HEADING_KEYS.h3),
     value: "Heading 3"
   },
+  h4: {
+    icon: Icons.h4,
+    onSelect: (editor) => editor.tf.toggleBlock(HEADING_KEYS.h4),
+    value: "Heading 4"
+  },
+  h5: {
+    icon: Icons.h5,
+    onSelect: (editor) => editor.tf.toggleBlock(HEADING_KEYS.h5),
+    value: "Heading 5"
+  },
+  h6: {
+    icon: Icons.h6,
+    onSelect: (editor) => editor.tf.toggleBlock(HEADING_KEYS.h6),
+    value: "Heading 6"
+  }
+};
+const DEFAULT_SLASH_HEADING_LEVELS = [
+  "h1",
+  "h2",
+  "h3"
+];
+const listRules = [
   {
     icon: Icons.ul,
     keywords: ["ul", "unordered list"],
@@ -2605,6 +2657,12 @@ const rules = [
 const SlashInputElement = withRef(
   ({ className, ...props }, ref) => {
     const { children, editor, element } = props;
+    const { headingLevels, headingLevelsConfigured } = useToolbarContext();
+    const slashHeadingLevels = headingLevelsConfigured ? headingLevels : DEFAULT_SLASH_HEADING_LEVELS;
+    const rules = [
+      ...slashHeadingLevels.map((level) => headingRulesByLevel[level]),
+      ...listRules
+    ];
     useEffect(() => {
       captureEvent(SlashCommandOpenedEvent);
     }, []);
@@ -3269,7 +3327,7 @@ const Heading1 = ({
       headerClasses,
       blockClasses,
       className,
-      "text-4xl mb-4 last:mb-0 mt-6 first:mt-0 font-libre-baskerville"
+      "text-4xl mb-4 last:mb-0 mt-6 first:mt-0 font-inter"
     )
   },
   children
@@ -3286,7 +3344,7 @@ const Heading2 = ({
       headerClasses,
       blockClasses,
       className,
-      "text-3xl mb-4 last:mb-0 mt-6 first:mt-0 font-libre-baskerville"
+      "text-3xl mb-4 last:mb-0 mt-6 first:mt-0 font-inter"
     )
   },
   children
@@ -3303,7 +3361,7 @@ const Heading3 = ({
       headerClasses,
       blockClasses,
       className,
-      "text-2xl mb-4 last:mb-0 mt-6 first:mt-0 font-libre-baskerville"
+      "text-2xl mb-4 last:mb-0 mt-6 first:mt-0 font-inter"
     )
   },
   children
@@ -3320,13 +3378,13 @@ const Heading4 = ({
       headerClasses,
       blockClasses,
       className,
-      "text-xl mb-4 last:mb-0 mt-6 first:mt-0 font-libre-baskerville"
+      "text-xl mb-4 last:mb-0 mt-6 first:mt-0 font-inter"
     )
   },
   children
 );
-const headerSerifStyle = {
-  fontFamily: "'Libre Baskerville', serif",
+const headerFontStyle = {
+  fontFamily: "'Inter', sans-serif",
   fontWeight: "400"
 };
 const Heading5 = ({
@@ -3343,7 +3401,7 @@ const Heading5 = ({
       className,
       "text-lg mb-4 last:mb-0 mt-6 first:mt-0"
     ),
-    style: headerSerifStyle
+    style: headerFontStyle
   },
   children
 );
@@ -3361,7 +3419,7 @@ const Heading6 = ({
       className,
       "text-base mb-4 last:mb-0 mt-6 first:mt-0"
     ),
-    style: headerSerifStyle
+    style: headerFontStyle
   },
   children
 );
@@ -4221,7 +4279,7 @@ const IconButton = ({
 function FontLoader() {
   React.useEffect(() => {
     const link = document.createElement("link");
-    link.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Libre+Baskerville:wght@400;500;600;700&display=swap";
+    link.href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";
     link.rel = "stylesheet";
     document.head.appendChild(link);
     return () => {
@@ -4426,7 +4484,7 @@ const DropdownButton = React.forwardRef(
     children,
     className = "",
     onMainAction,
-    items: items2,
+    items,
     showSplitButton = true,
     ...props
   }, ref) => {
@@ -4453,7 +4511,7 @@ const DropdownButton = React.forwardRef(
             )
           }
         )
-      )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom", className: "z-[100000]" }, items2.map((item, index) => /* @__PURE__ */ React.createElement(
+      )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom", className: "z-[100000]" }, items.map((item, index) => /* @__PURE__ */ React.createElement(
         DropdownMenuItem,
         {
           key: index,
@@ -4500,7 +4558,7 @@ const DropdownButton = React.forwardRef(
           style: { fill: "none" }
         }
       )
-    )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom" }, items2.map((item, index) => {
+    )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end", side: "bottom" }, items.map((item, index) => {
       var _a;
       return /* @__PURE__ */ React.createElement(React.Fragment, { key: index }, /* @__PURE__ */ React.createElement(
         DropdownMenuItem,
@@ -4511,7 +4569,7 @@ const DropdownButton = React.forwardRef(
         },
         item.icon && item.icon,
         item.label
-      ), item.variant === "destructive" && index < items2.length - 1 && ((_a = items2[index + 1]) == null ? void 0 : _a.variant) !== "destructive" && /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null));
+      ), item.variant === "destructive" && index < items.length - 1 && ((_a = items[index + 1]) == null ? void 0 : _a.variant) !== "destructive" && /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null));
     }))));
   }
 );
@@ -4633,10 +4691,10 @@ const Draggable = ({
   ));
 };
 const SortableProvider = ({
-  items: items2,
+  items,
   children
 }) => {
-  return /* @__PURE__ */ React__default.createElement(SortableContext, { items: items2, strategy: verticalListSortingStrategy }, children);
+  return /* @__PURE__ */ React__default.createElement(SortableContext, { items, strategy: verticalListSortingStrategy }, children);
 };
 const Dismissible = ({
   onDismiss,
@@ -5590,6 +5648,26 @@ const absoluteImgURL = (str) => {
     return str;
   return `${window.location.origin}${str}`;
 };
+const MAX_BASENAME_LENGTH = 200;
+const sanitizeFilename = (filename) => {
+  if (!filename)
+    return "file";
+  const normalized = filename.normalize("NFC");
+  const justName = normalized.split(/[\\/]/).pop() || "";
+  const lastDot = justName.lastIndexOf(".");
+  const hasExt = lastDot > 0 && lastDot < justName.length - 1;
+  const rawBase = hasExt ? justName.slice(0, lastDot) : justName;
+  const rawExt = hasExt ? justName.slice(lastDot) : "";
+  const clean2 = (input) => input.replace(/\s+/g, "-").replace(/[\x00-\x1F\x7F]/g, "").replace(/[<>:"|?*#%&]/g, "-").replace(/-+/g, "-");
+  let base = clean2(rawBase).replace(/^[.\-]+|[.\-]+$/g, "");
+  const ext = clean2(rawExt);
+  if (!base)
+    base = "file";
+  if (base.length > MAX_BASENAME_LENGTH) {
+    base = base.slice(0, MAX_BASENAME_LENGTH).replace(/[.\-]+$/, "") || "file";
+  }
+  return `${base}${ext}`;
+};
 const { useDropzone: useDropzone$1 } = dropzone;
 const StyledImage = ({ src }) => {
   const isSvg = /\.svg$/.test(src);
@@ -6198,7 +6276,7 @@ const Group$1 = ({ tinaForm, form, field, input, meta, index }) => {
     }
     if (field.openFormOnCreate) {
       const state = tinaForm.finalForm.getState();
-      const newIndex = field.addItemBehavior === "prepend" ? 0 : items2.length;
+      const newIndex = field.addItemBehavior === "prepend" ? 0 : items.length;
       if (state.invalid === true) {
         cms.alerts.error("Cannot navigate away from an invalid form.");
         return;
@@ -6216,7 +6294,7 @@ const Group$1 = ({ tinaForm, form, field, input, meta, index }) => {
       });
     }
   }, [form, field]);
-  const items2 = input.value || [];
+  const items = input.value || [];
   const itemProps = React__default.useCallback(
     (item) => {
       if (!field.itemProps)
@@ -6225,8 +6303,8 @@ const Group$1 = ({ tinaForm, form, field, input, meta, index }) => {
     },
     [field.itemProps]
   );
-  const isMax = items2.length >= (field.max || Number.POSITIVE_INFINITY);
-  const isMin = items2.length <= (field.min || 0);
+  const isMax = items.length >= (field.max || Number.POSITIVE_INFINITY);
+  const isMin = items.length <= (field.min || 0);
   const fixedLength = field.min === field.max;
   return /* @__PURE__ */ React__default.createElement(
     ListFieldMeta,
@@ -6249,12 +6327,12 @@ const Group$1 = ({ tinaForm, form, field, input, meta, index }) => {
         /* @__PURE__ */ React__default.createElement(AddIcon, { className: "w-5/6 h-auto" })
       )
     },
-    /* @__PURE__ */ React__default.createElement(ListPanel, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Droppable, { droppableId: field.name, type: field.name }, (provider) => /* @__PURE__ */ React__default.createElement("div", { ref: provider.innerRef }, items2.length === 0 && /* @__PURE__ */ React__default.createElement(EmptyList, null), /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(ListPanel, null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(Droppable, { droppableId: field.name, type: field.name }, (provider) => /* @__PURE__ */ React__default.createElement("div", { ref: provider.innerRef }, items.length === 0 && /* @__PURE__ */ React__default.createElement(EmptyList, null), /* @__PURE__ */ React__default.createElement(
       SortableProvider,
       {
-        items: items2.map((_, index2) => `${field.name}.${index2}`)
+        items: items.map((_, index2) => `${field.name}.${index2}`)
       },
-      items2.map((item, index2) => /* @__PURE__ */ React__default.createElement(
+      items.map((item, index2) => /* @__PURE__ */ React__default.createElement(
         Item$1,
         {
           key: index2,
@@ -6833,9 +6911,9 @@ const Blocks = ({
     },
     [field.name, form.mutators]
   );
-  const items2 = input.value || [];
-  const isMax = items2.length >= (field.max || Infinity);
-  const isMin = items2.length <= (field.min || 0);
+  const items = input.value || [];
+  const isMax = items.length >= (field.max || Infinity);
+  const isMin = items.length <= (field.min || 0);
   const fixedLength = field.min === field.max;
   return /* @__PURE__ */ React.createElement(
     ListFieldMeta,
@@ -6857,12 +6935,12 @@ const Blocks = ({
         }
       ))
     },
-    /* @__PURE__ */ React.createElement(ListPanel, null, /* @__PURE__ */ React.createElement(Droppable, { droppableId: field.name, type: field.name }, (provider) => /* @__PURE__ */ React.createElement("div", { ref: provider.innerRef, className: "edit-page--list-parent" }, items2.length === 0 && /* @__PURE__ */ React.createElement(EmptyList, null), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(ListPanel, null, /* @__PURE__ */ React.createElement(Droppable, { droppableId: field.name, type: field.name }, (provider) => /* @__PURE__ */ React.createElement("div", { ref: provider.innerRef, className: "edit-page--list-parent" }, items.length === 0 && /* @__PURE__ */ React.createElement(EmptyList, null), /* @__PURE__ */ React.createElement(
       SortableProvider,
       {
-        items: items2.map((_, index2) => `${field.name}.${index2}`)
+        items: items.map((_, index2) => `${field.name}.${index2}`)
       },
-      items2.map((block, index2) => {
+      items.map((block, index2) => {
         const template = field.templates[block._template];
         if (!template) {
           return /* @__PURE__ */ React.createElement(
@@ -7014,7 +7092,7 @@ const List = ({ tinaForm, form, field, input, meta, index }) => {
       form.mutators.push(field.name, newItem);
     }
   }, [form, field]);
-  const items2 = input.value || [];
+  const items = input.value || [];
   const itemProps = React.useCallback(
     (item) => {
       if (!field.itemProps)
@@ -7023,8 +7101,8 @@ const List = ({ tinaForm, form, field, input, meta, index }) => {
     },
     [field.itemProps]
   );
-  const isMax = items2.length >= (field == null ? void 0 : field.max);
-  const isMin = items2.length <= (field == null ? void 0 : field.min);
+  const isMax = items.length >= (field == null ? void 0 : field.max);
+  const isMin = items.length <= (field == null ? void 0 : field.min);
   const fixedLength = (field == null ? void 0 : field.min) === (field == null ? void 0 : field.max);
   return /* @__PURE__ */ React.createElement(
     ListFieldMeta,
@@ -7046,12 +7124,12 @@ const List = ({ tinaForm, form, field, input, meta, index }) => {
         /* @__PURE__ */ React.createElement(AddIcon, { className: "w-5/6 h-auto" })
       )
     },
-    /* @__PURE__ */ React.createElement(ListPanel, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Droppable, { droppableId: field.name, type: field.name }, (provider) => /* @__PURE__ */ React.createElement("div", { ref: provider.innerRef }, items2.length === 0 && /* @__PURE__ */ React.createElement(EmptyList, null), /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(ListPanel, null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Droppable, { droppableId: field.name, type: field.name }, (provider) => /* @__PURE__ */ React.createElement("div", { ref: provider.innerRef }, items.length === 0 && /* @__PURE__ */ React.createElement(EmptyList, null), /* @__PURE__ */ React.createElement(
       SortableProvider,
       {
-        items: items2.map((_, index2) => `${field.name}.${index2}`)
+        items: items.map((_, index2) => `${field.name}.${index2}`)
       },
-      items2.map((item, index2) => /* @__PURE__ */ React.createElement(
+      items.map((item, index2) => /* @__PURE__ */ React.createElement(
         Item,
         {
           key: index2,
@@ -7335,8 +7413,8 @@ const TextFieldPlugin = {
       const path = field.name.split(".");
       const fieldName = path[path.length - 1];
       const parent = path.slice(0, path.length - 2);
-      const items2 = get(allValues, parent);
-      if (((_a = items2 == null ? void 0 : items2.filter((item) => item[fieldName] === value)) == null ? void 0 : _a.length) > 1) {
+      const items = get(allValues, parent);
+      if (((_a = items == null ? void 0 : items.filter((item) => item[fieldName] === value)) == null ? void 0 : _a.length) > 1) {
         return "Item with this unique id already exists";
       }
     }
@@ -7369,7 +7447,7 @@ const TagsField = wrapFieldsWithMeta(({ input, field, form, tinaForm }) => {
     },
     [form, field.name]
   );
-  const items2 = input.value || [];
+  const items = input.value || [];
   const ref = React.useRef(null);
   React.useEffect(() => {
     if (ref.current && field.experimental_focusIntent) {
@@ -7402,7 +7480,7 @@ const TagsField = wrapFieldsWithMeta(({ input, field, form, tinaForm }) => {
       className: "flex-shrink-0"
     },
     /* @__PURE__ */ React.createElement(AddIcon, { className: "w-5/6 h-auto" })
-  )), /* @__PURE__ */ React.createElement("span", { className: "flex gap-2 flex-wrap mt-2 mb-0" }, items2.length === 0 && /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 text-sm italic" }, "No tags"), items2.map((tag, index) => /* @__PURE__ */ React.createElement(Tag, { key: tag, tinaForm, field, index }, tag))));
+  )), /* @__PURE__ */ React.createElement("span", { className: "flex gap-2 flex-wrap mt-2 mb-0" }, items.length === 0 && /* @__PURE__ */ React.createElement("span", { className: "text-gray-300 text-sm italic" }, "No tags"), items.map((tag, index) => /* @__PURE__ */ React.createElement(Tag, { key: tag, tinaForm, field, index }, tag))));
 });
 const Tag = ({ tinaForm, field, index, children, ...styleProps }) => {
   const removeItem = React.useCallback(() => {
@@ -9975,17 +10053,20 @@ class DummyMediaStore {
     __publicField(this, "accept", "*");
   }
   async persist(files2) {
-    return files2.map(({ directory, file }) => ({
-      id: file.name,
-      type: "file",
-      directory,
-      filename: file.name
-    }));
+    return files2.map(({ directory, file }) => {
+      const filename = sanitizeFilename(file.name);
+      return {
+        id: filename,
+        type: "file",
+        directory,
+        filename
+      };
+    });
   }
   async list() {
-    const items2 = [];
+    const items = [];
     return {
-      items: items2,
+      items,
       nextOffset: 0
     };
   }
@@ -10074,7 +10155,8 @@ class TinaMediaStore {
       if (directory == null ? void 0 : directory.endsWith("/")) {
         directory = directory.substr(0, directory.length - 1);
       }
-      const path = `${directory && directory !== "/" ? `${directory}/${item.file.name}` : item.file.name}`;
+      const safeName = sanitizeFilename(item.file.name);
+      const path = `${directory && directory !== "/" ? `${directory}/${safeName}` : safeName}`;
       const res = await this.api.authProvider.fetchWithToken(
         `${this.url}/upload_url/${path}${branchQuery}`,
         { method: "GET" }
@@ -10151,12 +10233,12 @@ class TinaMediaStore {
       { w: 1e3, h: 1e3 }
     ];
     const results = [];
-    for (const [directory, items2] of byDirectory) {
+    for (const [directory, items] of byDirectory) {
       let listed;
       try {
         listed = await this.list({
           directory,
-          limit: Math.max(100, items2.length * 4),
+          limit: Math.max(100, items.length * 4),
           thumbnailSizes
         });
       } catch (err) {
@@ -10169,8 +10251,8 @@ class TinaMediaStore {
           found.set(entry.filename, entry);
         }
       }
-      for (const item of items2) {
-        const entry = found.get(item.file.name);
+      for (const item of items) {
+        const entry = found.get(sanitizeFilename(item.file.name));
         if (entry)
           results.push(entry);
       }
@@ -10194,6 +10276,7 @@ class TinaMediaStore {
     }
     for (const item of media) {
       const { file, directory } = item;
+      const safeName = sanitizeFilename(file.name);
       let strippedDirectory = directory;
       if (strippedDirectory.startsWith("/")) {
         strippedDirectory = strippedDirectory.substr(1) || "";
@@ -10202,14 +10285,14 @@ class TinaMediaStore {
         strippedDirectory = strippedDirectory.substr(0, strippedDirectory.length - 1) || "";
       }
       const formData = new FormData();
-      formData.append("file", file);
+      formData.append("file", file, safeName);
       formData.append("directory", directory);
-      formData.append("filename", file.name);
-      let uploadPath = `${strippedDirectory ? `${strippedDirectory}/${file.name}` : file.name}`;
+      formData.append("filename", safeName);
+      let uploadPath = `${strippedDirectory ? `${strippedDirectory}/${safeName}` : safeName}`;
       if (uploadPath.startsWith("/")) {
         uploadPath = uploadPath.substr(1);
       }
-      const filePath = `${strippedDirectory ? `${folder}${strippedDirectory}/${file.name}` : folder + file.name}`;
+      const filePath = `${strippedDirectory ? `${folder}${strippedDirectory}/${safeName}` : folder + safeName}`;
       const res = await this.fetchFunction(`${this.url}/upload/${uploadPath}`, {
         method: "POST",
         body: formData
@@ -10222,8 +10305,8 @@ class TinaMediaStore {
       if (fileRes == null ? void 0 : fileRes.success) {
         const parsedRes = {
           type: "file",
-          id: file.name,
-          filename: file.name,
+          id: safeName,
+          filename: safeName,
           directory,
           src: filePath,
           thumbnails: {
@@ -10311,9 +10394,9 @@ class TinaMediaStore {
       }
     }
     const { cursor, files: files2, directories } = await res.json();
-    const items2 = [];
+    const items = [];
     for (const dir of directories) {
-      items2.push({
+      items.push({
         type: "dir",
         id: dir,
         directory: options.directory || "",
@@ -10321,7 +10404,7 @@ class TinaMediaStore {
       });
     }
     for (const file of files2) {
-      items2.push({
+      items.push({
         directory: options.directory || "",
         type: "file",
         id: file.filename,
@@ -10334,7 +10417,7 @@ class TinaMediaStore {
       });
     }
     return {
-      items: items2,
+      items,
       nextOffset: cursor || 0
     };
   }
@@ -12011,14 +12094,16 @@ const MediaLightbox = ({
   item,
   onClose
 }) => {
+  useEffect(() => {
+    if (!item)
+      return;
+    captureEvent(MediaUsageDashboardPreviewOpenedEvent);
+  }, [item]);
   if (!item)
     return null;
   const usageCount = item.usedIn.length;
   const mediaSrc = item.media.src;
   const directory = item.media.directory || "/";
-  useEffect(() => {
-    captureEvent(MediaUsageDashboardPreviewOpenedEvent);
-  }, []);
   return /* @__PURE__ */ React__default.createElement(Dialog, { open: true, onOpenChange: (isOpen) => !isOpen && onClose() }, /* @__PURE__ */ React__default.createElement(DialogContent, { className: "w-auto max-w-[95vw] border border-gray-200 bg-white px-4 pt-12 pb-4 shadow-xl sm:max-w-fit" }, /* @__PURE__ */ React__default.createElement(DialogTitle, { className: "sr-only" }, "Preview: ", item.media.filename), /* @__PURE__ */ React__default.createElement(DialogDescription, { className: "sr-only" }, usageCount > 0 ? `Used in ${usageCount} ${usageCount === 1 ? "document" : "documents"}` : "Unused media file"), /* @__PURE__ */ React__default.createElement("div", { className: "mx-auto w-fit max-w-full rounded-lg border border-gray-200 bg-gray-50 p-2 sm:p-3" }, item.type === "video" ? /* @__PURE__ */ React__default.createElement(
     VideoLightboxContent,
     {
@@ -12780,7 +12865,7 @@ const NavProvider = ({
 const name = "tinacms";
 const type = "module";
 const typings = "dist/index.d.ts";
-const version$1 = "3.8.2";
+const version$1 = "3.8.4";
 const main = "dist/index.js";
 const module = "./dist/index.js";
 const exports = {
@@ -13511,7 +13596,7 @@ function BreadcrumbEllipsis({
   );
 }
 const getPaddingClass = (depth) => `${1.5 + depth * 1.35}rem`;
-const collectAllDocumentItems = (items2, isGlobalFn) => {
+const collectAllDocumentItems = (items, isGlobalFn) => {
   const allItems = [];
   const processItem = (item, isFromSubItems = false) => {
     if (item.type === "document") {
@@ -13526,13 +13611,13 @@ const collectAllDocumentItems = (items2, isGlobalFn) => {
       }
     }
   };
-  items2.forEach((item) => processItem(item, false));
+  items.forEach((item) => processItem(item, false));
   return allItems;
 };
-const buildTreeFromPaths = (items2) => {
+const buildTreeFromPaths = (items) => {
   const root = [];
   const nodeMap = /* @__PURE__ */ new Map();
-  items2.forEach((item) => {
+  items.forEach((item) => {
     const parts = item.formId.split("/").filter(Boolean);
     let currentLevel = root;
     let currentPath = "";
@@ -17004,43 +17089,15 @@ const formatList = (editor, elementType) => {
     })
   );
 };
-const autoformatBlocks = [
-  {
-    mode: "block",
-    type: HEADING_KEYS.h1,
-    match: "# ",
-    preFormat
-  },
-  {
-    mode: "block",
-    type: HEADING_KEYS.h2,
-    match: "## ",
-    preFormat
-  },
-  {
-    mode: "block",
-    type: HEADING_KEYS.h3,
-    match: "### ",
-    preFormat
-  },
-  {
-    mode: "block",
-    type: HEADING_KEYS.h4,
-    match: "#### ",
-    preFormat
-  },
-  {
-    mode: "block",
-    type: HEADING_KEYS.h5,
-    match: "##### ",
-    preFormat
-  },
-  {
-    mode: "block",
-    type: HEADING_KEYS.h6,
-    match: "###### ",
-    preFormat
-  },
+const headingAutoformatByLevel = {
+  h1: { mode: "block", type: HEADING_KEYS.h1, match: "# ", preFormat },
+  h2: { mode: "block", type: HEADING_KEYS.h2, match: "## ", preFormat },
+  h3: { mode: "block", type: HEADING_KEYS.h3, match: "### ", preFormat },
+  h4: { mode: "block", type: HEADING_KEYS.h4, match: "#### ", preFormat },
+  h5: { mode: "block", type: HEADING_KEYS.h5, match: "##### ", preFormat },
+  h6: { mode: "block", type: HEADING_KEYS.h6, match: "###### ", preFormat }
+};
+const nonHeadingAutoformatBlocks = [
   {
     mode: "block",
     type: BlockquotePlugin.key,
@@ -17072,6 +17129,16 @@ const autoformatBlocks = [
     }
   }
 ];
+const getAutoformatBlocks = (headingLevels = ALL_HEADING_LEVELS) => [
+  // Normalize so a pure-JS schema passing e.g. `['h7']` doesn't push an
+  // `undefined` rule into the autoformat config. The toolbar context
+  // applies the same filter, keeping both surfaces consistent.
+  ...normalizeHeadingLevels(headingLevels).map(
+    (level) => headingAutoformatByLevel[level]
+  ),
+  ...nonHeadingAutoformatBlocks
+];
+const autoformatBlocks = getAutoformatBlocks();
 const autoformatLists = [
   {
     mode: "block",
@@ -17449,70 +17516,36 @@ const HEADING_ICON_ONLY = 58;
 const EMBED_ICON_WIDTH = 78;
 const CONTAINER_MD_BREAKPOINT = 448;
 const HEADING_LABEL = "Headings";
-const ToolbarContext = createContext(
-  void 0
-);
-const ToolbarProvider = ({
-  tinaForm,
-  templates,
-  overrides,
-  children
-}) => {
-  return /* @__PURE__ */ React__default.createElement(ToolbarContext.Provider, { value: { tinaForm, templates, overrides } }, children);
-};
-const useToolbarContext = () => {
-  const context = useContext(ToolbarContext);
-  if (!context) {
-    throw new Error("useToolbarContext must be used within a ToolbarProvider");
-  }
-  return context;
+const buildByLevel = (make) => ({
+  h1: make("h1"),
+  h2: make("h2"),
+  h3: make("h3"),
+  h4: make("h4"),
+  h5: make("h5"),
+  h6: make("h6")
+});
+const headingItemsByLevel = buildByLevel((level) => {
+  const depth = level.slice(1);
+  return {
+    description: `Heading ${depth}`,
+    icon: Icons[level],
+    label: `Heading ${depth}`,
+    value: level
+  };
+});
+const paragraphItem = {
+  description: "Paragraph",
+  icon: Icons.paragraph,
+  label: "Paragraph",
+  value: ParagraphPlugin.key
 };
-const items$1 = [
-  {
-    description: "Paragraph",
-    icon: Icons.heading,
-    label: "Paragraph",
-    value: ParagraphPlugin.key
-  },
-  {
-    description: "Heading 1",
-    icon: Icons.h1,
-    label: "Heading 1",
-    value: HEADING_KEYS.h1
-  },
-  {
-    description: "Heading 2",
-    icon: Icons.h2,
-    label: "Heading 2",
-    value: HEADING_KEYS.h2
-  },
-  {
-    description: "Heading 3",
-    icon: Icons.h3,
-    label: "Heading 3",
-    value: HEADING_KEYS.h3
-  },
-  {
-    description: "Heading 4",
-    icon: Icons.h4,
-    label: "Heading 4",
-    value: HEADING_KEYS.h4
-  },
-  {
-    description: "Heading 5",
-    icon: Icons.h5,
-    label: "Heading 5",
-    value: HEADING_KEYS.h5
-  },
-  {
-    description: "Heading 6",
-    icon: Icons.h6,
-    label: "Heading 6",
-    value: HEADING_KEYS.h6
-  }
-];
-const defaultItem$1 = items$1.find((item) => item.value === ParagraphPlugin.key) || items$1[0];
+const getHeadingItem = (value) => isHeadingLevel(value) ? headingItemsByLevel[value] : void 0;
 function HeadingsMenu(props) {
+  const { headingLevels } = useToolbarContext();
+  const items = [
+    paragraphItem,
+    ...headingLevels.map((level) => headingItemsByLevel[level])
+  ];
   const value = useEditorSelector((editor2) => {
     let initialNodeType = ParagraphPlugin.key;
     let allNodesMatchInitialNodeType = false;
@@ -17534,7 +17567,7 @@ function HeadingsMenu(props) {
   const editorState = useEditorState();
   const openState = useOpenState();
   const userInTable = helpers.isNodeActive(editorState, TablePlugin.key);
-  const selectedItem = items$1.find((item) => item.value === value) ?? defaultItem$1;
+  const selectedItem = getHeadingItem(value) ?? paragraphItem;
   const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
   return /* @__PURE__ */ React__default.createElement("div", { className: "rounded-md" }, /* @__PURE__ */ React__default.createElement(DropdownMenu$1, { modal: false, ...openState, ...props }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger$1, { asChild: true }, /* @__PURE__ */ React__default.createElement(
     ToolbarButton,
@@ -17563,7 +17596,7 @@ function HeadingsMenu(props) {
         },
         value
       },
-      items$1.filter((item) => {
+      items.filter((item) => {
         if (userInTable) {
           return !unsupportedItemsInTable.has(item.label);
         }
@@ -18239,27 +18272,27 @@ function FixedToolbarButtons() {
   const [itemsShown, setItemsShown] = React__default.useState(11);
   const { overrides, templates } = useToolbarContext();
   const showEmbedButton = templates.length > 0;
-  let items2 = [];
+  let items = [];
   if (Array.isArray(overrides)) {
-    items2 = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+    items = overrides === void 0 ? Object.values(toolbarItems) : overrides.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
   } else {
-    items2 = (overrides == null ? void 0 : overrides.toolbar) === void 0 ? Object.values(toolbarItems) : overrides.toolbar.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
+    items = (overrides == null ? void 0 : overrides.toolbar) === void 0 ? Object.values(toolbarItems) : overrides.toolbar.map((item) => toolbarItems[item]).filter((item) => item !== void 0);
   }
   if (!showEmbedButton) {
-    items2 = items2.filter((item) => item.label !== toolbarItems.embed.label);
+    items = items.filter((item) => item.label !== toolbarItems.embed.label);
   }
   const editorState = useEditorState();
   const userInTable = helpers.isNodeActive(editorState, TablePlugin);
   const userInCodeBlock = helpers.isNodeActive(editorState, CodeBlockPlugin);
   useResize(toolbarRef, (entry) => {
     const width = entry.target.getBoundingClientRect().width - 8;
-    const headingButton = items2.find((item) => item.label === HEADING_LABEL);
+    const headingButton = items.find((item) => item.label === HEADING_LABEL);
     const headingWidth = headingButton ? (
       //some discrepancy here between the md breakpoint here and in practice, but it works
       headingButton.width(width > CONTAINER_MD_BREAKPOINT - 9)
     ) : 0;
     const availableWidth = width - headingWidth;
-    const { itemFitCount } = items2.reduce(
+    const { itemFitCount } = items.reduce(
       (acc, item) => {
         if (item.label !== HEADING_LABEL && acc.totalItemsWidth + item.width() <= availableWidth) {
           return {
@@ -18291,7 +18324,7 @@ function FixedToolbarButtons() {
         transform: "translateX(calc(-1px))"
       }
     },
-    /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, items2.slice(0, items2.length > itemsShown ? itemsShown - 1 : itemsShown).map((item) => /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, items.slice(0, items.length > itemsShown ? itemsShown - 1 : itemsShown).map((item) => /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: cn(
@@ -18301,7 +18334,7 @@ function FixedToolbarButtons() {
         key: item.label
       },
       item.Component
-    )), items2.length > itemsShown && /* @__PURE__ */ React__default.createElement("div", { className: "w-fit ml-auto" }, /* @__PURE__ */ React__default.createElement(OverflowMenu, null, items2.slice(itemsShown - 1).flatMap((c2) => /* @__PURE__ */ React__default.createElement(
+    )), items.length > itemsShown && /* @__PURE__ */ React__default.createElement("div", { className: "w-fit ml-auto" }, /* @__PURE__ */ React__default.createElement(OverflowMenu, null, items.slice(itemsShown - 1).flatMap((c2) => /* @__PURE__ */ React__default.createElement(
       "div",
       {
         className: cn(
@@ -18789,52 +18822,12 @@ const FloatingToolbar = withRef(({ children, state, ...props }, propRef) => {
     children
   ));
 });
-const items = [
-  {
-    description: "Paragraph",
-    icon: Icons.paragraph,
-    label: "Paragraph",
-    value: ParagraphPlugin.key
-  },
-  {
-    description: "Heading 1",
-    icon: Icons.h1,
-    label: "Heading 1",
-    value: HEADING_KEYS.h1
-  },
-  {
-    description: "Heading 2",
-    icon: Icons.h2,
-    label: "Heading 2",
-    value: HEADING_KEYS.h2
-  },
-  {
-    description: "Heading 3",
-    icon: Icons.h3,
-    label: "Heading 3",
-    value: HEADING_KEYS.h3
-  },
-  {
-    description: "Heading 4",
-    icon: Icons.h4,
-    label: "Heading 4",
-    value: HEADING_KEYS.h4
-  },
-  {
-    description: "Heading 5",
-    icon: Icons.h5,
-    label: "Heading 5",
-    value: HEADING_KEYS.h5
-  },
-  {
-    description: "Heading 6",
-    icon: Icons.h6,
-    label: "Heading 6",
-    value: HEADING_KEYS.h6
-  }
-];
-const defaultItem = items.find((item) => item.value === ParagraphPlugin.key);
 function TurnIntoDropdownMenu(props) {
+  const { headingLevels } = useToolbarContext();
+  const items = [
+    paragraphItem,
+    ...headingLevels.map((level) => headingItemsByLevel[level])
+  ];
   const value = useEditorSelector((editor2) => {
     let initialNodeType = ParagraphPlugin.key;
     let allNodesMatchInitialNodeType = false;
@@ -18854,7 +18847,7 @@ function TurnIntoDropdownMenu(props) {
   }, []);
   const editor = useEditorRef();
   const openState = useOpenState();
-  const selectedItem = items.find((item) => item.value === value) ?? defaultItem;
+  const selectedItem = getHeadingItem(value) ?? paragraphItem;
   const { icon: SelectedItemIcon, label: selectedItemLabel } = selectedItem;
   const editorState = useEditorState();
   const userInTable = helpers.isNodeActive(editorState, TablePlugin.key);
@@ -61927,9 +61920,9 @@ function php(hljs) {
     "static",
     "stdClass"
   ];
-  const dualCase = (items2) => {
+  const dualCase = (items) => {
     const result = [];
-    items2.forEach((item) => {
+    items.forEach((item) => {
       result.push(item);
       if (item.toLowerCase() === item) {
         result.push(item.toUpperCase());
@@ -61944,8 +61937,8 @@ function php(hljs) {
     literal: dualCase(LITERALS2),
     built_in: BUILT_INS2
   };
-  const normalizeKeywords = (items2) => {
-    return items2.map((item) => {
+  const normalizeKeywords = (items) => {
+    return items.map((item) => {
       return item.replace(/\|\d+$/, "");
     });
   };
@@ -69713,7 +69706,9 @@ const ClearHighlightOnEnterPlugin = createSlatePlugin({
     }
   }
 }));
-const editorPlugins = [
+const createEditorPlugins = ({
+  headingLevels
+} = {}) => [
   createMdxBlockPlugin,
   createMdxInlinePlugin,
   createImgPlugin,
@@ -69737,9 +69732,9 @@ const editorPlugins = [
   NodeIdPlugin,
   TablePlugin,
   SlashPlugin,
-  // This lets users keep typing after end of marks like headings or quotes
+  // Keeps a blank paragraph at the end of the editor so users can keep
+  // typing after a heading, quote, or other terminal block.
   TrailingBlockPlugin,
-  //makes sure there's always a blank paragraph at the end of the editor.
   createBreakPlugin,
   FloatingToolbarPlugin,
   AutoformatPlugin.configure({
@@ -69747,7 +69742,7 @@ const editorPlugins = [
       enableUndoOnDelete: true,
       rules: [
         ...autoformatMarks,
-        ...autoformatBlocks,
+        ...getAutoformatBlocks(headingLevels),
         ...autoformatLists,
         ...autoformatSmartQuotes,
         ...autoformatPunctuation,
@@ -69757,6 +69752,7 @@ const editorPlugins = [
       ].map(
         (rule) => ({
           ...rule,
+          // Suppress autoformat inside code blocks so e.g. `# ` stays literal.
           query: (editor) => !editor.api.some({
             match: { type: editor.getType(CodeBlockPlugin) }
           })
@@ -69764,29 +69760,21 @@ const editorPlugins = [
       )
     }
   }),
-  // ExitBreakPlugin lets users "break out" of a block (like a heading)
+  // Lets users "break out" of a block (e.g. a heading) with Enter.
   ExitBreakPlugin.configure({
     options: {
       rules: [
-        {
-          hotkey: "mod+enter"
-        },
-        {
-          hotkey: "mod+shift+enter",
-          before: true
-        },
+        { hotkey: "mod+enter" },
+        { hotkey: "mod+shift+enter", before: true },
         {
           hotkey: "enter",
-          query: {
-            start: true,
-            end: true,
-            allow: HEADING_LEVELS
-          }
+          query: { start: true, end: true, allow: HEADING_LEVELS }
         }
       ]
     }
   }),
-  // ResetNodePlugin lets users turn a heading back into a paragraph by pressing Enter (when empty) or Backspace (at the start).
+  // Lets users turn a heading back into a paragraph by pressing Enter on
+  // an empty heading or Backspace at the start of one.
   ResetNodePlugin.configure({
     options: {
       rules: [
@@ -69798,9 +69786,7 @@ const editorPlugins = [
         {
           ...resetBlockTypesCommonRule,
           hotkey: "Backspace",
-          predicate: (editor) => {
-            return editor.api.isAt({ start: true });
-          }
+          predicate: (editor) => editor.api.isAt({ start: true })
         },
         {
           ...resetBlockTypesCodeBlockRule,
@@ -69812,10 +69798,11 @@ const editorPlugins = [
           hotkey: "Backspace",
           predicate: isSelectionAtCodeBlockStart
         },
-        // NOTE: Plate's ListPlugin usually handles resetting lists to paragraphs when pressing Backspace at the start of a list item.
-        // However, if the list is the first node in the editor, the default reset behavior may not fully unwrap the list item,
-        // which can leave an invalid structure (like a <li> inside a <p>).
-        // This rule uses `onReset: unwrapList` to ensure lists are always properly reset to paragraphs, even when they are the first node.
+        // Plate's ListPlugin usually resets lists to paragraphs on Backspace
+        // at the start of a list item, but when the list is the editor's
+        // first node the default doesn't fully unwrap and we end up with an
+        // invalid structure (e.g. <li> inside <p>). `onReset: unwrapList`
+        // forces a clean reset in that case.
         {
           types: [BulletedListPlugin.key, NumberedListPlugin.key],
           defaultType: ParagraphPlugin.key,
@@ -69832,21 +69819,19 @@ const editorPlugins = [
         { hotkey: "shift+enter" },
         {
           hotkey: "enter",
-          query: {
-            allow: [CodeBlockPlugin.key, BlockquotePlugin.key]
-          }
+          query: { allow: [CodeBlockPlugin.key, BlockquotePlugin.key] }
         }
       ]
     }
   })
 ];
 const RichEditor = ({ input, tinaForm, field }) => {
-  var _a;
+  var _a, _b;
   const initialValue = React__default.useMemo(() => {
-    var _a2, _b, _c;
+    var _a2, _b2, _c;
     if (((_a2 = field == null ? void 0 : field.parser) == null ? void 0 : _a2.type) === "slatejson") {
       return input.value.children;
-    } else if ((_c = (_b = input.value) == null ? void 0 : _b.children) == null ? void 0 : _c.length) {
+    } else if ((_c = (_b2 = input.value) == null ? void 0 : _b2.children) == null ? void 0 : _c.length) {
       const normalized = input.value.children.map(helpers.normalize);
       return normalized;
     } else {
@@ -69854,7 +69839,16 @@ const RichEditor = ({ input, tinaForm, field }) => {
     }
   }, []);
   const showFloatingToolbar = ((_a = field == null ? void 0 : field.overrides) == null ? void 0 : _a.showFloatingToolbar) !== false;
-  const plugins = showFloatingToolbar ? editorPlugins : editorPlugins.filter((plugin) => plugin.key !== "floating-toolbar");
+  const builtPlugins = React__default.useMemo(
+    () => {
+      var _a2;
+      return createEditorPlugins({
+        headingLevels: (_a2 = field == null ? void 0 : field.overrides) == null ? void 0 : _a2.headingLevels
+      });
+    },
+    [(_b = field == null ? void 0 : field.overrides) == null ? void 0 : _b.headingLevels]
+  );
+  const plugins = showFloatingToolbar ? builtPlugins : builtPlugins.filter((plugin) => plugin.key !== "floating-toolbar");
   const editor = useCreateEditor({
     plugins: [...plugins],
     value: initialValue,
@@ -69896,8 +69890,9 @@ const RichEditor = ({ input, tinaForm, field }) => {
         templates: field.templates,
         overrides: (field == null ? void 0 : field.toolbarOverride) ? field.toolbarOverride : field.overrides
       },
-      /* @__PURE__ */ React__default.createElement(FixedToolbar, null, /* @__PURE__ */ React__default.createElement(FixedToolbarButtons, null))
-    ), /* @__PURE__ */ React__default.createElement(Editor$1, null)))
+      /* @__PURE__ */ React__default.createElement(FixedToolbar, null, /* @__PURE__ */ React__default.createElement(FixedToolbarButtons, null)),
+      /* @__PURE__ */ React__default.createElement(Editor$1, null)
+    )))
   ));
 };
 const MdxFieldPlugin = {
@@ -73574,7 +73569,7 @@ const RenderForm$1 = ({
       };
     }
   }
-  const defaultItem2 = customDefaults || // @ts-ignore internal types aren't up to date
+  const defaultItem = customDefaults || // @ts-ignore internal types aren't up to date
   ((_d = template.ui) == null ? void 0 : _d.defaultItem) || // @ts-ignore
   (template == null ? void 0 : template.defaultItem) || {};
   const fileReadOnly = (_f = (_e = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _e.filename) == null ? void 0 : _f.readonly;
@@ -73630,7 +73625,7 @@ const RenderForm$1 = ({
     const folderName = folder.fullyQualifiedName ? folder.name : "";
     return new Form({
       crudType: "create",
-      initialValues: typeof defaultItem2 === "function" ? { ...defaultItem2(), _template: templateName } : { ...defaultItem2, _template: templateName },
+      initialValues: typeof defaultItem === "function" ? { ...defaultItem(), _template: templateName } : { ...defaultItem, _template: templateName },
       extraSubscribeValues: { active: true, submitting: true, touched: true },
       onChange: (values) => {
         var _a3, _b3;
@@ -74639,6 +74634,7 @@ export {
   passwordFieldClasses,
   resolveField,
   safeAssertShape,
+  sanitizeFilename,
   selectFieldClasses,
   sortBranchListFn,
   staticRequest,