@revolist/ui 4.0.3-rc → 4.0.3

package/MIGRATION.md

@@ -0,0 +1,36 @@
+# Current UI APIs
+
+This change removes compatibility-only component names, CSS hooks and forwarding modules. Native mounting APIs (`createPreactElement`, `mountColorPicker`, native controls and dialogs) and React, Vue, Angular and Svelte adapters remain supported.
+
+## Component names
+
+Use the current names from the matching framework entry:
+
+| Removed name     | Current name           |
+| ---------------- | ---------------------- |
+| `Icon`           | `SvgIcon`              |
+| `RemovableChip`  | `FilterChip`           |
+| `Slider`         | `SingleValueSlider`    |
+| `RangeSlider`    | `PreactRangeSlider`    |
+| `ResourcePicker` | `SharedResourcePicker` |
+| `FeedbackPanel`  | `StatusFeedbackPanel`  |
+
+The same names apply to the Angular/Svelte `UiComponent` component selector. Local import aliases are ordinary language aliases and remain available, for example `import { SingleValueSlider as Slider } from '@revolist/ui/react'`.
+
+Import `Legend` from `@revolist/ui/legend` or the framework entry, rather than `@revolist/ui/filter-controls`. Use `ControlTooltip` instead of the unused `TooltipSurface` export. Render `DialogActionFooter` or `ActionFooterView` directly instead of calling the removed `renderDialogActionFooter(h, props)` signature.
+
+## Styling
+
+`TimeGrid` and `BrushRange` no longer accept `legacyClassPrefix`. Use `rv-time-grid__*` and `brush-range__*` respectively. Slider endpoints use the shared `fromSlider` and `toSlider` classes. Product-owned filter headers, summaries and action controls retain their product-owned names.
+
+Checkbox customization uses `--rv-ui-checkbox-bg`, `--rv-ui-checkbox-border`, `--rv-ui-checkbox-checked`, `--rv-ui-checkbox-check` and `--rv-ui-checkbox-focus`; RowSelect/ColumnDialog variable aliases are removed.
+
+The active rating and pagination style rules are now in `styles/rating.css` and `styles/pagination.css`, and remain included by the main stylesheet. Primitive `$legacy-*` Sass aliases are removed; internal styles use the existing palette lookup API. The unused scalar-slider fill element is removed; its current range input owns the fill.
+
+## Date/time labels
+
+A time picker uses `text.chooseTime`, falling back to its default time label. It no longer borrows `text.chooseDate`. Date pickers continue to use `text.chooseDate`.
+
+## Source ownership
+
+Forwarding-only `.ts` modules have been replaced by their owning TSX implementations at the canonical module paths. Public package entry names stay unchanged. The native mounting bridge remains the shared owner of element-returning adapters.

package/OWNERSHIP.md

@@ -1,7 +1,7 @@
 # Shared UI ownership
 
 `@revolist/ui` is the implementation owner for reusable product controls. Pro's
-existing exports and leaf modules are compatibility adapters. Product code owns
+canonical exports and leaf modules contain the current implementations. Product code owns
 values, validation, commands, persistence and domain layout.
 
 AI prompt, suggestions, applied-request trail, action status, result and assistant compositions live in
@@ -9,35 +9,35 @@ AI prompt, suggestions, applied-request trail, action status, result and assista
 adapter owns interpretation, field policy, view commands, query execution and
 view snapshots. Framework adapters and native mounting reuse the same TSX.
 
-| Component family | Implementation owner under `src/` | Style owner under `src/` |
-| --- | --- | --- |
-| Native button, input, select, textarea, summary | `control-presentation.view.tsx`; Preact `native-control.tsx` | `styles/_primitives.scss`, `styles/_control.scss`, `_form.scss` |
-| Button variants, icon button, toggle, group | `controls.tsx`, `buttons/` | `styles/_primitives.scss` |
-| Icon | `icons/icon.tsx` | `styles/_primitives.scss` |
-| Checkbox | `checkbox/index.ts` | `checkbox/checkbox.scss` |
-| Switch | `switch/index.tsx` | `styles/_primitives.scss` |
-| Radio group | `controls.tsx` | `_form.scss`, `styles/_compositions.scss` |
-| Choice chips, segmented control, tabs | `choice-chips/`, `segmented-switch/`; semantic exports in `controls.tsx` | `styles/_primitives.scss` |
-| Search | `search-input/native.view.tsx`; Preact `search-input/index.tsx` | `styles/_primitives.scss` |
-| Number/date/time inputs, stepper | `controls.tsx`; grid scalar/counter adapters in `native-controls.view.tsx` | `_form.scss`, `styles/_editor-counter.scss` |
-| Listbox, panes, split layout | `editor-layout/index.tsx`; neutral aliases in `controls.tsx` | `editor-layout/style.scss` |
-| Form field, hint, error, section, disclosure | `form-controls/`, `controls.tsx` | `_form.scss`, `styles/_compositions.scss` |
-| Chips | `form-controls/presentation.tsx` | `styles/_primitives.scss` |
-| Scalar/range sliders | `filter/filters/slider/`, `native-controls.view.tsx` | `filter/filters/slider/_slider.scss`, `styles/_editor-slider.scss` |
-| Calendar and date pickers | `calendar/`, `pickers.tsx` | `calendar/_calendar.scss`, `styles/_compositions.scss` |
-| Dropdown, combobox, multi-select | `dropdown/`; compositions in `pickers.tsx` | `dropdown/editor-dropdown.style.scss`, `styles/_compositions.scss` |
-| Color palette/picker | `color-palette/` | `color-palette/*.scss` |
-| Resource picker, avatar | `resource-picker/`, `avatar/` | `resource-picker/resource-picker.scss`, `avatar/avatar.style.scss` |
-| Dialog, popover, tooltip, menu, resize | `surfaces.view.tsx`, `dialog/`, `core/`; Preact compositions in `controls.tsx` and `pickers.tsx` | `_dialog.scss`, `styles/_primitives.scss`, `styles/_compositions.scss` |
-| Toolbar, panel, empty state, alerts | `controls.tsx` | `styles/_compositions.scss` |
-| Status feedback and badges | `status-feedback/`, `controls.tsx` | `status-feedback/status-feedback.scss`, `styles/_primitives.scss` |
-| Loading | `native-controls.view.tsx`, `controls.tsx` | `styles/_loading.scss`, `styles/_compositions.scss` |
-| Pagination, progress, rating | `pagination.ts`, `progress/`, `native-controls.view.tsx`, `controls.tsx` | `progress/_bar.scss`, `progress/_circular.scss`, `styles/legacy-rating.css`, `styles/legacy-pagination.css`, `styles/_compositions.scss` |
-| BarChart, LineChart, AreaChart; distribution adapter and brush range | `distribution-chart/bar-chart.tsx`, `line-chart.tsx`, `area-chart.tsx`; shared `chart-frame.tsx` and `geometry.ts`; `brush-range/` | `distribution-chart/_distribution-chart.scss`, `brush-range/_brush-range.scss` |
-| Option rows, legend, inline fields | `filter-controls.tsx` | `styles/_filter-controls.scss` |
-| Weekly time grid and keyboard/paint gesture lifecycle | `time-grid.tsx` | `styles/_time-grid.scss` |
-| Highlighted text input and scroll synchronization | `filter-controls.tsx` | `styles/_filter-controls.scss` |
-| Theme tokens | `styles/_theme.scss` | `styles/_tokens.scss` installs light/dark scopes |
+| Component family                                                     | Implementation owner under `src/`                                                                                                  | Style owner under `src/`                                                                                                   |
+| -------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- |
+| Native button, input, select, textarea, summary                      | `control-presentation.tsx`; Preact `native-control.tsx`                                                                            | `styles/_primitives.scss`, `styles/_control.scss`, `_form.scss`                                                            |
+| Button variants, icon button, toggle, group                          | `controls.tsx`, `buttons/`                                                                                                         | `styles/_primitives.scss`                                                                                                  |
+| Icon                                                                 | `icons/icon.tsx`                                                                                                                   | `styles/_primitives.scss`                                                                                                  |
+| Checkbox                                                             | `checkbox/index.ts`                                                                                                                | `checkbox/checkbox.scss`                                                                                                   |
+| Switch                                                               | `switch/index.tsx`                                                                                                                 | `styles/_primitives.scss`                                                                                                  |
+| Radio group                                                          | `controls.tsx`                                                                                                                     | `_form.scss`, `styles/_compositions.scss`                                                                                  |
+| Choice chips, segmented control, tabs                                | `choice-chips/`, `segmented-switch/`; semantic exports in `controls.tsx`                                                           | `styles/_primitives.scss`                                                                                                  |
+| Search                                                               | `search-input/native.tsx`; Preact `search-input/index.tsx`                                                                         | `styles/_primitives.scss`                                                                                                  |
+| Number/date/time inputs, stepper                                     | `controls.tsx`; grid scalar/counter adapters in `native-controls.tsx`                                                              | `_form.scss`, `styles/_editor-counter.scss`                                                                                |
+| Listbox, panes, split layout                                         | `editor-layout/index.tsx`; neutral aliases in `controls.tsx`                                                                       | `editor-layout/style.scss`                                                                                                 |
+| Form field, hint, error, section, disclosure                         | `form-controls/`, `controls.tsx`                                                                                                   | `_form.scss`, `styles/_compositions.scss`                                                                                  |
+| Chips                                                                | `form-controls/presentation.tsx`                                                                                                   | `styles/_primitives.scss`                                                                                                  |
+| Scalar/range sliders                                                 | `filter/filters/slider/`, `native-controls.tsx`                                                                                    | `filter/filters/slider/_slider.scss`, `styles/_editor-slider.scss`                                                         |
+| Calendar and date pickers                                            | `calendar/`, `pickers.tsx`                                                                                                         | `calendar/_calendar.scss`, `styles/_compositions.scss`                                                                     |
+| Dropdown, combobox, multi-select                                     | `dropdown/`; compositions in `pickers.tsx`                                                                                         | `dropdown/editor-dropdown.style.scss`, `styles/_compositions.scss`                                                         |
+| Color palette/picker                                                 | `color-palette/`                                                                                                                   | `color-palette/*.scss`                                                                                                     |
+| Resource picker, avatar                                              | `resource-picker/`, `avatar/`                                                                                                      | `resource-picker/resource-picker.scss`, `avatar/avatar.style.scss`                                                         |
+| Dialog, popover, tooltip, menu, resize                               | `surfaces.tsx`, `dialog/`, `core/`; Preact compositions in `controls.tsx` and `pickers.tsx`                                        | `_dialog.scss`, `styles/_primitives.scss`, `styles/_compositions.scss`                                                     |
+| Toolbar, panel, empty state, alerts                                  | `controls.tsx`                                                                                                                     | `styles/_compositions.scss`                                                                                                |
+| Status feedback and badges                                           | `status-feedback/`, `controls.tsx`                                                                                                 | `status-feedback/status-feedback.scss`, `styles/_primitives.scss`                                                          |
+| Loading                                                              | `native-controls.tsx`, `controls.tsx`                                                                                              | `styles/_loading.scss`, `styles/_compositions.scss`                                                                        |
+| Pagination, progress, rating                                         | `pagination.ts`, `progress/`, `native-controls.tsx`, `controls.tsx`                                                                | `progress/_bar.scss`, `progress/_circular.scss`, `styles/rating.css`, `styles/pagination.css`, `styles/_compositions.scss` |
+| BarChart, LineChart, AreaChart; distribution adapter and brush range | `distribution-chart/bar-chart.tsx`, `line-chart.tsx`, `area-chart.tsx`; shared `chart-frame.tsx` and `geometry.ts`; `brush-range/` | `distribution-chart/_distribution-chart.scss`, `brush-range/_brush-range.scss`                                             |
+| Option rows, legend, inline fields                                   | `filter-controls.tsx`                                                                                                              | `styles/_filter-controls.scss`                                                                                             |
+| Weekly time grid and keyboard/paint gesture lifecycle                | `time-grid.tsx`                                                                                                                    | `styles/_time-grid.scss`                                                                                                   |
+| Highlighted text input and scroll synchronization                    | `filter-controls.tsx`                                                                                                              | `styles/_filter-controls.scss`                                                                                             |
+| Theme tokens                                                         | `styles/_theme.scss`                                                                                                               | `styles/_tokens.scss` installs light/dark scopes                                                                           |
 
 ## Renderer and stylesheet contracts
 
@@ -72,7 +72,7 @@ integration tests. Canonical suite selection is documented in `TESTING.md`.
 
 History and export commands use UI's `SvgButton` (or `IconButton` convenience composition) for SVG, count badge and pointer/keyboard tooltip presentation. Element-returning adapters use `decorateIconAction`; Charts renders controls through Preact. Products supply localized labels, permissions, actions and history counts. `ToolbarGroup` groups commands with spacing; `ButtonGroup` remains the bordered choice composition. Both danger button variants use the same red outline presentation.
 
-Structured filter adapters retain aggregation, matching, amount/date validation, timezone policy, preset meaning and commit transactions. UI receives explicit data and formatted labels. Expression parsing, syntax tokens, diagnostics and debounce remain in Pro; UI owns the highlighted input's geometry and scroll synchronization. TimeGrid owns keyboard focus and paint gesture cleanup; Pro expands visual buckets into selected hourly filter values. Legacy filter CSS classes remain adapter hooks, with theme aliases at the Pro boundary.
+Structured filter adapters retain aggregation, matching, amount/date validation, timezone policy, preset meaning and commit transactions. UI receives explicit data and formatted labels. Expression parsing, syntax tokens, diagnostics and debounce remain in Pro; UI owns the highlighted input's geometry and scroll synchronization. TimeGrid owns keyboard focus and paint gesture cleanup; Pro expands visual buckets into selected hourly filter values. Filter consumers use the canonical TimeGrid and BrushRange classes and semantic UI tokens.
 
 ## Grid-backed filter compositions stay in Pro
 
@@ -120,4 +120,4 @@ Link-style action buttons use `Button variant="link"` or `SvgButton variant="lin
 
 ## Preact element construction
 
-All shared UI markup is Preact TSX. Element-returning compatibility APIs mount the same TSX through `preact-mount.tsx`; they do not build parallel DOM trees. Lifecycle controllers may attach, position, focus and dispose rendered roots. Grid/Stencil VNode adapters retain the Core rendering contract. Charts controls use Preact through the same mount boundary; chart scene/export geometry remains scene-owned.
+All shared UI markup is Preact TSX. Element-returning native APIs mount the same TSX through `preact-mount.ts`; they do not build parallel DOM trees. Lifecycle controllers may attach, position, focus and dispose rendered roots. Grid/Stencil VNode adapters retain the Core rendering contract. Charts controls use Preact through the same mount boundary; chart scene/export geometry remains scene-owned.

package/README.md

@@ -54,7 +54,11 @@ export function ReportName() {
   const [name, setName] = useState('Monthly revenue');
   return (
     <>
-      <TextInput aria-label="Report name" value={name} onValueChange={setName} />
+      <TextInput
+        aria-label="Report name"
+        value={name}
+        onValueChange={setName}
+      />
       <Button rounded variant="primary" onClick={() => console.log(name)}>
         Create report
       </Button>
@@ -65,16 +69,32 @@ export function ReportName() {
 
 Controls can be used without a RevoGrid instance. Grid cell templates, providers, row data, and product-specific scheduling logic stay in their owning product packages.
 
+## Popover dismissal
+
+`Popover` accepts `closeOnOutside` and `closeOnEscape`, both enabled by default, matching `PopoverController`. Set either to `false` independently; changes also apply while open. `open` remains controlled: update it in `onClose` (Vue: `@close`), or close it directly from an action.
+
+```vue
+<Popover
+  :open="open"
+  :anchor="anchor"
+  :close-on-outside="false"
+  :close-on-escape="false"
+  @close="open = false"
+>
+  <button @click="open = false">Done</button>
+</Popover>
+```
+
 ## Framework integrations
 
-| Framework | Entry point | Integration | Guide |
-| --- | --- | --- | --- |
-| React | `@revolist/ui/react` | Named React components; controlled props, callbacks, children, and custom content. | [React usage](https://ui.rv-grid.com/frameworks/react/) |
-| Vue | `@revolist/ui/vue` | Named Vue components, events and slots; declared value models support `v-model`. | [Vue usage](https://ui.rv-grid.com/frameworks/vue/) |
-| Angular | `@revolist/ui/angular` | Standalone `UiComponent` host with `component`, `props`, `uiEvent`, `valueChange`, and `rvUiSlot` templates. | [Angular usage](https://ui.rv-grid.com/frameworks/angular/) |
-| Svelte 5 | `@revolist/ui/svelte` | `UiComponent` host with reactive props, callbacks, and content snippets. | [Svelte usage](https://ui.rv-grid.com/frameworks/svelte/) |
-| Preact | `@revolist/ui/preact` | Direct components with Preact state, hooks, and render callbacks. | [Preact usage](https://ui.rv-grid.com/frameworks/preact/) |
-| Vanilla TypeScript | `@revolist/ui/framework` | `createFrameworkMount` and `uiComponents`; call `render` to update and `destroy` on disposal. | [Vanilla usage](https://ui.rv-grid.com/frameworks/vanilla-typescript/) |
+| Framework          | Entry point              | Integration                                                                                                  | Guide                                                                  |
+| ------------------ | ------------------------ | ------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------- |
+| React              | `@revolist/ui/react`     | Named React components; controlled props, callbacks, children, and custom content.                           | [React usage](https://ui.rv-grid.com/frameworks/react/)                |
+| Vue                | `@revolist/ui/vue`       | Named Vue components, events and slots; declared value models support `v-model`.                             | [Vue usage](https://ui.rv-grid.com/frameworks/vue/)                    |
+| Angular            | `@revolist/ui/angular`   | Standalone `UiComponent` host with `component`, `props`, `uiEvent`, `valueChange`, and `rvUiSlot` templates. | [Angular usage](https://ui.rv-grid.com/frameworks/angular/)            |
+| Svelte 5           | `@revolist/ui/svelte`    | `UiComponent` host with reactive props, callbacks, and content snippets.                                     | [Svelte usage](https://ui.rv-grid.com/frameworks/svelte/)              |
+| Preact             | `@revolist/ui/preact`    | Direct components with Preact state, hooks, and render callbacks.                                            | [Preact usage](https://ui.rv-grid.com/frameworks/preact/)              |
+| Vanilla TypeScript | `@revolist/ui/framework` | `createFrameworkMount` and `uiComponents`; call `render` to update and `destroy` on disposal.                | [Vanilla usage](https://ui.rv-grid.com/frameworks/vanilla-typescript/) |
 
 Additional entries include `@revolist/ui/native` for DOM controllers and presentation helpers, `@revolist/ui/react-control` / `vue-control` / `angular-control` / `svelte-control` for framework-owned controls, and dedicated entries such as `@revolist/ui/select`, `@revolist/ui/timeline-track`, and `@revolist/ui/pdf-viewer`. Use the installed package's TypeScript declarations for exact prop types.
 
@@ -82,29 +102,29 @@ Additional entries include `@revolist/ui/native` for DOM controllers and present
 
 Browse the same component families as the public gallery. Each page includes live previews, variants, and usage examples.
 
-| Component family | What you can build |
-| --- | --- |
-| [Buttons](https://ui.rv-grid.com/components/buttons/) | Actions, icon buttons, toggles, and button groups. |
-| [Inputs and forms](https://ui.rv-grid.com/components/inputs-and-forms/) | Text, search, numbers, validation, and field layouts. |
-| [Selects and pickers](https://ui.rv-grid.com/components/selects-chips-and-resources/) | Searchable dropdowns, multiple selections, user images, and assignees. |
-| [Selection controls](https://ui.rv-grid.com/components/selection-controls/) | Checkboxes, switches, radio buttons, and choice chips. |
-| [Tabs and lists](https://ui.rv-grid.com/components/tabs-and-lists/) | Tabs, segmented controls, and selectable lists. |
-| [Sliders](https://ui.rv-grid.com/components/sliders/) | Single values and ranges with labels and value badges. |
-| [Timeline](https://ui.rv-grid.com/components/timeline-track/) | Draggable, resizable events with colors and tooltips. |
-| [Calendars and dates](https://ui.rv-grid.com/components/calendar-and-dates/) | Date and time pickers, ranges, and weekly planning. |
-| [Charts](https://ui.rv-grid.com/components/charts-and-range-selection/) | Bar, line, and area charts with tooltips and range selection. |
-| [Dialogs and tooltips](https://ui.rv-grid.com/components/dialogs-and-floating-surfaces/) | Dialogs, confirmations, popovers, and tooltips. |
-| [Menus and toolbars](https://ui.rv-grid.com/components/menus-and-toolbars/) | Dropdown menus, nested commands, and toolbar actions. |
-| [Status and feedback](https://ui.rv-grid.com/components/status-and-feedback/) | Badges, alerts, loading indicators, and empty states. |
-| [Layout](https://ui.rv-grid.com/components/layout/) | Panels, resizable split views, and expandable sections. |
-| [Pagination](https://ui.rv-grid.com/components/pagination/) | Page navigation for tables and lists. |
-| [Progress and rating](https://ui.rv-grid.com/components/progress-and-rating/) | Progress bars, circular indicators, and star ratings. |
-| [Activity messages](https://ui.rv-grid.com/components/activity-messages/) | Updates with avatars, timestamps, and actions. |
-| [AI assistant](https://ui.rv-grid.com/components/ai-assistant/) | Chat messages, prompts, suggestions, and task states. |
-| [PDF viewer](https://ui.rv-grid.com/components/pdf-viewer/) | PDF navigation, search, zoom, and download controls. |
-| [Color](https://ui.rv-grid.com/components/color/) | Palettes, color pickers, and shared semantic interface colors. |
-| [Field configurators](https://ui.rv-grid.com/components/field-configurators/) | Field libraries, selected-field lists, ordering, summaries, actions, and drop feedback. |
-| [Formatting controls](https://ui.rv-grid.com/components/formatting-controls/) | Typography choices, icon choices, inspector sections, preview comparisons, and contextual filter badges. |
+| Component family                                                                         | What you can build                                                                                       |
+| ---------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
+| [Buttons](https://ui.rv-grid.com/components/buttons/)                                    | Actions, icon buttons, toggles, and button groups.                                                       |
+| [Inputs and forms](https://ui.rv-grid.com/components/inputs-and-forms/)                  | Text, search, numbers, validation, and field layouts.                                                    |
+| [Selects and pickers](https://ui.rv-grid.com/components/selects-chips-and-resources/)    | Searchable dropdowns, multiple selections, user images, and assignees.                                   |
+| [Selection controls](https://ui.rv-grid.com/components/selection-controls/)              | Checkboxes, switches, radio buttons, and choice chips.                                                   |
+| [Tabs and lists](https://ui.rv-grid.com/components/tabs-and-lists/)                      | Tabs, segmented controls, and selectable lists.                                                          |
+| [Sliders](https://ui.rv-grid.com/components/sliders/)                                    | Single values and ranges with labels and value badges.                                                   |
+| [Timeline](https://ui.rv-grid.com/components/timeline-track/)                            | Draggable, resizable events with colors and tooltips.                                                    |
+| [Calendars and dates](https://ui.rv-grid.com/components/calendar-and-dates/)             | Date and time pickers, ranges, and weekly planning.                                                      |
+| [Charts](https://ui.rv-grid.com/components/charts-and-range-selection/)                  | Bar, line, and area charts with tooltips and range selection.                                            |
+| [Dialogs and tooltips](https://ui.rv-grid.com/components/dialogs-and-floating-surfaces/) | Dialogs, confirmations, popovers, and tooltips.                                                          |
+| [Menus and toolbars](https://ui.rv-grid.com/components/menus-and-toolbars/)              | Dropdown menus, nested commands, and toolbar actions.                                                    |
+| [Status and feedback](https://ui.rv-grid.com/components/status-and-feedback/)            | Badges, alerts, loading indicators, and empty states.                                                    |
+| [Layout](https://ui.rv-grid.com/components/layout/)                                      | Panels, resizable split views, and expandable sections.                                                  |
+| [Pagination](https://ui.rv-grid.com/components/pagination/)                              | Page navigation for tables and lists.                                                                    |
+| [Progress and rating](https://ui.rv-grid.com/components/progress-and-rating/)            | Progress bars, circular indicators, and star ratings.                                                    |
+| [Activity messages](https://ui.rv-grid.com/components/activity-messages/)                | Updates with avatars, timestamps, and actions.                                                           |
+| [AI assistant](https://ui.rv-grid.com/components/ai-assistant/)                          | Chat messages, prompts, suggestions, and task states.                                                    |
+| [PDF viewer](https://ui.rv-grid.com/components/pdf-viewer/)                              | PDF navigation, search, zoom, and download controls.                                                     |
+| [Color](https://ui.rv-grid.com/components/color/)                                        | Palettes, color pickers, and shared semantic interface colors.                                           |
+| [Field configurators](https://ui.rv-grid.com/components/field-configurators/)            | Field libraries, selected-field lists, ordering, summaries, actions, and drop feedback.                  |
+| [Formatting controls](https://ui.rv-grid.com/components/formatting-controls/)            | Typography choices, icon choices, inspector sections, preview comparisons, and contextual filter badges. |
 
 ## Complete component reference
 
@@ -114,7 +134,7 @@ Every component in the shared adapter catalog is listed below. Each name links t
 
 Actions, grouped commands, toggled state, icons, compact sizing, busy states and pill corners.
 
-[Button](https://github.com/revolist/revo-ui/blob/main/docs/api/Button.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [IconButton](https://github.com/revolist/revo-ui/blob/main/docs/api/IconButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [SvgButton](https://github.com/revolist/revo-ui/blob/main/docs/api/SvgButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [ToggleButton](https://github.com/revolist/revo-ui/blob/main/docs/api/ToggleButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [ButtonGroup](https://github.com/revolist/revo-ui/blob/main/docs/api/ButtonGroup.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [DeleteButton](https://github.com/revolist/revo-ui/blob/main/docs/api/DeleteButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [RemoveButton](https://github.com/revolist/revo-ui/blob/main/docs/api/RemoveButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [Icon](https://github.com/revolist/revo-ui/blob/main/docs/api/Icon.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [SvgIcon](https://github.com/revolist/revo-ui/blob/main/docs/api/SvgIcon.md) ([examples](https://ui.rv-grid.com/components/buttons/))
+[Button](https://github.com/revolist/revo-ui/blob/main/docs/api/Button.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [IconButton](https://github.com/revolist/revo-ui/blob/main/docs/api/IconButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [SvgButton](https://github.com/revolist/revo-ui/blob/main/docs/api/SvgButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [ToggleButton](https://github.com/revolist/revo-ui/blob/main/docs/api/ToggleButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [ButtonGroup](https://github.com/revolist/revo-ui/blob/main/docs/api/ButtonGroup.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [DeleteButton](https://github.com/revolist/revo-ui/blob/main/docs/api/DeleteButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [RemoveButton](https://github.com/revolist/revo-ui/blob/main/docs/api/RemoveButton.md) ([examples](https://ui.rv-grid.com/components/buttons/)) | [SvgIcon](https://github.com/revolist/revo-ui/blob/main/docs/api/SvgIcon.md) ([examples](https://ui.rv-grid.com/components/buttons/))
 
 ### Selection controls
 
@@ -138,13 +158,13 @@ Text, search and numeric entry; field labels, validation, inline layouts and edi
 
 Single or multiple selections, searchable options, selected-value templates, avatars, resource lists and assignee fields.
 
-[Dropdown](https://github.com/revolist/revo-ui/blob/main/docs/api/Dropdown.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [DropdownPopup](https://github.com/revolist/revo-ui/blob/main/docs/api/DropdownPopup.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [DropdownPopupContent](https://github.com/revolist/revo-ui/blob/main/docs/api/DropdownPopupContent.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [Combobox](https://github.com/revolist/revo-ui/blob/main/docs/api/Combobox.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [MultiSelect](https://github.com/revolist/revo-ui/blob/main/docs/api/MultiSelect.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [Chip](https://github.com/revolist/revo-ui/blob/main/docs/api/Chip.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [FilterChip](https://github.com/revolist/revo-ui/blob/main/docs/api/FilterChip.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [RemovableChip](https://github.com/revolist/revo-ui/blob/main/docs/api/RemovableChip.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [Avatar](https://github.com/revolist/revo-ui/blob/main/docs/api/Avatar.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [ResourcePicker](https://github.com/revolist/revo-ui/blob/main/docs/api/ResourcePicker.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [SharedResourcePicker](https://github.com/revolist/revo-ui/blob/main/docs/api/SharedResourcePicker.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [ResourcePickerAvatar](https://github.com/revolist/revo-ui/blob/main/docs/api/ResourcePickerAvatar.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [AssigneePicker](https://github.com/revolist/revo-ui/blob/main/docs/api/AssigneePicker.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [AssigneeField](https://github.com/revolist/revo-ui/blob/main/docs/api/AssigneeField.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [AssigneePickerLayout](https://github.com/revolist/revo-ui/blob/main/docs/api/AssigneePickerLayout.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/))
+[Dropdown](https://github.com/revolist/revo-ui/blob/main/docs/api/Dropdown.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [DropdownPopup](https://github.com/revolist/revo-ui/blob/main/docs/api/DropdownPopup.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [DropdownPopupContent](https://github.com/revolist/revo-ui/blob/main/docs/api/DropdownPopupContent.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [Combobox](https://github.com/revolist/revo-ui/blob/main/docs/api/Combobox.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [MultiSelect](https://github.com/revolist/revo-ui/blob/main/docs/api/MultiSelect.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [Chip](https://github.com/revolist/revo-ui/blob/main/docs/api/Chip.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [FilterChip](https://github.com/revolist/revo-ui/blob/main/docs/api/FilterChip.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [Avatar](https://github.com/revolist/revo-ui/blob/main/docs/api/Avatar.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [SharedResourcePicker](https://github.com/revolist/revo-ui/blob/main/docs/api/SharedResourcePicker.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [ResourcePickerAvatar](https://github.com/revolist/revo-ui/blob/main/docs/api/ResourcePickerAvatar.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [AssigneePicker](https://github.com/revolist/revo-ui/blob/main/docs/api/AssigneePicker.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [AssigneeField](https://github.com/revolist/revo-ui/blob/main/docs/api/AssigneeField.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) | [AssigneePickerLayout](https://github.com/revolist/revo-ui/blob/main/docs/api/AssigneePickerLayout.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/))
 
 ### Sliders
 
 Scalar and interval controls with labels, value badges, thumb values, ticks and units.
 
-[Slider](https://github.com/revolist/revo-ui/blob/main/docs/api/Slider.md) ([examples](https://ui.rv-grid.com/components/sliders/)) | [RangeSlider](https://github.com/revolist/revo-ui/blob/main/docs/api/RangeSlider.md) ([examples](https://ui.rv-grid.com/components/sliders/)) | [SingleValueSlider](https://github.com/revolist/revo-ui/blob/main/docs/api/SingleValueSlider.md) ([examples](https://ui.rv-grid.com/components/sliders/)) | [PreactRangeSlider](https://github.com/revolist/revo-ui/blob/main/docs/api/PreactRangeSlider.md) ([examples](https://ui.rv-grid.com/components/sliders/)) | [SliderField](https://github.com/revolist/revo-ui/blob/main/docs/api/SliderField.md) ([examples](https://ui.rv-grid.com/components/sliders/))
+[SingleValueSlider](https://github.com/revolist/revo-ui/blob/main/docs/api/SingleValueSlider.md) ([examples](https://ui.rv-grid.com/components/sliders/)) | [PreactRangeSlider](https://github.com/revolist/revo-ui/blob/main/docs/api/PreactRangeSlider.md) ([examples](https://ui.rv-grid.com/components/sliders/)) | [SliderField](https://github.com/revolist/revo-ui/blob/main/docs/api/SliderField.md) ([examples](https://ui.rv-grid.com/components/sliders/))
 
 ### Timeline track
 
@@ -198,7 +218,7 @@ Command menus, nested commands, separators and grouped toolbar actions.
 
 Semantic badges, counters, alerts, progress indicators, loading surfaces, empty states and feedback panels.
 
-[Badge](https://github.com/revolist/revo-ui/blob/main/docs/api/Badge.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [CountBadge](https://github.com/revolist/revo-ui/blob/main/docs/api/CountBadge.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [Alert](https://github.com/revolist/revo-ui/blob/main/docs/api/Alert.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [Spinner](https://github.com/revolist/revo-ui/blob/main/docs/api/Spinner.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [LoadingOverlay](https://github.com/revolist/revo-ui/blob/main/docs/api/LoadingOverlay.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [EmptyState](https://github.com/revolist/revo-ui/blob/main/docs/api/EmptyState.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [FeedbackPanel](https://github.com/revolist/revo-ui/blob/main/docs/api/FeedbackPanel.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [StatusFeedbackPanel](https://github.com/revolist/revo-ui/blob/main/docs/api/StatusFeedbackPanel.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [StatusBadge](https://github.com/revolist/revo-ui/blob/main/docs/api/StatusBadge.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/))
+[Badge](https://github.com/revolist/revo-ui/blob/main/docs/api/Badge.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [CountBadge](https://github.com/revolist/revo-ui/blob/main/docs/api/CountBadge.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [Alert](https://github.com/revolist/revo-ui/blob/main/docs/api/Alert.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [Spinner](https://github.com/revolist/revo-ui/blob/main/docs/api/Spinner.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [LoadingOverlay](https://github.com/revolist/revo-ui/blob/main/docs/api/LoadingOverlay.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [EmptyState](https://github.com/revolist/revo-ui/blob/main/docs/api/EmptyState.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [StatusFeedbackPanel](https://github.com/revolist/revo-ui/blob/main/docs/api/StatusFeedbackPanel.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/)) | [StatusBadge](https://github.com/revolist/revo-ui/blob/main/docs/api/StatusBadge.md) ([examples](https://ui.rv-grid.com/components/status-and-feedback/))
 
 ### Layout
 
@@ -236,7 +256,6 @@ Display local or remote PDFs with navigation, search, zoom, rotation, print/down
 
 [PdfViewer](https://github.com/revolist/revo-ui/blob/main/docs/api/PdfViewer.md) ([examples](https://ui.rv-grid.com/components/pdf-viewer/)) | [PdfViewerToolbar](https://github.com/revolist/revo-ui/blob/main/docs/api/PdfViewerToolbar.md) ([examples](https://ui.rv-grid.com/components/pdf-viewer/))
 
-
 ### JSX select adapter
 
 [**Select**](https://github.com/revolist/revo-ui/blob/main/docs/api/Select.md) ([examples](https://ui.rv-grid.com/components/selects-chips-and-resources/)) is an additional direct Preact adapter exported from `@revolist/ui/select`. Its JSX `<option>` children are data descriptors for the shared dropdown, not mounted native select elements. Use `value` / `onValueChange` for controlled state, `defaultValue` for uncontrolled state, and `multiple` for an array of selected strings. React/Vue applications can use their named `Combobox`, `MultiSelect`, or `Dropdown` adapters.
@@ -247,24 +266,26 @@ import { Select } from '@revolist/ui/select';
 <Select aria-label="View" value={view} onValueChange={setView}>
   <option value="table">Table</option>
   <option value="board">Board</option>
-  <option value="calendar" disabled>Calendar</option>
-</Select>
+  <option value="calendar" disabled>
+    Calendar
+  </option>
+</Select>;
 ```
 
 ## Usage contracts
 
-| Concern | Contract |
-| --- | --- |
-| Controlled state | Keep values in the application and pass the matching callback. `TextInput` uses `onValueChange`; many pickers/sliders use `onChange`; verify the component's typed contract. |
-| Dropdown data | `source` is an array of `{ value, label, ...metadata }` descriptors. `disabled` options remain visible and are skipped by keyboard selection. |
-| Custom dropdown content | `renderOption` changes option content; `renderValue` changes the selected value. Preact receives `(h, option, selected)` / `(h, option)`. React callbacks omit the element-factory argument; Vue uses named slots. |
-| Angular/Svelte hosts | Use names from the component catalog. `valueChange` / `onValueChange` is tied to the component's declared value model, not every callback. For a generic callback such as `onClick`, supply that callback in `props` so the host can forward it. |
-| Forms | Associate inputs with a visible label or an accessible name. Use shared field hint/error presentation and pass disabled/invalid state explicitly. |
-| Overlays | Use the shared popup lifecycle. Dropdowns inside top-layer dialogs/calendars can opt into `config.topLayer`. Standalone selects dismiss and advance focus on Tab/Shift+Tab. |
-| Lifecycle | Framework adapters clean up their mounts. Manual framework mounts and native controllers must be destroyed when their view is removed. |
-| AI components | These render chat, prompt, task and result UI. Your application provides model access, data, authorization and tool execution. |
-| PDF viewer | Supply a PDF source and compatible PDF.js worker configuration. Remote files require appropriate CORS access. Tool groups, text and toolbar/status rendering are configurable. See the [PDF viewer examples](https://ui.rv-grid.com/components/pdf-viewer/). |
-| Charts | Revo UI includes compact bar/line/area primitives and a range brush. The separate [RevoGrid Charts product](https://rv-grid.com/charts/) provides the larger charting surface. |
+| Concern                 | Contract                                                                                                                                                                                                                                                     |
+| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| Controlled state        | Keep values in the application and pass the matching callback. `TextInput` uses `onValueChange`; many pickers/sliders use `onChange`; verify the component's typed contract.                                                                                 |
+| Dropdown data           | `source` is an array of `{ value, label, ...metadata }` descriptors. `disabled` options remain visible and are skipped by keyboard selection.                                                                                                                |
+| Custom dropdown content | `renderOption` changes option content; `renderValue` changes the selected value. Preact receives `(h, option, selected)` / `(h, option)`. React callbacks omit the element-factory argument; Vue uses named slots.                                           |
+| Angular/Svelte hosts    | Use names from the component catalog. `valueChange` / `onValueChange` is tied to the component's declared value model, not every callback. For a generic callback such as `onClick`, supply that callback in `props` so the host can forward it.             |
+| Forms                   | Associate inputs with a visible label or an accessible name. Use shared field hint/error presentation and pass disabled/invalid state explicitly.                                                                                                            |
+| Overlays                | Use the shared popup lifecycle. Dropdowns inside top-layer dialogs/calendars can opt into `config.topLayer`. Standalone selects dismiss and advance focus on Tab/Shift+Tab.                                                                                  |
+| Lifecycle               | Framework adapters clean up their mounts. Manual framework mounts and native controllers must be destroyed when their view is removed.                                                                                                                       |
+| AI components           | These render chat, prompt, task and result UI. Your application provides model access, data, authorization and tool execution.                                                                                                                               |
+| PDF viewer              | Supply a PDF source and compatible PDF.js worker configuration. Remote files require appropriate CORS access. Tool groups, text and toolbar/status rendering are configurable. See the [PDF viewer examples](https://ui.rv-grid.com/components/pdf-viewer/). |
+| Charts                  | Revo UI includes compact bar/line/area primitives and a range brush. The separate [RevoGrid Charts product](https://rv-grid.com/charts/) provides the larger charting surface.                                                                               |
 
 The following snippets use the direct Preact APIs; the framework guides show their equivalent integration patterns. Values and callbacks such as `saved` / `setSaved` are application-owned state inside your component; the linked live examples include the complete surrounding setup.
 
@@ -291,9 +312,17 @@ const people = [
   { value: 'alex', label: 'Alex Morgan', photo: '/people/alex.jpg' },
   { value: 'sam', label: 'Sam Rivera', photo: '/people/sam.jpg' },
 ];
-const personContent = (_h: unknown, person: { label: string; photo?: string }) => (
+const personContent = (
+  _h: unknown,
+  person: { label: string; photo?: string },
+) => (
   <span style={{ display: 'inline-flex', alignItems: 'center', gap: 8 }}>
-    <Avatar value={person.photo} label="" initials={person.label[0]} size={16} />
+    <Avatar
+      value={person.photo}
+      label=""
+      initials={person.label[0]}
+      size={16}
+    />
     <span>{person.label}</span>
   </span>
 );
@@ -302,11 +331,15 @@ const personContent = (_h: unknown, person: { label: string; photo?: string }) =
   className="rv-select"
   source={people}
   value={personId}
-  onChange={next => setPersonId(String(next))}
-  config={{ ariaLabel: 'Team member', topLayer: true, nativeTabNavigation: true }}
+  onChange={(next) => setPersonId(String(next))}
+  config={{
+    ariaLabel: 'Team member',
+    topLayer: true,
+    nativeTabNavigation: true,
+  }}
   renderOption={personContent}
   renderValue={personContent}
-/>
+/>;
 ```
 
 Use `Combobox` for search and `MultiSelect` for multiple values. See [user images, search and resource examples](https://ui.rv-grid.com/components/selects-chips-and-resources/).
@@ -325,9 +358,9 @@ import { SliderField } from '@revolist/ui/filter/filters/slider/single';
   step={50}
   value={saved}
   valuePlacement="end"
-  formatValue={value => `${Math.round(value / 20000 * 100)}%`}
+  formatValue={(value) => `${Math.round((value / 20000) * 100)}%`}
   onChange={setSaved}
-/>
+/>;
 ```
 
 `layout="stacked"` gives the slider a full-width row; `valuePlacement="end"` puts the formatted value beside the label. Optional accent colors, ticks and thumb callouts are shown on the [Sliders page](https://ui.rv-grid.com/components/sliders/).
@@ -337,7 +370,7 @@ import { SliderField } from '@revolist/ui/filter/filters/slider/single';
 ```tsx
 import { BarChart } from '@revolist/ui/preact';
 
-const largestExpense = Math.max(...expenses.map(item => item.value));
+const largestExpense = Math.max(...expenses.map((item) => item.value));
 
 <BarChart
   data={expenses}
@@ -346,8 +379,8 @@ const largestExpense = Math.max(...expenses.map(item => item.value));
   showGrid
   showLabels
   tooltipIndicator="dot"
-  barColor={datum => datum.value === largestExpense ? '#f97316' : undefined}
-/>
+  barColor={(datum) => (datum.value === largestExpense ? '#f97316' : undefined)}
+/>;
 ```
 
 Each datum has `key`, `value`, and `tooltip: { title, details? }`; optional `selected` controls emphasis. `barColor` accepts a CSS color or `(datum, index) => color | undefined`. Returning `undefined` retains the theme color. Tooltip markers use the resolved bar color. See [Charts and range selection](https://ui.rv-grid.com/components/charts-and-range-selection/).
@@ -359,11 +392,30 @@ import { TimelineTrack } from '@revolist/ui/timeline-track';
 
 // Application-owned rows; retain these metadata fields when committing changes.
 const initialRows = [
-  { id: 'build', event: { start: 8, end: 12, label: 'Build', color: '#2563eb', textColor: '#ffffff' } },
-  { id: 'review', event: {
-    start: 14, end: 18, label: 'Review', color: '#7c3aed', textColor: '#ffffff',
-    segments: [{ color: '#7c3aed', weight: 3 }, { color: '#c2410c', weight: 1 }],
-  } },
+  {
+    id: 'build',
+    event: {
+      start: 8,
+      end: 12,
+      label: 'Build',
+      color: '#2563eb',
+      textColor: '#ffffff',
+    },
+  },
+  {
+    id: 'review',
+    event: {
+      start: 14,
+      end: 18,
+      label: 'Review',
+      color: '#7c3aed',
+      textColor: '#ffffff',
+      segments: [
+        { color: '#7c3aed', weight: 3 },
+        { color: '#c2410c', weight: 1 },
+      ],
+    },
+  },
 ];
 
 <TimelineTrack
@@ -371,9 +423,13 @@ const initialRows = [
   selected={selected}
   range={{ start: 0, end: 24 }}
   onSelect={setSelected}
-  onEventChange={(id, event) => setRows(current => current.map(row => row.id === id ? { ...row, event } : row))}
-  formatValue={value => `${String(value).padStart(2, '0')}:00`}
-/>
+  onEventChange={(id, event) =>
+    setRows((current) =>
+      current.map((row) => (row.id === id ? { ...row, event } : row)),
+    )
+  }
+  formatValue={(value) => `${String(value).padStart(2, '0')}:00`}
+/>;
 ```
 
 Events support single colors or weighted color segments. Moving/resizing preserves metadata and scales phase proportions. Hover/focus tooltips show the event name and range; use `getTooltip` for custom text or `tooltip={false}` to disable them. Pointer dragging and Left/Right keyboard controls are demonstrated on [Timeline track](https://ui.rv-grid.com/components/timeline-track/).
@@ -406,15 +462,15 @@ Motion follows the system's reduced-motion preference. `data-rv-ui-motion="off"`
 
 ## RevoGrid products
 
-| Product | Website | Documentation |
-| --- | --- | --- |
-| RevoGrid | [rv-grid.com](https://rv-grid.com/) | [Core docs](https://rv-grid.com/guide/) |
-| Grid Pro | [RevoGrid Pro](https://pro.rv-grid.com/) | [Pro guides](https://pro.rv-grid.com/guides/installation/) |
-| Pivot | [Pivot tables](https://rv-grid.com/pivot/) | [Pivot guide](https://pro.rv-grid.com/guides/pivot/) |
-| Charts | [JavaScript charts](https://rv-grid.com/charts/) | [Pro documentation](https://pro.rv-grid.com/) |
-| Gantt | [Gantt charts](https://rv-grid.com/gantt/) | [Gantt guide](https://pro.rv-grid.com/guides/gantt/) |
-| Scheduler | [Resource scheduling](https://rv-grid.com/jsscheduler/) | [Pro documentation](https://pro.rv-grid.com/) |
-| Kanban | [Kanban boards](https://rv-grid.com/kanban/) | [Pro documentation](https://pro.rv-grid.com/) |
+| Product   | Website                                                 | Documentation                                              |
+| --------- | ------------------------------------------------------- | ---------------------------------------------------------- |
+| RevoGrid  | [rv-grid.com](https://rv-grid.com/)                     | [Core docs](https://rv-grid.com/guide/)                    |
+| Grid Pro  | [RevoGrid Pro](https://pro.rv-grid.com/)                | [Pro guides](https://pro.rv-grid.com/guides/installation/) |
+| Pivot     | [Pivot tables](https://rv-grid.com/pivot/)              | [Pivot guide](https://pro.rv-grid.com/guides/pivot/)       |
+| Charts    | [JavaScript charts](https://rv-grid.com/charts/)        | [Pro documentation](https://pro.rv-grid.com/)              |
+| Gantt     | [Gantt charts](https://rv-grid.com/gantt/)              | [Gantt guide](https://pro.rv-grid.com/guides/gantt/)       |
+| Scheduler | [Resource scheduling](https://rv-grid.com/jsscheduler/) | [Pro documentation](https://pro.rv-grid.com/)              |
+| Kanban    | [Kanban boards](https://rv-grid.com/kanban/)            | [Pro documentation](https://pro.rv-grid.com/)              |
 
 ## Repository and support
 
@@ -426,3 +482,5 @@ Motion follows the system's reduced-motion preference. `data-rv-ui-motion="off"`
 ## Licensing
 
 Revo UI is [MIT licensed](LICENSE). Anyone can use, modify, and distribute it, including in commercial projects.
+
+See [Current UI APIs](MIGRATION.md) for removed compatibility names and consumer migrations.

package/_button.scss

@@ -11,7 +11,8 @@
   background-color: var(--rv-ui-btn-outline-bg, transparent);
   color: var(--rv-ui-btn-outline-fg, inherit);
   transition:
-    background-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease),
+    background-color var(--rv-ui-motion-fast, 120ms)
+      var(--rv-ui-motion-ease, ease),
     color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease),
     border-color var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease),
     opacity var(--rv-ui-motion-fast, 120ms) var(--rv-ui-motion-ease, ease);
@@ -36,7 +37,10 @@
   }
 
   &:not(.disabled):hover {
-    background-color: var(--rv-ui-btn-outline-bg-hover, $button-alt-bg-light-hover);
+    background-color: var(
+      --rv-ui-btn-outline-bg-hover,
+      $button-alt-bg-light-hover
+    );
     border-color: var(--rv-ui-btn-outline-border-hover);
   }
 

package/_chunks/arrow-up-Cw8hW9vp.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/arrow-down.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M169.4 502.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 402.7 224 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 370.7-105.4-105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"/></svg>", t = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M214.6 9.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 109.3 160 480c0 17.7 14.3 32 32 32s32-14.3 32-32l0-370.7 105.4 105.4c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z\"/></svg>";
+//#endregion
+export { e as n, t };

package/_chunks/calculator-CDWOuAcp.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/calculator.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\"><!--! Font Awesome Free 7.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2026 Fonticons, Inc. --><path fill=\"currentColor\" d=\"M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L64 0zM96 64l192 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L96 160c-17.7 0-32-14.3-32-32l0-32c0-17.7 14.3-32 32-32zm16 168a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zm80 24a24 24 0 1 1 0-48 24 24 0 1 1 0 48zm128-24a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zM88 352a24 24 0 1 1 0-48 24 24 0 1 1 0 48zm128-24a24 24 0 1 1 -48 0 24 24 0 1 1 48 0zm80 24a24 24 0 1 1 0-48 24 24 0 1 1 0 48zM64 424c0-13.3 10.7-24 24-24l112 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L88 448c-13.3 0-24-10.7-24-24zm232-24c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24z\"/></svg>";
+//#endregion
+export { e as t };