docs: update website for v2 packages

Author: V3RON

website/docs/android/development/custom-fonts.md

@@ -38,7 +38,7 @@ The plugin copies each font file to `android/app/src/main/assets/fonts/` automat
 ### 3. Use `renderAsBitmap` on Text
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 
 <VoltraAndroid.Text
   renderAsBitmap

website/docs/android/development/developing-widgets.md

@@ -17,7 +17,7 @@ On Android, you use `VoltraAndroid` components which map to Glance primitives:
 ### Example Widget
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 
 const WeatherWidget = ({ temperature, condition }) => (
   <VoltraAndroid.Box
@@ -43,12 +43,12 @@ const WeatherWidget = ({ temperature, condition }) => (
 
 ## Update API
 
-To update a widget's content, use the `updateWidget` function from `@use-voltra/android-client`:
+To update a widget's content, use the `updateAndroidWidget` function from `@use-voltra/android-client`:
 
 ```typescript
-import { updateWidget } from '@use-voltra/android-client'
+import { updateAndroidWidget } from '@use-voltra/android-client'
 
-await updateWidget('weather_widget', <WeatherWidget temperature={22} condition="Sunny" />)
+await updateAndroidWidget('weather_widget', <WeatherWidget temperature={22} condition="Sunny" />)
 ```
 
 ## Layout Constraints

website/docs/android/development/dynamic-colors.md

@@ -7,7 +7,7 @@ These colors follow the current Android Material palette, so widgets can pick up
 ## Importing dynamic colors
 
 ```tsx
-import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android-client'
+import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android'
 ```
 
 `AndroidDynamicColors` includes these roles:
@@ -43,7 +43,7 @@ import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android-client'
 ## Example
 
 ```tsx
-import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android-client'
+import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android'
 
 export function WeatherWidget() {
   return (
@@ -95,7 +95,7 @@ You can use `AndroidDynamicColors.*` anywhere Android accepts a color value, inc
 Dynamic color tokens work in server-rendered Android widgets too.
 
 ```tsx
-import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android-client'
+import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android'
 
 const content = (
   <VoltraAndroid.Box

website/docs/android/development/image-preloading.md

@@ -81,7 +81,7 @@ await clearPreloadedImages()
 Once images are preloaded, reference them using the `assetName` property in the `VoltraAndroid.Image` component:
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 
 function MusicWidget({ albumKey }) {
   return (

website/docs/android/development/images.md

@@ -53,7 +53,7 @@ Android drawable resources have strict naming conventions. Voltra automatically
 Reference these images using their sanitized name in the `assetName` property. You do not need to include the file extension.
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 
 // assets/voltra-android/logo.png -> "logo"
 <VoltraAndroid.Image
@@ -81,7 +81,7 @@ The image preloading system works by:
 Once images are preloaded, reference them using the key you provided:
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 
 function ProfileWidget({ user }) {
   return (

website/docs/android/development/managing-ongoing-notifications.md

@@ -123,8 +123,8 @@ Voltra provides two built-in layouts:
 ### Progress notification
 
 ```tsx
+import { AndroidOngoingNotification } from '@use-voltra/android'
 import {
-  AndroidOngoingNotification,
   startAndroidOngoingNotification,
 } from '@use-voltra/android-client'
 
@@ -150,8 +150,8 @@ if (result.ok) {
 ### Big text notification
 
 ```tsx
+import { AndroidOngoingNotification } from '@use-voltra/android'
 import {
-  AndroidOngoingNotification,
   startAndroidOngoingNotification,
 } from '@use-voltra/android-client'
 
@@ -173,8 +173,8 @@ await startAndroidOngoingNotification(
 Use the same `notificationId` to update an existing notification.
 
 ```tsx
+import { AndroidOngoingNotification } from '@use-voltra/android'
 import {
-  AndroidOngoingNotification,
   updateAndroidOngoingNotification,
 } from '@use-voltra/android-client'
 
@@ -196,8 +196,8 @@ await updateAndroidOngoingNotification(
 If your app may re-enter the same flow multiple times, `upsertAndroidOngoingNotification()` can be easier than separate start/update logic.
 
 ```tsx
+import { AndroidOngoingNotification } from '@use-voltra/android'
 import {
-  AndroidOngoingNotification,
   upsertAndroidOngoingNotification,
 } from '@use-voltra/android-client'
 
@@ -242,7 +242,7 @@ await endAllAndroidOngoingNotifications()
 For React screens and flows, use `useAndroidOngoingNotification()`.
 
 ```tsx
-import { AndroidOngoingNotification } from '@use-voltra/android-client'
+import { AndroidOngoingNotification } from '@use-voltra/android'
 import { useAndroidOngoingNotification } from '@use-voltra/android-client'
 
 function DeliveryNotification({ orderId, etaMinutes }) {
@@ -280,7 +280,7 @@ Use `autoStart` to create the notification when the component mounts, and `autoU
 You can add action buttons as children of `Progress` or `BigText`.
 
 ```tsx
-import { AndroidOngoingNotification } from '@use-voltra/android-client'
+import { AndroidOngoingNotification } from '@use-voltra/android'
 
 <AndroidOngoingNotification.Progress title="Driver is approaching" value={32} max={100}>
   <AndroidOngoingNotification.Action

website/docs/android/development/server-driven-widgets.md

@@ -60,13 +60,13 @@ On the Android emulator, use `10.0.2.2` instead of `localhost` to reach the host
 
 ## Building the server
 
-Voltra provides widget server handlers for the common runtime styles. Use `createWidgetUpdateHandler()` for Fetch-compatible runtimes, `createWidgetUpdateNodeHandler()` for `node:http`, and `createWidgetUpdateExpressHandler()` for Express-style handlers. All three share the same request parsing, platform validation, token validation, and response serialization.
+Voltra provides widget server handlers for the common runtime styles. Use `createAndroidWidgetUpdateHandler()` for Fetch-compatible runtimes, `createAndroidWidgetUpdateNodeHandler()` for `node:http`, and `createAndroidWidgetUpdateExpressHandler()` for Express-style handlers. All three share the same request parsing, platform validation, token validation, and response serialization.
 
 ```tsx
 import { createServer } from 'node:http'
 import React from 'react'
 import { createAndroidWidgetUpdateNodeHandler } from '@use-voltra/android-server'
-import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android-client'
+import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android'
 
 const handler = createAndroidWidgetUpdateNodeHandler({
   render: async (req) => {
@@ -186,13 +186,13 @@ Your server should return all size variants in every response. When the user res
 You can force-refresh server-driven widgets outside of the regular interval:
 
 ```typescript
-import { reloadWidgets } from '@use-voltra/android-client'
+import { reloadAndroidWidgets } from '@use-voltra/android-client'
 
 // Reload specific widgets (triggers an immediate WorkManager fetch)
-await reloadWidgets(['dynamic_weather'])
+await reloadAndroidWidgets(['dynamic_weather'])
 
 // Reload all widgets
-await reloadWidgets()
+await reloadAndroidWidgets()
 ```
 
 For server-driven widgets, this enqueues an immediate one-time WorkManager request to fetch fresh content. For local-only widgets, it re-renders from cached data.
@@ -224,9 +224,13 @@ Provide a meaningful initial state (e.g. "Loading..." or placeholder content) ra
 
 ## Cross-platform server
 
-A single server can handle both iOS and Android requests using `createWidgetUpdateHandler`:
+A single server can handle both iOS and Android requests using `createWidgetUpdateHandler` from `@use-voltra/server`:
 
 ```tsx
+import { Voltra } from '@use-voltra/ios'
+import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android'
+import { createWidgetUpdateHandler } from '@use-voltra/server'
+
 const handler = createWidgetUpdateHandler({
   renderIos: async (req) => {
     // Return WidgetVariants (systemSmall, systemMedium, etc.)
@@ -245,7 +249,7 @@ const handler = createWidgetUpdateHandler({
 
 The handler uses the required `platform` query parameter to route requests to the correct render function.
 
-If you're serving the endpoint from Node or Express, use `createWidgetUpdateNodeHandler()` or `createWidgetUpdateExpressHandler()` instead.
+If you're serving the cross-platform endpoint from Node or Express, use `createWidgetUpdateNodeHandler()` or `createWidgetUpdateExpressHandler()` from `@use-voltra/server` instead.
 
 ## Architecture overview
 

website/docs/android/development/styling.md

@@ -49,7 +49,7 @@ In addition to general styles, `Image` components support:
 Android widgets can use semantic Material color roles that resolve through native `GlanceTheme.colors.*` values during rendering.
 
 ```tsx
-import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android-client'
+import { AndroidDynamicColors, VoltraAndroid } from '@use-voltra/android'
 
 const element = (
   <VoltraAndroid.Box
@@ -89,7 +89,7 @@ The following properties are **NOT supported** on Android due to Glance limitati
 ## Example
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 
 const element = (
   <VoltraAndroid.Column

website/docs/android/development/testing-and-previews.md

@@ -14,7 +14,7 @@ The `VoltraWidgetPreview` component renders Voltra Android JSX content at the ex
 ### Usage
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 import { VoltraWidgetPreview } from '@use-voltra/android-client'
 
 export function MyWidgetPreview() {
@@ -54,6 +54,7 @@ Android widgets use responsive sizing. Voltra provides several standard families
 If you need more control or want to test custom dimensions, you can use the low-level `VoltraView` component.
 
 ```tsx
+import { VoltraAndroid } from '@use-voltra/android'
 import { VoltraView } from '@use-voltra/android-client'
 
 <VoltraView style={{ width: 200, height: 100 }}>

website/docs/android/introduction.md

@@ -19,7 +19,7 @@ Voltra also supports Android ongoing notifications for app-driven, persistent st
 ### Simple Android Widget
 
 ```tsx
-import { VoltraAndroid } from '@use-voltra/android-client'
+import { VoltraAndroid } from '@use-voltra/android'
 
 const MyWidget = () => (
   <VoltraAndroid.Column