@crystallize/design-system 1.12.0 → 1.13.0

package/dist/index.css

@@ -473,8 +473,7 @@ button {
   --tw-scale-x: 1;
   --tw-scale-y: 1 ;
 }
-.shadow-md,
-.shadow-sm {
+.shadow-md {
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -530,9 +529,6 @@ button {
   white-space: nowrap;
   border-width: 0;
 }
-.pointer-events-none {
-  pointer-events: none;
-}
 .absolute {
   position: absolute;
 }
@@ -542,24 +538,12 @@ button {
 .left-2 {
   left: 0.5rem;
 }
-.left-6 {
-  left: 1.5rem;
-}
-.right-10 {
-  right: 2.5rem;
-}
 .right-2 {
   right: 0.5rem;
 }
-.top-0 {
-  top: 0px;
-}
 .top-2 {
   top: 0.5rem;
 }
-.z-50 {
-  z-index: 50;
-}
 .mx-auto {
   margin-left: auto;
   margin-right: auto;
@@ -568,21 +552,9 @@ button {
   margin-top: 1.5rem;
   margin-bottom: 1.5rem;
 }
-.mb-4 {
-  margin-bottom: 1rem;
-}
-.ml-5 {
-  margin-left: 1.25rem;
-}
-.mt-1 {
-  margin-top: 0.25rem;
-}
 .mt-2 {
   margin-top: 0.5rem;
 }
-.mt-3 {
-  margin-top: 0.75rem;
-}
 .mt-4 {
   margin-top: 1rem;
 }
@@ -592,15 +564,9 @@ button {
 .block {
   display: block;
 }
-.inline-block {
-  display: inline-block;
-}
 .inline {
   display: inline;
 }
-.\!flex {
-  display: flex !important;
-}
 .flex {
   display: flex;
 }
@@ -625,9 +591,6 @@ button {
 .h-24 {
   height: 6rem;
 }
-.h-5 {
-  height: 1.25rem;
-}
 .h-6 {
   height: 1.5rem;
 }
@@ -637,18 +600,9 @@ button {
 .h-\[8px\] {
   height: 8px;
 }
-.h-full {
-  height: 100%;
-}
 .w-1\/2 {
   width: 50%;
 }
-.w-4 {
-  width: 1rem;
-}
-.w-5 {
-  width: 1.25rem;
-}
 .w-6 {
   width: 1.5rem;
 }
@@ -658,24 +612,12 @@ button {
 .w-\[8px\] {
   width: 8px;
 }
-.w-full {
-  width: 100%;
-}
-.min-w-\[150px\] {
-  min-width: 150px;
-}
-.min-w-\[200px\] {
-  min-width: 200px;
-}
 .min-w-\[44px\] {
   min-width: 44px;
 }
 .max-w-\[1100px\] {
   max-width: 1100px;
 }
-.max-w-full {
-  max-width: 100%;
-}
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -685,9 +627,6 @@ button {
 .cursor-pointer {
   cursor: pointer;
 }
-.select-none {
-  user-select: none;
-}
 .resize {
   resize: both;
 }
@@ -700,15 +639,9 @@ button {
 .grid-cols-6 {
   grid-template-columns: repeat(6, minmax(0, 1fr));
 }
-.grid-cols-\[1fr_1px_1fr\] {
-  grid-template-columns: 1fr 1px 1fr;
-}
 .flex-col {
   flex-direction: column;
 }
-.flex-nowrap {
-  flex-wrap: nowrap;
-}
 .items-start {
   align-items: flex-start;
 }
@@ -727,15 +660,6 @@ button {
 .justify-items-center {
   justify-items: center;
 }
-.gap-0 {
-  gap: 0px;
-}
-.gap-0\.5 {
-  gap: 0.125rem;
-}
-.gap-1 {
-  gap: 0.25rem;
-}
 .gap-4 {
   gap: 1rem;
 }
@@ -770,12 +694,6 @@ button {
 .self-end {
   align-self: flex-end;
 }
-.overflow-hidden {
-  overflow: hidden;
-}
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -788,29 +706,9 @@ button {
 .rounded-md {
   border-radius: 0.375rem;
 }
-.rounded-sm {
-  border-radius: 0.125rem;
-}
 .border {
   border-width: 1px;
 }
-.border-0 {
-  border-width: 0px;
-}
-.border-b {
-  border-bottom-width: 1px;
-}
-.border-solid {
-  border-style: solid;
-}
-.border-gray-100-800 {
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
-}
-.\!bg-purple-50-900 {
-  --tw-bg-opacity: 1 !important;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity)) !important;
-}
 .bg-elevate {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
@@ -818,30 +716,13 @@ button {
 .bg-gray {
   background-color: rgb(var(--c-color-gray));
 }
-.bg-gray-100-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-100-800) / var(--tw-bg-opacity));
-}
 .bg-gray-50-900 {
   --tw-bg-opacity: 1;
   background-color: rgb(var(--c-color-gray-50-900) / var(--tw-bg-opacity));
 }
-.bg-purple-50-900 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
-}
-.bg-\[length\:16px_16px\] {
-  background-size: 16px 16px;
-}
-.bg-\[length\:17px_17px\] {
-  background-size: 17px 17px;
-}
 .bg-\[length\:18px_18px\] {
   background-size: 18px 18px;
 }
-.bg-\[length\:20px_20px\] {
-  background-size: 20px 20px;
-}
 .bg-center {
   background-position: center;
 }
@@ -857,30 +738,10 @@ button {
 .p-\[5px\] {
   padding: 5px;
 }
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
 .px-3 {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
-.px-6 {
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-}
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-.py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
-}
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
 .pt-14 {
   padding-top: 3.5rem;
 }
@@ -905,12 +766,6 @@ button {
     "Segoe UI Symbol",
     "Noto Color Emoji";
 }
-.text-\[10px\] {
-  font-size: 10px;
-}
-.text-\[14px\] {
-  font-size: 14px;
-}
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
@@ -919,15 +774,6 @@ button {
   font-size: 0.75rem;
   line-height: 1rem;
 }
-.font-bold {
-  font-weight: 700;
-}
-.font-medium {
-  font-weight: 500;
-}
-.font-normal {
-  font-weight: 400;
-}
 .italic {
   font-style: italic;
 }
@@ -937,37 +783,13 @@ button {
 .text-gray {
   color: rgb(var(--c-color-gray));
 }
-.text-gray-300-600 {
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
-}
-.text-gray-600-300 {
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity));
-}
 .text-gray-700-200 {
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity));
 }
-.text-pink-600-300 {
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity));
-}
 .underline {
   text-decoration-line: underline;
 }
-.opacity-100 {
-  opacity: 1;
-}
-.opacity-30 {
-  opacity: 0.3;
-}
-.opacity-60 {
-  opacity: 0.6;
-}
-.opacity-80 {
-  opacity: 0.8;
-}
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -976,14 +798,6 @@ button {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.shadow-sm {
-  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
-  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow);
-}
 .filter {
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -2160,861 +1974,588 @@ button {
   line-height: 1.75rem;
 }
 
-/* src/rich-text-editor/rich-text-editor.css */
-.c-rich-text-editor {
-  margin: 0px auto;
-  max-width: 1100px;
-  position: relative;
-  line-height: 1.7;
+/* src/rich-text-editor/rich-text-editor-icons.css */
+.c-rte-icon-plus {
+  background-image: url(./plus-CQISIKEC.svg);
 }
-.c-rich-text-editor > * {
-  box-sizing: border-box;
+.c-rte-icon-h1 {
+  background-image: url(./type-h1-6KJP7YOM.svg);
 }
-.c-rich-text-editor {
-  font-family:
-    Roboto,
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji" !important;
-  font-weight: 400;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-900-50) / var(--tw-text-opacity));
+.c-rte-icon-h2 {
+  background-image: url(./type-h2-VHI2USC3.svg);
 }
-.c-rich-text-editor .editor-container {
-  background: #fff;
-  position: relative;
-  cursor: text;
-  margin-top: 0.5rem;
-  border-bottom-left-radius: 0.375rem;
-  border-bottom-right-radius: 0.375rem;
+.c-rte-icon-h3 {
+  background-image: url(./type-h3-JIU77CHO.svg);
 }
-.c-rich-text-editor .editor-container.plain-text {
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
+.c-rte-icon-h4 {
+  background-image: url(./type-h4-P5EHKDAL.svg);
 }
-.c-rich-text-editor span.editor-image {
-  cursor: default;
-  display: inline-block;
-  position: relative;
-  user-select: none;
+.c-rte-icon-h5 {
+  background-image: url(./type-h5-CS2KYVRG.svg);
 }
-.c-rich-text-editor .editor-image img {
-  max-width: 100%;
-  cursor: default;
+.c-rte-icon-h6 {
+  background-image: url(./type-h6-J2O74LJZ.svg);
 }
-.c-rich-text-editor .editor-image img.focused {
-  outline: 2px solid rgb(60, 132, 244);
-  user-select: none;
+.c-rte-icon-paragraph {
+  background-image: url(./text-paragraph-MFTUIIQG.svg);
 }
-.c-rich-text-editor .editor-image img.focused.draggable {
-  cursor: grab;
+.c-rte-icon-bullet-list,
+.c-rte-icon-bullet {
+  background-image: url(./list-ul-DVKNUP47.svg);
 }
-.c-rich-text-editor .editor-image img.focused.draggable:active {
-  cursor: grabbing;
+.c-rte-icon-check-list,
+.c-rte-icon-check {
+  background-image: url(./square-check-UTG6FU6D.svg);
 }
-.c-rich-text-editor .editor-image .image-caption-container {
-  display: block;
-  position: absolute;
-  bottom: 4px;
-  left: 0;
-  right: 0;
-  padding: 0;
-  margin: 0;
-  border-top: 1px solid #fff;
-  background-color: rgba(255, 255, 255, 0.9);
-  min-width: 100px;
-  color: #000;
-  overflow: hidden;
+.c-rte-icon-numbered-list,
+.c-rte-icon-number {
+  background-image: url(./list-ol-2ZEUN4Z7.svg);
 }
-.c-rich-text-editor .editor-image .image-caption-button {
-  display: block;
-  position: absolute;
-  bottom: 20px;
-  left: 0;
-  right: 0;
-  width: 30%;
-  padding: 10px;
-  margin: 0 auto;
-  border: 1px solid rgba(255, 255, 255, 0.3);
-  border-radius: 5px;
-  background-color: rgba(0, 0, 0, 0.5);
-  min-width: 100px;
-  color: #fff;
-  cursor: pointer;
-  user-select: none;
+.c-rte-icon-quote {
+  background-image: url(./chat-square-quote-CI6PUJHH.svg);
 }
-.c-rich-text-editor .editor-image .image-caption-button:hover {
-  background-color: rgba(60, 132, 244, 0.5);
+.c-rte-icon-code {
+  background-image: url(./code-SEVR6TIQ.svg);
 }
-.c-rich-text-editor .editor-scroller {
-  min-height: 150px;
-  border: 0;
-  resize: none;
-  cursor: text;
-  display: block;
-  position: relative;
-  outline: 0;
-  resize: vertical;
+.c-rte-icon-palette {
+  background-image: url(./palette-SWGFPRWZ.svg);
 }
-.c-rich-text-editor .editor {
-  height: 100%;
-  position: relative;
+.c-rte-icon-bucket {
+  background-image: url(./paint-bucket-VCISMZTH.svg);
 }
-.c-rich-text-editor .test-recorder-output {
-  margin: 20px auto 20px auto;
-  width: 100%;
+.c-rte-icon-bold {
+  background-image: url(./type-bold-PY7COC3N.svg);
 }
-.c-rich-text-editor pre {
-  line-height: 1.1;
-  color: #fff;
-  margin: 0;
-  padding: 10px;
-  overflow: auto;
-  max-height: 180px;
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
-  font-size: 0.875rem;
-  line-height: 1.25rem;
+.c-rte-icon-italic {
+  background-image: url(./type-italic-3DSFOSG2.svg);
 }
-.c-rich-text-editor pre::-webkit-scrollbar {
-  background: transparent;
-  width: 10px;
+.c-rte-icon-clear {
+  background-image: url(./trash-UOM6D7TD.svg);
 }
-.c-rich-text-editor pre::-webkit-scrollbar-thumb {
-  background: #999;
+.c-rte-icon-code {
+  background-image: url(./code-SEVR6TIQ.svg);
 }
-.c-rich-text-editor .editor-dev-button {
-  position: relative;
-  display: block;
-  width: 40px;
-  height: 40px;
-  font-size: 12px;
-  border-radius: 20px;
-  border: none;
-  cursor: pointer;
-  outline: none;
-  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.3);
-  background-color: #444;
+.c-rte-icon-underline {
+  background-image: url(./type-underline-CBFA5VLF.svg);
 }
-.c-rich-text-editor .editor-dev-button::after {
-  content: "";
-  position: absolute;
-  top: 10px;
-  right: 10px;
-  bottom: 10px;
-  left: 10px;
-  display: block;
-  background-size: contain;
-  filter: invert(1);
+.c-rte-icon-strikethrough {
+  background-image: url(./type-strikethrough-E2KKQFSX.svg);
 }
-.c-rich-text-editor .editor-dev-button:hover {
-  background-color: #555;
+.c-rte-icon-subscript {
+  background-image: url(./type-subscript-BMPTRIBU.svg);
 }
-.c-rich-text-editor .editor-dev-button.active {
-  background-color: rgb(233, 35, 35);
+.c-rte-icon-superscript {
+  background-image: url(./type-superscript-EDF6EPAA.svg);
 }
-.c-rich-text-editor .test-recorder-toolbar {
-  display: flex;
+.c-rte-icon-link {
+  background-image: url(./link-W52N4JKZ.svg);
 }
-.c-rich-text-editor .test-recorder-button {
-  position: relative;
-  display: block;
-  width: 32px;
-  height: 32px;
-  font-size: 10px;
-  padding: 6px 6px;
-  border-radius: 4px;
-  border: none;
-  cursor: pointer;
-  outline: none;
-  box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4);
-  background-color: #222;
-  transition: box-shadow 50ms ease-out;
-}
-.c-rich-text-editor .test-recorder-button:active {
-  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4);
-}
-.c-rich-text-editor .test-recorder-button + .test-recorder-button {
-  margin-left: 4px;
-}
-.c-rich-text-editor .test-recorder-button::after {
-  content: "";
-  position: absolute;
-  top: 8px;
-  right: 8px;
-  bottom: 8px;
-  left: 8px;
-  display: block;
-  background-size: contain;
-  filter: invert(1);
-}
-.c-rich-text-editor #options-button {
-  position: fixed;
-  left: 20px;
-  bottom: 20px;
-}
-.c-rich-text-editor #test-recorder-button {
-  position: fixed;
-  left: 70px;
-  bottom: 20px;
-}
-.c-rich-text-editor #paste-log-button {
-  position: fixed;
-  left: 120px;
-  bottom: 20px;
-}
-.c-rich-text-editor #options-button::after {
-  background-image: url(./gear-ICMT4NTP.svg);
-}
-.c-rich-text-editor #test-recorder-button::after {
-  background-image: url(./journal-code-XUT44HDV.svg);
-}
-.c-rich-text-editor #paste-log-button::after {
-  background-image: url(./clipboard-OSEFDF25.svg);
-}
-.c-rich-text-editor #test-recorder-button-snapshot {
-  margin-right: auto;
-}
-.c-rich-text-editor #test-recorder-button-snapshot::after {
-  background-image: url(./camera-CR7D2PNH.svg);
-}
-.c-rich-text-editor #test-recorder-button-copy::after {
-  background-image: url(./clipboard-OSEFDF25.svg);
-}
-.c-rich-text-editor #test-recorder-button-download::after {
-  background-image: url(./download-JXUGIUCX.svg);
-}
-.c-rich-text-editor .typeahead-popover {
-  background: #fff;
-  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
-  border-radius: 8px;
-  margin-top: 25px;
-}
-.c-rich-text-editor .typeahead-popover ul {
-  padding: 0;
-  list-style: none;
-  margin: 0;
-  border-radius: 8px;
-  max-height: 200px;
-  overflow-y: scroll;
-}
-.c-rich-text-editor .typeahead-popover ul::-webkit-scrollbar {
-  display: none;
-}
-.c-rich-text-editor .typeahead-popover ul {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.c-rich-text-editor .typeahead-popover ul li {
-  margin: 0;
-  min-width: 180px;
-  font-size: 14px;
-  outline: none;
-  cursor: pointer;
-  border-radius: 8px;
-}
-.c-rich-text-editor .typeahead-popover ul li.selected {
-  background: #eee;
-}
-.c-rich-text-editor .typeahead-popover li {
-  margin: 0 8px 0 8px;
-  padding: 8px;
-  color: #050505;
-  cursor: pointer;
-  line-height: 16px;
-  font-size: 15px;
-  display: flex;
-  align-content: center;
-  flex-direction: row;
-  flex-shrink: 0;
-  background-color: #fff;
-  border-radius: 8px;
-  border: 0;
-}
-.c-rich-text-editor .typeahead-popover li.active {
-  display: flex;
-  width: 20px;
-  height: 20px;
-  background-size: contain;
-}
-.c-rich-text-editor .typeahead-popover li:first-child {
-  border-radius: 8px 8px 0px 0px;
-}
-.c-rich-text-editor .typeahead-popover li:last-child {
-  border-radius: 0px 0px 8px 8px;
-}
-.c-rich-text-editor .typeahead-popover li:hover {
-  background-color: #eee;
-}
-.c-rich-text-editor .typeahead-popover li .text {
-  display: flex;
-  line-height: 20px;
-  flex-grow: 1;
-  min-width: 150px;
-}
-.c-rich-text-editor .typeahead-popover li .icon {
-  display: flex;
-  width: 20px;
-  height: 20px;
-  user-select: none;
-  margin-right: 8px;
-  line-height: 16px;
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-.c-rich-text-editor .component-picker-menu {
-  width: 200px;
-}
-.c-rich-text-editor .auto-embed-menu {
-  width: 150px;
-}
-.c-rich-text-editor i.palette {
-  background-image: url(./palette-SWGFPRWZ.svg);
-}
-.c-rich-text-editor i.bucket {
-  background-image: url(./paint-bucket-VCISMZTH.svg);
-}
-.c-rich-text-editor i.bold {
-  background-image: url(./type-bold-PY7COC3N.svg);
-}
-.c-rich-text-editor i.italic {
-  background-image: url(./type-italic-3DSFOSG2.svg);
-}
-.c-rich-text-editor i.clear {
-  background-image: url(./trash-UOM6D7TD.svg);
-}
-.c-rich-text-editor i.code {
-  background-image: url(./code-SEVR6TIQ.svg);
-}
-.c-rich-text-editor i.underline {
-  background-image: url(./type-underline-CBFA5VLF.svg);
-}
-.c-rich-text-editor i.strikethrough {
-  background-image: url(./type-strikethrough-E2KKQFSX.svg);
-}
-.c-rich-text-editor i.subscript {
-  background-image: url(./type-subscript-BMPTRIBU.svg);
-}
-.c-rich-text-editor i.superscript {
-  background-image: url(./type-superscript-EDF6EPAA.svg);
-}
-.c-rich-text-editor i.link {
-  background-image: url(./link-W52N4JKZ.svg);
-}
-.c-rich-text-editor i.horizontal-rule {
+.c-rte-icon-horizontal-rule {
   background-image: url(./horizontal-rule-N6RD2V7H.svg);
 }
-.c-rich-text-editor .icon.plus {
-  background-image: url(./plus-CQISIKEC.svg);
-}
-.c-rich-text-editor .icon.caret-right {
+.c-rte-icon-caret-right {
   background-image: url(./caret-right-fill-FFBNEXVX.svg);
 }
-.c-rich-text-editor .icon.dropdown-more {
+.c-rte-icon-dropdown-more {
   background-image: url(./dropdown-more-BHZ5COKX.svg);
 }
-.c-rich-text-editor .icon.font-color {
+.c-rte-icon-font-color {
   background-image: url(./font-color-J4GA3ZJO.svg);
 }
-.c-rich-text-editor .icon.font-family {
+.c-rte-icon-font-family {
   background-image: url(./font-family-ZU5N6TTE.svg);
 }
-.c-rich-text-editor .icon.bg-color {
+.c-rte-icon-bg-color {
   background-image: url(./bg-color-HB2WDYGO.svg);
 }
-.c-rich-text-editor i.image {
+.c-rte-icon-image {
   background-image: url(./file-image-TIQPFJX4.svg);
 }
-.c-rich-text-editor i.table {
+.c-rte-icon-table {
   background-image: url(./table-BR6DI4ZQ.svg);
 }
-.c-rich-text-editor i.close {
+.c-rte-icon-close {
   background-image: url(./close-FH57ZMJF.svg);
 }
-.c-rich-text-editor .icon.left-align,
-.c-rich-text-editor i.left-align {
+.c-rte-icon-left-align,
+.c-rte-icon-left-align {
   background-image: url(./text-left-KT2B6TR3.svg);
 }
-.c-rich-text-editor i.center-align {
+.c-rte-icon-center-align {
   background-image: url(./text-center-UQI6PAEF.svg);
 }
-.c-rich-text-editor i.right-align {
+.c-rte-icon-right-align {
   background-image: url(./text-right-SKELPISG.svg);
 }
-.c-rich-text-editor i.justify-align {
+.c-rte-icon-justify-align {
   background-image: url(./justify-J7X5JEEX.svg);
 }
-.c-rich-text-editor i.indent {
+.c-rte-icon-indent {
   background-image: url(./indent-MJ6JIMCK.svg);
 }
-.c-rich-text-editor i.outdent {
+.c-rte-icon-outdent {
   background-image: url(./outdent-2LUMUMIP.svg);
 }
-.c-rich-text-editor i.undo {
+.c-rte-icon-undo {
   background-image: url(./arrow-counterclockwise-2O5EYVJT.svg);
 }
-.c-rich-text-editor i.redo {
+.c-rte-icon-redo {
   background-image: url(./arrow-clockwise-Z2G6UEGP.svg);
 }
-.c-rich-text-editor i.mic {
+.c-rte-icon-mic {
   background-image: url(./mic-H5FNOMM7.svg);
 }
-.c-rich-text-editor i.import {
+.c-rte-icon-import {
   background-image: url(./upload-Q6KICGZW.svg);
 }
-.c-rich-text-editor i.export {
+.c-rte-icon-export {
   background-image: url(./download-JXUGIUCX.svg);
 }
-.c-rich-text-editor i.diagram-2 {
+.c-rte-icon-diagram-2 {
   background-image: url(./diagram-2-CEJUD2B4.svg);
 }
-.c-rich-text-editor i.user {
+.c-rte-icon-user {
   background-image: url(./user-EOI2NEFZ.svg);
 }
-.c-rich-text-editor i.equation {
+.c-rte-icon-equation {
   background-image: url(./plus-slash-minus-N22JU4TI.svg);
 }
-.c-rich-text-editor i.gif {
+.c-rte-icon-gif {
   background-image: url(./filetype-gif-OG2BEYYK.svg);
 }
-.c-rich-text-editor i.copy {
+.c-rte-icon-copy {
   background-image: url(./copy-DMGDODUL.svg);
 }
-.c-rich-text-editor i.success {
+.c-rte-icon-success {
   background-image: url(./success-YVXUMPEZ.svg);
 }
-.c-rich-text-editor i.prettier {
+.c-rte-icon-prettier {
   background-image: url(./prettier-WUJ7B5NV.svg);
 }
-.c-rich-text-editor i.prettier-error {
+.c-rte-icon-prettier-error {
   background-image: url(./prettier-error-DYJSLYDP.svg);
 }
-.c-rich-text-editor .link-editor {
-  box-sizing: border-box;
-}
-.c-rich-text-editor .link-editor .button.active,
-.c-rich-text-editor .toolbar .button.active {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+
+/* src/rich-text-editor/plugins/ActionsPlugin/index.css */
+.c-rte-actions-plugin {
+  z-index: 50;
+  display: flex;
+  align-items: center;
 }
-.c-rich-text-editor .link-editor {
-  border-radius: 0.5rem !important;
-  border-width: 1px;
-  border-style: solid;
-  --tw-border-opacity: 1;
-  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
-  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
-  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
-  box-shadow:
-    var(--tw-ring-offset-shadow, 0 0 #0000),
-    var(--tw-ring-shadow, 0 0 #0000),
-    var(--tw-shadow) !important;
+
+/* src/rich-text-editor/plugins/CodeActionMenuPlugin/index.css */
+.c-rte-code-action-menu-container {
+  height: 35.8px;
+  font-size: 10px;
+  color: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  user-select: none;
 }
-.c-rich-text-editor .link-editor .link-input {
-  width: 100%;
-  box-sizing: border-box;
-  margin: 8px 0;
-  padding: 8px 24px;
-  font-size: 15px;
-  color: rgb(5, 5, 5);
-  outline: 0;
-  position: relative;
-  font-family: inherit;
-  border-color: rgb(var(--c-color-gray));
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity));
+.c-rte-code-highlight-language {
+  margin-right: 4px;
 }
-.c-rich-text-editor .link-editor div.link-edit {
-  background-image: url(./pencil-fill-STFSC26F.svg);
-  background-size: 12px;
-  background-position: center;
-  background-repeat: no-repeat;
-  width: 35px;
-  vertical-align: -0.25em;
-  position: absolute;
-  right: 0;
-  top: 0;
-  bottom: 0;
+.c-rte-code-button {
+  border: 1px solid transparent;
+  border-radius: 4px;
+  padding: 4px;
+  background: none;
   cursor: pointer;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.5);
+  text-transform: uppercase;
 }
-.c-rich-text-editor .link-editor .link-input {
-  box-sizing: border-box;
-}
-.c-rich-text-editor .link-editor .link-input a {
-  color: rgb(33, 111, 219);
-  text-decoration: none;
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity));
+.c-rte-code-button:hover {
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  opacity: 0.9;
 }
-.c-rich-text-editor .link-editor .link-input a:hover {
-  text-decoration: underline;
+.c-rte-code-button:active {
+  background-color: rgba(223, 232, 250);
+  border: 1px solid rgba(0, 0, 0, 0.45);
 }
-.c-rich-text-editor .link-editor .font-size-wrapper,
-.c-rich-text-editor .link-editor .font-family-wrapper {
+.c-rte-code-button__icon {
+  height: 16px;
+  width: 16px;
+  opacity: 0.6;
   display: flex;
-  margin: 0 4px;
+  color: rgba(0, 0, 0, 0.5);
+  background-size: contain;
 }
-.c-rich-text-editor .link-editor select {
-  padding: 6px;
-  border: none;
-  background-color: rgba(0, 0, 0, 0.075);
+.c-rte-prettier-wrapper {
+  position: relative;
+}
+.c-rte-code-error-tips {
+  padding: 5px;
   border-radius: 4px;
+  color: #fff;
+  background: #222;
+  margin-top: 4px;
+  position: absolute;
+  top: 26px;
+  right: 0;
 }
-.c-rich-text-editor #block-controls {
-  display: block;
+
+/* src/rich-text-editor/plugins/DraggableBlockPlugin/index.css */
+.c-rte-draggable-block-menu {
+  border-radius: 4px;
+  padding: 2px 1px;
+  cursor: grab;
+  opacity: 0;
   position: absolute;
-  right: 10px;
-  width: 32px;
-  height: 32px;
-  box-sizing: border-box;
-  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
-  top: 16px;
-  z-index: 10;
-  border-radius: 8px;
-  border: 1px solid rgb(206, 208, 212);
-  overflow: hidden;
+  left: 0;
+  top: 0;
+  will-change: transform;
 }
-.c-rich-text-editor #block-controls button {
-  border: 1px solid white;
-  background-color: #fff;
-  display: block;
-  transition: background-color 0.1s ease;
-  cursor: pointer;
-  outline: none;
-  border-radius: 8px;
-  padding: 3px;
+.c-rte-draggable-block-menu:active {
+  cursor: grabbing;
 }
-.c-rich-text-editor #block-controls button:hover {
+.c-rte-draggable-block-menu:hover {
   background-color: #efefef;
 }
-.c-rich-text-editor #block-controls button:focus-visible {
-  border-color: blue;
-}
-.c-rich-text-editor #block-controls span.block-type {
-  background-size: contain;
-  display: block;
-  width: 18px;
-  height: 18px;
-  margin: 2px;
+.c-rte-draggable-block-menu__icon {
+  width: 16px;
+  height: 16px;
+  opacity: 0.3;
+  background-image: url(./draggable-block-menu-KKHDNKJA.svg);
 }
-.c-rich-text-editor #block-controls span.block-type.paragraph {
-  background-image: url(./text-paragraph-MFTUIIQG.svg);
+.c-rte-draggable-block-target-line {
+  pointer-events: none;
+  background: deepskyblue;
+  height: 4px;
+  position: absolute;
+  left: 0;
+  top: 0;
+  opacity: 0;
+  will-change: transform;
 }
-.c-rich-text-editor #block-controls span.block-type.h1 {
-  background-image: url(./type-h1-6KJP7YOM.svg);
+
+/* src/rich-text-editor/plugins/TableActionMenuPlugin/index.css */
+.c-rte-table-cell-action-button-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  will-change: transform;
 }
-.c-rich-text-editor #block-controls span.block-type.h2 {
-  background-image: url(./type-h2-VHI2USC3.svg);
+
+/* src/rich-text-editor/plugins/ToolbarPlugin/index.css */
+.c-rte-toolbar {
+  display: flex;
+  height: 3rem;
+  width: 100%;
+  justify-content: space-between;
+  overflow: auto;
+  border-top-left-radius: 0.375rem;
+  border-top-right-radius: 0.375rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  padding-left: 1rem;
+  padding-right: 0.5rem;
+  vertical-align: middle;
 }
-.c-rich-text-editor #block-controls span.block-type.quote {
-  background-image: url(./chat-square-quote-CI6PUJHH.svg);
+.c-rte-toolbar__inner {
+  display: flex;
 }
-.c-rich-text-editor #block-controls span.block-type.ul {
-  background-image: url(./list-ul-DVKNUP47.svg);
+.c-rte-toolbar__icon {
+  height: 1.5rem;
+  width: 1rem;
+  border-width: 1px;
+  background-size: 17px 17px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
-.c-rich-text-editor #block-controls span.block-type.ol {
-  background-image: url(./list-ol-2ZEUN4Z7.svg);
+.c-rte-toolbar__icon.disabled {
+  opacity: 0.3;
 }
-.c-rich-text-editor #block-controls span.block-type.code {
-  background-image: url(./code-SEVR6TIQ.svg);
-}
-.c-rich-text-editor .characters-limit {
-  color: #888;
-  font-size: 12px;
-  text-align: right;
-  display: block;
-  position: absolute;
-  left: 12px;
-  bottom: 5px;
-}
-.c-rich-text-editor .characters-limit.characters-limit-exceeded {
-  color: red;
-}
-.c-rich-text-editor .icon.paragraph {
-  background-image: url(./text-paragraph-MFTUIIQG.svg);
-}
-.c-rich-text-editor .icon.h1 {
-  background-image: url(./type-h1-6KJP7YOM.svg);
-}
-.c-rich-text-editor .icon.h2 {
-  background-image: url(./type-h2-VHI2USC3.svg);
-}
-.c-rich-text-editor .icon.h3 {
-  background-image: url(./type-h3-JIU77CHO.svg);
-}
-.c-rich-text-editor .icon.h4 {
-  background-image: url(./type-h4-P5EHKDAL.svg);
-}
-.c-rich-text-editor .icon.h5 {
-  background-image: url(./type-h5-CS2KYVRG.svg);
-}
-.c-rich-text-editor .icon.h6 {
-  background-image: url(./type-h6-J2O74LJZ.svg);
-}
-.c-rich-text-editor .icon.bullet-list,
-.c-rich-text-editor .icon.bullet {
-  background-image: url(./list-ul-DVKNUP47.svg);
-}
-.c-rich-text-editor .icon.check-list,
-.c-rich-text-editor .icon.check {
-  background-image: url(./square-check-UTG6FU6D.svg);
-}
-.c-rich-text-editor .icon.numbered-list,
-.c-rich-text-editor .icon.number {
-  background-image: url(./list-ol-2ZEUN4Z7.svg);
-}
-.c-rich-text-editor .icon.quote {
-  background-image: url(./chat-square-quote-CI6PUJHH.svg);
-}
-.c-rich-text-editor .icon.code {
-  background-image: url(./code-SEVR6TIQ.svg);
-}
-.c-rich-text-editor .switches {
-  z-index: 6;
-  position: fixed;
-  left: 10px;
-  bottom: 70px;
-  animation: slide-in 0.4s ease;
-}
-@keyframes slide-in {
-  0% {
-    opacity: 0;
-    transform: translateX(-200px);
-  }
-  100% {
-    opacity: 1;
-    transform: translateX(0);
-  }
+.c-rte-toolbar__block-format__icon {
+  height: 1.5rem;
+  width: 1.5rem;
+  border-radius: 0.375rem;
+  border-width: 1px;
+  background-size: 18px 18px;
+  background-position: center;
+  background-repeat: no-repeat;
+  opacity: 0.6;
 }
-.c-rich-text-editor [role=separator] {
-  height: 1px;
+.c-rte-toolbar__block-format__icon.selected {
   --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-gray-200-700) / var(--tw-bg-opacity));
-}
-.c-rich-text-editor .actions i.indent {
-  background-image: url(./indent-MJ6JIMCK.svg);
-}
-.c-rich-text-editor .actions i.outdent {
-  background-image: url(./outdent-2LUMUMIP.svg);
-}
-.c-rich-text-editor .actions i.lock {
-  background-image: url(./lock-fill-JZSKOSHK.svg);
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  opacity: 1;
 }
-.c-rich-text-editor .actions i.image {
-  background-image: url(./file-image-TIQPFJX4.svg);
+.c-rte-toolbar__block-format__text {
+  min-width: 150px;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 400;
 }
-.c-rich-text-editor .actions i.table {
-  background-image: url(./table-BR6DI4ZQ.svg);
+.c-rte-toolbar__block-format__text.selected {
+  font-weight: 700;
 }
-.c-rich-text-editor .actions i.unlock {
-  background-image: url(./lock-WCYOZOHW.svg);
+.c-rte-toolbar__toggle-icon {
+  height: 1.5rem;
+  width: 1.5rem;
+  border-width: 1px;
+  background-size: 18px 18px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
-.c-rich-text-editor .actions i.left-align {
-  background-image: url(./text-left-KT2B6TR3.svg);
+.c-rte-toolbar__code-lang__button-text {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 500;
 }
-.c-rich-text-editor .actions i.center-align {
-  background-image: url(./text-center-UQI6PAEF.svg);
+.c-rte-toolbar__code-lang__sel-item {
+  display: block;
+  min-width: 200px;
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 400;
+  opacity: 0.8;
 }
-.c-rich-text-editor .actions i.right-align {
-  background-image: url(./text-right-SKELPISG.svg);
+.c-rte-toolbar__code-lang__sel-item.selected {
+  font-weight: 700;
+  opacity: 1;
 }
-.c-rich-text-editor .actions i.justify-align {
-  background-image: url(./justify-J7X5JEEX.svg);
+.c-rte-toolbar__divider {
+  width: 1px;
+  background-color: #eee;
+  margin: 0 4px;
 }
-.c-rich-text-editor .actions i.disconnect {
-  background-image: url(./plug-HGGGEVS3.svg);
+.c-rte-toolbar__actions-rest {
+  display: flex;
+  gap: 0.25rem;
 }
-.c-rich-text-editor .actions i.connect {
-  background-image: url(./plug-fill-OTG3U4TN.svg);
+.c-rte-toolbar__icon-btn {
+  opacity: 0.6;
 }
-.c-rich-text-editor table.disable-selection {
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -khtml-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+.c-rte-toolbar__icon-btn.selected {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity)) !important;
+  opacity: 1;
 }
-.c-rich-text-editor table.disable-selection span::selection {
-  background-color: transparent;
+.c-rte-toolbar__icon-btn__icon {
+  height: 100%;
+  width: 100%;
+  border-width: 1px;
+  background-size: 18px 18px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
-.c-rich-text-editor table.disable-selection br::selection {
-  background-color: transparent;
+.c-rte-toolbar__dd-item__icon {
+  height: 1.5rem;
+  width: 1.5rem;
+  border-radius: 0.125rem;
+  border-width: 1px;
+  background-size: 16px 16px;
+  background-position: center;
+  background-repeat: no-repeat;
+  opacity: 0.6;
 }
-.c-rich-text-editor .table-cell-action-button-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  will-change: transform;
+.c-rte-toolbar__dd-item__icon.selected {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity)) !important;
+  opacity: 1;
 }
-.c-rich-text-editor .connecting {
-  font-size: 15px;
-  color: #999;
-  overflow: hidden;
-  position: absolute;
-  text-overflow: ellipsis;
-  top: 10px;
-  left: 10px;
-  user-select: none;
-  white-space: nowrap;
-  display: inline-block;
-  pointer-events: none;
+.c-rte-toolbar__dd-item__text {
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+  font-family:
+    Roboto,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  font-weight: 400;
 }
-.c-rich-text-editor .ltr {
-  text-align: left;
+.c-rte-toolbar__dd-item__text.selected {
+  font-weight: 500;
 }
-.c-rich-text-editor .rtl {
-  text-align: right;
+.c-rte-toolbar__dd-item__text--clear {
+  margin-left: 0.75rem;
+  --tw-text-opacity: 1;
+  color: rgb(var(--c-color-pink-600-300) / var(--tw-text-opacity));
 }
-.c-rich-text-editor .toolbar {
+.c-rte-toolbar__dd-item--table {
   display: flex;
-  height: 3rem;
+  align-items: center;
+  font-family:
+    Roboto,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji";
+  font-weight: 400;
+}
+.c-rte-toolbar__plus {
+  height: 100%;
   width: 100%;
-  justify-content: space-between;
-  overflow: auto;
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-  padding-right: 0.5rem;
-  padding-left: 1rem;
-  vertical-align: middle;
+  border-width: 1px;
+  background-size: 20px 20px;
+  background-position: center;
+  background-repeat: no-repeat;
 }
-.c-rich-text-editor .toolbar button.toolbar-item {
-  display: flex;
-  flex-shrink: 0;
-  cursor: pointer;
+.c-rte-insert-table {
   align-items: center;
   justify-content: space-between;
-  border-radius: 0.375rem;
-  border-width: 0px;
-  background-color: transparent;
-  padding: 0.5rem;
-  vertical-align: middle;
 }
-.c-rich-text-editor .toolbar button.toolbar-item:disabled {
-  cursor: not-allowed;
+.c-rte-insert-table__dimensions {
+  display: grid;
+  grid-template-columns: 1fr 1px 1fr;
+  border-radius: 0.375rem;
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
+  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
 }
-.c-rich-text-editor .toolbar button.toolbar-item.spaced {
-  margin-right: 0.125rem;
+.c-rte-insert-table__dimensions__separator {
+  height: 100%;
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--c-color-gray-100-800) / var(--tw-bg-opacity));
 }
-.c-rich-text-editor .toolbar button.toolbar-item i.format {
-  background-size: contain;
-  display: inline-block;
-  height: 18px;
-  width: 18px;
-  vertical-align: -0.25em;
+.c-rte-insert-table__actions {
+  margin-top: 0.75rem;
   display: flex;
-  opacity: 0.6;
-}
-.c-rich-text-editor .toolbar button.toolbar-item:disabled .icon,
-.c-rich-text-editor .toolbar button.toolbar-item:disabled .text,
-.c-rich-text-editor .toolbar button.toolbar-item:disabled i.format,
-.c-rich-text-editor .toolbar button.toolbar-item:disabled .chevron-down {
-  opacity: 0.2;
+  justify-content: flex-end;
 }
-.c-rich-text-editor .toolbar button.toolbar-item.active {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+
+/* src/rich-text-editor/rich-text-editor.css */
+.c-rich-text-editor {
+  margin: 0px auto;
+  max-width: 1100px;
+  position: relative;
+  line-height: 1.7;
+  --c-rte-min-height: 150px;
 }
-.c-rich-text-editor .toolbar button.toolbar-item.active i {
-  opacity: 1;
+.c-rich-text-editor > * {
+  box-sizing: border-box;
 }
-.c-rich-text-editor .toolbar .toolbar-item:hover:not([disabled]) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+.c-rich-text-editor {
+  font-family:
+    Roboto,
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    "Helvetica Neue",
+    Arial,
+    "Noto Sans",
+    sans-serif,
+    "Apple Color Emoji",
+    "Segoe UI Emoji",
+    "Segoe UI Symbol",
+    "Noto Color Emoji" !important;
+  font-weight: 400;
+  --tw-text-opacity: 1;
+  color: rgb(var(--c-color-gray-900-50) / var(--tw-text-opacity));
 }
-.c-rich-text-editor .toolbar .toolbar-item.font-family .text {
+.c-rich-text-editor .c-rte-editor-scroller {
+  min-height: var(--c-rte-min-height);
+  border: 0;
+  resize: none;
+  cursor: text;
   display: block;
-  max-width: 40px;
-}
-.c-rich-text-editor .toolbar .code-language {
-  width: 150px;
+  position: relative;
+  outline: 0;
+  resize: vertical;
 }
-.c-rich-text-editor .toolbar .toolbar-item .text {
-  display: flex;
-  line-height: 20px;
-  vertical-align: middle;
-  font-size: 14px;
-  color: #777;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  height: 20px;
-  text-align: left;
-  padding-right: 10px;
+.c-rich-text-editor .c-rte-editor-container {
+  background: #fff;
+  position: relative;
+  margin-top: 0.5rem;
+  cursor: text;
+  border-bottom-left-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
 }
-.c-rich-text-editor .toolbar .toolbar-item .icon {
-  display: flex;
-  width: 20px;
-  height: 20px;
-  user-select: none;
-  margin-right: 8px;
-  line-height: 16px;
-  background-size: contain;
+.c-rich-text-editor .c-rte-editor {
+  position: relative;
 }
-.c-rich-text-editor .toolbar i.chevron-down {
-  margin-top: 3px;
-  width: 16px;
-  height: 16px;
-  display: flex;
-  user-select: none;
+.c-rich-text-editor .c-rte-table-action-dropdown {
+  display: absolute;
+  right: 2px;
+  top: 2px;
 }
-.c-rich-text-editor .toolbar i.chevron-down.inside {
-  width: 16px;
-  height: 16px;
-  display: flex;
-  margin-left: -25px;
-  margin-top: 11px;
-  margin-right: 10px;
-  pointer-events: none;
+.c-rich-text-editor .c-rte-contenteditable-root {
+  position: relative;
+  display: block;
+  border-width: 0px;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-top: 0px !important;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  outline-width: 0px;
+  tab-size: 1;
+  padding-bottom: 8px;
+  min-height: calc(var(--c-rte-min-height) - 8px);
 }
-.c-rich-text-editor .toolbar .divider {
-  width: 1px;
-  background-color: #eee;
-  margin: 0 4px;
+.c-rich-text-editor pre {
+  line-height: 1.1;
+  color: #fff;
+  margin: 0;
+  padding: 10px;
+  overflow: auto;
+  max-height: 180px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  font-size: 0.875rem;
+  line-height: 1.25rem;
 }
-.c-rich-text-editor .github-corner:hover .octo-arm {
-  animation: octocat-wave 560ms ease-in-out;
+.c-rich-text-editor pre::-webkit-scrollbar {
+  background: transparent;
+  width: 10px;
 }
-@keyframes octocat-wave {
-  0%, 100% {
-    transform: rotate(0);
-  }
-  20%, 60% {
-    transform: rotate(-25deg);
-  }
-  40%, 80% {
-    transform: rotate(10deg);
-  }
+.c-rich-text-editor pre::-webkit-scrollbar-thumb {
+  background: #999;
 }
-@media (max-width: 500px) {
-  .c-rich-text-editor .github-corner:hover .octo-arm {
-    animation: none;
-  }
-  .c-rich-text-editor .github-corner .octo-arm {
-    animation: octocat-wave 560ms ease-in-out;
-  }
+.c-rich-text-editor [role=separator] {
+  height: 1px;
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--c-color-gray-200-700) / var(--tw-bg-opacity));
 }
-.c-rich-text-editor .spacer {
-  letter-spacing: -2px;
+.c-rich-text-editor .ltr {
+  text-align: left;
+}
+.c-rich-text-editor .rtl {
+  text-align: right;
 }
 .c-rich-text-editor button.item i {
   opacity: 0.6;
@@ -3045,21 +2586,6 @@ button {
   outline: 2px solid rgb(60, 132, 244);
   user-select: none;
 }
-.c-rich-text-editor .ContentEditable__root {
-  tab-size: 1;
-  min-height: calc(100% - 16px);
-  position: relative;
-  display: block;
-  border-width: 0px;
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  padding-top: 0px !important;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  outline-width: 0px;
-}
 .c-rich-text-editor .TableNode__contentEditable {
   min-height: 20px;
   border: 0px;
@@ -3095,77 +2621,31 @@ button {
   border-top: 1px solid black;
   animation: CursorBlink 1.1s steps(2, start) infinite;
 }
+.c-rich-text-editor .c-rte-placeholder {
+  pointer-events: none;
+  position: absolute;
+  left: 1.5rem;
+  right: 2.5rem;
+  top: 0px;
+  display: inline-block;
+  user-select: none;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-size: 14px;
+  font-weight: 400;
+  font-style: italic;
+  --tw-text-opacity: 1;
+  color: rgb(var(--c-color-gray-300-600) / var(--tw-text-opacity));
+}
 @keyframes CursorBlink {
   to {
     visibility: hidden;
   }
 }
-.c-rte-table-action-dropdown {
-  display: absolute;
-  right: 2px;
-  top: 2px;
-}
-
-/* src/rich-text-editor/plugins/CodeActionMenuPlugin/index.css */
-.code-action-menu-container {
-  height: 35.8px;
-  font-size: 10px;
-  color: rgba(0, 0, 0, 0.5);
-  position: absolute;
-  display: flex;
-  align-items: center;
-  flex-direction: row;
-  user-select: none;
-}
-.code-action-menu-container .code-highlight-language {
-  margin-right: 4px;
-}
-.code-action-menu-container button.menu-item {
-  border: 1px solid transparent;
-  border-radius: 4px;
-  padding: 4px;
-  background: none;
-  cursor: pointer;
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  color: rgba(0, 0, 0, 0.5);
-  text-transform: uppercase;
-}
-.code-action-menu-container button.menu-item i.format {
-  height: 16px;
-  width: 16px;
-  opacity: 0.6;
-  display: flex;
-  color: rgba(0, 0, 0, 0.5);
-  background-size: contain;
-}
-.code-action-menu-container button.menu-item:hover {
-  border: 1px solid rgba(0, 0, 0, 0.3);
-  opacity: 0.9;
-}
-.code-action-menu-container button.menu-item:active {
-  background-color: rgba(223, 232, 250);
-  border: 1px solid rgba(0, 0, 0, 0.45);
-}
-
-/* src/rich-text-editor/plugins/CodeActionMenuPlugin/components/PrettierButton/index.css */
-.code-action-menu-container .prettier-wrapper {
-  position: relative;
-}
-.code-action-menu-container .prettier-wrapper .code-error-tips {
-  padding: 5px;
-  border-radius: 4px;
-  color: #fff;
-  background: #222;
-  margin-top: 4px;
-  position: absolute;
-  top: 26px;
-  right: 0;
-}
 
 /* src/rich-text-editor/plugins/FloatingLinkEditorPlugin/index.css */
-.link-editor {
+.c-rte-link-editor {
   position: absolute;
   top: 0;
   left: 0;
@@ -3178,33 +2658,89 @@ button {
   border-radius: 8px;
   transition: opacity 0.5s;
   will-change: transform;
+  border-radius: 0.5rem !important;
+  border-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow) !important;
 }
-.link-editor .button {
-  width: 20px;
-  height: 20px;
-  display: inline-block;
-  padding: 6px;
-  border-radius: 8px;
-  cursor: pointer;
-  margin: 0 2px;
+.c-rte-link-editor-link-input {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  display: flex;
+  max-width: 100%;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  border-color: rgb(var(--c-color-gray));
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  --tw-text-opacity: 1;
+  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity));
 }
-.link-editor .button.hovered {
-  width: 20px;
-  height: 20px;
-  display: inline-block;
-  background-color: #eee;
+.c-rte-link-editor-link-input a {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  --tw-text-opacity: 1;
+  color: rgb(var(--c-color-s-blue-600-300) / var(--tw-text-opacity));
+  text-decoration-line: none;
 }
-.link-editor .button i,
-.actions i {
-  background-size: contain;
-  display: inline-block;
-  height: 20px;
-  width: 20px;
-  vertical-align: -0.25em;
+.c-rte-link-editor-link-input a:hover {
+  text-decoration-line: underline;
 }
-
-/* src/rich-text-editor/ui/LinkPreview.css */
-@keyframes glimmer-animation {
+.c-rte-link-editor-link-preview {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+.c-rte-link-editor-input-group {
+  border-width: 0px;
+  border-bottom-width: 1px;
+  border-style: solid;
+  --tw-border-opacity: 1;
+  border-color: rgb(var(--c-color-gray-100-800) / var(--tw-border-opacity));
+  padding-left: 0.75rem;
+  padding-right: 0.75rem;
+}
+.c-rte-link-editor-button-wrap {
+  display: flex;
+  justify-content: flex-end;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+.c-rte-link-editor-preview-attrs {
+  margin-top: 0.25rem;
+  display: flex;
+  gap: 0.25rem;
+}
+.c-rte-link-editor-preview-attr {
+  border-radius: 0.375rem;
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+  font-size: 10px;
+  --tw-text-opacity: 1;
+  color: rgb(var(--c-color-gray-600-300) / var(--tw-text-opacity));
+}
+@keyframes c-rte-glimmer-animation {
   0% {
     background: #f9f9f9;
   }
@@ -3215,51 +2751,37 @@ button {
     background: #f9f9f9;
   }
 }
-.LinkPreview__container {
+.c-rte-link-preview {
 }
-.LinkPreview__imageWrapper {
+.c-rte-link-preview-image-wrapper {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
   text-align: center;
 }
-.LinkPreview__image {
+.c-rte-link-preview-image {
   margin: auto;
+  display: block;
   max-height: 250px;
   max-width: 100%;
 }
-.LinkPreview__title {
+.c-rte-link-preview-title {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
-  margin-top: 0.5rem;
-  font-family:
-    "Roboto Slab",
-    ui-serif,
-    Georgia,
-    Cambria,
-    "Times New Roman",
-    Times,
-    serif;
+  margin-top: 1rem;
   font-weight: 600;
   line-height: 1.25rem;
   --tw-text-opacity: 1;
   color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity));
 }
-.LinkPreview__description {
+.c-rte-link-preview-description {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
-  margin-top: 0.5rem;
   margin-bottom: 1rem;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-}
-.LinkPreview__domain {
-  margin-left: 1.5rem;
-  margin-right: 1.5rem;
   margin-top: 0.5rem;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  --tw-text-opacity: 1;
-  color: rgb(var(--c-color-gray-700-200) / var(--tw-text-opacity));
 }
-.LinkPreview__glimmer {
+.c-rte-link-preview-glimmer {
   background: #f9f9f9;
   border-radius: 8px;
   height: 18px;
@@ -3269,11 +2791,15 @@ button {
   animation-duration: 3s;
   animation-iteration-count: infinite;
   animation-timing-function: linear;
-  animation-name: glimmer-animation;
+  animation-name: c-rte-glimmer-animation;
+}
+.c-rte-link-preview__replace-text-btn {
+  margin-bottom: 1rem;
+  margin-left: 1.25rem;
 }
 
 /* src/rich-text-editor/plugins/FloatingTextFormatToolbarPlugin/index.css */
-.c-floating-text-format-popup {
+.c-rte-floating-text-format-tb-plugin {
   vertical-align: middle;
   background-color: #fff;
   transition: opacity 0.5s;
@@ -3285,6 +2811,7 @@ button {
   top: 0px;
   z-index: 10;
   display: flex;
+  gap: 0.125rem;
   border-radius: 0.375rem;
   --tw-bg-opacity: 1;
   background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
@@ -3297,6 +2824,19 @@ button {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.c-rte-floating-text-format-tb-plugin__format-icon {
+  height: 100%;
+  width: 100%;
+  background-size: 18px 18px;
+  background-position: center;
+  background-repeat: no-repeat;
+  opacity: 0.6;
+}
+.c-rte-floating-text-format-tb-plugin__format-icon.selected {
+  --tw-bg-opacity: 1;
+  background-color: rgb(var(--c-color-purple-50-900) / var(--tw-bg-opacity));
+  opacity: 1;
+}
 .c-floating-text-format-popup button.popup-item {
   border: 0;
   display: flex;