@reacteditor/core 0.0.5 → 0.0.6

package/dist/no-external.mjs

@@ -19,14 +19,14 @@ import {
   setDeep,
   useEditor,
   useGetEditor
-} from "./chunk-QB3US7UE.mjs";
-import "./chunk-X7IRHSQN.mjs";
+} from "./chunk-HCFEY5Y7.mjs";
+import "./chunk-DB4R5IWG.mjs";
 import {
   migrate,
   resolveAllData,
   transformProps
-} from "./chunk-YFRH22NT.mjs";
-import "./chunk-KC727YFW.mjs";
+} from "./chunk-275EJPEB.mjs";
+import "./chunk-6QJ2HF4O.mjs";
 import {
   Action,
   ActionBar,
@@ -35,11 +35,11 @@ import {
   Label,
   RichTextMenu,
   Separator
-} from "./chunk-43G2QHSV.mjs";
-import "./chunk-5N6RK26Z.mjs";
-import "./chunk-DCL4UC2H.mjs";
-import "./chunk-JEDWXGVP.mjs";
-import "./chunk-IUOWXGYR.mjs";
+} from "./chunk-BRDUM7MJ.mjs";
+import "./chunk-Z6IIVDFY.mjs";
+import "./chunk-6LG4Q4HO.mjs";
+import "./chunk-WGPCLAZR.mjs";
+import "./chunk-CRF2GWQA.mjs";
 import "./chunk-UB2DES2O.mjs";
 import "./chunk-VOLQMQPK.mjs";
 import "./chunk-Y2EFNT5P.mjs";

package/dist/rsc.css

@@ -1,103 +1,103 @@
 /* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
-._RichTextEditor_1grt5_1 .ProseMirror {
+._RichTextEditor_150ed_1 .ProseMirror {
   white-space: pre-wrap;
   word-wrap: break-word;
   cursor: text;
   outline: none;
   position: relative;
 }
-._RichTextEditor_1grt5_1 .rich-text * {
+._RichTextEditor_150ed_1 .rich-text * {
   white-space: pre-wrap;
   user-select: auto;
   -webkit-user-select: auto;
 }
-._RichTextEditor_1grt5_1 .rich-text blockquote {
+._RichTextEditor_150ed_1 .rich-text blockquote {
   margin: 1em 0;
   padding: 0 1em;
-  border-left: 4px solid var(--re-border-default);
+  border-left: 4px solid var(--editor-border-default);
 }
-._RichTextEditor_1grt5_1 .rich-text code {
-  background-color: var(--re-surface-sunken);
+._RichTextEditor_150ed_1 .rich-text code {
+  background-color: var(--editor-surface-sunken);
   padding: 4px 8px;
-  border-radius: var(--re-radius-sm);
+  border-radius: var(--editor-radius-sm);
 }
-._RichTextEditor_1grt5_1 .rich-text p:empty::before {
+._RichTextEditor_150ed_1 .rich-text p:empty::before {
   content: "\a0";
 }
-._RichTextEditor_1grt5_1 .rich-text pre code {
+._RichTextEditor_150ed_1 .rich-text pre code {
   display: block;
   padding: 8px 12px;
 }
-._RichTextEditor_1grt5_1 .rich-text > *:first-child,
-._RichTextEditor_1grt5_1 .ProseMirror > *:first-child,
-._RichTextEditor_1grt5_1 .rich-text * p:first-of-type {
+._RichTextEditor_150ed_1 .rich-text > *:first-child,
+._RichTextEditor_150ed_1 .ProseMirror > *:first-child,
+._RichTextEditor_150ed_1 .rich-text * p:first-of-type {
   margin-top: 0;
 }
-._RichTextEditor_1grt5_1 .rich-text > *:last-child,
-._RichTextEditor_1grt5_1 .ProseMirror > *:last-child,
-._RichTextEditor_1grt5_1 .rich-text * p:last-of-type {
+._RichTextEditor_150ed_1 .rich-text > *:last-child,
+._RichTextEditor_150ed_1 .ProseMirror > *:last-child,
+._RichTextEditor_150ed_1 .rich-text * p:last-of-type {
   margin-bottom: 0;
 }
-._RichTextEditor--editor_1grt5_50 {
-  background: var(--re-surface-panel);
+._RichTextEditor--editor_150ed_50 {
+  background: var(--editor-surface-panel);
   border-width: 1px;
   border-style: solid;
-  border-color: var(--re-border-default);
-  border-radius: var(--re-radius-md);
+  border-color: var(--editor-border-default);
+  border-radius: var(--editor-radius-md);
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   font-family: inherit;
-  font-size: var(--re-font-size-xxs);
+  font-size: var(--editor-font-size-xxs);
   resize: vertical;
   text-align: initial;
-  transition: border-color var(--re-motion-fast) var(--re-ease), box-shadow var(--re-motion-fast) var(--re-ease);
+  transition: border-color var(--editor-motion-fast) var(--editor-ease), box-shadow var(--editor-motion-fast) var(--editor-ease);
   width: 100%;
   max-width: 100%;
   min-height: 128px;
 }
-._RichTextEditor--editor_1grt5_50 .rich-text {
+._RichTextEditor--editor_150ed_50 .rich-text {
   flex-grow: 1;
 }
-._RichTextEditor--editor_1grt5_50 .rich-text:not(:has(.ProseMirror)),
-._RichTextEditor--editor_1grt5_50 .rich-text .ProseMirror {
+._RichTextEditor--editor_150ed_50 .rich-text:not(:has(.ProseMirror)),
+._RichTextEditor--editor_150ed_50 .rich-text .ProseMirror {
   height: 100%;
   padding: 12px 15px;
 }
-._RichTextEditor--editor_1grt5_50 .rich-text ul,
-._RichTextEditor--editor_1grt5_50 .rich-text ol {
+._RichTextEditor--editor_150ed_50 .rich-text ul,
+._RichTextEditor--editor_150ed_50 .rich-text ol {
   padding-left: 24px;
 }
-._RichTextEditor--editor_1grt5_50 .rich-text li {
+._RichTextEditor--editor_150ed_50 .rich-text li {
   line-height: 1.5;
 }
-._RichTextEditor--editor_1grt5_50 .rich-text p {
+._RichTextEditor--editor_150ed_50 .rich-text p {
   margin-block: 12px;
 }
-._RichTextEditor--editor_1grt5_50 .rich-text ul {
+._RichTextEditor--editor_150ed_50 .rich-text ul {
   list-style: disc;
 }
-._RichTextEditor--editor_1grt5_50 .rich-text ol {
+._RichTextEditor--editor_150ed_50 .rich-text ol {
   list-style: decimal;
 }
-._RichTextEditor--editor_1grt5_50:focus-within {
-  border-color: var(--re-accent);
+._RichTextEditor--editor_150ed_50:focus-within {
+  border-color: var(--editor-accent);
   outline: none;
-  box-shadow: var(--re-ring);
+  box-shadow: var(--editor-ring);
   transition: none;
 }
-._RichTextEditor--editor_1grt5_50._RichTextEditor--disabled_1grt5_109 {
-  background: var(--re-surface-sunken);
+._RichTextEditor--editor_150ed_50._RichTextEditor--disabled_150ed_109 {
+  background: var(--editor-surface-sunken);
 }
-._RichTextEditor_1grt5_1:not(:focus-within):not(._RichTextEditor--isActive_1grt5_113) .ProseMirror ::selection {
+._RichTextEditor_150ed_1:not(:focus-within):not(._RichTextEditor--isActive_150ed_113) .ProseMirror ::selection {
   background-color: transparent;
 }
-._RichTextEditor-menu_1grt5_119 {
-  border-bottom: 1px solid var(--re-border-subtle);
+._RichTextEditor-menu_150ed_119 {
+  border-bottom: 1px solid var(--editor-border-subtle);
   position: sticky;
   top: 0;
   z-index: 1;
 }
-._RichTextEditor--disabled_1grt5_109 ._RichTextEditor-menu_1grt5_119 {
-  border-bottom: 1px solid var(--re-border-subtle);
+._RichTextEditor--disabled_150ed_109 ._RichTextEditor-menu_150ed_119 {
+  border-bottom: 1px solid var(--editor-border-subtle);
 }

package/dist/rsc.js

@@ -199,7 +199,7 @@ var init_styles_module = __esm({
     "use strict";
     init_react_import();
     init_css_module_data();
-    styles_module_default = { "RichTextEditor": "_RichTextEditor_1grt5_1", "RichTextEditor--editor": "_RichTextEditor--editor_1grt5_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_1grt5_109", "RichTextEditor--isActive": "_RichTextEditor--isActive_1grt5_113", "RichTextEditor-menu": "_RichTextEditor-menu_1grt5_119" };
+    styles_module_default = { "RichTextEditor": "_RichTextEditor_150ed_1", "RichTextEditor--editor": "_RichTextEditor--editor_150ed_50", "RichTextEditor--disabled": "_RichTextEditor--disabled_150ed_109", "RichTextEditor--isActive": "_RichTextEditor--isActive_150ed_113", "RichTextEditor-menu": "_RichTextEditor-menu_150ed_119" };
   }
 });
 

package/dist/rsc.mjs

@@ -5,8 +5,8 @@ import {
   transformProps,
   useRichtextProps,
   useSlots
-} from "./chunk-YFRH22NT.mjs";
-import "./chunk-KC727YFW.mjs";
+} from "./chunk-275EJPEB.mjs";
+import "./chunk-6QJ2HF4O.mjs";
 import "./chunk-VOLQMQPK.mjs";
 import "./chunk-Y2EFNT5P.mjs";
 import {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reacteditor/core",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "The open-source visual editor for React",
   "author": "Rami Bitar <rami@frontend.co>",
   "repository": "frontend-inc/react-editor",
@@ -105,6 +105,7 @@
     "@dnd-kit/helpers": "0.4.0",
     "@dnd-kit/react": "0.4.0",
     "@dnd-kit/state": "0.4.0",
+    "@base-ui/react": "^1.4.1",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
     "@tanstack/react-virtual": "^3.13.9",

package/dist/Editor-WYZZDKT3.css

@@ -1,415 +0,0 @@
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextMenu/styles.module.css/#css-module-data */
-._RichTextMenu_7muaf_1 {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-}
-._RichTextMenu--form_7muaf_7 {
-  border-top-left-radius: var(--re-radius-md);
-  border-top-right-radius: var(--re-radius-md);
-  padding: 6px 6px;
-  background-color: var(--re-surface-sunken);
-  position: relative;
-  scrollbar-width: none;
-  overflow-x: auto;
-}
-._RichTextMenu-group_7muaf_17 {
-  display: flex;
-  align-items: space-between;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  padding-inline: 6px;
-  gap: 2px;
-  position: relative;
-}
-._RichTextMenu-group_7muaf_17:first-of-type {
-  padding-left: 0;
-}
-._RichTextMenu-group_7muaf_17:last-of-type {
-  padding-right: 0;
-}
-._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 {
-  color: var(--re-text-inverse);
-  opacity: 0.85;
-  gap: 0px;
-  flex-wrap: nowrap;
-}
-._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
-  border-left: 1px solid var(--re-border-subtle);
-}
-._RichTextMenu--inline_7muaf_35 ._RichTextMenu-group_7muaf_17 + ._RichTextMenu-group_7muaf_17 {
-  border-left: 0.5px solid rgba(255, 255, 255, 0.2);
-}
-
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/IconButton/IconButton.module.css/#css-module-data */
-._IconButton_19x6h_1 {
-  align-items: center;
-  background: transparent;
-  border: none;
-  border-radius: var(--re-radius-md);
-  color: currentColor;
-  display: flex;
-  font-family: var(--re-font-family);
-  justify-content: center;
-  padding: 4px;
-  transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
-}
-._IconButton--active_19x6h_15 {
-  color: var(--re-text-accent);
-  background: var(--re-accent-soft);
-}
-._IconButton_19x6h_1:focus-visible {
-  outline: none;
-  box-shadow: var(--re-ring);
-}
-@media (hover: hover) and (pointer: fine) {
-  ._IconButton_19x6h_1:hover:not(._IconButton--disabled_19x6h_26) {
-    background: var(--re-surface-hover);
-    color: var(--re-text-accent);
-    cursor: pointer;
-    transition: none;
-  }
-}
-._IconButton_19x6h_1:active {
-  background: var(--re-accent-soft);
-  transition: none;
-}
-._IconButton-title_19x6h_39 {
-  clip: rect(0 0 0 0);
-  clip-path: inset(100%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-._IconButton--disabled_19x6h_26 {
-  color: var(--re-text-tertiary);
-}
-
-/* css-module:/Users/rami/Documents/apps/react-editor/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:/Users/rami/Documents/apps/react-editor/packages/core/components/ActionBar/styles.module.css/#css-module-data */
-._ActionBar_5kf61_1 {
-  align-items: center;
-  cursor: default;
-  display: flex;
-  width: auto;
-  padding: 4px;
-  padding-inline-start: 0;
-  padding-inline-end: 0;
-  border-top-left-radius: var(--re-radius-lg);
-  border-top-right-radius: var(--re-radius-lg);
-  border-radius: var(--re-radius-lg);
-  background: var(--re-primary);
-  color: var(--re-primary-foreground);
-  font-family: var(--re-font-family);
-  min-height: 26px;
-  box-shadow: var(--re-shadow-md);
-}
-._ActionBar-label_5kf61_19 {
-  color: var(--re-primary-foreground);
-  opacity: 0.85;
-  font-size: var(--re-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_5kf61_32 + ._ActionBar-label_5kf61_19 {
-  padding-inline-start: 0;
-}
-._ActionBar-label_5kf61_19 + ._ActionBarAction_5kf61_32 {
-  margin-inline-start: -4px;
-}
-._ActionBar-group_5kf61_40 {
-  align-items: center;
-  border-inline-start: 0.5px solid rgba(255, 255, 255, 0.2);
-  display: flex;
-  height: 100%;
-  padding-inline-start: 4px;
-  padding-inline-end: 4px;
-}
-._ActionBar-group_5kf61_40:first-of-type {
-  border-inline-start: 0;
-}
-._ActionBar-group_5kf61_40:empty {
-  display: none;
-}
-._ActionBarAction_5kf61_32 {
-  background: transparent;
-  border: none;
-  color: var(--re-primary-foreground);
-  opacity: 0.85;
-  cursor: pointer;
-  padding: 6px;
-  margin-inline-start: 4px;
-  margin-inline-end: 4px;
-  border-radius: var(--re-radius-sm);
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: opacity var(--re-motion-fast) var(--re-ease), background-color var(--re-motion-fast) var(--re-ease);
-}
-._ActionBarAction--disabled_5kf61_75 {
-  cursor: auto;
-  opacity: 0.4;
-}
-._ActionBarAction_5kf61_32 svg {
-  max-width: none !important;
-}
-._ActionBarAction_5kf61_32:focus-visible {
-  outline: none;
-  box-shadow: var(--re-ring);
-}
-@media (hover: hover) and (pointer: fine) {
-  ._ActionBarAction_5kf61_32:hover:not(._ActionBarAction--disabled_5kf61_75) {
-    opacity: 1;
-    background: rgba(255, 255, 255, 0.12);
-    transition: none;
-  }
-}
-._ActionBarAction_5kf61_32:active:not(._ActionBarAction--disabled_5kf61_75),
-._ActionBarAction--active_5kf61_98 {
-  opacity: 1;
-  background: rgba(255, 255, 255, 0.18);
-  transition: none;
-}
-._ActionBar-group_5kf61_40 * {
-  margin: 0;
-}
-._ActionBar-separator_5kf61_108 {
-  background: rgba(255, 255, 255, 0.2);
-  margin-inline: 4px;
-  width: 0.5px;
-  height: 100%;
-}
-
-/* css-module:/Users/rami/Documents/apps/react-editor/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:/Users/rami/Documents/apps/react-editor/packages/core/components/Select/styles.module.css/#css-module-data */
-._Select_6nen1_1 {
-  position: relative;
-  z-index: 1;
-}
-._Select-button_6nen1_6 {
-  align-items: center;
-  background: transparent;
-  border: none;
-  border-radius: var(--re-radius-sm);
-  display: flex;
-  justify-content: center;
-  gap: 0px;
-  height: 100%;
-  padding: 4px;
-  padding-right: 2px;
-  transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
-}
-._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6 {
-  color: currentColor;
-}
-._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6 {
-  cursor: pointer;
-}
-._Select-buttonIcon_6nen1_29 {
-  align-items: center;
-  display: flex;
-  justify-content: center;
-}
-._Select--standalone_6nen1_35 ._Select-buttonIcon_6nen1_29 .lucide {
-  height: 18px;
-  width: 18px;
-}
-._Select--actionBar_6nen1_40 ._Select-buttonIcon_6nen1_29 .lucide {
-  height: 16px;
-  width: 16px;
-}
-._Select--hasOptions_6nen1_21:not(._Select--disabled_6nen1_25) ._Select-button_6nen1_6:hover,
-._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
-  background: var(--re-surface-hover);
-  color: var(--re-text-accent);
-}
-._Select--disabled_6nen1_25 ._Select-button_6nen1_6 {
-  color: var(--re-text-tertiary);
-}
-._Select--actionBar_6nen1_40 {
-  &._Select--hasOptions_6nen1_21 ._Select-button_6nen1_6:hover,
-  &._Select--hasValue_6nen1_46 ._Select-button_6nen1_6 {
-    background: rgba(255, 255, 255, 0.12);
-    color: var(--re-text-inverse);
-  }
-}
-._Select-items_6nen1_63 {
-  background: var(--re-surface-panel);
-  border: 1px solid var(--re-border-subtle);
-  border-radius: var(--re-radius-lg);
-  box-shadow: var(--re-shadow-lg);
-  margin: 10px 8px;
-  margin-left: 0;
-  padding: 4px;
-  z-index: 2;
-  list-style: none;
-}
-._SelectItem_6nen1_75 {
-  background: transparent;
-  border-radius: var(--re-radius-sm);
-  border: none;
-  color: var(--re-text-secondary);
-  cursor: pointer;
-  display: flex;
-  gap: 8px;
-  align-items: center;
-  font-size: var(--re-font-size-xxs);
-  margin: 0;
-  padding: 8px 12px;
-  width: 100%;
-  transition: background-color var(--re-motion-fast) var(--re-ease), color var(--re-motion-fast) var(--re-ease);
-}
-._SelectItem--isSelected_6nen1_92 {
-  background: var(--re-accent-soft);
-  color: var(--re-text-accent);
-  font-weight: 500;
-}
-._SelectItem--isSelected_6nen1_92 ._SelectItem-icon_6nen1_98 {
-  color: var(--re-text-accent);
-}
-._SelectItem_6nen1_75:hover {
-  background: var(--re-surface-hover);
-  color: var(--re-text-accent);
-}
-
-/* css-module:/Users/rami/Documents/apps/react-editor/packages/core/components/RichTextEditor/styles.module.css/#css-module-data */
-._RichTextEditor_1grt5_1 .ProseMirror {
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  cursor: text;
-  outline: none;
-  position: relative;
-}
-._RichTextEditor_1grt5_1 .rich-text * {
-  white-space: pre-wrap;
-  user-select: auto;
-  -webkit-user-select: auto;
-}
-._RichTextEditor_1grt5_1 .rich-text blockquote {
-  margin: 1em 0;
-  padding: 0 1em;
-  border-left: 4px solid var(--re-border-default);
-}
-._RichTextEditor_1grt5_1 .rich-text code {
-  background-color: var(--re-surface-sunken);
-  padding: 4px 8px;
-  border-radius: var(--re-radius-sm);
-}
-._RichTextEditor_1grt5_1 .rich-text p:empty::before {
-  content: "\a0";
-}
-._RichTextEditor_1grt5_1 .rich-text pre code {
-  display: block;
-  padding: 8px 12px;
-}
-._RichTextEditor_1grt5_1 .rich-text > *:first-child,
-._RichTextEditor_1grt5_1 .ProseMirror > *:first-child,
-._RichTextEditor_1grt5_1 .rich-text * p:first-of-type {
-  margin-top: 0;
-}
-._RichTextEditor_1grt5_1 .rich-text > *:last-child,
-._RichTextEditor_1grt5_1 .ProseMirror > *:last-child,
-._RichTextEditor_1grt5_1 .rich-text * p:last-of-type {
-  margin-bottom: 0;
-}
-._RichTextEditor--editor_1grt5_50 {
-  background: var(--re-surface-panel);
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--re-border-default);
-  border-radius: var(--re-radius-md);
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  font-family: inherit;
-  font-size: var(--re-font-size-xxs);
-  resize: vertical;
-  text-align: initial;
-  transition: border-color var(--re-motion-fast) var(--re-ease), box-shadow var(--re-motion-fast) var(--re-ease);
-  width: 100%;
-  max-width: 100%;
-  min-height: 128px;
-}
-._RichTextEditor--editor_1grt5_50 .rich-text {
-  flex-grow: 1;
-}
-._RichTextEditor--editor_1grt5_50 .rich-text:not(:has(.ProseMirror)),
-._RichTextEditor--editor_1grt5_50 .rich-text .ProseMirror {
-  height: 100%;
-  padding: 12px 15px;
-}
-._RichTextEditor--editor_1grt5_50 .rich-text ul,
-._RichTextEditor--editor_1grt5_50 .rich-text ol {
-  padding-left: 24px;
-}
-._RichTextEditor--editor_1grt5_50 .rich-text li {
-  line-height: 1.5;
-}
-._RichTextEditor--editor_1grt5_50 .rich-text p {
-  margin-block: 12px;
-}
-._RichTextEditor--editor_1grt5_50 .rich-text ul {
-  list-style: disc;
-}
-._RichTextEditor--editor_1grt5_50 .rich-text ol {
-  list-style: decimal;
-}
-._RichTextEditor--editor_1grt5_50:focus-within {
-  border-color: var(--re-accent);
-  outline: none;
-  box-shadow: var(--re-ring);
-  transition: none;
-}
-._RichTextEditor--editor_1grt5_50._RichTextEditor--disabled_1grt5_109 {
-  background: var(--re-surface-sunken);
-}
-._RichTextEditor_1grt5_1:not(:focus-within):not(._RichTextEditor--isActive_1grt5_113) .ProseMirror ::selection {
-  background-color: transparent;
-}
-._RichTextEditor-menu_1grt5_119 {
-  border-bottom: 1px solid var(--re-border-subtle);
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-._RichTextEditor--disabled_1grt5_109 ._RichTextEditor-menu_1grt5_119 {
-  border-bottom: 1px solid var(--re-border-subtle);
-}