tinacms 2.2.4 → 2.2.6

package/dist/index.js

@@ -1842,14 +1842,14 @@ var __publicField = (obj, key, value) => {
         className: "relative inline-block text-left z-20"
       },
       /* @__PURE__ */ React.createElement("div", { className: "mt-1" }, /* @__PURE__ */ React.createElement("div", { className: "relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left shadow-md sm:text-sm" }, /* @__PURE__ */ React.createElement(
-        react$1.Combobox.Input,
+        react$1.ComboboxInput,
         {
           className: "w-full border-none py-2 pl-3 pr-10 text-sm leading-5 text-gray-900 focus:ring-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75 focus-visible:ring-offset-2 focus-visible:ring-offset-teal-300",
           displayValue: (item) => (item == null ? void 0 : item.label) ?? "Plain Text",
           onChange: (event) => setQuery(event.target.value),
           onClick: (ev) => ev.stopPropagation()
         }
-      ), /* @__PURE__ */ React.createElement(react$1.Combobox.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2" }, /* @__PURE__ */ React.createElement(
+      ), /* @__PURE__ */ React.createElement(react$1.ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center pr-2" }, /* @__PURE__ */ React.createElement(
         ChevronDownIcon$1,
         {
           className: "h-5 w-5 text-gray-400",
@@ -1859,7 +1859,6 @@ var __publicField = (obj, key, value) => {
       /* @__PURE__ */ React.createElement(
         react$1.Transition,
         {
-          as: React.Fragment,
           enter: "transition ease-out duration-100",
           enterFrom: "transform opacity-0 scale-95",
           enterTo: "transform opacity-100 scale-100",
@@ -1867,11 +1866,11 @@ var __publicField = (obj, key, value) => {
           leaveFrom: "transform opacity-100 scale-100",
           leaveTo: "transform opacity-0 scale-95"
         },
-        /* @__PURE__ */ React.createElement(react$1.Combobox.Options, { className: "origin-top-right absolute right-0 mt-1 w-full max-h-[300px] overflow-y-auto rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, filteredItems.map((item) => /* @__PURE__ */ React.createElement(react$1.Combobox.Option, { key: item.key, value: item }, ({ active }) => /* @__PURE__ */ React.createElement(
+        /* @__PURE__ */ React.createElement(react$1.ComboboxOptions, { className: "origin-top-right absolute right-0 mt-1 w-full max-h-[300px] overflow-y-auto rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, filteredItems.map((item) => /* @__PURE__ */ React.createElement(react$1.ComboboxOption, { key: item.key, value: item }, ({ focus }) => /* @__PURE__ */ React.createElement(
           "button",
           {
             className: classNames$1(
-              active ? "bg-gray-100 text-gray-900" : "text-gray-700",
+              focus ? "bg-gray-100 text-gray-900" : "text-gray-700",
               "block px-4 py-2 text-xs w-full text-right"
             )
           },
@@ -3348,6 +3347,9 @@ var __publicField = (obj, key, value) => {
   function BiCopy(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M20 2H10c-1.103 0-2 .897-2 2v4H4c-1.103 0-2 .897-2 2v10c0 1.103.897 2 2 2h10c1.103 0 2-.897 2-2v-4h4c1.103 0 2-.897 2-2V4c0-1.103-.897-2-2-2zM4 20V10h10l.002 10H4zm16-6h-4v-4c0-1.103-.897-2-2-2h-4V4h10v10z" }, "child": [] }] })(props);
   }
+  function BiDotsVertical(props) {
+    return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M10 10h4v4h-4zm0-6h4v4h-4zm0 12h4v4h-4z" }, "child": [] }] })(props);
+  }
   function BiEdit(props) {
     return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "m7 17.013 4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583v4.43zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585 1.594-1.58zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006v-1.589z" }, "child": [] }, { "tag": "path", "attr": { "d": "M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2z" }, "child": [] }] })(props);
   }
@@ -5107,7 +5109,7 @@ var __publicField = (obj, key, value) => {
         return template.label ? template.label.toLowerCase().includes(filter.toLowerCase()) || name.toLowerCase().includes(filter.toLowerCase()) : name.toLowerCase().includes(filter.toLowerCase());
       });
     }, [filter]);
-    return /* @__PURE__ */ React__namespace.createElement(react$1.Popover, null, ({ open: open2 }) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(react$1.Popover.Button, { as: "span" }, /* @__PURE__ */ React__namespace.createElement(
+    return /* @__PURE__ */ React__namespace.createElement(react$1.Popover, null, ({ open: open2 }) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(react$1.PopoverButton, { as: "span" }, /* @__PURE__ */ React__namespace.createElement(
       IconButton,
       {
         variant: open2 ? "secondary" : "primary",
@@ -5125,7 +5127,7 @@ var __publicField = (obj, key, value) => {
         leaveFrom: "transform opacity-100 translate-y-0",
         leaveTo: "transform opacity-0 -translate-y-2"
       },
-      /* @__PURE__ */ React__namespace.createElement(react$1.Popover.Panel, { className: "relative overflow-hidden rounded-lg shadow-lg bg-white border border-gray-100" }, ({ close: close2 }) => /* @__PURE__ */ React__namespace.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto flex flex-col w-full h-full" }, showFilter && /* @__PURE__ */ React__namespace.createElement("div", { className: "sticky top-0 bg-gray-50 p-2 border-b border-gray-100 z-10" }, /* @__PURE__ */ React__namespace.createElement(
+      /* @__PURE__ */ React__namespace.createElement(react$1.PopoverPanel, { className: "relative overflow-hidden rounded-lg shadow-lg bg-white border border-gray-100" }, ({ close: close2 }) => /* @__PURE__ */ React__namespace.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto flex flex-col w-full h-full" }, showFilter && /* @__PURE__ */ React__namespace.createElement("div", { className: "sticky top-0 bg-gray-50 p-2 border-b border-gray-100 z-10" }, /* @__PURE__ */ React__namespace.createElement(
         "input",
         {
           type: "text",
@@ -5298,14 +5300,13 @@ var __publicField = (obj, key, value) => {
       {
         variant: pickerIsOpen ? "secondary" : "primary",
         size: "small",
-        className: `${pickerIsOpen ? `rotate-45 pointer-events-none` : ``}`,
+        className: `${pickerIsOpen ? "rotate-45 pointer-events-none" : ""}`,
         onClick: () => setPickerIsOpen(!pickerIsOpen)
       },
       /* @__PURE__ */ React__namespace.createElement(AddIcon, { className: "w-5/6 h-auto" })
     ), /* @__PURE__ */ React__namespace.createElement(FormPortal, null, ({ zIndexShift }) => /* @__PURE__ */ React__namespace.createElement(react$1.Transition, { show: pickerIsOpen }, /* @__PURE__ */ React__namespace.createElement(
-      react$1.Transition.Child,
+      react$1.TransitionChild,
       {
-        as: React__namespace.Fragment,
         enter: "transform transition-all ease-out duration-200",
         enterFrom: "opacity-0 -translate-x-1/2",
         enterTo: "opacity-100 translate-x-0",
@@ -5398,7 +5399,7 @@ var __publicField = (obj, key, value) => {
         className: `left-0 right-0 relative`
       },
       ({ open: open2 }) => /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
-        react$1.Disclosure.Button,
+        react$1.DisclosureButton,
         {
           className: `relative block group text-left w-full text-base font-bold tracking-wide py-2 truncate ${templates.length === 0 ? `pointer-events-none` : ``} ${!isLast && (!open2 || templates.length === 0) && `border-b border-gray-100`}`
         },
@@ -5425,7 +5426,15 @@ var __publicField = (obj, key, value) => {
           leaveFrom: "transform scale-100 opacity-100",
           leaveTo: "transform scale-95 opacity-0"
         },
-        /* @__PURE__ */ React__namespace.createElement(react$1.Disclosure.Panel, null, templates.length > 0 && /* @__PURE__ */ React__namespace.createElement(CardColumns, null, templates.map(([name, template]) => /* @__PURE__ */ React__namespace.createElement(BlockCard, { close: close2, name, template }))))
+        /* @__PURE__ */ React__namespace.createElement(react$1.DisclosurePanel, null, templates.length > 0 && /* @__PURE__ */ React__namespace.createElement(CardColumns, null, templates.map(([name, template], index) => /* @__PURE__ */ React__namespace.createElement(
+          BlockCard,
+          {
+            key: index,
+            close: close2,
+            name,
+            template
+          }
+        ))))
       ))
     );
   };
@@ -9235,11 +9244,12 @@ var __publicField = (obj, key, value) => {
   };
   const FormLists = (props) => {
     const cms = useCMS();
-    return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(
+    return /* @__PURE__ */ React__namespace.createElement(
       react$1.Transition,
       {
         appear: true,
         show: true,
+        as: "div",
         enter: "transition-all ease-out duration-150",
         enterFrom: "opacity-0 -translate-x-1/2",
         enterTo: "opacity-100",
@@ -9257,7 +9267,7 @@ var __publicField = (obj, key, value) => {
           formList
         }
       )))
-    ));
+    );
   };
   const FormList = (props) => {
     const cms = useCMS();
@@ -9289,7 +9299,7 @@ var __publicField = (obj, key, value) => {
       }
       return [...topItems, ...orderedListItems, ...extra];
     }, [JSON.stringify(props.formList.items)]);
-    return /* @__PURE__ */ React__namespace.createElement("ul", null, /* @__PURE__ */ React__namespace.createElement("li", { className: `divide-y divide-gray-200` }, listItems.map((item, index) => {
+    return /* @__PURE__ */ React__namespace.createElement("ul", null, /* @__PURE__ */ React__namespace.createElement("li", { className: "divide-y divide-gray-200" }, listItems.map((item, index) => {
       if (item.type === "list") {
         return /* @__PURE__ */ React__namespace.createElement(
           "div",
@@ -9380,19 +9390,46 @@ var __publicField = (obj, key, value) => {
             }
           }
         },
+        /* @__PURE__ */ React__namespace.createElement(BiDotsVertical, { className: "h-auto w-5 inline-block opacity-70" })
+      ), /* @__PURE__ */ React__namespace.createElement(
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
+          onClick: () => {
+            const collectionName = cms.api.tina.schema.getCollectionByFullPath(
+              cms.state.activeFormId
+            ).name;
+            window.location.href = `${new URL(window.location.href).pathname}#/collections/${collectionName}/~`;
+          }
+        },
         /* @__PURE__ */ React__namespace.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
       ), /* @__PURE__ */ React__namespace.createElement("span", { className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0" }, "/"), /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, activeForm.tinaForm.label || activeForm.tinaForm.id), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
     );
   };
   const FormHeader = ({ activeForm }) => {
     const { formIsPristine } = React__namespace.useContext(SidebarContext);
+    const cms = useCMS$1();
     const shortFormLabel = activeForm.tinaForm.label ? activeForm.tinaForm.label.replace(/^.*[\\\/]/, "") : false;
     return /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
         className: "pt-18 pb-4 px-6 border-b border-gray-200 bg-gradient-to-t from-white to-gray-50"
       },
-      /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, shortFormLabel && /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
+      /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React__namespace.createElement(
+        "button",
+        {
+          type: "button",
+          className: "pointer-events-auto text-xs text-blue-400 hover:text-blue-500 hover:underline transition-all ease-out duration-150",
+          onClick: () => {
+            const collectionName = cms.api.tina.schema.getCollectionByFullPath(
+              cms.state.activeFormId
+            ).name;
+            window.location.href = `${new URL(window.location.href).pathname}#/collections/${collectionName}/~`;
+          }
+        },
+        /* @__PURE__ */ React__namespace.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
+      ), shortFormLabel && /* @__PURE__ */ React__namespace.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React__namespace.createElement(FormStatus, { pristine: formIsPristine }))
     );
   };
   function ImFilesEmpty(props) {
@@ -9637,6 +9674,7 @@ var __publicField = (obj, key, value) => {
       "Event Log"
     ));
   };
+  const version = "2.2.6";
   const Nav = ({
     isLocalMode,
     className = "",
@@ -9687,13 +9725,13 @@ var __publicField = (obj, key, value) => {
       "div",
       {
         className: `relative z-30 flex flex-col bg-white border-r border-gray-200 w-96 h-full ${className}`,
-        style: { maxWidth: sidebarWidth + "px" },
+        style: { maxWidth: `${sidebarWidth}px` },
         ...props
       },
       /* @__PURE__ */ React__namespace.createElement("div", { className: "border-b border-gray-200" }, /* @__PURE__ */ React__namespace.createElement(react$1.Menu, { as: "div", className: "relative block" }, ({ open: open2 }) => /* @__PURE__ */ React__namespace.createElement("div", null, /* @__PURE__ */ React__namespace.createElement(
-        react$1.Menu.Button,
+        react$1.MenuButton,
         {
-          className: `group w-full px-6 py-3 gap-2 flex justify-between items-center transition-colors duration-150 ease-out ${open2 ? `bg-gray-50` : `bg-transparent`}`
+          className: `group w-full px-6 py-3 gap-2 flex justify-between items-center transition-colors duration-150 ease-out ${open2 ? "bg-gray-50" : "bg-transparent"}`
         },
         /* @__PURE__ */ React__namespace.createElement("span", { className: "text-left inline-flex items-center text-xl tracking-wide text-gray-800 flex-1 gap-1 opacity-80 group-hover:opacity-100 transition-opacity duration-150 ease-out" }, /* @__PURE__ */ React__namespace.createElement(
           "svg",
@@ -9710,7 +9748,7 @@ var __publicField = (obj, key, value) => {
         /* @__PURE__ */ React__namespace.createElement(
           FiMoreVertical,
           {
-            className: `flex-0 w-6 h-full inline-block group-hover:opacity-80 transition-all duration-300 ease-in-out transform ${open2 ? `opacity-100 text-blue-400` : `text-gray-400 opacity-50 hover:opacity-70`}`
+            className: `flex-0 w-6 h-full inline-block group-hover:opacity-80 transition-all duration-300 ease-in-out transform ${open2 ? "opacity-100 text-blue-400" : "text-gray-400 opacity-50 hover:opacity-70"}`
           }
         )
       ), /* @__PURE__ */ React__namespace.createElement("div", { className: "transform translate-y-full absolute bottom-3 right-5 z-50" }, /* @__PURE__ */ React__namespace.createElement(
@@ -9723,7 +9761,7 @@ var __publicField = (obj, key, value) => {
           leaveFrom: "transform opacity-100 translate-y-0",
           leaveTo: "transform opacity-0 -translate-y-2"
         },
-        /* @__PURE__ */ React__namespace.createElement(react$1.Menu.Items, { className: "bg-white border border-gray-150 rounded-lg shadow-lg flex flex-col items-stretch overflow-hidden" }, /* @__PURE__ */ React__namespace.createElement(react$1.Menu.Item, null, /* @__PURE__ */ React__namespace.createElement(
+        /* @__PURE__ */ React__namespace.createElement(react$1.MenuItems, { className: "bg-white border border-gray-150 rounded-lg shadow-lg flex flex-col items-stretch overflow-hidden" }, /* @__PURE__ */ React__namespace.createElement(react$1.MenuItem, null, /* @__PURE__ */ React__namespace.createElement(
           "button",
           {
             className: `text-lg px-4 py-2 first:pt-3 last:pb-3 tracking-wide whitespace-nowrap flex items-center opacity-80 text-gray-600 hover:text-blue-400 hover:bg-gray-50 hover:opacity-100`,
@@ -9756,7 +9794,7 @@ var __publicField = (obj, key, value) => {
           },
           /* @__PURE__ */ React__namespace.createElement(BiExit, { className: "w-6 h-auto mr-2 text-blue-400" }),
           " Log Out"
-        )), /* @__PURE__ */ React__namespace.createElement(react$1.Menu.Item, null, /* @__PURE__ */ React__namespace.createElement(
+        )), /* @__PURE__ */ React__namespace.createElement(react$1.MenuItem, null, /* @__PURE__ */ React__namespace.createElement(
           WrappedSyncStatus,
           {
             cms,
@@ -9766,7 +9804,7 @@ var __publicField = (obj, key, value) => {
       ))))),
       eventsOpen && /* @__PURE__ */ React__namespace.createElement(SyncStatusModal, { cms, closeEventsModal }),
       children,
-      /* @__PURE__ */ React__namespace.createElement("div", { className: "px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("h4", { className: "flex space-x-1 justify-items-start uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, /* @__PURE__ */ React__namespace.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React__namespace.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React__namespace.createElement(
+      /* @__PURE__ */ React__namespace.createElement("div", { className: "flex flex-col px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("h4", { className: "flex space-x-1 justify-items-start uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, /* @__PURE__ */ React__namespace.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React__namespace.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React__namespace.createElement(
         "a",
         {
           href: "https://tina.io/docs/schema/#defining-collections",
@@ -9797,7 +9835,7 @@ var __publicField = (obj, key, value) => {
         }
       }), !!(cloudConfigs == null ? void 0 : cloudConfigs.length) && /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement("h4", { className: "uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, "Cloud"), /* @__PURE__ */ React__namespace.createElement("ul", { className: "flex flex-col gap-4" }, cloudConfigs.map((config) => {
         return /* @__PURE__ */ React__namespace.createElement("li", { key: `nav-site-${config.name}` }, /* @__PURE__ */ React__namespace.createElement(RenderNavCloud, { config }));
-      }))))
+      }))), /* @__PURE__ */ React__namespace.createElement("div", { className: "grow" }), /* @__PURE__ */ React__namespace.createElement("span", { className: "font-sans font-light text-xs mb-3 mt-8 text-gray-500" }, "v", version))
     );
   };
   const CollectionsList = ({
@@ -10102,10 +10140,9 @@ var __publicField = (obj, key, value) => {
           screen: activeScreen,
           close: () => setActiveView(null)
         }
-      )), /* @__PURE__ */ React__namespace.createElement(ResizeHandle, null)), renderMobileNav && /* @__PURE__ */ React__namespace.createElement(react$1.Transition, { show: menuIsOpen }, /* @__PURE__ */ React__namespace.createElement(
-        react$1.Transition.Child,
+      )), /* @__PURE__ */ React__namespace.createElement(ResizeHandle, null)), renderMobileNav && /* @__PURE__ */ React__namespace.createElement(react$1.Transition, { show: menuIsOpen, as: "div" }, /* @__PURE__ */ React__namespace.createElement(
+        react$1.TransitionChild,
         {
-          as: React__namespace.Fragment,
           enter: "transform transition-all ease-out duration-300",
           enterFrom: "opacity-0 -translate-x-full",
           enterTo: "opacity-100 translate-x-0",
@@ -10163,15 +10200,14 @@ var __publicField = (obj, key, value) => {
               onClick: () => {
                 setMenuIsOpen(false);
               },
-              className: `transition-opacity duration-150 ease-out`
+              className: "transition-opacity duration-150 ease-out"
             },
             /* @__PURE__ */ React__namespace.createElement(IoMdClose, { className: "h-5 w-auto text-blue-500" })
           ))
         ))
       ), /* @__PURE__ */ React__namespace.createElement(
-        react$1.Transition.Child,
+        react$1.TransitionChild,
         {
-          as: React__namespace.Fragment,
           enter: "ease-out duration-300",
           enterFrom: "opacity-0",
           enterTo: "opacity-80",
@@ -10207,7 +10243,7 @@ var __publicField = (obj, key, value) => {
           sidebarWidth,
           windowWidth - minPreviewWidth
         );
-        body.style.paddingLeft = bodyDisplacement + "px";
+        body.style.paddingLeft = `${bodyDisplacement}px`;
       } else {
         body.style.paddingLeft = "0";
       }
@@ -10253,7 +10289,7 @@ var __publicField = (obj, key, value) => {
     )), /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
-        className: `flex items-center pointer-events-auto transition-opacity duration-150 ease-in-out -mr-px`
+        className: "flex items-center pointer-events-auto transition-opacity duration-150 ease-in-out -mr-px"
       },
       /* @__PURE__ */ React__namespace.createElement(
         Button$1,
@@ -10352,14 +10388,14 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
-        className: `fixed top-0 left-0 h-dvh z-base ${displayState === "closed" ? `pointer-events-none` : ``}`
+        className: `fixed top-0 left-0 h-dvh z-base ${displayState === "closed" ? "pointer-events-none" : ""}`
       },
       /* @__PURE__ */ React__namespace.createElement(
         "div",
         {
-          className: `relative h-dvh transform flex ${displayState !== "closed" ? `` : `-translate-x-full`} ${resizingSidebar ? `transition-none` : displayState === "closed" ? `transition-all duration-300 ease-in` : displayState === "fullscreen" ? `transition-all duration-150 ease-out` : `transition-all duration-300 ease-out`}`,
+          className: `relative h-dvh transform flex ${displayState !== "closed" ? "" : "-translate-x-full"} ${resizingSidebar ? "transition-none" : displayState === "closed" ? "transition-all duration-300 ease-in" : displayState === "fullscreen" ? "transition-all duration-150 ease-out" : "transition-all duration-300 ease-out"}`,
           style: {
-            width: displayState === "fullscreen" ? "100vw" : sidebarWidth + "px",
+            width: displayState === "fullscreen" ? "100vw" : `${sidebarWidth}px`,
             maxWidth: displayState === "fullscreen" ? "100vw" : "calc(100vw - 8px)",
             minWidth: "360px"
           }
@@ -10372,7 +10408,7 @@ var __publicField = (obj, key, value) => {
     return /* @__PURE__ */ React__namespace.createElement(
       "div",
       {
-        className: `relative left-0 w-full h-full flex flex-col items-stretch bg-white border-r border-gray-200 overflow-hidden`
+        className: "relative left-0 w-full h-full flex flex-col items-stretch bg-white border-r border-gray-200 overflow-hidden"
       },
       children
     );
@@ -12706,7 +12742,7 @@ var __publicField = (obj, key, value) => {
   };
   const DotMenu = ({ onOpen, onRemove }) => {
     return /* @__PURE__ */ React.createElement(react$1.Popover, { as: "span", className: "-ml-px relative block" }, /* @__PURE__ */ React.createElement(
-      react$1.Popover.Button,
+      react$1.PopoverButton,
       {
         as: "span",
         className: "cursor-pointer h-full relative inline-flex items-center px-1 py-0.5 rounded-r-md border border-gray-200 bg-white text-gray-500 hover:bg-gray-50 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500"
@@ -12715,7 +12751,6 @@ var __publicField = (obj, key, value) => {
     ), /* @__PURE__ */ React.createElement(
       react$1.Transition,
       {
-        as: React.Fragment,
         enter: "transition ease-out duration-100",
         enterFrom: "transform opacity-0 scale-95",
         enterTo: "transform opacity-100 scale-100",
@@ -12723,7 +12758,7 @@ var __publicField = (obj, key, value) => {
         leaveFrom: "transform opacity-100 scale-100",
         leaveTo: "transform opacity-0 scale-95"
       },
-      /* @__PURE__ */ React.createElement(react$1.Popover.Panel, { className: "z-30 absolute origin-top-right right-0" }, /* @__PURE__ */ React.createElement("div", { className: "mt-2 -mr-1 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React.createElement("div", { className: "py-1" }, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(react$1.PopoverPanel, { className: "z-30 absolute origin-top-right right-0" }, /* @__PURE__ */ React.createElement("div", { className: "mt-2 -mr-1 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React.createElement("div", { className: "py-1" }, /* @__PURE__ */ React.createElement(
         "span",
         {
           onClick: onOpen,
@@ -13660,6 +13695,12 @@ var __publicField = (obj, key, value) => {
       icon: Icons.h5,
       label: "Heading 5",
       value: plateHeading.ELEMENT_H5
+    },
+    {
+      description: "Heading 6",
+      icon: Icons.h6,
+      label: "Heading 6",
+      value: plateHeading.ELEMENT_H6
     }
   ];
   const defaultItem$1 = items$1.find((item) => item.value === plateParagraph.ELEMENT_PARAGRAPH) || items$1[0];
@@ -13858,12 +13899,29 @@ var __publicField = (obj, key, value) => {
   }
   const EmbedButton = ({ editor, templates }) => {
     const [open2, setOpen] = React.useState(false);
+    const [filteredTemplates, setFilteredTemplates] = React.useState(templates);
+    const filterChange = (e) => {
+      const filterText = e.target.value.toLowerCase();
+      setFilteredTemplates(
+        templates.filter(
+          (template) => template.name.toLowerCase().includes(filterText)
+        )
+      );
+    };
     return /* @__PURE__ */ React.createElement(DropdownMenu, { open: open2, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { className: "inline-flex items-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg:not([data-icon])]:size-5 h-9 px-2 bg-transparent hover:bg-muted hover:text-muted-foreground aria-checked:bg-accent aria-checked:text-accent-foreground my-1 justify-between pr-1" }, /* @__PURE__ */ React.createElement("span", { className: "flex" }, "Embed"), /* @__PURE__ */ React.createElement(
       PlusIcon,
       {
         className: `origin-center transition-all ease-out duration-150 ${open2 ? "rotate-45" : ""}`
       }
-    )), /* @__PURE__ */ React.createElement(DropdownMenuContent, null, /* @__PURE__ */ React.createElement(DropdownMenuLabel, null, "Templates"), /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), templates.map((template) => /* @__PURE__ */ React.createElement(
+    )), /* @__PURE__ */ React.createElement(DropdownMenuContent, { className: "max-h-48 overflow-y-auto" }, templates.length > 10 && /* @__PURE__ */ React.createElement(
+      "input",
+      {
+        type: "text",
+        placeholder: "Filter templates...",
+        className: "w-full p-2 border border-gray-300 rounded-md",
+        onChange: filterChange
+      }
+    ), /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null), filteredTemplates.map((template) => /* @__PURE__ */ React.createElement(
       DropdownMenuItem,
       {
         key: template.name,
@@ -14061,6 +14119,12 @@ var __publicField = (obj, key, value) => {
       icon: Icons.h5,
       label: "Heading 5",
       value: plateHeading.ELEMENT_H5
+    },
+    {
+      description: "Heading 6",
+      icon: Icons.h6,
+      label: "Heading 6",
+      value: plateHeading.ELEMENT_H6
     }
   ];
   const defaultItem = items.find((item) => item.value === plateParagraph.ELEMENT_PARAGRAPH);
@@ -16815,120 +16879,176 @@ var __publicField = (obj, key, value) => {
     "že"
   ];
   const dan = [
-    "er",
-    "jeg",
+    "ad",
+    "af",
+    "aldrig",
+    "alle",
+    "alt",
+    "anden",
+    "andet",
+    "andre",
+    "at",
+    "bare",
+    "begge",
+    "blev",
+    "blive",
+    "bliver",
+    "da",
+    "de",
+    "dem",
+    "den",
+    "denne",
+    "der",
+    "deres",
     "det",
+    "dette",
+    "dig",
+    "din",
+    "dine",
+    "disse",
+    "dit",
+    "dog",
     "du",
-    "ikke",
-    "i",
-    "at",
+    "efter",
+    "ej",
+    "eller",
     "en",
-    "og",
-    "har",
-    "vi",
-    "til",
-    "på",
-    "hvad",
-    "med",
-    "mig",
-    "så",
+    "end",
+    "ene",
+    "eneste",
+    "enhver",
+    "er",
+    "et",
+    "far",
+    "fem",
+    "fik",
+    "fire",
+    "flere",
+    "fleste",
     "for",
-    "de",
-    "dig",
-    "der",
-    "den",
+    "fordi",
+    "forrige",
+    "fra",
+    "få",
+    "får",
+    "før",
+    "god",
+    "godt",
+    "ham",
     "han",
-    "kan",
-    "af",
-    "vil",
-    "var",
+    "hans",
+    "har",
+    "havde",
+    "have",
+    "hej",
+    "helt",
+    "hende",
+    "hendes",
     "her",
-    "et",
-    "skal",
-    "ved",
-    "nu",
-    "men",
-    "om",
-    "ja",
-    "som",
-    "nej",
-    "min",
-    "noget",
-    "ham",
+    "hos",
     "hun",
-    "bare",
-    "kom",
-    "være",
-    "din",
-    "hvor",
-    "dem",
-    "ud",
-    "os",
+    "hvad",
+    "hvem",
+    "hver",
+    "hvilken",
     "hvis",
-    "må",
-    "se",
-    "godt",
-    "have",
-    "fra",
-    "ville",
-    "okay",
-    "lige",
-    "op",
-    "alle",
-    "lad",
-    "hvorfor",
-    "sig",
+    "hvor",
     "hvordan",
-    "få",
-    "kunne",
-    "eller",
-    "hvem",
-    "man",
-    "bliver",
-    "havde",
-    "da",
+    "hvorfor",
+    "hvornår",
+    "i",
+    "ikke",
+    "ind",
     "ingen",
-    "efter",
-    "når",
-    "alt",
+    "intet",
+    "ja",
+    "jeg",
+    "jer",
+    "jeres",
     "jo",
-    "to",
-    "mit",
-    "ind",
-    "hej",
-    "aldrig",
+    "kan",
+    "kom",
+    "komme",
+    "kommer",
+    "kun",
+    "kunne",
+    "lad",
+    "lav",
     "lidt",
+    "lige",
+    "lille",
+    "man",
+    "mand",
+    "mange",
+    "med",
+    "meget",
+    "men",
+    "mens",
+    "mere",
+    "mig",
+    "min",
+    "mine",
+    "mit",
+    "mod",
+    "må",
+    "ned",
+    "nej",
+    "ni",
     "nogen",
-    "over",
+    "noget",
+    "nogle",
+    "nu",
+    "ny",
+    "nyt",
+    "når",
+    "nær",
+    "næste",
+    "næsten",
+    "og",
     "også",
-    "mand",
-    "far",
-    "skulle",
+    "okay",
+    "om",
+    "op",
+    "os",
+    "otte",
+    "over",
+    "på",
+    "se",
+    "seks",
     "selv",
-    "får",
-    "hans",
     "ser",
-    "vores",
-    "jer",
-    "sådan",
-    "dit",
-    "kun",
-    "deres",
-    "ned",
-    "mine",
-    "komme",
-    "tage",
-    "denne",
+    "ses",
+    "sig",
     "sige",
-    "dette",
-    "blive",
-    "helt",
-    "fordi",
-    "end",
+    "sin",
+    "sine",
+    "sit",
+    "skal",
+    "skulle",
+    "som",
+    "stor",
+    "store",
+    "syv",
+    "så",
+    "sådan",
     "tag",
-    "før",
-    "fik",
-    "dine"
+    "tage",
+    "thi",
+    "ti",
+    "til",
+    "to",
+    "tre",
+    "ud",
+    "under",
+    "var",
+    "ved",
+    "vi",
+    "vil",
+    "ville",
+    "vor",
+    "vores",
+    "være",
+    "været"
   ];
   const nld = [
     "aan",
@@ -19312,7 +19432,7 @@ var __publicField = (obj, key, value) => {
     "alóluk",
     "alólunk",
     "amely",
-    "amelybol",
+    "amelyből",
     "amelyek",
     "amelyekben",
     "amelyeket",
@@ -26355,125 +26475,424 @@ var __publicField = (obj, key, value) => {
     "upande"
   ];
   const swe = [
-    "jag",
+    "aderton",
+    "adertonde",
+    "adjö",
+    "aldrig",
+    "alla",
+    "allas",
+    "allt",
+    "alltid",
+    "alltså",
+    "andra",
+    "andras",
+    "annan",
+    "annat",
+    "artonde",
+    "artonn",
+    "att",
+    "av",
+    "bakom",
+    "bara",
+    "behöva",
+    "behövas",
+    "behövde",
+    "behövt",
+    "beslut",
+    "beslutat",
+    "beslutit",
+    "bland",
+    "blev",
+    "bli",
+    "blir",
+    "blivit",
+    "bort",
+    "borta",
+    "bra",
+    "bäst",
+    "bättre",
+    "båda",
+    "bådas",
+    "dag",
+    "dagar",
+    "dagarna",
+    "dagen",
+    "de",
+    "del",
+    "delen",
+    "dem",
+    "den",
+    "denna",
+    "deras",
+    "dess",
+    "dessa",
     "det",
-    "är",
+    "detta",
+    "dig",
+    "din",
+    "dina",
+    "dit",
+    "ditt",
+    "dock",
+    "dom",
     "du",
-    "inte",
-    "att",
+    "där",
+    "därför",
+    "då",
+    "e",
+    "efter",
+    "eftersom",
+    "ej",
+    "elfte",
+    "eller",
+    "elva",
+    "emot",
     "en",
-    "och",
-    "har",
-    "vi",
-    "på",
-    "i",
+    "enkel",
+    "enkelt",
+    "enkla",
+    "enligt",
+    "ens",
+    "er",
+    "era",
+    "ers",
+    "ert",
+    "ett",
+    "ettusen",
+    "fanns",
+    "fem",
+    "femte",
+    "femtio",
+    "femtionde",
+    "femton",
+    "femtonde",
+    "fick",
+    "fin",
+    "finnas",
+    "finns",
+    "fjorton",
+    "fjortonde",
+    "fjärde",
+    "fler",
+    "flera",
+    "flesta",
+    "fram",
+    "framför",
+    "från",
+    "fyra",
+    "fyrtio",
+    "fyrtionde",
+    "få",
+    "får",
+    "fått",
+    "följande",
     "för",
+    "före",
+    "förlåt",
+    "förra",
+    "första",
+    "genast",
+    "genom",
+    "gick",
+    "gjorde",
+    "gjort",
+    "god",
+    "goda",
+    "godare",
+    "godast",
+    "gott",
+    "gälla",
+    "gäller",
+    "gällt",
+    "gärna",
+    "gå",
+    "går",
+    "gått",
+    "gör",
+    "göra",
+    "ha",
+    "hade",
+    "haft",
     "han",
-    "vad",
-    "med",
-    "mig",
-    "som",
+    "hans",
+    "har",
+    "heller",
+    "hellre",
+    "helst",
+    "helt",
+    "henne",
+    "hennes",
+    "hit",
+    "hon",
+    "honom",
+    "hundra",
+    "hundraen",
+    "hundraett",
+    "hur",
     "här",
-    "om",
-    "dig",
-    "var",
-    "den",
-    "så",
-    "till",
+    "hög",
+    "höger",
+    "högre",
+    "högst",
+    "i",
+    "ibland",
+    "icke",
+    "idag",
+    "igen",
+    "igår",
+    "imorgon",
+    "in",
+    "inför",
+    "inga",
+    "ingen",
+    "ingenting",
+    "inget",
+    "innan",
+    "inne",
+    "inom",
+    "inte",
+    "inuti",
+    "ja",
+    "jag",
+    "jo",
+    "ju",
+    "just",
+    "jämfört",
     "kan",
-    "de",
-    "ni",
-    "ska",
-    "ett",
+    "kanske",
+    "knappast",
+    "kom",
+    "komma",
+    "kommer",
+    "kommit",
+    "kr",
+    "kunde",
+    "kunna",
+    "kunnat",
+    "kvar",
+    "legat",
+    "ligga",
+    "ligger",
+    "lika",
+    "likställd",
+    "likställda",
+    "lilla",
+    "lite",
+    "liten",
+    "litet",
+    "länge",
+    "längre",
+    "längst",
+    "lätt",
+    "lättare",
+    "lättast",
+    "långsam",
+    "långsammare",
+    "långsammast",
+    "långsamt",
+    "långt",
+    "låt",
+    "man",
+    "med",
+    "mej",
+    "mellan",
     "men",
-    "av",
-    "vill",
-    "nu",
-    "ja",
-    "nej",
-    "bara",
-    "hon",
-    "hur",
+    "mer",
+    "mera",
+    "mest",
+    "mig",
     "min",
-    "där",
-    "honom",
-    "kom",
-    "din",
-    "då",
+    "mina",
+    "mindre",
+    "minst",
+    "mitt",
+    "mittemot",
+    "mot",
+    "mycket",
+    "många",
+    "måste",
+    "möjlig",
+    "möjligen",
+    "möjligt",
+    "möjligtvis",
+    "ned",
+    "nederst",
+    "nedersta",
+    "nedre",
+    "nej",
+    "ner",
+    "ni",
+    "nio",
+    "nionde",
+    "nittio",
+    "nittionde",
+    "nitton",
+    "nittonde",
+    "nog",
+    "noll",
+    "nr",
+    "nu",
+    "nummer",
     "när",
-    "ha",
-    "er",
-    "ta",
-    "ut",
-    "får",
-    "man",
-    "vara",
+    "nästa",
+    "någon",
+    "någonting",
+    "något",
+    "några",
+    "nån",
+    "nånting",
+    "nåt",
+    "nödvändig",
+    "nödvändiga",
+    "nödvändigt",
+    "nödvändigtvis",
+    "och",
+    "också",
+    "ofta",
+    "oftast",
+    "olika",
+    "olikt",
+    "om",
     "oss",
-    "dem",
-    "eller",
-    "varför",
-    "alla",
-    "från",
-    "upp",
-    "igen",
+    "på",
+    "rakt",
+    "redan",
+    "rätt",
     "sa",
-    "hade",
-    "allt",
-    "in",
+    "sade",
+    "sagt",
+    "samma",
+    "sedan",
+    "senare",
+    "senast",
+    "sent",
+    "sex",
+    "sextio",
+    "sextionde",
+    "sexton",
+    "sextonde",
     "sig",
-    "ingen",
-    "henne",
-    "vem",
-    "mitt",
-    "nåt",
-    "blir",
-    "än",
-    "bli",
-    "ju",
-    "två",
+    "sin",
+    "sina",
+    "sist",
+    "sista",
+    "siste",
+    "sitt",
+    "sitta",
+    "sju",
+    "sjunde",
+    "sjuttio",
+    "sjuttionde",
+    "sjutton",
+    "sjuttonde",
+    "själv",
+    "sjätte",
+    "ska",
+    "skall",
+    "skulle",
+    "slutligen",
+    "små",
+    "smått",
+    "snart",
+    "som",
+    "stor",
+    "stora",
+    "stort",
+    "större",
+    "störst",
+    "säga",
+    "säger",
+    "sämre",
+    "sämst",
+    "så",
+    "sådan",
+    "sådana",
+    "sådant",
+    "ta",
+    "tack",
     "tar",
-    "hans",
-    "ditt",
-    "mina",
-    "åt",
-    "väl",
-    "också",
-    "nån",
-    "låt",
-    "detta",
+    "tidig",
+    "tidigare",
+    "tidigast",
+    "tidigt",
+    "till",
+    "tills",
+    "tillsammans",
+    "tio",
+    "tionde",
+    "tjugo",
+    "tjugoen",
+    "tjugoett",
+    "tjugonde",
+    "tjugotre",
+    "tjugotvå",
+    "tjungo",
+    "tolfte",
+    "tolv",
+    "tre",
+    "tredje",
+    "trettio",
+    "trettionde",
+    "tretton",
+    "trettonde",
+    "två",
+    "tvåhundra",
+    "under",
+    "upp",
+    "ur",
+    "ursäkt",
+    "ut",
+    "utan",
+    "utanför",
+    "ute",
     "va",
-    "dina",
-    "dom",
-    "blev",
-    "inga",
-    "sin",
-    "just",
-    "många",
+    "vad",
+    "var",
+    "vara",
+    "varför",
+    "varifrån",
+    "varit",
+    "varje",
+    "varken",
+    "vars",
+    "varsågod",
     "vart",
+    "vem",
+    "vems",
+    "verkligen",
+    "vi",
+    "vid",
+    "vidare",
+    "viktig",
+    "viktigare",
+    "viktigast",
+    "viktigt",
+    "vilka",
+    "vilkas",
     "vilken",
-    "ur",
-    "ens",
-    "sitt",
-    "e",
-    "jo",
-    "era",
-    "deras",
-    "fem",
-    "sex",
-    "denna",
     "vilket",
-    "fyra",
+    "vill",
+    "väl",
+    "vänster",
+    "vänstra",
+    "värre",
+    "vår",
+    "våra",
     "vårt",
-    "emot",
-    "tio",
-    "ert",
-    "sju",
+    "än",
+    "ännu",
+    "är",
+    "även",
+    "åt",
+    "åtminstone",
     "åtta",
-    "nånting",
-    "ned",
-    "ers",
-    "nio",
-    "mej"
+    "åttio",
+    "åttionde",
+    "åttonde",
+    "över",
+    "övermorgon",
+    "överst",
+    "övre"
   ];
   const tha = [
     "กล่าว",
@@ -27794,15 +28213,11 @@ var __publicField = (obj, key, value) => {
     "kwakukhona",
     "ngelinye"
   ];
-  const defaultStopwords = eng;
-  const removeStopwords = function(tokens, stopwords) {
-    stopwords = stopwords || defaultStopwords;
-    if (typeof tokens !== "object" || typeof stopwords !== "object") {
+  const removeStopwords = (tokens, stopwords = eng) => {
+    if (!Array.isArray(tokens) || !Array.isArray(stopwords)) {
       throw new Error("expected Arrays try: removeStopwords(Array[, Array])");
     }
-    return tokens.filter(function(value) {
-      return stopwords.indexOf(value.toLowerCase()) === -1;
-    });
+    return tokens.filter((x) => !stopwords.includes(x.toLowerCase()));
   };
   const sw = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
     __proto__: null,
@@ -30128,9 +30543,8 @@ This will work when developing locally but NOT when deployed to production.
         )
       }
     ), !renderDesktopNav && /* @__PURE__ */ React.createElement(react$1.Transition, { show: menuIsOpen }, /* @__PURE__ */ React.createElement(
-      react$1.Transition.Child,
+      react$1.TransitionChild,
       {
-        as: React.Fragment,
         enter: "transform transition-all ease-out duration-300",
         enterFrom: "opacity-0 -translate-x-full",
         enterTo: "opacity-100 translate-x-0",
@@ -30198,9 +30612,8 @@ This will work when developing locally but NOT when deployed to production.
         ))
       ))
     ), /* @__PURE__ */ React.createElement(
-      react$1.Transition.Child,
+      react$1.TransitionChild,
       {
-        as: React.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-80",
@@ -30226,7 +30639,7 @@ This will work when developing locally but NOT when deployed to production.
         onClick: () => {
           setMenuIsOpen(true);
         },
-        className: `pointer-events-auto -ml-px absolute left-0 z-50 ${isLocalMode ? `top-10` : `top-4`}`
+        className: `pointer-events-auto -ml-px absolute left-0 z-50 ${isLocalMode ? "top-10" : "top-4"}`
       },
       /* @__PURE__ */ React.createElement(BiMenu, { className: "h-7 w-auto" })
     ));
@@ -30653,10 +31066,9 @@ This will work when developing locally but NOT when deployed to production.
     folder,
     collectionName
   }) => {
-    return /* @__PURE__ */ React.createElement(react$1.Menu, { as: "div", className: "relative inline-block text-left" }, () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(react$1.Menu.Button, { className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out  shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6" }, "Create New ", /* @__PURE__ */ React.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" }))), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(react$1.Menu, { as: "div", className: "relative inline-block text-left" }, () => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(react$1.MenuButton, { className: "icon-parent inline-flex items-center font-medium focus:outline-none focus:ring-2 focus:shadow-outline text-center rounded-full justify-center transition-all duration-150 ease-out  shadow text-white bg-blue-500 hover:bg-blue-600 focus:ring-blue-500 text-sm h-10 px-6" }, "Create New ", /* @__PURE__ */ React.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" }))), /* @__PURE__ */ React.createElement(
       react$1.Transition,
       {
-        as: React.Fragment,
         enter: "transition ease-out duration-100",
         enterFrom: "transform opacity-0 scale-95",
         enterTo: "transform opacity-100 scale-100",
@@ -30664,7 +31076,7 @@ This will work when developing locally but NOT when deployed to production.
         leaveFrom: "transform opacity-100 scale-100",
         leaveTo: "transform opacity-0 scale-95"
       },
-      /* @__PURE__ */ React.createElement(react$1.Menu.Items, { className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React.createElement(react$1.Menu.Item, { key: `${template.label}-${template.name}` }, ({ active }) => /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(react$1.MenuItems, { className: "origin-top-right absolute right-0 mt-2 z-menu w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, /* @__PURE__ */ React.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React.createElement(react$1.MenuItem, { key: `${template.label}-${template.name}` }, ({ focus }) => /* @__PURE__ */ React.createElement(
         reactRouterDom.Link,
         {
           to: `/${folder.fullyQualifiedName ? [
@@ -30680,7 +31092,7 @@ This will work when developing locally but NOT when deployed to production.
             collectionName,
             template.name
           ].join("/")}`,
-          className: `w-full text-md px-4 py-2 tracking-wide flex items-center transition ease-out duration-100 ${active ? "text-blue-600 opacity-100 bg-gray-50" : "opacity-80 text-gray-600"}`
+          className: `w-full text-md px-4 py-2 tracking-wide flex items-center transition ease-out duration-100 ${focus ? "text-blue-600 opacity-100 bg-gray-50" : "opacity-80 text-gray-600"}`
         },
         template.label
       )))))
@@ -30853,7 +31265,7 @@ This will work when developing locally but NOT when deployed to production.
             CreateBranchModel,
             {
               crudType: "delete",
-              relativePath: collectionExtra.path + "/" + vars.relativePath,
+              relativePath: `${collectionExtra.path}/${vars.relativePath}`,
               values: vars,
               close: () => setDeleteModalOpen(false),
               safeSubmit: async () => {
@@ -30960,7 +31372,7 @@ This will work when developing locally but NOT when deployed to production.
                     name: ""
                   })
                 },
-                ...fields.map((x) => [
+                ...fields.flatMap((x) => [
                   {
                     label: (x.label || x.name) + (x.type === "datetime" ? " (Oldest First)" : " (Ascending)"),
                     value: JSON.stringify({
@@ -30975,7 +31387,7 @@ This will work when developing locally but NOT when deployed to production.
                       order: "desc"
                     })
                   }
-                ]).flat()
+                ])
               ],
               input: {
                 id: "sort",
@@ -31571,7 +31983,7 @@ This will work when developing locally but NOT when deployed to production.
     mutationInfo,
     customDefaults
   }) => {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
     const navigate = reactRouterDom.useNavigate();
     const [formIsPristine, setFormIsPristine] = React.useState(true);
     const schema = cms.api.tina.schema;
@@ -31601,8 +32013,53 @@ This will work when developing locally but NOT when deployed to production.
     const defaultItem2 = 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 filenameField = {
+      name: "filename",
+      label: "Filename",
+      component: slugFunction ? wrapFieldsWithMeta(({ field, input, meta }) => {
+        var _a2, _b2;
+        return /* @__PURE__ */ React.createElement(
+          FilenameInput,
+          {
+            readOnly: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.readonly,
+            ...input
+          }
+        );
+      }) : "text",
+      disabled: (_f = (_e = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _e.filename) == null ? void 0 : _f.readonly,
+      description: ((_h = (_g = collection.ui) == null ? void 0 : _g.filename) == null ? void 0 : _h.description) ? /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          dangerouslySetInnerHTML: { __html: collection.ui.filename.description }
+        }
+      ) : /* @__PURE__ */ React.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React.createElement("br", null), "Examples: ", /* @__PURE__ */ React.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React.createElement("code", null, "sub-folder/My_Document")),
+      placeholder: "My_Document",
+      validate: (value, allValues, meta) => {
+        var _a2, _b2;
+        if (!value) {
+          if (meta.dirty) {
+            return "Required";
+          }
+          return true;
+        }
+        const isValid = /[\.\-_\/a-zA-Z0-9]*$/.test(value);
+        if (value && !isValid) {
+          return "Must contain only a-z, A-Z, 0-9, -, _, ., or /.";
+        }
+        if (((_a2 = schemaCollection.match) == null ? void 0 : _a2.exclude) || ((_b2 = schemaCollection.match) == null ? void 0 : _b2.include)) {
+          const filePath = `${schemaTools.normalizePath(schemaCollection.path)}/${value}.${schemaCollection.format || "md"}`;
+          const match = schema == null ? void 0 : schema.matchFiles({
+            files: [filePath],
+            collection: schemaCollection
+          });
+          if ((match == null ? void 0 : match.length) === 0) {
+            return `The filename "${value}" is not allowed for this collection.`;
+          }
+        }
+      }
+    };
     const form = React.useMemo(() => {
-      var _a2, _b2;
+      var _a2, _b2, _c2, _d2;
       const folderName = folder.fullyQualifiedName ? folder.name : "";
       return new Form({
         crudType: "create",
@@ -31626,50 +32083,10 @@ This will work when developing locally but NOT when deployed to production.
         id: schemaCollection.path + folderName + `/new-post.${schemaCollection.format || "md"}`,
         label: "form",
         fields: [
+          ((_b2 = (_a2 = collection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.showFirst) && filenameField,
           ...formInfo.fields,
-          {
-            name: "filename",
-            label: "Filename",
-            component: slugFunction ? wrapFieldsWithMeta(({ field, input, meta }) => {
-              var _a3, _b3;
-              return /* @__PURE__ */ React.createElement(
-                FilenameInput,
-                {
-                  readOnly: (_b3 = (_a3 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a3.filename) == null ? void 0 : _b3.readonly,
-                  ...input
-                }
-              );
-            }) : "text",
-            disabled: (_b2 = (_a2 = schemaCollection == null ? void 0 : schemaCollection.ui) == null ? void 0 : _a2.filename) == null ? void 0 : _b2.readonly,
-            description: /* @__PURE__ */ React.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React.createElement("br", null), "Examples: ", /* @__PURE__ */ React.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React.createElement("code", null, "sub-folder/My_Document")),
-            placeholder: "My_Document",
-            validate: (value, allValues, meta) => {
-              var _a3, _b3;
-              if (!value) {
-                if (meta.dirty) {
-                  return "Required";
-                }
-                return true;
-              }
-              const isValid = /[\.\-_\/a-zA-Z0-9]*$/.test(value);
-              if (value && !isValid) {
-                return "Must contain only a-z, A-Z, 0-9, -, _, ., or /.";
-              }
-              if (((_a3 = schemaCollection.match) == null ? void 0 : _a3.exclude) || ((_b3 = schemaCollection.match) == null ? void 0 : _b3.include)) {
-                const filePath = `${schemaTools.normalizePath(
-                  schemaCollection.path
-                )}/${value}.${schemaCollection.format || "md"}`;
-                const match = schema == null ? void 0 : schema.matchFiles({
-                  files: [filePath],
-                  collection: schemaCollection
-                });
-                if ((match == null ? void 0 : match.length) === 0) {
-                  return `The filename "${value}" is not allowed for this collection.`;
-                }
-              }
-            }
-          }
-        ],
+          !((_d2 = (_c2 = collection.ui) == null ? void 0 : _c2.filename) == null ? void 0 : _d2.showFirst) && filenameField
+        ].filter((x) => !!x),
         onSubmit: async (values) => {
           try {
             const folderName2 = folder.fullyQualifiedName ? folder.name : "";
@@ -31724,7 +32141,7 @@ This will work when developing locally but NOT when deployed to production.
     const activeForm = cms.state.forms.find(
       ({ tinaForm }) => tinaForm.id === form.id
     );
-    return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, ((_f = (_e = cms == null ? void 0 : cms.api) == null ? void 0 : _e.tina) == null ? void 0 : _f.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React.createElement(PageWrapper, null, /* @__PURE__ */ React.createElement(React.Fragment, null, ((_j = (_i = cms == null ? void 0 : cms.api) == null ? void 0 : _i.tina) == null ? void 0 : _j.isLocalMode) ? /* @__PURE__ */ React.createElement(LocalWarning, null) : /* @__PURE__ */ React.createElement(BillingWarning, null), /* @__PURE__ */ React.createElement(
       "div",
       {
         className: `pt-10 xl:pt-3 pb-10 xl:pb-4 px-20 xl:px-12 border-b border-gray-200 bg-white w-full grow-0 shrink basis-0 flex justify-center`