@revolist/ui 4.0.4-rc → 4.0.6-rc

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
@@ -11,28 +11,28 @@ 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` |
+| 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.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` |
+| 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.view.tsx` | `filter/filters/slider/_slider.scss`, `styles/_editor-slider.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.view.tsx`, `dialog/`, `core/`; Preact compositions in `controls.tsx` and `pickers.tsx` | `_dialog.scss`, `styles/_primitives.scss`, `styles/_compositions.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.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` |
+| 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` |
@@ -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

@@ -65,6 +65,22 @@ 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 |
@@ -114,7 +130,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 +154,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 +214,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
 
@@ -426,3 +442,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/_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/badge.view-D30pMUfi.js

@@ -0,0 +1,14 @@
+import { t as e } from "./jsxRuntime.module-F6UFnpT-.js";
+import { badgeClassName as t } from "../badge.js";
+//#region src/badge.view.tsx
+function n({ children: n, className: r = "", variant: i, shape: a }) {
+	return /* @__PURE__ */ e("span", {
+		class: `${t({
+			variant: i,
+			shape: a
+		})} ${r}`,
+		children: n
+	});
+}
+//#endregion
+export { n as 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 };

package/_chunks/{calendar-xpZ0v3xf.js → calendar-QWDyYzdo.js}

@@ -1,7 +1,7 @@
 import { i as e, n as t, t as n } from "./hooks.module-CG3gN83z.js";
 import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
-import { l as i, t as a } from "./native-control-C_yok8_-.js";
-import { createControlId as o } from "../core/control-id.js";
+import { createControlId as i } from "../core/control-id.js";
+import { l as a, t as o } from "./native-control-pFMuHf3G.js";
 import { DEFAULT_CALENDAR_TRANSLATIONS as s } from "../calendar/translations.js";
 import { a as c, n as l } from "./iso-B0YHBK7m.js";
 import { a as u, c as d, d as f, f as p, l as m, n as h, p as g, r as _, s as v, t as y, u as b } from "./model-mPO2tG2f.js";
@@ -9,7 +9,7 @@ import { CalendarHeader as ee, CalendarWeekdays as te } from "../calendar/header
 import { CalendarMonthGrid as x } from "../calendar/month-grid.js";
 import { CalendarYearGrid as ne } from "../calendar/year-grid.js";
 //#region src/calendar/caption.tsx
-function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disabled: l, labels: u, onChange: d }) {
+function re({ month: e, system: n, locale: i, layout: o, start: s, end: c, disabled: l, labels: u, onChange: d }) {
 	let h = m(e, n), g = f(e, n), _ = t(() => {
 		let t = m(e, n)[0], r = s ? m(s, n)[0] : v(t, -600, n), i = c ? m(c, n)[0] : v(t, 120, n), a = [];
 		for (let e = r; e <= i; e = v(e, 12, n)) a.push(e);
@@ -22,7 +22,7 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 	]);
 	return /* @__PURE__ */ r("div", {
 		class: "revo-calendar__caption",
-		children: [o === "dropdown-years" ? /* @__PURE__ */ r("span", { children: b(e, a, { month: "long" }, n) }) : /* @__PURE__ */ r(i, {
+		children: [o === "dropdown-years" ? /* @__PURE__ */ r("span", { children: b(e, i, { month: "long" }, n) }) : /* @__PURE__ */ r(a, {
 			className: "rv-select",
 			config: {
 				ariaLabel: u.chooseMonth,
@@ -33,11 +33,11 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 			value: String(g.month),
 			source: h.map((e, t) => ({
 				value: String(t + 1),
-				label: b(e, a, { month: "short" }, n),
+				label: b(e, i, { month: "short" }, n),
 				disabled: !!(s && e < p(s, n) || c && e > p(c, n))
 			})),
 			onChange: (e) => d(h[Number(e) - 1])
-		}), o === "dropdown-months" ? /* @__PURE__ */ r("span", { children: b(e, a, { year: "numeric" }, n) }) : /* @__PURE__ */ r(i, {
+		}), o === "dropdown-months" ? /* @__PURE__ */ r("span", { children: b(e, i, { year: "numeric" }, n) }) : /* @__PURE__ */ r(a, {
 			className: "rv-select",
 			config: {
 				ariaLabel: u.chooseYear,
@@ -48,7 +48,7 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 			value: h[0],
 			source: _.map((e) => ({
 				value: e,
-				label: b(e, a, { year: "numeric" }, n)
+				label: b(e, i, { year: "numeric" }, n)
 			})),
 			onChange: (e) => {
 				let t = v(e, g.month - 1, n);
@@ -60,8 +60,8 @@ function re({ month: e, system: n, locale: a, layout: o, start: s, end: c, disab
 //#endregion
 //#region src/calendar/calendar.tsx
 var ie = "2026-08-02";
-function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1, allowOutsideMonthSelection: S = !1, fixedWeeks: ae = !0, showTodayButton: oe = !1, showHeader: se = !0, showNavigation: C = !0, showPreviousButton: ce = C, showNextButton: le = C, showMonthLabel: ue = !0, showWeekdays: de = !0, enableYearView: w = !0, translations: fe = {}, ...T }) {
-	let [E] = e(() => o("rv-calendar-feedback")), D = T.calendarSystem ?? "gregory", O = Math.max(1, Math.min(12, Math.trunc(T.numberOfMonths || 1))), k = t(() => {
+function S({ locale: a = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1, allowOutsideMonthSelection: S = !1, fixedWeeks: ae = !0, showTodayButton: oe = !1, showHeader: se = !0, showNavigation: C = !0, showPreviousButton: ce = C, showNextButton: le = C, showMonthLabel: ue = !0, showWeekdays: de = !0, enableYearView: w = !0, translations: fe = {}, ...T }) {
+	let [E] = e(() => i("rv-calendar-feedback")), D = T.calendarSystem ?? "gregory", O = Math.max(1, Math.min(12, Math.trunc(T.numberOfMonths || 1))), k = t(() => {
 		let e = T.views ? [...new Set(T.views.filter((e) => e === "month" || e === "year"))] : w ? ["month", "year"] : ["month"];
 		return e.length ? e : ["month"];
 	}, [T.views, w]), [A, pe] = e(T.defaultView && k.includes(T.defaultView) ? T.defaultView : k[0]), j = k.includes(A) ? A : k[0], M = p(T.month, D), N = t(() => Array.from({ length: O }, (e, t) => v(M, t, D)), [
@@ -121,7 +121,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 			let e = F.current.get(r);
 			e && (I.current = !1, e.focus());
 		}));
-	}, q = (e) => T.formatMonth?.(e, i) ?? b(e, i, {
+	}, q = (e) => T.formatMonth?.(e, a) ?? b(e, a, {
 		month: "long",
 		year: "numeric"
 	}, D), J = j === "year", Y = J ? 12 : T.pagedNavigation ? O : 1, X = H(v(M, -Y, D), J ? 1 : O), Z = H(v(M, Y, D), J ? 1 : O), Q = (e, t = J ? 1 : O) => {
@@ -140,13 +140,13 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 				children: (J ? [M] : me).map((e, t) => /* @__PURE__ */ r("section", {
 					class: "revo-calendar__month-panel",
 					children: [se && /* @__PURE__ */ r(ee, {
-						label: J ? b(e, i, { year: "numeric" }, D) : q(e),
+						label: J ? b(e, a, { year: "numeric" }, D) : q(e),
 						previousLabel: J ? L.previousYear : L.previousMonth,
 						nextLabel: J ? L.nextYear : L.nextMonth,
 						caption: !J && T.captionLayout && T.captionLayout !== "label" ? /* @__PURE__ */ r(re, {
 							month: e,
 							system: D,
-							locale: i,
+							locale: a,
 							layout: T.captionLayout,
 							start: z,
 							end: B,
@@ -172,8 +172,8 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 						minDate: T.minDate,
 						maxDate: T.maxDate,
 						isMonthDisabled: T.isMonthDisabled,
-						locale: i,
-						ariaLabel: `${L.chooseMonth} ${b(M, i, { year: "numeric" }, D)}`,
+						locale: a,
+						ariaLabel: `${L.chooseMonth} ${b(M, a, { year: "numeric" }, D)}`,
 						onEscape: () => G("month"),
 						onSelect: (e) => {
 							Q(e, O), G("month");
@@ -184,7 +184,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 						"aria-label": `${q(e)} ${L.calendar}`,
 						children: [de && /* @__PURE__ */ r(te, {
 							dates: he,
-							locale: i,
+							locale: a,
 							format: T.formatWeekday ?? ((e, t) => b(e, t, { weekday: /^(fa|ar)(-|$)/.test(t) ? "narrow" : "short" }, D)),
 							weekNumberLabel: T.showWeekNumber ? L.weekNumber : void 0
 						}), /* @__PURE__ */ r(x, {
@@ -202,9 +202,9 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 							showOutsideDays: m,
 							allowOutsideMonthSelection: S,
 							dayClassName: T.dayClassName,
-							renderDay: T.renderDay ?? ((e) => b(e, i, { day: "numeric" }, D)),
+							renderDay: T.renderDay ?? ((e) => b(e, a, { day: "numeric" }, D)),
 							isDisabled: W,
-							formatDayLabel: (e) => T.formatDayLabel?.(e, i) ?? b(e, i, {
+							formatDayLabel: (e) => T.formatDayLabel?.(e, a) ?? b(e, a, {
 								weekday: "long",
 								month: "long",
 								day: "numeric",
@@ -212,7 +212,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 							}, D),
 							weekNumber: T.showWeekNumber ? (e) => {
 								let t = d(T.weekNumbering === "local" ? e : g(e, (4 - c(e) + 7) % 7), T.weekNumbering === "local" ? f : 1, T.weekNumbering === "local" ? 1 : 4, T.weekNumbering === "local" ? D : "gregory");
-								return T.formatWeekNumber?.(t) ?? new Intl.NumberFormat(i).format(t);
+								return T.formatWeekNumber?.(t) ?? new Intl.NumberFormat(a).format(t);
 							} : void 0,
 							weekNumberLabel: L.weekNumber,
 							setDayRef: _e,
@@ -226,7 +226,7 @@ function S({ locale: i = "en-US", weekStartsOn: f = 1, showOutsideDays: m = !1,
 			}),
 			T.presets?.length ? /* @__PURE__ */ r("div", {
 				class: "revo-calendar__presets",
-				children: T.presets.map((e) => /* @__PURE__ */ r(a, {
+				children: T.presets.map((e) => /* @__PURE__ */ r(o, {
 					disabled: W(e.date),
 					onClick: () => $(e.date),
 					children: e.label

package/_chunks/chart-frame-hcOlnQ1K.js

@@ -0,0 +1,145 @@
+import { i as e } from "./preact.module-BBM36DnO.js";
+import { i as t, t as n } from "./hooks.module-CG3gN83z.js";
+import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
+import { r as i } from "./tooltip-D4xkio5G.js";
+import { t as a } from "./tooltip-text-BXsUEmBH.js";
+//#region src/distribution-chart/geometry.ts
+function o(e) {
+	let t = e.map(({ value: e }) => Number.isFinite(e) ? Math.max(0, e) : 0), n = Math.max(1, ...t);
+	return {
+		values: t,
+		max: n,
+		points: t.map((t, r) => ({
+			x: e.length <= 1 ? 50 : r / (e.length - 1) * 100,
+			y: 96 - t / n * 88
+		}))
+	};
+}
+function s(e, t) {
+	return t === "step" ? `H ${e.x} V ${e.y}` : `L ${e.x} ${e.y}`;
+}
+function c(e, t, n = "linear") {
+	return `M ${e.x} ${e.y} ${s(t, n)}`;
+}
+//#endregion
+//#region src/distribution-chart/chart-frame.tsx
+function l({ title: e, details: t = [] }) {
+	return [e, ...t].filter(Boolean).join(". ");
+}
+function u({ title: t, details: n = [] }) {
+	return /* @__PURE__ */ r(e, { children: [/* @__PURE__ */ r("strong", { children: t }), n.map((e) => /* @__PURE__ */ r("span", { children: e }, e))] });
+}
+function d({ data: e, ariaLabel: i, variant: s, height: c = 72, className: d = "", showGrid: f = !1, showLabels: m = !1, showValues: h = !1, legend: g, formatValue: _ = String, tooltip: v = !0, tooltipIndicator: y = "none", renderTooltip: b, positions: x, datumColors: S, renderDatum: C, children: w }) {
+	let { values: T, max: E } = o(e), [D, O] = t(0), k = n([]), A = Math.min(D, Math.max(0, e.length - 1)), j = (t) => {
+		if (!e.length) return;
+		let n = Math.max(0, Math.min(t, e.length - 1));
+		O(n), k.current[n]?.focus();
+	};
+	return /* @__PURE__ */ r("div", {
+		class: `rv-distribution-chart rv-distribution-chart--${s} ${d}`.trim(),
+		role: "group",
+		"aria-label": i,
+		"data-empty": e.length ? void 0 : "true",
+		children: [
+			/* @__PURE__ */ r("div", {
+				class: "rv-distribution-chart__region",
+				style: { height: `${Math.max(40, Math.min(240, c))}px` },
+				children: [
+					f && /* @__PURE__ */ r("div", {
+						class: "rv-distribution-chart__grid",
+						"aria-hidden": "true",
+						children: [
+							0,
+							1,
+							2,
+							3,
+							4
+						].map((e) => /* @__PURE__ */ r("span", {}, e))
+					}),
+					w,
+					/* @__PURE__ */ r("div", {
+						class: "rv-distribution-chart__data",
+						role: "list",
+						children: e.map((t, n) => {
+							let i = x?.[n], a = !i;
+							return /* @__PURE__ */ r(p, {
+								indicator: y,
+								tooltipText: v ? l(t.tooltip) : void 0,
+								tooltipContent: b ? b(t, n) : u(t.tooltip),
+								datumRef: (e) => {
+									k.current[n] = e;
+								},
+								class: `rv-distribution-chart__datum${t.selected ? " is-selected" : ""}${a ? " is-bar" : " is-point"}`,
+								role: "listitem",
+								tabIndex: n === A ? 0 : -1,
+								"aria-label": l(t.tooltip),
+								style: {
+									"--rv-distribution-accent": S?.[n],
+									...a ? {} : {
+										left: `${i.x}%`,
+										top: `${i.y}%`
+									}
+								},
+								onFocus: () => O(n),
+								onKeyDown: (t) => {
+									t.key === "ArrowRight" || t.key === "ArrowDown" ? (t.preventDefault(), j(n + 1)) : t.key === "ArrowLeft" || t.key === "ArrowUp" ? (t.preventDefault(), j(n - 1)) : t.key === "Home" ? (t.preventDefault(), j(0)) : t.key === "End" && (t.preventDefault(), j(e.length - 1));
+								},
+								children: [C(t, n), h && /* @__PURE__ */ r("span", {
+									class: "rv-distribution-chart__value",
+									style: a ? {
+										top: `${100 - Math.max(3, T[n] / E * 100)}%`,
+										transform: "translate(-50%, -100%)"
+									} : void 0,
+									"aria-hidden": "true",
+									children: _(t.value)
+								})]
+							}, t.key);
+						})
+					})
+				]
+			}),
+			m && /* @__PURE__ */ r("div", {
+				class: `rv-distribution-chart__labels${s === "bar" ? " is-bar" : ""}`,
+				"aria-hidden": "true",
+				children: e.map((e) => /* @__PURE__ */ r(a, {
+					title: e.tooltip.title,
+					children: e.tooltip.title
+				}, e.key))
+			}),
+			g && /* @__PURE__ */ r("div", {
+				class: "rv-distribution-chart__legend",
+				children: [/* @__PURE__ */ r("i", { "aria-hidden": "true" }), g]
+			})
+		]
+	});
+}
+function f({ children: e }) {
+	return /* @__PURE__ */ r("svg", {
+		class: "rv-distribution-chart__plot",
+		viewBox: "0 0 100 100",
+		preserveAspectRatio: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: e
+	});
+}
+function p({ tooltipText: t, tooltipContent: n, indicator: a, children: o, onFocus: s, onKeyDown: c, datumRef: l, ...u }) {
+	let d = i(t ?? "", !0, {
+		className: `rv-distribution-chart__tooltip rv-distribution-chart__tooltip--${a}`,
+		content: /* @__PURE__ */ r(e, { children: [a !== "none" && /* @__PURE__ */ r("i", { "aria-hidden": "true" }), n] })
+	});
+	return /* @__PURE__ */ r("span", {
+		ref: l,
+		...u,
+		...t ? d.triggerProps : {},
+		onKeyDown: (e) => {
+			d.triggerProps.onKeyDown(e), e.defaultPrevented || c?.(e);
+		},
+		onFocus: (e) => {
+			s?.(e), t && d.triggerProps.onFocus(e);
+		},
+		children: [o, t && d.tooltip]
+	});
+}
+//#endregion
+export { c as i, f as n, o as r, d as t };

package/_chunks/check-BwI7iCAm.js

@@ -0,0 +1,4 @@
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/check.svg?raw
+var e = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 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=\"M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z\"/></svg>";
+//#endregion
+export { e as t };

package/_chunks/choice-chips-A6WR-WJe.js

@@ -0,0 +1,126 @@
+import { i as e, r as t, t as n } from "./hooks.module-CG3gN83z.js";
+import { t as r } from "./jsxRuntime.module-F6UFnpT-.js";
+import { n as i } from "./popover-controller-D-AvKQ7B.js";
+import { SvgIcon as a } from "../icons/icon.js";
+import { t as o } from "./native-control-pFMuHf3G.js";
+import { RemoveButton as s } from "../buttons/remove-button.js";
+//#region ../../node_modules/.pnpm/@fortawesome+fontawesome-free@7.3.1/node_modules/@fortawesome/fontawesome-free/svgs/solid/circle-info.svg?raw
+var c = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 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=\"M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z\"/></svg>";
+//#endregion
+//#region src/choice-chips/index.tsx
+function l({ value: i, options: a, onChange: o, ariaLabel: s, appearance: c = "soft", scrollable: l = !1, size: u = "medium", className: f = "", itemClassName: p = "", disabled: m = !1, testId: h }) {
+	let g = n(null), [_, v] = e(""), y = () => {
+		let e = g.current;
+		if (!l || !e) return;
+		let t = e.scrollLeft > 1, n = e.scrollWidth - e.clientWidth - e.scrollLeft > 1;
+		v(`${t ? "left" : ""} ${n ? "right" : ""}`.trim());
+	};
+	t(() => {
+		if (!l || !g.current || (y(), typeof ResizeObserver > "u")) return;
+		let e = new ResizeObserver(y);
+		e.observe(g.current);
+		for (let t of g.current.children) e.observe(t);
+		return () => e.disconnect();
+	}, [l, a]);
+	let b = Array.isArray(i) ? i : i === void 0 ? [] : [i];
+	return /* @__PURE__ */ r("div", {
+		ref: g,
+		onScroll: l ? y : void 0,
+		"data-scroll-edges": l ? _ : void 0,
+		class: `rv-choice-chips rv-choice-chips--${c} rv-choice-chips--${u}${l ? " rv-choice-chips--scrollable" : ""} ${f}`.trim(),
+		role: "group",
+		"aria-label": s,
+		"data-testid": h,
+		children: a.map((e) => {
+			let t = b.includes(e.value), n = m || !!e.disabled;
+			return /* @__PURE__ */ r(d, {
+				className: `${p} ${e.className ?? ""}`.trim(),
+				style: e.style,
+				color: e.color,
+				selected: t,
+				"aria-label": e.ariaLabel,
+				title: e.title,
+				disabled: n,
+				"data-value": String(e.value),
+				"data-testid": e.testId,
+				onSelect: () => {
+					n || o(e.value, e);
+				},
+				info: e.info,
+				onRemove: e.onRemove,
+				removeLabel: e.removeLabel,
+				children: e.label
+			}, String(e.value));
+		})
+	});
+}
+function u({ "data-tooltip": e, title: s, ref: l, ...u }) {
+	let d = n(null), f = e ?? (typeof s == "object" ? s.value : s);
+	return t(() => {
+		if (!d.current || !f) return;
+		let e = new i();
+		return e.bind(d.current, f, { trigger: "click" }), () => e.destroy();
+	}, [f]), /* @__PURE__ */ r(o, {
+		...u,
+		type: "button",
+		ref: (e) => {
+			d.current = e, typeof l == "function" ? l(e) : l && (l.current = e);
+		},
+		class: `rv-choice-chip-info ${u.className ?? u.class ?? ""}`.trim(),
+		children: /* @__PURE__ */ r(a, {
+			svg: c,
+			size: 12
+		})
+	});
+}
+function d({ children: e, color: t, selected: n, onSelect: i, info: a, onRemove: o, removeLabel: c, removeClassName: l = "", className: u = "", disabled: d, ...f }) {
+	let p = t ? typeof f.style == "string" ? `${f.style};--rv-choice-chip-color:${t}` : {
+		...f.style,
+		"--rv-choice-chip-color": t
+	} : f.style;
+	return !a && !o && i ? /* @__PURE__ */ r("button", {
+		...f,
+		style: p,
+		"data-color": t ? "true" : void 0,
+		type: "button",
+		class: `rv-choice-chip ${u}`.trim(),
+		"aria-pressed": n,
+		disabled: d,
+		onClick: i,
+		children: e
+	}) : /* @__PURE__ */ r("span", {
+		class: `rv-choice-chip rv-choice-chip--composite ${u}`.trim(),
+		role: f.role,
+		style: p,
+		"data-color": t ? "true" : void 0,
+		"data-selected": n ? "true" : void 0,
+		"aria-disabled": d || void 0,
+		children: [
+			i ? /* @__PURE__ */ r("button", {
+				...f,
+				type: "button",
+				class: "rv-choice-chip-label",
+				"aria-pressed": n,
+				disabled: d,
+				onClick: i,
+				children: e
+			}) : /* @__PURE__ */ r("span", {
+				class: "rv-choice-chip-label",
+				children: e
+			}),
+			a,
+			o && /* @__PURE__ */ r(s, {
+				compact: !0,
+				className: l,
+				disabled: typeof d == "object" ? d.value : d,
+				locale: {
+					title: c ?? "Remove",
+					ariaLabel: c ?? "Remove"
+				},
+				onClick: o
+			})
+		]
+	});
+}
+//#endregion
+export { u as n, l as r, d as t };