@milkdown/crepe 7.5.7 → 7.5.9

package/src/theme/common/image-block.css

@@ -95,7 +95,11 @@
     }
 
     .empty-image-inline .link-importer .placeholder {
-      color: color-mix(in srgb, var(--crepe-color-on-background), transparent 60%);
+      color: color-mix(
+        in srgb,
+        var(--crepe-color-on-background),
+        transparent 60%
+      );
       :not(input)::selection {
         background: transparent;
       }
@@ -231,13 +235,17 @@
     &.selected > .image-edit:not(:has(input:focus)) {
       position: relative;
       &::before {
-        content: "";
+        content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;
-        background: color-mix(in srgb, var(--crepe-color-selected), transparent 60%);
+        background: color-mix(
+          in srgb,
+          var(--crepe-color-selected),
+          transparent 60%
+        );
         pointer-events: none;
       }
     }
@@ -246,13 +254,17 @@
       & > .image-wrapper {
         position: relative;
         &::before {
-          content: "";
+          content: '';
           position: absolute;
           top: 0;
           left: 0;
           right: 0;
           bottom: 0;
-          background: color-mix(in srgb, var(--crepe-color-selected), transparent 60%);
+          background: color-mix(
+            in srgb,
+            var(--crepe-color-selected),
+            transparent 60%
+          );
         }
       }
       :not(input)::selection {
@@ -334,7 +346,11 @@
     }
 
     .image-edit .link-importer .placeholder {
-      color: color-mix(in srgb, var(--crepe-color-on-background), transparent 60%);
+      color: color-mix(
+        in srgb,
+        var(--crepe-color-on-background),
+        transparent 60%
+      );
       :not(input)::selection {
         background: transparent;
       }
@@ -374,7 +390,12 @@
       font-size: 14px;
       font-weight: 600;
       &:hover {
-        background: linear-gradient(0deg, rgba(29, 25, 43, 0.08) 0%, rgba(29, 25, 43, 0.08) 100%), var(--crepe-color-secondary);
+        background: linear-gradient(
+            0deg,
+            rgba(29, 25, 43, 0.08) 0%,
+            rgba(29, 25, 43, 0.08) 100%
+          ),
+          var(--crepe-color-secondary);
       }
     }
   }

package/src/theme/common/link-tooltip.css

@@ -46,6 +46,7 @@
         overflow: hidden;
         text-overflow: ellipsis;
         font-size: 14px;
+        white-space: nowrap;
         &:hover {
           text-decoration: underline;
         }

package/src/theme/common/placeholder.css

@@ -1,7 +1,11 @@
 .milkdown {
   .crepe-placeholder::before {
     position: absolute;
-    color: color-mix(in srgb, var(--crepe-color-on-background), transparent 60%);
+    color: color-mix(
+      in srgb,
+      var(--crepe-color-on-background),
+      transparent 60%
+    );
     pointer-events: none;
     height: 0;
     content: attr(data-placeholder);

package/src/theme/common/prosemirror.css

@@ -1 +1 @@
-@import "@milkdown/kit/prose/view/style/prosemirror.css";
+@import '@milkdown/kit/prose/view/style/prosemirror.css';

package/src/theme/common/style.css

@@ -1,10 +1,10 @@
-@import "./prosemirror.css";
-@import "./block-edit.css";
-@import "./code-mirror.css";
-@import "./cursor.css";
-@import "./image-block.css";
-@import "./link-tooltip.css";
-@import "./list-item.css";
-@import "./placeholder.css";
-@import "./toolbar.css";
-@import "./table.css";
+@import './prosemirror.css';
+@import './block-edit.css';
+@import './code-mirror.css';
+@import './cursor.css';
+@import './image-block.css';
+@import './link-tooltip.css';
+@import './list-item.css';
+@import './placeholder.css';
+@import './toolbar.css';
+@import './table.css';

package/src/theme/common/table.css

@@ -1,12 +1,14 @@
-@import "@milkdown/kit/prose/tables/style/tables.css";
+@import '@milkdown/kit/prose/tables/style/tables.css';
 
 .milkdown {
   milkdown-table-block {
     display: block;
     margin: 4px 0;
 
-    th,td {
-      border: 1px solid color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
+    th,
+    td {
+      border: 1px solid
+        color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
       padding: 4px 16px;
       .ProseMirror-selectednode {
         background-color: transparent !important;
@@ -37,10 +39,11 @@
       flex-direction: column;
       outline: 1px solid var(--crepe-color-primary);
       outline-offset: -1px;
-      &[data-show="false"] {
+      &[data-show='false'] {
         display: none;
       }
-      th,td {
+      th,
+      td {
         &:has(.ProseMirror-selectednode) {
           outline: none;
         }
@@ -53,7 +56,7 @@
       transition: opacity ease-in-out 0.2s;
     }
 
-    .handle[data-show="false"] {
+    .handle[data-show='false'] {
       opacity: 0;
     }
 
@@ -79,13 +82,13 @@
         background-color: var(--crepe-color-surface);
       }
 
-      &[data-role="col-drag-handle"] {
+      &[data-role='col-drag-handle'] {
         transform: translateY(50%);
         padding: 0 6px;
         width: 28px;
         height: 16px;
       }
-      &[data-role="row-drag-handle"] {
+      &[data-role='row-drag-handle'] {
         transform: translateX(50%);
         padding: 6px 0;
         width: 16px;
@@ -103,7 +106,7 @@
         box-shadow: var(--crepe-shadow-1);
 
         &::after {
-          content: "";
+          content: '';
           position: absolute;
           bottom: -8px;
           height: 8px;
@@ -111,7 +114,7 @@
           width: 100%;
         }
 
-        &[data-show="false"] {
+        &[data-show='false'] {
           display: none;
         }
 
@@ -145,7 +148,7 @@
     .line-handle {
       z-index: 20;
       background-color: var(--crepe-color-primary);
-      &:hover{
+      &:hover {
         opacity: 1;
       }
       .add-button {
@@ -168,7 +171,7 @@
           background: var(--crepe-color-selected);
         }
       }
-      &[data-role="x-line-drag-handle"] {
+      &[data-role='x-line-drag-handle'] {
         height: 1px;
         z-index: 2;
         .add-button {
@@ -179,7 +182,7 @@
           height: 28px;
         }
       }
-      &[data-role="y-line-drag-handle"] {
+      &[data-role='y-line-drag-handle'] {
         width: 1px;
         z-index: 1;
         .add-button {
@@ -190,7 +193,7 @@
           height: 16px;
         }
       }
-      &[data-display-type="indicator"]  {
+      &[data-display-type='indicator'] {
         .add-button {
           display: none;
         }

package/src/theme/common/toolbar.css

@@ -1,6 +1,6 @@
 .milkdown {
   milkdown-toolbar {
-    &[data-show="false"] {
+    &[data-show='false'] {
       display: none;
     }
     position: absolute;
@@ -12,7 +12,11 @@
 
     .divider {
       width: 1px;
-      background: color-mix(in srgb, var(--crepe-color-outline), transparent 80%);
+      background: color-mix(
+        in srgb,
+        var(--crepe-color-outline),
+        transparent 80%
+      );
       height: 24px;
       margin: 10px;
     }
@@ -26,7 +30,7 @@
       border-radius: 4px;
 
       &:hover {
-        background: var(--crepe-color-hover)
+        background: var(--crepe-color-hover);
       }
 
       &:active {

package/src/theme/crepe/style.css

@@ -1,28 +1,30 @@
-@import "../_internal/classic-common.css";
+@import '../_internal/classic-common.css';
 
 .milkdown {
-  --crepe-color-background: #FFFDFB;
-  --crepe-color-on-background: #1F1B16;
-  --crepe-color-surface: #FFF8F4;
-  --crepe-color-surface-low: #FFF1E5;
-  --crepe-color-on-surface: #201B13;
-  --crepe-color-on-surface-variant: #4F4539;
+  --crepe-color-background: #fffdfb;
+  --crepe-color-on-background: #1f1b16;
+  --crepe-color-surface: #fff8f4;
+  --crepe-color-surface-low: #fff1e5;
+  --crepe-color-on-surface: #201b13;
+  --crepe-color-on-surface-variant: #4f4539;
   --crepe-color-outline: #817567;
   --crepe-color-primary: #805610;
-  --crepe-color-secondary: #FBDEBC;
+  --crepe-color-secondary: #fbdebc;
   --crepe-color-on-secondary: #271904;
-  --crepe-color-inverse: #362F27;
-  --crepe-color-on-inverse: #FCEFE2;
-  --crepe-color-inline-code: #BA1A1A;
-  --crepe-color-error: #BA1A1A;
-  --crepe-color-hover: #F9ECDF;
-  --crepe-color-selected: #EDE0D4;
-  --crepe-color-inline-area: #E4D8CC;
+  --crepe-color-inverse: #362f27;
+  --crepe-color-on-inverse: #fcefe2;
+  --crepe-color-inline-code: #ba1a1a;
+  --crepe-color-error: #ba1a1a;
+  --crepe-color-hover: #f9ecdf;
+  --crepe-color-selected: #ede0d4;
+  --crepe-color-inline-area: #e4d8cc;
 
-  --crepe-font-title: Georgia, Cambria, "Times New Roman", Times, serif;
-  --crepe-font-default: "Open Sans", Arial, Helvetica, sans-serif;
-  --crepe-font-code: Fira Code, Menlo, Monaco, "Courier New", Courier, monospace;
+  --crepe-font-title: Georgia, Cambria, 'Times New Roman', Times, serif;
+  --crepe-font-default: 'Open Sans', Arial, Helvetica, sans-serif;
+  --crepe-font-code: Fira Code, Menlo, Monaco, 'Courier New', Courier, monospace;
 
-  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
-  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
 }

package/src/theme/crepe-dark/style.css

@@ -1,28 +1,30 @@
-@import "../_internal/classic-common.css";
+@import '../_internal/classic-common.css';
 
 .milkdown {
-  --crepe-color-background: #1F1B16;
-  --crepe-color-on-background: #EAE1D9;
-  --crepe-color-surface: #18120B;
-  --crepe-color-surface-low: #201B13;
-  --crepe-color-on-surface: #EDE0D4;
-  --crepe-color-on-surface-variant: #D3C4B4;
-  --crepe-color-outline: #9C8F80;
-  --crepe-color-primary: #F4BD6F;
-  --crepe-color-secondary: #56442A;
-  --crepe-color-on-secondary: #FBDEBC;
-  --crepe-color-inverse: #EDE0D4;
-  --crepe-color-on-inverse: #362F27;
-  --crepe-color-inline-code: #FFB4AB;
-  --crepe-color-error: #FFB4AB;
-  --crepe-color-hover: #251F17;
-  --crepe-color-selected: #3B342B;
-  --crepe-color-inline-area: #3F3830;
+  --crepe-color-background: #1f1b16;
+  --crepe-color-on-background: #eae1d9;
+  --crepe-color-surface: #18120b;
+  --crepe-color-surface-low: #201b13;
+  --crepe-color-on-surface: #ede0d4;
+  --crepe-color-on-surface-variant: #d3c4b4;
+  --crepe-color-outline: #9c8f80;
+  --crepe-color-primary: #f4bd6f;
+  --crepe-color-secondary: #56442a;
+  --crepe-color-on-secondary: #fbdebc;
+  --crepe-color-inverse: #ede0d4;
+  --crepe-color-on-inverse: #362f27;
+  --crepe-color-inline-code: #ffb4ab;
+  --crepe-color-error: #ffb4ab;
+  --crepe-color-hover: #251f17;
+  --crepe-color-selected: #3b342b;
+  --crepe-color-inline-area: #3f3830;
 
-  --crepe-font-title: Georgia, Cambria, "Times New Roman", Times, serif;
-  --crepe-font-default: "Open Sans", Arial, Helvetica, sans-serif;
-  --crepe-font-code: Fira Code, Menlo, Monaco, "Courier New", Courier, monospace;
+  --crepe-font-title: Georgia, Cambria, 'Times New Roman', Times, serif;
+  --crepe-font-default: 'Open Sans', Arial, Helvetica, sans-serif;
+  --crepe-font-code: Fira Code, Menlo, Monaco, 'Courier New', Courier, monospace;
 
-  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 1px 3px 1px rgba(255, 255, 255, 0.15);
-  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 2px 6px 2px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.3),
+    0px 1px 3px 1px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.3),
+    0px 2px 6px 2px rgba(255, 255, 255, 0.15);
 }

package/src/theme/frame/style.css

@@ -1,28 +1,31 @@
-@import "../_internal/classic-common.css";
+@import '../_internal/classic-common.css';
 
 .milkdown {
-  --crepe-color-background: #FFFFFF;
+  --crepe-color-background: #ffffff;
   --crepe-color-on-background: #000000;
-  --crepe-color-surface: #F7F7F7;
-  --crepe-color-surface-low: #EDEDED;
-  --crepe-color-on-surface: #1C1C1C;
-  --crepe-color-on-surface-variant: #4D4D4D;
-  --crepe-color-outline: #A8A8A8;
+  --crepe-color-surface: #f7f7f7;
+  --crepe-color-surface-low: #ededed;
+  --crepe-color-on-surface: #1c1c1c;
+  --crepe-color-on-surface-variant: #4d4d4d;
+  --crepe-color-outline: #a8a8a8;
   --crepe-color-primary: #333333;
-  --crepe-color-secondary: #CFCFCF;
+  --crepe-color-secondary: #cfcfcf;
   --crepe-color-on-secondary: #000000;
-  --crepe-color-inverse: #F0F0F0;
-  --crepe-color-on-inverse: #1A1A1A;
-  --crepe-color-inline-code: #BA1A1A;
-  --crepe-color-error: #BA1A1A;
-  --crepe-color-hover: #E0E0E0;
-  --crepe-color-selected: #D5D5D5;
-  --crepe-color-inline-area: #CACACA;
+  --crepe-color-inverse: #f0f0f0;
+  --crepe-color-on-inverse: #1a1a1a;
+  --crepe-color-inline-code: #ba1a1a;
+  --crepe-color-error: #ba1a1a;
+  --crepe-color-hover: #e0e0e0;
+  --crepe-color-selected: #d5d5d5;
+  --crepe-color-inline-area: #cacaca;
 
-  --crepe-font-title: "Noto Serif", Cambria, "Times New Roman", Times, serif;
-  --crepe-font-default: "Noto Sans", Arial, Helvetica, sans-serif;
-  --crepe-font-code: "Space Mono", Fira Code, Menlo, Monaco, "Courier New", Courier, monospace;
+  --crepe-font-title: 'Noto Serif', Cambria, 'Times New Roman', Times, serif;
+  --crepe-font-default: 'Noto Sans', Arial, Helvetica, sans-serif;
+  --crepe-font-code: 'Space Mono', Fira Code, Menlo, Monaco, 'Courier New',
+    Courier, monospace;
 
-  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
-  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
 }

package/src/theme/frame-dark/style.css

@@ -1,28 +1,31 @@
-@import "../_internal/classic-common.css";
+@import '../_internal/classic-common.css';
 
 .milkdown {
-  --crepe-color-background: #1A1A1A;
-  --crepe-color-on-background: #E6E6E6;
+  --crepe-color-background: #1a1a1a;
+  --crepe-color-on-background: #e6e6e6;
   --crepe-color-surface: #121212;
-  --crepe-color-surface-low: #1C1C1C;
-  --crepe-color-on-surface: #D1D1D1;
-  --crepe-color-on-surface-variant: #A9A9A9;
+  --crepe-color-surface-low: #1c1c1c;
+  --crepe-color-on-surface: #d1d1d1;
+  --crepe-color-on-surface-variant: #a9a9a9;
   --crepe-color-outline: #757575;
-  --crepe-color-primary: #B5B5B5;
-  --crepe-color-secondary: #4D4D4D;
-  --crepe-color-on-secondary: #D6D6D6;
-  --crepe-color-inverse: #E5E5E5;
-  --crepe-color-on-inverse: #2A2A2A;
-  --crepe-color-inline-code: #FF6666;
-  --crepe-color-error: #FF6666;
+  --crepe-color-primary: #b5b5b5;
+  --crepe-color-secondary: #4d4d4d;
+  --crepe-color-on-secondary: #d6d6d6;
+  --crepe-color-inverse: #e5e5e5;
+  --crepe-color-on-inverse: #2a2a2a;
+  --crepe-color-inline-code: #ff6666;
+  --crepe-color-error: #ff6666;
   --crepe-color-hover: #232323;
-  --crepe-color-selected: #2F2F2F;
-  --crepe-color-inline-area: #2B2B2B;
+  --crepe-color-selected: #2f2f2f;
+  --crepe-color-inline-area: #2b2b2b;
 
-  --crepe-font-title: "Noto Serif", Cambria, "Times New Roman", Times, serif;
-  --crepe-font-default: "Noto Sans", Arial, Helvetica, sans-serif;
-  --crepe-font-code: "Space Mono", Fira Code, Menlo, Monaco, "Courier New", Courier, monospace;
+  --crepe-font-title: 'Noto Serif', Cambria, 'Times New Roman', Times, serif;
+  --crepe-font-default: 'Noto Sans', Arial, Helvetica, sans-serif;
+  --crepe-font-code: 'Space Mono', Fira Code, Menlo, Monaco, 'Courier New',
+    Courier, monospace;
 
-  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 1px 3px 1px rgba(255, 255, 255, 0.15);
-  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 2px 6px 2px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.3),
+    0px 1px 3px 1px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.3),
+    0px 2px 6px 2px rgba(255, 255, 255, 0.15);
 }

package/src/theme/nord/style.css

@@ -1,28 +1,31 @@
-@import "../_internal/classic-common.css";
+@import '../_internal/classic-common.css';
 
 .milkdown {
-  --crepe-color-background: #FDFCFF;
-  --crepe-color-on-background: #1B1C1D;
-  --crepe-color-surface: #F8F9FF;
-  --crepe-color-surface-low: #F2F3FA;
-  --crepe-color-on-surface: #191C20;
-  --crepe-color-on-surface-variant: #43474E;
-  --crepe-color-outline: #73777F;
-  --crepe-color-primary: #37618E;
-  --crepe-color-secondary: #D7E3F8;
-  --crepe-color-on-secondary: #101C2B;
-  --crepe-color-inverse: #2E3135;
-  --crepe-color-on-inverse: #EFF0F7;
-  --crepe-color-inline-code: #BA1A1A;
-  --crepe-color-error: #BA1A1A;
-  --crepe-color-hover: #ECEEF4;
-  --crepe-color-selected: #E1E2E8;
-  --crepe-color-inline-area: #D8DAE0;
+  --crepe-color-background: #fdfcff;
+  --crepe-color-on-background: #1b1c1d;
+  --crepe-color-surface: #f8f9ff;
+  --crepe-color-surface-low: #f2f3fa;
+  --crepe-color-on-surface: #191c20;
+  --crepe-color-on-surface-variant: #43474e;
+  --crepe-color-outline: #73777f;
+  --crepe-color-primary: #37618e;
+  --crepe-color-secondary: #d7e3f8;
+  --crepe-color-on-secondary: #101c2b;
+  --crepe-color-inverse: #2e3135;
+  --crepe-color-on-inverse: #eff0f7;
+  --crepe-color-inline-code: #ba1a1a;
+  --crepe-color-error: #ba1a1a;
+  --crepe-color-hover: #eceef4;
+  --crepe-color-selected: #e1e2e8;
+  --crepe-color-inline-area: #d8dae0;
 
-  --crepe-font-title: Rubik, Cambria, "Times New Roman", Times, serif;
+  --crepe-font-title: Rubik, Cambria, 'Times New Roman', Times, serif;
   --crepe-font-default: Inter, Arial, Helvetica, sans-serif;
-  --crepe-font-code: "JetBrains Mono", Menlo, Monaco, "Courier New", Courier, monospace;
+  --crepe-font-code: 'JetBrains Mono', Menlo, Monaco, 'Courier New', Courier,
+    monospace;
 
-  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
-  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30);
+  --crepe-shadow-1: 0px 1px 3px 1px rgba(0, 0, 0, 0.15),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
+  --crepe-shadow-2: 0px 2px 6px 2px rgba(0, 0, 0, 0.15),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.3);
 }

package/src/theme/nord-dark/style.css

@@ -1,28 +1,31 @@
-@import "../_internal/classic-common.css";
+@import '../_internal/classic-common.css';
 
 .milkdown {
-  --crepe-color-background: #1B1C1D;
-  --crepe-color-on-background: #F8F9FF;
+  --crepe-color-background: #1b1c1d;
+  --crepe-color-on-background: #f8f9ff;
   --crepe-color-surface: #111418;
-  --crepe-color-surface-low: #191C20;
-  --crepe-color-on-surface: #E1E2E8;
-  --crepe-color-on-surface-variant: #C3C6CF;
-  --crepe-color-outline: #8D9199;
-  --crepe-color-primary: #A1C9FD;
-  --crepe-color-secondary: #3C4858;
-  --crepe-color-on-secondary: #D7E3F8;
-  --crepe-color-inverse: #E1E2E8;
-  --crepe-color-on-inverse: #2E3135;
-  --crepe-color-inline-code: #FFB4AB;
-  --crepe-color-error: #FFB4AB;
-  --crepe-color-hover: #1D2024;
-  --crepe-color-selected: #32353A;
+  --crepe-color-surface-low: #191c20;
+  --crepe-color-on-surface: #e1e2e8;
+  --crepe-color-on-surface-variant: #c3c6cf;
+  --crepe-color-outline: #8d9199;
+  --crepe-color-primary: #a1c9fd;
+  --crepe-color-secondary: #3c4858;
+  --crepe-color-on-secondary: #d7e3f8;
+  --crepe-color-inverse: #e1e2e8;
+  --crepe-color-on-inverse: #2e3135;
+  --crepe-color-inline-code: #ffb4ab;
+  --crepe-color-error: #ffb4ab;
+  --crepe-color-hover: #1d2024;
+  --crepe-color-selected: #32353a;
   --crepe-color-inline-area: #111418;
 
-  --crepe-font-title: Rubik, Cambria, "Times New Roman", Times, serif;
+  --crepe-font-title: Rubik, Cambria, 'Times New Roman', Times, serif;
   --crepe-font-default: Inter, Arial, Helvetica, sans-serif;
-  --crepe-font-code: "JetBrains Mono", Menlo, Monaco, "Courier New", Courier, monospace;
+  --crepe-font-code: 'JetBrains Mono', Menlo, Monaco, 'Courier New', Courier,
+    monospace;
 
-  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 1px 3px 1px rgba(255, 255, 255, 0.15);
-  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.30), 0px 2px 6px 2px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-1: 0px 1px 2px 0px rgba(255, 255, 255, 0.3),
+    0px 1px 3px 1px rgba(255, 255, 255, 0.15);
+  --crepe-shadow-2: 0px 1px 2px 0px rgba(255, 255, 255, 0.3),
+    0px 2px 6px 2px rgba(255, 255, 255, 0.15);
 }

package/src/utils/index.ts

@@ -10,7 +10,10 @@ export function isInList(selection: Selection) {
   return type?.name === 'list_item'
 }
 
-export function defIfNotExists(tagName: string, element: CustomElementConstructor) {
+export function defIfNotExists(
+  tagName: string,
+  element: CustomElementConstructor
+) {
   if (customElements.get(tagName) == null)
     customElements.define(tagName, element)
 }

package/lib/cjs/index-9Lsv_-NW.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var listItemBlock = require('@milkdown/kit/component/list-item-block');
-var atomico = require('atomico');
-var clsx = require('clsx');
-var todoList = require('./todoList-Qb2JsRGC.js');
-
-function configureListItem(ctx, config) {
-  ctx.set(listItemBlock.listItemBlockConfig.key, {
-    renderLabel: ({ label, listType, checked, readonly }) => {
-      var _a, _b, _c, _d, _e, _f;
-      if (checked == null) {
-        if (listType === "bullet")
-          return atomico.html`<span class='label'>${(_b = (_a = config == null ? void 0 : config.bulletIcon) == null ? void 0 : _a.call(config)) != null ? _b : todoList.bulletIcon}</span>`;
-        return atomico.html`<span class='label'>${label}</span>`;
-      }
-      if (checked)
-        return atomico.html`<span class=${clsx("label checkbox", readonly && "readonly")}>${(_d = (_c = config == null ? void 0 : config.checkBoxCheckedIcon) == null ? void 0 : _c.call(config)) != null ? _d : todoList.checkBoxCheckedIcon}</span>`;
-      return atomico.html`<span class=${clsx("label checkbox", readonly && "readonly")}>${(_f = (_e = config == null ? void 0 : config.checkBoxUncheckedIcon) == null ? void 0 : _e.call(config)) != null ? _f : todoList.checkBoxUncheckedIcon}</span>`;
-    }
-  });
-}
-const defineFeature = (editor, config) => {
-  editor.config((ctx) => configureListItem(ctx, config)).use(listItemBlock.listItemBlockComponent);
-};
-
-exports.defineFeature = defineFeature;
-//# sourceMappingURL=index-9Lsv_-NW.js.map

package/lib/cjs/index-9Lsv_-NW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-9Lsv_-NW.js","sources":["../../src/feature/list-item/index.ts"],"sourcesContent":["import type { Ctx } from '@milkdown/kit/ctx'\nimport { listItemBlockComponent, listItemBlockConfig } from '@milkdown/kit/component/list-item-block'\nimport { html } from 'atomico'\nimport clsx from 'clsx'\nimport type { DefineFeature, Icon } from '../shared'\nimport { bulletIcon, checkBoxCheckedIcon, checkBoxUncheckedIcon } from '../../icons'\n\nexport interface ListItemConfig {\n  bulletIcon: Icon\n  checkBoxCheckedIcon: Icon\n  checkBoxUncheckedIcon: Icon\n}\n\nexport type ListItemFeatureConfig = Partial<ListItemConfig>\n\nfunction configureListItem(ctx: Ctx, config?: ListItemFeatureConfig) {\n  ctx.set(listItemBlockConfig.key, {\n    renderLabel: ({ label, listType, checked, readonly }) => {\n      if (checked == null) {\n        if (listType === 'bullet')\n          return html`<span class='label'>${config?.bulletIcon?.() ?? bulletIcon}</span>`\n\n        return html`<span class='label'>${label}</span>`\n      }\n\n      if (checked)\n        return html`<span class=${clsx('label checkbox', readonly && 'readonly')}>${config?.checkBoxCheckedIcon?.() ?? checkBoxCheckedIcon}</span>`\n\n      return html`<span class=${clsx('label checkbox', readonly && 'readonly')}>${config?.checkBoxUncheckedIcon?.() ?? checkBoxUncheckedIcon}</span>`\n    },\n  })\n}\n\nexport const defineFeature: DefineFeature<ListItemFeatureConfig> = (editor, config) => {\n  editor\n    .config(ctx => configureListItem(ctx, config))\n    .use(listItemBlockComponent)\n}\n"],"names":["listItemBlockConfig","html","bulletIcon","checkBoxCheckedIcon","checkBoxUncheckedIcon","listItemBlockComponent"],"mappings":";;;;;;;AAeA,SAAS,iBAAA,CAAkB,KAAU,MAAgC,EAAA;AACnE,EAAI,GAAA,CAAA,GAAA,CAAIA,kCAAoB,GAAK,EAAA;AAAA,IAC/B,aAAa,CAAC,EAAE,OAAO,QAAU,EAAA,OAAA,EAAS,UAAe,KAAA;AAjB7D,MAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAkBM,MAAA,IAAI,WAAW,IAAM,EAAA;AACnB,QAAA,IAAI,QAAa,KAAA,QAAA;AACf,UAAA,OAAOC,YAA2B,CAAA,oBAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,UAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAA0BC,mBAAU,CAAA,OAAA,CAAA,CAAA;AAExE,QAAA,OAAOD,mCAA2B,KAAK,CAAA,OAAA,CAAA,CAAA;AAAA,OACzC;AAEA,MAAI,IAAA,OAAA;AACF,QAAO,OAAAA,YAAA,CAAA,YAAA,EAAmB,IAAK,CAAA,gBAAA,EAAkB,QAAY,IAAA,UAAU,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,mBAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAmCE,4BAAmB,CAAA,OAAA,CAAA,CAAA;AAEpI,MAAO,OAAAF,YAAA,CAAA,YAAA,EAAmB,IAAK,CAAA,gBAAA,EAAkB,QAAY,IAAA,UAAU,CAAC,CAAI,CAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,qBAAR,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,KAAA,IAAA,GAAA,EAAA,GAAqCG,8BAAqB,CAAA,OAAA,CAAA,CAAA;AAAA,KACxI;AAAA,GACD,CAAA,CAAA;AACH,CAAA;AAEa,MAAA,aAAA,GAAsD,CAAC,MAAA,EAAQ,MAAW,KAAA;AACrF,EACG,MAAA,CAAA,MAAA,CAAO,SAAO,iBAAkB,CAAA,GAAA,EAAK,MAAM,CAAC,CAAA,CAC5C,IAAIC,oCAAsB,CAAA,CAAA;AAC/B;;;;"}

package/lib/cjs/index-HAz9lsCD.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-HAz9lsCD.js","sources":["../../src/feature/code-mirror/index.ts"],"sourcesContent":["import { codeBlockComponent, codeBlockConfig } from '@milkdown/kit/component/code-block'\nimport type { LanguageDescription } from '@codemirror/language'\nimport type { Extension } from '@codemirror/state'\nimport { basicSetup } from 'codemirror'\nimport { keymap } from '@codemirror/view'\nimport { defaultKeymap, indentWithTab } from '@codemirror/commands'\nimport type { html } from 'atomico'\nimport type { DefineFeature, Icon } from '../shared'\nimport { chevronDownIcon, clearIcon, searchIcon } from '../../icons'\n\ninterface CodeMirrorConfig {\n  extensions: Extension[]\n  languages: LanguageDescription[]\n  theme: Extension\n\n  expandIcon: Icon\n  searchIcon: Icon\n  clearSearchIcon: Icon\n\n  searchPlaceholder: string\n  noResultText: string\n\n  renderLanguage: (language: string, selected: boolean) => ReturnType<typeof html> | string | HTMLElement\n}\nexport type CodeMirrorFeatureConfig = Partial<CodeMirrorConfig>\n\nexport const defineFeature: DefineFeature<CodeMirrorFeatureConfig> = (editor, config = {}) => {\n  editor\n    .config(async (ctx) => {\n      let {\n        languages,\n        theme,\n      } = config\n      if (!languages) {\n        const { languages: langList } = await import('@codemirror/language-data')\n        languages = langList\n      }\n      if (!theme) {\n        const { oneDark } = await import('@codemirror/theme-one-dark')\n        theme = oneDark\n      }\n      ctx.update(codeBlockConfig.key, defaultConfig => ({\n        extensions: [\n          keymap.of(defaultKeymap.concat(indentWithTab)),\n          basicSetup,\n          theme,\n          ...config?.extensions ?? [],\n        ],\n        languages,\n\n        expandIcon: config.expandIcon || (() => chevronDownIcon),\n        searchIcon: config.searchIcon || (() => searchIcon),\n        clearSearchIcon: config.clearSearchIcon || (() => clearIcon),\n        searchPlaceholder: config.searchPlaceholder || 'Search language',\n        noResultText: config.noResultText || 'No result',\n        renderLanguage: config.renderLanguage || defaultConfig.renderLanguage,\n      }))\n    })\n    .use(codeBlockComponent)\n}\n"],"names":["codeBlockConfig","keymap","defaultKeymap","indentWithTab","basicSetup","chevronDownIcon","searchIcon","clearIcon","codeBlockComponent"],"mappings":";;;;;;;;;AA0BO,MAAM,aAAwD,GAAA,CAAC,MAAQ,EAAA,MAAA,GAAS,EAAO,KAAA;AAC5F,EACG,MAAA,CAAA,MAAA,CAAO,OAAO,GAAQ,KAAA;AACrB,IAAI,IAAA;AAAA,MACF,SAAA;AAAA,MACA,KAAA;AAAA,KACE,GAAA,MAAA,CAAA;AACJ,IAAA,IAAI,CAAC,SAAW,EAAA;AACd,MAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAa,GAAA,MAAM,OAAO,2BAA2B,CAAA,CAAA;AACxE,MAAY,SAAA,GAAA,QAAA,CAAA;AAAA,KACd;AACA,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAA,MAAM,EAAE,OAAA,EAAY,GAAA,MAAM,OAAO,4BAA4B,CAAA,CAAA;AAC7D,MAAQ,KAAA,GAAA,OAAA,CAAA;AAAA,KACV;AACA,IAAI,GAAA,CAAA,MAAA,CAAOA,yBAAgB,CAAA,GAAA,EAAK,CAAc,aAAA,KAAA;AAzCpD,MAAA,IAAA,EAAA,CAAA;AAyCwD,MAAA,OAAA;AAAA,QAChD,UAAY,EAAA;AAAA,UACVC,WAAO,CAAA,EAAA,CAAGC,sBAAc,CAAA,MAAA,CAAOC,sBAAa,CAAC,CAAA;AAAA,UAC7CC,qBAAA;AAAA,UACA,KAAA;AAAA,UACA,GAAG,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,MAAA,CAAQ,UAAR,KAAA,IAAA,GAAA,EAAA,GAAsB,EAAC;AAAA,SAC5B;AAAA,QACA,SAAA;AAAA,QAEA,UAAA,EAAY,MAAO,CAAA,UAAA,KAAe,MAAMC,wBAAA,CAAA;AAAA,QACxC,UAAA,EAAY,MAAO,CAAA,UAAA,KAAe,MAAMC,mBAAA,CAAA;AAAA,QACxC,eAAA,EAAiB,MAAO,CAAA,eAAA,KAAoB,MAAMC,kBAAA,CAAA;AAAA,QAClD,iBAAA,EAAmB,OAAO,iBAAqB,IAAA,iBAAA;AAAA,QAC/C,YAAA,EAAc,OAAO,YAAgB,IAAA,WAAA;AAAA,QACrC,cAAA,EAAgB,MAAO,CAAA,cAAA,IAAkB,aAAc,CAAA,cAAA;AAAA,OACzD,CAAA;AAAA,KAAE,CAAA,CAAA;AAAA,GACH,CACA,CAAA,GAAA,CAAIC,4BAAkB,CAAA,CAAA;AAC3B;;;;"}