@puckeditor/core 0.21.0-canary.d1c0d6a2

package/README.md

@@ -0,0 +1,114 @@
+<br /><br /><br />
+
+<div align="center">
+
+<a href="https://puckeditor.com?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=logo">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_White_RGB_j2rwgg.svg" height="100px" aria-label="Puck logo">
+    <img src="https://res.cloudinary.com/die3nptcg/image/upload/Puck_Logo_Black_RGB_dqsjag.svg" height="100px" aria-label="Puck logo">
+  </picture>
+</a>
+
+_The visual editor for React_
+
+[Documentation](https://puckeditor.com/docs?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=docs_link) • [Demo](https://demo.puckeditor.com/edit?utm_source=readme&utm_medium=code&utm_campaign=repo&utm_contents=demo_link) • [Discord](https://discord.gg/V9mDAhuxyZ) • [Contributing](https://github.com/puckeditor/puck/blob/main/CONTRIBUTING.md)
+
+⭐️ Enjoying Puck? Please [leave a star](https://github.com/puckeditor/puck)!
+
+<br />
+
+[![GIF showing a page being created in the Puck Editor, with components being added, arranged, and customized in real time](https://github.com/user-attachments/assets/25e1ae25-ca5e-450f-afa0-01816830b731)](https://demo.puckeditor.com/edit)
+
+</div>
+
+## What is Puck?
+
+Puck is a modular, open-source visual editor for React.js. You can use Puck to build custom drag-and-drop experiences with your own application and React components.
+
+Because Puck is just a React component, it plays well with all React.js environments, including Next.js. You own your data and there’s no vendor lock-in.
+
+Puck is also [licensed under MIT](https://github.com/puckeditor/puck?tab=MIT-1-ov-file#readme), making it suitable for both internal systems and commercial applications.
+
+## Quick start
+
+Install the package:
+
+```sh
+npm i @puckeditor/core --save # or npx create-puck-app my-app
+```
+
+Render the editor:
+
+```jsx
+// Editor.jsx
+import { Puck } from "@puckeditor/core";
+import "@puckeditor/core/puck.css";
+
+// Create Puck component config
+const config = {
+  components: {
+    HeadingBlock: {
+      fields: {
+        children: {
+          type: "text",
+        },
+      },
+      render: ({ children }) => {
+        return <h1>{children}</h1>;
+      },
+    },
+  },
+};
+
+// Describe the initial data
+const initialData = {};
+
+// Save the data to your database
+const save = (data) => {};
+
+// Render Puck editor
+export function Editor() {
+  return <Puck config={config} data={initialData} onPublish={save} />;
+}
+```
+
+Render the page:
+
+```jsx
+// Page.jsx
+import { Render } from "@puckeditor/core";
+import "@puckeditor/core/puck.css";
+
+export function Page() {
+  return <Render config={config} data={data} />;
+}
+```
+
+## Recipes
+
+Use `create-puck-app` to quickly spin up a a pre-configured app based on our provided [recipes](https://github.com/puckeditor/puck/tree/main/recipes):
+
+```sh
+npx create-puck-app my-app
+```
+
+Available recipes include:
+
+- [**next**](https://github.com/puckeditor/puck/tree/main/recipes/next): Next.js example, using App Router and static page generation
+- [**remix**](https://github.com/puckeditor/puck/tree/main/recipes/remix): Remix Run v2 example, using dynamic routes at root-level
+- [**react-router**](https://github.com/puckeditor/puck/tree/main/recipes/react-router): React Router v7 app example, using dynamic routes to create pages at any level
+
+## Community
+
+- [Discord server](https://discord.gg/D9e4E3MQVZ) for discussions
+- [awesome-puck](https://github.com/puckeditor/awesome-puck) community repo for plugins, custom fields & more
+
+## Get support
+
+If you have any questions about Puck, please open a [GitHub issue](https://github.com/puckeditor/puck/issues) or join us on [Discord](https://discord.gg/D9e4E3MQVZ).
+
+Or [book a discovery call](https://app.cal.com/chrisvxd/puck-enquiry/) for hands-on support and consultancy.
+
+## License
+
+MIT © [The Puck Contributors](https://github.com/puckeditor/puck/graphs/contributors)

package/dist/Editor-32UYWE6W.mjs

@@ -0,0 +1,204 @@
+import {
+  PuckRichText
+} from "./chunk-V5I7CVLT.mjs";
+import {
+  EditorInner,
+  LoadedRichTextMenu
+} from "./chunk-V2IQTPPK.mjs";
+import "./chunk-AOEDIUVK.mjs";
+import "./chunk-6KNQXLQR.mjs";
+import "./chunk-GVKHZNTR.mjs";
+import "./chunk-MEL7FUSF.mjs";
+import "./chunk-3VQHXASI.mjs";
+import {
+  useAppStore,
+  useAppStoreApi
+} from "./chunk-K562SEXI.mjs";
+import "./chunk-KN3XDS7U.mjs";
+import "./chunk-REWRIUGR.mjs";
+import "./chunk-Y2EFNT5P.mjs";
+import "./chunk-Q3TJ2VYO.mjs";
+import {
+  __spreadProps,
+  __spreadValues,
+  init_react_import
+} from "./chunk-M6W7YEVX.mjs";
+
+// components/RichTextEditor/components/Editor.tsx
+init_react_import();
+import { memo, useMemo } from "react";
+
+// components/RichTextEditor/lib/use-synced-editor.ts
+init_react_import();
+import { useEditor } from "@tiptap/react";
+import { useEffect, useRef } from "react";
+import { useDebounce } from "use-debounce";
+function useSyncedEditor({
+  content,
+  onChange,
+  extensions,
+  editable = true,
+  onFocusChange,
+  name
+}) {
+  const [debouncedState, setDebouncedState] = useDebounce(null, 50, {
+    leading: true,
+    maxWait: 200
+  });
+  const syncingRef = useRef(false);
+  const lastSyncedRef = useRef("");
+  const editTimer = useRef(null);
+  const isPending = !!editTimer.current;
+  const isFocused = useAppStore((s) => s.state.ui.field.focus === name);
+  const resetTimer = (clearOn) => {
+    if (editTimer.current) {
+      clearTimeout(editTimer.current);
+    }
+    editTimer.current = setTimeout(() => {
+      if (lastSyncedRef.current === clearOn) {
+        editTimer.current = null;
+      }
+    }, 200);
+  };
+  const appStoreApi = useAppStoreApi();
+  const editor = useEditor({
+    extensions,
+    content,
+    editable,
+    immediatelyRender: false,
+    parseOptions: { preserveWhitespace: "full" },
+    onUpdate: ({ editor: editor2 }) => {
+      if (syncingRef.current || !isFocused) {
+        appStoreApi.getState().setUi({ field: { focus: name } });
+        return;
+      }
+      const html = editor2.getHTML();
+      const { from, to } = editor2.state.selection;
+      setDebouncedState({ from, to, html });
+      resetTimer(html);
+      lastSyncedRef.current = html;
+    }
+  });
+  useEffect(() => {
+    if (!editor) return;
+    const handleFocus = () => {
+      onFocusChange == null ? void 0 : onFocusChange(editor);
+    };
+    editor.on("focus", handleFocus);
+    return () => {
+      editor.off("focus", handleFocus);
+    };
+  }, [editor, onFocusChange]);
+  useEffect(() => {
+    if (debouncedState) {
+      const { ui } = appStoreApi.getState().state;
+      onChange(debouncedState.html, {
+        field: __spreadProps(__spreadValues({}, ui.field), {
+          metadata: { from: debouncedState.from, to: debouncedState.to }
+        })
+      });
+    }
+  }, [editor, debouncedState, onChange, appStoreApi, name]);
+  useEffect(() => {
+    editor == null ? void 0 : editor.setEditable(editable);
+  }, [editor, editable]);
+  useEffect(() => {
+    var _a;
+    if (!editor) return;
+    if (isPending) {
+      return;
+    }
+    const current = editor.getHTML();
+    if (current === content) return;
+    syncingRef.current = true;
+    editor.commands.setContent(content, { emitUpdate: false });
+    const { ui } = appStoreApi.getState().state;
+    if (typeof ((_a = ui.field.metadata) == null ? void 0 : _a.from) !== "undefined") {
+      editor.commands.setTextSelection({
+        from: ui.field.metadata.from,
+        to: ui.field.metadata.to
+      });
+    }
+    syncingRef.current = false;
+  }, [content, editor, appStoreApi]);
+  return editor;
+}
+
+// components/RichTextEditor/components/Editor.tsx
+import { EditorContent } from "@tiptap/react";
+import { jsx } from "react/jsx-runtime";
+var Editor = memo((props) => {
+  const {
+    onChange,
+    content,
+    readOnly = false,
+    field,
+    inline = false,
+    onFocus,
+    id,
+    name
+  } = props;
+  const { tiptap = {}, options } = field;
+  const { extensions = [] } = tiptap;
+  const loadedExtensions = useMemo(
+    () => [PuckRichText.configure(options), ...extensions],
+    [field, extensions]
+  );
+  const appStoreApi = useAppStoreApi();
+  const focusName = `${name}${inline ? "::inline" : ""}`;
+  const editor = useSyncedEditor({
+    content,
+    onChange,
+    extensions: loadedExtensions,
+    editable: !readOnly,
+    name: focusName,
+    onFocusChange: (editor2) => {
+      if (editor2) {
+        const s = appStoreApi.getState();
+        appStoreApi.setState({
+          currentRichText: {
+            field,
+            editor: editor2,
+            id,
+            inline
+          },
+          state: __spreadProps(__spreadValues({}, s.state), {
+            ui: __spreadProps(__spreadValues({}, s.state.ui), {
+              field: __spreadProps(__spreadValues({}, s.state.ui.field), {
+                focus: focusName
+              })
+            })
+          })
+        });
+        onFocus == null ? void 0 : onFocus(editor2);
+      }
+    }
+  });
+  const menuEditor = useAppStore((s) => {
+    var _a, _b;
+    if (!inline && ((_a = s.currentRichText) == null ? void 0 : _a.id) === id && ((_b = s.currentRichText) == null ? void 0 : _b.inlineComponentId)) {
+      return s.currentRichText.editor;
+    }
+    return editor;
+  });
+  if (!editor) return null;
+  return /* @__PURE__ */ jsx(
+    EditorInner,
+    __spreadProps(__spreadValues({}, props), {
+      editor,
+      menu: /* @__PURE__ */ jsx(
+        LoadedRichTextMenu,
+        {
+          field,
+          editor: menuEditor,
+          readOnly
+        }
+      ),
+      children: /* @__PURE__ */ jsx(EditorContent, { editor, className: "rich-text" })
+    })
+  );
+});
+Editor.displayName = "Editor";
+export {
+  Editor
+};

package/dist/Editor-IQP25PUX.css

@@ -0,0 +1,404 @@
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
+._RichTextMenu_k97eh_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+}
+._RichTextMenu--form_k97eh_7 {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  padding: 6px 6px;
+  background-color: var(--puck-color-grey-12);
+  position: relative;
+  scrollbar-width: none;
+  overflow-x: auto;
+}
+._RichTextMenu-group_k97eh_17 {
+  display: flex;
+  align-items: space-between;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  padding-inline: 6px;
+  gap: 2px;
+  position: relative;
+}
+._RichTextMenu-group_k97eh_17:first-of-type {
+  padding-left: 0;
+}
+._RichTextMenu-group_k97eh_17:last-of-type {
+  padding-right: 0;
+}
+._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 {
+  color: var(--puck-color-grey-08);
+  gap: 0px;
+  flex-wrap: nowrap;
+}
+._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
+  border-left: 1px solid var(--puck-color-grey-10);
+}
+._RichTextMenu--inline_k97eh_35 ._RichTextMenu-group_k97eh_17 + ._RichTextMenu-group_k97eh_17 {
+  border-left: 0.5px solid var(--puck-color-grey-05);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
+._IconButton_ffob9_1 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  color: currentColor;
+  display: flex;
+  font-family: var(--puck-font-family);
+  justify-content: center;
+  padding: 4px;
+  transition: background-color 50ms ease-in, color 50ms ease-in;
+}
+._IconButton--active_ffob9_14 {
+  color: var(--puck-color-azure-04);
+}
+._IconButton_ffob9_1:focus-visible {
+  outline: 2px solid var(--puck-color-azure-05);
+  outline-offset: -2px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._IconButton_ffob9_1:hover:not(._IconButton--disabled_ffob9_24) {
+    background: var(--puck-color-grey-10);
+    color: var(--puck-color-azure-04);
+    cursor: pointer;
+    transition: none;
+  }
+}
+._IconButton_ffob9_1:active {
+  background: var(--puck-color-azure-11);
+  transition: none;
+}
+._IconButton-title_ffob9_37 {
+  clip: rect(0 0 0 0);
+  clip-path: inset(100%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+._IconButton--disabled_ffob9_24 {
+  color: var(--puck-color-grey-07);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
+@keyframes _loader-animation_nacdm_1 {
+  0% {
+    transform: rotate(0deg) scale(1);
+  }
+  50% {
+    transform: rotate(180deg) scale(0.8);
+  }
+  100% {
+    transform: rotate(360deg) scale(1);
+  }
+}
+._Loader_nacdm_13 {
+  background: transparent;
+  border-radius: 100%;
+  border: 2px solid currentColor;
+  border-bottom-color: transparent;
+  display: inline-block;
+  animation: _loader-animation_nacdm_1 1s 0s infinite linear;
+  animation-fill-mode: both;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */
+._ActionBar_1nmyk_1 {
+  align-items: center;
+  cursor: default;
+  display: flex;
+  width: auto;
+  padding: 4px;
+  padding-inline-start: 0;
+  padding-inline-end: 0;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  border-radius: 8px;
+  background: var(--puck-color-grey-01);
+  color: var(--puck-color-white);
+  font-family: var(--puck-font-family);
+  min-height: 26px;
+}
+._ActionBar-label_1nmyk_18 {
+  color: var(--puck-color-grey-08);
+  font-size: var(--puck-font-size-xxxs);
+  font-weight: 500;
+  padding-inline-start: 8px;
+  padding-inline-end: 8px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+._ActionBarAction_1nmyk_30 + ._ActionBar-label_1nmyk_18 {
+  padding-inline-start: 0;
+}
+._ActionBar-label_1nmyk_18 + ._ActionBarAction_1nmyk_30 {
+  margin-inline-start: -4px;
+}
+._ActionBar-group_1nmyk_38 {
+  align-items: center;
+  border-inline-start: 0.5px solid var(--puck-color-grey-05);
+  display: flex;
+  height: 100%;
+  padding-inline-start: 4px;
+  padding-inline-end: 4px;
+}
+._ActionBar-group_1nmyk_38:first-of-type {
+  border-inline-start: 0;
+}
+._ActionBar-group_1nmyk_38:empty {
+  display: none;
+}
+._ActionBarAction_1nmyk_30 {
+  background: transparent;
+  border: none;
+  color: var(--puck-color-grey-08);
+  cursor: pointer;
+  padding: 6px;
+  margin-inline-start: 4px;
+  margin-inline-end: 4px;
+  border-radius: 4px;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: color 50ms ease-in;
+}
+._ActionBarAction--disabled_1nmyk_71 {
+  cursor: auto;
+  color: var(--puck-color-grey-06);
+}
+._ActionBarAction_1nmyk_30 svg {
+  max-width: none !important;
+}
+._ActionBarAction_1nmyk_30:focus-visible {
+  outline: 2px solid var(--puck-color-azure-05);
+  outline-offset: -2px;
+}
+@media (hover: hover) and (pointer: fine) {
+  ._ActionBarAction_1nmyk_30:hover:not(._ActionBarAction--disabled_1nmyk_71) {
+    color: var(--puck-color-azure-06);
+    transition: none;
+  }
+}
+._ActionBarAction_1nmyk_30:active:not(._ActionBarAction--disabled_1nmyk_71),
+._ActionBarAction--active_1nmyk_93 {
+  color: var(--puck-color-azure-07);
+  transition: none;
+}
+._ActionBar-group_1nmyk_38 * {
+  margin: 0;
+}
+._ActionBar-separator_1nmyk_102 {
+  background: var(--puck-color-grey-05);
+  margin-inline: 4px;
+  width: 0.5px;
+  height: 100%;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextMenu/components/Control/styles.module.css/#css-module-data */
+._Control_1aveu_1 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Control--inline_1aveu_6 .lucide {
+  height: 16px;
+  width: 16px;
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/Select/styles.module.css/#css-module-data */
+._Select_xjbef_1 {
+  position: relative;
+  z-index: 1;
+}
+._Select-button_xjbef_6 {
+  align-items: center;
+  background: transparent;
+  border: none;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  gap: 0px;
+  height: 100%;
+  padding: 4px;
+  padding-right: 2px;
+}
+._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6 {
+  color: currentColor;
+}
+._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6 {
+  cursor: pointer;
+}
+._Select-buttonIcon_xjbef_27 {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+._Select--standalone_xjbef_33 ._Select-buttonIcon_xjbef_27 .lucide {
+  height: 18px;
+  width: 18px;
+}
+._Select--actionBar_xjbef_38 ._Select-buttonIcon_xjbef_27 .lucide {
+  height: 16px;
+  width: 16px;
+}
+._Select--hasOptions_xjbef_19:not(._Select--disabled_xjbef_23) ._Select-button_xjbef_6:hover,
+._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
+  background: var(--puck-color-grey-10);
+  color: var(--puck-color-azure-04);
+}
+._Select--disabled_xjbef_23 ._Select-button_xjbef_6 {
+  color: var(--puck-color-grey-07);
+}
+._Select--actionBar_xjbef_38 {
+  &._Select--hasOptions_xjbef_19 ._Select-button_xjbef_6:hover,
+  &._Select--hasValue_xjbef_44 ._Select-button_xjbef_6 {
+    background: none;
+    color: var(--puck-color-azure-07);
+  }
+}
+._Select-items_xjbef_61 {
+  background: white;
+  border: 1px solid var(--puck-color-grey-09);
+  border-radius: 8px;
+  margin: 10px 8px;
+  margin-left: 0;
+  padding: 4px;
+  z-index: 2;
+  list-style: none;
+}
+._SelectItem_xjbef_72 {
+  background: transparent;
+  border-radius: 4px;
+  border: none;
+  color: var(--puck-color-grey-04);
+  cursor: pointer;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  font-size: var(--puck-font-size-xxs);
+  margin: 0;
+  padding: 8px 12px;
+  width: 100%;
+}
+._SelectItem--isSelected_xjbef_87 {
+  background: var(--puck-color-azure-11);
+  color: var(--puck-color-azure-04);
+  font-weight: 500;
+}
+._SelectItem--isSelected_xjbef_87 ._SelectItem-icon_xjbef_93 {
+  color: var(--puck-color-azure-04);
+}
+._SelectItem_xjbef_72:hover {
+  background: var(--puck-color-azure-11);
+  color: var(--puck-color-azure-04);
+}
+
+/* css-module:/home/runner/work/puck/puck/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
+._RichTextEditor_z25h4_1 .ProseMirror {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  cursor: text;
+  outline: none;
+  position: relative;
+}
+._RichTextEditor_z25h4_1 .rich-text * {
+  white-space: pre-wrap;
+  user-select: auto;
+  -webkit-user-select: auto;
+}
+._RichTextEditor_z25h4_1 .rich-text blockquote {
+  margin: 1em 0;
+  padding: 0 1em;
+  border-left: 4px solid var(--puck-color-grey-09);
+}
+._RichTextEditor_z25h4_1 .rich-text code {
+  background-color: var(--puck-color-grey-11);
+  padding: 4px 8px;
+  border-radius: 4px;
+}
+._RichTextEditor_z25h4_1 .rich-text p:empty::before {
+  content: "\a0";
+}
+._RichTextEditor_z25h4_1 .rich-text pre code {
+  display: block;
+  padding: 8px 12px;
+}
+._RichTextEditor_z25h4_1 .rich-text > *:first-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:first-child,
+._RichTextEditor_z25h4_1 .rich-text * p:first-of-type {
+  margin-top: 0;
+}
+._RichTextEditor_z25h4_1 .rich-text > *:last-child,
+._RichTextEditor_z25h4_1 .ProseMirror > *:last-child,
+._RichTextEditor_z25h4_1 .rich-text * p:last-of-type {
+  margin-bottom: 0;
+}
+._RichTextEditor--editor_z25h4_50 {
+  background: var(--puck-color-white);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--puck-color-grey-09);
+  border-radius: 4px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  font-family: inherit;
+  font-size: var(--puck-font-size-xxs);
+  resize: vertical;
+  text-align: initial;
+  transition: border-color 50ms ease-in;
+  width: 100%;
+  max-width: 100%;
+  min-height: 128px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text {
+  flex-grow: 1;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_z25h4_50 .rich-text .ProseMirror {
+  height: 100%;
+  padding: 12px 15px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text ul,
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
+  padding-left: 24px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text li {
+  line-height: 1.5;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text p {
+  margin-block: 12px;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text ul {
+  list-style: disc;
+}
+._RichTextEditor--editor_z25h4_50 .rich-text ol {
+  list-style: decimal;
+}
+._RichTextEditor--editor_z25h4_50:focus-within {
+  border-color: var(--puck-color-grey-05);
+  outline: 2px solid var(--puck-color-azure-05);
+  transition: none;
+}
+._RichTextEditor--editor_z25h4_50._RichTextEditor--disabled_z25h4_107 {
+  background: var(--puck-color-grey-11);
+}
+._RichTextEditor_z25h4_1:not(:focus-within):not(._RichTextEditor--isActive_z25h4_111) .ProseMirror ::selection {
+  background-color: transparent;
+}
+._RichTextEditor-menu_z25h4_117 {
+  border-bottom: 1px solid var(--puck-color-grey-10);
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+._RichTextEditor--disabled_z25h4_107 ._RichTextEditor-menu_z25h4_117 {
+  border-bottom: 1px solid var(--puck-color-grey-09);
+}