@nocoo/basalt 3.0.0 → 3.2.0

package/dist/styles/tokens.css

@@ -4,15 +4,15 @@
 	--basalt-space-md: 0.375rem;
 	--basalt-space-lg: 0.5rem;
 	--basalt-space-default: var(--basalt-space-lg);
-	--basalt-text-xs: 0.6875rem;
+	--basalt-text-xs: 0.75rem;
 	--basalt-text-sm: 0.75rem;
-	--basalt-text-code: 0.8125rem;
+	--basalt-text-code: 0.875rem;
 	--basalt-text-base: 0.875rem;
-	--basalt-text-lg: 1rem;
+	--basalt-text-lg: 1.125rem;
 	--basalt-text-xl: 1.125rem;
-	--basalt-text-2xl: 1.25rem;
+	--basalt-text-2xl: 1.125rem;
 	--basalt-text-3xl: 1.5rem;
-	--basalt-text-4xl: 1.875rem;
+	--basalt-text-4xl: 1.5rem;
 	--basalt-text-5xl: 2.25rem;
 	--basalt-text-6xl: 3rem;
 	--basalt-text-7xl: 3.75rem;
@@ -25,7 +25,7 @@
 	--basalt-leading-inline: calc(16 / 12);
 	--basalt-leading-action: calc(24 / 14);
 	--basalt-leading-action-sm: 1.5;
-	--basalt-leading-action-lg: 1.375;
+	--basalt-leading-action-lg: calc(22 / 14);
 	--basalt-leading-banner: calc(22 / 14);
 	--basalt-radius-sm: 0.25rem;
 	--basalt-radius-md: 0.5rem;
@@ -82,15 +82,15 @@
 	--basalt-size-icon-display: 1.5rem;
 	--basalt-size-touch: 2.75rem;
 	--basalt-size-menu-row: var(--basalt-size-control);
-	--basalt-size-table-row: 2.25rem;
+	--basalt-size-table-row: 2.5rem;
 	--basalt-size-check: 1rem;
 	--basalt-size-check-sm: 0.75rem;
 	--basalt-size-textarea: 5rem;
 	--basalt-size-textarea-sm: 4rem;
 	--basalt-size-textarea-lg: 6rem;
-	--basalt-space-control-x: var(--basalt-space-lg);
-	--basalt-space-control-x-sm: var(--basalt-space-md);
-	--basalt-space-control-x-lg: var(--basalt-space-lg);
+	--basalt-space-control-x: 0.75rem;
+	--basalt-space-control-x-sm: 0.625rem;
+	--basalt-space-control-x-lg: 1rem;
 	--basalt-space-control-y: var(--basalt-space-sm);
 	--basalt-space-control-gap: var(--basalt-space-lg);
 	--basalt-space-menu-inset: var(--basalt-space-lg);
@@ -105,11 +105,12 @@
 	--basalt-space-layout-lg: 1.5rem;
 	--basalt-space-layout-xl: 2rem;
 	--basalt-space-field-gap: var(--basalt-space-lg);
-	--basalt-space-table-x: var(--basalt-space-lg);
-	--basalt-space-table-y: var(--basalt-space-md);
+	--basalt-space-table-x: 0.75rem;
+	--basalt-space-table-y: var(--basalt-space-lg);
 	--basalt-space-overlay: var(--basalt-space-lg);
 	--basalt-space-panel-x: var(--basalt-space-card);
 	--basalt-space-panel-y: var(--basalt-space-card-sm);
+	--basalt-space-table-edge: var(--basalt-space-panel-x);
 	--basalt-space-content-gap: var(--basalt-space-lg);
 	--basalt-space-row-x: var(--basalt-space-lg);
 	--basalt-space-row-y: var(--basalt-space-md);
@@ -158,11 +159,13 @@
 	--basalt-input: 220 13% 88%;
 	--basalt-ring: var(--basalt-primary);
 	--basalt-control-fill: hsl(var(--basalt-secondary));
-	--basalt-hover: color-mix(in srgb, hsl(var(--basalt-primary)) 9.6%, hsl(var(--basalt-popover)));
-	--basalt-hover-end: color-mix(
+	--basalt-surface-current: var(--basalt-card);
+	--basalt-surface-elevated: var(--basalt-secondary);
+	--basalt-hover-weight: 18%;
+	--basalt-hover: color-mix(
 		in srgb,
-		hsl(var(--basalt-primary)) 4.8%,
-		hsl(var(--basalt-popover))
+		hsl(var(--basalt-primary)) 18%,
+		hsl(var(--basalt-surface-elevated))
 	);
 	--basalt-selected: 0 0% 100%;
 	--basalt-selected-foreground: var(--basalt-foreground);
@@ -197,13 +200,13 @@
 	--basalt-chart-yellow: 49 100% 69%;
 	--basalt-chart-pearl: 215 12% 48%;
 	--basalt-chart-1: var(--basalt-chart-blue);
-	--basalt-chart-2: var(--basalt-chart-blue);
-	--basalt-chart-3: var(--basalt-chart-green);
-	--basalt-chart-4: var(--basalt-chart-green);
+	--basalt-chart-2: var(--basalt-chart-pink);
+	--basalt-chart-3: 182 38% 48%;
+	--basalt-chart-4: 280 32% 62%;
 	--basalt-chart-5: var(--basalt-chart-green);
-	--basalt-chart-6: var(--basalt-chart-green);
+	--basalt-chart-6: 27 54% 62%;
 	--basalt-chart-7: var(--basalt-chart-yellow);
-	--basalt-chart-8: var(--basalt-chart-yellow);
+	--basalt-chart-8: 237 36% 62%;
 	--basalt-chart-9: var(--basalt-chart-pink);
 	--basalt-chart-10: var(--basalt-chart-pink);
 	--basalt-chart-11: var(--basalt-chart-pink);
@@ -233,6 +236,7 @@
 	--basalt-accent-10: 280 53% 71%;
 	--basalt-accent-11: 237 66% 69%;
 	--basalt-accent-12: 210 20% 87%;
+	--basalt-success: var(--basalt-tag-success-foreground);
 	--basalt-badge-green: 113 60% 30%;
 	--basalt-badge-green-foreground: 0 0% 100%;
 	--basalt-badge-teal: 182 62% 30%;
@@ -287,6 +291,7 @@
 	--basalt-danger-tint: 0 40% 16%;
 	--basalt-info-foreground: 0 0% 10%;
 	--basalt-warning-foreground: 0 0% 10%;
+	--basalt-success: var(--basalt-tag-success-foreground);
 	--basalt-badge-green: 113 55% 62%;
 	--basalt-badge-green-foreground: 0 0% 10%;
 	--basalt-badge-teal: var(--basalt-accent-3);
@@ -297,11 +302,13 @@
 	--basalt-input: 0 0% 18%;
 	--basalt-ring: var(--basalt-primary);
 	--basalt-control-fill: hsl(var(--basalt-secondary));
-	--basalt-hover: color-mix(in srgb, hsl(var(--basalt-primary)) 16%, hsl(var(--basalt-popover)));
-	--basalt-hover-end: color-mix(
+	--basalt-surface-current: var(--basalt-card);
+	--basalt-surface-elevated: var(--basalt-secondary);
+	--basalt-hover-weight: 18%;
+	--basalt-hover: color-mix(
 		in srgb,
-		hsl(var(--basalt-primary)) 9.6%,
-		hsl(var(--basalt-popover))
+		hsl(var(--basalt-primary)) 18%,
+		hsl(var(--basalt-surface-elevated))
 	);
 	--basalt-selected: 0 0% 22%;
 	--basalt-selected-foreground: var(--basalt-foreground);
@@ -323,13 +330,13 @@
 	--basalt-chart-yellow: 49 100% 73%;
 	--basalt-chart-pearl: 210 20% 86%;
 	--basalt-chart-1: var(--basalt-chart-blue);
-	--basalt-chart-2: var(--basalt-chart-blue);
-	--basalt-chart-3: var(--basalt-chart-green);
-	--basalt-chart-4: var(--basalt-chart-green);
+	--basalt-chart-2: var(--basalt-chart-pink);
+	--basalt-chart-3: 182 38% 64%;
+	--basalt-chart-4: 280 32% 74%;
 	--basalt-chart-5: var(--basalt-chart-green);
-	--basalt-chart-6: var(--basalt-chart-green);
+	--basalt-chart-6: 27 54% 72%;
 	--basalt-chart-7: var(--basalt-chart-yellow);
-	--basalt-chart-8: var(--basalt-chart-yellow);
+	--basalt-chart-8: 237 36% 74%;
 	--basalt-chart-9: var(--basalt-chart-pink);
 	--basalt-chart-10: var(--basalt-chart-pink);
 	--basalt-chart-11: var(--basalt-chart-pink);
@@ -381,13 +388,22 @@
 
 [data-basalt-surface-root] {
 	background: hsl(var(--basalt-card));
-	--basalt-control-fill: hsl(var(--basalt-card));
+	--basalt-surface-current: var(--basalt-card);
+	--basalt-surface-elevated: var(--basalt-secondary);
+	--basalt-control-fill: hsl(var(--basalt-secondary));
 	--basalt-zebra-fill: hsl(var(--basalt-secondary));
 }
 
 [data-basalt-surface-root] [data-basalt-surface] {
 	background: hsl(var(--basalt-secondary));
-	--basalt-control-fill: hsl(var(--basalt-secondary));
+	--basalt-surface-current: var(--basalt-secondary);
+	--basalt-surface-elevated: var(--basalt-bright);
+	--basalt-control-fill: hsl(var(--basalt-bright));
+	--basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
 	--basalt-primary-hover: color-mix(
 		in srgb,
 		hsl(var(--basalt-primary)) 90%,
@@ -403,6 +419,7 @@
 
 [data-basalt-surface-root] [data-basalt-surface] [data-basalt-surface] {
 	background: hsl(var(--basalt-bright));
+	--basalt-surface-current: var(--basalt-bright);
 	--basalt-control-fill: hsl(var(--basalt-bright));
 	--basalt-zebra-fill: transparent;
 }
@@ -415,14 +432,27 @@
 
 [data-basalt-surface]:not([data-basalt-surface-root] *):not([data-basalt-surface] *) {
 	background: hsl(var(--basalt-card));
-	--basalt-control-fill: hsl(var(--basalt-card));
+	--basalt-surface-current: var(--basalt-card);
+	--basalt-surface-elevated: var(--basalt-bright);
+	--basalt-control-fill: hsl(var(--basalt-bright));
+	--basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
 	--basalt-zebra-fill: hsl(var(--basalt-secondary));
 }
 
 /* biome-ignore lint/style/noDescendingSpecificity: Rootless surface trees cannot overlap a surface-root tree. */
 [data-basalt-surface]:not([data-basalt-surface-root] *) [data-basalt-surface] {
 	background: hsl(var(--basalt-secondary));
-	--basalt-control-fill: hsl(var(--basalt-secondary));
+	--basalt-surface-current: var(--basalt-secondary);
+	--basalt-control-fill: hsl(var(--basalt-bright));
+	--basalt-hover: color-mix(
+		in srgb,
+		hsl(var(--basalt-primary)) var(--basalt-hover-weight),
+		hsl(var(--basalt-surface-elevated))
+	);
 	--basalt-primary-hover: color-mix(
 		in srgb,
 		hsl(var(--basalt-primary)) 90%,
@@ -440,6 +470,7 @@
 	[data-basalt-surface]
 	[data-basalt-surface] {
 	background: hsl(var(--basalt-bright));
+	--basalt-surface-current: var(--basalt-bright);
 	--basalt-control-fill: hsl(var(--basalt-bright));
 	--basalt-zebra-fill: transparent;
 }
@@ -453,6 +484,11 @@
 	--basalt-zebra-fill: transparent;
 }
 
+[data-basalt-table] tbody tr:not(:last-child),
+[data-basalt-table] tbody tr:not(:last-child) > td {
+	border-bottom: 1px solid hsl(var(--basalt-border) / 0.5);
+}
+
 [data-basalt-table] tbody tr[aria-selected="true"] td {
 	background: hsl(var(--basalt-selected));
 	color: hsl(var(--basalt-selected-foreground));
@@ -462,8 +498,16 @@
 	background: var(--basalt-hover);
 }
 
-[data-basalt-table] tbody tr:nth-child(even):not([aria-selected="true"]):not(:hover) td {
-	background: var(--basalt-zebra-fill);
+[data-basalt-table][data-striped="true"] tbody tr:nth-child(even) {
+	background-color: hsl(var(--basalt-surface-current));
+}
+
+[data-basalt-table-container][data-edge="attached"] :where(th, td):first-child {
+	padding-inline-start: var(--basalt-space-card);
+}
+
+[data-basalt-table-container][data-edge="attached"] :where(th, td):last-child {
+	padding-inline-end: var(--basalt-space-card);
 }
 
 [data-basalt-table]
@@ -517,7 +561,7 @@
 	.basalt-action-lg {
 		padding-block: var(--basalt-space-lg);
 		padding-inline: var(--basalt-space-control-x-lg);
-		font-size: var(--basalt-text-lg);
+		font-size: var(--basalt-text-base);
 		line-height: var(--basalt-leading-action-lg);
 	}
 	.basalt-action-icon {
@@ -614,8 +658,9 @@
 		height: var(--basalt-hover-height, 0px);
 		transform: translate(var(--basalt-hover-x, 0px), var(--basalt-hover-y, 0px));
 		border-radius: var(--basalt-radius-md);
-		background: linear-gradient(90deg, var(--basalt-hover), var(--basalt-hover-end));
+		background: var(--basalt-hover);
 		opacity: 0;
+		transition: none;
 	}
 	.basalt-hover-list[data-hover-visible="true"]::before {
 		opacity: 1;
@@ -677,7 +722,7 @@
 		width: var(--basalt-command-width);
 		height: var(--basalt-command-height);
 		border-radius: var(--basalt-radius-md);
-		background: linear-gradient(90deg, var(--basalt-hover), var(--basalt-hover-end));
+		background: var(--basalt-hover);
 	}
 
 	.basalt-command-list[data-basalt-command-animated="true"]::before {

package/dist/utils/use-hover-highlight.js

@@ -6,53 +6,55 @@ var n = "[data-basalt-hover-item]", r = "[data-highlighted], [data-hover-active=
 function i(i, { restoreOnPointerLeave: a = !0 } = {}) {
 	return t((t) => {
 		if (e(i, t), !t) return;
-		let o = null, s = !1, c = null, l = null, u = null, d = null, f = !0, p = 0, m = "", h = !0, g = (e) => e && t.contains(e) && e.matches(n) && e.closest(".basalt-hover-list") === t && !e.closest("[hidden], [disabled], [aria-disabled=\"true\"], [data-disabled=\"\"], [data-disabled=\"true\"]") ? e : null, _ = (e) => g(e instanceof Element ? e.closest(n) : null), v = new ResizeObserver(() => {
-			h = !0, b();
-		}), y = () => {
-			if (p = 0, f) {
-				d = null, u = null;
-				for (let e of t.querySelectorAll(`${n}:is(${r})`)) if (g(e) && (u ||= e, e.matches("[data-highlighted], [data-hover-active=\"true\"]"))) {
-					d = e;
+		let o = null, s = !1, c = !1, l = null, u = null, d = null, f = null, p = !0, m = 0, h = "", g = !0, _ = (e) => e && t.contains(e) && e.matches(n) && e.closest(".basalt-hover-list") === t && !e.closest("[hidden], [disabled], [aria-disabled=\"true\"], [data-disabled=\"\"], [data-disabled=\"true\"]") ? e : null, v = (e) => _(e instanceof Element ? e.closest(n) : null), y = new ResizeObserver(() => {
+			g = !0, x();
+		}), b = () => {
+			if (m = 0, p) {
+				f = null, d = null;
+				for (let e of t.querySelectorAll(`${n}:is(${r})`)) if (_(e) && (d ||= e, e.matches("[data-highlighted], [data-hover-active=\"true\"]"))) {
+					f = e;
 					break;
 				}
-				f = !1;
+				p = !1;
 			}
-			let e = s ? null : g(d) ?? g(o) ?? g(c) ?? g(u);
-			if (e === l && !h) return;
-			e !== l && (l && v.unobserve(l), e && v.observe(e));
-			let i = e?.offsetWidth ?? 0, a = e?.offsetHeight ?? 0;
-			if (!e || !i || !a) {
-				s && (t.dataset.hoverAnimated = "true"), t.dataset.hoverVisible = "false", l = null, m = "", h = !1;
+			let e = c;
+			c = !1, e && (t.dataset.hoverAnimated = "false");
+			let i = s ? null : a ? _(f) ?? _(o) ?? _(l) ?? _(d) : _(o);
+			if (i === u && !g) return;
+			i !== u && (u && y.unobserve(u), i && y.observe(i));
+			let v = i?.offsetWidth ?? 0, b = i?.offsetHeight ?? 0;
+			if (!i || !v || !b) {
+				a || (t.dataset.hoverAnimated = "false"), t.dataset.hoverVisible = "false", u = null, h = "", g = !1;
 				return;
 			}
-			let _ = 0, y = 0;
-			for (let n = e; n && n !== t; n = n.offsetParent) _ += n.offsetLeft, y += n.offsetTop;
-			for (let n = e.parentElement; n && n !== t; n = n.parentElement) _ -= n.scrollLeft, y -= n.scrollTop;
-			let b = `${_},${y},${i},${a}`;
-			b !== m && (t.dataset.hoverAnimated = l && l !== e && !h ? "true" : "false", t.style.setProperty("--basalt-hover-x", `${_}px`), t.style.setProperty("--basalt-hover-y", `${y}px`), t.style.setProperty("--basalt-hover-width", `${i}px`), t.style.setProperty("--basalt-hover-height", `${a}px`), m = b), t.dataset.hoverVisible = "true", l = e, h = !1;
+			let x = 0, S = 0;
+			for (let e = i; e && e !== t; e = e.offsetParent) x += e.offsetLeft, S += e.offsetTop;
+			for (let e = i.parentElement; e && e !== t; e = e.parentElement) x -= e.scrollLeft, S -= e.scrollTop;
+			let C = `${x},${S},${v},${b}`;
+			C !== h && (t.dataset.hoverAnimated = u && u !== i && !g && !e ? "true" : "false", t.style.setProperty("--basalt-hover-x", `${x}px`), t.style.setProperty("--basalt-hover-y", `${S}px`), t.style.setProperty("--basalt-hover-width", `${v}px`), t.style.setProperty("--basalt-hover-height", `${b}px`), h = C), t.dataset.hoverVisible = "true", u = i, g = !1;
 		};
-		function b() {
-			p ||= requestAnimationFrame(y);
+		function x() {
+			m ||= requestAnimationFrame(b);
 		}
-		let x = (e) => {
+		let S = (e) => {
 			if (e.pointerType === "touch") return;
 			s = !1;
-			let t = _(e.target);
-			t !== o && (o = t, b());
-		}, S = () => {
-			o = null, s = !a, b();
-		}, C = (e) => {
-			s = !1, c = _(e.target), o = null, b();
+			let t = v(e.target);
+			t !== o && (!a && (!t || !o) && (c = !0), o = t, x());
+		}, C = () => {
+			o = null, s = !a, a || (c = !0), x();
 		}, w = (e) => {
-			c = _(e.relatedTarget), b();
+			l = v(e.target), a && (s = !1, o = null, x());
 		}, T = (e) => {
-			e.target instanceof Element && (t.contains(e.target) || t.id && e.target.getAttribute("aria-controls") === t.id) && (o = null, s = !1, b());
+			l = v(e.relatedTarget), a && x();
 		}, E = (e) => {
-			(e.target !== t || e.type === "scroll") && (h = !0, b());
-		}, D = new MutationObserver((e) => {
-			f = !0, e.some((e) => e.type === "childList" || e.attributeName === "hidden") && (h = !0), b();
+			e.target instanceof Element && (t.contains(e.target) || t.id && e.target.getAttribute("aria-controls") === t.id) && a && (o = null, s = !1, x());
+		}, D = (e) => {
+			(e.target !== t || e.type === "scroll") && (g = !0, x());
+		}, O = new MutationObserver((e) => {
+			p = !0, e.some((e) => e.type === "childList" || e.attributeName === "hidden") && (g = !0), x();
 		});
-		return D.observe(t, {
+		return O.observe(t, {
 			subtree: !0,
 			childList: !0,
 			attributes: !0,
@@ -69,8 +71,8 @@ function i(i, { restoreOnPointerLeave: a = !0 } = {}) {
 				"data-disabled",
 				"hidden"
 			]
-		}), v.observe(t), t.addEventListener("pointerover", x), t.addEventListener("pointerleave", S), t.addEventListener("focusin", C), t.addEventListener("focusout", w), t.ownerDocument.addEventListener("keydown", T), t.addEventListener("scroll", E, !0), t.addEventListener("animationend", E), t.addEventListener("transitionend", E), b(), () => {
-			cancelAnimationFrame(p), v.disconnect(), D.disconnect(), t.removeEventListener("pointerover", x), t.removeEventListener("pointerleave", S), t.removeEventListener("focusin", C), t.removeEventListener("focusout", w), t.ownerDocument.removeEventListener("keydown", T), t.removeEventListener("scroll", E, !0), t.removeEventListener("animationend", E), t.removeEventListener("transitionend", E), e(i, null);
+		}), y.observe(t), t.addEventListener("pointerover", S), t.addEventListener("pointerleave", C), t.addEventListener("focusin", w), t.addEventListener("focusout", T), t.ownerDocument.addEventListener("keydown", E), t.addEventListener("scroll", D, !0), t.addEventListener("animationend", D), t.addEventListener("transitionend", D), x(), () => {
+			cancelAnimationFrame(m), y.disconnect(), O.disconnect(), t.removeEventListener("pointerover", S), t.removeEventListener("pointerleave", C), t.removeEventListener("focusin", w), t.removeEventListener("focusout", T), t.ownerDocument.removeEventListener("keydown", E), t.removeEventListener("scroll", D, !0), t.removeEventListener("animationend", D), t.removeEventListener("transitionend", D), e(i, null);
 		};
 	}, [i, a]);
 }

package/dist/utils/use-hover-highlight.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-hover-highlight.js","names":["ROW","ACTIVE","useHoverHighlight","useCallback","assignRef","ref","root","hovered","pointerExited","focused","previous","selected","active","selectionDirty","frame","geometry","layoutChanged","eligible","node","row","target","resize","schedule","update","item","width","height","x","next","over","event","leave","restoreOnPointerLeave","focus","blur","keyboard","layout","mutations","records","record"],"sources":["../../src/utils/use-hover-highlight.ts"],"sourcesContent":["import { type Ref, useCallback } from \"react\";\nimport { assignRef } from \"./selection-indicator\";\n\nconst ROW = \"[data-basalt-hover-item]\";\nconst ACTIVE =\n\t'[data-highlighted], [data-hover-active=\"true\"], [aria-selected=\"true\"], [data-state=\"checked\"], [data-hover-selected=\"true\"], [data-selected=\"true\"]';\n\nexport function useHoverHighlight(\n\tref?: Ref<HTMLElement | null>,\n\t{ restoreOnPointerLeave = true }: { restoreOnPointerLeave?: boolean } = {},\n) {\n\treturn useCallback(\n\t\t(root: HTMLElement | null) => {\n\t\t\tassignRef(ref, root);\n\t\t\tif (!root) return;\n\t\t\tlet hovered: HTMLElement | null = null;\n\t\t\tlet pointerExited = false;\n\t\t\tlet focused: HTMLElement | null = null;\n\t\t\tlet previous: HTMLElement | null = null;\n\t\t\tlet selected: HTMLElement | null = null;\n\t\t\tlet active: HTMLElement | null = null;\n\t\t\tlet selectionDirty = true;\n\t\t\tlet frame = 0;\n\t\t\tlet geometry = \"\";\n\t\t\tlet layoutChanged = true;\n\t\t\tconst eligible = (node: HTMLElement | null) =>\n\t\t\t\tnode &&\n\t\t\t\troot.contains(node) &&\n\t\t\t\tnode.matches(ROW) &&\n\t\t\t\tnode.closest(\".basalt-hover-list\") === root &&\n\t\t\t\t!node.closest(\n\t\t\t\t\t'[hidden], [disabled], [aria-disabled=\"true\"], [data-disabled=\"\"], [data-disabled=\"true\"]',\n\t\t\t\t)\n\t\t\t\t\t? node\n\t\t\t\t\t: null;\n\t\t\tconst row = (target: EventTarget | null) =>\n\t\t\t\teligible(target instanceof Element ? target.closest<HTMLElement>(ROW) : null);\n\t\t\tconst resize = new ResizeObserver(() => {\n\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t});\n\t\t\tconst update = () => {\n\t\t\t\tframe = 0;\n\t\t\t\tif (selectionDirty) {\n\t\t\t\t\tactive = null;\n\t\t\t\t\tselected = null;\n\t\t\t\t\tfor (const node of root.querySelectorAll<HTMLElement>(`${ROW}:is(${ACTIVE})`)) {\n\t\t\t\t\t\tif (!eligible(node)) continue;\n\t\t\t\t\t\tif (!selected) selected = node;\n\t\t\t\t\t\tif (node.matches('[data-highlighted], [data-hover-active=\"true\"]')) {\n\t\t\t\t\t\t\tactive = node;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tselectionDirty = false;\n\t\t\t\t}\n\t\t\t\tconst item = pointerExited\n\t\t\t\t\t? null\n\t\t\t\t\t: (eligible(active) ?? eligible(hovered) ?? eligible(focused) ?? eligible(selected));\n\t\t\t\tif (item === previous && !layoutChanged) return;\n\t\t\t\tif (item !== previous) {\n\t\t\t\t\tif (previous) resize.unobserve(previous);\n\t\t\t\t\tif (item) resize.observe(item);\n\t\t\t\t}\n\t\t\t\tconst width = item?.offsetWidth ?? 0;\n\t\t\t\tconst height = item?.offsetHeight ?? 0;\n\t\t\t\tif (!item || !width || !height) {\n\t\t\t\t\tif (pointerExited) root.dataset.hoverAnimated = \"true\";\n\t\t\t\t\troot.dataset.hoverVisible = \"false\";\n\t\t\t\t\tprevious = null;\n\t\t\t\t\tgeometry = \"\";\n\t\t\t\t\tlayoutChanged = false;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet x = 0,\n\t\t\t\t\ty = 0;\n\t\t\t\tfor (\n\t\t\t\t\tlet node: HTMLElement | null = item;\n\t\t\t\t\tnode && node !== root;\n\t\t\t\t\tnode = node.offsetParent as HTMLElement | null\n\t\t\t\t) {\n\t\t\t\t\tx += node.offsetLeft;\n\t\t\t\t\ty += node.offsetTop;\n\t\t\t\t}\n\t\t\t\tfor (let node = item.parentElement; node && node !== root; node = node.parentElement) {\n\t\t\t\t\tx -= node.scrollLeft;\n\t\t\t\t\ty -= node.scrollTop;\n\t\t\t\t}\n\t\t\t\tconst next = `${x},${y},${width},${height}`;\n\t\t\t\tif (next !== geometry) {\n\t\t\t\t\troot.dataset.hoverAnimated =\n\t\t\t\t\t\tprevious && previous !== item && !layoutChanged ? \"true\" : \"false\";\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-x\", `${x}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-y\", `${y}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-width\", `${width}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-height\", `${height}px`);\n\t\t\t\t\tgeometry = next;\n\t\t\t\t}\n\t\t\t\troot.dataset.hoverVisible = \"true\";\n\t\t\t\tprevious = item;\n\t\t\t\tlayoutChanged = false;\n\t\t\t};\n\t\t\tfunction schedule() {\n\t\t\t\tif (!frame) frame = requestAnimationFrame(update);\n\t\t\t}\n\t\t\tconst over = (event: PointerEvent) => {\n\t\t\t\tif (event.pointerType === \"touch\") return;\n\t\t\t\tpointerExited = false;\n\t\t\t\tconst next = row(event.target);\n\t\t\t\tif (next !== hovered) {\n\t\t\t\t\thovered = next;\n\t\t\t\t\tschedule();\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst leave = () => {\n\t\t\t\thovered = null;\n\t\t\t\tpointerExited = !restoreOnPointerLeave;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst focus = (event: FocusEvent) => {\n\t\t\t\tpointerExited = false;\n\t\t\t\tfocused = row(event.target);\n\t\t\t\thovered = null;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst blur = (event: FocusEvent) => {\n\t\t\t\tfocused = row(event.relatedTarget);\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst keyboard = (event: KeyboardEvent) => {\n\t\t\t\tif (\n\t\t\t\t\t!(event.target instanceof Element) ||\n\t\t\t\t\t(!root.contains(event.target) &&\n\t\t\t\t\t\t(!root.id || event.target.getAttribute(\"aria-controls\") !== root.id))\n\t\t\t\t)\n\t\t\t\t\treturn;\n\t\t\t\thovered = null;\n\t\t\t\tpointerExited = false;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst layout = (event: Event) => {\n\t\t\t\t// Our pseudo-element transition cannot change row geometry.\n\t\t\t\tif (event.target === root && event.type !== \"scroll\") return;\n\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst mutations = new MutationObserver((records) => {\n\t\t\t\tselectionDirty = true;\n\t\t\t\tif (\n\t\t\t\t\trecords.some((record) => record.type === \"childList\" || record.attributeName === \"hidden\")\n\t\t\t\t)\n\t\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t});\n\t\t\tmutations.observe(root, {\n\t\t\t\tsubtree: true,\n\t\t\t\tchildList: true,\n\t\t\t\tattributes: true,\n\t\t\t\tattributeFilter: [\n\t\t\t\t\t\"data-basalt-hover-item\",\n\t\t\t\t\t\"data-highlighted\",\n\t\t\t\t\t\"data-state\",\n\t\t\t\t\t\"aria-selected\",\n\t\t\t\t\t\"data-selected\",\n\t\t\t\t\t\"data-hover-active\",\n\t\t\t\t\t\"data-hover-selected\",\n\t\t\t\t\t\"disabled\",\n\t\t\t\t\t\"aria-disabled\",\n\t\t\t\t\t\"data-disabled\",\n\t\t\t\t\t\"hidden\",\n\t\t\t\t],\n\t\t\t});\n\t\t\tresize.observe(root);\n\t\t\troot.addEventListener(\"pointerover\", over);\n\t\t\troot.addEventListener(\"pointerleave\", leave);\n\t\t\troot.addEventListener(\"focusin\", focus);\n\t\t\troot.addEventListener(\"focusout\", blur);\n\t\t\troot.ownerDocument.addEventListener(\"keydown\", keyboard);\n\t\t\troot.addEventListener(\"scroll\", layout, true);\n\t\t\troot.addEventListener(\"animationend\", layout);\n\t\t\troot.addEventListener(\"transitionend\", layout);\n\t\t\tschedule();\n\t\t\treturn () => {\n\t\t\t\tcancelAnimationFrame(frame);\n\t\t\t\tresize.disconnect();\n\t\t\t\tmutations.disconnect();\n\t\t\t\troot.removeEventListener(\"pointerover\", over);\n\t\t\t\troot.removeEventListener(\"pointerleave\", leave);\n\t\t\t\troot.removeEventListener(\"focusin\", focus);\n\t\t\t\troot.removeEventListener(\"focusout\", blur);\n\t\t\t\troot.ownerDocument.removeEventListener(\"keydown\", keyboard);\n\t\t\t\troot.removeEventListener(\"scroll\", layout, true);\n\t\t\t\troot.removeEventListener(\"animationend\", layout);\n\t\t\t\troot.removeEventListener(\"transitionend\", layout);\n\t\t\t\tassignRef(ref, null);\n\t\t\t};\n\t\t},\n\t\t[ref, restoreOnPointerLeave],\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-hover-highlight.js","names":["ROW","ACTIVE","useHoverHighlight","useCallback","assignRef","ref","root","hovered","pointerExited","sequenceBroken","focused","previous","selected","active","selectionDirty","frame","geometry","layoutChanged","eligible","node","row","target","resize","schedule","update","broken","item","restoreOnPointerLeave","width","height","y","next","over","event","leave","focus","blur","keyboard","layout","mutations","records","record"],"sources":["../../src/utils/use-hover-highlight.ts"],"sourcesContent":["import { type Ref, useCallback } from \"react\";\nimport { assignRef } from \"./selection-indicator\";\n\nconst ROW = \"[data-basalt-hover-item]\";\nconst ACTIVE =\n\t'[data-highlighted], [data-hover-active=\"true\"], [aria-selected=\"true\"], [data-state=\"checked\"], [data-hover-selected=\"true\"], [data-selected=\"true\"]';\n\nexport function useHoverHighlight(\n\tref?: Ref<HTMLElement | null>,\n\t{ restoreOnPointerLeave = true }: { restoreOnPointerLeave?: boolean } = {},\n) {\n\treturn useCallback(\n\t\t(root: HTMLElement | null) => {\n\t\t\tassignRef(ref, root);\n\t\t\tif (!root) return;\n\t\t\tlet hovered: HTMLElement | null = null;\n\t\t\tlet pointerExited = false;\n\t\t\tlet sequenceBroken = false;\n\t\t\tlet focused: HTMLElement | null = null;\n\t\t\tlet previous: HTMLElement | null = null;\n\t\t\tlet selected: HTMLElement | null = null;\n\t\t\tlet active: HTMLElement | null = null;\n\t\t\tlet selectionDirty = true;\n\t\t\tlet frame = 0;\n\t\t\tlet geometry = \"\";\n\t\t\tlet layoutChanged = true;\n\t\t\tconst eligible = (node: HTMLElement | null) =>\n\t\t\t\tnode &&\n\t\t\t\troot.contains(node) &&\n\t\t\t\tnode.matches(ROW) &&\n\t\t\t\tnode.closest(\".basalt-hover-list\") === root &&\n\t\t\t\t!node.closest(\n\t\t\t\t\t'[hidden], [disabled], [aria-disabled=\"true\"], [data-disabled=\"\"], [data-disabled=\"true\"]',\n\t\t\t\t)\n\t\t\t\t\t? node\n\t\t\t\t\t: null;\n\t\t\tconst row = (target: EventTarget | null) =>\n\t\t\t\teligible(target instanceof Element ? target.closest<HTMLElement>(ROW) : null);\n\t\t\tconst resize = new ResizeObserver(() => {\n\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t});\n\t\t\tconst update = () => {\n\t\t\t\tframe = 0;\n\t\t\t\tif (selectionDirty) {\n\t\t\t\t\tactive = null;\n\t\t\t\t\tselected = null;\n\t\t\t\t\tfor (const node of root.querySelectorAll<HTMLElement>(`${ROW}:is(${ACTIVE})`)) {\n\t\t\t\t\t\tif (!eligible(node)) continue;\n\t\t\t\t\t\tif (!selected) selected = node;\n\t\t\t\t\t\tif (node.matches('[data-highlighted], [data-hover-active=\"true\"]')) {\n\t\t\t\t\t\t\tactive = node;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tselectionDirty = false;\n\t\t\t\t}\n\t\t\t\tconst broken = sequenceBroken;\n\t\t\t\tsequenceBroken = false;\n\t\t\t\tif (broken) root.dataset.hoverAnimated = \"false\";\n\t\t\t\tconst item = pointerExited\n\t\t\t\t\t? null\n\t\t\t\t\t: restoreOnPointerLeave\n\t\t\t\t\t\t? (eligible(active) ?? eligible(hovered) ?? eligible(focused) ?? eligible(selected))\n\t\t\t\t\t\t: eligible(hovered);\n\t\t\t\tif (item === previous && !layoutChanged) return;\n\t\t\t\tif (item !== previous) {\n\t\t\t\t\tif (previous) resize.unobserve(previous);\n\t\t\t\t\tif (item) resize.observe(item);\n\t\t\t\t}\n\t\t\t\tconst width = item?.offsetWidth ?? 0;\n\t\t\t\tconst height = item?.offsetHeight ?? 0;\n\t\t\t\tif (!item || !width || !height) {\n\t\t\t\t\tif (!restoreOnPointerLeave) root.dataset.hoverAnimated = \"false\";\n\t\t\t\t\troot.dataset.hoverVisible = \"false\";\n\t\t\t\t\tprevious = null;\n\t\t\t\t\tgeometry = \"\";\n\t\t\t\t\tlayoutChanged = false;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tlet x = 0,\n\t\t\t\t\ty = 0;\n\t\t\t\tfor (\n\t\t\t\t\tlet node: HTMLElement | null = item;\n\t\t\t\t\tnode && node !== root;\n\t\t\t\t\tnode = node.offsetParent as HTMLElement | null\n\t\t\t\t) {\n\t\t\t\t\tx += node.offsetLeft;\n\t\t\t\t\ty += node.offsetTop;\n\t\t\t\t}\n\t\t\t\tfor (let node = item.parentElement; node && node !== root; node = node.parentElement) {\n\t\t\t\t\tx -= node.scrollLeft;\n\t\t\t\t\ty -= node.scrollTop;\n\t\t\t\t}\n\t\t\t\tconst next = `${x},${y},${width},${height}`;\n\t\t\t\tif (next !== geometry) {\n\t\t\t\t\troot.dataset.hoverAnimated =\n\t\t\t\t\t\tprevious && previous !== item && !layoutChanged && !broken ? \"true\" : \"false\";\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-x\", `${x}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-y\", `${y}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-width\", `${width}px`);\n\t\t\t\t\troot.style.setProperty(\"--basalt-hover-height\", `${height}px`);\n\t\t\t\t\tgeometry = next;\n\t\t\t\t}\n\t\t\t\troot.dataset.hoverVisible = \"true\";\n\t\t\t\tprevious = item;\n\t\t\t\tlayoutChanged = false;\n\t\t\t};\n\t\t\tfunction schedule() {\n\t\t\t\tif (!frame) frame = requestAnimationFrame(update);\n\t\t\t}\n\t\t\tconst over = (event: PointerEvent) => {\n\t\t\t\tif (event.pointerType === \"touch\") return;\n\t\t\t\tpointerExited = false;\n\t\t\t\tconst next = row(event.target);\n\t\t\t\tif (next !== hovered) {\n\t\t\t\t\tif (!restoreOnPointerLeave && (!next || !hovered)) sequenceBroken = true;\n\t\t\t\t\thovered = next;\n\t\t\t\t\tschedule();\n\t\t\t\t}\n\t\t\t};\n\t\t\tconst leave = () => {\n\t\t\t\thovered = null;\n\t\t\t\tpointerExited = !restoreOnPointerLeave;\n\t\t\t\tif (!restoreOnPointerLeave) sequenceBroken = true;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst focus = (event: FocusEvent) => {\n\t\t\t\tfocused = row(event.target);\n\t\t\t\tif (!restoreOnPointerLeave) return;\n\t\t\t\tpointerExited = false;\n\t\t\t\thovered = null;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst blur = (event: FocusEvent) => {\n\t\t\t\tfocused = row(event.relatedTarget);\n\t\t\t\tif (!restoreOnPointerLeave) return;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst keyboard = (event: KeyboardEvent) => {\n\t\t\t\tif (\n\t\t\t\t\t!(event.target instanceof Element) ||\n\t\t\t\t\t(!root.contains(event.target) &&\n\t\t\t\t\t\t(!root.id || event.target.getAttribute(\"aria-controls\") !== root.id))\n\t\t\t\t)\n\t\t\t\t\treturn;\n\t\t\t\tif (!restoreOnPointerLeave) return;\n\t\t\t\thovered = null;\n\t\t\t\tpointerExited = false;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst layout = (event: Event) => {\n\t\t\t\t// Our pseudo-element transition cannot change row geometry.\n\t\t\t\tif (event.target === root && event.type !== \"scroll\") return;\n\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t};\n\t\t\tconst mutations = new MutationObserver((records) => {\n\t\t\t\tselectionDirty = true;\n\t\t\t\tif (\n\t\t\t\t\trecords.some((record) => record.type === \"childList\" || record.attributeName === \"hidden\")\n\t\t\t\t)\n\t\t\t\t\tlayoutChanged = true;\n\t\t\t\tschedule();\n\t\t\t});\n\t\t\tmutations.observe(root, {\n\t\t\t\tsubtree: true,\n\t\t\t\tchildList: true,\n\t\t\t\tattributes: true,\n\t\t\t\tattributeFilter: [\n\t\t\t\t\t\"data-basalt-hover-item\",\n\t\t\t\t\t\"data-highlighted\",\n\t\t\t\t\t\"data-state\",\n\t\t\t\t\t\"aria-selected\",\n\t\t\t\t\t\"data-selected\",\n\t\t\t\t\t\"data-hover-active\",\n\t\t\t\t\t\"data-hover-selected\",\n\t\t\t\t\t\"disabled\",\n\t\t\t\t\t\"aria-disabled\",\n\t\t\t\t\t\"data-disabled\",\n\t\t\t\t\t\"hidden\",\n\t\t\t\t],\n\t\t\t});\n\t\t\tresize.observe(root);\n\t\t\troot.addEventListener(\"pointerover\", over);\n\t\t\troot.addEventListener(\"pointerleave\", leave);\n\t\t\troot.addEventListener(\"focusin\", focus);\n\t\t\troot.addEventListener(\"focusout\", blur);\n\t\t\troot.ownerDocument.addEventListener(\"keydown\", keyboard);\n\t\t\troot.addEventListener(\"scroll\", layout, true);\n\t\t\troot.addEventListener(\"animationend\", layout);\n\t\t\troot.addEventListener(\"transitionend\", layout);\n\t\t\tschedule();\n\t\t\treturn () => {\n\t\t\t\tcancelAnimationFrame(frame);\n\t\t\t\tresize.disconnect();\n\t\t\t\tmutations.disconnect();\n\t\t\t\troot.removeEventListener(\"pointerover\", over);\n\t\t\t\troot.removeEventListener(\"pointerleave\", leave);\n\t\t\t\troot.removeEventListener(\"focusin\", focus);\n\t\t\t\troot.removeEventListener(\"focusout\", blur);\n\t\t\t\troot.ownerDocument.removeEventListener(\"keydown\", keyboard);\n\t\t\t\troot.removeEventListener(\"scroll\", layout, true);\n\t\t\t\troot.removeEventListener(\"animationend\", layout);\n\t\t\t\troot.removeEventListener(\"transitionend\", layout);\n\t\t\t\tassignRef(ref, null);\n\t\t\t};\n\t\t},\n\t\t[ref, restoreOnPointerLeave],\n\t);\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nocoo/basalt",
-	"version": "3.0.0",
+	"version": "3.2.0",
 	"type": "module",
 	"license": "MIT",
 	"repository": {
@@ -52,36 +52,36 @@
 		"./styles/standalone": "./dist/styles/standalone.css"
 	},
 	"dependencies": {
-		"@radix-ui/react-accordion": "1.2.20",
-		"@radix-ui/react-alert-dialog": "1.1.23",
-		"@radix-ui/react-avatar": "1.2.6",
-		"@radix-ui/react-checkbox": "1.3.11",
-		"@radix-ui/react-collapsible": "1.1.20",
-		"@radix-ui/react-context-menu": "2.3.7",
-		"@radix-ui/react-dialog": "1.1.23",
-		"@radix-ui/react-dropdown-menu": "2.1.24",
-		"@radix-ui/react-hover-card": "1.1.23",
-		"@radix-ui/react-label": "2.1.15",
-		"@radix-ui/react-menubar": "1.1.24",
-		"@radix-ui/react-navigation-menu": "1.2.22",
-		"@radix-ui/react-popover": "1.1.23",
-		"@radix-ui/react-progress": "1.1.16",
-		"@radix-ui/react-radio-group": "1.4.7",
-		"@radix-ui/react-scroll-area": "1.2.18",
-		"@radix-ui/react-select": "2.3.7",
-		"@radix-ui/react-separator": "1.1.15",
-		"@radix-ui/react-slider": "1.4.7",
-		"@radix-ui/react-slot": "1.3.3",
-		"@radix-ui/react-switch": "1.3.7",
-		"@radix-ui/react-tabs": "1.1.21",
-		"@radix-ui/react-toggle": "1.1.18",
-		"@radix-ui/react-toggle-group": "1.1.19",
-		"@radix-ui/react-tooltip": "1.2.16",
+		"@radix-ui/react-accordion": "1.3.1",
+		"@radix-ui/react-alert-dialog": "1.2.1",
+		"@radix-ui/react-avatar": "1.3.1",
+		"@radix-ui/react-checkbox": "1.4.1",
+		"@radix-ui/react-collapsible": "1.2.1",
+		"@radix-ui/react-context-menu": "2.4.1",
+		"@radix-ui/react-dialog": "1.3.1",
+		"@radix-ui/react-dropdown-menu": "2.2.1",
+		"@radix-ui/react-hover-card": "1.2.1",
+		"@radix-ui/react-label": "2.1.17",
+		"@radix-ui/react-menubar": "1.2.1",
+		"@radix-ui/react-navigation-menu": "1.4.1",
+		"@radix-ui/react-popover": "1.3.1",
+		"@radix-ui/react-progress": "1.2.1",
+		"@radix-ui/react-radio-group": "1.5.1",
+		"@radix-ui/react-scroll-area": "1.4.0",
+		"@radix-ui/react-select": "2.4.1",
+		"@radix-ui/react-separator": "1.2.0",
+		"@radix-ui/react-slider": "1.6.1",
+		"@radix-ui/react-slot": "1.5.0",
+		"@radix-ui/react-switch": "1.4.1",
+		"@radix-ui/react-tabs": "1.2.1",
+		"@radix-ui/react-toggle": "1.2.1",
+		"@radix-ui/react-toggle-group": "1.2.1",
+		"@radix-ui/react-tooltip": "1.4.1",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.1.1",
-		"entities": "8.0.0",
-		"marked": "18.0.14",
+		"entities": "8.1.0",
+		"marked": "18.1.1",
 		"sonner": "2.0.8",
 		"tailwind-merge": "3.7.0"
 	},