Add 21 new interactive examples to sx docs site (27 total)

Loading: lazy loading, infinite scroll, progress bar
Forms: active search, inline validation, value select, reset on submit
Records: edit row, bulk update
Swap/DOM: swap positions, select filter, tabs
Display: animations, dialogs, keyboard shortcuts
HTTP: PUT/PATCH, JSON encoding, vals & headers
Resilience: loading states, request abort (sync replace), retry

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

sx/content/pages.py

@@ -42,6 +42,27 @@ EXAMPLES_NAV = [
     ("Delete Row", "/examples/delete-row"),
     ("Inline Edit", "/examples/inline-edit"),
     ("OOB Swaps", "/examples/oob-swaps"),
+    ("Lazy Loading", "/examples/lazy-loading"),
+    ("Infinite Scroll", "/examples/infinite-scroll"),
+    ("Progress Bar", "/examples/progress-bar"),
+    ("Active Search", "/examples/active-search"),
+    ("Inline Validation", "/examples/inline-validation"),
+    ("Value Select", "/examples/value-select"),
+    ("Reset on Submit", "/examples/reset-on-submit"),
+    ("Edit Row", "/examples/edit-row"),
+    ("Bulk Update", "/examples/bulk-update"),
+    ("Swap Positions", "/examples/swap-positions"),
+    ("Select Filter", "/examples/select-filter"),
+    ("Tabs", "/examples/tabs"),
+    ("Animations", "/examples/animations"),
+    ("Dialogs", "/examples/dialogs"),
+    ("Keyboard Shortcuts", "/examples/keyboard-shortcuts"),
+    ("PUT / PATCH", "/examples/put-patch"),
+    ("JSON Encoding", "/examples/json-encoding"),
+    ("Vals & Headers", "/examples/vals-and-headers"),
+    ("Loading States", "/examples/loading-states"),
+    ("Request Abort", "/examples/sync-replace"),
+    ("Retry", "/examples/retry"),
 ]
 
 ESSAYS_NAV = [
@@ -182,3 +203,36 @@ DELETE_DEMO_ITEMS = [
     ("4", "Deploy to production"),
     ("5", "Add unit tests"),
 ]
+
+# ---------------------------------------------------------------------------
+# Static data for new examples
+# ---------------------------------------------------------------------------
+
+SEARCH_LANGUAGES = [
+    "Python", "JavaScript", "TypeScript", "Rust", "Go", "Java", "C", "C++",
+    "Ruby", "Elixir", "Haskell", "Clojure", "Scala", "Kotlin", "Swift",
+    "Zig", "OCaml", "Lua", "Perl", "PHP",
+]
+
+PROFILE_DEFAULT = {"name": "Ada Lovelace", "email": "ada@example.com", "role": "Engineer"}
+
+BULK_USERS = [
+    {"id": "1", "name": "Alice Chen", "email": "alice@example.com", "status": "active"},
+    {"id": "2", "name": "Bob Rivera", "email": "bob@example.com", "status": "inactive"},
+    {"id": "3", "name": "Carol Zhang", "email": "carol@example.com", "status": "active"},
+    {"id": "4", "name": "Dan Okafor", "email": "dan@example.com", "status": "inactive"},
+    {"id": "5", "name": "Eve Larsson", "email": "eve@example.com", "status": "active"},
+]
+
+VALUE_SELECT_DATA = {
+    "Languages": ["Python", "JavaScript", "Rust", "Go"],
+    "Frameworks": ["Quart", "FastAPI", "React", "Svelte"],
+    "Databases": ["PostgreSQL", "Redis", "SQLite", "MongoDB"],
+}
+
+EDIT_ROW_DATA = [
+    {"id": "1", "name": "Widget A", "price": "19.99", "stock": "142"},
+    {"id": "2", "name": "Widget B", "price": "24.50", "stock": "89"},
+    {"id": "3", "name": "Widget C", "price": "12.00", "stock": "305"},
+    {"id": "4", "name": "Widget D", "price": "45.00", "stock": "67"},
+]