@readme/markdown 14.13.0 → 14.13.1

package/dist/processor/transform/mdxish/components/mdx-blocks.d.ts

@@ -1,37 +1,6 @@
 import type { Parent } from 'mdast';
 import type { Plugin } from 'unified';
 export { parseAttributes, parseTag } from '../../../../lib/utils/mdxish/mdxish-component-tag-parser';
-/**
- * Transform PascalCase HTML nodes into mdxJsxFlowElement nodes.
- *
- * Remark parses unknown/custom component tags as raw HTML nodes.
- * These are the custom readme MDX syntax for components.
- * This transformer identifies these patterns and converts them to proper MDX JSX elements so they
- * can be accurately recognized and rendered later with their component definition code.
- *
- * Note: The main goal is to promote PascalCase tags to MDX elements, but we want to promote
- * normal HTML to MDX elements in some cases so they get the full custom parsing behavior.
- * E.g. tags with JSX expressions, nested components, etc.
- *
- * The mdx-component micromark tokenizer ensures that multi-line components are captured
- * as single HTML nodes, so this transformer only needs to handle two cases:
- *
- * ### 1. Self-closing tags
- * ```
- * <Component />
- * ```
- * Parsed as: `html: "<Component />"`
- *
- * ### 2. Self-contained blocks (entire component in single HTML node)
- * ```
- * <Component>
- *   content
- * </Component>
- * ```
- * Parsed as: `html: "<Component>\n  content\n</Component>"`
- * The opening tag, content, and closing tag are all captured in one HTML node
- * (guaranteed by the mdx-component tokenizer).
- */
 declare const mdxishMdxComponentBlocks: Plugin<[{
     safeMode?: boolean;
 }?], Parent>;

package/dist/render-fixture.css

@@ -1,4 +1,4 @@
-.Accordion{background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px}.Accordion-title{align-items:center;background:rgba(var(--color-bg-page-rgb, white), 1);border:0;border-radius:5px;color:var(--color-text-default, #384248);cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:10px;position:relative;text-align:left;width:100%}.Accordion-title:hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}.Accordion[open] .Accordion-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.Accordion-title::marker{content:""}.Accordion-title::-webkit-details-marker{display:none}.Accordion-toggleIcon,.Accordion-toggleIcon_opened{color:var(--color-text-minimum, #637288);font-size:14px;margin-left:5px;margin-right:10px;transition:transform .1s}.Accordion-toggleIcon_opened,.Accordion-toggleIcon_opened_opened{transform:rotate(90deg)}.Accordion-icon{color:var(--project-color-primary, inherit);margin-right:10px}.Accordion-content{color:var(--color-text-muted, #4f5a66);padding:5px 15px 0 15px}
+.Accordion{background:rgba(var(--color-bg-page-rgb, white), 1);border:1px solid var(--color-border-default, rgba(0, 0, 0, 0.1));border-radius:5px}.Accordion-title{align-items:center;background:rgba(var(--color-bg-page-rgb, white), 1);border:0;border-radius:5px;color:var(--color-text-default, #384248);cursor:pointer;display:flex;font-size:16px;font-weight:500;padding:10px;position:relative;text-align:left;width:100%}.Accordion-title:hover{background:var(--color-bg-hover, rgba(0, 0, 0, 0.05))}.Accordion[open] .Accordion-title{border-bottom-left-radius:0;border-bottom-right-radius:0}.Accordion-title::marker{content:""}.Accordion-title::-webkit-details-marker{display:none}.Accordion-toggleIcon,.Accordion-toggleIcon_opened{color:var(--color-text-minimum, #637288);font-size:14px;margin-left:5px;margin-right:10px;transition:transform .1s}.Accordion-toggleIcon_opened,.Accordion-toggleIcon_opened_opened{transform:rotate(90deg)}.Accordion-icon{color:var(--project-color-primary, inherit);margin-right:10px}.Accordion-content{color:var(--color-text-muted, #4f5a66);padding:5px 15px 0 15px}.Accordion-content>*{margin-bottom:var(--markdown-spacing, 15px)}
 .CardsGrid{--CardsGrid-gap: 1.5em;--CardsGrid-columns: auto-fit;--CardsGrid-cardWidth: auto;display:grid;gap:var(--CardsGrid-gap);grid-template-columns:repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr))}.Card{--Card-badge-bg-color: var(--yellow);--Card-badge-color: var(--yellow10);--Card-content-color: var(--color-text-minimum);--Card-gap: 0.25em;--Card-href-arrow-opacity: 0;--Card-href-arrow-transform: translateX(-5px);--Card-icon-color: var(--color-text-default);--Card-icon-opacity: 0.65;--Card-icon-opacity-hover: 0.75;--Card-line-height: 1.4;--Card-shadow: none;--Card-title-color: var(--color-text-default);background:var(--Card-bg-color);border:1px solid var(--Card-border-color);border-radius:var(--border-radius-lg);box-shadow:var(--Card-shadow);display:flex;flex-direction:var(--Card-layout);gap:var(--Card-gap);line-height:var(--Card-line-height);padding:var(--Card-padding);text-decoration:none}.Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0);--Card-border-color: var(--color-border-default);--Card-layout: column;--Card-padding: 1.5em}[data-color-mode=dark] .Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1)}@media(prefers-color-scheme: dark){[data-color-mode=auto] .Card_card,[data-color-mode=system] .Card_card{--Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);--Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1)}}.Card_tile{--Card-gap: 1em;--Card-icon-opacity: 0.5;--Card-layout: row}.Card_tile .Card-content{--Card-gap: 0}.Card[href]:not([href=""]){color:inherit;text-decoration:none}.Card[href]:not([href=""]):hover,.Card[href]:not([href=""]):active,.Card[href]:not([href=""]):focus{--Card-icon-opacity: var(--Card-icon-opacity-hover);--Card-href-arrow-opacity: 0.75;--Card-href-arrow-transform: none;background:var(--Card-bg-color-hover)}.Card-icon{color:var(--Card-icon-color);font-size:1.4em;margin-bottom:.5em;opacity:var(--Card-icon-opacity);transition:opacity var(--transition-timing) var(--transition-fast)}.Card-title{align-items:flex-start;color:var(--Card-title-color);display:flex;gap:.5em;font-weight:var(--font-weight-bold)}.Card-badge{align-items:center;background:var(--Card-badge-bg-color);border-radius:1em;color:var(--Card-badge-color);font-size:.6em;padding:0 .5em;display:inline-flex;position:relative;top:.5em}.Card-arrow{font-size:.8em;opacity:var(--Card-href-arrow-opacity);position:relative;top:.375em;transition:opacity var(--transition-timing) var(--transition-fast),transform var(--transition-timing) var(--transition-fast);transform:var(--Card-href-arrow-transform)}.Card-content{color:var(--Card-content-color);display:flex;flex-direction:column;font-size:1em;gap:var(--Card-gap)}.Card-content p:last-child{margin-bottom:0}
 .Columns{display:grid;gap:var(--md, 20px)}@media(max-width: 414px){.Columns{grid-template-columns:1fr !important}}
 .TabGroup-nav{border-bottom:solid var(--color-border-default, rgba(0, 0, 0, 0.1));margin-bottom:15px}.TabGroup-tab{background:none;border:0;color:var(--color-text-minimum, #637288);cursor:pointer;font-size:15px;font-weight:600;margin-right:15px;padding:0;padding-bottom:10px}.TabGroup-tab_active{background:none;border:0;border-bottom:solid var(--color-tab-active, currentcolor);color:var(--color-tab-active, currentcolor);font-size:15px;font-weight:600;margin-right:15px;margin-bottom:-2px;padding:0;padding-bottom:10px}.TabGroup-tab:hover{color:var(--color-text-muted, #4f5a66)}.TabGroup-icon{color:var(--project-color-primary, inherit);margin-right:10px}.TabGroup .TabContent{color:var(--color-text-muted, #4f5a66)}

package/dist/render-fixture.css.map

@@ -1 +1 @@
-{"version":3,"file":"render-fixture.css","mappings":"AAAA,WACE,oDACA,iEACA,kBAEA,iBACE,mBACA,oDACA,SACA,kBACA,yCACA,eACA,aACA,eACA,gBACA,aACA,kBACA,gBACA,WAEA,uBACE,sDAGF,kCACE,4BACA,6BAGF,yBACE,WAGF,yCACE,aAIJ,mDAEE,yCACA,eACA,gBACA,kBACA,yBAEA,iEACE,wBAIJ,gBACE,4CACA,kBAGF,mBACE,uCACA,wB;ACtDJ,WACE,uBACA,8BACA,4BAEA,aACA,yBACA,gGAGF,MAGE,qCACA,oCACA,gDACA,mBACA,6BACA,8CACA,6CACA,0BACA,gCACA,wBACA,oBACA,8CAEA,gCACA,0CACA,sCACA,8BACA,aACA,kCACA,oBACA,oCACA,4BACA,qBAEA,WACE,2DACA,iEACA,iDACA,sBACA,sBCXA,kCDcE,8DACA,mECTA,mCAFF,sEDUE,8DACA,oEAIJ,WACE,gBACA,yBACA,mBAEA,yBACE,cAKJ,2BACE,cACA,qBAEA,oGAGE,oDACA,gCACA,kCAEA,sCAIJ,WACE,6BACA,gBACA,mBACA,iCACA,mEAGF,YACE,uBACA,8BACA,aACA,SACA,oCAGF,YACE,mBACA,sCACA,kBACA,8BACA,eACA,eACA,oBACA,kBACA,SAGF,YACE,eACA,uCACA,kBACA,WACA,4HACE,CAEF,2CAGF,cACE,gCACA,aACA,sBACA,cACA,oBAEA,2BACE,gB;AE7HN,SACE,aACA,oBAEA,yBAJF,SAKI,sC;ACNF,cACE,oEACA,mBAGF,cACE,gBACA,SACA,yCACA,eACA,eACA,gBACA,kBACA,UACA,oBAEA,qBACE,gBACA,SACA,0DACA,4CACA,eACA,gBACA,kBACA,mBACA,UACA,oBAGF,oBACE,uCAIJ,eACE,4CACA,kBAGF,sBACE,uC","sources":["webpack://@readme/markdown/./components/Accordion/style.scss","webpack://@readme/markdown/./components/Cards/style.scss","webpack://@readme/markdown/./styles/mixins/dark-mode.scss","webpack://@readme/markdown/./components/Columns/style.scss","webpack://@readme/markdown/./components/Tabs/style.scss"],"sourcesContent":[".Accordion {\n  background: rgba(var(--color-bg-page-rgb, white), 1);\n  border: 1px solid var(--color-border-default, rgba(black, 0.1));\n  border-radius: 5px;\n\n  &-title {\n    align-items: center;\n    background: rgba(var(--color-bg-page-rgb, white), 1);\n    border: 0;\n    border-radius: 5px;\n    color: var(--color-text-default, #384248);\n    cursor: pointer;\n    display: flex;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 10px;\n    position: relative;\n    text-align: left;\n    width: 100%;\n\n    &:hover {\n      background: var(--color-bg-hover, rgba(black, 0.05));\n    }\n\n    .Accordion[open] & {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &::marker {\n      content: \"\";\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    } \n  }\n\n  &-toggleIcon,\n  &-toggleIcon_opened {\n    color: var(--color-text-minimum, #637288);\n    font-size: 14px;\n    margin-left: 5px;\n    margin-right: 10px;\n    transition: transform 0.1s;\n\n    &_opened {\n      transform: rotate(90deg);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  &-content {\n    color: var(--color-text-muted, #4f5a66);\n    padding: 5px 15px 0 15px;\n  }\n}\n","@import '../../styles/mixins/dark-mode.scss';\n\n$iphone-plus: 414px;\n\n.CardsGrid {\n  --CardsGrid-gap: 1.5em;\n  --CardsGrid-columns: auto-fit;\n  --CardsGrid-cardWidth: auto;\n\n  display: grid;\n  gap: var(--CardsGrid-gap);\n  grid-template-columns: repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr));\n}\n\n.Card {\n  $card: &;\n\n  --Card-badge-bg-color: var(--yellow);\n  --Card-badge-color: var(--yellow10);\n  --Card-content-color: var(--color-text-minimum);\n  --Card-gap: 0.25em;\n  --Card-href-arrow-opacity: 0;\n  --Card-href-arrow-transform: translateX(-5px);\n  --Card-icon-color: var(--color-text-default);\n  --Card-icon-opacity: 0.65;\n  --Card-icon-opacity-hover: 0.75;\n  --Card-line-height: 1.4;\n  --Card-shadow: none;\n  --Card-title-color: var(--color-text-default);\n\n  background: var(--Card-bg-color);\n  border: 1px solid var(--Card-border-color);\n  border-radius: var(--border-radius-lg);\n  box-shadow: var(--Card-shadow);\n  display: flex;\n  flex-direction: var(--Card-layout);\n  gap: var(--Card-gap);\n  line-height: var(--Card-line-height);\n  padding: var(--Card-padding);\n  text-decoration: none;\n\n  &_card {\n    --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-border-color: var(--color-border-default);\n    --Card-layout: column;\n    --Card-padding: 1.5em;\n\n    @include dark-mode {\n      --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);\n      --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1);\n    }\n  }\n\n  &_tile {\n    --Card-gap: 1em;\n    --Card-icon-opacity: 0.5;\n    --Card-layout: row;\n\n    #{$card}-content {\n      --Card-gap: 0;\n    }\n  }\n\n  // needs specificity to override the default link styles; while preserving logic for empty hrefs\n  &[href]:not([href='']) {\n    color: inherit;\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --Card-icon-opacity: var(--Card-icon-opacity-hover);\n      --Card-href-arrow-opacity: 0.75;\n      --Card-href-arrow-transform: none;\n\n      background: var(--Card-bg-color-hover);\n    }\n  }\n\n  &-icon {\n    color: var(--Card-icon-color);\n    font-size: 1.4em;\n    margin-bottom: 0.5em;\n    opacity: var(--Card-icon-opacity);\n    transition: opacity var(--transition-timing) var(--transition-fast);\n  }\n\n  &-title {\n    align-items: flex-start;\n    color: var(--Card-title-color);\n    display: flex;\n    gap: 0.5em;\n    font-weight: var(--font-weight-bold);\n  }\n\n  &-badge {\n    align-items: center;\n    background: var(--Card-badge-bg-color);\n    border-radius: 1em;\n    color: var(--Card-badge-color);\n    font-size: 0.6em;\n    padding: 0 0.5em;\n    display: inline-flex;\n    position: relative;\n    top: 0.5em;\n  }\n\n  &-arrow {\n    font-size: 0.8em;\n    opacity: var(--Card-href-arrow-opacity);\n    position: relative;\n    top: 0.375em;\n    transition:\n      opacity var(--transition-timing) var(--transition-fast),\n      transform var(--transition-timing) var(--transition-fast);\n    transform: var(--Card-href-arrow-transform);\n  }\n\n  &-content {\n    color: var(--Card-content-color);\n    display: flex;\n    flex-direction: column;\n    font-size: 1em;\n    gap: var(--Card-gap);\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n","/*  We’re planning to move this in to the monorepo in which case\n    we could share the dark mode mix in. Kelly is planning to take\n    some time to make that move so can we add a comment here to\n    circle back on this at that point?\n\n    - Rafe\n      April 2025\n*/\n\n@mixin dark-mode($global: false) {\n  $root: &;\n\n  @if not $root {\n    [data-color-mode='dark'] {\n      @content;\n    }\n\n    [data-color-mode='auto'],\n    [data-color-mode='system'] {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  } @else if $global {\n    :global([data-color-mode='dark']) & {\n      @content;\n    }\n\n    :global([data-color-mode='auto']) &,\n    :global([data-color-mode='system']) & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  } @else {\n    [data-color-mode='dark'] & {\n      @content;\n    }\n\n    [data-color-mode='auto'] &,\n    [data-color-mode='system'] & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  }\n}\n","$iphone-plus: 414px;\n\n.Columns {\n  display: grid;\n  gap: var(--md, 20px);\n\n  @media (max-width: $iphone-plus) {\n    grid-template-columns: 1fr !important;\n  }\n}\n",".TabGroup {\n  &-nav {\n    border-bottom: solid var(--color-border-default, #{rgba(black, 0.1)});\n    margin-bottom: 15px;\n  }\n\n  &-tab {\n    background: none;\n    border: 0;\n    color: var(--color-text-minimum, #637288);\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 600;\n    margin-right: 15px;\n    padding: 0;\n    padding-bottom: 10px;\n\n    &_active {\n      background: none;\n      border: 0;\n      border-bottom: solid var(--color-tab-active, currentcolor);\n      color: var(--color-tab-active, currentcolor);\n      font-size: 15px;\n      font-weight: 600;\n      margin-right: 15px;\n      margin-bottom: -2px;\n      padding: 0;\n      padding-bottom: 10px;\n    }\n\n    &:hover {\n      color: var(--color-text-muted, #4f5a66);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  .TabContent {\n    color: var(--color-text-muted, #4f5a66);\n  }\n}\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"render-fixture.css","mappings":"AAAA,WACE,oDACA,iEACA,kBAEA,iBACE,mBACA,oDACA,SACA,kBACA,yCACA,eACA,aACA,eACA,gBACA,aACA,kBACA,gBACA,WAEA,uBACE,sDAGF,kCACE,4BACA,6BAGF,yBACE,WAGF,yCACE,aAIJ,mDAEE,yCACA,eACA,gBACA,kBACA,yBAEA,iEACE,wBAIJ,gBACE,4CACA,kBAGF,mBACE,uCACA,wBAEA,qBACE,4C;ACzDN,WACE,uBACA,8BACA,4BAEA,aACA,yBACA,gGAGF,MAGE,qCACA,oCACA,gDACA,mBACA,6BACA,8CACA,6CACA,0BACA,gCACA,wBACA,oBACA,8CAEA,gCACA,0CACA,sCACA,8BACA,aACA,kCACA,oBACA,oCACA,4BACA,qBAEA,WACE,2DACA,iEACA,iDACA,sBACA,sBCXA,kCDcE,8DACA,mECTA,mCAFF,sEDUE,8DACA,oEAIJ,WACE,gBACA,yBACA,mBAEA,yBACE,cAKJ,2BACE,cACA,qBAEA,oGAGE,oDACA,gCACA,kCAEA,sCAIJ,WACE,6BACA,gBACA,mBACA,iCACA,mEAGF,YACE,uBACA,8BACA,aACA,SACA,oCAGF,YACE,mBACA,sCACA,kBACA,8BACA,eACA,eACA,oBACA,kBACA,SAGF,YACE,eACA,uCACA,kBACA,WACA,4HACE,CAEF,2CAGF,cACE,gCACA,aACA,sBACA,cACA,oBAEA,2BACE,gB;AE7HN,SACE,aACA,oBAEA,yBAJF,SAKI,sC;ACNF,cACE,oEACA,mBAGF,cACE,gBACA,SACA,yCACA,eACA,eACA,gBACA,kBACA,UACA,oBAEA,qBACE,gBACA,SACA,0DACA,4CACA,eACA,gBACA,kBACA,mBACA,UACA,oBAGF,oBACE,uCAIJ,eACE,4CACA,kBAGF,sBACE,uC","sources":["webpack://@readme/markdown/./components/Accordion/style.scss","webpack://@readme/markdown/./components/Cards/style.scss","webpack://@readme/markdown/./styles/mixins/dark-mode.scss","webpack://@readme/markdown/./components/Columns/style.scss","webpack://@readme/markdown/./components/Tabs/style.scss"],"sourcesContent":[".Accordion {\n  background: rgba(var(--color-bg-page-rgb, white), 1);\n  border: 1px solid var(--color-border-default, rgba(black, 0.1));\n  border-radius: 5px;\n\n  &-title {\n    align-items: center;\n    background: rgba(var(--color-bg-page-rgb, white), 1);\n    border: 0;\n    border-radius: 5px;\n    color: var(--color-text-default, #384248);\n    cursor: pointer;\n    display: flex;\n    font-size: 16px;\n    font-weight: 500;\n    padding: 10px;\n    position: relative;\n    text-align: left;\n    width: 100%;\n\n    &:hover {\n      background: var(--color-bg-hover, rgba(black, 0.05));\n    }\n\n    .Accordion[open] & {\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n    }\n\n    &::marker {\n      content: \"\";\n    }\n\n    &::-webkit-details-marker {\n      display: none;\n    } \n  }\n\n  &-toggleIcon,\n  &-toggleIcon_opened {\n    color: var(--color-text-minimum, #637288);\n    font-size: 14px;\n    margin-left: 5px;\n    margin-right: 10px;\n    transition: transform 0.1s;\n\n    &_opened {\n      transform: rotate(90deg);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  &-content {\n    color: var(--color-text-muted, #4f5a66);\n    padding: 5px 15px 0 15px;\n\n    > * {\n      margin-bottom: var(--markdown-spacing, 15px);\n    }\n  }\n}\n","@import '../../styles/mixins/dark-mode.scss';\n\n$iphone-plus: 414px;\n\n.CardsGrid {\n  --CardsGrid-gap: 1.5em;\n  --CardsGrid-columns: auto-fit;\n  --CardsGrid-cardWidth: auto;\n\n  display: grid;\n  gap: var(--CardsGrid-gap);\n  grid-template-columns: repeat(var(--CardsGrid-columns), minmax(var(--CardsGrid-cardWidth), 1fr));\n}\n\n.Card {\n  $card: &;\n\n  --Card-badge-bg-color: var(--yellow);\n  --Card-badge-color: var(--yellow10);\n  --Card-content-color: var(--color-text-minimum);\n  --Card-gap: 0.25em;\n  --Card-href-arrow-opacity: 0;\n  --Card-href-arrow-transform: translateX(-5px);\n  --Card-icon-color: var(--color-text-default);\n  --Card-icon-opacity: 0.65;\n  --Card-icon-opacity-hover: 0.75;\n  --Card-line-height: 1.4;\n  --Card-shadow: none;\n  --Card-title-color: var(--color-text-default);\n\n  background: var(--Card-bg-color);\n  border: 1px solid var(--Card-border-color);\n  border-radius: var(--border-radius-lg);\n  box-shadow: var(--Card-shadow);\n  display: flex;\n  flex-direction: var(--Card-layout);\n  gap: var(--Card-gap);\n  line-height: var(--Card-line-height);\n  padding: var(--Card-padding);\n  text-decoration: none;\n\n  &_card {\n    --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0);\n    --Card-border-color: var(--color-border-default);\n    --Card-layout: column;\n    --Card-padding: 1.5em;\n\n    @include dark-mode {\n      --Card-bg-color: rgba(var(--color-bg-page-inverse-rgb), 0.05);\n      --Card-bg-color-hover: rgba(var(--color-bg-page-inverse-rgb), 0.1);\n    }\n  }\n\n  &_tile {\n    --Card-gap: 1em;\n    --Card-icon-opacity: 0.5;\n    --Card-layout: row;\n\n    #{$card}-content {\n      --Card-gap: 0;\n    }\n  }\n\n  // needs specificity to override the default link styles; while preserving logic for empty hrefs\n  &[href]:not([href='']) {\n    color: inherit;\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --Card-icon-opacity: var(--Card-icon-opacity-hover);\n      --Card-href-arrow-opacity: 0.75;\n      --Card-href-arrow-transform: none;\n\n      background: var(--Card-bg-color-hover);\n    }\n  }\n\n  &-icon {\n    color: var(--Card-icon-color);\n    font-size: 1.4em;\n    margin-bottom: 0.5em;\n    opacity: var(--Card-icon-opacity);\n    transition: opacity var(--transition-timing) var(--transition-fast);\n  }\n\n  &-title {\n    align-items: flex-start;\n    color: var(--Card-title-color);\n    display: flex;\n    gap: 0.5em;\n    font-weight: var(--font-weight-bold);\n  }\n\n  &-badge {\n    align-items: center;\n    background: var(--Card-badge-bg-color);\n    border-radius: 1em;\n    color: var(--Card-badge-color);\n    font-size: 0.6em;\n    padding: 0 0.5em;\n    display: inline-flex;\n    position: relative;\n    top: 0.5em;\n  }\n\n  &-arrow {\n    font-size: 0.8em;\n    opacity: var(--Card-href-arrow-opacity);\n    position: relative;\n    top: 0.375em;\n    transition:\n      opacity var(--transition-timing) var(--transition-fast),\n      transform var(--transition-timing) var(--transition-fast);\n    transform: var(--Card-href-arrow-transform);\n  }\n\n  &-content {\n    color: var(--Card-content-color);\n    display: flex;\n    flex-direction: column;\n    font-size: 1em;\n    gap: var(--Card-gap);\n\n    p:last-child {\n      margin-bottom: 0;\n    }\n  }\n}\n","/*  We’re planning to move this in to the monorepo in which case\n    we could share the dark mode mix in. Kelly is planning to take\n    some time to make that move so can we add a comment here to\n    circle back on this at that point?\n\n    - Rafe\n      April 2025\n*/\n\n@mixin dark-mode($global: false) {\n  $root: &;\n\n  @if not $root {\n    [data-color-mode='dark'] {\n      @content;\n    }\n\n    [data-color-mode='auto'],\n    [data-color-mode='system'] {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  } @else if $global {\n    :global([data-color-mode='dark']) & {\n      @content;\n    }\n\n    :global([data-color-mode='auto']) &,\n    :global([data-color-mode='system']) & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  } @else {\n    [data-color-mode='dark'] & {\n      @content;\n    }\n\n    [data-color-mode='auto'] &,\n    [data-color-mode='system'] & {\n      @media (prefers-color-scheme: dark) {\n        @content;\n      }\n    }\n  }\n}\n","$iphone-plus: 414px;\n\n.Columns {\n  display: grid;\n  gap: var(--md, 20px);\n\n  @media (max-width: $iphone-plus) {\n    grid-template-columns: 1fr !important;\n  }\n}\n",".TabGroup {\n  &-nav {\n    border-bottom: solid var(--color-border-default, #{rgba(black, 0.1)});\n    margin-bottom: 15px;\n  }\n\n  &-tab {\n    background: none;\n    border: 0;\n    color: var(--color-text-minimum, #637288);\n    cursor: pointer;\n    font-size: 15px;\n    font-weight: 600;\n    margin-right: 15px;\n    padding: 0;\n    padding-bottom: 10px;\n\n    &_active {\n      background: none;\n      border: 0;\n      border-bottom: solid var(--color-tab-active, currentcolor);\n      color: var(--color-tab-active, currentcolor);\n      font-size: 15px;\n      font-weight: 600;\n      margin-right: 15px;\n      margin-bottom: -2px;\n      padding: 0;\n      padding-bottom: 10px;\n    }\n\n    &:hover {\n      color: var(--color-text-muted, #4f5a66);\n    }\n  }\n\n  &-icon {\n    color: var(--project-color-primary, inherit);\n    margin-right: 10px;\n  }\n\n  .TabContent {\n    color: var(--color-text-muted, #4f5a66);\n  }\n}\n"],"names":[],"sourceRoot":""}

package/dist/render-fixture.node.js

@@ -96476,6 +96476,15 @@ const HTML_TABLE_STRUCTURE_TAGS = new Set([
     'caption',
     'colgroup',
 ]);
+/**
+ * Tags whose bodies a later mdxish transform keeps raw and never re-parses as
+ * markdown. Both layers depend on this property, not on the tags being figures:
+ * the transformer treats them as non-promotable, and the tokenizer must not claim
+ * markdown islands inside them (a claimed island would never be re-parsed and would
+ * leak as literal text). Currently just the figure tags, whose bodies are owned by
+ * the figure reassembly transform (`mdxishJsxToMdast`).
+ */
+const NON_REPARSED_BODY_TAGS = new Set(['figure', 'figcaption']);
 /**
  * The two HTML "foreign content" namespaces: SVG and MathML. Their descendants
  * (`<path>`, `<mrow>`, …) are namespaced XML, not HTML tags or components. A closed
@@ -120253,12 +120262,95 @@ function tokenizeMagicBlockText(effects, ok, nok) {
  */
 
 
+;// ./lib/micromark/mdx-component/continuation-checks.ts
+
+
+/**
+ * Partial constructs the `mdxComponent` tokenizer runs via `effects.check` to
+ * decide whether the next line continues the block. They live here (not in
+ * `syntax.ts`) because they hold none of `createTokenize`'s closure state — each
+ * is a self-contained, single-line lookahead.
+ */
+function continuation_checks_tokenizeNonLazyContinuationStart(effects, ok, nok) {
+    // eslint-disable-next-line @typescript-eslint/no-this-alias
+    const self = this;
+    return start;
+    function start(code) {
+        if (markdownLineEnding(code)) {
+            effects.enter(types_types.lineEnding);
+            effects.consume(code);
+            effects.exit(types_types.lineEnding);
+            return after;
+        }
+        return nok(code);
+    }
+    function after(code) {
+        if (self.parser.lazy[self.now().line]) {
+            return nok(code);
+        }
+        return ok(code);
+    }
+}
+// A markup-only line opens with a tag (`<x`/`</x`) and ends (ignoring trailing
+// spaces) at a `>`. That distinguishes a structural continuation like
+// `<span>b</span></div>` from a paragraph like `<b>Note:</b> read *this*`.
+function tokenizeMarkupOnlyContinuation(effects, ok, nok) {
+    let lastNonSpace = null;
+    return start;
+    function start(code) {
+        // Caller guarantees we are at `<` at the (already de-indented) line start.
+        effects.enter(types_types.data);
+        effects.consume(code);
+        return afterLessThan;
+    }
+    function afterLessThan(code) {
+        if (code === codes.slash) {
+            effects.consume(code);
+            return afterSlash;
+        }
+        return afterSlash(code);
+    }
+    // The `<` (or `</`) must introduce a real tag, not a stray `<` in prose.
+    function afterSlash(code) {
+        if (asciiAlpha(code)) {
+            lastNonSpace = code;
+            effects.consume(code);
+            return scanToLineEnd;
+        }
+        effects.exit(types_types.data);
+        return nok(code);
+    }
+    function scanToLineEnd(code) {
+        if (code === null || markdownLineEnding(code)) {
+            effects.exit(types_types.data);
+            return lastNonSpace === codes.greaterThan ? ok(code) : nok(code);
+        }
+        if (!markdownSpace(code))
+            lastNonSpace = code;
+        effects.consume(code);
+        return scanToLineEnd;
+    }
+}
+// A line ending whose next line isn't a lazy paragraph continuation. Checked so a
+// component body's blank/continuation lines aren't stolen by an interrupted paragraph.
+const continuation_checks_nonLazyContinuationStart = {
+    tokenize: continuation_checks_tokenizeNonLazyContinuationStart,
+    partial: true,
+};
+// Lookahead for `plainClaimLineStart`: is this line markup-only, or a paragraph
+// that merely starts with a tag? Run via `effects.check` so it never consumes.
+const markupOnlyContinuation = {
+    tokenize: tokenizeMarkupOnlyContinuation,
+    partial: true,
+};
+
 ;// ./lib/micromark/mdx-component/syntax.ts
 
 
 
 
 
+
 // Raw tags (type-1: pre/script/style/textarea) and block tags (type-6: div,
 // section, …) always start a block, so they stay flow even with trailing
 // content. Other lowercase tags (i, span, …) follow the type-7 rule and only
@@ -120268,16 +120360,12 @@ const htmlFlowTagNames = new Set([...htmlRawNames, ...htmlBlockNames]);
 // blank lines between nested JSX siblings don't fragment the block. Excludes table
 // tags (mdxishTables owns their blank lines) and voids (never close).
 const plainBlockClaimTagNames = new Set([...htmlBlockNames].filter(tag => !HTML_TABLE_STRUCTURE_TAGS.has(tag) && !HTML_VOID_ELEMENTS.has(tag)));
-const mdx_component_syntax_nonLazyContinuationStart = {
-    tokenize: mdx_component_syntax_tokenizeNonLazyContinuationStart,
-    partial: true,
-};
-// Lookahead for `plainClaimLineStart`: is this line markup-only, or a paragraph
-// that merely starts with a tag? Run via `effects.check` so it never consumes.
-const markupOnlyContinuation = {
-    tokenize: tokenizeMarkupOnlyContinuation,
-    partial: true,
-};
+// Both are 4 columns per CommonMark, but they mean different things: a tab advances
+// to the next multiple of TAB_STOP_WIDTH, and INDENTED_CODE_MIN_COLUMNS is the depth
+// at which a line would fragment into indented code. Named separately so the two
+// concepts don't read as one incidental literal.
+const TAB_STOP_WIDTH = 4;
+const INDENTED_CODE_MIN_COLUMNS = 4;
 function resolveToMdxComponent(events) {
     let index = events.length;
     while (index > 0) {
@@ -120336,6 +120424,18 @@ function createTokenize(mode) {
         // `plainClaimLineStart`: after a blank line it may only continue on a tag line.
         let isPlainBlockClaim = false;
         let pendingBlankLine = false;
+        // Leading indent columns of the current plain-claim line, reset per line; ≥4 is
+        // where CommonMark would fragment the island as indented code. Tabs advance to the
+        // next 4-column stop — the same rule `expandIndentToColumns`
+        // (processor/transform/mdxish/indentation.ts) applies, kept in sync by hand since
+        // this side works on a `Code` stream, not a string. NB: do NOT swap this for
+        // `self.now().column`; micromark bumps the point column by 1 per `horizontalTab`
+        // code (the trailing `virtualSpace` codes don't move it), so it measures a tab as
+        // 1 column, reviving the tab-under-measurement bug this math exists to avoid.
+        let plainClaimIndentColumns = 0;
+        // True once a non-blank line follows the opener: a deep island below it is nested
+        // (cosmetic indent), not top-of-body indented code.
+        let sawPlainBlockBodyContent = false;
         // Code span tracking
         let codeSpanOpenSize = 0;
         let codeSpanCloseSize = 0;
@@ -120635,7 +120735,7 @@ function createTokenize(mode) {
         }
         // Continuation for multi-line opening tags
         function openTagContinuationStart(code) {
-            return effects.check(mdx_component_syntax_nonLazyContinuationStart, openTagContinuationNonLazy, continuationAfter)(code);
+            return effects.check(continuation_checks_nonLazyContinuationStart, openTagContinuationNonLazy, continuationAfter)(code);
         }
         function openTagContinuationNonLazy(code) {
             sawLineEnding = true;
@@ -120680,6 +120780,9 @@ function createTokenize(mode) {
             }
             if (code !== codes.space && code !== codes.horizontalTab) {
                 openerLineHasContent = true;
+                // Continuation content marks a later deep island as nested, not indented code.
+                if (!onOpenerLine)
+                    sawPlainBlockBodyContent = true;
             }
             if (code === codes.backslash) {
                 effects.consume(code);
@@ -120760,7 +120863,7 @@ function createTokenize(mode) {
             return inFencedCode;
         }
         function fencedCodeContinuationStart(code) {
-            return effects.check(mdx_component_syntax_nonLazyContinuationStart, fencedCodeContinuationNonLazy, continuationAfter)(code);
+            return effects.check(continuation_checks_nonLazyContinuationStart, fencedCodeContinuationNonLazy, continuationAfter)(code);
         }
         function fencedCodeContinuationNonLazy(code) {
             sawLineEnding = true;
@@ -120968,7 +121071,7 @@ function createTokenize(mode) {
         }
         // ── Body continuation (line endings) ───────────────────────────────────
         function bodyContinuationStart(code) {
-            return effects.check(mdx_component_syntax_nonLazyContinuationStart, bodyContinuationNonLazy, continuationAfter)(code);
+            return effects.check(continuation_checks_nonLazyContinuationStart, bodyContinuationNonLazy, continuationAfter)(code);
         }
         function bodyContinuationNonLazy(code) {
             sawLineEnding = true;
@@ -120994,8 +121097,10 @@ function createTokenize(mode) {
                     return inBodyBraceString(code);
                 return inBodyBraceExpr(code);
             }
-            if (isPlainBlockClaim)
+            if (isPlainBlockClaim) {
+                plainClaimIndentColumns = 0;
                 return plainClaimLineStart(code);
+            }
             return bodyLineStart(code);
         }
         // Dispatch a non-blank continuation line: fenced code at line start, else body.
@@ -121025,6 +121130,8 @@ function createTokenize(mode) {
         function plainClaimLineStart(code) {
             // Leading whitespace only → treat as a blank line, matching CommonMark.
             if (code === codes.space || code === codes.horizontalTab) {
+                plainClaimIndentColumns +=
+                    code === codes.horizontalTab ? TAB_STOP_WIDTH - (plainClaimIndentColumns % TAB_STOP_WIDTH) : 1;
                 effects.consume(code);
                 return plainClaimLineStart;
             }
@@ -121033,10 +121140,18 @@ function createTokenize(mode) {
                 effects.exit('mdxComponentData');
                 return bodyContinuationStart(code);
             }
-            // Across a blank line the block only continues onto a markup-only line; a
-            // paragraph that merely starts with a tag must fall back so its markdown
-            // parses and rehype-raw re-nests it into the wrapper.
             if (pendingBlankLine) {
+                // A 4+ col island nested under other tags is cosmetic nesting indent, not code:
+                // keep claiming so promotion dedents + re-parses it as markdown (RM-17560).
+                // Tags whose bodies stay raw are excluded — a claimed island there would never
+                // be re-parsed and would leak as literal text.
+                if (plainClaimIndentColumns >= INDENTED_CODE_MIN_COLUMNS &&
+                    sawPlainBlockBodyContent &&
+                    !NON_REPARSED_BODY_TAGS.has(tagName)) {
+                    return plainClaimContinue(code);
+                }
+                // Otherwise only a markup-only tag line continues; markdown/prose falls back to
+                // CommonMark so it parses and rehype-raw re-nests it into the wrapper.
                 if (code !== codes.lessThan)
                     return nok(code);
                 return effects.check(markupOnlyContinuation, plainClaimContinue, nok)(code);
@@ -121057,66 +121172,6 @@ function createTokenize(mode) {
         }
     };
 }
-function mdx_component_syntax_tokenizeNonLazyContinuationStart(effects, ok, nok) {
-    // eslint-disable-next-line @typescript-eslint/no-this-alias
-    const self = this;
-    return start;
-    function start(code) {
-        if (markdownLineEnding(code)) {
-            effects.enter(types_types.lineEnding);
-            effects.consume(code);
-            effects.exit(types_types.lineEnding);
-            return after;
-        }
-        return nok(code);
-    }
-    function after(code) {
-        if (self.parser.lazy[self.now().line]) {
-            return nok(code);
-        }
-        return ok(code);
-    }
-}
-// A markup-only line opens with a tag (`<x`/`</x`) and ends (ignoring trailing
-// spaces) at a `>`. That distinguishes a structural continuation like
-// `<span>b</span></div>` from a paragraph like `<b>Note:</b> read *this*`.
-function tokenizeMarkupOnlyContinuation(effects, ok, nok) {
-    let lastNonSpace = null;
-    return start;
-    function start(code) {
-        // Caller guarantees we are at `<` at the (already de-indented) line start.
-        effects.enter(types_types.data);
-        effects.consume(code);
-        return afterLessThan;
-    }
-    function afterLessThan(code) {
-        if (code === codes.slash) {
-            effects.consume(code);
-            return afterSlash;
-        }
-        return afterSlash(code);
-    }
-    // The `<` (or `</`) must introduce a real tag, not a stray `<` in prose.
-    function afterSlash(code) {
-        if (asciiAlpha(code)) {
-            lastNonSpace = code;
-            effects.consume(code);
-            return scanToLineEnd;
-        }
-        effects.exit(types_types.data);
-        return nok(code);
-    }
-    function scanToLineEnd(code) {
-        if (code === null || markdownLineEnding(code)) {
-            effects.exit(types_types.data);
-            return lastNonSpace === codes.greaterThan ? ok(code) : nok(code);
-        }
-        if (!markdownSpace(code))
-            lastNonSpace = code;
-        effects.consume(code);
-        return scanToLineEnd;
-    }
-}
 /**
  * Micromark extension that tokenizes MDX-like components.
  *
@@ -121170,6 +121225,7 @@ function syntax_mdxComponent() {
 
 
 
+
 
 const buildInlineMdProcessor = (safeMode) => {
     // `jsxTable` must be present so a `<Table>`/`<table>` nested in a component
@@ -121241,7 +121297,7 @@ const toMdxJsxTextElement = (name, attributes, children, position) => ({
 // Raw-body tags (pre/script/style/textarea) must stay byte-exact; table
 // structure (`table` + `tableTags`) is owned by `mdxishTables` and figures by
 // `mdxishJsxToMdast`, both of which run later on raw html nodes.
-const NON_PROMOTABLE_PLAIN_TAGS = new Set([...htmlRawNames, ...tableTags, 'table', 'figure', 'figcaption']);
+const NON_PROMOTABLE_PLAIN_TAGS = new Set([...htmlRawNames, ...tableTags, 'table', ...NON_REPARSED_BODY_TAGS]);
 const NESTED_TABLE_RE = /<table[\s>]/i;
 const isMarkdownPromotableHtmlTag = (tag) => !NON_PROMOTABLE_PLAIN_TAGS.has(tag);
 // Expression nodes count as plain so `<div>{1+1}</div>` keeps its current
@@ -121600,15 +121656,22 @@ function safeDeindent(text) {
  */
 const parseMdChildren = (value, safeMode) => {
     const parsed = getInlineMdProcessor({ safeMode }).parse(terminateHtmlFlowBlocks(safeDeindent(value).trim()));
+    // Promote nested wrappers bottom-up so an outer wrapper sees markdown buried in a
+    // child claimed whole (e.g. `<li>` in `<ol>`) before its containsMarkdownConstruct check (RM-17560).
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define -- mutually recursive; hoisted decl, safe at runtime
+    promoteComponentBlocks(parsed, safeMode, null);
     return parsed.children || [];
 };
-// Parses trailing content into sibling nodes and re-queues the parent so any
-// components among them get processed.
-const parseSibling = (stack, parent, index, sibling, safeMode) => {
+// Splices trailing content in as sibling nodes. parseMdChildren has already
+// promoted any components nested among them (bottom-up); the main loop's
+// index-based walk then reaches these spliced siblings and the original children
+// they shift down, so no parent re-queue is needed. Each spliced subtree is marked
+// `promoted` so the walk doesn't redundantly re-descend into it (its html is gone).
+const parseSibling = (parent, index, sibling, safeMode, promoted) => {
     const siblingNodes = parseMdChildren(sibling, safeMode);
     if (siblingNodes.length > 0) {
         parent.children.splice(index + 1, 0, ...siblingNodes);
-        stack.push(parent);
+        siblingNodes.forEach(siblingNode => promoted.add(siblingNode));
     }
 };
 // Ends the position at `consumedLength` so the component doesn't claim trailing
@@ -121674,16 +121737,19 @@ const substituteNodeWithMdxNode = (parent, index, mdxNode) => {
  * The opening tag, content, and closing tag are all captured in one HTML node
  * (guaranteed by the mdx-component tokenizer).
  */
-const mdx_blocks_mdxishMdxComponentBlocks = (opts = {}) => (tree, file) => {
+function promoteComponentBlocks(tree, safeMode, source) {
     const stack = [tree];
-    const safeMode = !!opts.safeMode;
-    const source = file?.value ? String(file.value) : null;
     const parseOpts = { preserveExpressionsAsText: safeMode };
+    // Subtrees a nested parseMdChildren already promoted wholesale (spliced siblings):
+    // re-descending them finds no html to promote, so skip them.
+    const promoted = new WeakSet();
     const processChildNode = (parent, index) => {
         const node = parent.children[index];
         if (!node)
             return;
-        if ('children' in node && Array.isArray(node.children)) {
+        // Descend into container nodes (lists, blockquotes, …) so their html children
+        // are reached — unless the subtree was already promoted upstream.
+        if ('children' in node && Array.isArray(node.children) && !promoted.has(node)) {
             stack.push(node);
         }
         // Only html nodes can be an unparsed MDX component.
@@ -121738,7 +121804,7 @@ const mdx_blocks_mdxishMdxComponentBlocks = (opts = {}) => (tree, file) => {
             substituteNodeWithMdxNode(parent, index, componentNode);
             const remainingContent = contentAfterTag.trim();
             if (remainingContent) {
-                parseSibling(stack, parent, index, remainingContent, safeMode);
+                parseSibling(parent, index, remainingContent, safeMode, promoted);
             }
             return;
         }
@@ -121765,43 +121831,57 @@ const mdx_blocks_mdxishMdxComponentBlocks = (opts = {}) => (tree, file) => {
                 return;
             // Lowercase tags are usually inline; unwrap a sole paragraph so their
             // phrasing content isn't spuriously block-wrapped.
+            let unwrappedSoleParagraph = false;
             if (!isPascal && parsedChildren.length === 1 && parsedChildren[0].type === 'paragraph') {
                 parsedChildren = parsedChildren[0].children;
+                unwrappedSoleParagraph = true;
+            }
+            // Without trailing content the whole node position is correct. With it, end
+            // precisely at the closing tag — preferring source offsets when available (the
+            // node's value strips blockquote/list prefixes), else the consumed span.
+            let endPosition = node.position;
+            if (contentAfterClose) {
+                endPosition = source
+                    ? positionEndingAtClosingTagInSource(node.position, closingTagStr, source)
+                    : positionEndingAtConsumed(node.position, value, leadingWhitespace + openingTagEnd + closingTagIndex + closingTagStr.length);
             }
             const componentNode = createComponentNode({
                 tag,
                 attributes,
                 children: parsedChildren,
                 startPosition: node.position,
-                // With trailing content, end precisely at the closing tag. Prefer source
-                // offsets when available (the node's value strips blockquote/list
-                // prefixes); otherwise fall back to the whole node position.
-                endPosition: contentAfterClose
-                    ? source
-                        ? positionEndingAtClosingTagInSource(node.position, closingTagStr, source)
-                        : positionEndingAtConsumed(node.position, value, leadingWhitespace + openingTagEnd + closingTagIndex + closingTagStr.length)
-                    : node.position,
+                endPosition,
             });
             substituteNodeWithMdxNode(parent, index, componentNode);
-            // Re-queue whichever side may hold further components.
-            if (contentAfterClose) {
-                parseSibling(stack, parent, index, contentAfterClose, safeMode);
-            }
-            else if (componentNode.children.length > 0) {
+            // The unwrap reparented the children out of their paragraph, so re-walk them
+            // since the children HTML may contain promotable syntax (e.g. `{…}`-attr tags)
+            if (unwrappedSoleParagraph) {
                 stack.push(componentNode);
             }
+            // Trailing content after the close becomes siblings; parseMdChildren has
+            // already promoted any components nested inside both sides, so the promoted
+            // subtree itself needs no re-queue.
+            if (contentAfterClose) {
+                parseSibling(parent, index, contentAfterClose, safeMode, promoted);
+            }
         }
     };
-    // Depth-first so nodes keep their source order.
+    // Depth-first so nodes keep their source order. Index-based (not forEach) and
+    // re-reading length each step: parseSibling splices siblings in mid-iteration, and
+    // those — plus the original children they shift down — must all stay eligible.
     while (stack.length) {
         const parent = stack.pop();
         if (parent?.children) {
-            parent.children.forEach((_child, index) => {
+            for (let index = 0; index < parent.children.length; index += 1) {
                 processChildNode(parent, index);
-            });
+            }
         }
     }
     return tree;
+}
+const mdx_blocks_mdxishMdxComponentBlocks = (opts = {}) => (tree, file) => {
+    const source = file?.value ? String(file.value) : null;
+    return promoteComponentBlocks(tree, !!opts.safeMode, source);
 };
 /* harmony default export */ const mdx_blocks = (mdx_blocks_mdxishMdxComponentBlocks);