update catalog and screenshots

Author: techniq

docs/src/examples/catalog/AnnotationLine.json

@@ -74,6 +74,28 @@
         }
       ]
     },
+    {
+      "name": "playground",
+      "title": "playground",
+      "path": "/docs/components/AnnotationLine/playground",
+      "components": [
+        {
+          "component": "LineChart",
+          "lineNumber": 76,
+          "line": "<LineChart"
+        },
+        {
+          "component": "AnnotationLine",
+          "lineNumber": 85,
+          "line": "<AnnotationLine"
+        },
+        {
+          "component": "Circle",
+          "lineNumber": 107,
+          "line": "<Circle"
+        }
+      ]
+    },
     {
       "name": "slopped",
       "title": "slopped",
@@ -172,6 +194,13 @@
       "lineNumber": 26,
       "line": "<AnnotationLine"
     },
+    {
+      "example": "playground",
+      "component": "AnnotationLine",
+      "path": "/docs/components/AnnotationLine/playground",
+      "lineNumber": 85,
+      "line": "<AnnotationLine"
+    },
     {
       "example": "slopped",
       "component": "AnnotationLine",
@@ -320,5 +349,5 @@
       "line": "<AnnotationLine"
     }
   ],
-  "updatedAt": "2026-04-21T13:21:31.505Z"
+  "updatedAt": "2026-04-21T13:52:38.972Z"
 }

docs/src/examples/catalog/Circle.json

@@ -170,6 +170,20 @@
     }
   ],
   "usage": [
+    {
+      "example": "playground",
+      "component": "AnnotationLine",
+      "path": "/docs/components/AnnotationLine/playground",
+      "lineNumber": 107,
+      "line": "<Circle"
+    },
+    {
+      "example": "playground",
+      "component": "AnnotationLine",
+      "path": "/docs/components/AnnotationLine/playground",
+      "lineNumber": 121,
+      "line": "<Circle"
+    },
     {
       "example": "playground",
       "component": "AnnotationPoint",
@@ -990,5 +1004,5 @@
       "line": "<Circle cx={point.x} cy={point.y} r={4} class=\"fill-primary\" />"
     }
   ],
-  "updatedAt": "2026-04-21T13:21:32.123Z"
+  "updatedAt": "2026-04-21T13:52:39.826Z"
 }

docs/src/examples/catalog/LineChart.json

@@ -1033,6 +1033,13 @@
       "lineNumber": 13,
       "line": "<LineChart {data} x=\"date\" y=\"value\" height={300} padding={{ top: 10, bottom: 20, left: 25 }}>"
     },
+    {
+      "example": "playground",
+      "component": "AnnotationLine",
+      "path": "/docs/components/AnnotationLine/playground",
+      "lineNumber": 76,
+      "line": "<LineChart"
+    },
     {
       "example": "slopped",
       "component": "AnnotationLine",
@@ -1685,5 +1692,5 @@
       "line": "<LineChart"
     }
   ],
-  "updatedAt": "2026-04-21T13:21:32.845Z"
+  "updatedAt": "2026-04-21T13:52:40.793Z"
 }

docs/static/screenshots/AnnotationLine/playground-dark-240w.webp

@@ -1,7 +1,7 @@
 {
-  "generatedAt": "2026-04-21T13:21:31.071Z",
+  "generatedAt": "2026-04-21T13:52:38.533Z",
   "totalComponents": 76,
-  "totalExamples": 891,
+  "totalExamples": 892,
   "components": [
     {
       "component": "AnnotationLine",
@@ -26,6 +26,11 @@
           "path": "/example/AnnotationLine/horizontal-with-range",
           "checksum": "1d7f1b1e8d70f2188cc0832aac47e5e4"
         },
+        {
+          "name": "playground",
+          "path": "/example/AnnotationLine/playground",
+          "checksum": "de3d447ad6d2db0d096b638e29448f3f"
+        },
         {
           "name": "slopped",
           "path": "/example/AnnotationLine/slopped",