tinacms 2.2.4 → 2.2.6

package/dist/index.mjs

@@ -6,21 +6,21 @@ var __publicField = (obj, key, value) => {
 };
 import { z } from "zod";
 import * as React from "react";
-import React__default, { useState, useCallback, createContext, forwardRef, useContext, useEffect, useMemo, startTransition, Fragment, useRef, createElement, Component } from "react";
+import React__default, { useState, useCallback, createContext, forwardRef, useContext, useEffect, useMemo, startTransition, useRef, createElement, Component } from "react";
 import { createPortal, findDOMNode } from "react-dom";
 import { toggleList, ELEMENT_UL, ELEMENT_OL, ELEMENT_H1 as ELEMENT_H1$1, ELEMENT_H2 as ELEMENT_H2$1, ELEMENT_H3 as ELEMENT_H3$1, ELEMENT_H4, ELEMENT_H5, ELEMENT_H6, ELEMENT_PARAGRAPH, ELEMENT_BLOCKQUOTE, ELEMENT_CODE_BLOCK, ELEMENT_CODE_LINE, ELEMENT_CODE_SYNTAX, ELEMENT_LI, ELEMENT_LINK, MARK_CODE, MARK_UNDERLINE, MARK_STRIKETHROUGH, MARK_ITALIC, MARK_BOLD, ELEMENT_HR, unwrapList, ELEMENT_TODO_LI, createTrailingBlockPlugin, createAutoformatPlugin, createExitBreakPlugin, KEYS_HEADING, createResetNodePlugin, createHeadingPlugin, createParagraphPlugin, createBlockquotePlugin, createBoldPlugin, createItalicPlugin, createUnderlinePlugin, createCodePlugin, createListPlugin, createIndentPlugin, createIndentListPlugin, createHorizontalRulePlugin, createNodeIdPlugin, getListItemEntry, useListToolbarButtonState, useListToolbarButton } from "@udecode/plate";
 import { useSelected, ReactEditor } from "slate-react";
 import { ELEMENT_SLASH_INPUT, createSlashPlugin } from "@udecode/plate-slash-command";
 import { cn as cn$1, withRef, withVariants, withProps, withCn, createPrimitiveElement } from "@udecode/cn";
 import { useComposedRef, useEditorRef, findNodePath, getPointBefore, createPointRef, insertText, moveSelection, PlateElement, toggleNodeType, PlateLeaf, isCollapsed, getPointAfter, insertNodes, ELEMENT_DEFAULT, focusEditor, setNodes, isElement, createPluginFactory, normalizeEditor, getBlockAbove, queryNode, getParentNode, isType, someNode, isSelectionAtBlockStart, setElements, insertNode, getPluginType, isBlock, isBlockAboveEmpty, findNode, PlateContent, useMarkToolbarButtonState, useMarkToolbarButton, useEditorState, useEditorSelector, getNodeEntries, collapseSelection, usePlateSelectors, useEventEditorSelectors, PortalBody, useFormInputProps, createPlugins, Plate } from "@udecode/plate-common";
-import { ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4 as ELEMENT_H4$1, ELEMENT_H5 as ELEMENT_H5$1 } from "@udecode/plate-heading";
+import { ELEMENT_H1, ELEMENT_H2, ELEMENT_H3, ELEMENT_H4 as ELEMENT_H4$1, ELEMENT_H5 as ELEMENT_H5$1, ELEMENT_H6 as ELEMENT_H6$1 } from "@udecode/plate-heading";
 import { cva } from "class-variance-authority";
 import { Plus, AlignCenter as AlignCenter$1, AlignJustify, AlignLeft as AlignLeft$1, AlignRight as AlignRight$1, ChevronDown, PaintBucket, Quote, Check, ChevronRight, ChevronsUpDown, X, FileCode, Baseline, RectangleVertical, Combine, Ungroup, MessageSquare, MessageSquarePlus, Trash, GripVertical, Edit2, Smile, ExternalLink, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Indent, Keyboard, WrapText, Minus, MoreHorizontal, Outdent, Pilcrow, RotateCcw, RectangleHorizontal, Search, Settings, Strikethrough, Subscript, Superscript, Table, Text, Underline, Link2Off, Eye, Moon, SunMedium, Twitter } from "lucide-react";
 import { useComboboxContext, Combobox, useComboboxStore, ComboboxProvider, Portal, ComboboxPopover, ComboboxItem } from "@ariakit/react";
 import { useHTMLInputCursorState, useComboboxInput, filterWords } from "@udecode/plate-combobox";
 import { useCodeSyntaxLeaf, useCodeBlockElementState, ELEMENT_CODE_BLOCK as ELEMENT_CODE_BLOCK$1 } from "@udecode/plate-code-block";
 import MonacoEditor, { loader, useMonaco } from "@monaco-editor/react";
-import { Combobox as Combobox$1, Transition, Popover as Popover$2, Disclosure, Menu } from "@headlessui/react";
+import { Combobox as Combobox$1, ComboboxInput, ComboboxButton, Transition, ComboboxOptions, ComboboxOption, Popover as Popover$2, PopoverButton, PopoverPanel, TransitionChild, Disclosure, DisclosureButton, DisclosurePanel, Menu, MenuButton, MenuItems, MenuItem } from "@headlessui/react";
 import arrayMutators from "final-form-arrays";
 import setFieldData from "final-form-set-field-data";
 import { FORM_ERROR, createForm, getIn } from "final-form";
@@ -1865,14 +1865,14 @@ const Autocomplete = ({
       className: "relative inline-block text-left z-20"
     },
     /* @__PURE__ */ React__default.createElement("div", { className: "mt-1" }, /* @__PURE__ */ React__default.createElement("div", { className: "relative w-full cursor-default overflow-hidden rounded-lg bg-white text-left shadow-md sm:text-sm" }, /* @__PURE__ */ React__default.createElement(
-      Combobox$1.Input,
+      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__default.createElement(Combobox$1.Button, { className: "absolute inset-y-0 right-0 flex items-center pr-2" }, /* @__PURE__ */ React__default.createElement(
+    ), /* @__PURE__ */ React__default.createElement(ComboboxButton, { className: "absolute inset-y-0 right-0 flex items-center pr-2" }, /* @__PURE__ */ React__default.createElement(
       ChevronDownIcon$1,
       {
         className: "h-5 w-5 text-gray-400",
@@ -1882,7 +1882,6 @@ const Autocomplete = ({
     /* @__PURE__ */ React__default.createElement(
       Transition,
       {
-        as: Fragment,
         enter: "transition ease-out duration-100",
         enterFrom: "transform opacity-0 scale-95",
         enterTo: "transform opacity-100 scale-100",
@@ -1890,11 +1889,11 @@ const Autocomplete = ({
         leaveFrom: "transform opacity-100 scale-100",
         leaveTo: "transform opacity-0 scale-95"
       },
-      /* @__PURE__ */ React__default.createElement(Combobox$1.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__default.createElement(Combobox$1.Option, { key: item.key, value: item }, ({ active }) => /* @__PURE__ */ React__default.createElement(
+      /* @__PURE__ */ React__default.createElement(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__default.createElement(ComboboxOption, { key: item.key, value: item }, ({ focus }) => /* @__PURE__ */ React__default.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"
           )
         },
@@ -3371,6 +3370,9 @@ function BiCopyAlt(props) {
 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);
 }
@@ -5130,7 +5132,7 @@ const BlockSelector = ({
       return template.label ? template.label.toLowerCase().includes(filter.toLowerCase()) || name.toLowerCase().includes(filter.toLowerCase()) : name.toLowerCase().includes(filter.toLowerCase());
     });
   }, [filter]);
-  return /* @__PURE__ */ React.createElement(Popover$2, null, ({ open: open2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Popover$2.Button, { as: "span" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Popover$2, null, ({ open: open2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(PopoverButton, { as: "span" }, /* @__PURE__ */ React.createElement(
     IconButton,
     {
       variant: open2 ? "secondary" : "primary",
@@ -5148,7 +5150,7 @@ const BlockSelector = ({
       leaveFrom: "transform opacity-100 translate-y-0",
       leaveTo: "transform opacity-0 -translate-y-2"
     },
-    /* @__PURE__ */ React.createElement(Popover$2.Panel, { className: "relative overflow-hidden rounded-lg shadow-lg bg-white border border-gray-100" }, ({ close: close2 }) => /* @__PURE__ */ React.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto flex flex-col w-full h-full" }, showFilter && /* @__PURE__ */ React.createElement("div", { className: "sticky top-0 bg-gray-50 p-2 border-b border-gray-100 z-10" }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(PopoverPanel, { className: "relative overflow-hidden rounded-lg shadow-lg bg-white border border-gray-100" }, ({ close: close2 }) => /* @__PURE__ */ React.createElement("div", { className: "min-w-[192px] max-h-[24rem] overflow-y-auto flex flex-col w-full h-full" }, showFilter && /* @__PURE__ */ React.createElement("div", { className: "sticky top-0 bg-gray-50 p-2 border-b border-gray-100 z-10" }, /* @__PURE__ */ React.createElement(
       "input",
       {
         type: "text",
@@ -5321,14 +5323,13 @@ const BlockSelectorBig = ({
     {
       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.createElement(AddIcon, { className: "w-5/6 h-auto" })
   ), /* @__PURE__ */ React.createElement(FormPortal, null, ({ zIndexShift }) => /* @__PURE__ */ React.createElement(Transition, { show: pickerIsOpen }, /* @__PURE__ */ React.createElement(
-    Transition.Child,
+    TransitionChild,
     {
-      as: React.Fragment,
       enter: "transform transition-all ease-out duration-200",
       enterFrom: "opacity-0 -translate-x-1/2",
       enterTo: "opacity-100 translate-x-0",
@@ -5421,7 +5422,7 @@ const BlockGroup = ({ category, templates, close: close2, isLast = false }) => {
       className: `left-0 right-0 relative`
     },
     ({ open: open2 }) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      Disclosure.Button,
+      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`}`
       },
@@ -5448,7 +5449,15 @@ const BlockGroup = ({ category, templates, close: close2, isLast = false }) => {
         leaveFrom: "transform scale-100 opacity-100",
         leaveTo: "transform scale-95 opacity-0"
       },
-      /* @__PURE__ */ React.createElement(Disclosure.Panel, null, templates.length > 0 && /* @__PURE__ */ React.createElement(CardColumns, null, templates.map(([name, template]) => /* @__PURE__ */ React.createElement(BlockCard, { close: close2, name, template }))))
+      /* @__PURE__ */ React.createElement(DisclosurePanel, null, templates.length > 0 && /* @__PURE__ */ React.createElement(CardColumns, null, templates.map(([name, template], index) => /* @__PURE__ */ React.createElement(
+        BlockCard,
+        {
+          key: index,
+          close: close2,
+          name,
+          template
+        }
+      ))))
     ))
   );
 };
@@ -9258,11 +9267,12 @@ const FormListItem = ({
 };
 const FormLists = (props) => {
   const cms = useCMS();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(
     Transition,
     {
       appear: true,
       show: true,
+      as: "div",
       enter: "transition-all ease-out duration-150",
       enterFrom: "opacity-0 -translate-x-1/2",
       enterTo: "opacity-100",
@@ -9280,7 +9290,7 @@ const FormLists = (props) => {
         formList
       }
     )))
-  ));
+  );
 };
 const FormList = (props) => {
   const cms = useCMS();
@@ -9312,7 +9322,7 @@ const FormList = (props) => {
     }
     return [...topItems, ...orderedListItems, ...extra];
   }, [JSON.stringify(props.formList.items)]);
-  return /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", { className: `divide-y divide-gray-200` }, listItems.map((item, index) => {
+  return /* @__PURE__ */ React.createElement("ul", null, /* @__PURE__ */ React.createElement("li", { className: "divide-y divide-gray-200" }, listItems.map((item, index) => {
     if (item.type === "list") {
       return /* @__PURE__ */ React.createElement(
         "div",
@@ -9403,19 +9413,46 @@ const MultiformFormHeader = ({
           }
         }
       },
+      /* @__PURE__ */ React.createElement(BiDotsVertical, { className: "h-auto w-5 inline-block opacity-70" })
+    ), /* @__PURE__ */ React.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.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
     ), /* @__PURE__ */ React.createElement("span", { className: "opacity-30 text-sm leading-tight whitespace-nowrap flex-0" }, "/"), /* @__PURE__ */ React.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, activeForm.tinaForm.label || activeForm.tinaForm.id), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }))
   );
 };
 const FormHeader = ({ activeForm }) => {
   const { formIsPristine } = React.useContext(SidebarContext);
+  const cms = useCMS$1();
   const shortFormLabel = activeForm.tinaForm.label ? activeForm.tinaForm.label.replace(/^.*[\\\/]/, "") : false;
   return /* @__PURE__ */ React.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.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, shortFormLabel && /* @__PURE__ */ React.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }))
+    /* @__PURE__ */ React.createElement("div", { className: "max-w-form mx-auto flex gap-2 justify-between items-center" }, /* @__PURE__ */ React.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.createElement(BiHomeAlt, { className: "h-auto w-5 inline-block opacity-70" })
+    ), shortFormLabel && /* @__PURE__ */ React.createElement("span", { className: "block w-full text-sm leading-tight whitespace-nowrap truncate" }, shortFormLabel), /* @__PURE__ */ React.createElement(FormStatus, { pristine: formIsPristine }))
   );
 };
 function ImFilesEmpty(props) {
@@ -9660,6 +9697,7 @@ const SyncStatus = ({ cms, setEventsOpen }) => {
     "Event Log"
   ));
 };
+const version = "2.2.6";
 const Nav = ({
   isLocalMode,
   className = "",
@@ -9710,13 +9748,13 @@ const Nav = ({
     "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.createElement("div", { className: "border-b border-gray-200" }, /* @__PURE__ */ React.createElement(Menu, { as: "div", className: "relative block" }, ({ open: open2 }) => /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-      Menu.Button,
+      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.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.createElement(
         "svg",
@@ -9733,7 +9771,7 @@ const Nav = ({
       /* @__PURE__ */ React.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.createElement("div", { className: "transform translate-y-full absolute bottom-3 right-5 z-50" }, /* @__PURE__ */ React.createElement(
@@ -9746,7 +9784,7 @@ const Nav = ({
         leaveFrom: "transform opacity-100 translate-y-0",
         leaveTo: "transform opacity-0 -translate-y-2"
       },
-      /* @__PURE__ */ React.createElement(Menu.Items, { className: "bg-white border border-gray-150 rounded-lg shadow-lg flex flex-col items-stretch overflow-hidden" }, /* @__PURE__ */ React.createElement(Menu.Item, null, /* @__PURE__ */ React.createElement(
+      /* @__PURE__ */ React.createElement(MenuItems, { className: "bg-white border border-gray-150 rounded-lg shadow-lg flex flex-col items-stretch overflow-hidden" }, /* @__PURE__ */ React.createElement(MenuItem, null, /* @__PURE__ */ React.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`,
@@ -9779,7 +9817,7 @@ const Nav = ({
         },
         /* @__PURE__ */ React.createElement(BiExit, { className: "w-6 h-auto mr-2 text-blue-400" }),
         " Log Out"
-      )), /* @__PURE__ */ React.createElement(Menu.Item, null, /* @__PURE__ */ React.createElement(
+      )), /* @__PURE__ */ React.createElement(MenuItem, null, /* @__PURE__ */ React.createElement(
         WrappedSyncStatus,
         {
           cms,
@@ -9789,7 +9827,7 @@ const Nav = ({
     ))))),
     eventsOpen && /* @__PURE__ */ React.createElement(SyncStatusModal, { cms, closeEventsModal }),
     children,
-    /* @__PURE__ */ React.createElement("div", { className: "px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.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.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col px-6 flex-1 overflow-auto" }, showCollections && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.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.createElement("span", null, "Collections"), isLocalMode && /* @__PURE__ */ React.createElement("span", { className: "flex items-center" }, /* @__PURE__ */ React.createElement(
       "a",
       {
         href: "https://tina.io/docs/schema/#defining-collections",
@@ -9820,7 +9858,7 @@ const Nav = ({
       }
     }), !!(cloudConfigs == null ? void 0 : cloudConfigs.length) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("h4", { className: "uppercase font-sans font-bold text-sm mb-3 mt-8 text-gray-700" }, "Cloud"), /* @__PURE__ */ React.createElement("ul", { className: "flex flex-col gap-4" }, cloudConfigs.map((config) => {
       return /* @__PURE__ */ React.createElement("li", { key: `nav-site-${config.name}` }, /* @__PURE__ */ React.createElement(RenderNavCloud, { config }));
-    }))))
+    }))), /* @__PURE__ */ React.createElement("div", { className: "grow" }), /* @__PURE__ */ React.createElement("span", { className: "font-sans font-light text-xs mb-3 mt-8 text-gray-500" }, "v", version))
   );
 };
 const CollectionsList = ({
@@ -10125,10 +10163,9 @@ const Sidebar$1 = ({
         screen: activeScreen,
         close: () => setActiveView(null)
       }
-    )), /* @__PURE__ */ React.createElement(ResizeHandle, null)), renderMobileNav && /* @__PURE__ */ React.createElement(Transition, { show: menuIsOpen }, /* @__PURE__ */ React.createElement(
-      Transition.Child,
+    )), /* @__PURE__ */ React.createElement(ResizeHandle, null)), renderMobileNav && /* @__PURE__ */ React.createElement(Transition, { show: menuIsOpen, as: "div" }, /* @__PURE__ */ React.createElement(
+      TransitionChild,
       {
-        as: React.Fragment,
         enter: "transform transition-all ease-out duration-300",
         enterFrom: "opacity-0 -translate-x-full",
         enterTo: "opacity-100 translate-x-0",
@@ -10186,15 +10223,14 @@ const Sidebar$1 = ({
             onClick: () => {
               setMenuIsOpen(false);
             },
-            className: `transition-opacity duration-150 ease-out`
+            className: "transition-opacity duration-150 ease-out"
           },
           /* @__PURE__ */ React.createElement(IoMdClose, { className: "h-5 w-auto text-blue-500" })
         ))
       ))
     ), /* @__PURE__ */ React.createElement(
-      Transition.Child,
+      TransitionChild,
       {
-        as: React.Fragment,
         enter: "ease-out duration-300",
         enterFrom: "opacity-0",
         enterTo: "opacity-80",
@@ -10230,7 +10266,7 @@ const updateBodyDisplacement = ({
         sidebarWidth,
         windowWidth - minPreviewWidth
       );
-      body.style.paddingLeft = bodyDisplacement + "px";
+      body.style.paddingLeft = `${bodyDisplacement}px`;
     } else {
       body.style.paddingLeft = "0";
     }
@@ -10276,7 +10312,7 @@ const SidebarHeader = ({
   )), /* @__PURE__ */ React.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.createElement(
       Button$1,
@@ -10375,14 +10411,14 @@ const SidebarWrapper = ({ children }) => {
   return /* @__PURE__ */ React.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.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"
         }
@@ -10395,7 +10431,7 @@ const SidebarBody = ({ children }) => {
   return /* @__PURE__ */ React.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
   );
@@ -12729,7 +12765,7 @@ const EmbedNestedForm = ({
 };
 const DotMenu = ({ onOpen, onRemove }) => {
   return /* @__PURE__ */ React__default.createElement(Popover$2, { as: "span", className: "-ml-px relative block" }, /* @__PURE__ */ React__default.createElement(
-    Popover$2.Button,
+    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"
@@ -12738,7 +12774,6 @@ const DotMenu = ({ onOpen, onRemove }) => {
   ), /* @__PURE__ */ React__default.createElement(
     Transition,
     {
-      as: React__default.Fragment,
       enter: "transition ease-out duration-100",
       enterFrom: "transform opacity-0 scale-95",
       enterTo: "transform opacity-100 scale-100",
@@ -12746,7 +12781,7 @@ const DotMenu = ({ onOpen, onRemove }) => {
       leaveFrom: "transform opacity-100 scale-100",
       leaveTo: "transform opacity-0 scale-95"
     },
-    /* @__PURE__ */ React__default.createElement(Popover$2.Panel, { className: "z-30 absolute origin-top-right right-0" }, /* @__PURE__ */ React__default.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__default.createElement("div", { className: "py-1" }, /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(PopoverPanel, { className: "z-30 absolute origin-top-right right-0" }, /* @__PURE__ */ React__default.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__default.createElement("div", { className: "py-1" }, /* @__PURE__ */ React__default.createElement(
       "span",
       {
         onClick: onOpen,
@@ -13683,6 +13718,12 @@ const items$1 = [
     icon: Icons.h5,
     label: "Heading 5",
     value: ELEMENT_H5$1
+  },
+  {
+    description: "Heading 6",
+    icon: Icons.h6,
+    label: "Heading 6",
+    value: ELEMENT_H6$1
   }
 ];
 const defaultItem$1 = items$1.find((item) => item.value === ELEMENT_PARAGRAPH$1) || items$1[0];
@@ -13881,12 +13922,29 @@ function TemplatesToolbarButton() {
 }
 const EmbedButton = ({ editor, templates }) => {
   const [open2, setOpen] = useState(false);
+  const [filteredTemplates, setFilteredTemplates] = useState(templates);
+  const filterChange = (e) => {
+    const filterText = e.target.value.toLowerCase();
+    setFilteredTemplates(
+      templates.filter(
+        (template) => template.name.toLowerCase().includes(filterText)
+      )
+    );
+  };
   return /* @__PURE__ */ React__default.createElement(DropdownMenu, { open: open2, onOpenChange: setOpen }, /* @__PURE__ */ React__default.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__default.createElement("span", { className: "flex" }, "Embed"), /* @__PURE__ */ React__default.createElement(
     PlusIcon,
     {
       className: `origin-center transition-all ease-out duration-150 ${open2 ? "rotate-45" : ""}`
     }
-  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, null, /* @__PURE__ */ React__default.createElement(DropdownMenuLabel, null, "Templates"), /* @__PURE__ */ React__default.createElement(DropdownMenuSeparator, null), templates.map((template) => /* @__PURE__ */ React__default.createElement(
+  )), /* @__PURE__ */ React__default.createElement(DropdownMenuContent, { className: "max-h-48 overflow-y-auto" }, templates.length > 10 && /* @__PURE__ */ React__default.createElement(
+    "input",
+    {
+      type: "text",
+      placeholder: "Filter templates...",
+      className: "w-full p-2 border border-gray-300 rounded-md",
+      onChange: filterChange
+    }
+  ), /* @__PURE__ */ React__default.createElement(DropdownMenuSeparator, null), filteredTemplates.map((template) => /* @__PURE__ */ React__default.createElement(
     DropdownMenuItem,
     {
       key: template.name,
@@ -14084,6 +14142,12 @@ const items = [
     icon: Icons.h5,
     label: "Heading 5",
     value: ELEMENT_H5$1
+  },
+  {
+    description: "Heading 6",
+    icon: Icons.h6,
+    label: "Heading 6",
+    value: ELEMENT_H6$1
   }
 ];
 const defaultItem = items.find((item) => item.value === ELEMENT_PARAGRAPH$1);
@@ -16838,120 +16902,176 @@ const ces = [
   "ž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",
@@ -19335,7 +19455,7 @@ const hun = [
   "alóluk",
   "alólunk",
   "amely",
-  "amelybol",
+  "amelyből",
   "amelyek",
   "amelyekben",
   "amelyeket",
@@ -26378,125 +26498,424 @@ const swa = [
   "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 = [
   "กล่าว",
@@ -27817,15 +28236,11 @@ const zul = [
   "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,
@@ -30151,9 +30566,8 @@ const Sidebar = ({ cms }) => {
       )
     }
   ), !renderDesktopNav && /* @__PURE__ */ React__default.createElement(Transition, { show: menuIsOpen }, /* @__PURE__ */ React__default.createElement(
-    Transition.Child,
+    TransitionChild,
     {
-      as: React__default.Fragment,
       enter: "transform transition-all ease-out duration-300",
       enterFrom: "opacity-0 -translate-x-full",
       enterTo: "opacity-100 translate-x-0",
@@ -30221,9 +30635,8 @@ const Sidebar = ({ cms }) => {
       ))
     ))
   ), /* @__PURE__ */ React__default.createElement(
-    Transition.Child,
+    TransitionChild,
     {
-      as: React__default.Fragment,
       enter: "ease-out duration-300",
       enterFrom: "opacity-0",
       enterTo: "opacity-80",
@@ -30249,7 +30662,7 @@ const Sidebar = ({ cms }) => {
       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__default.createElement(BiMenu, { className: "h-7 w-auto" })
   ));
@@ -30676,10 +31089,9 @@ const TemplateMenu = ({
   folder,
   collectionName
 }) => {
-  return /* @__PURE__ */ React__default.createElement(Menu, { as: "div", className: "relative inline-block text-left" }, () => /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(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__default.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" }))), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(Menu, { as: "div", className: "relative inline-block text-left" }, () => /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement("div", null, /* @__PURE__ */ React__default.createElement(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__default.createElement(BiPlus, { className: "w-5 h-full ml-1 opacity-70" }))), /* @__PURE__ */ React__default.createElement(
     Transition,
     {
-      as: Fragment,
       enter: "transition ease-out duration-100",
       enterFrom: "transform opacity-0 scale-95",
       enterTo: "transform opacity-100 scale-100",
@@ -30687,7 +31099,7 @@ const TemplateMenu = ({
       leaveFrom: "transform opacity-100 scale-100",
       leaveTo: "transform opacity-0 scale-95"
     },
-    /* @__PURE__ */ React__default.createElement(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__default.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React__default.createElement(Menu.Item, { key: `${template.label}-${template.name}` }, ({ active }) => /* @__PURE__ */ React__default.createElement(
+    /* @__PURE__ */ React__default.createElement(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__default.createElement("div", { className: "py-1" }, templates.map((template) => /* @__PURE__ */ React__default.createElement(MenuItem, { key: `${template.label}-${template.name}` }, ({ focus }) => /* @__PURE__ */ React__default.createElement(
       Link,
       {
         to: `/${folder.fullyQualifiedName ? [
@@ -30703,7 +31115,7 @@ const TemplateMenu = ({
           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
     )))))
@@ -30876,7 +31288,7 @@ const CollectionListPage = () => {
           CreateBranchModel,
           {
             crudType: "delete",
-            relativePath: collectionExtra.path + "/" + vars.relativePath,
+            relativePath: `${collectionExtra.path}/${vars.relativePath}`,
             values: vars,
             close: () => setDeleteModalOpen(false),
             safeSubmit: async () => {
@@ -30983,7 +31395,7 @@ const CollectionListPage = () => {
                   name: ""
                 })
               },
-              ...fields.map((x) => [
+              ...fields.flatMap((x) => [
                 {
                   label: (x.label || x.name) + (x.type === "datetime" ? " (Oldest First)" : " (Ascending)"),
                   value: JSON.stringify({
@@ -30998,7 +31410,7 @@ const CollectionListPage = () => {
                     order: "desc"
                   })
                 }
-              ]).flat()
+              ])
             ],
             input: {
               id: "sort",
@@ -31594,7 +32006,7 @@ const RenderForm$1 = ({
   mutationInfo,
   customDefaults
 }) => {
-  var _a, _b, _c, _d, _e, _f;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const navigate = useNavigate();
   const [formIsPristine, setFormIsPristine] = useState(true);
   const schema = cms.api.tina.schema;
@@ -31624,8 +32036,53 @@ const RenderForm$1 = ({
   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__default.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__default.createElement(
+      "span",
+      {
+        dangerouslySetInnerHTML: { __html: collection.ui.filename.description }
+      }
+    ) : /* @__PURE__ */ React__default.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React__default.createElement("br", null), "Examples: ", /* @__PURE__ */ React__default.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React__default.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React__default.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 = `${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 = useMemo(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2;
     const folderName = folder.fullyQualifiedName ? folder.name : "";
     return new Form({
       crudType: "create",
@@ -31649,50 +32106,10 @@ const RenderForm$1 = ({
       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__default.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__default.createElement("span", null, "A unique filename for the content.", /* @__PURE__ */ React__default.createElement("br", null), "Examples: ", /* @__PURE__ */ React__default.createElement("code", null, "My_Document"), ", ", /* @__PURE__ */ React__default.createElement("code", null, "My_Document.en"), ",", " ", /* @__PURE__ */ React__default.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 = `${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 : "";
@@ -31747,7 +32164,7 @@ const RenderForm$1 = ({
   const activeForm = cms.state.forms.find(
     ({ tinaForm }) => tinaForm.id === form.id
   );
-  return /* @__PURE__ */ React__default.createElement(PageWrapper, null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, ((_f = (_e = cms == null ? void 0 : cms.api) == null ? void 0 : _e.tina) == null ? void 0 : _f.isLocalMode) ? /* @__PURE__ */ React__default.createElement(LocalWarning, null) : /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(PageWrapper, null, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, ((_j = (_i = cms == null ? void 0 : cms.api) == null ? void 0 : _i.tina) == null ? void 0 : _j.isLocalMode) ? /* @__PURE__ */ React__default.createElement(LocalWarning, null) : /* @__PURE__ */ React__default.createElement(BillingWarning, null), /* @__PURE__ */ React__default.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`