@readme/markdown 13.6.3 → 13.7.0

package/dist/main.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("@readme/syntax-highlighter"), require("@readme/variable"), require("@tippyjs/react"), require("acorn"), require("mermaid"), require("react"));
+		module.exports = factory(require("@readme/syntax-highlighter"), require("@readme/variable"), require("@tippyjs/react"), require("acorn"), require("mermaid"), require("react"), require("react-dom"));
 	else if(typeof define === 'function' && define.amd)
-		define(["@readme/syntax-highlighter", "@readme/variable", "@tippyjs/react", "acorn", "mermaid", "react"], factory);
+		define(["@readme/syntax-highlighter", "@readme/variable", "@tippyjs/react", "acorn", "mermaid", "react", "react-dom"], factory);
 	else {
-		var a = typeof exports === 'object' ? factory(require("@readme/syntax-highlighter"), require("@readme/variable"), require("@tippyjs/react"), require("acorn"), require("mermaid"), require("react")) : factory(root["@readme/syntax-highlighter"], root["@readme/variable"], root["@tippyjs/react"], root["acorn"], root["mermaid"], root["React"]);
+		var a = typeof exports === 'object' ? factory(require("@readme/syntax-highlighter"), require("@readme/variable"), require("@tippyjs/react"), require("acorn"), require("mermaid"), require("react"), require("react-dom")) : factory(root["@readme/syntax-highlighter"], root["@readme/variable"], root["@tippyjs/react"], root["acorn"], root["mermaid"], root["React"], root["ReactDOM"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(self, (__WEBPACK_EXTERNAL_MODULE__3966__, __WEBPACK_EXTERNAL_MODULE__8167__, __WEBPACK_EXTERNAL_MODULE__4189__, __WEBPACK_EXTERNAL_MODULE__6473__, __WEBPACK_EXTERNAL_MODULE__1387__, __WEBPACK_EXTERNAL_MODULE__1307__) => {
+})(self, (__WEBPACK_EXTERNAL_MODULE__3966__, __WEBPACK_EXTERNAL_MODULE__8167__, __WEBPACK_EXTERNAL_MODULE__4189__, __WEBPACK_EXTERNAL_MODULE__6473__, __WEBPACK_EXTERNAL_MODULE__1387__, __WEBPACK_EXTERNAL_MODULE__1307__, __WEBPACK_EXTERNAL_MODULE__8759__) => {
 return /******/ (() => { // webpackBootstrap
 /******/ 	var __webpack_modules__ = ({
 
@@ -11149,6 +11149,14 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__1307__;
 
 /***/ }),
 
+/***/ 8759:
+/***/ ((module) => {
+
+"use strict";
+module.exports = __WEBPACK_EXTERNAL_MODULE__8759__;
+
+/***/ }),
+
 /***/ 9746:
 /***/ (() => {
 
@@ -11906,8 +11914,20 @@ const CreateHeading = (depth) => {
 };
 /* harmony default export */ const components_Heading = (CreateHeading);
 
+// EXTERNAL MODULE: external {"amd":"react-dom","commonjs2":"react-dom","commonjs":"react-dom","root":"ReactDOM","umd":"react-dom"}
+var external_amd_react_dom_commonjs2_react_dom_commonjs_react_dom_root_ReactDOM_umd_react_dom_ = __webpack_require__(8759);
 ;// ./components/Image/index.tsx
 
+
+/**
+ * Renders lightbox overlay via a React portal to document.body so it escapes
+ * any intermediate CSS stacking contexts and reliably covers all UI chrome.
+ */
+const LightboxPortal = ({ children }) => {
+    if (typeof document === 'undefined')
+        return null;
+    return (0,external_amd_react_dom_commonjs2_react_dom_commonjs_react_dom_root_ReactDOM_umd_react_dom_.createPortal)(children, document.body);
+};
 const Image = (Props) => {
     const { align = '', alt = '', border: borderProp = false, caption, className = '', height = 'auto', src, title = '', width = 'auto', lazy = true, children, } = Props;
     // Normalize border: MDXish passes {false} as the string "false", not a boolean
@@ -11940,20 +11960,27 @@ const Image = (Props) => {
             return;
         setLightbox(!lightbox);
     };
+    const imgElement = (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: `img ${caption || children ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
+    const lightboxOverlay = lightbox ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement(LightboxPortal, null,
+        external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("div", { className: "markdown-body" },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": alt || 'Collapse image', className: "img lightbox open", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
+                external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" },
+                    imgElement,
+                    (children || caption) && external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("figcaption", null, children || caption))),
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", onClick: toggle, type: "button" },
+                external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" }))))) : null;
     if (children || caption) {
         return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("figure", null,
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": alt, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": alt, className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
                 external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" },
-                    external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: `img img-align-center ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }),
+                    imgElement,
                     external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("figcaption", null, children || caption))),
-            lightbox && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
-                external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
-    }
-    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": `${lightbox ? 'Collapse image' : 'Expand image'}`, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
-        external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" },
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: `img ${align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width })),
-        lightbox && (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
-            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
+            lightboxOverlay));
+    }
+    return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement(external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.Fragment, null,
+        external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": "Expand image", className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
+            external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { className: "lightbox-inner" }, imgElement)),
+        lightboxOverlay));
 };
 /* harmony default export */ const components_Image = (Image);
 
@@ -95461,7 +95488,7 @@ function transformMagicBlock(blockType, data, rawValue, options = {}) {
                 data: {
                     hProperties: {
                         ...(imgData.align && { align: imgData.align }),
-                        ...(imgData.border && { border: imgData.border.toString() }),
+                        ...(imgData.border !== undefined && { border: String(imgData.border) !== 'false' }),
                         ...(imgData.sizing && { width: imgWidthBySize[imgData.sizing] }),
                     },
                 },
@@ -95740,7 +95767,7 @@ const constants_INLINE_COMPONENT_TAGS = new Set(['Anchor']);
 
 
 
-const pascalCaseTagPattern = /^<([A-Z][A-Za-z0-9_]*)([^>]*?)(\/?)>([\s\S]*)?$/;
+const pascalCaseTagPattern = /^<([A-Z][A-Za-z0-9_]*)((?:[^>"']|"[^"]*"|'[^']*')*?)(\/?)>([\s\S]*)?$/;
 const tagAttributePattern = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*("[^"]*"|'[^']*'|[^\s"'>]+))?/g;
 /**
  * Maximum number of siblings to scan forward when looking for a closing tag
@@ -96464,6 +96491,30 @@ const mdxishInlineComponents = () => tree => {
 
 
 
+function toImageAlign(value) {
+    if (value === 'left' || value === 'center' || value === 'right') {
+        return value;
+    }
+    return undefined;
+}
+function toBool(value) {
+    if (value === undefined)
+        return undefined;
+    if (typeof value === 'boolean')
+        return value;
+    return value !== '' && value !== 'false';
+}
+function mdxish_jsx_to_mdast_extractText(nodes) {
+    return nodes
+        .map(n => {
+        if ('value' in n && typeof n.value === 'string')
+            return n.value;
+        if ('children' in n)
+            return mdxish_jsx_to_mdast_extractText(n.children);
+        return '';
+    })
+        .join('');
+}
 const transformAnchor = (jsx) => {
     const attrs = getAttrs(jsx);
     const { href = '', label, target, title } = attrs;
@@ -96485,31 +96536,35 @@ const transformAnchor = (jsx) => {
 const transformImage = (jsx) => {
     const attrs = getAttrs(jsx);
     const { align, alt = '', border, caption, className, height, lazy, src = '', title = '', width } = attrs;
+    const validAlign = toImageAlign(align);
+    const sizing = width !== undefined ? String(width) : undefined;
     const hProperties = {
         alt,
         src,
         title,
-        ...(align && { align }),
-        ...(border !== undefined && { border: String(border) }),
+        ...(validAlign && { align: validAlign }),
+        ...(border !== undefined && { border: toBool(border) }),
         ...(caption && { caption }),
         ...(className && { className }),
         ...(height !== undefined && { height: String(height) }),
-        ...(lazy !== undefined && { lazy }),
-        ...(width !== undefined && { width: String(width) }),
+        ...(lazy !== undefined && { lazy: toBool(lazy) }),
+        ...(sizing && { sizing }),
+        ...(sizing && { width: sizing }),
     };
     return {
         type: NodeTypes.imageBlock,
-        align,
+        align: validAlign,
         alt,
-        border: border !== undefined ? String(border) : undefined,
+        border: toBool(border),
         caption,
         children: caption ? lib_mdast(caption).children : [],
         className,
         height: height !== undefined ? String(height) : undefined,
-        lazy,
+        lazy: toBool(lazy),
+        sizing,
         src,
         title,
-        width: width !== undefined ? String(width) : undefined,
+        width: sizing,
         data: {
             hName: 'img',
             hProperties,
@@ -96536,7 +96591,7 @@ const transformCallout = (jsx) => {
 };
 const transformEmbed = (jsx) => {
     const attrs = getAttrs(jsx);
-    const { favicon, height, html, iframe, image, providerName, providerUrl, title = '', typeOfEmbed, url = '', width } = attrs;
+    const { favicon, height, html, iframe, image, providerName, providerUrl, title = '', typeOfEmbed, url = '', width, } = attrs;
     return {
         type: NodeTypes.embedBlock,
         title,
@@ -96582,22 +96637,26 @@ const transformMagicBlockImage = (node) => {
     const { alt = '', data, position, title = '', url = '' } = node;
     const hProps = data?.hProperties || {};
     const { align, border, width } = hProps;
+    const validAlign = toImageAlign(align);
+    const sizing = width || undefined;
     const hProperties = {
         alt,
         src: url,
         title,
-        ...(align && { align }),
-        ...(border && { border }),
-        ...(width && { width }),
+        ...(validAlign && { align: validAlign }),
+        ...(border !== undefined && { border: toBool(border) }),
+        ...(sizing && { sizing }),
+        ...(sizing && { width: sizing }),
     };
     return {
         type: NodeTypes.imageBlock,
-        align,
+        align: validAlign,
         alt,
-        border,
+        border: toBool(border),
+        sizing,
         src: url,
         title,
-        width,
+        width: sizing,
         data: {
             hName: 'img',
             hProperties,
@@ -96645,7 +96704,8 @@ const COMPONENT_MAP = {
  * - JSX component elements (Image, Callout, Embed, Recipe) into their corresponding MDAST types
  * - Magic block image nodes (type: 'image') into image-block
  * - Magic block embed nodes (type: 'embed') into embed-block
- * - Figure nodes containing images (from magic blocks with captions) - transforms the inner image
+ * - Figure nodes (magic blocks with captions) into flat image-block with caption string
+ * - Normalizes all image-block attrs (border, align, sizing, caption) to a consistent shape
  *
  * This is controlled by the `newEditorTypes` flag to maintain backwards compatibility.
  */
@@ -96671,12 +96731,10 @@ const mdxishJsxToMdast = () => tree => {
         }
     });
     // Transform magic block images (type: 'image') to image-block
-    // Note: Standard markdown images are wrapped in paragraphs and handled by imageTransformer
-    // Magic block images are direct children of root, so we handle them here
+    // Images inside paragraphs are standard markdown — handled by imageTransformer, normalized below
     visit(tree, 'image', (node, index, parent) => {
         if (!parent || index === undefined)
             return SKIP;
-        // Skip images inside paragraphs (those are standard markdown images handled by imageTransformer)
         if (parent.type === 'paragraph')
             return SKIP;
         const newNode = transformMagicBlockImage(node);
@@ -96691,16 +96749,74 @@ const mdxishJsxToMdast = () => tree => {
         parent.children[index] = newNode;
         return SKIP;
     });
-    // Transform images inside figure nodes (magic blocks with captions)
+    // Flatten figure nodes (magic blocks with captions) into image-block nodes
     const isFigure = (node) => node.type === 'figure';
-    visit(tree, isFigure, node => {
-        // Find and transform the image child
-        node.children = node.children.map(child => {
-            if (child.type === 'image') {
-                return transformMagicBlockImage(child);
-            }
-            return child;
-        });
+    visit(tree, isFigure, (node, index, parent) => {
+        if (!parent || index === undefined)
+            return;
+        const imageChild = node.children.find(child => child.type === 'image' || child.type === NodeTypes.imageBlock);
+        if (!imageChild)
+            return;
+        const figcaptionChild = node.children.find(child => child.type === 'figcaption');
+        // If the image was already transformed to image-block by the earlier visitor, use it directly
+        const imageBlock = imageChild.type === NodeTypes.imageBlock
+            ? imageChild
+            : transformMagicBlockImage(imageChild);
+        if (figcaptionChild?.children) {
+            const caption = mdxish_jsx_to_mdast_extractText(figcaptionChild.children);
+            if (caption) {
+                imageBlock.caption = caption;
+                imageBlock.data.hProperties.caption = caption;
+            }
+        }
+        parent.children[index] = imageBlock;
+    });
+    // Final normalization pass across all image-block nodes
+    // Ensures consistent types (border→boolean, align→ImageAlign, width→sizing) and cleans up artifacts
+    const isImageBlock = (node) => node.type === NodeTypes.imageBlock;
+    visit(tree, isImageBlock, _node => {
+        const node = _node;
+        const hProps = (node.data?.hProperties || {});
+        // Normalize boolean attrs
+        if (hProps.border !== undefined) {
+            const val = toBool(hProps.border);
+            node.border = val;
+            hProps.border = val;
+        }
+        else if (node.border !== undefined) {
+            node.border = toBool(node.border);
+        }
+        // Validate align
+        const validAlign = toImageAlign(hProps.align) || toImageAlign(node.align);
+        node.align = validAlign;
+        if (validAlign) {
+            hProps.align = validAlign;
+        }
+        else {
+            delete hProps.align;
+        }
+        // Map width → sizing
+        const width = hProps.width || node.width;
+        if (width) {
+            node.sizing = width;
+            node.width = width;
+            hProps.sizing = width;
+            hProps.width = width;
+        }
+        // Normalize caption
+        const caption = hProps.caption || node.caption;
+        if (caption) {
+            node.caption = caption;
+            hProps.caption = caption;
+        }
+        // Normalize src (url → src)
+        node.src = hProps.src || node.src;
+        hProps.src = node.src;
+        // Remove stray children array from imageTransformer, but preserve caption children
+        if (!caption) {
+            delete node.children;
+        }
+        delete hProps.children;
     });
     return tree;
 };
@@ -99063,7 +99179,6 @@ function mdxishAstProcessor(mdContent, opts = {}) {
         .use(mdxish_html_blocks)
         .use(newEditorTypes ? mdxish_inline_components : undefined) // Merge inline html components (e.g. <Anchor>) into MDAST nodes
         .use(newEditorTypes ? mdxish_jsx_to_mdast : undefined) // Convert block JSX elements to MDAST types
-        .use(safeMode ? undefined : evaluate_expressions, { context: jsxContext }) // Evaluate MDX expressions using jsxContext
         .use(variables_text) // Parse {user.*} patterns from text nodes
         .use(useTailwind ? transform_tailwind : undefined, { components: tempComponentsMap })
         .use(remarkGfm);

package/dist/main.node.js

@@ -24514,6 +24514,16 @@ const CreateHeading = (depth) => {
 
 ;// ./components/Image/index.tsx
 
+
+/**
+ * Renders lightbox overlay via a React portal to document.body so it escapes
+ * any intermediate CSS stacking contexts and reliably covers all UI chrome.
+ */
+const LightboxPortal = ({ children }) => {
+    if (typeof document === 'undefined')
+        return null;
+    return (0,external_react_dom_namespaceObject.createPortal)(children, document.body);
+};
 const Image = (Props) => {
     const { align = '', alt = '', border: borderProp = false, caption, className = '', height = 'auto', src, title = '', width = 'auto', lazy = true, children, } = Props;
     // Normalize border: MDXish passes {false} as the string "false", not a boolean
@@ -24546,20 +24556,27 @@ const Image = (Props) => {
             return;
         setLightbox(!lightbox);
     };
+    const imgElement = (external_react_.createElement("img", { alt: alt, className: `img ${caption || children ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
+    const lightboxOverlay = lightbox ? (external_react_.createElement(LightboxPortal, null,
+        external_react_.createElement("div", { className: "markdown-body" },
+            external_react_.createElement("span", { "aria-label": alt || 'Collapse image', className: "img lightbox open", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
+                external_react_.createElement("span", { className: "lightbox-inner" },
+                    imgElement,
+                    (children || caption) && external_react_.createElement("figcaption", null, children || caption))),
+            external_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", onClick: toggle, type: "button" },
+                external_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" }))))) : null;
     if (children || caption) {
         return (external_react_.createElement("figure", null,
-            external_react_.createElement("span", { "aria-label": alt, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
+            external_react_.createElement("span", { "aria-label": alt, className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
                 external_react_.createElement("span", { className: "lightbox-inner" },
-                    external_react_.createElement("img", { alt: alt, className: `img img-align-center ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }),
+                    imgElement,
                     external_react_.createElement("figcaption", null, children || caption))),
-            lightbox && (external_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
-                external_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
+            lightboxOverlay));
     }
-    return (external_react_.createElement("span", { "aria-label": `${lightbox ? 'Collapse image' : 'Expand image'}`, className: `img lightbox ${lightbox ? 'open' : 'closed'}`, onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
-        external_react_.createElement("span", { className: "lightbox-inner" },
-            external_react_.createElement("img", { alt: alt, className: `img ${align ? `img-align-${align}` : ''} ${border ? 'border' : ''}`, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width })),
-        lightbox && (external_react_.createElement("button", { "aria-label": "Minimize image", className: "lightbox-close", type: "button" },
-            external_react_.createElement("i", { "aria-hidden": "true", className: "fa-solid fa-xmark" })))));
+    return (external_react_.createElement(external_react_.Fragment, null,
+        external_react_.createElement("span", { "aria-label": "Expand image", className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
+            external_react_.createElement("span", { className: "lightbox-inner" }, imgElement)),
+        lightboxOverlay));
 };
 /* harmony default export */ const components_Image = (Image);
 
@@ -115665,7 +115682,7 @@ function transformMagicBlock(blockType, data, rawValue, options = {}) {
                 data: {
                     hProperties: {
                         ...(imgData.align && { align: imgData.align }),
-                        ...(imgData.border && { border: imgData.border.toString() }),
+                        ...(imgData.border !== undefined && { border: String(imgData.border) !== 'false' }),
                         ...(imgData.sizing && { width: imgWidthBySize[imgData.sizing] }),
                     },
                 },
@@ -115944,7 +115961,7 @@ const constants_INLINE_COMPONENT_TAGS = new Set(['Anchor']);
 
 
 
-const pascalCaseTagPattern = /^<([A-Z][A-Za-z0-9_]*)([^>]*?)(\/?)>([\s\S]*)?$/;
+const pascalCaseTagPattern = /^<([A-Z][A-Za-z0-9_]*)((?:[^>"']|"[^"]*"|'[^']*')*?)(\/?)>([\s\S]*)?$/;
 const tagAttributePattern = /([a-zA-Z_:][-a-zA-Z0-9_:.]*)(?:\s*=\s*("[^"]*"|'[^']*'|[^\s"'>]+))?/g;
 /**
  * Maximum number of siblings to scan forward when looking for a closing tag
@@ -116668,6 +116685,30 @@ const mdxishInlineComponents = () => tree => {
 
 
 
+function toImageAlign(value) {
+    if (value === 'left' || value === 'center' || value === 'right') {
+        return value;
+    }
+    return undefined;
+}
+function toBool(value) {
+    if (value === undefined)
+        return undefined;
+    if (typeof value === 'boolean')
+        return value;
+    return value !== '' && value !== 'false';
+}
+function mdxish_jsx_to_mdast_extractText(nodes) {
+    return nodes
+        .map(n => {
+        if ('value' in n && typeof n.value === 'string')
+            return n.value;
+        if ('children' in n)
+            return mdxish_jsx_to_mdast_extractText(n.children);
+        return '';
+    })
+        .join('');
+}
 const transformAnchor = (jsx) => {
     const attrs = getAttrs(jsx);
     const { href = '', label, target, title } = attrs;
@@ -116689,31 +116730,35 @@ const transformAnchor = (jsx) => {
 const transformImage = (jsx) => {
     const attrs = getAttrs(jsx);
     const { align, alt = '', border, caption, className, height, lazy, src = '', title = '', width } = attrs;
+    const validAlign = toImageAlign(align);
+    const sizing = width !== undefined ? String(width) : undefined;
     const hProperties = {
         alt,
         src,
         title,
-        ...(align && { align }),
-        ...(border !== undefined && { border: String(border) }),
+        ...(validAlign && { align: validAlign }),
+        ...(border !== undefined && { border: toBool(border) }),
         ...(caption && { caption }),
         ...(className && { className }),
         ...(height !== undefined && { height: String(height) }),
-        ...(lazy !== undefined && { lazy }),
-        ...(width !== undefined && { width: String(width) }),
+        ...(lazy !== undefined && { lazy: toBool(lazy) }),
+        ...(sizing && { sizing }),
+        ...(sizing && { width: sizing }),
     };
     return {
         type: NodeTypes.imageBlock,
-        align,
+        align: validAlign,
         alt,
-        border: border !== undefined ? String(border) : undefined,
+        border: toBool(border),
         caption,
         children: caption ? lib_mdast(caption).children : [],
         className,
         height: height !== undefined ? String(height) : undefined,
-        lazy,
+        lazy: toBool(lazy),
+        sizing,
         src,
         title,
-        width: width !== undefined ? String(width) : undefined,
+        width: sizing,
         data: {
             hName: 'img',
             hProperties,
@@ -116740,7 +116785,7 @@ const transformCallout = (jsx) => {
 };
 const transformEmbed = (jsx) => {
     const attrs = getAttrs(jsx);
-    const { favicon, height, html, iframe, image, providerName, providerUrl, title = '', typeOfEmbed, url = '', width } = attrs;
+    const { favicon, height, html, iframe, image, providerName, providerUrl, title = '', typeOfEmbed, url = '', width, } = attrs;
     return {
         type: NodeTypes.embedBlock,
         title,
@@ -116786,22 +116831,26 @@ const transformMagicBlockImage = (node) => {
     const { alt = '', data, position, title = '', url = '' } = node;
     const hProps = data?.hProperties || {};
     const { align, border, width } = hProps;
+    const validAlign = toImageAlign(align);
+    const sizing = width || undefined;
     const hProperties = {
         alt,
         src: url,
         title,
-        ...(align && { align }),
-        ...(border && { border }),
-        ...(width && { width }),
+        ...(validAlign && { align: validAlign }),
+        ...(border !== undefined && { border: toBool(border) }),
+        ...(sizing && { sizing }),
+        ...(sizing && { width: sizing }),
     };
     return {
         type: NodeTypes.imageBlock,
-        align,
+        align: validAlign,
         alt,
-        border,
+        border: toBool(border),
+        sizing,
         src: url,
         title,
-        width,
+        width: sizing,
         data: {
             hName: 'img',
             hProperties,
@@ -116849,7 +116898,8 @@ const COMPONENT_MAP = {
  * - JSX component elements (Image, Callout, Embed, Recipe) into their corresponding MDAST types
  * - Magic block image nodes (type: 'image') into image-block
  * - Magic block embed nodes (type: 'embed') into embed-block
- * - Figure nodes containing images (from magic blocks with captions) - transforms the inner image
+ * - Figure nodes (magic blocks with captions) into flat image-block with caption string
+ * - Normalizes all image-block attrs (border, align, sizing, caption) to a consistent shape
  *
  * This is controlled by the `newEditorTypes` flag to maintain backwards compatibility.
  */
@@ -116875,12 +116925,10 @@ const mdxishJsxToMdast = () => tree => {
         }
     });
     // Transform magic block images (type: 'image') to image-block
-    // Note: Standard markdown images are wrapped in paragraphs and handled by imageTransformer
-    // Magic block images are direct children of root, so we handle them here
+    // Images inside paragraphs are standard markdown — handled by imageTransformer, normalized below
     visit(tree, 'image', (node, index, parent) => {
         if (!parent || index === undefined)
             return SKIP;
-        // Skip images inside paragraphs (those are standard markdown images handled by imageTransformer)
         if (parent.type === 'paragraph')
             return SKIP;
         const newNode = transformMagicBlockImage(node);
@@ -116895,16 +116943,74 @@ const mdxishJsxToMdast = () => tree => {
         parent.children[index] = newNode;
         return SKIP;
     });
-    // Transform images inside figure nodes (magic blocks with captions)
+    // Flatten figure nodes (magic blocks with captions) into image-block nodes
     const isFigure = (node) => node.type === 'figure';
-    visit(tree, isFigure, node => {
-        // Find and transform the image child
-        node.children = node.children.map(child => {
-            if (child.type === 'image') {
-                return transformMagicBlockImage(child);
-            }
-            return child;
-        });
+    visit(tree, isFigure, (node, index, parent) => {
+        if (!parent || index === undefined)
+            return;
+        const imageChild = node.children.find(child => child.type === 'image' || child.type === NodeTypes.imageBlock);
+        if (!imageChild)
+            return;
+        const figcaptionChild = node.children.find(child => child.type === 'figcaption');
+        // If the image was already transformed to image-block by the earlier visitor, use it directly
+        const imageBlock = imageChild.type === NodeTypes.imageBlock
+            ? imageChild
+            : transformMagicBlockImage(imageChild);
+        if (figcaptionChild?.children) {
+            const caption = mdxish_jsx_to_mdast_extractText(figcaptionChild.children);
+            if (caption) {
+                imageBlock.caption = caption;
+                imageBlock.data.hProperties.caption = caption;
+            }
+        }
+        parent.children[index] = imageBlock;
+    });
+    // Final normalization pass across all image-block nodes
+    // Ensures consistent types (border→boolean, align→ImageAlign, width→sizing) and cleans up artifacts
+    const isImageBlock = (node) => node.type === NodeTypes.imageBlock;
+    visit(tree, isImageBlock, _node => {
+        const node = _node;
+        const hProps = (node.data?.hProperties || {});
+        // Normalize boolean attrs
+        if (hProps.border !== undefined) {
+            const val = toBool(hProps.border);
+            node.border = val;
+            hProps.border = val;
+        }
+        else if (node.border !== undefined) {
+            node.border = toBool(node.border);
+        }
+        // Validate align
+        const validAlign = toImageAlign(hProps.align) || toImageAlign(node.align);
+        node.align = validAlign;
+        if (validAlign) {
+            hProps.align = validAlign;
+        }
+        else {
+            delete hProps.align;
+        }
+        // Map width → sizing
+        const width = hProps.width || node.width;
+        if (width) {
+            node.sizing = width;
+            node.width = width;
+            hProps.sizing = width;
+            hProps.width = width;
+        }
+        // Normalize caption
+        const caption = hProps.caption || node.caption;
+        if (caption) {
+            node.caption = caption;
+            hProps.caption = caption;
+        }
+        // Normalize src (url → src)
+        node.src = hProps.src || node.src;
+        hProps.src = node.src;
+        // Remove stray children array from imageTransformer, but preserve caption children
+        if (!caption) {
+            delete node.children;
+        }
+        delete hProps.children;
     });
     return tree;
 };
@@ -119267,7 +119373,6 @@ function mdxishAstProcessor(mdContent, opts = {}) {
         .use(mdxish_html_blocks)
         .use(newEditorTypes ? mdxish_inline_components : undefined) // Merge inline html components (e.g. <Anchor>) into MDAST nodes
         .use(newEditorTypes ? mdxish_jsx_to_mdast : undefined) // Convert block JSX elements to MDAST types
-        .use(safeMode ? undefined : evaluate_expressions, { context: jsxContext }) // Evaluate MDX expressions using jsxContext
         .use(variables_text) // Parse {user.*} patterns from text nodes
         .use(useTailwind ? transform_tailwind : undefined, { components: tempComponentsMap })
         .use(remarkGfm);