vlist 2.7.2 → 3.0.0-next.1

package/README.github.md

@@ -1,8 +1,8 @@
 # vlist
 
-The virtual list library for every framework. Ultra efficient, batteries-included, and accessible with composable plugins — in 9.7 KB.
+The virtual list library for every framework. Ultra efficient, batteries-included, and accessible with composable plugins.
 
-**v2.7.2** — [Changelog](./CHANGELOG.md) · Tree keeps the bounded runway for large trees; the scale() deprecation link works; bounded-mode touch limitation documented.
+**v3.0.0-next.1** (prerelease on the npm `next` tag) — Synthetic input by default, native input through `vlist/native`, and removal of the deprecated scroll configuration and plugin hooks. See the [changelog](https://github.com/floor/vlist/blob/next/CHANGELOG.md).
 
 [![npm version](https://img.shields.io/npm/v/vlist.svg)](https://www.npmjs.com/package/vlist)
 [![bundle size](https://img.shields.io/bundlephobia/minzip/vlist)](https://bundlephobia.com/package/vlist)
@@ -11,7 +11,7 @@ The virtual list library for every framework. Ultra efficient, batteries-include
 
 - **Accessible** — WAI-ARIA, 2D keyboard navigation, focus recovery, screen-reader DOM ordering
 - **Zero dependencies** — framework-agnostic core with tiny adapters for Vue, Svelte, Solid, React
-- **9.9 KB gzipped** — composable plugins with perfect tree-shaking
+- **11.4 KB gzipped (3.0 prerelease)** — composable plugins with perfect tree-shaking
 - **Constant memory** — ~0.1 MB overhead at any scale, from 10K to 1M+ items
 - **Tree, grid, masonry, carousel, table, groups, data, selection, search, sortable, transition** — all opt-in
 - **Axis-neutral** — vertical and horizontal scrolling through a single code path, all plugins work in both orientations
@@ -42,9 +42,25 @@ The virtual list library for every framework. Ultra efficient, batteries-include
 
 ```bash
 npm install vlist              # vanilla JS
+npm install vlist@next         # 3.0 prerelease; latest stays on 2.8
 npm install vlist vlist-vue    # or vlist-svelte / vlist-solidjs / vlist-react
 ```
 
+Adapters use synthetic input by default. With an adapter that forwards `factory`, select native input explicitly:
+
+```ts
+import { useVList } from "vlist-react";
+import { createVList } from "vlist/native";
+
+useVList({
+  factory: createVList,
+  items,
+  item: { height: 48, template: item => String(item.id) },
+});
+```
+
+The same factory option is available to the other adapters. `vlist/config` defaults to synthetic input. The factory is structural configuration: changing it requires recreating the list.
+
 ## Quick Start
 
 ```typescript
@@ -90,58 +106,84 @@ const list = createVList({
 ])
 ```
 
-## Synthetic scroll input
-
-The opt-in `vlist/synthetic` entry adds `scroll.mode: 'synthetic'` alongside native and bounded modes. Native remains the default. Import the factory from this entry and plugins from `vlist`:
-Bounded mode note: on touch devices a long native fling can outrun the 2x runway and stall at its edge (measured at 145-226% of a 16x runway on an iPhone SE and a Pixel 8a). Prefer synthetic mode for touch-heavy lists; bounded remains the right choice for wheel and keyboard driven lists.
+## Scroll input
 
+Synthetic scrolling is the default in 3.0. Import `createVList` and plugins from `vlist`; there is no `scroll.mode` option. The deprecated `vlist/synthetic` entry remains an alias of the same factory.
 
 ```typescript
-import { createVList } from 'vlist/synthetic'
-import { scrollbar } from 'vlist'
+import { createVList, scrollbar } from 'vlist'
 import 'vlist/styles'
 
 const list = createVList({
   container: '#my-list',
   items: Array.from({ length: 1000 }, (_, id) => ({ id, name: `Row ${id}` })),
   item: { height: 48, template: item => `<div>${item.name}</div>` },
-  scroll: { mode: 'synthetic' },
 }, [scrollbar()])
 ```
 
-Supported plugins are **table, groups, snapshots, scrollbar, autosize, transition, selection and a11y**. Existing plugin conflicts still apply; this list does not imply that all eight can be combined. `page()`, `carousel()` and `sortable()` throw when configured with synthetic mode. Carousel uses wrap scrolling, which this release does not support with synthetic input.
+For native scrolling, import the factory from `vlist/native` and plugins from `vlist`. Native scrolling is required for `carousel()`, `sortable()`, and horizontal RTL lists; configuring these with the default entry throws. The native entry preserves carousel wrapping through a private runway implementation. Bounded scrolling is no longer a public mode.
+
+```typescript
+import { createVList } from 'vlist/native'
+import { carousel } from 'vlist'
+
+const list = createVList({
+  container: '#slides',
+  orientation: 'horizontal',
+  items: slides,
+  item: { width: 320, template: renderSlide },
+}, [carousel()])
+```
+
+`page()` uses native document scrolling through an external source with either entry. Its content must fit the 16,777,216 px document element limit; creation throws above that limit when the size is known, and later growth warns once. A deferred custom renderer whose size is first committed during rendering also warns once. Use default viewport scrolling for larger lists. Native viewport lists warn once when content exceeds their browser-size safety limit.
 
 Known limitations:
 
-- RTL horizontal lists throw in synthetic mode in this release; use native mode. Vertical lists on RTL pages are supported. RTL support for the synthetic driver is planned as a non-breaking addition.
-- Same-axis touch stops at either boundary with no parent handoff, including gestures that start inside an edge-pinned list. Use native mode when touch gestures must scroll the parent page at a boundary.
-- The native main-axis scrollbar is absent. Provide a custom scrollbar, such as `scrollbar()` above. Its accessibility release gate remains open; synthetic mode is not a completed scrollbar-accessibility sign-off.
+- Horizontal RTL lists require `vlist/native`. Vertical lists and tables support `dir="rtl"` on the container, including cross-axis wheel movement, aligned table headers and keyboard column navigation.
+- Same-axis touch stops at either boundary with no parent handoff, including gestures starting inside an edge-pinned list. Use `vlist/native` when boundary gestures must scroll the parent page.
+- The default entry has no native main-axis scrollbar. Add `scrollbar()` for an accessible custom scrollbar; native visibility options belong to `vlist/native`.
 - Inertia initializes its frame clock on the first frame after release, adding up to one frame of release latency.
 - Wheel input at an edge is left to the page when it cannot move the list. Native cross-axis scrolling remains available.
 
-Measurement corrections from autosize preserve ongoing motion. Synthetic input adds **2.6 KB gzipped** over the base entry (**12.5 KB** total before plugins); ordinary `vlist` imports exclude this driver. See [RFC-014](https://github.com/floor/vlist/discussions/127).
+Measurement corrections from autosize preserve ongoing motion. Existing plugin conflicts still apply. See the [scroll input contract](https://vlist.io/docs/rfcs/RFC-014-Scroll-Input-Model).
+
+## Migrating to 3.0
+
+| Removed public API | Replacement |
+|---|---|
+| `scroll.mode` (all values, both entries) | Omit it. `vlist` provides synthetic input; import `vlist/native` for native scrolling. |
+| `scroll.runway` (both entries) | Remove it. Default synthetic scrolling supports huge lists without a native runway. |
+| Core `scroll.scrollbar: "native"` or `"none"` | Use `scrollbar()` with `vlist`, or select `vlist/native` to retain either string. Native types are exported as `NativeScrollConfig` and `NativeCreateVListConfig`. |
+| `PluginContext.setScrollFns`, `disableDefaultScroll` | Use `setScrollSource` to supply an external position source and commit callback. |
+| `scale()` and `ScalePluginConfig` | Remove it; the default entry supports the full logical range. `vlist/config` no longer installs a scale stub. |
+
+Removed scroll options throw a migration error before creating DOM. `vlist/config` retains its scrollbar omission/options convenience and its top-level `scrollbar: "none"` option; native visibility strings require an injected native factory. `baseOffset` remains private engine state for input providers; plugins continue to use `ctx.scroll.getRenderOrigin()`. No other public plugin hooks or adapter methods are removed.
 
 ## Plugins
 
-| Plugin | Size | Description |
-|--------|------|-------------|
-| **Base** | 9.9 KB | Virtualization, ARIA, keyboard nav, gap, padding, bounded scroll (1M+ items) |
-| `vlist/synthetic` entry | +2.6 KB | Opt-in synthetic scroll input (12.5 KB total before plugins) |
-| `data()` | +4.8 KB | Lazy loading with velocity-aware fetching |
-| `selection()` | +2.8 KB | Single/multiple selection with 2D keyboard nav |
-| `search()` | +3.2 KB | Search bar: filter/navigate modes, match highlighting |
-| `groups()` | +5.3 KB | Sticky/inline headers with grid + masonry + table + data integration |
-| `autosize()` | +1.0 KB | Auto-measure items via ResizeObserver |
-| `scrollbar()` | +2.0 KB | Custom scrollbar UI |
-| `grid()` | +2.5 KB | 2D grid layout |
-| `masonry()` | +4.1 KB | Pinterest-style masonry with lane-aware keyboard nav |
-| `carousel()` | +3.5 KB | Paged horizontal carousel with snap and keyboard nav |
-| `table()` | +5.8 KB | Data table with columns, resize, sort |
-| `tree()` | +5.0 KB | Collapsible tree with async loading and indent guides |
-| `page()` | +0.8 KB | Window-level scrolling |
-| `sortable()` | +3.0 KB | Drag-and-drop reordering with auto-scroll |
-| `snapshots()` | +1.1 KB | Scroll position save/restore |
-| `transition()` | +2.0 KB | FLIP-based enter/exit animations for insert & remove |
+| Entry / export | Minified | Gzipped |
+|---|---:|---:|
+| **Base (`vlist`)** | 31.1 KB | 11.4 KB |
+| `vlist/synthetic` (alias) | 31.1 KB | 11.4 KB |
+| `vlist/native` | 28.1 KB | 10.2 KB |
+| `a11y()` | 34.4 KB | 12.6 KB |
+| `selection()` | 40.5 KB | 14.2 KB |
+| `data()` | 44.8 KB | 16.2 KB |
+| `scrollbar()` | 39.3 KB | 14.2 KB |
+| `sortable()` | 40.6 KB | 14.3 KB |
+| `groups()` | 47.1 KB | 16.7 KB |
+| `page()` | 33.6 KB | 12.3 KB |
+| `snapshots()` | 34.4 KB | 12.5 KB |
+| `transition()` | 37.8 KB | 13.3 KB |
+| `autosize()` | 34.2 KB | 12.4 KB |
+| `grid()` | 38.2 KB | 13.8 KB |
+| `table()` | 49.5 KB | 17.2 KB |
+| `masonry()` | 42.5 KB | 15.5 KB |
+| `tree()` | 46.4 KB | 16.4 KB |
+| `search()` | 40.2 KB | 14.5 KB |
+| `carousel()` | 41.0 KB | 14.9 KB |
+
+Sizes are tree-shaken totals from `bun run size`, not additive plugin costs. Plugin rows measure the base factory plus that export for comparison across revisions; `carousel()` and `sortable()` must be used with the native factory at runtime. The base is **11,670 bytes gzipped** in this 3.0 work-in-progress build. The 9.9 KB target is not yet met; size optimization is deferred.
 
 ## Examples
 
@@ -266,6 +308,64 @@ const list = createVList({
 ])
 ```
 
+## Custom scrollbar (3.0 preview)
+
+On `next`, `scrollbar()` remains a plugin. macOS and Android default to thin,
+rounded, auto-hiding overlays; Windows defaults to a wider, square, always-visible
+bar. Set `gutter: true` to reserve space. The same behavior works horizontally.
+
+```typescript
+scrollbar({
+  platform: 'windows',        // optional: macos | windows | android
+  width: 'thin',              // optional: pixels (number) | auto | thin | none
+  radius: 4,                  // optional: thumb radius in pixels
+  thumbColor: '#666',         // optional explicit colors
+  trackColor: '#eee',
+  gutter: true,
+})
+```
+
+Without explicit overrides, the plugin reads the container's standard
+`scrollbar-width` and `scrollbar-color`. `auto` uses the platform width; `thin`
+uses 6 px; `none` disables the track, hover target and gutter. Color order is
+thumb then track. Numeric `width` and `radius` override the corresponding
+`--vlist-custom-scrollbar-width` and `--vlist-custom-scrollbar-radius` variables
+on the container; those variables override platform defaults. Without a custom
+width variable, the width keywords retain their standard meaning (`none` always
+disables the bar). Explicit colors override author standard colors. `autoHide`, `autoHideDelay` and `minThumbSize` remain available.
+After changing author CSS, call `list.refreshScrollbar()` (or `refresh()` on a
+standalone `Scrollbar` instance). Refresh rereads CSS; platform selection remains
+fixed for that instance. Setting `enabled: false` disables the plugin's bar.
+
+The focusable track exposes its controlled viewport, orientation, logical range,
+and “Row N of M” value. Arrows move one row along the active axis, PageUp/PageDown
+move a viewport, and Home/End reach the bounds. Focus keeps the bar visible.
+Forced-color themes use system colors for the track, thumb and focus indicator.
+The thumb has a minimum size even for millions of rows; drag positions continue
+to use the full logical range. The real screen-reader acceptance pass is still
+pending; this is not a completed accessibility sign-off.
+
+### Migrating WebKit scrollbar selectors
+
+**The `::-webkit-scrollbar*` pseudo-elements are not mirrored.** They style
+browser-owned scrollbars, not this plugin's DOM. Migrate each rule as follows
+(the classes shown use the default `vlist` prefix):
+
+| Existing selector | Plugin replacement |
+| --- | --- |
+| `::-webkit-scrollbar` | `.vlist-scrollbar`; `--vlist-custom-scrollbar-width` for thickness |
+| `::-webkit-scrollbar-track` | `.vlist-scrollbar`; `--vlist-custom-scrollbar-track-color` |
+| `::-webkit-scrollbar-thumb` | `.vlist-scrollbar__thumb`; `--vlist-custom-scrollbar-thumb-color`, `--vlist-custom-scrollbar-radius`, `--vlist-custom-scrollbar-min-thumb-size` |
+| `::-webkit-scrollbar-thumb:hover` | `.vlist-scrollbar__thumb:hover`; `--vlist-custom-scrollbar-thumb-hover-color` |
+| `::-webkit-scrollbar-corner` | No separate corner element. Reserved gutter space uses the `.vlist` background (`--vlist-bg`). A dedicated corner rule has no direct equivalent. |
+| `::-webkit-scrollbar-button` | No arrow-button elements or direct styling equivalent. Use the scrollbar's row keys or track paging; custom buttons must be separate controls. |
+
+For width and base thumb/track colors, prefer standard `scrollbar-width` and
+`scrollbar-color` on the container, or plugin config. The plugin maps these onto
+its custom properties at setup/refresh. Use the plugin classes and remaining
+variables for radius, minimum thumb size and hover styling. High-contrast system
+colors take priority while forced colors are active.
+
 ## Accessibility
 
 Every vlist is accessible by default following the [WAI-ARIA listbox pattern](https://www.w3.org/WAI/ARIA/apg/patterns/listbox/):
@@ -355,7 +455,7 @@ groups({ getGroupForIndex, header: { height, template }, sticky?: true })
 selection({ mode: 'single' | 'multiple', initial?: [...ids] })
 data({ adapter: { read }, loading?: { cancelThreshold? } })
 table({ columns, rowHeight, headerHeight?, resizable? })
-autosize()                        // auto-measure items (requires estimatedHeight)
+autosize()                        // auto-measure items (requires estimatedHeight); list.remeasure(index?) after late content
 scrollbar({ autoHide?, autoHideDelay?, minThumbSize? })
 transition({ duration?: 200, insert?: timing, remove?: timing })
 sortable({ handle?: '.drag-handle' })  // drag-and-drop reordering
@@ -363,6 +463,15 @@ page()                            // no config — uses document scroll
 snapshots({ autoSave: 'key' })    // automatic sessionStorage save/restore
 ```
 
+### Autosize
+
+With `autosize()` and `item.estimatedHeight` (or `estimatedWidth` for horizontal lists), call `remeasure(i)` after content changes size without a `load` or `error` event, such as expanding text or changing a font. Call `remeasure()` to discard every cached measurement: visible items are measured again, and offscreen items use estimates until they render. Unknown or unmeasured indices are a no-op.
+
+```javascript
+list.remeasure(12); // Re-measure one item after its content changes.
+list.remeasure();   // Invalidate all sizes and measure items as they render.
+```
+
 Full configuration reference → **[vlist.io](https://vlist.io)**
 
 ## Base Configuration

package/README.md

@@ -1,8 +1,8 @@
 # vlist
 
-The virtual list library for every framework. Ultra efficient, batteries-included, and accessible with composable plugins — in 9.7 KB.
+The virtual list library for every framework. Ultra efficient, batteries-included, and accessible with composable plugins.
 
-**v2.7.2** — [Changelog](https://github.com/floor/vlist/blob/main/CHANGELOG.md) · Tree keeps the bounded runway for large trees; the scale() deprecation link works; bounded-mode touch limitation documented.
+**v3.0.0-next.1** (prerelease on the npm `next` tag) — Synthetic input by default, native input through `vlist/native`, and removal of the deprecated scroll configuration and plugin hooks. See the [changelog](https://github.com/floor/vlist/blob/next/CHANGELOG.md).
 
 [![npm version](https://img.shields.io/npm/v/vlist.svg)](https://www.npmjs.com/package/vlist)
 [![bundle size](https://img.shields.io/bundlephobia/minzip/vlist)](https://bundlephobia.com/package/vlist)
@@ -11,7 +11,7 @@ The virtual list library for every framework. Ultra efficient, batteries-include
 
 - **Accessible** — WAI-ARIA, 2D keyboard navigation, focus recovery, screen-reader DOM ordering
 - **Zero dependencies** — framework-agnostic core, tiny adapters for Vue, Svelte, Solid, React
-- **9.9 KB gzipped** — composable plugins with perfect tree-shaking
+- **11.4 KB gzipped (3.0 prerelease)** — composable plugins with perfect tree-shaking
 - **Constant memory** — ~0.1 MB overhead at any scale, from 10K to 1M+ items
 - **Axis-neutral** — vertical and horizontal scrolling through a single code path, all plugins work in both orientations
 
@@ -19,6 +19,7 @@ The virtual list library for every framework. Ultra efficient, batteries-include
 
 ```bash
 npm install vlist
+npm install vlist@next   # 3.0 prerelease; latest stays on 2.8
 ```
 
 ## Quick Start
@@ -52,58 +53,84 @@ const list = createVList({ container: '#app', items, item: { height: 200, templa
 ])
 ```
 
-## Synthetic scroll input
-
-The opt-in `vlist/synthetic` entry adds `scroll.mode: 'synthetic'` alongside native and bounded modes. Native remains the default. Import the factory from this entry and plugins from `vlist`:
-Bounded mode note: on touch devices a long native fling can outrun the 2x runway and stall at its edge (measured at 145-226% of a 16x runway on an iPhone SE and a Pixel 8a). Prefer synthetic mode for touch-heavy lists; bounded remains the right choice for wheel and keyboard driven lists.
+## Scroll input
 
+Synthetic scrolling is the default in 3.0. Import `createVList` and plugins from `vlist`; there is no `scroll.mode` option. The deprecated `vlist/synthetic` entry remains an alias of the same factory.
 
 ```typescript
-import { createVList } from 'vlist/synthetic'
-import { scrollbar } from 'vlist'
+import { createVList, scrollbar } from 'vlist'
 import 'vlist/styles'
 
 const list = createVList({
   container: '#my-list',
   items: Array.from({ length: 1000 }, (_, id) => ({ id, name: `Row ${id}` })),
   item: { height: 48, template: item => `<div>${item.name}</div>` },
-  scroll: { mode: 'synthetic' },
 }, [scrollbar()])
 ```
 
-Supported plugins are **table, groups, snapshots, scrollbar, autosize, transition, selection and a11y**. Existing plugin conflicts still apply; this list does not imply that all eight can be combined. `page()`, `carousel()` and `sortable()` throw when configured with synthetic mode. Carousel uses wrap scrolling, which this release does not support with synthetic input.
+For native scrolling, import the factory from `vlist/native` and plugins from `vlist`. Native scrolling is required for `carousel()`, `sortable()`, and horizontal RTL lists; configuring these with the default entry throws. The native entry preserves carousel wrapping through a private runway implementation. Bounded scrolling is no longer a public mode.
+
+```typescript
+import { createVList } from 'vlist/native'
+import { carousel } from 'vlist'
+
+const list = createVList({
+  container: '#slides',
+  orientation: 'horizontal',
+  items: slides,
+  item: { width: 320, template: renderSlide },
+}, [carousel()])
+```
+
+`page()` uses native document scrolling through an external source with either entry. Its content must fit the 16,777,216 px document element limit; creation throws above that limit when the size is known, and later growth warns once. A deferred custom renderer whose size is first committed during rendering also warns once. Use default viewport scrolling for larger lists. Native viewport lists warn once when content exceeds their browser-size safety limit.
 
 Known limitations:
 
-- RTL horizontal lists throw in synthetic mode in this release; use native mode. Vertical lists on RTL pages are supported. RTL support for the synthetic driver is planned as a non-breaking addition.
-- Same-axis touch stops at either boundary with no parent handoff, including gestures that start inside an edge-pinned list. Use native mode when touch gestures must scroll the parent page at a boundary.
-- The native main-axis scrollbar is absent. Provide a custom scrollbar, such as `scrollbar()` above. Its accessibility release gate remains open; synthetic mode is not a completed scrollbar-accessibility sign-off.
+- Horizontal RTL lists require `vlist/native`. Vertical lists and tables support `dir="rtl"` on the container, including cross-axis wheel movement, aligned table headers and keyboard column navigation.
+- Same-axis touch stops at either boundary with no parent handoff, including gestures starting inside an edge-pinned list. Use `vlist/native` when boundary gestures must scroll the parent page.
+- The default entry has no native main-axis scrollbar. Add `scrollbar()` for an accessible custom scrollbar; native visibility options belong to `vlist/native`.
 - Inertia initializes its frame clock on the first frame after release, adding up to one frame of release latency.
 - Wheel input at an edge is left to the page when it cannot move the list. Native cross-axis scrolling remains available.
 
-Measurement corrections from autosize preserve ongoing motion. Synthetic input adds **2.6 KB gzipped** over the base entry (**12.5 KB** total before plugins); ordinary `vlist` imports exclude this driver. See [RFC-014](https://github.com/floor/vlist/discussions/127).
+Measurement corrections from autosize preserve ongoing motion. Existing plugin conflicts still apply. See the [scroll input contract](https://vlist.io/docs/rfcs/RFC-014-Scroll-Input-Model).
+
+## Migrating to 3.0
+
+| Removed public API | Replacement |
+|---|---|
+| `scroll.mode` (all values, both entries) | Omit it. `vlist` provides synthetic input; import `vlist/native` for native scrolling. |
+| `scroll.runway` (both entries) | Remove it. Default synthetic scrolling supports huge lists without a native runway. |
+| Core `scroll.scrollbar: "native"` or `"none"` | Use `scrollbar()` with `vlist`, or select `vlist/native` to retain either string. Native types are exported as `NativeScrollConfig` and `NativeCreateVListConfig`. |
+| `PluginContext.setScrollFns`, `disableDefaultScroll` | Use `setScrollSource` to supply an external position source and commit callback. |
+| `scale()` and `ScalePluginConfig` | Remove it; the default entry supports the full logical range. `vlist/config` no longer installs a scale stub. |
+
+Removed scroll options throw a migration error before creating DOM. `vlist/config` retains its scrollbar omission/options convenience and its top-level `scrollbar: "none"` option; native visibility strings require an injected native factory. `baseOffset` remains private engine state for input providers; plugins continue to use `ctx.scroll.getRenderOrigin()`. No other public plugin hooks or adapter methods are removed.
 
 ## Plugins
 
-| Plugin | Size | Description |
-|--------|------|-------------|
-| **Base** | 9.9 KB | Virtualization, ARIA, keyboard nav, gap, padding, bounded scroll (1M+ items) |
-| `vlist/synthetic` entry | +2.6 KB | Opt-in synthetic scroll input (12.5 KB total before plugins) |
-| `data()` | +4.8 KB | Lazy loading with velocity-aware fetching |
-| `selection()` | +2.8 KB | Single/multiple selection with 2D keyboard nav |
-| `search()` | +3.2 KB | Search bar: filter/navigate modes, match highlighting |
-| `groups()` | +5.3 KB | Sticky/inline headers with grid + masonry + table + data integration |
-| `autosize()` | +1.0 KB | Auto-measure items via ResizeObserver |
-| `scrollbar()` | +2.0 KB | Custom scrollbar UI |
-| `grid()` | +2.5 KB | 2D grid layout |
-| `masonry()` | +4.1 KB | Pinterest-style masonry with lane-aware keyboard nav |
-| `carousel()` | +3.5 KB | Paged horizontal carousel with snap and keyboard nav |
-| `table()` | +5.8 KB | Data table with columns, resize, sort |
-| `tree()` | +5.0 KB | Collapsible tree with async loading and indent guides |
-| `page()` | +0.8 KB | Window-level scrolling |
-| `sortable()` | +3.0 KB | Drag-and-drop reordering with auto-scroll |
-| `snapshots()` | +1.1 KB | Scroll position save/restore |
-| `transition()` | +2.0 KB | FLIP-based enter/exit animations for insert & remove |
+| Entry / export | Minified | Gzipped |
+|---|---:|---:|
+| **Base (`vlist`)** | 31.1 KB | 11.4 KB |
+| `vlist/synthetic` (alias) | 31.1 KB | 11.4 KB |
+| `vlist/native` | 28.1 KB | 10.2 KB |
+| `a11y()` | 34.4 KB | 12.6 KB |
+| `selection()` | 40.5 KB | 14.2 KB |
+| `data()` | 44.8 KB | 16.2 KB |
+| `scrollbar()` | 39.3 KB | 14.2 KB |
+| `sortable()` | 40.6 KB | 14.3 KB |
+| `groups()` | 47.1 KB | 16.7 KB |
+| `page()` | 33.6 KB | 12.3 KB |
+| `snapshots()` | 34.4 KB | 12.5 KB |
+| `transition()` | 37.8 KB | 13.3 KB |
+| `autosize()` | 34.2 KB | 12.4 KB |
+| `grid()` | 38.2 KB | 13.8 KB |
+| `table()` | 49.5 KB | 17.2 KB |
+| `masonry()` | 42.5 KB | 15.5 KB |
+| `tree()` | 46.4 KB | 16.4 KB |
+| `search()` | 40.2 KB | 14.5 KB |
+| `carousel()` | 41.0 KB | 14.9 KB |
+
+Sizes are tree-shaken totals from `bun run size`, not additive plugin costs. Plugin rows measure the base factory plus that export for comparison across revisions; `carousel()` and `sortable()` must be used with the native factory at runtime. The base is **11,670 bytes gzipped** in this 3.0 work-in-progress build. The 9.9 KB target is not yet met; size optimization is deferred.
 
 ## Framework Adapters
 
@@ -114,6 +141,21 @@ Measurement corrections from autosize preserve ongoing motion. Synthetic input a
 | SolidJS | [`vlist-solidjs`](https://github.com/floor/vlist-solidjs) | 0.5 KB |
 | React | [`vlist-react`](https://github.com/floor/vlist-react) | 0.6 KB |
 
+Adapters use synthetic input by default. With an adapter that forwards `factory`, select native input explicitly:
+
+```ts
+import { useVList } from "vlist-react";
+import { createVList } from "vlist/native";
+
+useVList({
+  factory: createVList,
+  items,
+  item: { height: 48, template: item => String(item.id) },
+});
+```
+
+The same factory option is available to the other adapters. `vlist/config` defaults to synthetic input. The factory is structural configuration: changing it requires recreating the list.
+
 ## Docs & Examples
 
 **18 interactive examples, full API reference, tutorials, and live benchmarks → [vlist.io](https://vlist.io)**

package/dist/config.d.ts

@@ -16,19 +16,27 @@
  * config (the adapters) pull in this module and, with it, every plugin it wires.
  */
 import type { VListItem, GroupsConfig, VListAdapter } from "./types";
+import { createVList } from "./core/create";
+import type { NativeScrollConfig } from "./native";
 import type { CreateVListConfig, VList, VListPlugin } from "./core/types";
 import type { DataPluginConfig } from "./plugins/data";
 import type { GridPluginConfig } from "./plugins/grid";
 import type { MasonryPluginConfig } from "./plugins/masonry";
 import type { SelectionPluginConfig } from "./plugins/selection";
 import type { ScrollbarPluginConfig } from "./plugins/scrollbar";
+/** List creation function injected by an adapter consumer. */
+export type VListFactory<T extends VListItem = VListItem> = typeof createVList<T>;
 /**
  * High-level, declarative vlist configuration accepted by the framework
  * adapters. It is the core `CreateVListConfig` (minus `container`, which the
  * adapter owns via a ref/node) plus the convenience "feature fields" that are
  * translated into plugins by {@link resolvePlugins}.
  */
-export interface VListConfig<T extends VListItem = VListItem> extends Omit<CreateVListConfig<T>, "container"> {
+export interface VListConfig<T extends VListItem = VListItem> extends Omit<CreateVListConfig<T>, "container" | "scroll"> {
+    /** Input model; native scrolling requires a factory imported from vlist/native. */
+    scroll?: NativeScrollConfig;
+    /** List factory; defaults to core createVList. Fixed for this instance. */
+    factory?: VListFactory<T>;
     /** Layout mode. Wires the grid or masonry plugin from `grid`/`masonry`. */
     layout?: "grid" | "masonry";
     /** Grid layout options — applied when `layout: "grid"`. */
@@ -56,7 +64,7 @@ export interface VListConfig<T extends VListItem = VListItem> extends Omit<Creat
 /**
  * Translate a {@link VListConfig} into the ordered plugin array that the core
  * `createVList` expects. Mirrors the adapters' historical behavior exactly:
- * `scale` and `snapshots` are always included, and `selection` is always
+ * `snapshots` is always included, and `selection` is always
  * present (in `"none"` mode when unset) so its API is available. Any user
  * `plugins` are appended last as an escape hatch.
  */