@meowdown/core 0.82.0 → 0.83.1

package/dist/style.css

@@ -856,6 +856,14 @@
       }
     }
   }
+
+  :where(.ProseMirror) {
+    tab-size: 4;
+  }
+
+  :where(.ProseMirror) :where(p, h1, h2, h3, h4, h5, h6, blockquote, pre, ul, ol, figure, hr) {
+    margin: 0;
+  }
 }
 
 @layer meowdown.theme {
@@ -886,9 +894,13 @@
     --meowdown-mermaid-surface: color-mix(in srgb,
       var(--meowdown-mermaid-fg) 3%,
       var(--meowdown-mermaid-bg));
+    --meowdown-mermaid-surface-alt: color-mix(in srgb,
+      var(--meowdown-mermaid-fg) 8%,
+      var(--meowdown-mermaid-bg));
     --meowdown-mermaid-border: color-mix(in srgb,
       var(--meowdown-mermaid-fg) 20%,
       var(--meowdown-mermaid-bg));
+    --meowdown-mermaid-critical: var(--meowdown-danger);
     --meowdown-mermaid-error: var(--meowdown-danger);
     --meowdown-image-loading-bg: light-dark(oklch(96.7% 0 0), oklch(27.4% .005 286));
     --meowdown-image-radius: .5rem;
@@ -917,6 +929,18 @@
     --meowdown-bullet-halo-radius: 5.5px;
     --meowdown-bullet-collapsed: var(--meowdown-accent);
     --meowdown-gutter: 3.5rem;
+    --meowdown-block-padding: .3em;
+    --meowdown-h1-size: 1.75rem;
+    --meowdown-h2-size: 1.4rem;
+    --meowdown-h3-size: 1.2rem;
+    --meowdown-h4-size: 1.1rem;
+    --meowdown-h5-size: 1rem;
+    --meowdown-h6-size: .95rem;
+    --meowdown-heading-line-height: 1.25;
+    --meowdown-code-block-font-size: .9rem;
+    --meowdown-code-block-line-height: 1.5;
+    --meowdown-code-block-padding-block: .9rem;
+    --meowdown-code-block-margin-block: .3rem;
   }
 }
 
@@ -1024,44 +1048,47 @@
     padding-left: var(--meowdown-gutter);
   }
 
-  .ProseMirror > * + * {
-    margin-top: .85em;
-  }
-
   .ProseMirror p {
+    padding-block: var(--meowdown-block-padding);
     white-space: pre-wrap;
   }
 
   .ProseMirror h1, .ProseMirror h2, .ProseMirror h3, .ProseMirror h4, .ProseMirror h5, .ProseMirror h6 {
+    font-weight: 600;
+    line-height: var(--meowdown-heading-line-height);
     letter-spacing: -.01em;
     color: var(--meowdown-heading);
     white-space: pre-wrap;
-    font-weight: 600;
-    line-height: 1.25;
+    padding-top: .8em;
+    padding-bottom: .2em;
+
+    &:first-child {
+      padding-top: 0;
+    }
   }
 
   .ProseMirror h1 {
-    font-size: 1.75rem;
+    font-size: var(--meowdown-h1-size);
   }
 
   .ProseMirror h2 {
-    font-size: 1.4rem;
+    font-size: var(--meowdown-h2-size);
   }
 
   .ProseMirror h3 {
-    font-size: 1.2rem;
+    font-size: var(--meowdown-h3-size);
   }
 
   .ProseMirror h4 {
-    font-size: 1.1rem;
+    font-size: var(--meowdown-h4-size);
   }
 
   .ProseMirror h5 {
-    font-size: 1rem;
+    font-size: var(--meowdown-h5-size);
   }
 
   .ProseMirror h6 {
-    font-size: .95rem;
+    font-size: var(--meowdown-h6-size);
   }
 
   .ProseMirror .md-link {
@@ -1119,11 +1146,60 @@
     margin-top: .25em;
   }
 
+  .ProseMirror .prosemirror-flat-list {
+    flex-direction: column;
+    display: flex;
+  }
+
   .ProseMirror .prosemirror-flat-list > .list-marker {
     -webkit-user-select: none;
     user-select: none;
   }
 
+  .ProseMirror .prosemirror-flat-list {
+    --meowdown-list-first-line-top: var(--meowdown-block-padding);
+    --meowdown-list-first-line-height: 1lh;
+
+    &:has( > .list-content > [data-code-block]:first-child) {
+      --meowdown-list-first-line-top: calc(var(--meowdown-code-block-margin-block) + var(--meowdown-code-block-padding-block));
+      --meowdown-list-first-line-height: calc(var(--meowdown-code-block-line-height) * var(--meowdown-code-block-font-size));
+    }
+
+    &:has( > .list-content > h1:first-child) {
+      --meowdown-list-first-line-top: 0px;
+      --meowdown-list-first-line-height: calc(var(--meowdown-heading-line-height) * var(--meowdown-h1-size));
+    }
+
+    &:has( > .list-content > h2:first-child) {
+      --meowdown-list-first-line-top: 0px;
+      --meowdown-list-first-line-height: calc(var(--meowdown-heading-line-height) * var(--meowdown-h2-size));
+    }
+
+    &:has( > .list-content > h3:first-child) {
+      --meowdown-list-first-line-top: 0px;
+      --meowdown-list-first-line-height: calc(var(--meowdown-heading-line-height) * var(--meowdown-h3-size));
+    }
+
+    &:has( > .list-content > h4:first-child) {
+      --meowdown-list-first-line-top: 0px;
+      --meowdown-list-first-line-height: calc(var(--meowdown-heading-line-height) * var(--meowdown-h4-size));
+    }
+
+    &:has( > .list-content > h5:first-child) {
+      --meowdown-list-first-line-top: 0px;
+      --meowdown-list-first-line-height: calc(var(--meowdown-heading-line-height) * var(--meowdown-h5-size));
+    }
+
+    &:has( > .list-content > h6:first-child) {
+      --meowdown-list-first-line-top: 0px;
+      --meowdown-list-first-line-height: calc(var(--meowdown-heading-line-height) * var(--meowdown-h6-size));
+    }
+
+    & > .list-marker, &:before {
+      top: calc(var(--meowdown-list-first-line-top) + (var(--meowdown-list-first-line-height) - 1lh) / 2);
+    }
+  }
+
   .ProseMirror .prosemirror-flat-list[data-list-kind="bullet"] > .list-marker {
     background: radial-gradient(circle at center,
       var(--meowdown-bullet) 0 var(--meowdown-bullet-radius),
@@ -1203,17 +1279,19 @@
   }
 
   .ProseMirror pre {
+    margin-block: var(--meowdown-code-block-margin-block);
+    padding: var(--meowdown-code-block-padding-block) 1rem;
     background: var(--meowdown-code-bg);
     font-family: var(--meowdown-font-mono);
+    font-size: var(--meowdown-code-block-font-size);
+    line-height: var(--meowdown-code-block-line-height);
     border-radius: .6rem;
-    padding: .9rem 1rem;
-    font-size: .9em;
-    line-height: 1.5;
     overflow-x: auto;
   }
 
   .ProseMirror pre code {
     color: inherit;
+    font-size: inherit;
     background: none;
     padding: 0;
   }
@@ -1280,6 +1358,7 @@
   }
 
   .ProseMirror table {
+    margin-block: var(--meowdown-block-padding);
     border-collapse: collapse;
     width: 100%;
     overflow: hidden;
@@ -1311,22 +1390,45 @@
     text-align: right;
   }
 
-  .ProseMirror table.ProseMirror-selectednode td, .ProseMirror table.ProseMirror-selectednode th {
-    border-color: var(--meowdown-node-outline);
+  .ProseMirror table.ProseMirror-selectednode {
+    outline-offset: -1px;
+    background: none;
+  }
+
+  .ProseMirror table.ProseMirror-selectednode :is(td, th), .ProseMirror .selectedCell {
+    background-image: linear-gradient(var(--meowdown-node-selection),
+      var(--meowdown-node-selection));
   }
 
   .ProseMirror .selectedCell {
-    border: 1px double var(--meowdown-node-outline);
-    background: var(--meowdown-node-selection);
     caret-color: #0000;
   }
 
+  .ProseMirror tr > .selectedCell:first-child, .ProseMirror :not(.selectedCell) + .selectedCell {
+    border-inline-start: 1px double var(--meowdown-node-outline);
+  }
+
+  .ProseMirror tr > .selectedCell:last-child, .ProseMirror .selectedCell:has( + :not(.selectedCell)) {
+    border-inline-end: 1px double var(--meowdown-node-outline);
+  }
+
+  .ProseMirror :is(tr:first-child, tr:not(:has(.selectedCell)) + tr) > .selectedCell {
+    border-top: 1px double var(--meowdown-node-outline);
+  }
+
+  .ProseMirror tr:not(:has( + tr > .selectedCell)) > .selectedCell {
+    border-bottom: 1px double var(--meowdown-node-outline);
+  }
+
   .ProseMirror ::selection, .ProseMirror .prosekit-virtual-selection {
     background: var(--meowdown-selection);
   }
 
-  .ProseMirror.ProseMirror-hideselection ::selection {
+  .ProseMirror.ProseMirror-hideselection {
     caret-color: #0000;
+  }
+
+  .ProseMirror.ProseMirror-hideselection ::selection {
     background: none;
   }
 
@@ -1340,10 +1442,14 @@
     border-radius: .6rem;
   }
 
-  .ProseMirror.prosekit-dragging .ProseMirror-selectednode, .ProseMirror.prosekit-dragging .selectedCell {
+  .ProseMirror.prosekit-dragging .ProseMirror-selectednode {
     background: none;
   }
 
+  .ProseMirror.prosekit-dragging :is(table.ProseMirror-selectednode :is(td, th), .selectedCell) {
+    background-image: none;
+  }
+
   .ProseMirror .md-tag {
     background: color-mix(in oklab, var(--meowdown-accent) 10%, transparent);
     color: color-mix(in oklab, var(--meowdown-accent) 80%, var(--meowdown-heading));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@meowdown/core",
   "type": "module",
-  "version": "0.82.0",
+  "version": "0.83.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,20 +26,20 @@
     "@floating-ui/dom": "^1.8.0",
     "@lezer/highlight": "^1.2.5",
     "@meowdown/embed": "0.3.1",
-    "@meowdown/markdown": "0.77.0",
-    "@ocavue/utils": "^1.9.0",
+    "@meowdown/markdown": "0.78.0",
+    "@ocavue/utils": "^1.11.0",
     "@post-embed/exporter": "^0.5.0",
     "@post-embed/schema": "^0.5.2",
     "@post-embed/types": "^0.5.0",
-    "@prosekit/core": "^0.13.3",
-    "@prosekit/extensions": "^0.18.4",
-    "@prosekit/pm": "^0.1.20",
-    "@prosekit/web": "^0.9.4",
+    "@prosekit/core": "^0.13.4",
+    "@prosekit/extensions": "^0.18.5",
+    "@prosekit/pm": "^0.1.21",
+    "@prosekit/web": "^0.10.0",
     "hast-util-from-dom": "^5.0.1",
     "hast-util-to-mdast": "^10.1.2",
-    "katex": "^0.19.0",
+    "katex": "^0.19.1",
     "lru.min": "^1.1.5",
-    "mdast-util-to-markdown": "^2.2.0",
+    "mdast-util-to-markdown": "^2.2.1",
     "micromark-util-decode-string": "^2.0.1",
     "micromark-util-normalize-identifier": "^2.0.1",
     "prosemirror-enter-rules": "^0.1.6",
@@ -55,13 +55,13 @@
   "devDependencies": {
     "@meowdown/vitest": "0.0.0",
     "@ocavue/tsconfig": "^0.7.1",
-    "@tsdown/css": "^0.23.1",
+    "@tsdown/css": "^0.23.3",
     "@types/hast": "^3.0.5",
     "@types/mdast": "^4.0.4",
     "@vitest/browser-playwright": "^5.0.5",
     "dedent": "^1.7.2",
-    "diffable-html-snapshot": "^0.3.0",
-    "tsdown": "^0.23.1",
+    "diffable-html-snapshot": "^0.4.0",
+    "tsdown": "^0.23.3",
     "vitest": "^5.0.5"
   },
   "publishConfig": {