fix: Add an interactive state to the summary. Update lockfile and com…

…ponent folding.

Summary component was not handling internal interactive state. The section now toggles open/closed when clicked. Also, an open attribute is added via useState in summary.tsx. Additionally, indentation inconsistencies in pnpm-lock.yaml were addressed and cleaned up. These updates enhance usability and efficiency, and improve the readability of the pnpm-lock file.

Signed-off-by: prisis <d.bannert@anolilab.de>

docs/package.json

@@ -30,7 +30,7 @@
         "@visulima/readdir": "workspace:*",
         "clsx": "^2.0.0",
         "fathom-client": "^3.5.0",
-        "framer-motion": "^10.14.0",
+        "framer-motion": "^10.15.0",
         "fs-extra": "^11.1.1",
         "lucide-react": "^0.263.1",
         "next": "13.4.8",

docs/scripts/import-package-documentation.js

@@ -1,12 +1,12 @@
+import fs from "node:fs";
+import path from "node:path";
+import process from "node:process";
 import { walk } from "@visulima/readdir";
-// eslint-disable-next-line n/file-extension-in-import
+
 import yargs from "yargs/yargs";
-// eslint-disable-next-line n/file-extension-in-import
+
 import { hideBin } from "yargs/helpers";
-import fs from "node:fs";
 import fse from "fs-extra";
-import path from "node:path";
-import process from "node:process";
 // eslint-disable-next-line import/no-extraneous-dependencies
 import symlinkDir from "symlink-dir";
 

docs/src/env/env-client.ts

@@ -1,7 +1,7 @@
 // eslint-disable-next-line unicorn/prevent-abbreviations
+import { env as process_environment } from "process";
 import { createEnv } from "@t3-oss/env-nextjs";
 import { z } from "zod";
-import { env as process_environment } from "process";
 
 const isProduction = process_environment.NODE_ENV === "production";
 

examples/nextra/package.json

@@ -17,7 +17,7 @@
         "eslint": "8.46.0",
         "eslint-config-next": "13.4.12",
         "focus-visible": "^5.2.0",
-        "framer-motion": "^10.14.0",
+        "framer-motion": "^10.15.0",
         "intersection-observer": "^0.12.2",
         "isomorphic-git": "1.24.5",
         "markdown-to-jsx": "^7.2.1",

packages/nextra-theme-docs/package.json

@@ -92,7 +92,7 @@
         "next-seo": "^6.1.0",
         "next-themes": "^0.2.1",
         "react-hot-toast": "^2.4.1",
-        "react-medium-image-zoom": "^5.1.6",
+        "react-medium-image-zoom": "^5.1.7",
         "react-wrap-balancer": "^1.0.0",
         "scroll-into-view-if-needed": "^3.0.10",
         "tailwind-merge": "^1.14.0"

packages/nextra-theme-docs/src/components/summary.tsx

@@ -2,6 +2,7 @@ import cn from "clsx";
 import { ArrowRightIcon } from "nextra/icons";
 import type { ComponentProps, ReactElement } from "react";
 
+import { useState } from "react";
 import { useDetails } from "../contexts";
 
 const Summary = ({
@@ -17,6 +18,7 @@ const Summary = ({
     variant?: "default" | "raw";
 }): ReactElement => {
     const setOpen = useDetails();
+    const [open, setOpenState] = useState(false);
 
     return (
         <summary
@@ -26,11 +28,16 @@ const Summary = ({
                 "rtl:before:rotate-180 [[data-expanded]>&]:before:rotate-90",
                 className,
             )}
+            aria-expanded={open ? "true" : "false"}
+            role="button"
+            tabIndex={0}
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...properties}
             onClick={(event) => {
                 event.preventDefault();
+
                 setOpen((value) => !value);
+                setOpenState((value) => !value);
             }}
         >
             <ArrowRightIcon

tsconfig.base.json

@@ -39,20 +39,5 @@
 
         "moduleResolution": "node"
     },
-    "exclude": [
-        "dist/**/*",
-        "node_modules/**/*",
-        "build/**/*",
-        "scripts/**/*",
-        "verify-node-version.cjs",
-        "plopfile.js",
-        "plop/**/*",
-        "packages/**/dist/**/*",
-        "packages/**/__fixtures__/**/*",
-        "packages/**/__tests__/**/*",
-        "packages/**/bench/**/*",
-        "examples/**",
-        "docs/**",
-        "**/coverage/**/*"
-    ]
+    "exclude": ["dist/**/*", "node_modules/**/*", "build/**/*", "scripts/**/*", "verify-node-version.cjs", "examples/**", "**/coverage/**"]
 }

tsconfig.eslint.json

@@ -5,5 +5,21 @@
     "compilerOptions": {
         "baseUrl": "."
     },
-    "include": ["tsup.config.ts"]
+    "include": ["tsup.config.ts"],
+    "exclude": [
+        "dist/**/*",
+        "node_modules/**/*",
+        "build/**/*",
+        "scripts/**/*",
+        "verify-node-version.cjs",
+        "plopfile.js",
+        "plop/**",
+        "packages/**/__fixtures__/**/*",
+        "packages/**/__tests__/**/*",
+        "packages/**/bench/**/*",
+        "packages/**/coverage/**/*",
+        "packages/**/dist/**/*",
+        "examples/**/*",
+        "docs/**/*"
+    ]
 }