perf: reduce bundle size by introducing style setter helpers

- Add setPositionAndTop helper in top.ts to consolidate position and top style assignments
- Add setPositionAndBottom helper in bottom.ts to consolidate position and bottom style assignments
- Reduces minified bundle size by ~0.1kb for both top and bottom scripts

Author: kadykov

src/bottom.ts

@@ -63,6 +63,11 @@ export function naturalStickyBottom(
   // Determine move positioning mode based on reserveSpace setting
   const movePosition = reserveSpace ? STATE_RELATIVE : 'absolute';
 
+  const setPositionAndBottom = (position: string, bottom: string) => {
+    element.style.position = position;
+    element.style.bottom = bottom;
+  };
+
   // Function to update state and dispatch event if changed
   const setState = (newState: StickyState) => {
     if (currentState !== newState) {
@@ -99,8 +104,7 @@ export function naturalStickyBottom(
       currentScrollY + viewportHeight >= documentHeight - 1 ||
       (isElementHidden && currentState === STATE_RELATIVE)
     ) {
-      element.style.position = movePosition;
-      element.style.bottom = '0';
+      setPositionAndBottom(movePosition, '0');
       setState(STATE_HOME);
     }
     // Priority 2: Handle scrolling DOWN logic.
@@ -110,23 +114,21 @@ export function naturalStickyBottom(
         elementBottom - snapEagerness * scrollStep <= viewportHeight &&
         currentState === STATE_RELATIVE
       ) {
-        element.style.position = reserveSpace ? STATE_STICKY : 'fixed';
-        element.style.bottom = '0';
+        setPositionAndBottom(reserveSpace ? STATE_STICKY : 'fixed', '0');
         setState(STATE_STICKY);
       }
       // If not becoming sticky, check if we need to release it below the viewport.
       else if (scrollStep >= scrollThreshold && isElementHidden) {
-        element.style.position = movePosition;
-        element.style.bottom = `${
-          viewportBottomOffset - (elementBottom - elementTop)
-        }px`;
+        setPositionAndBottom(
+          movePosition,
+          `${viewportBottomOffset - (elementBottom - elementTop)}px`
+        );
         setState(STATE_RELATIVE);
       }
     }
     // Priority 3: Handle scrolling UP logic.
     else if (scrollStep < 0 && currentState === STATE_STICKY) {
-      element.style.position = movePosition;
-      element.style.bottom = `${viewportBottomOffset}px`;
+      setPositionAndBottom(movePosition, `${viewportBottomOffset}px`);
       setState(STATE_RELATIVE);
     }
 

src/top.ts

@@ -64,6 +64,11 @@ export function naturalStickyTop(
   // Determine move positioning mode based on reserveSpace setting
   const movePosition = reserveSpace ? STATE_RELATIVE : 'absolute';
 
+  const setPositionAndTop = (position: string, top: string) => {
+    element.style.position = position;
+    element.style.top = top;
+  };
+
   // Function to update state and dispatch event if changed
   const setState = (newState: StickyState) => {
     if (currentState !== newState) {
@@ -91,8 +96,7 @@ export function naturalStickyTop(
       currentScrollY <= 0 ||
       (isElementHidden && currentState === STATE_RELATIVE)
     ) {
-      element.style.position = movePosition;
-      element.style.top = '0';
+      setPositionAndTop(movePosition, '0');
       setState(STATE_HOME);
     }
     // Priority 2: Handle scrolling UP logic.
@@ -102,22 +106,21 @@ export function naturalStickyTop(
         elementTop - snapEagerness * scrollStep >= 0 &&
         currentState === STATE_RELATIVE
       ) {
-        element.style.position = reserveSpace ? STATE_STICKY : 'fixed';
-        element.style.top = '0';
+        setPositionAndTop(reserveSpace ? STATE_STICKY : 'fixed', '0');
         setState(STATE_STICKY);
       }
       // If not becoming sticky, check if we need to release it above the viewport.
       else if (-scrollStep >= scrollThreshold && isElementHidden) {
-        element.style.position = movePosition;
-        element.style.top = `${currentScrollY - elementBottom + elementTop}px`;
+        setPositionAndTop(
+          movePosition,
+          `${currentScrollY - elementBottom + elementTop}px`
+        );
         setState(STATE_RELATIVE);
       }
     }
     // Priority 3: Handle scrolling DOWN logic.
     else if (scrollStep > 0 && currentState === STATE_STICKY) {
-      element.style.position = movePosition;
-      // Position at current scroll position so element moves naturally with content
-      element.style.top = `${currentScrollY}px`;
+      setPositionAndTop(movePosition, `${currentScrollY}px`);
       setState(STATE_RELATIVE);
     }