@nuucognition/ncm-ui 0.1.1-beta.0 → 0.1.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/blocks/admonition/index.js +16 -11
  2. package/dist/blocks/aside/index.js +16 -11
  3. package/dist/blocks/chart/index.js +2 -1
  4. package/dist/blocks/custom-code/index.js +1 -1
  5. package/dist/blocks/dataview/index.js +2 -1
  6. package/dist/blocks/definition/index.js +16 -11
  7. package/dist/blocks/footnote/index.js +16 -11
  8. package/dist/blocks/html/index.js +2 -1
  9. package/dist/blocks/index.js +16 -11
  10. package/dist/blocks/latex/index.js +2 -2
  11. package/dist/blocks/math/index.js +3 -2
  12. package/dist/blocks/mermaid/index.js +2 -1
  13. package/dist/blocks/spoiler/index.js +16 -11
  14. package/dist/blocks/table/index.js +1 -1
  15. package/dist/components/index.js +16 -11
  16. package/dist/components/ncm-block.js +16 -11
  17. package/dist/components/ncm-document.js +16 -11
  18. package/dist/hooks/index.js +16 -11
  19. package/dist/hooks/use-block-renderer.js +16 -11
  20. package/dist/index.js +16 -11
  21. package/dist/lib/defaults.js +16 -11
  22. package/dist/styles/nuu.css +39 -16
  23. package/package.json +5 -6
package/dist/blocks/spoiler/index.js CHANGED
@@ -736,7 +736,8 @@ function ChartBlock({ block, className }) {
736
736
  "data-ncm-chart": "",
737
737
  "data-ncm-chart-type": block.chartType ?? "unknown",
738
738
  className: cn(
739
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
739
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
740
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
740
741
  className
741
742
  ),
742
743
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -916,7 +917,8 @@ function DataviewBlock({ block, className }) {
916
917
  "data-ncm-dataview": "",
917
918
  "data-ncm-query-type": block.queryType,
918
919
  className: cn(
919
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
920
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
921
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
920
922
  className
921
923
  ),
922
924
  children: /* @__PURE__ */ jsx("code", { children: block.query })
@@ -1255,7 +1257,8 @@ function HtmlBlock({ block, className }) {
1255
1257
  "data-block-id": block.id,
1256
1258
  "data-ncm-html": "",
1257
1259
  className: cn(
1258
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1260
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1261
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1259
1262
  className
1260
1263
  ),
1261
1264
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1293,7 +1296,7 @@ function LatexDisplayBlock({ block, className }) {
1293
1296
  "data-ncm-type": block.type,
1294
1297
  "data-block-id": block.id,
1295
1298
  "data-ncm-latex-display": "",
1296
- className: cn("overflow-x-auto", className),
1299
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1297
1300
  dangerouslySetInnerHTML: { __html: html }
1298
1301
  }
1299
1302
  );
@@ -1308,7 +1311,7 @@ function LatexDisplayBlock({ block, className }) {
1308
1311
  "data-ncm-type": block.type,
1309
1312
  "data-block-id": block.id,
1310
1313
  "data-ncm-latex-display": "",
1311
- className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1314
+ className: cn("overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1312
1315
  children: /* @__PURE__ */ jsx("code", { children: block.content })
1313
1316
  }
1314
1317
  );
@@ -1428,7 +1431,7 @@ function MathBlock({ block, className }) {
1428
1431
  "data-ncm-type": block.type,
1429
1432
  "data-block-id": block.id,
1430
1433
  "data-ncm-math": "",
1431
- className: cn("overflow-x-auto", className),
1434
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1432
1435
  dangerouslySetInnerHTML: { __html: html }
1433
1436
  }
1434
1437
  );
@@ -1444,7 +1447,8 @@ function MathBlock({ block, className }) {
1444
1447
  "data-block-id": block.id,
1445
1448
  "data-ncm-math": "",
1446
1449
  className: cn(
1447
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1450
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1451
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1448
1452
  className
1449
1453
  ),
1450
1454
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1462,7 +1466,8 @@ function MermaidBlock({ block, className }) {
1462
1466
  "data-ncm-mermaid": "",
1463
1467
  "data-ncm-diagram-type": block.diagramType,
1464
1468
  className: cn(
1465
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1469
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1470
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1466
1471
  className
1467
1472
  ),
1468
1473
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1507,7 +1512,7 @@ function TableBlock({ block, className }) {
1507
1512
  "data-ncm-type": block.type,
1508
1513
  "data-block-id": block.id,
1509
1514
  "data-ncm-table": "",
1510
- className: cn("w-full overflow-x-auto", className),
1515
+ className: cn("w-full overflow-x-auto overflow-y-hidden", className),
1511
1516
  children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
1512
1517
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
1513
1518
  /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
@@ -1593,7 +1598,7 @@ function FallbackBlock({ block, className }) {
1593
1598
  "data-block-id": block.id,
1594
1599
  "data-ncm-fallback": "",
1595
1600
  className: cn(
1596
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1601
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1597
1602
  className
1598
1603
  )
1599
1604
  },
@@ -1649,7 +1654,7 @@ function CustomCodeBlock({ block, className }) {
1649
1654
  "data-block-id": block.id,
1650
1655
  "data-ncm-custom-code": "",
1651
1656
  "data-ncm-language": block.language,
1652
- className: cn("overflow-x-auto", className),
1657
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1653
1658
  children: [
1654
1659
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
1655
1660
  /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })
package/dist/blocks/table/index.js CHANGED
@@ -649,7 +649,7 @@ function TableBlock({ block, className }) {
649
649
  "data-ncm-type": block.type,
650
650
  "data-block-id": block.id,
651
651
  "data-ncm-table": "",
652
- className: cn("w-full overflow-x-auto", className),
652
+ className: cn("w-full overflow-x-auto overflow-y-hidden", className),
653
653
  children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
654
654
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
655
655
  /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
package/dist/components/index.js CHANGED
@@ -807,7 +807,8 @@ function ChartBlock({ block, className }) {
807
807
  "data-ncm-chart": "",
808
808
  "data-ncm-chart-type": block.chartType ?? "unknown",
809
809
  className: cn(
810
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
810
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
811
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
811
812
  className
812
813
  ),
813
814
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -987,7 +988,8 @@ function DataviewBlock({ block, className }) {
987
988
  "data-ncm-dataview": "",
988
989
  "data-ncm-query-type": block.queryType,
989
990
  className: cn(
990
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
991
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
992
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
991
993
  className
992
994
  ),
993
995
  children: /* @__PURE__ */ jsx("code", { children: block.query })
@@ -1326,7 +1328,8 @@ function HtmlBlock({ block, className }) {
1326
1328
  "data-block-id": block.id,
1327
1329
  "data-ncm-html": "",
1328
1330
  className: cn(
1329
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1331
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1332
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1330
1333
  className
1331
1334
  ),
1332
1335
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1364,7 +1367,7 @@ function LatexDisplayBlock({ block, className }) {
1364
1367
  "data-ncm-type": block.type,
1365
1368
  "data-block-id": block.id,
1366
1369
  "data-ncm-latex-display": "",
1367
- className: cn("overflow-x-auto", className),
1370
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1368
1371
  dangerouslySetInnerHTML: { __html: html }
1369
1372
  }
1370
1373
  );
@@ -1379,7 +1382,7 @@ function LatexDisplayBlock({ block, className }) {
1379
1382
  "data-ncm-type": block.type,
1380
1383
  "data-block-id": block.id,
1381
1384
  "data-ncm-latex-display": "",
1382
- className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1385
+ className: cn("overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1383
1386
  children: /* @__PURE__ */ jsx("code", { children: block.content })
1384
1387
  }
1385
1388
  );
@@ -1499,7 +1502,7 @@ function MathBlock({ block, className }) {
1499
1502
  "data-ncm-type": block.type,
1500
1503
  "data-block-id": block.id,
1501
1504
  "data-ncm-math": "",
1502
- className: cn("overflow-x-auto", className),
1505
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1503
1506
  dangerouslySetInnerHTML: { __html: html }
1504
1507
  }
1505
1508
  );
@@ -1515,7 +1518,8 @@ function MathBlock({ block, className }) {
1515
1518
  "data-block-id": block.id,
1516
1519
  "data-ncm-math": "",
1517
1520
  className: cn(
1518
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1521
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1522
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1519
1523
  className
1520
1524
  ),
1521
1525
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1533,7 +1537,8 @@ function MermaidBlock({ block, className }) {
1533
1537
  "data-ncm-mermaid": "",
1534
1538
  "data-ncm-diagram-type": block.diagramType,
1535
1539
  className: cn(
1536
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1540
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1541
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1537
1542
  className
1538
1543
  ),
1539
1544
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1594,7 +1599,7 @@ function TableBlock({ block, className }) {
1594
1599
  "data-ncm-type": block.type,
1595
1600
  "data-block-id": block.id,
1596
1601
  "data-ncm-table": "",
1597
- className: cn("w-full overflow-x-auto", className),
1602
+ className: cn("w-full overflow-x-auto overflow-y-hidden", className),
1598
1603
  children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
1599
1604
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
1600
1605
  /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
@@ -1680,7 +1685,7 @@ function FallbackBlock({ block, className }) {
1680
1685
  "data-block-id": block.id,
1681
1686
  "data-ncm-fallback": "",
1682
1687
  className: cn(
1683
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1688
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1684
1689
  className
1685
1690
  )
1686
1691
  },
@@ -1736,7 +1741,7 @@ function CustomCodeBlock({ block, className }) {
1736
1741
  "data-block-id": block.id,
1737
1742
  "data-ncm-custom-code": "",
1738
1743
  "data-ncm-language": block.language,
1739
- className: cn("overflow-x-auto", className),
1744
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1740
1745
  children: [
1741
1746
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
1742
1747
  /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })
package/dist/components/ncm-block.js CHANGED
@@ -768,7 +768,8 @@ function ChartBlock({ block, className }) {
768
768
  "data-ncm-chart": "",
769
769
  "data-ncm-chart-type": block.chartType ?? "unknown",
770
770
  className: cn(
771
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
771
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
772
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
772
773
  className
773
774
  ),
774
775
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -948,7 +949,8 @@ function DataviewBlock({ block, className }) {
948
949
  "data-ncm-dataview": "",
949
950
  "data-ncm-query-type": block.queryType,
950
951
  className: cn(
951
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
952
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
953
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
952
954
  className
953
955
  ),
954
956
  children: /* @__PURE__ */ jsx("code", { children: block.query })
@@ -1287,7 +1289,8 @@ function HtmlBlock({ block, className }) {
1287
1289
  "data-block-id": block.id,
1288
1290
  "data-ncm-html": "",
1289
1291
  className: cn(
1290
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1292
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1293
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1291
1294
  className
1292
1295
  ),
1293
1296
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1325,7 +1328,7 @@ function LatexDisplayBlock({ block, className }) {
1325
1328
  "data-ncm-type": block.type,
1326
1329
  "data-block-id": block.id,
1327
1330
  "data-ncm-latex-display": "",
1328
- className: cn("overflow-x-auto", className),
1331
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1329
1332
  dangerouslySetInnerHTML: { __html: html }
1330
1333
  }
1331
1334
  );
@@ -1340,7 +1343,7 @@ function LatexDisplayBlock({ block, className }) {
1340
1343
  "data-ncm-type": block.type,
1341
1344
  "data-block-id": block.id,
1342
1345
  "data-ncm-latex-display": "",
1343
- className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1346
+ className: cn("overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1344
1347
  children: /* @__PURE__ */ jsx("code", { children: block.content })
1345
1348
  }
1346
1349
  );
@@ -1460,7 +1463,7 @@ function MathBlock({ block, className }) {
1460
1463
  "data-ncm-type": block.type,
1461
1464
  "data-block-id": block.id,
1462
1465
  "data-ncm-math": "",
1463
- className: cn("overflow-x-auto", className),
1466
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1464
1467
  dangerouslySetInnerHTML: { __html: html }
1465
1468
  }
1466
1469
  );
@@ -1476,7 +1479,8 @@ function MathBlock({ block, className }) {
1476
1479
  "data-block-id": block.id,
1477
1480
  "data-ncm-math": "",
1478
1481
  className: cn(
1479
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1482
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1483
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1480
1484
  className
1481
1485
  ),
1482
1486
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1494,7 +1498,8 @@ function MermaidBlock({ block, className }) {
1494
1498
  "data-ncm-mermaid": "",
1495
1499
  "data-ncm-diagram-type": block.diagramType,
1496
1500
  className: cn(
1497
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1501
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1502
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1498
1503
  className
1499
1504
  ),
1500
1505
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1555,7 +1560,7 @@ function TableBlock({ block, className }) {
1555
1560
  "data-ncm-type": block.type,
1556
1561
  "data-block-id": block.id,
1557
1562
  "data-ncm-table": "",
1558
- className: cn("w-full overflow-x-auto", className),
1563
+ className: cn("w-full overflow-x-auto overflow-y-hidden", className),
1559
1564
  children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
1560
1565
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
1561
1566
  /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
@@ -1641,7 +1646,7 @@ function FallbackBlock({ block, className }) {
1641
1646
  "data-block-id": block.id,
1642
1647
  "data-ncm-fallback": "",
1643
1648
  className: cn(
1644
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1649
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1645
1650
  className
1646
1651
  )
1647
1652
  },
@@ -1697,7 +1702,7 @@ function CustomCodeBlock({ block, className }) {
1697
1702
  "data-block-id": block.id,
1698
1703
  "data-ncm-custom-code": "",
1699
1704
  "data-ncm-language": block.language,
1700
- className: cn("overflow-x-auto", className),
1705
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1701
1706
  children: [
1702
1707
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
1703
1708
  /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })
package/dist/components/ncm-document.js CHANGED
@@ -839,7 +839,8 @@ function ChartBlock({ block, className }) {
839
839
  "data-ncm-chart": "",
840
840
  "data-ncm-chart-type": block.chartType ?? "unknown",
841
841
  className: cn(
842
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
842
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
843
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
843
844
  className
844
845
  ),
845
846
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1019,7 +1020,8 @@ function DataviewBlock({ block, className }) {
1019
1020
  "data-ncm-dataview": "",
1020
1021
  "data-ncm-query-type": block.queryType,
1021
1022
  className: cn(
1022
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1023
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1024
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1023
1025
  className
1024
1026
  ),
1025
1027
  children: /* @__PURE__ */ jsx("code", { children: block.query })
@@ -1358,7 +1360,8 @@ function HtmlBlock({ block, className }) {
1358
1360
  "data-block-id": block.id,
1359
1361
  "data-ncm-html": "",
1360
1362
  className: cn(
1361
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1363
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1364
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1362
1365
  className
1363
1366
  ),
1364
1367
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1396,7 +1399,7 @@ function LatexDisplayBlock({ block, className }) {
1396
1399
  "data-ncm-type": block.type,
1397
1400
  "data-block-id": block.id,
1398
1401
  "data-ncm-latex-display": "",
1399
- className: cn("overflow-x-auto", className),
1402
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1400
1403
  dangerouslySetInnerHTML: { __html: html }
1401
1404
  }
1402
1405
  );
@@ -1411,7 +1414,7 @@ function LatexDisplayBlock({ block, className }) {
1411
1414
  "data-ncm-type": block.type,
1412
1415
  "data-block-id": block.id,
1413
1416
  "data-ncm-latex-display": "",
1414
- className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1417
+ className: cn("overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1415
1418
  children: /* @__PURE__ */ jsx("code", { children: block.content })
1416
1419
  }
1417
1420
  );
@@ -1531,7 +1534,7 @@ function MathBlock({ block, className }) {
1531
1534
  "data-ncm-type": block.type,
1532
1535
  "data-block-id": block.id,
1533
1536
  "data-ncm-math": "",
1534
- className: cn("overflow-x-auto", className),
1537
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1535
1538
  dangerouslySetInnerHTML: { __html: html }
1536
1539
  }
1537
1540
  );
@@ -1547,7 +1550,8 @@ function MathBlock({ block, className }) {
1547
1550
  "data-block-id": block.id,
1548
1551
  "data-ncm-math": "",
1549
1552
  className: cn(
1550
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1553
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1554
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1551
1555
  className
1552
1556
  ),
1553
1557
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1565,7 +1569,8 @@ function MermaidBlock({ block, className }) {
1565
1569
  "data-ncm-mermaid": "",
1566
1570
  "data-ncm-diagram-type": block.diagramType,
1567
1571
  className: cn(
1568
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1572
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1573
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1569
1574
  className
1570
1575
  ),
1571
1576
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1626,7 +1631,7 @@ function TableBlock({ block, className }) {
1626
1631
  "data-ncm-type": block.type,
1627
1632
  "data-block-id": block.id,
1628
1633
  "data-ncm-table": "",
1629
- className: cn("w-full overflow-x-auto", className),
1634
+ className: cn("w-full overflow-x-auto overflow-y-hidden", className),
1630
1635
  children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
1631
1636
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
1632
1637
  /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
@@ -1712,7 +1717,7 @@ function FallbackBlock({ block, className }) {
1712
1717
  "data-block-id": block.id,
1713
1718
  "data-ncm-fallback": "",
1714
1719
  className: cn(
1715
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1720
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1716
1721
  className
1717
1722
  )
1718
1723
  },
@@ -1768,7 +1773,7 @@ function CustomCodeBlock({ block, className }) {
1768
1773
  "data-block-id": block.id,
1769
1774
  "data-ncm-custom-code": "",
1770
1775
  "data-ncm-language": block.language,
1771
- className: cn("overflow-x-auto", className),
1776
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1772
1777
  children: [
1773
1778
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
1774
1779
  /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })
package/dist/hooks/index.js CHANGED
@@ -26,7 +26,7 @@ function CustomCodeBlock({ block, className }) {
26
26
  "data-block-id": block.id,
27
27
  "data-ncm-custom-code": "",
28
28
  "data-ncm-language": block.language,
29
- className: cn("overflow-x-auto", className),
29
+ className: cn("overflow-x-auto overflow-y-hidden", className),
30
30
  children: [
31
31
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
32
32
  /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })
@@ -843,7 +843,8 @@ function ChartBlock({ block, className }) {
843
843
  "data-ncm-chart": "",
844
844
  "data-ncm-chart-type": block.chartType ?? "unknown",
845
845
  className: cn(
846
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
846
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
847
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
847
848
  className
848
849
  ),
849
850
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1023,7 +1024,8 @@ function DataviewBlock({ block, className }) {
1023
1024
  "data-ncm-dataview": "",
1024
1025
  "data-ncm-query-type": block.queryType,
1025
1026
  className: cn(
1026
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1027
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1028
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1027
1029
  className
1028
1030
  ),
1029
1031
  children: /* @__PURE__ */ jsx("code", { children: block.query })
@@ -1362,7 +1364,8 @@ function HtmlBlock({ block, className }) {
1362
1364
  "data-block-id": block.id,
1363
1365
  "data-ncm-html": "",
1364
1366
  className: cn(
1365
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1367
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1368
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1366
1369
  className
1367
1370
  ),
1368
1371
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1400,7 +1403,7 @@ function LatexDisplayBlock({ block, className }) {
1400
1403
  "data-ncm-type": block.type,
1401
1404
  "data-block-id": block.id,
1402
1405
  "data-ncm-latex-display": "",
1403
- className: cn("overflow-x-auto", className),
1406
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1404
1407
  dangerouslySetInnerHTML: { __html: html }
1405
1408
  }
1406
1409
  );
@@ -1415,7 +1418,7 @@ function LatexDisplayBlock({ block, className }) {
1415
1418
  "data-ncm-type": block.type,
1416
1419
  "data-block-id": block.id,
1417
1420
  "data-ncm-latex-display": "",
1418
- className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1421
+ className: cn("overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1419
1422
  children: /* @__PURE__ */ jsx("code", { children: block.content })
1420
1423
  }
1421
1424
  );
@@ -1535,7 +1538,7 @@ function MathBlock({ block, className }) {
1535
1538
  "data-ncm-type": block.type,
1536
1539
  "data-block-id": block.id,
1537
1540
  "data-ncm-math": "",
1538
- className: cn("overflow-x-auto", className),
1541
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1539
1542
  dangerouslySetInnerHTML: { __html: html }
1540
1543
  }
1541
1544
  );
@@ -1551,7 +1554,8 @@ function MathBlock({ block, className }) {
1551
1554
  "data-block-id": block.id,
1552
1555
  "data-ncm-math": "",
1553
1556
  className: cn(
1554
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1557
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1558
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1555
1559
  className
1556
1560
  ),
1557
1561
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1569,7 +1573,8 @@ function MermaidBlock({ block, className }) {
1569
1573
  "data-ncm-mermaid": "",
1570
1574
  "data-ncm-diagram-type": block.diagramType,
1571
1575
  className: cn(
1572
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1576
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1577
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1573
1578
  className
1574
1579
  ),
1575
1580
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1630,7 +1635,7 @@ function TableBlock({ block, className }) {
1630
1635
  "data-ncm-type": block.type,
1631
1636
  "data-block-id": block.id,
1632
1637
  "data-ncm-table": "",
1633
- className: cn("w-full overflow-x-auto", className),
1638
+ className: cn("w-full overflow-x-auto overflow-y-hidden", className),
1634
1639
  children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
1635
1640
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
1636
1641
  /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
@@ -1716,7 +1721,7 @@ function FallbackBlock({ block, className }) {
1716
1721
  "data-block-id": block.id,
1717
1722
  "data-ncm-fallback": "",
1718
1723
  className: cn(
1719
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1724
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1720
1725
  className
1721
1726
  )
1722
1727
  },
package/dist/hooks/use-block-renderer.js CHANGED
@@ -26,7 +26,7 @@ function CustomCodeBlock({ block, className }) {
26
26
  "data-block-id": block.id,
27
27
  "data-ncm-custom-code": "",
28
28
  "data-ncm-language": block.language,
29
- className: cn("overflow-x-auto", className),
29
+ className: cn("overflow-x-auto overflow-y-hidden", className),
30
30
  children: [
31
31
  /* @__PURE__ */ jsx("div", { className: "mb-2 text-xs font-medium text-muted-foreground", children: block.language }),
32
32
  /* @__PURE__ */ jsx("pre", { children: /* @__PURE__ */ jsx("code", { children: block.content }) })
@@ -843,7 +843,8 @@ function ChartBlock({ block, className }) {
843
843
  "data-ncm-chart": "",
844
844
  "data-ncm-chart-type": block.chartType ?? "unknown",
845
845
  className: cn(
846
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
846
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
847
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
847
848
  className
848
849
  ),
849
850
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1023,7 +1024,8 @@ function DataviewBlock({ block, className }) {
1023
1024
  "data-ncm-dataview": "",
1024
1025
  "data-ncm-query-type": block.queryType,
1025
1026
  className: cn(
1026
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1027
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1028
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1027
1029
  className
1028
1030
  ),
1029
1031
  children: /* @__PURE__ */ jsx("code", { children: block.query })
@@ -1362,7 +1364,8 @@ function HtmlBlock({ block, className }) {
1362
1364
  "data-block-id": block.id,
1363
1365
  "data-ncm-html": "",
1364
1366
  className: cn(
1365
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1367
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1368
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1366
1369
  className
1367
1370
  ),
1368
1371
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1400,7 +1403,7 @@ function LatexDisplayBlock({ block, className }) {
1400
1403
  "data-ncm-type": block.type,
1401
1404
  "data-block-id": block.id,
1402
1405
  "data-ncm-latex-display": "",
1403
- className: cn("overflow-x-auto", className),
1406
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1404
1407
  dangerouslySetInnerHTML: { __html: html }
1405
1408
  }
1406
1409
  );
@@ -1415,7 +1418,7 @@ function LatexDisplayBlock({ block, className }) {
1415
1418
  "data-ncm-type": block.type,
1416
1419
  "data-block-id": block.id,
1417
1420
  "data-ncm-latex-display": "",
1418
- className: cn("overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1421
+ className: cn("overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm", className),
1419
1422
  children: /* @__PURE__ */ jsx("code", { children: block.content })
1420
1423
  }
1421
1424
  );
@@ -1535,7 +1538,7 @@ function MathBlock({ block, className }) {
1535
1538
  "data-ncm-type": block.type,
1536
1539
  "data-block-id": block.id,
1537
1540
  "data-ncm-math": "",
1538
- className: cn("overflow-x-auto", className),
1541
+ className: cn("overflow-x-auto overflow-y-hidden", className),
1539
1542
  dangerouslySetInnerHTML: { __html: html }
1540
1543
  }
1541
1544
  );
@@ -1551,7 +1554,8 @@ function MathBlock({ block, className }) {
1551
1554
  "data-block-id": block.id,
1552
1555
  "data-ncm-math": "",
1553
1556
  className: cn(
1554
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1557
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1558
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1555
1559
  className
1556
1560
  ),
1557
1561
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1569,7 +1573,8 @@ function MermaidBlock({ block, className }) {
1569
1573
  "data-ncm-mermaid": "",
1570
1574
  "data-ncm-diagram-type": block.diagramType,
1571
1575
  className: cn(
1572
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1576
+ // `overflow-y-hidden` pairs with `overflow-x-auto` on purpose — see the note in `lib/defaults.ts`.
1577
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1573
1578
  className
1574
1579
  ),
1575
1580
  children: /* @__PURE__ */ jsx("code", { children: block.content })
@@ -1630,7 +1635,7 @@ function TableBlock({ block, className }) {
1630
1635
  "data-ncm-type": block.type,
1631
1636
  "data-block-id": block.id,
1632
1637
  "data-ncm-table": "",
1633
- className: cn("w-full overflow-x-auto", className),
1638
+ className: cn("w-full overflow-x-auto overflow-y-hidden", className),
1634
1639
  children: /* @__PURE__ */ jsxs("table", { role: "table", "data-ncm-table-element": "", children: [
1635
1640
  /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { "data-ncm-table-row": "", children: block.headers.map((header, index) => /* @__PURE__ */ jsx("th", { "data-ncm-table-header": "", children: /* @__PURE__ */ jsx(InlineContent, { content: header }) }, index)) }) }),
1636
1641
  /* @__PURE__ */ jsx("tbody", { children: block.rows.map((row, rowIndex) => {
@@ -1716,7 +1721,7 @@ function FallbackBlock({ block, className }) {
1716
1721
  "data-block-id": block.id,
1717
1722
  "data-ncm-fallback": "",
1718
1723
  className: cn(
1719
- "overflow-x-auto rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1724
+ "overflow-x-auto overflow-y-hidden rounded-lg border border-border bg-muted p-4 font-mono text-sm",
1720
1725
  className
1721
1726
  )
1722
1727
  },