@spear-ai/spectral 1.11.2 → 1.12.0

package/dist/primitives/input-group.js

@@ -1,4 +1,4 @@
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import { t } from "../dist-B4g6zpUF.js";
 import { PrimitiveButton as n } from "./button.js";
 import { Input as r } from "./input.js";

package/dist/primitives/input.js

@@ -1,4 +1,4 @@
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/primitives/input.tsx

package/dist/primitives/popover.js

@@ -1,4 +1,4 @@
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import { a as t, i as n, n as r, r as i, t as a } from "../dist-BtdmHAzK.js";
 import "react";
 import { jsx as o } from "react/jsx-runtime";

package/dist/primitives/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AACzD,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErF,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AA6CnD,eAAO,MAAM,MAAM,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE/E,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAEhG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,kDAM3B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,4CAoBA,CAAA;AAED,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzE,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,4GAA8I,kBAAkB,4CAoD7L,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAEhG,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mCAAmC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAkBxG,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAExG,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,4CAMlH,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,4CAMtH,CAAA"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/primitives/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAErF,OAAO,EAAU,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AA6CnD,eAAO,MAAM,MAAM,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAE/E,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAErF,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAEhG,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,kDAM3B,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IAClD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,4CAoBA,CAAA;AAED,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACzE,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,4GAA8I,kBAAkB,4CAwD7L,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,4CAEhG,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,mCAAmC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,4CAkBxG,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,4CAExG,CAAA;AAED,eAAO,MAAM,oBAAoB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,4CAMlH,CAAA;AAED,eAAO,MAAM,sBAAsB,GAAI,yBAAyB,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,4CAMtH,CAAA"}

package/dist/primitives/select.js

@@ -2,24 +2,25 @@
 import { CheckmarkIcon as e } from "../Icons/CheckmarkIcon.js";
 import { ChevronDownIcon as t } from "../Icons/ChevronDownIcon.js";
 import { ChevronUpIcon as n } from "../Icons/ChevronUpIcon.js";
-import { t as r } from "../twUtils-VNWgstKL.js";
+import { t as r } from "../twUtils-D_qzdiwM.js";
 import { getDropdownSurfaceClasses as i } from "../utils/formFieldUtils.js";
-import { a, c as o, d as s, f as c, h as l, i as u, l as d, m as f, n as p, o as m, p as h, r as g, s as _, t as v, u as y } from "../dist-fW81qjVl.js";
-import { useRef as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useAutoDropdownHorizontalShift as a } from "../utils/dropdownPositioning.js";
+import { a as o, c as s, d as c, f as l, h as u, i as d, l as f, m as p, n as m, o as h, p as g, r as _, s as v, t as y, u as b } from "../dist-fW81qjVl.js";
+import { useRef as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
 //#region src/primitives/select.tsx
-var C = 12, w = (e) => {
+var w = 12, T = (e) => {
 	let t = document.querySelectorAll("[aria-controls]");
 	for (let n of t) if (n.getAttribute("aria-controls") === e) return n;
 	return null;
-}, T = (e) => {
+}, E = (e) => {
 	let t = e.id;
 	if (!t) return;
-	let n = w(t);
+	let n = T(t);
 	if (!n) return;
 	let r = n.closest("[data-slot=\"dialog-content\"]");
 	if (!r) return;
-	let i = e.getBoundingClientRect(), a = r.getBoundingClientRect(), o = i.bottom - a.bottom + C;
+	let i = e.getBoundingClientRect(), a = r.getBoundingClientRect(), o = i.bottom - a.bottom + w;
 	if (o > 0) {
 		r.scrollTo({
 			top: r.scrollTop + o,
@@ -27,98 +28,100 @@ var C = 12, w = (e) => {
 		});
 		return;
 	}
-	let s = a.top - i.top + C;
+	let s = a.top - i.top + w;
 	s > 0 && r.scrollTo({
 		top: Math.max(0, r.scrollTop - s),
 		behavior: "smooth"
 	});
-}, E = ({ ...e }) => /* @__PURE__ */ x(d, {
+}, D = ({ ...e }) => /* @__PURE__ */ S(f, {
 	"data-slot": "select",
 	...e
-}), D = ({ ...e }) => /* @__PURE__ */ x(p, {
+}), O = ({ ...e }) => /* @__PURE__ */ S(m, {
 	"data-slot": "select-group",
 	...e
-}), O = ({ className: e, ...t }) => /* @__PURE__ */ x(f, {
-	className: r("min-w-0 block max-w-full flex-1 truncate text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text!", e),
+}), k = ({ className: e, ...t }) => /* @__PURE__ */ S(p, {
+	className: r("min-w-0 block max-w-full flex-1 truncate text-left whitespace-nowrap text-input-text! data-placeholder:text-input-text-placeholder!", e),
 	"data-slot": "select-value",
 	...t
-}), k = ({ asChild: e, children: n, className: i, size: a = "default", ...o }) => /* @__PURE__ */ S(h, {
+}), A = ({ asChild: e, children: n, className: i, size: a = "default", ...o }) => /* @__PURE__ */ C(g, {
 	asChild: e,
-	className: r("[&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 gap-2 rounded-md px-3 py-2 text-sm shadow-xs h-9 *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 min-w-0 *:data-[slot=select-value]:min-w-0 flex w-fit cursor-pointer items-center justify-between border border-input-border bg-transparent text-input-text! transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-danger-400 data-placeholder:text-input-text! *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center data-[state=open]:**:data-[slot=select-chevron]:rotate-180 [&_svg]:pointer-events-none [&_svg]:shrink-0", i),
+	className: r("[&_svg:not([class*='text-'])]:text-text-placeholder focus-visible:border-ring focus-visible:ring-ring/50 gap-2 rounded-md px-3 py-2 text-sm shadow-xs h-9 *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 min-w-0 *:data-[slot=select-value]:min-w-0 flex w-fit cursor-pointer items-center justify-between border border-input-border bg-transparent text-input-text! transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-danger-400 data-placeholder:text-input-text-placeholder! *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center data-[state=open]:**:data-[slot=select-chevron]:rotate-180 [&_svg]:pointer-events-none [&_svg]:shrink-0", i),
 	"data-size": a,
 	"data-slot": "select-trigger",
 	...o,
-	children: [n, !e && /* @__PURE__ */ x(g, {
+	children: [n, !e && /* @__PURE__ */ S(_, {
 		asChild: !0,
-		children: /* @__PURE__ */ x(t, {
+		children: /* @__PURE__ */ S(t, {
 			className: "size-4 opacity-50 transition-transform duration-200",
 			"data-slot": "select-chevron"
 		})
 	})]
-}), A = ({ align: e = "center", children: t, className: n, dropdownWidth: a = "trigger", onCloseAutoFocus: s, onFocusCapture: c, position: u = "popper", style: d, ...f }) => {
-	let p = b(!1), m = a === "trigger" ? "var(--radix-select-trigger-width)" : a === "content" ? "max-content" : a, h = a === "trigger" || a === "content" ? a : "custom", g = (e) => {
-		if (c?.(e), p.current) return;
-		p.current = !0;
-		let t = e.currentTarget;
-		requestAnimationFrame(() => {
-			T(t);
-		});
-	}, _ = (e) => {
-		p.current = !1, s?.(e);
-	};
-	return /* @__PURE__ */ x(o, { children: /* @__PURE__ */ S(v, {
+}), j = ({ align: e = "center", children: t, className: n, dropdownWidth: o = "trigger", onCloseAutoFocus: c, onFocusCapture: l, position: d = "popper", style: f, ...p }) => {
+	let m = x(!1), { dropdownShiftStyle: h, recalculateDropdownPosition: g, setDropdownElement: _ } = a(), v = o === "trigger" ? "var(--radix-select-trigger-width)" : o === "content" ? "max-content" : o, b = o === "trigger" || o === "content" ? o : "custom";
+	return /* @__PURE__ */ S(s, { children: /* @__PURE__ */ C(y, {
 		align: e,
-		className: r("min-w-32 relative z-50 max-h-[--radix-select-content-available-height] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto text-text-primary motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", i(), u === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
-		"data-dropdown-width-mode": h,
-		"data-dropdown-width-value": h === "custom" ? a : void 0,
+		className: r("min-w-32 relative z-50 max-h-[--radix-select-content-available-height] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto text-text-primary motion-safe:data-[side=bottom]:slide-in-from-top-2 motion-safe:data-[side=left]:slide-in-from-right-2 motion-safe:data-[side=right]:slide-in-from-left-2 motion-safe:data-[side=top]:slide-in-from-bottom-2 motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0 motion-safe:data-[state=open]:zoom-in-95", i(), d === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", n),
+		"data-dropdown-width-mode": b,
+		"data-dropdown-width-value": b === "custom" ? o : void 0,
 		"data-slot": "select-content",
-		onCloseAutoFocus: _,
-		onFocusCapture: g,
-		position: u,
+		onCloseAutoFocus: (e) => {
+			m.current = !1, c?.(e);
+		},
+		onFocusCapture: (e) => {
+			if (l?.(e), m.current) return;
+			m.current = !0;
+			let t = e.currentTarget;
+			requestAnimationFrame(() => {
+				E(t), g();
+			});
+		},
+		position: d,
+		ref: _,
 		style: {
-			...d,
-			width: m
+			...f,
+			width: v,
+			...h
 		},
-		...f,
+		...p,
 		children: [
-			/* @__PURE__ */ x(P, {}),
-			/* @__PURE__ */ x(l, {
-				className: r("p-1", u === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
+			/* @__PURE__ */ S(F, {}),
+			/* @__PURE__ */ S(u, {
+				className: r("p-1", d === "popper" && "scroll-my-1 h-(--radix-select-trigger-height) w-full min-w-full"),
 				"data-slot": "select-viewport",
 				children: t
 			}),
-			/* @__PURE__ */ x(F, {})
+			/* @__PURE__ */ S(I, {})
 		]
 	}) });
-}, j = ({ className: e, ...t }) => /* @__PURE__ */ x(_, {
+}, M = ({ className: e, ...t }) => /* @__PURE__ */ S(v, {
 	className: r("px-2 py-1.5 text-xs text-text-primary", e),
 	"data-slot": "select-label",
 	...t
-}), M = ({ className: t, children: n, ...i }) => /* @__PURE__ */ S(u, {
+}), N = ({ className: t, children: n, ...i }) => /* @__PURE__ */ C(d, {
 	className: r("gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm [&_svg:not([class*='size-'])]:size-4 *:[span]:last:gap-2 relative flex w-full cursor-default items-center outline-none select-none hover:border-input-border--hover hover:bg-accent hover:text-text-inverted! focus:border-input-border--focus focus:bg-accent focus:text-text-inverted! data-disabled:pointer-events-none data-disabled:opacity-50 data-highlighted:bg-accent data-highlighted:text-text-inverted! [&_svg]:pointer-events-none [&_svg]:shrink-0 hover:[&_svg]:text-text-inverted! focus:[&_svg]:text-text-inverted! data-highlighted:[&_svg]:text-text-inverted! *:[span]:last:flex *:[span]:last:items-center", t),
 	"data-slot": "select-item",
 	...i,
-	children: [/* @__PURE__ */ x("span", {
+	children: [/* @__PURE__ */ S("span", {
 		className: "right-2 size-3.5 absolute flex items-center justify-center",
-		children: /* @__PURE__ */ x(a, { children: /* @__PURE__ */ x(e, { className: "size-4" }) })
-	}), /* @__PURE__ */ x(m, {
+		children: /* @__PURE__ */ S(o, { children: /* @__PURE__ */ S(e, { className: "size-4" }) })
+	}), /* @__PURE__ */ S(h, {
 		className: "min-w-0 block max-w-full truncate whitespace-nowrap",
 		children: n
 	})]
-}), N = ({ className: e, ...t }) => /* @__PURE__ */ x(c, {
+}), P = ({ className: e, ...t }) => /* @__PURE__ */ S(l, {
 	className: r("bg-border -mx-1 my-1 pointer-events-none h-px", e),
 	"data-slot": "select-separator",
 	...t
-}), P = ({ className: e, ...t }) => /* @__PURE__ */ x(s, {
+}), F = ({ className: e, ...t }) => /* @__PURE__ */ S(c, {
 	className: r("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-up-button",
 	...t,
-	children: /* @__PURE__ */ x(n, { className: "size-4" })
-}), F = ({ className: e, ...n }) => /* @__PURE__ */ x(y, {
+	children: /* @__PURE__ */ S(n, { className: "size-4" })
+}), I = ({ className: e, ...n }) => /* @__PURE__ */ S(b, {
 	className: r("py-1 flex cursor-default items-center justify-center", e),
 	"data-slot": "select-scroll-down-button",
 	...n,
-	children: /* @__PURE__ */ x(t, { className: "size-4" })
+	children: /* @__PURE__ */ S(t, { className: "size-4" })
 });
 //#endregion
-export { E as Select, A as SelectContent, D as SelectGroup, M as SelectItem, j as SelectLabel, F as SelectScrollDownButton, P as SelectScrollUpButton, N as SelectSeparator, k as SelectTrigger, O as SelectValue };
+export { D as Select, j as SelectContent, O as SelectGroup, N as SelectItem, M as SelectLabel, I as SelectScrollDownButton, F as SelectScrollUpButton, P as SelectSeparator, A as SelectTrigger, k as SelectValue };

package/dist/primitives/textarea.js

@@ -1,4 +1,4 @@
-import { t as e } from "../twUtils-VNWgstKL.js";
+import { t as e } from "../twUtils-D_qzdiwM.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/primitives/textarea.tsx

package/dist/{proxy-Dn10Pl_g.js → proxy-CCB7C4Pu.js}

@@ -1,5 +1,5 @@
 import "./styles/main.css";
-import { a as e, n as t, r as n } from "./chunk-h9knIhTc.js";
+import { a as e, n as t, r as n } from "./chunk-C4rFPcKS.js";
 import { Component as r, Fragment as i, createContext as a, createElement as o, forwardRef as s, useCallback as c, useContext as l, useEffect as u, useId as d, useInsertionEffect as f, useLayoutEffect as p, useMemo as m, useRef as h } from "react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region node_modules/.pnpm/framer-motion@12.38.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs
@@ -913,7 +913,7 @@ var W = (e) => e * 180 / Math.PI, wn = (e) => En(W(Math.atan2(e[1], e[0]))), Tn
 	skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
 };
 function jn(e) {
-	return e.includes("scale") ? 1 : 0;
+	return +!!e.includes("scale");
 }
 function Mn(e, t) {
 	if (!e || e === "none") return jn(t);
@@ -963,7 +963,7 @@ function Bn(e) {
 	let t = [];
 	return zn.forEach((n) => {
 		let r = e.getValue(n);
-		r !== void 0 && (t.push([n, r.get()]), r.set(n.startsWith("scale") ? 1 : 0));
+		r !== void 0 && (t.push([n, r.get()]), r.set(+!!n.startsWith("scale")));
 	}), t;
 }
 var G = {
@@ -1309,8 +1309,8 @@ var Cr = 40, wr = class extends bn {
 			motionValue: c,
 			element: l,
 			...u
-		};
-		this.keyframeResolver = new (l?.KeyframeResolver || Jn)(o, (e, t, n) => this.onKeyframesResolved(e, t, d, !n), s, c, l), this.keyframeResolver?.scheduleResolve();
+		}, f = l?.KeyframeResolver || Jn;
+		this.keyframeResolver = new f(o, (e, t, n) => this.onKeyframesResolved(e, t, d, !n), s, c, l), this.keyframeResolver?.scheduleResolve();
 	}
 	onKeyframesResolved(e, t, n, r) {
 		this.keyframeResolver = void 0;
@@ -1791,7 +1791,7 @@ function hi(e) {
 	if (t === "drop-shadow") return e;
 	let [r] = n.match(Ze) || [];
 	if (!r) return e;
-	let i = n.replace(r, ""), a = mi.has(t) ? 1 : 0;
+	let i = n.replace(r, ""), a = +!!mi.has(t);
 	return r !== n && (a *= 100), t + "(" + a + i + ")";
 }
 var gi = /\b([a-z-]*)\(.*?\)/gu, _i = {
@@ -2608,7 +2608,7 @@ function io(e, t, n) {
 		let o = Fn[a], s = e[o];
 		if (s === void 0) continue;
 		let c = !0;
-		if (typeof s == "number") c = s === (o.startsWith("scale") ? 1 : 0);
+		if (typeof s == "number") c = s === +!!o.startsWith("scale");
 		else {
 			let e = parseFloat(s);
 			c = o.startsWith("scale") ? e === 1 : e === 0;
@@ -4872,14 +4872,14 @@ var ru = {
 			root: t ? t.current : void 0,
 			rootMargin: n,
 			threshold: typeof r == "number" ? r : ru[r]
-		};
-		this.stopObserver = nu(this.node.current, a, (e) => {
+		}, o = (e) => {
 			let { isIntersecting: t } = e;
 			if (this.isInView === t || (this.isInView = t, i && !t && this.hasEnteredView)) return;
 			t && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", t);
 			let { onViewportEnter: n, onViewportLeave: r } = this.node.getProps(), a = t ? n : r;
 			a && a(e);
-		});
+		};
+		this.stopObserver = nu(this.node.current, a, o);
 	}
 	mount() {
 		this.startObserver();