@revolist/ui 4.0.3-rc → 4.0.3

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 { 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 {
+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, r = t.activeElement, i = !1, a, s, f = p.get(t) ?? [];
-		p.set(t, f);
-		let m = () => {
-			if (i) return;
-			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);
+		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 {
-				n && (this.environment.restoreFocus ? this.environment.restoreFocus(e.returnFocus, r ?? void 0) : [e.returnFocus, r].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), s = n(e.returnFocus ?? r, 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: a, content: o } = t, s = a.ownerDocument, c = s.defaultView, l = f.get(s) ?? [];
-		f.set(s, l);
-		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(a.getBoundingClientRect(), o.getBoundingClientRect(), {
-				width: s.documentElement.clientWidth || c?.innerWidth || 0,
-				height: s.documentElement.clientHeight || c?.innerHeight || 0
-			});
-			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), 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) !== o) return;
-			let n = e.composedPath();
-			t.closeOnOutside !== !1 && !n.includes(a) && !n.includes(o) && b(!1);
-		}, S = (e) => {
-			l.at(-1) === o && e.key === "Escape" && t.closeOnEscape !== !1 && !e.defaultPrevented && (e.preventDefault(), e.stopPropagation(), b());
-		};
-		(t.appendTo ?? s.body).append(o), o.hidden = !1, Object.assign(o.style, {
-			position: "fixed",
-			inset: "auto",
-			margin: "0"
-		}), v = i(o, t.display ?? "block");
-		let C = c?.ResizeObserver ? new c.ResizeObserver(_) : void 0;
-		return C?.observe(a), C?.observe(o), this.active = {
-			content: o,
-			close: b,
-			position: _
-		}, 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: _
-		};
-	}
-	refresh() {
-		this.active?.position();
-	}
-	close(e) {
-		this.active?.close(e);
-	}
-	destroy() {
-		this.close(!1);
-	}
-};
-function g(e, n = "grid-tooltip") {
-	return a(e, /* @__PURE__ */ t("div", {
-		id: s("rv-tooltip"),
-		class: n,
-		role: "tooltip",
-		hidden: !0
-	}));
-}
-var _ = /* @__PURE__ */ new WeakMap(), v = class {
-	popover = new h();
-	release;
-	bind(e, t, n = {}) {
-		this.destroy();
-		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, 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: r,
-				restoreFocus: !1,
-				onClose: () => {
-					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 ? 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() {
-		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.svelte

@@ -1,17 +1,35 @@
 <script lang="ts">
   import { onMount, untrack, type Snippet } from 'svelte';
-  import { uiComponents, componentModels, createFrameworkMount, withFrameworkContent, type UiContentTarget, type UiFrameworkMount } from '../framework';
+  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,8 +39,11 @@
     const event = onUiEvent;
     const renderer = mount;
     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[]) => {
@@ -32,18 +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); } };
+    return {
+      update(next: HTMLElement) {
+        next.appendChild(node);
+      },
+    };
   }
 </script>
 
-<span bind:this={host} style="display: contents" data-rv-svelte-host={component}></span>
+<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,6 +1,6 @@
-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 { 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 a from "svelte/internal/client";

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;

package/time-grid.js

@@ -1,23 +1,24 @@
 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";
+import { t as r } from "./_chunks/native-control-B_fVA5bL.js";
+import { t as i } from "./_chunks/tooltip-text-BXsUEmBH.js";
 //#region src/time-grid.tsx
-var i = (e, t) => `${e}:${t}`;
-function a(e) {
+var a = (e, t) => `${e}:${t}`;
+function o(e) {
 	return [
 		"rv-time-grid__cell",
 		e.weekend && "is-weekend",
 		e.outsideWorkHours && "is-outside-work-hours"
 	].filter(Boolean).join(" ");
 }
-function o(e) {
-	let t = (t) => `rv-time-grid__${t}${e.legacyClassPrefix ? ` ${e.legacyClassPrefix}__${t}` : ""}`, o = Array.from({ length: 12 }, (e, t) => t * 2);
+function s(e) {
+	let t = (e) => `rv-time-grid__${e}`, s = 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__ */ n("span", {}), o.map((r) => /* @__PURE__ */ n("span", {
+			children: [/* @__PURE__ */ n("span", {}), s.map((r) => /* @__PURE__ */ n("span", {
 				class: t("hour"),
 				children: e.hourLabel(r)
 			}, r))]
@@ -28,53 +29,53 @@ function o(e) {
 			"aria-label": e.gridLabel,
 			"aria-rowcount": e.days.length,
 			"aria-colcount": 12,
-			children: e.days.map((s) => {
-				let { weekday: c, short: l, long: u } = s, d = e.weekendDays.includes(c);
+			children: e.days.map((c) => {
+				let { weekday: l, short: u, long: d } = c, f = e.weekendDays.includes(l);
 				return /* @__PURE__ */ n("div", {
-					class: `${t("row")}${d ? " is-weekend" : ""}`,
+					class: `${t("row")}${f ? " is-weekend" : ""}`,
 					role: "row",
-					children: [/* @__PURE__ */ n("span", {
+					children: [/* @__PURE__ */ n(i, {
 						class: t("weekday"),
 						role: "rowheader",
-						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;
+						title: d,
+						children: u
+					}), s.map((t) => {
+						let i = a(l, t), s = e.cells.has(i) || e.cells.has(a(l, t + 1)), u = e.workingHours ? t < e.workingHours.startHour || t + 2 > e.workingHours.endHour : !1;
 						return /* @__PURE__ */ n(r, {
 							type: "button",
 							disabled: e.disabled,
 							role: "gridcell",
-							"data-time-cell": o,
-							class: `${a({
-								weekend: d,
+							"data-time-cell": i,
+							class: o({
+								weekend: f,
 								outsideWorkHours: u
-							})} ${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);
+							}),
+							"aria-selected": s,
+							"aria-label": e.cellLabel(c, e.hourLabel(t), e.hourLabel(t + 2), s),
+							tabIndex: e.focused === i ? 0 : -1,
+							onFocus: () => e.onFocus(i),
+							onKeyDown: (n) => e.onKeyDown(n, l, t),
+							onClick: (n) => e.onClick(n, l, t, s),
+							onPointerDown: (n) => e.onPointerDown(n, l, t, s),
+							onPointerEnter: () => e.onPointerEnter(l, t)
+						}, i);
 					})]
-				}, c);
+				}, l);
 			})
 		})]
 	});
 }
-function s(n) {
+function c(n) {
 	let r = t(n);
 	r.current = n;
-	let a = t(), o = t(), s = t(), c = () => {
+	let i = t(), o = t(), s = t(), c = () => {
 		o.current?.(), o.current = void 0;
 	};
 	e(() => () => {
-		a.current = void 0, c(), s.current !== void 0 && cancelAnimationFrame(s.current);
+		i.current = void 0, c(), s.current !== void 0 && cancelAnimationFrame(s.current);
 	}, []);
 	let l = (e, t) => {
-		let n = i(e, t);
+		let n = a(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 +98,18 @@ function s(n) {
 		},
 		onPointerDown: (e, t, n, s) => {
 			if (r.current.disabled || e.button !== 0) return;
-			e.preventDefault(), c(), a.current = { selected: !s };
+			e.preventDefault(), c(), i.current = { selected: !s };
 			let l = e.currentTarget.ownerDocument, u = () => {
-				a.current && (a.current = void 0, c(), r.current.onCommit());
+				i.current && (i.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(i(t, n));
+			}, r.current.onPaint(t, n, !s), r.current.onFocus(a(t, n));
 		},
 		onPointerEnter: (e, t) => {
-			a.current && !r.current.disabled && r.current.onPaint(e, t, a.current.selected);
+			i.current && !r.current.disabled && r.current.onPaint(e, t, i.current.selected);
 		}
 	};
 }
 //#endregion
-export { o as TimeGrid, i as timeGridCellKey, s as useTimeGridInteraction };
+export { s as TimeGrid, a as timeGridCellKey, c as useTimeGridInteraction };