perf(docs): add static highlighting and deferred hydration variants

Author: FarhanAliRaza

docs/api-reference/special_events.md

@@ -79,6 +79,10 @@ Set the specified text content to the clipboard.
 rx.button(
     'Copy "Hello World" to clipboard',
     on_click=rx.set_clipboard("Hello World"),
+    custom_attrs={
+        "data-reflex-prehydrate-action": "copy-text",
+        "data-reflex-copy-text": "Hello World",
+    },
 )
 ```
 

docs/app/assets/tailwind-theme.css

@@ -3,6 +3,22 @@
 
 @custom-variant dark (&:where(.dark, .dark *));
 
+.dark .static-shiki .shiki {
+    color: var(--shiki-dark) !important;
+    background-color: var(--shiki-dark-bg) !important;
+    font-style: var(--shiki-dark-font-style) !important;
+    font-weight: var(--shiki-dark-font-weight) !important;
+    text-decoration: var(--shiki-dark-text-decoration) !important;
+}
+
+.dark .static-shiki .shiki span {
+    color: var(--shiki-dark) !important;
+    background-color: transparent !important;
+    font-style: var(--shiki-dark-font-style) !important;
+    font-weight: var(--shiki-dark-font-weight) !important;
+    text-decoration: var(--shiki-dark-text-decoration) !important;
+}
+
 :root {
     /* Primary */
     --primary-1: var(--violet-1);
@@ -2184,4 +2200,4 @@
 
 #ph-conversations-widget-container button[aria-label^="Open chat"]+div {
     display: none !important;
-}
+}

docs/app/perf_hydration/__init__.py

@@ -0,0 +1,5 @@
+"""Docs-only deferred hydration experiment."""
+
+from ._plugin import DeferredHydrationPlugin, deferred_hydration_plugins
+
+__all__ = ["DeferredHydrationPlugin", "deferred_hydration_plugins"]