@readme/markdown 14.7.0 → 14.7.2

package/dist/main.js

@@ -12209,7 +12209,7 @@ const LightboxPortal = ({ children }) => {
     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 = '', framed: framedProp = false, height = 'auto', src, title = '', width = 'auto', lazy = true, children, wrap: wrapProp, } = Props;
+    const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = Props.style?.height ?? 'auto', src, style, title = '', width = Props.style?.width ?? 'auto', lazy = true, children, wrap: wrapProp, } = Props;
     // Normalize border/framed: MDXish passes {false} as the string "false", not a boolean
     const border = borderProp === true || borderProp === 'true';
     const framed = framedProp === true || framedProp === 'true';
@@ -12217,7 +12217,7 @@ const Image = (Props) => {
     const noWrap = (align === 'left' || align === 'right') && (wrapProp === false || wrapProp === 'false');
     const [lightbox, setLightbox] = external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.useState(false);
     if (className === 'emoji') {
-        return external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width });
+        return (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     }
     const handleKeyDown = ({ key, metaKey: cmd }) => {
         const cmdKey = cmd ? 'cmd+' : '';
@@ -12245,7 +12245,7 @@ const Image = (Props) => {
     };
     // Framed images center the <img> itself; outer wrapper handles left/right alignment via text-align.
     const imgClass = `img ${caption || children || framed ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}${noWrap ? ' img-no-wrap' : ''}`;
-    const imgElement = (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
+    const imgElement = (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     const closedLightbox = (ariaLabel, content) => (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement("span", { "aria-label": ariaLabel, 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" }, content)));
     const lightboxOverlay = lightbox ? (external_amd_react_commonjs_react_commonjs2_react_root_React_umd_react_.createElement(LightboxPortal, null,
@@ -76355,13 +76355,32 @@ const processTableNode = (node, index, parent, documentPosition) => {
     // remarkMdx wraps inline `<tr>`s in a paragraph; unwrap one level so the
     // hasRow check below sees them.
     const flattenSectionChildren = (nodes) => nodes.flatMap(n => n.type === 'paragraph' && 'children' in n && Array.isArray(n.children) ? n.children : [n]);
-    visit(node, isMDXElement, (child) => {
-        if (child.name !== 'thead' && child.name !== 'tbody')
+    // Iterate the table's direct children in document order. Rows may live
+    // inside a `<thead>`/`<tbody>` section, or sit bare directly under the table
+    // with no section wrapper — both are collected here so the first row becomes
+    // the markdown table header.
+    const tableChildren = flattenSectionChildren(node.children);
+    tableChildren.forEach(child => {
+        if (!isMDXElement(child))
+            return;
+        const childElement = child;
+        // Path for a `<tr>` directly under the table, without a `<thead>`/`<tbody>` wrapper.
+        if (childElement.name === 'tr') {
+            children.push({
+                type: 'tableRow',
+                children: collectCells(childElement),
+                position: childElement.position,
+            });
+            return;
+        }
+        // Path for when the rows are wrapped in a `<thead>`/`<tbody>`
+        // We visit & collect the entire rows under them directly here
+        if (childElement.name !== 'thead' && childElement.name !== 'tbody')
             return;
-        const sectionChildren = flattenSectionChildren(child.children);
+        const sectionChildren = flattenSectionChildren(childElement.children);
         const hasRow = sectionChildren.some(c => isMDXElement(c) && c.name === 'tr');
         if (hasRow) {
-            visit(child, isMDXElement, (row) => {
+            visit(childElement, isMDXElement, (row) => {
                 if (row.name !== 'tr')
                     return;
                 children.push({
@@ -76375,7 +76394,7 @@ const processTableNode = (node, index, parent, documentPosition) => {
             // No `<tr>`, chunk bare cells into rows using the prior row's column
             // count (e.g. from `<thead>`), so 4 bare `<td>`s under a 2-col header
             // become 2 rows of 2.
-            const cells = collectCells(child);
+            const cells = collectCells(childElement);
             if (cells.length === 0)
                 return;
             const cols = children[0]?.children?.length || cells.length;
@@ -76383,11 +76402,12 @@ const processTableNode = (node, index, parent, documentPosition) => {
                 children.push({
                     type: 'tableRow',
                     children: cells.slice(i, i + cols),
-                    position: child.position,
+                    position: childElement.position,
                 });
             }
         }
     });
+    // Output the markdown table node
     const firstRow = children[0];
     const columnCount = firstRow?.children?.length || 0;
     const alignArray = align && columnCount > 0

package/dist/main.node.js

@@ -24835,7 +24835,7 @@ const LightboxPortal = ({ children }) => {
     return (0,external_react_dom_namespaceObject.createPortal)(children, document.body);
 };
 const Image = (Props) => {
-    const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = 'auto', src, title = '', width = 'auto', lazy = true, children, wrap: wrapProp, } = Props;
+    const { align = '', alt = '', border: borderProp = false, caption, className = '', framed: framedProp = false, height = Props.style?.height ?? 'auto', src, style, title = '', width = Props.style?.width ?? 'auto', lazy = true, children, wrap: wrapProp, } = Props;
     // Normalize border/framed: MDXish passes {false} as the string "false", not a boolean
     const border = borderProp === true || borderProp === 'true';
     const framed = framedProp === true || framedProp === 'true';
@@ -24843,7 +24843,7 @@ const Image = (Props) => {
     const noWrap = (align === 'left' || align === 'right') && (wrapProp === false || wrapProp === 'false');
     const [lightbox, setLightbox] = external_react_.useState(false);
     if (className === 'emoji') {
-        return external_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width });
+        return (external_react_.createElement("img", { alt: alt, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     }
     const handleKeyDown = ({ key, metaKey: cmd }) => {
         const cmdKey = cmd ? 'cmd+' : '';
@@ -24871,7 +24871,7 @@ const Image = (Props) => {
     };
     // Framed images center the <img> itself; outer wrapper handles left/right alignment via text-align.
     const imgClass = `img ${caption || children || framed ? 'img-align-center' : align ? `img-align-${align}` : ''} ${border ? 'border' : ''}${noWrap ? ' img-no-wrap' : ''}`;
-    const imgElement = (external_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, title: title, width: width }));
+    const imgElement = (external_react_.createElement("img", { alt: alt, className: imgClass, height: height, loading: lazy ? 'lazy' : 'eager', src: src, style: style, title: title, width: width }));
     const closedLightbox = (ariaLabel, content) => (external_react_.createElement("span", { "aria-label": ariaLabel, className: "img lightbox closed", onClick: toggle, onKeyDown: handleKeyDown, role: 'button', tabIndex: 0 },
         external_react_.createElement("span", { className: "lightbox-inner" }, content)));
     const lightboxOverlay = lightbox ? (external_react_.createElement(LightboxPortal, null,
@@ -96579,13 +96579,32 @@ const processTableNode = (node, index, parent, documentPosition) => {
     // remarkMdx wraps inline `<tr>`s in a paragraph; unwrap one level so the
     // hasRow check below sees them.
     const flattenSectionChildren = (nodes) => nodes.flatMap(n => n.type === 'paragraph' && 'children' in n && Array.isArray(n.children) ? n.children : [n]);
-    visit(node, isMDXElement, (child) => {
-        if (child.name !== 'thead' && child.name !== 'tbody')
+    // Iterate the table's direct children in document order. Rows may live
+    // inside a `<thead>`/`<tbody>` section, or sit bare directly under the table
+    // with no section wrapper — both are collected here so the first row becomes
+    // the markdown table header.
+    const tableChildren = flattenSectionChildren(node.children);
+    tableChildren.forEach(child => {
+        if (!isMDXElement(child))
+            return;
+        const childElement = child;
+        // Path for a `<tr>` directly under the table, without a `<thead>`/`<tbody>` wrapper.
+        if (childElement.name === 'tr') {
+            children.push({
+                type: 'tableRow',
+                children: collectCells(childElement),
+                position: childElement.position,
+            });
+            return;
+        }
+        // Path for when the rows are wrapped in a `<thead>`/`<tbody>`
+        // We visit & collect the entire rows under them directly here
+        if (childElement.name !== 'thead' && childElement.name !== 'tbody')
             return;
-        const sectionChildren = flattenSectionChildren(child.children);
+        const sectionChildren = flattenSectionChildren(childElement.children);
         const hasRow = sectionChildren.some(c => isMDXElement(c) && c.name === 'tr');
         if (hasRow) {
-            visit(child, isMDXElement, (row) => {
+            visit(childElement, isMDXElement, (row) => {
                 if (row.name !== 'tr')
                     return;
                 children.push({
@@ -96599,7 +96618,7 @@ const processTableNode = (node, index, parent, documentPosition) => {
             // No `<tr>`, chunk bare cells into rows using the prior row's column
             // count (e.g. from `<thead>`), so 4 bare `<td>`s under a 2-col header
             // become 2 rows of 2.
-            const cells = collectCells(child);
+            const cells = collectCells(childElement);
             if (cells.length === 0)
                 return;
             const cols = children[0]?.children?.length || cells.length;
@@ -96607,11 +96626,12 @@ const processTableNode = (node, index, parent, documentPosition) => {
                 children.push({
                     type: 'tableRow',
                     children: cells.slice(i, i + cols),
-                    position: child.position,
+                    position: childElement.position,
                 });
             }
         }
     });
+    // Output the markdown table node
     const firstRow = children[0];
     const columnCount = firstRow?.children?.length || 0;
     const alignArray = align && columnCount > 0