tinacms 2.9.4 → 2.9.5

package/dist/index.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate-heading"), require("is-hotkey"), require("clsx"), require("@radix-ui/react-slot"), require("@udecode/plate-code-block"), require("lucide-react"), require("mermaid"), require("class-variance-authority"), require("cmdk"), require("@radix-ui/react-dialog"), require("@radix-ui/react-popover"), require("@udecode/plate"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-reset-node"), require("@udecode/plate-list"), require("@udecode/plate-resizable"), require("@udecode/plate-dnd"), require("@udecode/plate-table"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-separator"), require("@radix-ui/react-tooltip"), require("final-form"), require("final-form-arrays"), require("final-form-set-field-data"), require("react-final-form"), require("prop-types"), require("tailwind-merge"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("graphql"), require("@graphql-inspector/core"), require("react-dropzone"), require("@udecode/cmdk"), require("@headlessui/react"), require("@udecode/plate-trailing-block"), require("@udecode/plate-floating"), require("@udecode/plate-block-quote"), require("@udecode/plate-node-id"), require("@udecode/plate-link"), require("@udecode/plate-autoformat"), require("lodash.get"), require("moment"), require("date-fns"), require("dompurify"), require("sonner"), require("@tinacms/schema-tools"), require("graphql-tag"), require("yup"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate-heading", "is-hotkey", "clsx", "@radix-ui/react-slot", "@udecode/plate-code-block", "lucide-react", "mermaid", "class-variance-authority", "cmdk", "@radix-ui/react-dialog", "@radix-ui/react-popover", "@udecode/plate", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-reset-node", "@udecode/plate-list", "@udecode/plate-resizable", "@udecode/plate-dnd", "@udecode/plate-table", "@radix-ui/react-dropdown-menu", "@radix-ui/react-toolbar", "@radix-ui/react-separator", "@radix-ui/react-tooltip", "final-form", "final-form-arrays", "final-form-set-field-data", "react-final-form", "prop-types", "tailwind-merge", "react-beautiful-dnd", "react-color", "color-string", "graphql", "@graphql-inspector/core", "react-dropzone", "@udecode/cmdk", "@headlessui/react", "@udecode/plate-trailing-block", "@udecode/plate-floating", "@udecode/plate-block-quote", "@udecode/plate-node-id", "@udecode/plate-link", "@udecode/plate-autoformat", "lodash.get", "moment", "date-fns", "dompurify", "sonner", "@tinacms/schema-tools", "graphql-tag", "yup", "react-router-dom", "@tinacms/mdx"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.tinacms = {}, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP));
-})(this, function(exports2, zod, React, ReactDOM, cn$2, plateHeading, isHotkey, clsx, reactSlot, plateCodeBlock, lucideReact, mermaid, classVarianceAuthority, cmdk, DialogPrimitive, PopoverPrimitive, plate, react, plateCombobox, plateResetNode, plateList, plateResizable, plateDnd, plateTable, DropdownMenuPrimitive, ToolbarPrimitive, SeparatorPrimitive, TooltipPrimitive, finalForm, arrayMutators, setFieldData, reactFinalForm, PropTypes, tailwindMerge, reactBeautifulDnd, pkg$1, pkg, graphql$1, core$1, dropzone, cmdk$1, react$1, plateTrailingBlock, plateFloating, plateBlockQuote, plateNodeId, plateLink, plateAutoformat, get$5, moment, dateFns, DOMPurify, sonner, schemaTools, gql, yup, reactRouterDom, mdx) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("zod"), require("react"), require("react-dom"), require("@udecode/cn"), require("@udecode/plate-heading"), require("is-hotkey"), require("clsx"), require("@radix-ui/react-slot"), require("@udecode/plate-code-block"), require("lucide-react"), require("mermaid"), require("class-variance-authority"), require("cmdk"), require("@radix-ui/react-dialog"), require("@radix-ui/react-popover"), require("@udecode/plate"), require("@ariakit/react"), require("@udecode/plate-combobox"), require("@udecode/plate-reset-node"), require("@udecode/plate-list"), require("@udecode/plate-resizable"), require("@udecode/plate-dnd"), require("@udecode/plate-table"), require("@radix-ui/react-dropdown-menu"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-separator"), require("@radix-ui/react-tooltip"), require("final-form"), require("final-form-arrays"), require("final-form-set-field-data"), require("react-final-form"), require("prop-types"), require("tailwind-merge"), require("react-beautiful-dnd"), require("react-color"), require("color-string"), require("graphql"), require("@graphql-inspector/core"), require("react-dropzone"), require("@udecode/cmdk"), require("@headlessui/react"), require("@udecode/plate-trailing-block"), require("@udecode/plate-floating"), require("@udecode/plate-block-quote"), require("@udecode/plate-node-id"), require("@udecode/plate-link"), require("@udecode/plate-autoformat"), require("lodash.get"), require("moment"), require("date-fns"), require("@tinacms/schema-tools"), require("graphql-tag"), require("yup"), require("react-router-dom"), require("@tinacms/mdx")) : typeof define === "function" && define.amd ? define(["exports", "zod", "react", "react-dom", "@udecode/cn", "@udecode/plate-heading", "is-hotkey", "clsx", "@radix-ui/react-slot", "@udecode/plate-code-block", "lucide-react", "mermaid", "class-variance-authority", "cmdk", "@radix-ui/react-dialog", "@radix-ui/react-popover", "@udecode/plate", "@ariakit/react", "@udecode/plate-combobox", "@udecode/plate-reset-node", "@udecode/plate-list", "@udecode/plate-resizable", "@udecode/plate-dnd", "@udecode/plate-table", "@radix-ui/react-dropdown-menu", "@radix-ui/react-toolbar", "@radix-ui/react-separator", "@radix-ui/react-tooltip", "final-form", "final-form-arrays", "final-form-set-field-data", "react-final-form", "prop-types", "tailwind-merge", "react-beautiful-dnd", "react-color", "color-string", "graphql", "@graphql-inspector/core", "react-dropzone", "@udecode/cmdk", "@headlessui/react", "@udecode/plate-trailing-block", "@udecode/plate-floating", "@udecode/plate-block-quote", "@udecode/plate-node-id", "@udecode/plate-link", "@udecode/plate-autoformat", "lodash.get", "moment", "date-fns", "@tinacms/schema-tools", "graphql-tag", "yup", "react-router-dom", "@tinacms/mdx"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.tinacms = {}, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP, global2.NOOP));
+})(this, function(exports2, zod, React, ReactDOM, cn$2, plateHeading, isHotkey, clsx, reactSlot, plateCodeBlock, lucideReact, mermaid, classVarianceAuthority, cmdk, DialogPrimitive, PopoverPrimitive, plate, react, plateCombobox, plateResetNode, plateList, plateResizable, plateDnd, plateTable, DropdownMenuPrimitive, ToolbarPrimitive, SeparatorPrimitive, TooltipPrimitive, finalForm, arrayMutators, setFieldData, reactFinalForm, PropTypes, tailwindMerge, reactBeautifulDnd, pkg$1, pkg, graphql$1, core$1, dropzone, cmdk$1, react$1, plateTrailingBlock, plateFloating, plateBlockQuote, plateNodeId, plateLink, plateAutoformat, get$5, moment, dateFns, schemaTools, gql, yup, reactRouterDom, mdx) {
   var _a;
   "use strict";
   function _interopNamespaceDefault(e3) {
@@ -43568,93 +43568,6 @@ Please wrap them with useCallback or configure the deps array correctly.`
       };
     }
   }
-  const isSafeHref = (href) => {
-    return /^https?:\/\//.test(href) && !/^javascript:/i.test(href) && !/^data:/i.test(href) && !/^vbscript:/i.test(href);
-  };
-  const parseUrlsInText$1 = (text) => {
-    const urlRegex = /(https?:\/\/[^\s]+|www\.[^\s]+)/g;
-    const parts = text.split(urlRegex);
-    return parts.map((part, index) => {
-      if (part.match(urlRegex)) {
-        let href = part.startsWith("http") ? part : `https://${part}`;
-        href = DOMPurify.sanitize(href, {
-          ALLOWED_URI_REGEXP: /^https?:\/\/.*/i
-        });
-        if (isSafeHref(href)) {
-          const safeText2 = DOMPurify.sanitize(part, {
-            ALLOWED_TAGS: [],
-            ALLOWED_ATTR: []
-          });
-          return /* @__PURE__ */ React.createElement(
-            "a",
-            {
-              key: index,
-              href,
-              target: "_blank",
-              rel: "noopener noreferrer",
-              className: "underline hover:opacity-80",
-              onClick: (e3) => e3.stopPropagation()
-            },
-            safeText2
-          );
-        } else {
-          const safeText2 = DOMPurify.sanitize(part, {
-            ALLOWED_TAGS: [],
-            ALLOWED_ATTR: []
-          });
-          return /* @__PURE__ */ React.createElement("span", { key: index }, safeText2);
-        }
-      }
-      const safeText = DOMPurify.sanitize(part, {
-        ALLOWED_TAGS: [],
-        ALLOWED_ATTR: []
-      });
-      return safeText;
-    });
-  };
-  const toast = {
-    success: (message, options) => {
-      const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-      return sonner.toast.success(content, options);
-    },
-    error: (message, options) => {
-      const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-      return sonner.toast.error(content, options);
-    },
-    warning: (message, options) => {
-      const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-      return sonner.toast.warning(content, options);
-    },
-    info: (message, options) => {
-      const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-      return sonner.toast.info(content, options);
-    },
-    dismiss: sonner.toast.dismiss
-  };
-  const Toaster = ({ ...props }) => {
-    return /* @__PURE__ */ React.createElement(
-      sonner.Toaster,
-      {
-        className: "toaster group",
-        position: "top-left",
-        closeButton: true,
-        toastOptions: {
-          classNames: {
-            toast: "group toast group-[.toaster]:bg-white group-[.toaster]:shadow-lg",
-            description: "group-[.toast]:text-gray-700",
-            actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-            cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-            closeButton: "group-[.toast]:bg-white group-[.toast]:text-current group-[.toast]:border-0",
-            success: "group-[.toaster]:border-green-500 [&_[data-icon]]:text-green-500 [&_[data-content]]:text-gray-700",
-            error: "group-[.toaster]:border-red-500 [&_[data-icon]]:text-red-500 [&_[data-content]]:text-gray-700",
-            warning: "group-[.toaster]:border-yellow-500 [&_[data-icon]]:text-yellow-500 [&_[data-content]]:text-gray-700",
-            info: "group-[.toaster]:border-blue-500 [&_[data-icon]]:text-blue-500 [&_[data-content]]:text-gray-700"
-          }
-        },
-        ...props
-      }
-    );
-  };
   let Alerts$1 = class Alerts {
     constructor(events2, map2 = {}) {
       this.events = events2;
@@ -43682,43 +43595,20 @@ Please wrap them with useCallback or configure the deps array correctly.`
       };
     }
     add(level, message, timeout = 8e3) {
-      let id2;
-      const toastMessage = typeof message === "string" ? message : React.createElement(message);
-      switch (level) {
-        case "success":
-          id2 = toast.success(toastMessage, {
-            duration: timeout
-          });
-          break;
-        case "error":
-          id2 = `${message}|${Date.now()}`;
-          break;
-        case "warn":
-          id2 = toast.warning(toastMessage, {
-            duration: timeout
-          });
-          break;
-        case "info":
-        default:
-          id2 = toast.info(toastMessage, {
-            duration: timeout
-          });
-          break;
-      }
       const alert = {
         level,
         message,
         timeout,
-        id: String(id2)
+        id: `${message}|${Date.now()}`
       };
       this.alerts.set(alert.id, alert);
       this.events.dispatch({ type: "alerts:add", alert });
+      let timeoutId = null;
       const dismiss = () => {
-        if (level !== "error") {
-          toast.dismiss(id2);
-        }
+        clearTimeout(timeoutId);
         this.dismiss(alert);
       };
+      timeoutId = level !== "error" ? setTimeout(dismiss, alert.timeout) : null;
       return dismiss;
     }
     dismiss(alert) {
@@ -46435,7 +46325,7 @@ Please wrap them with useCallback or configure the deps array correctly.`
     requiredArgs(1, arguments);
     return formatDistance(dirtyDate, Date.now(), options);
   }
-  const version$1 = "2.9.4";
+  const version$1 = "2.9.5";
   const VersionInfo = () => {
     var _a2, _b, _c, _d, _e, _f;
     const cms = useCMS();
@@ -48072,10 +47962,21 @@ Please wrap them with useCallback or configure the deps array correctly.`
   };
   function Alerts({ alerts }) {
     useSubscribable(alerts);
-    if (alerts.all.length === 0) {
+    if (!alerts.all.length) {
       return null;
     }
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Toaster, null), alerts.all.filter((alert) => {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "fixed top-0 left-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
+      return alert.level !== "error";
+    }).map((alert) => {
+      return /* @__PURE__ */ React.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React.createElement(MdInfo, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React.createElement(
+        CloseAlert,
+        {
+          onClick: () => {
+            alerts.dismiss(alert);
+          }
+        }
+      ));
+    })), alerts.all.filter((alert) => {
       return alert.level === "error";
     }).map((alert) => {
       const AlertMessage = typeof alert.message === "string" ? () => {
@@ -48103,6 +48004,51 @@ Please wrap them with useCallback or configure the deps array correctly.`
       ))));
     }));
   }
+  const Alert = ({
+    level,
+    ...props
+  }) => {
+    const colorClasses = {
+      info: "bg-white border-blue-500 text-blue-600 fill-blue-500",
+      success: "bg-white border-green-500 text-green-600 fill-green-500",
+      warn: "bg-white border-yellow-500 text-yellow-600 fill-yellow-500",
+      error: "bg-white border-red-500 text-red-600 fill-red-500"
+    };
+    const borderClasses = {
+      info: "border-blue-200",
+      success: "border-green-200",
+      warn: "border-yellow-200",
+      error: "border-red-200"
+    };
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: `rounded shadow-lg font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
+        style: {
+          animationName: "fly-in-up, fade-in",
+          animationTimingFunction: "ease-out",
+          animationIterationCount: 1,
+          animationFillMode: "both",
+          animationDuration: "150ms"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: `flex items-center gap-1.5 w-[350px] rounded-md border p-2 ${borderClasses[level]}`,
+          ...props
+        }
+      )
+    );
+  };
+  const CloseAlert = ({ ...styleProps }) => /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      className: "border-none bg-transparent p-0 outline-none flex items-center",
+      ...styleProps
+    },
+    /* @__PURE__ */ React.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0 text-gray-700" })
+  );
   function CursorPaginator({
     navigateNext,
     navigatePrev,

package/dist/index.mjs

@@ -57,8 +57,6 @@ import { autoformatSmartQuotes, autoformatPunctuation, autoformatLegal, autoform
 import get$5 from "lodash.get";
 import moment from "moment";
 import { formatDistanceToNow as formatDistanceToNow$1 } from "date-fns";
-import DOMPurify from "dompurify";
-import { toast as toast$1, Toaster as Toaster$1 } from "sonner";
 import { TinaSchema, addNamespaceToSchema, parseURL, resolveForm, normalizePath, canonicalPath, validateSchema } from "@tinacms/schema-tools";
 import { NAMER, resolveField } from "@tinacms/schema-tools";
 import gql from "graphql-tag";
@@ -43597,93 +43595,6 @@ class GlobalFormPlugin {
     };
   }
 }
-const isSafeHref = (href) => {
-  return /^https?:\/\//.test(href) && !/^javascript:/i.test(href) && !/^data:/i.test(href) && !/^vbscript:/i.test(href);
-};
-const parseUrlsInText$1 = (text) => {
-  const urlRegex = /(https?:\/\/[^\s]+|www\.[^\s]+)/g;
-  const parts = text.split(urlRegex);
-  return parts.map((part, index) => {
-    if (part.match(urlRegex)) {
-      let href = part.startsWith("http") ? part : `https://${part}`;
-      href = DOMPurify.sanitize(href, {
-        ALLOWED_URI_REGEXP: /^https?:\/\/.*/i
-      });
-      if (isSafeHref(href)) {
-        const safeText2 = DOMPurify.sanitize(part, {
-          ALLOWED_TAGS: [],
-          ALLOWED_ATTR: []
-        });
-        return /* @__PURE__ */ React__default.createElement(
-          "a",
-          {
-            key: index,
-            href,
-            target: "_blank",
-            rel: "noopener noreferrer",
-            className: "underline hover:opacity-80",
-            onClick: (e3) => e3.stopPropagation()
-          },
-          safeText2
-        );
-      } else {
-        const safeText2 = DOMPurify.sanitize(part, {
-          ALLOWED_TAGS: [],
-          ALLOWED_ATTR: []
-        });
-        return /* @__PURE__ */ React__default.createElement("span", { key: index }, safeText2);
-      }
-    }
-    const safeText = DOMPurify.sanitize(part, {
-      ALLOWED_TAGS: [],
-      ALLOWED_ATTR: []
-    });
-    return safeText;
-  });
-};
-const toast = {
-  success: (message, options) => {
-    const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-    return toast$1.success(content, options);
-  },
-  error: (message, options) => {
-    const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-    return toast$1.error(content, options);
-  },
-  warning: (message, options) => {
-    const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-    return toast$1.warning(content, options);
-  },
-  info: (message, options) => {
-    const content = typeof message === "string" ? parseUrlsInText$1(message) : message;
-    return toast$1.info(content, options);
-  },
-  dismiss: toast$1.dismiss
-};
-const Toaster = ({ ...props }) => {
-  return /* @__PURE__ */ React__default.createElement(
-    Toaster$1,
-    {
-      className: "toaster group",
-      position: "top-left",
-      closeButton: true,
-      toastOptions: {
-        classNames: {
-          toast: "group toast group-[.toaster]:bg-white group-[.toaster]:shadow-lg",
-          description: "group-[.toast]:text-gray-700",
-          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
-          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
-          closeButton: "group-[.toast]:bg-white group-[.toast]:text-current group-[.toast]:border-0",
-          success: "group-[.toaster]:border-green-500 [&_[data-icon]]:text-green-500 [&_[data-content]]:text-gray-700",
-          error: "group-[.toaster]:border-red-500 [&_[data-icon]]:text-red-500 [&_[data-content]]:text-gray-700",
-          warning: "group-[.toaster]:border-yellow-500 [&_[data-icon]]:text-yellow-500 [&_[data-content]]:text-gray-700",
-          info: "group-[.toaster]:border-blue-500 [&_[data-icon]]:text-blue-500 [&_[data-content]]:text-gray-700"
-        }
-      },
-      ...props
-    }
-  );
-};
 let Alerts$1 = class Alerts {
   constructor(events2, map2 = {}) {
     this.events = events2;
@@ -43711,43 +43622,20 @@ let Alerts$1 = class Alerts {
     };
   }
   add(level, message, timeout = 8e3) {
-    let id2;
-    const toastMessage = typeof message === "string" ? message : React__default.createElement(message);
-    switch (level) {
-      case "success":
-        id2 = toast.success(toastMessage, {
-          duration: timeout
-        });
-        break;
-      case "error":
-        id2 = `${message}|${Date.now()}`;
-        break;
-      case "warn":
-        id2 = toast.warning(toastMessage, {
-          duration: timeout
-        });
-        break;
-      case "info":
-      default:
-        id2 = toast.info(toastMessage, {
-          duration: timeout
-        });
-        break;
-    }
     const alert = {
       level,
       message,
       timeout,
-      id: String(id2)
+      id: `${message}|${Date.now()}`
     };
     this.alerts.set(alert.id, alert);
     this.events.dispatch({ type: "alerts:add", alert });
+    let timeoutId = null;
     const dismiss = () => {
-      if (level !== "error") {
-        toast.dismiss(id2);
-      }
+      clearTimeout(timeoutId);
       this.dismiss(alert);
     };
+    timeoutId = level !== "error" ? setTimeout(dismiss, alert.timeout) : null;
     return dismiss;
   }
   dismiss(alert) {
@@ -46464,7 +46352,7 @@ function formatDistanceToNow(dirtyDate, options) {
   requiredArgs(1, arguments);
   return formatDistance2(dirtyDate, Date.now(), options);
 }
-const version$1 = "2.9.4";
+const version$1 = "2.9.5";
 const VersionInfo = () => {
   var _a2, _b, _c, _d, _e, _f;
   const cms = useCMS();
@@ -48101,10 +47989,21 @@ const parseUrlsInText = (text) => {
 };
 function Alerts2({ alerts }) {
   useSubscribable(alerts);
-  if (alerts.all.length === 0) {
+  if (!alerts.all.length) {
     return null;
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Toaster, null), alerts.all.filter((alert) => {
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement("div", { className: "fixed top-0 left-0 p-6 flex flex-col items-center z-[999999]" }, alerts.all.filter((alert) => {
+    return alert.level !== "error";
+  }).map((alert) => {
+    return /* @__PURE__ */ React__default.createElement(Alert, { key: alert.id, level: alert.level }, alert.level === "info" && /* @__PURE__ */ React__default.createElement(MdInfo, { className: "w-5 h-auto opacity-70" }), alert.level === "success" && /* @__PURE__ */ React__default.createElement(MdCheckCircle, { className: "w-5 h-auto opacity-70" }), alert.level === "warn" && /* @__PURE__ */ React__default.createElement(MdWarning, { className: "w-5 h-auto opacity-70" }), /* @__PURE__ */ React__default.createElement("p", { className: "m-0 flex-1 max-w-[680px] text-left" }, parseUrlsInText(alert.message.toString())), /* @__PURE__ */ React__default.createElement(
+      CloseAlert,
+      {
+        onClick: () => {
+          alerts.dismiss(alert);
+        }
+      }
+    ));
+  })), alerts.all.filter((alert) => {
     return alert.level === "error";
   }).map((alert) => {
     const AlertMessage = typeof alert.message === "string" ? () => {
@@ -48132,6 +48031,51 @@ function Alerts2({ alerts }) {
     ))));
   }));
 }
+const Alert = ({
+  level,
+  ...props
+}) => {
+  const colorClasses = {
+    info: "bg-white border-blue-500 text-blue-600 fill-blue-500",
+    success: "bg-white border-green-500 text-green-600 fill-green-500",
+    warn: "bg-white border-yellow-500 text-yellow-600 fill-yellow-500",
+    error: "bg-white border-red-500 text-red-600 fill-red-500"
+  };
+  const borderClasses = {
+    info: "border-blue-200",
+    success: "border-green-200",
+    warn: "border-yellow-200",
+    error: "border-red-200"
+  };
+  return /* @__PURE__ */ React__default.createElement(
+    "div",
+    {
+      className: `rounded shadow-lg font-normal cursor-pointer pointer-events-all text-sm transition-all duration-100 ease-out mb-4 max-w-full ${colorClasses[level]}}`,
+      style: {
+        animationName: "fly-in-up, fade-in",
+        animationTimingFunction: "ease-out",
+        animationIterationCount: 1,
+        animationFillMode: "both",
+        animationDuration: "150ms"
+      }
+    },
+    /* @__PURE__ */ React__default.createElement(
+      "div",
+      {
+        className: `flex items-center gap-1.5 w-[350px] rounded-md border p-2 ${borderClasses[level]}`,
+        ...props
+      }
+    )
+  );
+};
+const CloseAlert = ({ ...styleProps }) => /* @__PURE__ */ React__default.createElement(
+  "button",
+  {
+    className: "border-none bg-transparent p-0 outline-none flex items-center",
+    ...styleProps
+  },
+  /* @__PURE__ */ React__default.createElement(BiX, { className: "w-5 auto flex-grow-0 flex-shrink-0 text-gray-700" })
+);
 function CursorPaginator({
   navigateNext,
   navigatePrev,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tinacms",
-  "version": "2.9.4",
+  "version": "2.9.5",
   "main": "dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {
@@ -137,15 +137,13 @@
     "react-icons": "^5.4.0",
     "react-router-dom": "6.3.0",
     "react-use": "^17.6.0",
-    "sonner": "^2.0.7",
     "tailwind-merge": "^2.6.0",
     "webfontloader": "1.6.28",
     "yup": "^1.6.1",
     "zod": "^3.24.2",
-    "dompurify": "^3.3.0",
-    "@tinacms/schema-tools": "1.9.1",
+    "@tinacms/mdx": "1.8.1",
     "@tinacms/search": "1.1.1",
-    "@tinacms/mdx": "1.8.1"
+    "@tinacms/schema-tools": "1.9.1"
   },
   "devDependencies": {
     "@graphql-tools/utils": "^10.8.1",
@@ -165,11 +163,11 @@
     "@types/react-color": "^3.0.13",
     "@types/react-dom": "^18.3.5",
     "@types/yup": "^0.32.0",
+    "lowlight": "^3.3.0",
     "happy-dom": "15.10.2",
     "identity-obj-proxy": "^3.0.0",
     "isomorphic-fetch": "^3.0.0",
     "jest-file-snapshot": "^0.7.0",
-    "lowlight": "^3.3.0",
     "next": "14.2.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/dist/toolkit/components/ui/sonner.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Toaster as Sonner } from 'sonner';
-type ToasterProps = React.ComponentProps<typeof Sonner>;
-declare const toast: {
-    success: (message: string | React.ReactNode, options?: any) => string | number;
-    error: (message: string | React.ReactNode, options?: any) => string | number;
-    warning: (message: string | React.ReactNode, options?: any) => string | number;
-    info: (message: string | React.ReactNode, options?: any) => string | number;
-    dismiss: (id?: number | string) => string | number;
-};
-declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
-export { toast, Toaster };