feat: port GDPR/Cookie components from Nexus to be used on Docs page

.github/workflows/release.yml

@@ -52,6 +52,26 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
 
+      - name: Build storybook site
+        run: npm run build-storybook
+
+      - name: Upload static files as artifact
+        id: deployment
+        uses: actions/upload-pages-artifact@v4
+        with:
+          path: storybook-static/
+
+  deploy-site:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build_and_release_node
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
+
   release_pypi:
     runs-on: ubuntu-latest
     steps:
@@ -77,6 +97,8 @@ jobs:
           npm run build
       - name: Generate UI Assets
         working-directory: sphinx-ui/react
+        env:
+          NEXT_PUBLIC_GA_ID: "G-YPQ1FTGDL3"
         run: |
           echo "🔨 Generating UI assets..."
           npm install

.pre-commit-config.yaml

@@ -1,6 +1,41 @@
+default_install_hook_types:
+  - pre-commit
+  - commit-msg
+
 repos:
+  - repo: builtin
+    hooks:
+      - id: trailing-whitespace
+        exclude: '^sphinx-ui/demo/'
+      - id: end-of-file-fixer
+        exclude: '^sphinx-ui/demo/'
+      - id: check-yaml
+      - id: check-json
+        exclude: 'tsconfig.*\.json$'
+
   - repo: local
     hooks:
+      - id: no-tabs
+        name: No tabs in source files
+        language: pygrep
+        entry: '\t'
+        types_or: [ts, tsx, javascript, jsx, python, css]
+        exclude: '(node_modules|sphinx-ui/demo/build)'
+
+      - id: documentation-ui-format
+        name: Biome format (documentation-ui)
+        language: system
+        entry: bash -c 'cd documentation-ui && npx biome format --write "${@/#documentation-ui\//}"' --
+        pass_filenames: true
+        files: '^documentation-ui/(src|stories)/.*\.(ts|tsx|js|jsx|css|json)$'
+
+      - id: documentation-ui-lint
+        name: Lint (documentation-ui)
+        language: system
+        entry: bash -c 'cd documentation-ui && npm run lint'
+        pass_filenames: false
+        files: '^documentation-ui/src/.*\.(ts|tsx|js|jsx)$'
+
       - id: commitlint
         name: commitlint
         language: system

README.md

@@ -0,0 +1,54 @@
+# documentation-ui
+
+Monorepo containing the Quantinuum documentation UI component library
+(`documentation-ui/`) and the Sphinx theme (`sphinx-ui/`).
+
+## Pre-commit hooks
+
+This repository uses [prek](https://prek.j178.dev/) to enforce formatting and
+commit message conventions before each commit. prek is a fast, dependency-free
+alternative to `pre-commit`, written in Rust.
+
+### Prerequisites
+
+- **Node.js / npm** — required by the Biome format check and commitlint hooks.
+
+No Python or other runtime is needed to run prek itself.
+
+### Installation
+
+1. Install prek using the standalone installer:
+
+   ```sh
+   curl -LsSf https://prek.j178.dev/install.sh | sh
+   ```
+
+   Or via pip / pipx if you prefer a Python-managed install:
+
+   ```sh
+   pipx install prek
+   ```
+
+2. Install the git hooks into the repository:
+
+   ```sh
+   prek install
+   ```
+
+   Because the config sets `default_install_hook_types`, this single command
+   installs both the `pre-commit` and `commit-msg` shims automatically.
+
+### Running hooks manually
+
+To run all hooks against every file (useful after initial setup or to check
+the full codebase):
+
+```sh
+prek run --all-files
+```
+
+To run a single hook by id:
+
+```sh
+prek run no-tabs --all-files
+```

documentation-ui/biome.json

@@ -0,0 +1,33 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 100
+  },
+  "linter": {
+    "enabled": false
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single",
+      "semicolons": "asNeeded",
+      "trailingCommas": "es5"
+    }
+  },
+  "css": {
+    "parser": {
+      "tailwindDirectives": true
+    }
+  },
+  "files": {
+    "includes": [
+      "**",
+      "!dist/**",
+      "!storybook-static/**",
+      "!coverage/**",
+      "!node_modules/**"
+    ]
+  }
+}

documentation-ui/eslint.config.js

@@ -0,0 +1,45 @@
+import js from "@eslint/js";
+import globals from "globals";
+import reactHooks from "eslint-plugin-react-hooks";
+import reactRefresh from "eslint-plugin-react-refresh";
+import tseslint from "typescript-eslint";
+
+export default tseslint.config(
+  {
+    ignores: ["dist", "node_modules", "storybook-static", "coverage"],
+  },
+  {
+    files: ["**/*.{ts,tsx}"],
+    extends: [js.configs.recommended, ...tseslint.configs.recommended],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+    plugins: {
+      "react-hooks": reactHooks,
+      "react-refresh": reactRefresh,
+    },
+    rules: {
+      ...reactHooks.configs.recommended.rules,
+      "react-refresh/only-export-components": [
+        "warn",
+        { allowConstantExport: true },
+      ],
+    },
+  },
+  {
+    files: ["**/*.{js,mjs,cjs}"],
+    extends: [js.configs.recommended],
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: "module",
+      globals: {
+        ...globals.node,
+      },
+    },
+  }
+);