chore(docs): add utilities stylesheet and jsdom for dom tests

apps/docs/package.json

@@ -164,6 +164,7 @@
     "ejs": "^3.1.10",
     "globby": "^13.2.2",
     "graphiql": "^4.0.2",
+    "jsdom": "^28.1.0",
     "npm-run-all": "^4.1.5",
     "openapi-types": "^12.1.3",
     "postcss": "catalog:",

apps/docs/styles/code-block.css

@@ -109,10 +109,6 @@
   overflow-wrap: anywhere !important;
 }
 
-.shadow-codeblock {
-  box-shadow: var(--shadow-codeblock, none);
-}
-
 .shiki-wrapper {
   --tab-flare-ring:
     transparent 6.75px, var(--border-color-default) 7.25px, var(--border-color-default) 7.75px,

apps/docs/styles/globals.css

@@ -1,6 +1,7 @@
 @import 'config/tailwind.config.css';
 @import './code-block.css';
 @import './reference.css';
+@import './utilities.css';
 
 @source '../app/**/*.{ts,tsx,mdx}';
 @source '../components/**/*.tsx';

apps/docs/styles/utilities.css

@@ -0,0 +1,21 @@
+@property --dock-glow {
+  syntax: '<color>';
+  inherits: true;
+  initial-value: transparent;
+}
+
+@utility dock-discard-glow {
+  transition: --dock-glow 200ms ease-out;
+  background-image: linear-gradient(
+    to top,
+    var(--dock-glow),
+    color-mix(in oklab, var(--dock-glow) 55%, transparent) 14px,
+    color-mix(in oklab, var(--dock-glow) 25%, transparent) 28px,
+    color-mix(in oklab, var(--dock-glow) 7%, transparent) 42px,
+    transparent 56px
+  );
+}
+
+@utility shadow-codeblock {
+  box-shadow: var(--shadow-codeblock, none);
+}

pnpm-lock.yaml

@@ -672,6 +672,9 @@ importers:
       graphiql:
         specifier: ^4.0.2
         version: 4.0.2(@codemirror/language@6.11.0)(@emotion/is-prop-valid@1.4.0)(@types/node@22.13.14)(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(graphql-ws@6.0.4(graphql@16.11.0)(ws@8.21.3))(graphql@16.11.0)(react-dom@19.2.6(react@19.2.6))(react@19.2.6)
+      jsdom:
+        specifier: ^28.1.0
+        version: 28.1.0(@noble/hashes@1.8.0)(supports-color@8.1.1)
       npm-run-all:
         specifier: ^4.1.5
         version: 4.1.5