@revolist/ui 4.0.2-rc → 4.0.2

package/styles.scss

@@ -21,12 +21,9 @@
 @use './styles/editor-slider';
 @use './styles/editor-counter';
 
-
-
 @use './progress/circular';
-@use './styles/legacy-rating.css';
-@use './styles/legacy-pagination.css';
-
+@use './styles/rating.css';
+@use './styles/pagination.css';
 
 @use './distribution-chart/distribution-chart';
 @use './brush-range/brush-range';
@@ -40,6 +37,7 @@
 @use './styles/activity-message';
 @use './styles/motion';
 
+@use './view-switcher';
 
 @include slider.styles;
 

package/surfaces.d.ts

@@ -1,2 +1,38 @@
-/** Compatibility entry; markup is owned by the Preact TSX implementation. */
-export * from './surfaces.view';
+import { DialogHandle, DialogOpenOptions } from './dialog/dialog.types';
+export interface DialogEnvironment {
+    beforeMount?: (root: HTMLElement) => void;
+    onOpen?: (options: DialogOpenOptions) => void;
+    restoreFocus?: (explicit?: HTMLElement, previous?: HTMLElement) => void;
+}
+/** Standalone modal lifecycle. Integration hooks belong to the host application. */
+export declare class DialogController {
+    private readonly document;
+    private readonly environment;
+    private active?;
+    constructor(document: Document, environment?: DialogEnvironment);
+    get isOpen(): boolean;
+    open(options: DialogOpenOptions): DialogHandle;
+    close(root?: HTMLElement): void;
+    destroy(): void;
+}
+export { PopoverController, TooltipController, createTooltipElement, type PopoverOptions, } from './core/popover-controller';
+/** Keyboard behavior for menu surfaces; activation stays on native buttons. */
+export declare function attachMenuKeyboard(menu: HTMLElement, onClose?: () => void, options?: {
+    closeOnEscape?: boolean;
+}): () => void;
+export interface ResizeOptions {
+    value: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    label: string;
+    /** Rejects a proposed width without changing the handle's current value. */
+    acceptValue?: (value: number) => boolean;
+    onChange: (value: number) => void;
+    direction?: 'ltr' | 'rtl';
+}
+/** Width resize controller. An options reader keeps controlled updates from interrupting a drag. */
+export declare function attachResizeHandle(handle: HTMLElement, options: ResizeOptions | (() => ResizeOptions)): () => void;
+export { useTooltip, ControlTooltip } from './core/tooltip';
+export { prepareTooltipSurface, ensureTooltipStyles, } from './core/tooltip-surface';
+export { TooltipText } from './core/tooltip-text';

package/surfaces.js

@@ -1,13 +1,13 @@
-import { calculateAnchoredPopoverPosition as e } from "./core/anchored-popover.js";
-import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
-import { createPreactElement as n, releasePreactElement as r } from "./preact-mount.js";
-import { createControlId as i } from "./core/control-id.js";
-import { hideTopLayerPopup as a, showTopLayerPopup as o } from "./core/top-layer-popup.js";
-import { inheritUiMotion as s } from "./core/motion.js";
-import { createDialogElements as c, getDialogFocusableElements as l, trapDialogFocus as u } from "./dialog/dialog.dom.js";
-import { attachDialogDrag as d } from "./dialog/dialog.drag.js";
-//#region src/surfaces.view.tsx
-var f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = class {
+import { releasePreactElement as e } from "./preact-mount.js";
+import { c as t, s as n } from "./_chunks/top-layer-popup-CNSDdfJV.js";
+import { inheritUiMotion as r } from "./core/motion.js";
+import { n as i, r as a, t as o } from "./_chunks/popover-controller-D-AvKQ7B.js";
+import { r as s, t as c } from "./_chunks/tooltip-D4xkio5G.js";
+import { createDialogElements as l, getDialogFocusableElements as u, trapDialogFocus as d } from "./dialog/dialog.dom.js";
+import { attachDialogDrag as f } from "./dialog/dialog.drag.js";
+import { t as p } from "./_chunks/tooltip-text-BXsUEmBH.js";
+//#region src/surfaces.tsx
+var m = /* @__PURE__ */ new WeakMap(), h = class {
 	document;
 	environment;
 	active;
@@ -17,33 +17,33 @@ var f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = cl
 	get isOpen() {
 		return !!this.active;
 	}
-	open(e) {
+	open(t) {
 		this.close();
-		let t = this.document, n = t.activeElement, i = !1, a, o, f = p.get(t) ?? [];
-		p.set(t, f);
-		let m = () => {
-			if (i) return;
-			i = !0, a?.(), o?.(), r(h.root);
-			let t = f.indexOf(h.root), s = t === f.length - 1;
-			t !== -1 && f.splice(t, 1), this.active?.root === h.root && (this.active = void 0);
+		let n = this.document, i = n.activeElement, a = !1, o, s, c = m.get(n) ?? [];
+		m.set(n, c);
+		let p = () => {
+			if (a) return;
+			a = !0, o?.(), s?.(), e(h.root);
+			let n = c.indexOf(h.root), r = n === c.length - 1;
+			n !== -1 && c.splice(n, 1), this.active?.root === h.root && (this.active = void 0);
 			try {
-				e.onClose?.();
+				t.onClose?.();
 			} finally {
-				s && (this.environment.restoreFocus ? this.environment.restoreFocus(e.returnFocus, n ?? void 0) : [e.returnFocus, n].find((e) => e?.isConnected)?.focus?.({ preventScroll: !0 }));
+				r && (this.environment.restoreFocus ? this.environment.restoreFocus(t.returnFocus, i ?? void 0) : [t.returnFocus, i].find((e) => e?.isConnected)?.focus?.({ preventScroll: !0 }));
 			}
-		}, h = c(t, e, m), g = {
+		}, h = l(n, t, p), g = {
 			...h,
-			close: m
+			close: p
 		};
-		return this.environment.beforeMount?.(h.root), o = s(e.returnFocus ?? n, h.root), h.root.addEventListener("mousedown", (e) => {
-			e.target === h.root && f.at(-1) === h.root && m();
+		return this.environment.beforeMount?.(h.root), s = r(t.returnFocus ?? i, h.root), h.root.addEventListener("mousedown", (e) => {
+			e.target === h.root && c.at(-1) === h.root && p();
 		}), h.root.addEventListener("keydown", (e) => {
-			f.at(-1) === h.root && (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), m()) : e.key === "Tab" && u(h.root, e));
-		}), t.body.append(h.root), f.push(h.root), e.draggable !== !1 && (a = d({
+			c.at(-1) === h.root && (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), p()) : e.key === "Tab" && d(h.root, e));
+		}), n.body.append(h.root), c.push(h.root), t.draggable !== !1 && (o = f({
 			target: h.surface,
 			handle: h.header
-		})), this.active = g, this.environment.onOpen?.(e), queueMicrotask(() => {
-			!i && f.at(-1) === h.root && (l(h.root)[0] ?? h.root).focus({ preventScroll: !0 });
+		})), this.active = g, this.environment.onOpen?.(t), queueMicrotask(() => {
+			!a && c.at(-1) === h.root && (u(h.root)[0] ?? h.root).focus({ preventScroll: !0 });
 		}), g;
 	}
 	close(e) {
@@ -52,123 +52,26 @@ var f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = cl
 	destroy() {
 		this.close();
 	}
-}, h = class {
-	active;
-	get isOpen() {
-		return !!this.active;
-	}
-	open(t) {
-		this.close(!1);
-		let { anchor: n, content: r } = t, i = n.ownerDocument, c = i.defaultView, l = f.get(i) ?? [];
-		f.set(i, l);
-		let u = r.parentNode, d = r.nextSibling, p = r.hidden, m = r.getAttribute("style"), h = r.getAttribute("popover"), g = s(n, r), _ = () => {
-			if (!n.isConnected) {
-				b(!1);
-				return;
-			}
-			let t = e(n.getBoundingClientRect(), r.getBoundingClientRect(), {
-				width: i.documentElement.clientWidth || c?.innerWidth || 0,
-				height: i.documentElement.clientHeight || c?.innerHeight || 0
-			});
-			Object.assign(r.style, {
-				left: `${t.left}px`,
-				top: `${t.top}px`
-			});
-		}, v, y = !1, b = (e = t.restoreFocus !== !1) => {
-			if (y) return;
-			y = !0, i.removeEventListener("pointerdown", x, !0), i.removeEventListener("keydown", S), c?.removeEventListener("resize", _), i.removeEventListener("scroll", _, !0), C?.disconnect();
-			let o = l.indexOf(r);
-			o !== -1 && l.splice(o, 1), a(r, v), g(), u?.isConnected ? u.insertBefore(r, d?.parentNode === u ? d : null) : r.remove(), m === null ? r.removeAttribute("style") : r.setAttribute("style", m), r.hidden = p, h === null ? r.removeAttribute("popover") : r.setAttribute("popover", h), this.active?.content === r && (this.active = void 0), e && n.isConnected && n.focus({ preventScroll: !0 }), t.onClose?.();
-		}, x = (e) => {
-			if (l.at(-1) !== r) return;
-			let i = e.composedPath();
-			t.closeOnOutside !== !1 && !i.includes(n) && !i.includes(r) && b(!1);
-		}, S = (e) => {
-			l.at(-1) === r && e.key === "Escape" && t.closeOnEscape !== !1 && !e.defaultPrevented && (e.preventDefault(), e.stopPropagation(), b());
-		};
-		(t.appendTo ?? i.body).append(r), r.hidden = !1, Object.assign(r.style, {
-			position: "fixed",
-			inset: "auto",
-			margin: "0"
-		}), v = o(r, t.display ?? "block");
-		let C = c?.ResizeObserver ? new c.ResizeObserver(_) : void 0;
-		return C?.observe(n), C?.observe(r), this.active = {
-			content: r,
-			close: b,
-			position: _
-		}, l.push(r), i.addEventListener("pointerdown", x, !0), i.addEventListener("keydown", S), c?.addEventListener("resize", _), i.addEventListener("scroll", _, !0), _(), {
-			close: b,
-			refresh: _
-		};
-	}
-	refresh() {
-		this.active?.position();
-	}
-	close(e) {
-		this.active?.close(e);
-	}
-	destroy() {
-		this.close(!1);
-	}
-};
-function g(e, r = "grid-tooltip") {
-	return n(e, /* @__PURE__ */ t("div", {
-		id: i("rv-tooltip"),
-		class: r,
-		role: "tooltip",
-		hidden: !0
-	}));
-}
-var _ = /* @__PURE__ */ new WeakMap(), v = class {
-	popover = new h();
-	release;
-	bind(e, t, n = {}) {
-		this.destroy();
-		let i = g(e.ownerDocument, "rv-tooltip");
-		i.textContent = t;
-		let a = () => {
-			_.get(e.ownerDocument) === o && _.delete(e.ownerDocument);
-		}, o = () => {
-			a(), this.popover.close(!1), i.hidden = !0, e.setAttribute("aria-describedby", s ?? ""), s === null && e.removeAttribute("aria-describedby");
-		}, s = e.getAttribute("aria-describedby"), c = n.trigger === "click", l = e.getAttribute("aria-expanded");
-		c && e.setAttribute("aria-expanded", "false");
-		let u = () => {
-			this.popover.isOpen || (_.get(e.ownerDocument)?.(), _.set(e.ownerDocument, o), i.hidden = !1, c && e.setAttribute("aria-expanded", "true"), e.setAttribute("aria-describedby", [s, i.id].filter(Boolean).join(" ")), this.popover.open({
-				anchor: e,
-				content: i,
-				restoreFocus: !1,
-				onClose: () => {
-					a(), i.hidden = !0, c && e.setAttribute("aria-expanded", "false"), s === null ? e.removeAttribute("aria-describedby") : e.setAttribute("aria-describedby", s);
-				}
-			}));
-		}, d = () => this.popover.isOpen ? o() : u();
-		return c ? e.addEventListener("click", d) : (e.addEventListener("pointerenter", u), e.addEventListener("pointerleave", o), e.addEventListener("focus", u), e.addEventListener("blur", o)), this.release = () => {
-			o(), e.removeEventListener("click", d), c && (l === null ? e.removeAttribute("aria-expanded") : e.setAttribute("aria-expanded", l)), e.removeEventListener("pointerenter", u), e.removeEventListener("pointerleave", o), e.removeEventListener("focus", u), e.removeEventListener("blur", o), r(i);
-		}, () => this.destroy();
-	}
-	destroy() {
-		this.release?.(), this.release = void 0, this.popover.destroy();
-	}
 };
-function y(e, t = () => {}) {
-	let n = (n) => {
-		let r = Array.from(e.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]")).filter((t) => t.closest("[role=\"menu\"]") === e && t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && !t.hidden), i = r.indexOf(e.ownerDocument.activeElement);
+function g(e, t = () => {}, n = {}) {
+	let r = (r) => {
+		let i = Array.from(e.querySelectorAll("[role=\"menuitem\"], [role=\"menuitemcheckbox\"], [role=\"menuitemradio\"]")).filter((t) => t.closest("[role=\"menu\"]") === e && t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && !t.hidden), a = i.indexOf(e.ownerDocument.activeElement);
 		[
 			"ArrowDown",
 			"ArrowUp",
 			"Home",
 			"End"
-		].includes(n.key) && r.length ? (n.preventDefault(), n.stopPropagation(), r[n.key === "Home" ? 0 : n.key === "End" ? r.length - 1 : (i + (n.key === "ArrowUp" ? -1 : 1) + r.length) % r.length]?.focus()) : n.key === "Escape" && (n.preventDefault(), n.stopPropagation(), t());
+		].includes(r.key) && i.length ? (r.preventDefault(), r.stopPropagation(), i[r.key === "Home" ? 0 : r.key === "End" ? i.length - 1 : (a + (r.key === "ArrowUp" ? -1 : 1) + i.length) % i.length]?.focus()) : r.key === "Escape" && n.closeOnEscape !== !1 && (r.preventDefault(), r.stopPropagation(), t());
 	};
-	return e.addEventListener("keydown", n), () => e.removeEventListener("keydown", n);
+	return e.addEventListener("keydown", r), () => e.removeEventListener("keydown", r);
 }
-function b(e, t) {
+function _(e, t) {
 	let n = typeof t == "function" ? t : () => t, r = n().value, i = r, a = () => {
 		let e = n();
 		return e.value !== i && (i = e.value, r = e.value), e;
 	}, o = () => {}, s = (t) => {
-		let n = a();
-		r = Math.min(n.max ?? Infinity, Math.max(n.min ?? 0, t)), e.setAttribute("aria-valuenow", String(r)), n.onChange(r);
+		let n = a(), i = Math.min(n.max ?? Infinity, Math.max(n.min ?? 0, t));
+		n.acceptValue?.(i) !== !1 && (r = i, e.setAttribute("aria-valuenow", String(r)), n.onChange(r));
 	}, c = n();
 	e.setAttribute("role", "separator"), e.setAttribute("aria-orientation", "vertical"), e.setAttribute("aria-label", c.label), e.tabIndex = 0, e.setAttribute("aria-valuenow", String(r)), c.min !== void 0 && e.setAttribute("aria-valuemin", String(c.min)), c.max !== void 0 && e.setAttribute("aria-valuemax", String(c.max));
 	let l = (e) => {
@@ -195,4 +98,4 @@ function b(e, t) {
 	};
 }
 //#endregion
-export { m as DialogController, h as PopoverController, v as TooltipController, y as attachMenuKeyboard, b as attachResizeHandle, g as createTooltipElement };
+export { c as ControlTooltip, h as DialogController, o as PopoverController, i as TooltipController, p as TooltipText, g as attachMenuKeyboard, _ as attachResizeHandle, a as createTooltipElement, n as ensureTooltipStyles, t as prepareTooltipSurface, s as useTooltip };

package/svelte/UiComponent.server.js

@@ -8,8 +8,6 @@ import {
 	withFrameworkContent
 } from '../framework.js';
 
-import { controlAttributes } from '../control-attributes.js';
-
 export default function UiComponent($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let {
@@ -47,52 +45,7 @@ export default function UiComponent($$renderer, $$props) {
 			};
 		}
 
-		function nativeChange(event) {
-			props.onChange?.(event);
-
-			if (event.defaultPrevented) return;
-
-			const value = event.currentTarget.value;
-
-			props.onValueChange?.(value);
-			onValueChange?.(value);
-		}
-
-		let selectProps = $.derived(() => {
-			const { onChange, onValueChange, ...rest } = props;
-
-			return controlAttributes('select', rest);
-		});
-
-		$$renderer.push(`<span style="display: contents"${$.attr('data-rv-svelte-host', component)}></span> `);
-
-		if (component === 'NativeSelect') {
-			$$renderer.push('<!--[0-->');
-
-			$$renderer.select(
-				{ ...selectProps(), onchange: nativeChange },
-				($$renderer) => {
-					if (children) {
-						$$renderer.push('<!--[0-->');
-						children($$renderer, {});
-						$$renderer.push(`<!---->`);
-					} else {
-						$$renderer.push('<!--[-1-->');
-					}
-
-					$$renderer.push(`<!--]-->`);
-				},
-				void 0,
-				void 0,
-				void 0,
-				void 0,
-				true
-			);
-		} else {
-			$$renderer.push('<!--[-1-->');
-		}
-
-		$$renderer.push(`<!--]--> <!--[-->`);
+		$$renderer.push(`<span style="display: contents"${$.attr('data-rv-svelte-host', component)}></span> <!--[-->`);
 
 		const each_array = $.ensure_array_like(targets);
 

package/svelte/UiComponent.svelte

@@ -1,18 +1,35 @@
 <script lang="ts">
   import { onMount, untrack, type Snippet } from 'svelte';
-  import { uiComponents, componentModels, createFrameworkMount, withFrameworkContent, type UiContentTarget, type UiFrameworkMount } from '../framework';
-  import { controlAttributes } from '../control-attributes';
+  import {
+    uiComponents,
+    componentModels,
+    createFrameworkMount,
+    withFrameworkContent,
+    type UiContentTarget,
+    type UiFrameworkMount,
+  } from '../framework';
   import type { SvelteUiProps } from '../svelte-props';
 
-  let { component, props = {}, children, slots = {}, onValueChange, onUiEvent }: SvelteUiProps = $props();
+  let {
+    component,
+    props = {},
+    children,
+    slots = {},
+    onValueChange,
+    onUiEvent,
+  }: SvelteUiProps = $props();
   type Content = Snippet<[Record<string, unknown>]>;
   let host: HTMLSpanElement;
   let targets = $state.raw<UiContentTarget<Content>[]>([]);
   let mount = $state.raw<UiFrameworkMount<Content>>();
   onMount(() => {
-    const current = createFrameworkMount<Content>(host, next => { targets = next; });
+    const current = createFrameworkMount<Content>(host, (next) => {
+      targets = next;
+    });
     mount = current;
-    return () => { current.destroy(); };
+    return () => {
+      current.destroy();
+    };
   });
   $effect(() => {
     const next = { ...props };
@@ -21,13 +38,12 @@
     const change = onValueChange;
     const event = onUiEvent;
     const renderer = mount;
-    if (name === 'NativeSelect') {
-      untrack(() => { renderer?.render(() => null, {}); });
-      return;
-    }
     const model = componentModels[name];
-    const callbacks = new Set([...Object.keys(next).filter(key => /^on[A-Z]/.test(key)),
-      'onClose', ...(model ? [model.callback] : [])]);
+    const callbacks = new Set([
+      ...Object.keys(next).filter((key) => /^on[A-Z]/.test(key)),
+      'onClose',
+      ...(model ? [model.callback] : []),
+    ]);
     for (const key of callbacks) {
       const original = next[key];
       next[key] = (...args: unknown[]) => {
@@ -37,34 +53,30 @@
         return result;
       };
     }
-    untrack(() => renderer?.render(uiComponents[name], next,
-      (props, content) => withFrameworkContent(name, props, contents, content)));
+    untrack(() =>
+      renderer?.render(uiComponents[name], next, (props, content) =>
+        withFrameworkContent(name, props, contents, content),
+      ),
+    );
   });
   function portal(node: HTMLElement, target: HTMLElement) {
     target.appendChild(node);
-    return { update(next: HTMLElement) { next.appendChild(node); } };
-  }
-  function nativeChange(event: Event) {
-    props.onChange?.(event);
-    if (event.defaultPrevented) return;
-    const value = (event.currentTarget as HTMLSelectElement).value;
-    props.onValueChange?.(value);
-    onValueChange?.(value);
+    return {
+      update(next: HTMLElement) {
+        next.appendChild(node);
+      },
+    };
   }
-  let selectProps = $derived.by(() => {
-    const { onChange, onValueChange, ...rest } = props;
-    return controlAttributes('select', rest);
-  });
 </script>
 
-<span bind:this={host} style="display: contents" data-rv-svelte-host={component}></span>
-{#if component === 'NativeSelect'}
-  <select {...selectProps} onchange={nativeChange}>
-    {#if children}{@render children({})}{/if}
-  </select>
-{/if}
+<span bind:this={host} style="display: contents" data-rv-svelte-host={component}
+></span>
 {#each targets as target (target.id)}
-  <span use:portal={target.element} style="display: contents" data-rv-svelte-content>
+  <span
+    use:portal={target.element}
+    style="display: contents"
+    data-rv-svelte-content
+  >
     {@render target.content(target.scope)}
   </span>
 {/each}

package/svelte.d.ts

@@ -5,5 +5,5 @@ export type { SvelteUiProps } from './svelte-props';
 export type { UiComponentName, UiComponentProps } from './component-catalog';
 export type { PdfViewerProps, PdfViewerText } from './pdf-viewer/component';
 export type { PdfViewerToolbarProps } from './pdf-viewer/toolbar';
-export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig } from './pdf-viewer/toolbar-options';
+export type { PdfViewerButton, PdfViewerButtonOptions, PdfViewerToolbarOptions, PdfViewerToolbarConfig, } from './pdf-viewer/toolbar-options';
 export { defaultPdfViewerText } from './pdf-viewer/translations';

package/svelte.js

@@ -1,93 +1,58 @@
-import { controlAttributes as e } from "./control-attributes.js";
-import { i as t } from "./_chunks/component-YDcfoOLz.js";
-import { t as n } from "./_chunks/component-metadata-BENbgTjU.js";
-import { n as r, t as i } from "./_chunks/framework-mount-C-Zwm44H.js";
-import { uiComponents as a } from "./framework.js";
+import { i as e } from "./_chunks/component-CfeHXgIw.js";
+import { t } from "./_chunks/component-metadata-BKd7U8OW.js";
+import { n, t as r } from "./_chunks/framework-mount-Bk4O_T7T.js";
+import { uiComponents as i } from "./framework.js";
 import "svelte/internal/disclose-version";
-import * as o from "svelte/internal/client";
-import { onMount as s, untrack as c } from "svelte";
+import * as a from "svelte/internal/client";
+import { onMount as o, untrack as s } from "svelte";
 //#region src/svelte/UiComponent.svelte
-var l = o.from_html("<!>", 1), u = o.from_html("<select><!></select>"), d = o.from_html("<span style=\"display: contents\" data-rv-svelte-content=\"\"><!></span>"), f = o.from_html("<span style=\"display: contents\"></span> <!> <!>", 1);
-function p(t, p) {
-	o.push(p, !0);
-	let m = o.prop(p, "props", 19, () => ({})), h = o.prop(p, "slots", 19, () => ({})), g, _ = o.state([]), v = o.state(void 0);
-	s(() => {
-		let e = i(g, (e) => {
-			o.set(_, e);
+var c = a.from_html("<span style=\"display: contents\" data-rv-svelte-content=\"\"><!></span>"), l = a.from_html("<span style=\"display: contents\"></span> <!>", 1);
+function u(e, u) {
+	a.push(u, !0);
+	let d = a.prop(u, "props", 19, () => ({})), f = a.prop(u, "slots", 19, () => ({})), p, m = a.state([]), h = a.state(void 0);
+	o(() => {
+		let e = r(p, (e) => {
+			a.set(m, e);
 		});
-		return o.set(v, e), () => {
+		return a.set(h, e), () => {
 			e.destroy();
 		};
-	}), o.user_effect(() => {
-		let e = { ...m() }, t = p.component, i = {
-			...h(),
-			...p.children ? { default: p.children } : {}
-		}, s = p.onValueChange, l = p.onUiEvent, u = o.get(v);
-		if (t === "NativeSelect") {
-			c(() => {
-				u?.render(() => null, {});
-			});
-			return;
-		}
-		let d = n[t], f = /* @__PURE__ */ new Set([
+	}), a.user_effect(() => {
+		let e = { ...d() }, r = u.component, o = {
+			...f(),
+			...u.children ? { default: u.children } : {}
+		}, c = u.onValueChange, l = u.onUiEvent, p = a.get(h), m = t[r], g = /* @__PURE__ */ new Set([
 			...Object.keys(e).filter((e) => /^on[A-Z]/.test(e)),
 			"onClose",
-			...d ? [d.callback] : []
+			...m ? [m.callback] : []
 		]);
-		for (let t of f) {
+		for (let t of g) {
 			let n = e[t];
 			e[t] = (...e) => {
 				let r = n?.(...e);
-				return t === d?.callback && s?.(e[0]), l?.({
+				return t === m?.callback && c?.(e[0]), l?.({
 					name: t,
 					args: e
 				}), r;
 			};
 		}
-		c(() => u?.render(a[t], e, (e, n) => r(t, e, i, n)));
+		s(() => p?.render(i[r], e, (e, t) => n(r, e, o, t)));
 	});
-	function y(e, t) {
+	function g(e, t) {
 		return t.appendChild(e), { update(t) {
 			t.appendChild(e);
 		} };
 	}
-	function b(e) {
-		if (m().onChange?.(e), e.defaultPrevented) return;
-		let t = e.currentTarget.value;
-		m().onValueChange?.(t), p.onValueChange?.(t);
-	}
-	let x = o.derived(() => {
-		let { onChange: t, onValueChange: n, ...r } = m();
-		return e("select", r);
-	});
-	var S = f(), C = o.first_child(S);
-	o.bind_this(C, (e) => g = e, () => g);
-	var w = o.sibling(C, 2), T = (e) => {
-		var t = u();
-		o.attribute_effect(t, () => ({
-			...o.get(x),
-			onchange: b
-		})), o.customizable_select(t, () => {
-			var e = o.child(t), n = l(), r = o.first_child(n), i = (e) => {
-				var t = o.comment(), n = o.first_child(t);
-				o.snippet(n, () => p.children, () => ({})), o.append(e, t);
-			};
-			o.if(r, (e) => {
-				p.children && e(i);
-			}), o.append(e, n);
-		}), o.append(e, t);
-	};
-	o.if(w, (e) => {
-		p.component === "NativeSelect" && e(T);
-	});
-	var E = o.sibling(w, 2);
-	o.each(E, 17, () => o.get(_), (e) => e.id, (e, t) => {
-		var n = d(), r = o.child(n);
-		o.snippet(r, () => o.get(t).content, () => o.get(t).scope), o.reset(n), o.action(n, (e, t) => y?.(e, t), () => o.get(t).element), o.append(e, n);
-	}), o.template_effect(() => o.set_attribute(C, "data-rv-svelte-host", p.component)), o.append(t, S), o.pop();
+	var _ = l(), v = a.first_child(_);
+	a.bind_this(v, (e) => p = e, () => p);
+	var y = a.sibling(v, 2);
+	a.each(y, 17, () => a.get(m), (e) => e.id, (e, t) => {
+		var n = c(), r = a.child(n);
+		a.snippet(r, () => a.get(t).content, () => a.get(t).scope), a.reset(n), a.action(n, (e, t) => g?.(e, t), () => a.get(t).element), a.append(e, n);
+	}), a.template_effect(() => a.set_attribute(v, "data-rv-svelte-host", u.component)), a.append(e, _), a.pop();
 }
 //#endregion
 //#region src/svelte.ts
-var m = p;
+var d = u;
 //#endregion
-export { m as UiComponent, t as defaultPdfViewerText };
+export { d as UiComponent, e as defaultPdfViewerText };

package/switch/index.js

@@ -1,26 +1,27 @@
 import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t } from "../_chunks/native-control-B_fVA5bL.js";
 //#region src/switch/index.tsx
-function t({ checked: t, onChange: n, label: r, ariaLabel: i, className: a = "", disabled: o = !1, labelPosition: s = "before", title: c, testId: l }) {
-	let u = /* @__PURE__ */ e("span", {
+function n({ checked: n, onChange: r, label: i, ariaLabel: a, className: o = "", disabled: s = !1, labelPosition: c = "before", title: l, testId: u }) {
+	let d = /* @__PURE__ */ e("span", {
 		class: "rv-switch-label",
-		children: r
-	}), d = /* @__PURE__ */ e("span", {
+		children: i
+	}), f = /* @__PURE__ */ e("span", {
 		class: "rv-switch-track",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ e("span", { class: "rv-switch-thumb" })
 	});
-	return /* @__PURE__ */ e("button", {
+	return /* @__PURE__ */ e(t, {
 		type: "button",
-		class: `rv-switch ${a}`.trim(),
+		class: `rv-switch ${o}`.trim(),
 		role: "switch",
-		"aria-checked": t,
-		"aria-label": i ?? (typeof r == "string" ? r : void 0),
-		disabled: o,
-		title: c,
-		"data-testid": l,
-		onClick: () => n(!t),
-		children: [s === "before" ? u : d, s === "before" ? d : u]
+		"aria-checked": n,
+		"aria-label": a ?? (typeof i == "string" ? i : void 0),
+		disabled: s,
+		title: l,
+		"data-testid": u,
+		onClick: () => r(!n),
+		children: [c === "before" ? d : f, c === "before" ? f : d]
 	});
 }
 //#endregion
-export { t as Switch };
+export { n as Switch };

package/time-grid.d.ts

@@ -11,7 +11,6 @@ export interface TimeGridDayLabel {
 }
 export interface TimeGridProps {
     readonly disabled?: boolean;
-    readonly legacyClassPrefix?: string;
     readonly days: readonly TimeGridDayLabel[];
     readonly cells: ReadonlySet<string>;
     readonly focused: string;