@revolist/ui 4.0.1-rc → 4.0.3-rc

package/surfaces.js

@@ -1,11 +1,11 @@
 import { calculateAnchoredPopoverPosition as e } from "./core/anchored-popover.js";
-import { createPreactElement as t, releasePreactElement as n } from "./preact-mount.js";
-import { createControlId as r } from "./core/control-id.js";
-import { hideTopLayerPopup as i, showTopLayerPopup as a } from "./core/top-layer-popup.js";
-import { inheritUiMotion as o } from "./core/motion.js";
-import { createDialogElements as s, getDialogFocusableElements as c, trapDialogFocus as l } from "./dialog/dialog.dom.js";
-import { attachDialogDrag as u } from "./dialog/dialog.drag.js";
-import { jsx as d } from "preact/jsx-runtime";
+import { t } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { inheritUiMotion as n } from "./core/motion.js";
+import { hideTopLayerPopup as r, showTopLayerPopup as i } from "./core/top-layer-popup.js";
+import { createPreactElement as a, releasePreactElement as o } from "./preact-mount.js";
+import { createControlId as s } from "./core/control-id.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 {
 	document;
@@ -19,31 +19,31 @@ var f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = cl
 	}
 	open(e) {
 		this.close();
-		let t = this.document, r = t.activeElement, i = !1, a, d, f = p.get(t) ?? [];
+		let t = this.document, r = t.activeElement, i = !1, a, s, f = p.get(t) ?? [];
 		p.set(t, f);
 		let m = () => {
 			if (i) return;
-			i = !0, a?.(), d?.(), n(h.root);
-			let t = f.indexOf(h.root), o = t === f.length - 1;
+			i = !0, a?.(), s?.(), o(h.root);
+			let t = f.indexOf(h.root), n = t === f.length - 1;
 			t !== -1 && f.splice(t, 1), this.active?.root === h.root && (this.active = void 0);
 			try {
 				e.onClose?.();
 			} finally {
-				o && (this.environment.restoreFocus ? this.environment.restoreFocus(e.returnFocus, r ?? void 0) : [e.returnFocus, r].find((e) => e?.isConnected)?.focus?.({ preventScroll: !0 }));
+				n && (this.environment.restoreFocus ? this.environment.restoreFocus(e.returnFocus, r ?? void 0) : [e.returnFocus, r].find((e) => e?.isConnected)?.focus?.({ preventScroll: !0 }));
 			}
-		}, h = s(t, e, m), g = {
+		}, h = c(t, e, m), g = {
 			...h,
 			close: m
 		};
-		return this.environment.beforeMount?.(h.root), d = o(e.returnFocus ?? r, h.root), h.root.addEventListener("mousedown", (e) => {
+		return this.environment.beforeMount?.(h.root), s = n(e.returnFocus ?? r, h.root), h.root.addEventListener("mousedown", (e) => {
 			e.target === h.root && f.at(-1) === h.root && m();
 		}), h.root.addEventListener("keydown", (e) => {
-			f.at(-1) === h.root && (e.key === "Escape" ? (e.preventDefault(), e.stopPropagation(), m()) : e.key === "Tab" && l(h.root, e));
-		}), t.body.append(h.root), f.push(h.root), e.draggable !== !1 && (a = u({
+			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({
 			target: h.surface,
 			handle: h.header
 		})), this.active = g, this.environment.onOpen?.(e), queueMicrotask(() => {
-			!i && f.at(-1) === h.root && (c(h.root)[0] ?? h.root).focus({ preventScroll: !0 });
+			!i && f.at(-1) === h.root && (l(h.root)[0] ?? h.root).focus({ preventScroll: !0 });
 		}), g;
 	}
 	close(e) {
@@ -59,44 +59,44 @@ var f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = cl
 	}
 	open(t) {
 		this.close(!1);
-		let { anchor: n, content: r } = t, s = n.ownerDocument, c = s.defaultView, l = f.get(s) ?? [];
+		let { anchor: a, content: o } = t, s = a.ownerDocument, c = s.defaultView, l = f.get(s) ?? [];
 		f.set(s, l);
-		let u = r.parentNode, d = r.nextSibling, p = r.hidden, m = r.getAttribute("style"), h = r.getAttribute("popover"), g = o(n, r), _ = () => {
-			if (!n.isConnected) {
+		let u = o.parentNode, d = o.nextSibling, p = o.hidden, m = o.getAttribute("style"), h = o.getAttribute("popover"), g = n(a, o), _ = () => {
+			if (!a.isConnected) {
 				b(!1);
 				return;
 			}
-			let t = e(n.getBoundingClientRect(), r.getBoundingClientRect(), {
+			let t = e(a.getBoundingClientRect(), o.getBoundingClientRect(), {
 				width: s.documentElement.clientWidth || c?.innerWidth || 0,
 				height: s.documentElement.clientHeight || c?.innerHeight || 0
 			});
-			Object.assign(r.style, {
+			Object.assign(o.style, {
 				left: `${t.left}px`,
 				top: `${t.top}px`
 			});
 		}, v, y = !1, b = (e = t.restoreFocus !== !1) => {
 			if (y) return;
-			y = !0, s.removeEventListener("pointerdown", x, !0), s.removeEventListener("keydown", S), c?.removeEventListener("resize", _), s.removeEventListener("scroll", _, !0), C?.disconnect();
-			let a = l.indexOf(r);
-			a !== -1 && l.splice(a, 1), i(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?.();
+			y = !0, s.removeEventListener("pointerdown", x, !0), o.removeEventListener("keydown", S), s.removeEventListener("keydown", S), c?.removeEventListener("resize", _), s.removeEventListener("scroll", _, !0), C?.disconnect();
+			let n = l.indexOf(o);
+			n !== -1 && l.splice(n, 1), r(o, v), g(), u?.isConnected ? u.insertBefore(o, d?.parentNode === u ? d : null) : o.remove(), m === null ? o.removeAttribute("style") : o.setAttribute("style", m), o.hidden = p, h === null ? o.removeAttribute("popover") : o.setAttribute("popover", h), this.active?.content === o && (this.active = void 0), e && a.isConnected && a.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);
+			if (l.at(-1) !== o) return;
+			let n = e.composedPath();
+			t.closeOnOutside !== !1 && !n.includes(a) && !n.includes(o) && b(!1);
 		}, S = (e) => {
-			l.at(-1) === r && e.key === "Escape" && t.closeOnEscape !== !1 && !e.defaultPrevented && (e.preventDefault(), e.stopPropagation(), b());
+			l.at(-1) === o && e.key === "Escape" && t.closeOnEscape !== !1 && !e.defaultPrevented && (e.preventDefault(), e.stopPropagation(), b());
 		};
-		(t.appendTo ?? s.body).append(r), r.hidden = !1, Object.assign(r.style, {
+		(t.appendTo ?? s.body).append(o), o.hidden = !1, Object.assign(o.style, {
 			position: "fixed",
 			inset: "auto",
 			margin: "0"
-		}), v = a(r, t.display ?? "block");
+		}), v = i(o, t.display ?? "block");
 		let C = c?.ResizeObserver ? new c.ResizeObserver(_) : void 0;
-		return C?.observe(n), C?.observe(r), this.active = {
-			content: r,
+		return C?.observe(a), C?.observe(o), this.active = {
+			content: o,
 			close: b,
 			position: _
-		}, l.push(r), s.addEventListener("pointerdown", x, !0), s.addEventListener("keydown", S), c?.addEventListener("resize", _), s.addEventListener("scroll", _, !0), _(), {
+		}, l.push(o), s.addEventListener("pointerdown", x, !0), o.addEventListener("keydown", S), s.addEventListener("keydown", S), c?.addEventListener("resize", _), s.addEventListener("scroll", _, !0), _(), {
 			close: b,
 			refresh: _
 		};
@@ -112,8 +112,8 @@ var f = /* @__PURE__ */ new WeakMap(), p = /* @__PURE__ */ new WeakMap(), m = cl
 	}
 };
 function g(e, n = "grid-tooltip") {
-	return t(e, /* @__PURE__ */ d("div", {
-		id: r("rv-tooltip"),
+	return a(e, /* @__PURE__ */ t("div", {
+		id: s("rv-tooltip"),
 		class: n,
 		role: "tooltip",
 		hidden: !0
@@ -122,28 +122,28 @@ function g(e, n = "grid-tooltip") {
 var _ = /* @__PURE__ */ new WeakMap(), v = class {
 	popover = new h();
 	release;
-	bind(e, t, r = {}) {
+	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 = r.trigger === "click", l = e.getAttribute("aria-expanded");
+		let r = g(e.ownerDocument, "rv-tooltip");
+		r.textContent = t;
+		let i = () => {
+			_.get(e.ownerDocument) === a && _.delete(e.ownerDocument);
+		}, a = () => {
+			i(), this.popover.close(!1), r.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({
+			this.popover.isOpen || (_.get(e.ownerDocument)?.(), _.set(e.ownerDocument, a), r.hidden = !1, c && e.setAttribute("aria-expanded", "true"), e.setAttribute("aria-describedby", [s, r.id].filter(Boolean).join(" ")), this.popover.open({
 				anchor: e,
-				content: i,
+				content: r,
 				restoreFocus: !1,
 				onClose: () => {
-					a(), i.hidden = !0, c && e.setAttribute("aria-expanded", "false"), s === null ? e.removeAttribute("aria-describedby") : e.setAttribute("aria-describedby", s);
+					i(), r.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), n(i);
+		}, d = () => this.popover.isOpen ? a() : u();
+		return c ? e.addEventListener("click", d) : (e.addEventListener("pointerenter", u), e.addEventListener("pointerleave", a), e.addEventListener("focus", u), e.addEventListener("blur", a)), this.release = () => {
+			a(), e.removeEventListener("click", d), c && (l === null ? e.removeAttribute("aria-expanded") : e.setAttribute("aria-expanded", l)), e.removeEventListener("pointerenter", u), e.removeEventListener("pointerleave", a), e.removeEventListener("focus", u), e.removeEventListener("blur", a), o(r);
 		}, () => this.destroy();
 	}
 	destroy() {

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,7 +1,6 @@
 <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 type { SvelteUiProps } from '../svelte-props';
 
   let { component, props = {}, children, slots = {}, onValueChange, onUiEvent }: SvelteUiProps = $props();
@@ -21,10 +20,6 @@
     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] : [])]);
@@ -44,25 +39,9 @@
     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);
-  }
-  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}
 {#each targets as target (target.id)}
   <span use:portal={target.element} style="display: contents" data-rv-svelte-content>
     {@render target.content(target.scope)}

package/svelte.js

@@ -1,93 +1,58 @@
-import { controlAttributes as e } from "./control-attributes.js";
-import { i as t } from "./_chunks/component-D4PH5UZT.js";
-import { t as n } from "./_chunks/component-metadata-BENbgTjU.js";
-import { n as r, t as i } from "./_chunks/framework-mount-BKIOsvY-.js";
-import { uiComponents as a } from "./framework.js";
+import { i as e } from "./_chunks/component-C_T2VN5u.js";
+import { t } from "./_chunks/component-metadata-BMOOmqx5.js";
+import { n, t as r } from "./_chunks/framework-mount--RTLIqE-.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,26 @@
-import { jsx as e, jsxs as t } from "preact/jsx-runtime";
+import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
 //#region src/switch/index.tsx
-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", {
+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", {
 		class: "rv-switch-label",
-		children: i
-	}), f = /* @__PURE__ */ e("span", {
+		children: r
+	}), d = /* @__PURE__ */ e("span", {
 		class: "rv-switch-track",
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ e("span", { class: "rv-switch-thumb" })
 	});
-	return /* @__PURE__ */ t("button", {
+	return /* @__PURE__ */ e("button", {
 		type: "button",
-		class: `rv-switch ${o}`.trim(),
+		class: `rv-switch ${a}`.trim(),
 		role: "switch",
-		"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]
+		"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]
 	});
 }
 //#endregion
-export { n as Switch };
+export { t as Switch };

package/time-grid.d.ts

@@ -1,4 +1,4 @@
-import { h, RefObject } from 'preact';
+import { h, RefObject } from './_vendor/preact/src/index';
 export interface TimeGridWorkingHours {
     readonly startHour: number;
     readonly endHour: number;

package/time-grid.js

@@ -1,80 +1,80 @@
-import { ButtonControl as e } from "./native-control.js";
-import { useLayoutEffect as t, useRef as n } from "preact/hooks";
-import { jsx as r, jsxs as i } from "preact/jsx-runtime";
+import { r as e, t } from "./_chunks/hooks.module-CG3gN83z.js";
+import { t as n } from "./_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as r } from "./_chunks/native-control-C_yok8_-.js";
 //#region src/time-grid.tsx
-var a = (e, t) => `${e}:${t}`;
-function o(e) {
+var i = (e, t) => `${e}:${t}`;
+function a(e) {
 	return [
 		"rv-time-grid__cell",
 		e.weekend && "is-weekend",
 		e.outsideWorkHours && "is-outside-work-hours"
 	].filter(Boolean).join(" ");
 }
-function s(t) {
-	let n = (e) => `rv-time-grid__${e}${t.legacyClassPrefix ? ` ${t.legacyClassPrefix}__${e}` : ""}`, s = Array.from({ length: 12 }, (e, t) => t * 2);
-	return /* @__PURE__ */ i("div", {
-		class: n("schedule"),
-		children: [/* @__PURE__ */ i("div", {
-			class: n("hours"),
+function o(e) {
+	let t = (t) => `rv-time-grid__${t}${e.legacyClassPrefix ? ` ${e.legacyClassPrefix}__${t}` : ""}`, o = Array.from({ length: 12 }, (e, t) => t * 2);
+	return /* @__PURE__ */ n("div", {
+		class: t("schedule"),
+		children: [/* @__PURE__ */ n("div", {
+			class: t("hours"),
 			"aria-hidden": "true",
-			children: [/* @__PURE__ */ r("span", {}), s.map((e) => /* @__PURE__ */ r("span", {
-				class: n("hour"),
-				children: t.hourLabel(e)
-			}, e))]
-		}), /* @__PURE__ */ r("div", {
-			ref: t.matrixRef,
-			class: n("matrix"),
+			children: [/* @__PURE__ */ n("span", {}), o.map((r) => /* @__PURE__ */ n("span", {
+				class: t("hour"),
+				children: e.hourLabel(r)
+			}, r))]
+		}), /* @__PURE__ */ n("div", {
+			ref: e.matrixRef,
+			class: t("matrix"),
 			role: "grid",
-			"aria-label": t.gridLabel,
-			"aria-rowcount": t.days.length,
+			"aria-label": e.gridLabel,
+			"aria-rowcount": e.days.length,
 			"aria-colcount": 12,
-			children: t.days.map((c) => {
-				let { weekday: l, short: u, long: d } = c, f = t.weekendDays.includes(l);
-				return /* @__PURE__ */ i("div", {
-					class: `${n("row")}${f ? " is-weekend" : ""}`,
+			children: e.days.map((s) => {
+				let { weekday: c, short: l, long: u } = s, d = e.weekendDays.includes(c);
+				return /* @__PURE__ */ n("div", {
+					class: `${t("row")}${d ? " is-weekend" : ""}`,
 					role: "row",
-					children: [/* @__PURE__ */ r("span", {
-						class: n("weekday"),
+					children: [/* @__PURE__ */ n("span", {
+						class: t("weekday"),
 						role: "rowheader",
-						title: d,
-						children: u
-					}), s.map((n) => {
-						let i = a(l, n), s = t.cells.has(i) || t.cells.has(a(l, n + 1)), u = t.workingHours ? n < t.workingHours.startHour || n + 2 > t.workingHours.endHour : !1;
-						return /* @__PURE__ */ r(e, {
+						title: u,
+						children: l
+					}), o.map((t) => {
+						let o = i(c, t), l = e.cells.has(o) || e.cells.has(i(c, t + 1)), u = e.workingHours ? t < e.workingHours.startHour || t + 2 > e.workingHours.endHour : !1;
+						return /* @__PURE__ */ n(r, {
 							type: "button",
-							disabled: t.disabled,
+							disabled: e.disabled,
 							role: "gridcell",
-							"data-time-cell": i,
-							class: `${o({
-								weekend: f,
+							"data-time-cell": o,
+							class: `${a({
+								weekend: d,
 								outsideWorkHours: u
-							})} ${t.legacyClassPrefix ? `${t.legacyClassPrefix}__cell` : ""}`,
-							"aria-selected": s,
-							"aria-label": t.cellLabel(c, t.hourLabel(n), t.hourLabel(n + 2), s),
-							tabIndex: t.focused === i ? 0 : -1,
-							onFocus: () => t.onFocus(i),
-							onKeyDown: (e) => t.onKeyDown(e, l, n),
-							onClick: (e) => t.onClick(e, l, n, s),
-							onPointerDown: (e) => t.onPointerDown(e, l, n, s),
-							onPointerEnter: () => t.onPointerEnter(l, n)
-						}, i);
+							})} ${e.legacyClassPrefix ? `${e.legacyClassPrefix}__cell` : ""}`,
+							"aria-selected": l,
+							"aria-label": e.cellLabel(s, e.hourLabel(t), e.hourLabel(t + 2), l),
+							tabIndex: e.focused === o ? 0 : -1,
+							onFocus: () => e.onFocus(o),
+							onKeyDown: (n) => e.onKeyDown(n, c, t),
+							onClick: (n) => e.onClick(n, c, t, l),
+							onPointerDown: (n) => e.onPointerDown(n, c, t, l),
+							onPointerEnter: () => e.onPointerEnter(c, t)
+						}, o);
 					})]
-				}, l);
+				}, c);
 			})
 		})]
 	});
 }
-function c(e) {
-	let r = n(e);
-	r.current = e;
-	let i = n(), o = n(), s = n(), c = () => {
+function s(n) {
+	let r = t(n);
+	r.current = n;
+	let a = t(), o = t(), s = t(), c = () => {
 		o.current?.(), o.current = void 0;
 	};
-	t(() => () => {
-		i.current = void 0, c(), s.current !== void 0 && cancelAnimationFrame(s.current);
+	e(() => () => {
+		a.current = void 0, c(), s.current !== void 0 && cancelAnimationFrame(s.current);
 	}, []);
 	let l = (e, t) => {
-		let n = a(e, t);
+		let n = i(e, t);
 		r.current.onFocus(n), s.current !== void 0 && cancelAnimationFrame(s.current), s.current = requestAnimationFrame(() => r.current.matrixRef.current?.querySelector(`[data-time-cell="${n}"]`)?.focus());
 	};
 	return {
@@ -97,18 +97,18 @@ function c(e) {
 		},
 		onPointerDown: (e, t, n, s) => {
 			if (r.current.disabled || e.button !== 0) return;
-			e.preventDefault(), c(), i.current = { selected: !s };
+			e.preventDefault(), c(), a.current = { selected: !s };
 			let l = e.currentTarget.ownerDocument, u = () => {
-				i.current && (i.current = void 0, c(), r.current.onCommit());
+				a.current && (a.current = void 0, c(), r.current.onCommit());
 			};
 			l.addEventListener("pointerup", u), l.addEventListener("pointercancel", u), o.current = () => {
 				l.removeEventListener("pointerup", u), l.removeEventListener("pointercancel", u);
-			}, r.current.onPaint(t, n, !s), r.current.onFocus(a(t, n));
+			}, r.current.onPaint(t, n, !s), r.current.onFocus(i(t, n));
 		},
 		onPointerEnter: (e, t) => {
-			i.current && !r.current.disabled && r.current.onPaint(e, t, i.current.selected);
+			a.current && !r.current.disabled && r.current.onPaint(e, t, a.current.selected);
 		}
 	};
 }
 //#endregion
-export { s as TimeGrid, a as timeGridCellKey, c as useTimeGridInteraction };
+export { o as TimeGrid, i as timeGridCellKey, s as useTimeGridInteraction };