@revolist/ui 4.0.2-rc → 4.0.2

package/package.json

@@ -1,9 +1,43 @@
 {
   "name": "@revolist/ui",
-  "version": "4.0.2-rc",
+  "version": "4.0.2",
   "type": "module",
-  "description": "Shared RevoGrid UI controls, native controllers and optional framework adapters",
-  "license": "Commercial",
+  "description": "Revo UI: UI components for financial apps, reporting dashboards, and project management with React, Vue, Angular, Svelte, Preact, and vanilla TypeScript adapters",
+  "author": "revolist",
+  "homepage": "https://ui.rv-grid.com/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/revolist/revo-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/revolist/revo-ui/issues"
+  },
+  "keywords": [
+    "revo-ui",
+    "revogrid",
+    "ui",
+    "ui-components",
+    "component-library",
+    "design-system",
+    "typescript",
+    "javascript",
+    "react",
+    "vue",
+    "angular",
+    "svelte",
+    "preact",
+    "vanilla-js",
+    "dashboard",
+    "forms",
+    "charts",
+    "calendar",
+    "timeline",
+    "project-management",
+    "financial-apps",
+    "accessible",
+    "theming"
+  ],
+  "license": "MIT",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"
@@ -47,6 +81,21 @@
       "import": "./activity-message.js",
       "default": "./activity-message.js"
     },
+    "./icon-toolbar": {
+      "types": "./icon-toolbar.d.ts",
+      "import": "./icon-toolbar.js",
+      "default": "./icon-toolbar.js"
+    },
+    "./history-controls": {
+      "types": "./history-controls.d.ts",
+      "import": "./history-controls.js",
+      "default": "./history-controls.js"
+    },
+    "./select": {
+      "types": "./select.d.ts",
+      "import": "./select.js",
+      "default": "./select.js"
+    },
     "./preact": {
       "types": "./preact.d.ts",
       "import": "./preact.js",
@@ -335,6 +384,11 @@
       "import": "./color-palette/color-palette.js",
       "default": "./color-palette/color-palette.js"
     },
+    "./dropdown/control": {
+      "types": "./dropdown/control.d.ts",
+      "import": "./dropdown/control.js",
+      "default": "./dropdown/control.js"
+    },
     "./dropdown/index": {
       "types": "./dropdown/index.d.ts",
       "import": "./dropdown/index.js",
@@ -522,6 +576,36 @@
       "import": "./field-reorder.js",
       "default": "./field-reorder.js"
     },
+    "./configurator-actions": {
+      "types": "./configurator-actions.d.ts",
+      "import": "./configurator-actions.js",
+      "default": "./configurator-actions.js"
+    },
+    "./configurator-field-icon": {
+      "types": "./configurator-field-icon.d.ts",
+      "import": "./configurator-field-icon.js",
+      "default": "./configurator-field-icon.js"
+    },
+    "./configurator-sections": {
+      "types": "./configurator-sections.d.ts",
+      "import": "./configurator-sections.js",
+      "default": "./configurator-sections.js"
+    },
+    "./configurator-focus": {
+      "types": "./configurator-focus.d.ts",
+      "import": "./configurator-focus.js",
+      "default": "./configurator-focus.js"
+    },
+    "./configurator-aggregation-list": {
+      "types": "./configurator-aggregation-list.d.ts",
+      "import": "./configurator-aggregation-list.js",
+      "default": "./configurator-aggregation-list.js"
+    },
+    "./configurator-drop-zone": {
+      "types": "./configurator-drop-zone.d.ts",
+      "import": "./configurator-drop-zone.js",
+      "default": "./configurator-drop-zone.js"
+    },
     "./field-configurator": {
       "types": "./field-configurator.d.ts",
       "import": "./field-configurator.js",
@@ -708,17 +792,7 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "dependencies": {
-    "@lexical/code": "^0.52.0",
-    "@lexical/history": "^0.52.0",
-    "@lexical/link": "^0.52.0",
-    "@lexical/list": "^0.52.0",
-    "@lexical/markdown": "^0.52.0",
-    "@lexical/rich-text": "^0.52.0",
-    "@lexical/selection": "^0.52.0",
-    "@lexical/utils": "^0.52.0",
-    "lexical": "^0.52.0"
-  },
+  "dependencies": {},
   "peerDependencies": {
     "react": ">=18",
     "vue": "^3.5.0",

package/pagination.d.ts

@@ -42,6 +42,9 @@ export declare class PaginationPanel<T = any> {
     private loading;
     private totalPages;
     private locales;
+    private selector?;
+    private readonly selectorRef;
+    private selectorProps;
     refresh?: () => void;
     constructor(config: PaginationViewConfig, onPageChange: (page: number) => void, h: PaginationElementFactory<T>);
     setLoading(loading: boolean): void;

package/pagination.js

@@ -1,7 +1,8 @@
 import { controlClassName as e } from "./control-attributes.js";
 import { renderControl as t } from "./control-presentation.js";
+import { t as n } from "./_chunks/control-Dcrjsunl.js";
 //#region src/pagination.ts
-function n(e, t, n = 5) {
+function r(e, t, n = 5) {
 	let r = Math.max(0, Math.floor(t));
 	if (!Number.isFinite(r) || !r) return [];
 	let i = Math.min(r, Math.max(1, Math.floor(n) || 5)), a = Math.min(r - 1, Math.max(0, Math.floor(e) || 0)), o = Math.min(Math.max(0, a - Math.floor(i / 2)), r - i), s = /* @__PURE__ */ new Set([0, r - 1]);
@@ -10,7 +11,7 @@ function n(e, t, n = 5) {
 	for (let e of [...s].sort((e, t) => e - t)) l >= 0 && e - l === 2 ? c.push(l + 1) : l >= 0 && e - l > 2 && c.push("ellipsis"), c.push(e), l = e;
 	return c;
 }
-function r(n, r) {
+function i(n, r) {
 	return t(n, "button", {
 		class: e("rv-button small rv-pagination-button rv-btn-ghost", {
 			"rv-pagination-button--icon": !!r.kind,
@@ -41,7 +42,7 @@ function r(n, r) {
 		"aria-hidden": "true"
 	}, r.text)] : [r.text]);
 }
-var i = class {
+var a = class {
 	onPageChange;
 	h;
 	config = {
@@ -62,6 +63,21 @@ var i = class {
 		items: "items",
 		loading: "Loading…"
 	};
+	selector;
+	selectorRef = (e) => {
+		e ? this.selector || (this.selector = n(e.ownerDocument, this.selectorProps()), e.append(this.selector.element)) : (this.selector?.destroy(), this.selector = void 0);
+	};
+	selectorProps() {
+		return {
+			config: { ariaLabel: this.locales.page },
+			value: String(this.currentPage),
+			source: Array.from({ length: this.totalPages }, (e, t) => ({
+				value: String(t),
+				label: String(t + 1)
+			})),
+			onChange: (e) => this.setPage(Number(e))
+		};
+	}
 	refresh;
 	constructor(e, t, n) {
 		this.onPageChange = t, this.h = n, this.update(e);
@@ -76,77 +92,71 @@ var i = class {
 		let n = Math.max(0, this.totalPages - 1), r = Math.min(Math.max(0, e), n);
 		this.currentPage = r, this.refresh?.(), t && this.onPageChange(this.currentPage);
 	}
-	createButton(e, t, n) {
-		let i = {
+	createButton(e, t, n, r) {
+		let a = {
 			first: "«",
 			previous: "‹",
 			next: "›",
 			last: "»"
-		}, a = Object.keys(i).find((t) => i[t] === e), o = a ? {
+		}[r] === e ? {
 			first: "First page",
 			previous: "Previous page",
 			next: "Next page",
 			last: "Last page"
-		}[a] : e;
-		return r(this.h, {
+		}[r] : e;
+		return i(this.h, {
 			text: e,
-			label: o,
-			kind: a,
+			label: a,
+			kind: r,
 			disabled: n,
 			onClick: () => t.call(this)
 		});
 	}
 	render() {
-		let e = this.h, i = [];
+		this.selector?.update(this.selectorProps());
+		let e = this.h, t = [];
 		if (this.config.navigation !== !1) {
-			if (i.push(...this.config.boundaryButtons === !1 ? [] : [this.createButton(this.locales.first, () => {
+			if (t.push(...this.config.boundaryButtons === !1 ? [] : [this.createButton(this.locales.first, () => {
 				this.currentPage > 0 && this.setPage(0);
-			}, this.currentPage === 0)], this.createButton(this.locales.previous, () => {
+			}, this.currentPage === 0, "first")], this.createButton(this.locales.previous, () => {
 				this.currentPage > 0 && this.setPage(this.currentPage - 1);
-			}, this.currentPage === 0)), this.config.buttonCount) for (let t of n(this.currentPage, this.totalPages, this.config.buttonCount)) t === "ellipsis" ? i.push(e("span", {
+			}, this.currentPage === 0, "previous")), this.config.buttonCount) for (let n of r(this.currentPage, this.totalPages, this.config.buttonCount)) n === "ellipsis" ? t.push(e("span", {
 				class: "rv-pagination-ellipsis",
 				"aria-hidden": "true"
-			}, "…")) : i.push(r(e, {
-				text: String(t + 1),
-				label: `${this.locales.page} ${t + 1}`,
-				active: t === this.currentPage,
-				disabled: t === this.currentPage,
-				onClick: () => this.setPage(t)
+			}, "…")) : t.push(i(e, {
+				text: String(n + 1),
+				label: `${this.locales.page} ${n + 1}`,
+				active: n === this.currentPage,
+				disabled: n === this.currentPage,
+				onClick: () => this.setPage(n)
 			}));
-			i.push(this.createButton(this.locales.next, () => {
+			t.push(this.createButton(this.locales.next, () => {
 				this.currentPage < this.totalPages - 1 && this.setPage(this.currentPage + 1);
-			}, this.currentPage >= this.totalPages - 1), ...this.config.boundaryButtons === !1 ? [] : [this.createButton(this.locales.last, () => {
+			}, this.currentPage >= this.totalPages - 1, "next"), ...this.config.boundaryButtons === !1 ? [] : [this.createButton(this.locales.last, () => {
 				this.setPage(this.totalPages - 1);
-			}, this.currentPage >= this.totalPages - 1)]);
+			}, this.currentPage >= this.totalPages - 1, "last")]);
 		}
 		if (this.totalPages > 1) {
 			let n = [];
-			this.config.info !== !1 && n.push(e("span", { class: "rv-pagination-label" }, this.locales.page)), n.push(t(e, "select", {
-				"aria-label": this.locales.page,
-				value: String(this.currentPage),
-				onChange: (e) => {
-					let t = e.target;
-					this.setPage(parseInt(t.value, 10));
-				}
-			}, Array(this.totalPages).fill(null).map((t, n) => e("option", {
-				value: n,
-				selected: n === this.currentPage
-			}, (n + 1).toString())))), this.config.info !== !1 && n.push(e("span", null, ` ${this.locales.of} ${this.totalPages}`)), i.push(e("span", { class: "rv-pagination-selector" }, n));
+			this.config.info !== !1 && n.push(e("span", { class: "rv-pagination-label" }, this.locales.page)), n.push(e("span", {
+				class: "rv-pagination-dropdown",
+				ref: this.selectorRef
+			})), this.config.info !== !1 && n.push(e("span", null, ` ${this.locales.of} ${this.totalPages}`)), t.push(e("span", { class: "rv-pagination-selector" }, n));
 		}
-		this.loading && i.push(e("span", {
+		this.loading && t.push(e("span", {
 			role: "status",
 			"aria-live": "polite"
 		}, this.locales.loading));
-		let a = [];
+		let n = [];
 		if (this.config.totalInfo !== !1) {
-			let t = this.config.total > 0 && this.config.itemsPerPage > 0 ? this.currentPage * this.config.itemsPerPage + 1 : 0, n = Math.min((this.currentPage + 1) * this.config.itemsPerPage, this.config.total);
-			a.push(e("span", { dir: "auto" }, `${t}-${n} ${this.locales.of} ${this.config.total} ${this.locales.items}`));
+			let t = this.config.total > 0 && this.config.itemsPerPage > 0 ? this.currentPage * this.config.itemsPerPage + 1 : 0, r = Math.min((this.currentPage + 1) * this.config.itemsPerPage, this.config.total);
+			n.push(e("span", { dir: "auto" }, `${t}-${r} ${this.locales.of} ${this.config.total} ${this.locales.items}`));
 		}
 		return e("div", {
 			class: "rv-pagination-panel",
 			role: "navigation",
 			"aria-label": this.locales.page
-		}, [e("span", null, i), e("span", null, a)]);
+		}, [e("span", null, t), e("span", null, n)]);
 	}
 	update(e) {
 		let t = e.itemsPerPage > 0 && Number.isFinite(e.total) ? Math.max(0, Math.ceil(e.total / e.itemsPerPage)) : 0;
@@ -157,4 +167,4 @@ var i = class {
 	}
 };
 //#endregion
-export { i as PaginationPanel, n as paginationItems, r as renderPaginationButton };
+export { a as PaginationPanel, r as paginationItems, i as renderPaginationButton };

package/pdf-viewer/header.d.ts

@@ -1,7 +1,7 @@
 import { h } from '../_vendor/preact/src/index';
 import { PdfViewerText } from './translations';
 import { PdfViewerState } from './types';
-export declare function PdfViewerHeader({ state, text, onCancelPrint, showDetails }: {
+export declare function PdfViewerHeader({ state, text, onCancelPrint, showDetails, }: {
     showDetails?: boolean;
     state: Readonly<PdfViewerState>;
     text: PdfViewerText;

package/pdf-viewer/index.d.ts

@@ -1,9 +1,9 @@
 import { PdfViewerProps } from './component';
 import { PdfViewerController } from './controller';
-export { PdfViewer, defaultPdfViewerText, type PdfViewerProps, type PdfViewerText } from './component';
+export { PdfViewer, defaultPdfViewerText, type PdfViewerProps, type PdfViewerText, } from './component';
 export { PdfViewerController } from './controller';
 export type * from './types';
 /** Mount the shared viewer in a native host. Call destroy to unmount and release PDF resources. */
 export declare function createPdfViewer(host: HTMLElement, options: PdfViewerProps): PdfViewerController;
 export { PdfViewerToolbar, type PdfViewerToolbarProps } from './toolbar';
-export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig } from './toolbar-options';
+export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig, } from './toolbar-options';

package/pdf-viewer/index.js

@@ -1,6 +1,6 @@
 import { c as e } from "../_chunks/preact.module-BBM36DnO.js";
 import { renderPreactInto as t } from "../preact-mount.js";
-import { i as n, n as r, r as i, t as a } from "../_chunks/component-YDcfoOLz.js";
+import { i as n, n as r, r as i, t as a } from "../_chunks/component-CfeHXgIw.js";
 import { t as o } from "../_chunks/controller-hRBm_Lfz.js";
 //#region src/pdf-viewer/index.tsx
 function s(n, i) {

package/pdf-viewer/search-bar.d.ts

@@ -2,7 +2,7 @@ import { h, RefObject } from '../_vendor/preact/src/index';
 import { PdfViewerText } from './translations';
 import { PdfViewerController } from './controller';
 import { PdfViewerState } from './types';
-export declare function PdfViewerSearchBar({ id, controller, state, text, onClose, inputRef: search }: {
+export declare function PdfViewerSearchBar({ id, controller, state, text, onClose, inputRef: search, }: {
     inputRef: RefObject<HTMLInputElement>;
     id: string;
     controller: PdfViewerController;

package/pdf-viewer/status.d.ts

@@ -2,7 +2,7 @@ import { h } from '../_vendor/preact/src/index';
 import { PdfViewerText } from './translations';
 import { PdfViewerController } from './controller';
 import { PdfViewerState } from './types';
-export declare function PdfViewerStatus({ state, text, controller, canOpen, onOpen }: {
+export declare function PdfViewerStatus({ state, text, controller, canOpen, onOpen, }: {
     state: Readonly<PdfViewerState>;
     text: PdfViewerText;
     controller: PdfViewerController;

package/pdf-viewer/style.scss

@@ -13,11 +13,33 @@
   color: var(--rv-ui-text);
   font: inherit;
   font-size: 13px;
-  &__header { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px 16px; border-bottom: 1px solid var(--rv-ui-border); }
-  &__document-icon { flex: 0 0 auto; color: var(--rv-ui-accent-text); }
-  &__filename { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
-  &__summary { margin-inline-start: auto; white-space: nowrap; color: var(--rv-ui-text-muted); font-variant-numeric: tabular-nums; }
-  &__toolbar.rv-toolbar, &__search {
+  &__header {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-width: 0;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--rv-ui-border);
+  }
+  &__document-icon {
+    flex: 0 0 auto;
+    color: var(--rv-ui-accent-text);
+  }
+  &__filename {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-weight: 500;
+  }
+  &__summary {
+    margin-inline-start: auto;
+    white-space: nowrap;
+    color: var(--rv-ui-text-muted);
+    font-variant-numeric: tabular-nums;
+  }
+  &__toolbar.rv-toolbar,
+  &__search {
     --rv-icon-size: 14px;
     --rv-icon-button-size: 32px;
     --rv-control-height: 32px;
@@ -25,56 +47,194 @@
     --rv-control-radius: 6px;
     --rv-ui-radius: 6px;
     font-size: 13px;
-    :is(button, input, select) {
+    :is(button, input, .dropdown-trigger) {
       box-sizing: border-box;
       height: 32px;
       min-height: 32px;
-      font-size: 13px;
+      font-size: var(--rv-control-font-size, 0.875rem);
       line-height: 18px;
     }
   }
-  &__toolbar.rv-toolbar { width: 100%; box-sizing: border-box; box-shadow: none; display: flex; flex-wrap: wrap; gap: 4px 8px; padding: 8px 12px; border: 0; border-bottom: 1px solid var(--rv-ui-border); border-radius: 0; }
-  &__toolbar.rv-toolbar .rv-toolbar-group { align-items: center; flex-wrap: nowrap; gap: 4px; padding-block: 0; }
-  &__toolbar .rv-pagination { font-size: inherit; flex-wrap: nowrap; }
-  &__zoom-select { position: relative; display: inline-flex; align-items: center; width: 112px; height: 32px; }
-  &__zoom-select > .rv-svg-icon { position: absolute; inset-inline-end: 12px; top: 50%; transform: translateY(-50%); pointer-events: none; }
-  &__toolbar &__zoom-select select { width: 100%; min-width: 0; background-image: none; }
-  &__toolbar .rv-pdf-viewer__page-input { width: 54px; min-width: 0; text-align: center; font-variant-numeric: tabular-nums; }
-  &__page-count { white-space: nowrap; color: var(--rv-ui-text-muted); font-variant-numeric: tabular-nums; }
-  &__actions { margin-inline-start: auto; }
-  &__toolbar .rv-pdf-viewer__more { display: none; }
-  &__menu { display: grid; gap: 2px; }
-  &__menu .rv-svg-icon { flex: 0 0 auto; }
-  &__search { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 8px 12px; border-bottom: 1px solid var(--rv-ui-border); }
-  &__search .rv-search-input { flex: 1 1 180px; min-width: 0; }
-  &__find-controls { display: flex; flex: 0 0 auto; align-items: center; gap: 4px; }
-  &__search .rv-control { min-width: 0; width: 100%; }
-  &__matches { color: var(--rv-ui-text-muted); min-width: 64px; margin-inline-end: auto; font-size: 12px; }
-  &__body { position: relative; flex: 1; min-height: 0; background: var(--rv-ui-canvas); }
-  &__viewport { position: absolute; inset: 0; overflow: auto; overscroll-behavior: contain; }
-  &__viewport:focus-visible { outline: 2px solid var(--rv-ui-accent); outline-offset: -2px; }
-  &__viewport .pdfViewer { padding-block: 16px; }
-  &__viewport .pdfViewer .page { background: white; }
-  &__status { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 24px; text-align: center; color: var(--rv-ui-text-muted); overflow: auto; }
-  &__status .rv-empty-state { border: 0; background: none; }
-  &__status .rv-empty-state p { margin: 10px 0 16px; }
-  &__status .rv-alert { max-width: 100%; text-align: start; overflow-wrap: anywhere; }
-  &__status strong { color: var(--rv-ui-text); font-size: 16px; font-weight: 500; }
-  &__error { padding: 8px 12px; color: var(--rv-ui-danger); background: var(--rv-ui-danger-surface); }
+  &__toolbar.rv-toolbar {
+    width: 100%;
+    box-sizing: border-box;
+    box-shadow: none;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px 8px;
+    padding: 8px 12px;
+    border: 0;
+    border-bottom: 1px solid var(--rv-ui-border);
+    border-radius: 0;
+  }
+  &__toolbar.rv-toolbar .rv-toolbar-group {
+    align-items: center;
+    flex-wrap: nowrap;
+    gap: 4px;
+    padding-block: 0;
+  }
+  &__toolbar .rv-pagination {
+    font-size: inherit;
+    flex-wrap: nowrap;
+  }
+  &__zoom-select {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    width: 112px;
+    height: 32px;
+  }
+  &__toolbar &__zoom-select .dropdown-container {
+    width: 100%;
+    min-width: 0;
+    background-image: none;
+  }
+  &__toolbar .rv-pdf-viewer__page-input {
+    width: 54px;
+    min-width: 0;
+    text-align: center;
+    font-variant-numeric: tabular-nums;
+  }
+  &__page-count {
+    white-space: nowrap;
+    color: var(--rv-ui-text-muted);
+    font-variant-numeric: tabular-nums;
+  }
+  &__actions {
+    margin-inline-start: auto;
+  }
+  &__toolbar .rv-pdf-viewer__more {
+    display: none;
+  }
+  &__menu {
+    display: grid;
+    gap: 2px;
+  }
+  &__menu .rv-svg-icon {
+    flex: 0 0 auto;
+  }
+  &__search {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 12px;
+    border-bottom: 1px solid var(--rv-ui-border);
+  }
+  &__search .rv-search-input {
+    flex: 1 1 180px;
+    min-width: 0;
+  }
+  &__find-controls {
+    display: flex;
+    flex: 0 0 auto;
+    align-items: center;
+    gap: 4px;
+  }
+  &__search .rv-control {
+    min-width: 0;
+    width: 100%;
+  }
+  &__matches {
+    color: var(--rv-ui-text-muted);
+    min-width: 64px;
+    margin-inline-end: auto;
+    font-size: 12px;
+  }
+  &__body {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+    background: var(--rv-ui-canvas);
+  }
+  &__viewport {
+    position: absolute;
+    inset: 0;
+    overflow: auto;
+    overscroll-behavior: contain;
+  }
+  &__viewport:focus-visible {
+    outline: 2px solid var(--rv-ui-accent);
+    outline-offset: -2px;
+  }
+  &__viewport .pdfViewer {
+    padding-block: 16px;
+  }
+  &__viewport .pdfViewer .page {
+    background: white;
+  }
+  &__status {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 12px;
+    padding: 24px;
+    text-align: center;
+    color: var(--rv-ui-text-muted);
+    overflow: auto;
+  }
+  &__status .rv-empty-state {
+    border: 0;
+    background: none;
+  }
+  &__status .rv-empty-state p {
+    margin: 10px 0 16px;
+  }
+  &__status .rv-alert {
+    max-width: 100%;
+    text-align: start;
+    overflow-wrap: anywhere;
+  }
+  &__status strong {
+    color: var(--rv-ui-text);
+    font-size: 16px;
+    font-weight: 500;
+  }
+  &__error {
+    padding: 8px 12px;
+    color: var(--rv-ui-danger);
+    background: var(--rv-ui-danger-surface);
+  }
   @container (max-width: 560px) {
-    &__toolbar .rv-pdf-viewer__desktop-actions { display: none; }
-    &__toolbar .rv-pdf-viewer__more { display: flex; margin-inline-start: auto; }
-    &__search .rv-search-input { flex-basis: 100%; }
-    &__find-controls { width: 100%; }
-    &__status .rv-alert--with-actions { grid-template-columns: minmax(0, 1fr); row-gap: 12px; }
-    &__status .rv-alert__actions { flex-wrap: wrap; }
+    &__toolbar .rv-pdf-viewer__desktop-actions {
+      display: none;
+    }
+    &__toolbar .rv-pdf-viewer__more {
+      display: flex;
+      margin-inline-start: auto;
+    }
+    &__search .rv-search-input {
+      flex-basis: 100%;
+    }
+    &__find-controls {
+      width: 100%;
+    }
+    &__status .rv-alert--with-actions {
+      grid-template-columns: minmax(0, 1fr);
+      row-gap: 12px;
+    }
+    &__status .rv-alert__actions {
+      flex-wrap: wrap;
+    }
   }
   @container (max-width: 360px) {
-    &__open-label { display: none; }
+    &__open-label {
+      display: none;
+    }
   }
   @container (max-width: 480px) {
-    &__toolbar.rv-toolbar { padding: 6px; gap: 4px; }
-    &__header { padding: 10px; }
-    &__summary { font-size: 11px; }
+    &__toolbar.rv-toolbar {
+      padding: 6px;
+      gap: 4px;
+    }
+    &__header {
+      padding: 10px;
+    }
+    &__summary {
+      font-size: 11px;
+    }
   }
 }

package/pickers.d.ts

@@ -14,12 +14,16 @@ export interface PopoverProps {
     /** Optional mount scope for inherited theme tokens and text direction. */
     appendTo?: HTMLElement;
     onClose: () => void;
+    /** Close on pointer presses outside the anchor and content. Defaults to true. */
+    closeOnOutside?: boolean;
+    /** Close on Escape. Defaults to true. */
+    closeOnEscape?: boolean;
     children?: ComponentChildren;
     label?: string;
     className?: string;
     role?: 'dialog' | 'menu';
 }
-export declare function Popover({ open, anchor, appendTo, onClose, children, label, className, role, }: PopoverProps): h.JSX.Element;
+export declare function Popover({ open, anchor, appendTo, closeOnOutside, closeOnEscape, onClose, children, label, className, role, }: PopoverProps): h.JSX.Element;
 export declare function Tooltip({ text, children, }: {
     text: string;
     children: ComponentChildren;

package/preact-mount.js

@@ -1,5 +1,5 @@
 import { a as e, r as t } from "./_chunks/preact.module-BBM36DnO.js";
-//#region src/preact-mount.tsx
+//#region src/preact-mount.ts
 var n = /* @__PURE__ */ new WeakMap();
 function r(r, i, a) {
 	let s = r.createDocumentFragment();