@astryxdesign/core 0.1.5 → 0.1.6-canary.02f2602

package/dist/Markdown/Markdown.js

@@ -33,6 +33,7 @@ import { Citation } from "../Citation/Citation.js";
 import { useLinkComponent } from "../Link/useLinkComponent.js";
 import { parseInline, parseMarkdown, parseMarkdownIncremental, createIncrementalState, trimStreamingArtifacts } from "./parser.js";
 import { themeProps } from "../utils/themeProps.js";
+import { useTranslator } from "../i18n/index.js";
 
 // ---------------------------------------------------------------------------
 // Props
@@ -54,7 +55,7 @@ import { themeProps } from "../utils/themeProps.js";
  * When `sources` is provided, bracket content matching a source key is rendered
  * as a compact superscript citation pill instead of plain text.
  */
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // ---------------------------------------------------------------------------
 // Styles
 // ---------------------------------------------------------------------------
@@ -533,17 +534,17 @@ function wrapTextWithFade(content, cursor, key) {
   if (segments == null) {
     return content;
   }
-  const nodes = segments.map(seg => seg.fading ? /*#__PURE__*/_jsxDEV("span", {
+  const nodes = segments.map(seg => seg.fading ? /*#__PURE__*/_jsx("span", {
     ...{
       className: "x1hc1fzr x19991ni x80gvsz x12w9bfk xlr8y92 x4itv7f"
     },
     children: seg.text
-  }, seg.key, false) : /*#__PURE__*/_jsxDEV("span", {
+  }, seg.key) : /*#__PURE__*/_jsx("span", {
     children: seg.text
-  }, seg.key, false));
-  return /*#__PURE__*/_jsxDEV("span", {
+  }, seg.key));
+  return /*#__PURE__*/_jsx("span", {
     children: nodes
-  }, `wrap-${key}`, false);
+  }, `wrap-${key}`);
 }
 
 /**
@@ -577,46 +578,46 @@ function renderInline(node, index, onLinkClick, cursor, citationCtx, linkCompone
               } else {
                 // Plugin segment — advance cursor by matchLength
                 cursor.offset += seg.matchLength;
-                result.push(/*#__PURE__*/_jsxDEV(Fragment, {
+                result.push(/*#__PURE__*/_jsx(Fragment, {
                   children: seg.element
-                }, `plugin-${index}-${i}`, false));
+                }, `plugin-${index}-${i}`));
               }
             }
-            return /*#__PURE__*/_jsxDEV(Fragment, {
+            return /*#__PURE__*/_jsx(Fragment, {
               children: result
-            }, index, false);
+            }, index);
           }
         }
         return wrapTextWithFade(node.content, cursor, index);
       }
     case 'bold':
-      return /*#__PURE__*/_jsxDEV("strong", {
+      return /*#__PURE__*/_jsx("strong", {
         ...{
           className: "x2mo6ok"
         },
         children: node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-      }, index, false);
+      }, index);
     case 'italic':
-      return /*#__PURE__*/_jsxDEV("em", {
+      return /*#__PURE__*/_jsx("em", {
         children: node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-      }, index, false);
+      }, index);
     case 'strikethrough':
-      return /*#__PURE__*/_jsxDEV("del", {
+      return /*#__PURE__*/_jsx("del", {
         ...{
           className: "xv1l7n4"
         },
         children: node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-      }, index, false);
+      }, index);
     case 'code':
       {
         // Track code content length for cursor but don't split inside code
         cursor.offset += node.content.length;
         const InlineCodeComp = components?.inlineCode;
-        const codeEl = InlineCodeComp ? /*#__PURE__*/_jsxDEV(InlineCodeComp, {
+        const codeEl = InlineCodeComp ? /*#__PURE__*/_jsx(InlineCodeComp, {
           children: node.content
-        }, index, false) : /*#__PURE__*/_jsxDEV(Code, {
+        }, index) : /*#__PURE__*/_jsx(Code, {
           children: node.content
-        }, index, false);
+        }, index);
         return codeEl;
       }
     case 'link':
@@ -624,16 +625,16 @@ function renderInline(node, index, onLinkClick, cursor, citationCtx, linkCompone
         const safeHref = sanitizeUrl(node.href);
         if (safeHref == null) {
           // Unsafe URL — render as plain text
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsx("span", {
             children: node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-          }, index, false);
+          }, index);
         }
         const LinkComp = components?.link;
         if (LinkComp) {
-          return /*#__PURE__*/_jsxDEV(LinkComp, {
+          return /*#__PURE__*/_jsx(LinkComp, {
             href: safeHref,
             children: node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-          }, index, false);
+          }, index);
         }
         const isExternal = safeHref.startsWith('https://') || safeHref.startsWith('http://');
         const handleClick = onLinkClick ? e => {
@@ -646,7 +647,7 @@ function renderInline(node, index, onLinkClick, cursor, citationCtx, linkCompone
         // Framework routers (Next.js, React Router) handle internal navigation;
         // external links with target="_blank" should use a plain anchor.
         const LinkTag = isExternal ? 'a' : linkComponent;
-        return /*#__PURE__*/_jsxDEV(LinkTag, {
+        return /*#__PURE__*/_jsx(LinkTag, {
           href: safeHref,
           onClick: handleClick,
           ...(isExternal ? {
@@ -657,42 +658,42 @@ function renderInline(node, index, onLinkClick, cursor, citationCtx, linkCompone
             className: "xjse4m1 x1bvjpef"
           },
           children: node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-        }, index, false);
+        }, index);
       }
     case 'image':
       {
         const safeSrc = sanitizeUrl(node.src);
         if (safeSrc == null) {
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsxs("span", {
             children: ["[", node.alt, "]"]
-          }, index, true);
+          }, index);
         }
         const ImageComp = components?.image;
         if (ImageComp) {
-          return /*#__PURE__*/_jsxDEV(ImageComp, {
+          return /*#__PURE__*/_jsx(ImageComp, {
             src: safeSrc,
             alt: node.alt
-          }, index, false);
+          }, index);
         }
-        return /*#__PURE__*/_jsxDEV("img", {
+        return /*#__PURE__*/_jsx("img", {
           src: safeSrc,
           alt: node.alt,
           ...{
             className: "x193iq5w xh6dtrn"
           }
-        }, index, false);
+        }, index);
       }
     case 'break':
       cursor.offset += 1;
-      return /*#__PURE__*/_jsxDEV("br", {}, index, false);
+      return /*#__PURE__*/_jsx("br", {}, index);
     case 'citation':
       {
         cursor.offset += 1;
         if (!citationCtx) {
           // No sources provided — render as plain text
-          return /*#__PURE__*/_jsxDEV("span", {
+          return /*#__PURE__*/_jsxs("span", {
             children: ["[", node.sourceId, "]"]
-          }, index, true);
+          }, index);
         }
         const num = getCitationNumber(citationCtx, node.sourceId);
         const source = citationCtx.sources[node.sourceId] ?? {
@@ -700,15 +701,15 @@ function renderInline(node, index, onLinkClick, cursor, citationCtx, linkCompone
         };
         const citVariant = citationCtx.style === 'number' ? 'number' : 'label';
         const CitationComp = components?.citation;
-        const chip = CitationComp ? /*#__PURE__*/_jsxDEV(CitationComp, {
+        const chip = CitationComp ? /*#__PURE__*/_jsx(CitationComp, {
           source: source,
           number: num,
           variant: citVariant
-        }, index, false) : /*#__PURE__*/_jsxDEV(Citation, {
+        }, index) : /*#__PURE__*/_jsx(Citation, {
           source: source,
           number: num,
           variant: citVariant
-        }, index, false);
+        }, index);
         return chip;
       }
   }
@@ -762,7 +763,7 @@ function computeTableColumnMinWidths(node) {
     return maxLen <= 6 ? 60 : maxLen <= 15 ? 80 : 120;
   });
 }
-function renderBlock(node, index, blockCount, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent = 'a', inlinePlugins, components) {
+function renderBlock(node, index, blockCount, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent = 'a', inlinePlugins, components, t) {
   const blockAlignMargin = BLOCK_ALIGN_MARGIN[contentAlign];
   const blockAlignStyle = blockAlignMargin != null ? dynamicStyles.blockAlign(blockAlignMargin) : null;
   const spacing = getElementSpacing(node, density);
@@ -775,25 +776,25 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
         const headingChildren = node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components));
         const HeadingComp = components?.heading;
         if (HeadingComp) {
-          return /*#__PURE__*/_jsxDEV(HeadingComp, {
+          return /*#__PURE__*/_jsx(HeadingComp, {
             level: level,
             children: headingChildren
-          }, index, false);
+          }, index);
         }
         const Tag = `h${level}`;
-        return /*#__PURE__*/_jsxDEV(Tag, {
+        return /*#__PURE__*/_jsx(Tag, {
           ...stylex.props(styles.headingBase, headingStyles[level], spacing, contentWidthValue != null ? dynamicStyles.proseWidth(contentWidthValue) : null, contentAlign !== 'start' ? dynamicStyles.proseAlign(ALIGN_MARGIN[contentAlign]) : null, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
           children: headingChildren
-        }, index, false);
+        }, index);
       }
     case 'paragraph':
       {
         const paraChildren = node.children.map((c, i) => renderInline(c, i, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components));
         const ParagraphComp = components?.paragraph;
         if (ParagraphComp) {
-          return /*#__PURE__*/_jsxDEV(ParagraphComp, {
+          return /*#__PURE__*/_jsx(ParagraphComp, {
             children: paraChildren
-          }, index, false);
+          }, index);
         }
         // Markdown paragraphs render as <div>, not <p>: inline content can
         // include block-level nodes (images, custom inline components), and a
@@ -804,11 +805,11 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
         // the parser's block-child reparenting) so prose semantics are preserved
         // without the <p> composition hazard. Consumers who want a real <p>
         // element can still pass components={{paragraph: 'p'}}.
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsx("div", {
           role: "paragraph",
           ...stylex.props(spacing, contentWidthValue != null ? dynamicStyles.proseWidth(contentWidthValue) : null, contentAlign !== 'start' ? dynamicStyles.proseAlign(ALIGN_MARGIN[contentAlign]) : null, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
           children: paraChildren
-        }, index, false);
+        }, index);
       }
     case 'codeblock':
       {
@@ -816,34 +817,34 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
         cursor.offset += node.content.length;
         const CodeBlockComp = components?.code;
         if (CodeBlockComp) {
-          return /*#__PURE__*/_jsxDEV(CodeBlockComp, {
+          return /*#__PURE__*/_jsx(CodeBlockComp, {
             code: node.content,
             language: node.language
-          }, index, false);
+          }, index);
         }
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsx("div", {
           ...stylex.props(spacing, styles.codeBlockWrapper, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
-          children: /*#__PURE__*/_jsxDEV(CodeBlock, {
+          children: /*#__PURE__*/_jsx(CodeBlock, {
             code: node.content,
             language: node.language,
             isCollapsible: true,
             xstyle: [contentWidthValue != null ? dynamicStyles.blockWidth(contentWidthValue) : undefined, blockAlignStyle]
-          }, void 0, false)
-        }, index, false);
+          })
+        }, index);
       }
     case 'blockquote':
       {
         const BlockquoteComp = components?.blockquote;
         if (BlockquoteComp) {
-          const bqC = node.children.map((c, i) => renderBlock(c, i, node.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components));
-          return /*#__PURE__*/_jsxDEV(BlockquoteComp, {
+          const bqC = node.children.map((c, i) => renderBlock(c, i, node.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components, t));
+          return /*#__PURE__*/_jsx(BlockquoteComp, {
             children: bqC
-          }, index, false);
+          }, index);
         }
-        return /*#__PURE__*/_jsxDEV(Blockquote, {
+        return /*#__PURE__*/_jsx(Blockquote, {
           xstyle: [spacing, contentWidthValue != null ? dynamicStyles.proseWidth(contentWidthValue) : undefined, contentAlign !== 'start' ? dynamicStyles.proseAlign(ALIGN_MARGIN[contentAlign]) : undefined, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd],
-          children: node.children.map((c, i) => renderBlock(c, i, node.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components))
-        }, index, false);
+          children: node.children.map((c, i) => renderBlock(c, i, node.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components, t))
+        }, index);
       }
     case 'list':
       {
@@ -859,10 +860,10 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
           }) => item.checked).map(({
             key
           }) => key);
-          return /*#__PURE__*/_jsxDEV("div", {
+          return /*#__PURE__*/_jsx("div", {
             ...stylex.props(spacing, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
-            children: /*#__PURE__*/_jsxDEV(CheckboxList, {
-              label: "Task list",
+            children: /*#__PURE__*/_jsx(CheckboxList, {
+              label: t('@astryx.markdown.taskList'),
               isLabelHidden: true,
               value: checkedValues,
               xstyle: styles.blockIndent,
@@ -871,24 +872,24 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
               children: node.items.map((item, i) => {
                 const firstChild = item.children[0];
                 const isInline = item.children.length === 1 && firstChild?.type === 'paragraph';
-                const label = isInline ? /*#__PURE__*/_jsxDEV(_Fragment, {
+                const label = isInline ? /*#__PURE__*/_jsx(_Fragment, {
                   children: firstChild.children.map((c, j) => renderInline(c, j, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-                }, void 0, false) : /*#__PURE__*/_jsxDEV(_Fragment, {
-                  children: item.children.map((c, j) => renderBlock(c, j, item.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components))
-                }, void 0, false);
-                return /*#__PURE__*/_jsxDEV(CheckboxListItem
+                }) : /*#__PURE__*/_jsx(_Fragment, {
+                  children: item.children.map((c, j) => renderBlock(c, j, item.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components, t))
+                });
+                return /*#__PURE__*/_jsx(CheckboxListItem
                 // eslint-disable-next-line @eslint-react/no-array-index-key -- markdown task items are rendered from positional AST nodes
                 , {
                   value: `task-${i}`,
                   label: label
-                }, i, false);
+                }, i);
               })
-            }, void 0, false)
-          }, index, false);
+            })
+          }, index);
         }
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsx("div", {
           ...stylex.props(spacing, contentWidthValue != null ? dynamicStyles.proseWidth(contentWidthValue) : null, contentAlign !== 'start' ? dynamicStyles.proseAlign(ALIGN_MARGIN[contentAlign]) : null, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
-          children: /*#__PURE__*/_jsxDEV(List, {
+          children: /*#__PURE__*/_jsx(List, {
             listStyle: node.ordered ? 'decimal' : 'disc',
             density: "compact",
             start: node.ordered ? node.start : undefined,
@@ -900,91 +901,91 @@ function renderBlock(node, index, blockCount, density, headingLevelStart, onLink
               // Check if this entire list item is "new" — if so, fade the
               // whole item as a block instead of fading individual text spans.
 
-              const label = isInline ? /*#__PURE__*/_jsxDEV(_Fragment, {
+              const label = isInline ? /*#__PURE__*/_jsx(_Fragment, {
                 children: firstChild.children.map((c, j) => renderInline(c, j, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-              }, void 0, false) : /*#__PURE__*/_jsxDEV(_Fragment, {
-                children: item.children.map((c, j) => renderBlock(c, j, item.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components))
-              }, void 0, false);
-              return /*#__PURE__*/_jsxDEV(ListItem
+              }) : /*#__PURE__*/_jsx(_Fragment, {
+                children: item.children.map((c, j) => renderBlock(c, j, item.children.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidthValue, contentAlign, linkComponent, inlinePlugins, components, t))
+              });
+              return /*#__PURE__*/_jsx(ListItem
               // eslint-disable-next-line @eslint-react/no-array-index-key -- markdown list items are rendered from positional AST nodes
               , {
                 label: label
-              }, i, false);
+              }, i);
             })
-          }, void 0, false)
-        }, index, false);
+          })
+        }, index);
       }
     case 'table':
       {
         const colMinWidths = computeTableColumnMinWidths(node);
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsx("div", {
           // Keyboard-focusable so keyboard users can scroll a horizontally
           // overflowing GFM table. Uses role="group" (not "region") so
           // multiple tables don't create duplicate same-named landmarks
           // (axe: landmark-unique).
           tabIndex: 0,
           role: "group",
-          "aria-label": "Table",
+          "aria-label": t('@astryx.markdown.table'),
           ...stylex.props(styles.tableWrapper, spacing, contentWidthValue != null ? dynamicStyles.blockWidth(contentWidthValue) : null, BLOCK_ALIGN_MARGIN[contentAlign] != null ? dynamicStyles.blockAlign(BLOCK_ALIGN_MARGIN[contentAlign]) : null, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
-          children: /*#__PURE__*/_jsxDEV(Table, {
+          children: /*#__PURE__*/_jsxs(Table, {
             dividers: "rows",
             textOverflow: "wrap",
-            children: [/*#__PURE__*/_jsxDEV(TableHeader, {
-              children: /*#__PURE__*/_jsxDEV(TableRow, {
-                children: node.headers.map((h, i) => /*#__PURE__*/_jsxDEV(TableHeaderCell
+            children: [/*#__PURE__*/_jsx(TableHeader, {
+              children: /*#__PURE__*/_jsx(TableRow, {
+                children: node.headers.map((h, i) => /*#__PURE__*/_jsx(TableHeaderCell
                 // eslint-disable-next-line @eslint-react/no-array-index-key -- markdown table columns are positional by definition
                 , {
                   xstyle: [dynamicStyles.cellMinWidth(`${colMinWidths[i]}px`), node.alignments[i] === 'center' && cellAlignStyles.center, node.alignments[i] === 'right' && cellAlignStyles.right],
                   children: h.children.map((c, j) => renderInline(c, j, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-                }, i, false))
-              }, void 0, false)
-            }, void 0, false), /*#__PURE__*/_jsxDEV(TableBody, {
+                }, i))
+              })
+            }), /*#__PURE__*/_jsx(TableBody, {
               children: node.rows.map((row, i) => {
-                const cells = row.map((cell, j) => /*#__PURE__*/_jsxDEV(TableCell
+                const cells = row.map((cell, j) => /*#__PURE__*/_jsx(TableCell
                 // eslint-disable-next-line @eslint-react/no-array-index-key -- markdown table cells are positional by row and column
                 , {
                   xstyle: [node.alignments[j] === 'center' && cellAlignStyles.center, node.alignments[j] === 'right' && cellAlignStyles.right],
                   children: cell.children.map((c, k) => renderInline(c, k, onLinkClick, cursor, citationCtx, linkComponent, inlinePlugins, components))
-                }, j, false));
-                return /*#__PURE__*/_jsxDEV(TableRow
+                }, j));
+                return /*#__PURE__*/_jsx(TableRow
                 // eslint-disable-next-line @eslint-react/no-array-index-key -- markdown table rows are rendered from positional AST nodes
                 , {
                   children: cells
-                }, i, false);
+                }, i);
               })
-            }, void 0, false)]
-          }, void 0, true)
-        }, index, false);
+            })]
+          })
+        }, index);
       }
     case 'hr':
       {
         const HrComp = components?.hr;
         if (HrComp) {
-          return /*#__PURE__*/_jsxDEV(HrComp, {}, index, false);
+          return /*#__PURE__*/_jsx(HrComp, {}, index);
         }
-        return /*#__PURE__*/_jsxDEV("hr", {
+        return /*#__PURE__*/_jsx("hr", {
           ...stylex.props(styles.hr, spacing, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd)
-        }, index, false);
+        }, index);
       }
     case 'image':
       {
         const safeSrc = sanitizeUrl(node.src);
         if (safeSrc == null) {
-          return /*#__PURE__*/_jsxDEV("div", {
+          return /*#__PURE__*/_jsxs("div", {
             ...stylex.props(spacing, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
             children: ["[", node.alt, "]"]
-          }, index, true);
+          }, index);
         }
-        return /*#__PURE__*/_jsxDEV("div", {
+        return /*#__PURE__*/_jsx("div", {
           ...stylex.props(spacing, isFirst && styles.noMarginBlockStart, isLast && styles.noMarginBlockEnd),
-          children: /*#__PURE__*/_jsxDEV("img", {
+          children: /*#__PURE__*/_jsx("img", {
             src: safeSrc,
             alt: node.alt,
             ...{
               className: "x193iq5w xh6dtrn"
             }
-          }, void 0, false)
-        }, index, false);
+          })
+        }, index);
       }
   }
 }
@@ -1024,6 +1025,7 @@ export function Markdown({
   style,
   'data-testid': testId
 }) {
+  const t = useTranslator();
   const LinkComponent = useLinkComponent();
   // Derive the set of source IDs for the parser (stable across renders when sources don't change)
   const sourceIds = useMemo(() => sources ? new Set(Object.keys(sources)) : undefined, [sources]);
@@ -1106,29 +1108,29 @@ export function Markdown({
     style: citationStyle
   } : null;
   if (display === 'inline') {
-    const renderedInline = /*#__PURE__*/_jsxDEV("span", {
+    const renderedInline = /*#__PURE__*/_jsx("span", {
       ref: ref,
       "data-testid": testId,
       ...mergeProps(themeProps('markdown', {
         density
       }), stylex.props(styles.root, styles.inlineRoot, xstyle), className, style),
       children: inlineNodes.map((node, i) => renderInline(node, i, onLinkClick, cursor, citationCtx, LinkComponent, inlinePlugins, components))
-    }, void 0, false);
+    });
 
     // Store current inline nodes for next render's boundary calculation.
     prevInlineNodesRef.current = inlineNodes;
     prevBlocksRef.current = [];
     return renderedInline;
   }
-  const rendered = /*#__PURE__*/_jsxDEV("div", {
+  const rendered = /*#__PURE__*/_jsx("div", {
     role: "document",
     ref: ref,
     "data-testid": testId,
     ...mergeProps(themeProps('markdown', {
       density
     }), stylex.props(styles.root, xstyle), className, style),
-    children: blocks.map((block, i) => renderBlock(block, i, blocks.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidth ? typeof contentWidth === 'number' ? `${contentWidth}px` : contentWidth : null, contentAlign, LinkComponent, inlinePlugins, components))
-  }, void 0, false);
+    children: blocks.map((block, i) => renderBlock(block, i, blocks.length, density, headingLevelStart, onLinkClick, cursor, citationCtx, contentWidth ? typeof contentWidth === 'number' ? `${contentWidth}px` : contentWidth : null, contentAlign, LinkComponent, inlinePlugins, components, t))
+  });
 
   // Store current blocks for next render's boundary calculation.
   // This ref write is safe under StrictMode: both invocations produce the same

package/dist/MetadataList/MetadataList.js

@@ -26,7 +26,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -130,12 +130,12 @@ export function MetadataList({
   const effectiveMax = isHorizontal ? undefined : maxNumOfItems;
   const isExceedMax = effectiveMax != null && childrenArray.length > effectiveMax;
   const visibleChildren = isExceedMax && !isShowAll ? childrenArray.slice(0, effectiveMax) : childrenArray;
-  const titleContent = title != null ? /*#__PURE__*/_jsxDEV("div", {
+  const titleContent = title != null ? /*#__PURE__*/_jsx("div", {
     ...{
       className: "xep27e5"
     },
     children: title
-  }, void 0, false) : null;
+  }) : null;
 
   // Determine grid style based on columns and label position
   const getGridStyle = () => {
@@ -159,22 +159,22 @@ export function MetadataList({
   } : !isHorizontal && labelConfig.position === 'start' && labelConfig.width != null ? {
     gridTemplateColumns: `${typeof labelConfig.width === 'number' ? `${labelConfig.width}px` : labelConfig.width} 1fr`
   } : undefined;
-  return /*#__PURE__*/_jsxDEV(MetadataListContext, {
+  return /*#__PURE__*/_jsx(MetadataListContext, {
     value: contextValue,
-    children: /*#__PURE__*/_jsxDEV("div", {
+    children: /*#__PURE__*/_jsxs("div", {
       ref: ref,
       "data-testid": testId,
       ...mergeProps(themeProps('metadata-list', {
         columns: String(columns),
         orientation
       }), stylex.props(styles.root, xstyle), className, style),
-      children: [titleContent, /*#__PURE__*/_jsxDEV("dl", {
+      children: [titleContent, /*#__PURE__*/_jsx("dl", {
         id: contentId,
         ...mergeProps(stylex.props(styles.dl, getGridStyle()), {
           style: dynamicGridStyle
         }),
         children: visibleChildren
-      }, void 0, false), isExceedMax && /*#__PURE__*/_jsxDEV("button", {
+      }), isExceedMax && /*#__PURE__*/_jsx("button", {
         type: "button",
         "aria-controls": contentId,
         "aria-expanded": isShowAll,
@@ -183,8 +183,8 @@ export function MetadataList({
           className: "xjyslct x15nmkw0 x1ypdohk xqwr325 xjm74w1 xw6l6zx x1e4wzip xjb2p0i x1yc453h xqcrz7y"
         },
         children: isShowAll ? 'Show less' : 'Show more'
-      }, void 0, false)]
-    }, void 0, true)
-  }, void 0, false);
+      })]
+    })
+  });
 }
 MetadataList.displayName = 'MetadataList';

package/dist/MetadataList/MetadataListItem.js

@@ -26,7 +26,7 @@ import { themeProps } from "../utils/themeProps.js";
 // =============================================================================
 // Types
 // =============================================================================
-import { jsxDEV as _jsxDEV, Fragment as _Fragment } from "react/jsx-dev-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -85,49 +85,49 @@ export function MetadataListItem({
   const ctx = use(MetadataListContext);
   const labelPosition = ctx?.labelConfig.position ?? 'start';
   const isStacked = labelPosition === 'top' || ctx?.orientation === 'horizontal';
-  const labelContent = /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [icon != null && /*#__PURE__*/_jsxDEV("span", {
+  const labelContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [icon != null && /*#__PURE__*/_jsx("span", {
       ...{
         className: "x3nfvp2 x6s0dn4 x2lah0s xv1l7n4"
       },
       children: icon
-    }, void 0, false), label]
-  }, void 0, true);
+    }), label]
+  });
 
   // Stacked layout: label above content, wrapped in a div
   if (isStacked) {
-    return /*#__PURE__*/_jsxDEV("div", {
+    return /*#__PURE__*/_jsxs("div", {
       ref: ref,
       "data-testid": testId,
       ...mergeProps(themeProps('metadata-list-item'), stylex.props(styles.stackedWrapper, xstyle), className, style),
-      children: [/*#__PURE__*/_jsxDEV("dt", {
+      children: [/*#__PURE__*/_jsx("dt", {
         ...{
           className: "xv1l7n4 xjm74w1 xw6l6zx x1e4wzip x78zum5 x6s0dn4 x1txdalj x1ghz6dp x1717udv"
         },
         children: labelContent
-      }, void 0, false), /*#__PURE__*/_jsxDEV("dd", {
+      }), /*#__PURE__*/_jsx("dd", {
         ...{
           className: "x1tgivj0 xjm74w1 xw6l6zx x1ghz6dp x1717udv x13faqbe"
         },
         children: children
-      }, void 0, false)]
-    }, void 0, true);
+      })]
+    });
   }
 
   // Inline layout: dt and dd are direct grid children
-  return /*#__PURE__*/_jsxDEV(_Fragment, {
-    children: [/*#__PURE__*/_jsxDEV("dt", {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx("dt", {
       ref: ref,
       "data-testid": testId ? `${testId}-label` : undefined,
       ...mergeProps(themeProps('metadata-list-item'), stylex.props(styles.label, xstyle), className, style),
       children: labelContent
-    }, void 0, false), /*#__PURE__*/_jsxDEV("dd", {
+    }), /*#__PURE__*/_jsx("dd", {
       "data-testid": testId ? `${testId}-value` : undefined,
       ...{
         className: "x1tgivj0 xjm74w1 xw6l6zx x1ghz6dp x1717udv xjwf9q1 x13faqbe"
       },
       children: children
-    }, void 0, false)]
-  }, void 0, true);
+    })]
+  });
 }
 MetadataListItem.displayName = 'MetadataListItem';