@halo-dev/richtext-editor 0.0.0-alpha.11 → 0.0.0-alpha.13

package/dist/style.css

@@ -24,63 +24,14 @@
   height: 0;
 }
 .halo-rich-text-editor .editor-content .ProseMirror pre {
-  background: #0d0d0d;
-  color: #fff;
-  font-family: "JetBrainsMono", monospace;
   padding: 0.75rem 1rem;
-  border-radius: 0;
   margin: 0;
 }
 .halo-rich-text-editor .editor-content .ProseMirror pre code {
   color: inherit;
-  padding: 0;
   background: none;
   font-size: 0.8rem;
 }
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-comment,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-quote {
-  color: #616161;
-}
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-variable,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-template-variable,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-attribute,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-tag,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-name,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-regexp,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-link,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-name,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-selector-id,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-selector-class {
-  color: #f98181;
-}
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-number,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-meta,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-built_in,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-builtin-name,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-literal,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-type,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-params {
-  color: #fbbc88;
-}
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-string,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-symbol,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-bullet {
-  color: #b9f18d;
-}
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-title,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-section {
-  color: #faf594;
-}
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-keyword,
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-selector-tag {
-  color: #70cff8;
-}
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-emphasis {
-  font-style: italic;
-}
-.halo-rich-text-editor .editor-content .ProseMirror pre .hljs-strong {
-  font-weight: 700;
-}
 .halo-rich-text-editor .editor-content .ProseMirror ul[data-type=taskList] {
   list-style: none;
   padding: 0;
@@ -98,8 +49,51 @@
 }
 .halo-rich-text-editor .editor-content .ProseMirror code br {
   display: block;
+}
+.halo-rich-text-editor .editor-content .ProseMirror table {
+  border-collapse: collapse;
+  table-layout: fixed;
+  width: 100%;
+  margin: 0;
+  overflow: hidden;
+}
+.halo-rich-text-editor .editor-content .ProseMirror table .selectedCell:after {
+  z-index: 2;
+  position: absolute;
+  content: "";
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background: rgba(200, 200, 255, 0.4);
+  pointer-events: none;
+}
+.halo-rich-text-editor .editor-content .ProseMirror table th,
+.halo-rich-text-editor .editor-content .ProseMirror table td {
+  min-width: 1em;
+  border: 2px solid #ced4da;
+  padding: 3px 5px;
+  vertical-align: top;
+  box-sizing: border-box;
+  position: relative;
+  border-width: 1px;
+}
+.halo-rich-text-editor .editor-content .ProseMirror table th > *,
+.halo-rich-text-editor .editor-content .ProseMirror table td > * {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.halo-rich-text-editor .editor-content .ProseMirror table .column-resize-handle {
+  position: absolute;
+  right: -2px;
+  top: 0;
+  bottom: -2px;
+  width: 4px;
+  background-color: #adf;
+  pointer-events: none;
+  cursor: col-resize !important;
 }/*
-! tailwindcss v3.2.1 | MIT License | https://tailwindcss.com
+! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -124,6 +118,7 @@
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
+5. Use the user's configured `sans` font-feature-settings by default.
 */
 
 html {
@@ -133,6 +128,7 @@ html {
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
   font-family: 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"; /* 4 */
+  font-feature-settings: normal; /* 5 */
 }
 
 /*
@@ -943,28 +939,6 @@ video {
 .prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
-.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.5714286em;
-  margin-bottom: 0.5714286em;
-}
-.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.1428571em;
-}
-.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.1428571em;
-}
-.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.1428571em;
-}
-.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.1428571em;
-}
-.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
 .prose-base {
   font-size: 1rem;
   line-height: 1.75;
@@ -1068,20 +1042,20 @@ video {
 .prose-base :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.375em;
 }
-.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+.prose-base :where(.prose-base > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
 }
-.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+.prose-base :where(.prose-base > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
-.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+.prose-base :where(.prose-base > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
-.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+.prose-base :where(.prose-base > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.25em;
 }
-.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+.prose-base :where(.prose-base > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.25em;
 }
 .prose-base :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
@@ -1131,80 +1105,30 @@ video {
 .prose-base :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
-.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.8888889em;
-  margin-bottom: 0.8888889em;
-}
-.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
-}
-.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
-}
-.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
-}
-.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
-}
-.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
-}
-.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.8em;
-  margin-bottom: 0.8em;
-}
-.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.2em;
-}
-.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.2em;
-}
-.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.2em;
-}
-.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.2em;
-}
-.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-base :where(.prose-base > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
-.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-base :where(.prose-base > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
-.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
-  margin-top: 0.8333333em;
-  margin-bottom: 0.8333333em;
-}
-.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
+.relative {
+  position: relative;
 }
-.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
+.my-3 {
+  margin-top: 0.75rem;
+  margin-bottom: 0.75rem;
 }
-.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 1.3333333em;
+.mt-4 {
+  margin-top: 1rem;
 }
-.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 1.3333333em;
+.mb-4 {
+  margin-bottom: 1rem;
 }
-.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
-  margin-top: 0;
-}
-.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
-  margin-bottom: 0;
+.block {
+  display: block;
 }
-.relative {
-  position: relative;
+.inline-block {
+  display: inline-block;
 }
 .flex {
   display: flex;
@@ -1215,39 +1139,42 @@ video {
 .h-full {
   height: 100%;
 }
+.h-6 {
+  height: 1.5rem;
+}
 .max-h-72 {
   max-height: 18rem;
 }
 .w-full {
   width: 100%;
 }
-.w-24 {
-  width: 6rem;
-}
-.w-52 {
-  width: 13rem;
+.w-48 {
+  width: 12rem;
 }
 .w-6 {
   width: 1.5rem;
 }
+.w-52 {
+  width: 13rem;
+}
 .\!max-w-none {
   max-width: none !important;
 }
+.cursor-pointer {
+  cursor: pointer;
+}
+.resize {
+  resize: both;
+}
 .flex-row {
   flex-direction: row;
 }
-.flex-col {
-  flex-direction: column;
-}
 .items-center {
   align-items: center;
 }
 .justify-center {
   justify-content: center;
 }
-.gap-2 {
-  gap: 0.5rem;
-}
 .gap-4 {
   gap: 1rem;
 }
@@ -1268,6 +1195,9 @@ video {
 .overflow-hidden {
   overflow: hidden;
 }
+.overflow-y-auto {
+  overflow-y: auto;
+}
 .rounded {
   border-radius: 0.25rem;
 }
@@ -1283,6 +1213,10 @@ video {
 .border-b {
   border-bottom-width: 1px;
 }
+.border-gray-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(209 213 219 / var(--tw-border-opacity));
+}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
@@ -1291,10 +1225,22 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
+.\!bg-gray-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important;
+}
 .bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
+.\!bg-white {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
+}
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
+}
 .p-1 {
   padding: 0.25rem;
 }
@@ -1311,29 +1257,31 @@ video {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
-.py-0\.5 {
-  padding-top: 0.125rem;
-  padding-bottom: 0.125rem;
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
 }
-.px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
 }
-.py-0 {
-  padding-top: 0px;
-  padding-bottom: 0px;
+.text-center {
+  text-align: center;
 }
 .text-lg {
   font-size: 1.125rem;
   line-height: 1.75rem;
 }
+.text-xs {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
 .text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
-.text-xs {
-  font-size: 0.75rem;
-  line-height: 1rem;
+.\!font-medium {
+  font-weight: 500 !important;
 }
 .\!text-black {
   --tw-text-opacity: 1 !important;
@@ -1343,10 +1291,19 @@ video {
   --tw-text-opacity: 1;
   color: rgb(75 85 99 / var(--tw-text-opacity));
 }
+.\!text-gray-900 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
+}
 .text-gray-900 {
   --tw-text-opacity: 1;
   color: rgb(17 24 39 / var(--tw-text-opacity));
 }
+.ring-2 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
 .drop-shadow {
   --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
   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);
@@ -1355,15 +1312,64 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   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);
 }
+.transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(243 244 246 / var(--tw-bg-opacity));
 }
+.focus\:border-blue-500:focus {
+  --tw-border-opacity: 1;
+  border-color: rgb(59 130 246 / var(--tw-border-opacity));
+}
+.focus\:ring-blue-500:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity));
+}
+.group:hover .group-hover\:bg-white {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
+.group:hover .group-hover\:\!bg-white {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
+}
+.group:hover .group-hover\:font-medium {
+  font-weight: 500;
+}
+.group:hover .group-hover\:text-gray-900 {
+  --tw-text-opacity: 1;
+  color: rgb(17 24 39 / var(--tw-text-opacity));
+}
+.prose-p\:mt-3 :is(:where(p):not(:where([class~="not-prose"] *))) {
+  margin-top: 0.75rem;
+}
+.prose-p\:mb-3 :is(:where(p):not(:where([class~="not-prose"] *))) {
+  margin-bottom: 0.75rem;
+}
 .prose-pre\:p-0 :is(:where(pre):not(:where([class~="not-prose"] *))) {
   padding: 0px;
 }
+.prose-img\:mt-0 :is(:where(img):not(:where([class~="not-prose"] *))) {
+  margin-top: 0px;
+}
+.prose-img\:mb-0 :is(:where(img):not(:where([class~="not-prose"] *))) {
+  margin-bottom: 0px;
+}
 .resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.v-popper--theme-tooltip .v-popper__inner{background:rgba(0,0,0,.8);color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}
-.command-items {
+pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.command-items {
     position: relative;
     max-height: 18rem;
     width: 13rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@halo-dev/richtext-editor",
-  "version": "0.0.0-alpha.11",
+  "version": "0.0.0-alpha.13",
   "description": "",
   "files": [
     "dist"
@@ -29,16 +29,16 @@
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@iconify/json": "^2.1.129",
+    "@iconify/json": "^2.1.142",
     "@types/katex": "^0.14.0",
-    "@vue/compiler-sfc": "^3.2.41",
+    "@vue/compiler-sfc": "^3.2.45",
     "autoprefixer": "^10.4.13",
-    "postcss": "^8.4.18",
+    "postcss": "^8.4.19",
     "release-it": "^15.5.0",
-    "sass": "^1.55.0",
-    "tailwindcss": "^3.2.1",
-    "unplugin-icons": "^0.14.12",
-    "vite-plugin-dts": "^1.6.6"
+    "sass": "^1.56.1",
+    "tailwindcss": "^3.2.4",
+    "unplugin-icons": "^0.14.14",
+    "vite-plugin-dts": "^1.7.1"
   },
   "exports": {
     ".": {
@@ -48,41 +48,42 @@
     "./dist/style.css": "./dist/style.css"
   },
   "dependencies": {
-    "@tiptap/core": "2.0.0-beta.195",
-    "@tiptap/extension-blockquote": "^2.0.0-beta.199",
-    "@tiptap/extension-bold": "^2.0.0-beta.199",
-    "@tiptap/extension-bullet-list": "^2.0.0-beta.199",
-    "@tiptap/extension-code": "^2.0.0-beta.199",
-    "@tiptap/extension-code-block": "^2.0.0-beta.199",
-    "@tiptap/extension-code-block-lowlight": "2.0.0-beta.195",
-    "@tiptap/extension-document": "^2.0.0-beta.199",
-    "@tiptap/extension-dropcursor": "^2.0.0-beta.199",
-    "@tiptap/extension-gapcursor": "^2.0.0-beta.199",
-    "@tiptap/extension-hard-break": "^2.0.0-beta.199",
-    "@tiptap/extension-heading": "^2.0.0-beta.199",
-    "@tiptap/extension-history": "^2.0.0-beta.199",
-    "@tiptap/extension-horizontal-rule": "^2.0.0-beta.199",
-    "@tiptap/extension-image": "2.0.0-beta.195",
-    "@tiptap/extension-italic": "^2.0.0-beta.199",
-    "@tiptap/extension-link": "2.0.0-beta.195",
-    "@tiptap/extension-list-item": "^2.0.0-beta.199",
-    "@tiptap/extension-ordered-list": "^2.0.0-beta.199",
-    "@tiptap/extension-paragraph": "^2.0.0-beta.199",
-    "@tiptap/extension-placeholder": "2.0.0-beta.195",
-    "@tiptap/extension-strike": "^2.0.0-beta.199",
-    "@tiptap/extension-subscript": "2.0.0-beta.195",
-    "@tiptap/extension-superscript": "2.0.0-beta.195",
-    "@tiptap/extension-table": "2.0.0-beta.195",
-    "@tiptap/extension-table-cell": "2.0.0-beta.195",
-    "@tiptap/extension-table-header": "2.0.0-beta.195",
-    "@tiptap/extension-table-row": "2.0.0-beta.195",
-    "@tiptap/extension-task-item": "2.0.0-beta.195",
-    "@tiptap/extension-task-list": "2.0.0-beta.195",
-    "@tiptap/extension-text": "^2.0.0-beta.199",
-    "@tiptap/extension-text-align": "2.0.0-beta.195",
-    "@tiptap/extension-underline": "2.0.0-beta.195",
-    "@tiptap/suggestion": "2.0.0-beta.195",
-    "@tiptap/vue-3": "2.0.0-beta.195",
+    "@tiptap/core": "2.0.0-beta.202",
+    "@tiptap/extension-blockquote": "^2.0.0-beta.202",
+    "@tiptap/extension-bold": "^2.0.0-beta.202",
+    "@tiptap/extension-bullet-list": "^2.0.0-beta.202",
+    "@tiptap/extension-code": "^2.0.0-beta.202",
+    "@tiptap/extension-code-block": "^2.0.0-beta.202",
+    "@tiptap/extension-code-block-lowlight": "2.0.0-beta.202",
+    "@tiptap/extension-document": "^2.0.0-beta.202",
+    "@tiptap/extension-dropcursor": "^2.0.0-beta.202",
+    "@tiptap/extension-gapcursor": "^2.0.0-beta.202",
+    "@tiptap/extension-hard-break": "^2.0.0-beta.202",
+    "@tiptap/extension-heading": "^2.0.0-beta.202",
+    "@tiptap/extension-history": "^2.0.0-beta.202",
+    "@tiptap/extension-horizontal-rule": "^2.0.0-beta.202",
+    "@tiptap/extension-image": "2.0.0-beta.202",
+    "@tiptap/extension-italic": "^2.0.0-beta.202",
+    "@tiptap/extension-link": "2.0.0-beta.202",
+    "@tiptap/extension-list-item": "^2.0.0-beta.202",
+    "@tiptap/extension-ordered-list": "^2.0.0-beta.202",
+    "@tiptap/extension-paragraph": "^2.0.0-beta.202",
+    "@tiptap/extension-placeholder": "2.0.0-beta.202",
+    "@tiptap/extension-strike": "^2.0.0-beta.202",
+    "@tiptap/extension-subscript": "2.0.0-beta.202",
+    "@tiptap/extension-superscript": "2.0.0-beta.202",
+    "@tiptap/extension-table": "2.0.0-beta.202",
+    "@tiptap/extension-table-cell": "2.0.0-beta.202",
+    "@tiptap/extension-table-header": "2.0.0-beta.202",
+    "@tiptap/extension-table-row": "2.0.0-beta.202",
+    "@tiptap/extension-task-item": "2.0.0-beta.202",
+    "@tiptap/extension-task-list": "2.0.0-beta.202",
+    "@tiptap/extension-text": "^2.0.0-beta.202",
+    "@tiptap/extension-text-align": "2.0.0-beta.202",
+    "@tiptap/extension-underline": "2.0.0-beta.202",
+    "@tiptap/suggestion": "2.0.0-beta.202",
+    "@tiptap/vue-3": "2.0.0-beta.202",
+    "@vueuse/core": "^9.6.0",
     "floating-vue": "2.0.0-beta.20",
     "katex": "^0.16.3",
     "lowlight": "^2.7.0",

package/dist/components/EditorHeader.vue.d.ts

@@ -1,19 +0,0 @@
-import type { PropType } from "vue";
-declare const _sfc_main: import("vue").DefineComponent<{
-    menuItems: {
-        type: PropType<MenuItem[]>;
-        required: false;
-        default: () => any[];
-    };
-}, {
-    VMenu: any;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    menuItems: {
-        type: PropType<MenuItem[]>;
-        required: false;
-        default: () => any[];
-    };
-}>>, {
-    menuItems: MenuItem[];
-}>;
-export default _sfc_main;

package/dist/extensions/code-block/code-block.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("@tiptap/vue-3").Node<import("@tiptap/extension-code-block-lowlight").CodeBlockLowlightOptions, any>;
-export default _default;

package/dist/extensions/code-block/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ExtensionCodeBlock } from "./code-block";
-export { default as lowlight } from "./lowlight";

package/dist/extensions/code-block/lowlight.d.ts

@@ -1,2 +0,0 @@
-import { lowlight } from "lowlight";
-export default lowlight;