Add octovisual example, and fix storybook console warnings (#1312)

* add octovisual example, and fix noisy storybook logs

* remove minimal variant image

* update snapshots

* fix previous changeset

Author: rezrah

.changeset/clean-zebras-praise.md

@@ -4,7 +4,6 @@
 
 ⚠️ Breaking change: `SectionIntro.Label` no longer forwards props from the `Label` component, such as `size` and `color`.
 
-- `SectionIntro` vertical padding has been reduced at wider viewports
 - `SectionIntro.Label` now appears as muted text with a green cursor icon for visual parity with `Hero.Label`.
   - An optional `animate` prop is available to enable streaming cursor effect.
 

apps/storybook/.storybook/main.js

@@ -1,3 +1,8 @@
+import path from 'node:path'
+import {fileURLToPath} from 'node:url'
+
+const storybookRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..')
+
 export default {
   stories: ['../../../packages/react/src/**/*.stories.@(js|jsx|ts|tsx)'],
   staticDirs: ['../static'],
@@ -9,6 +14,15 @@ export default {
   docs: {},
   typescript: {
     reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      tsconfigPath: path.resolve(path.dirname(fileURLToPath(import.meta.url)), '../../../packages/react/tsconfig.json'),
+      include: [path.join(storybookRoot, '../../packages/react/src/**/*.tsx')],
+      exclude: [
+        path.join(storybookRoot, '../../packages/react/src/**/*.stories.tsx'),
+        path.join(storybookRoot, '../../packages/react/src/**/*.test.tsx'),
+        path.join(storybookRoot, '../../packages/react/src/**/*.spec.tsx'),
+      ],
+    },
   },
   core: {
     disableTelemetry: true,

apps/storybook/package.json

@@ -59,6 +59,7 @@
     "react-dom": "19.2.4",
     "react-i18next": "^17.0.2",
     "storybook": "10.3.4",
+    "storybook-addon-pseudo-states": "10.3.4",
     "tsx": "^4.21.0",
     "typed-css-modules": "0.9.1",
     "typescript": "5.9.3"

package-lock.json

@@ -48,6 +48,7 @@
     "@figma/code-connect": "^1.4.3",
     "@juggle/resize-observer": "^3.4.0",
     "@primer/octicons-react": "19.23.1",
+    "@primer/octovisuals-react": "0.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",