From fa353a315c8f83049205ea46210028c7e7a2546c Mon Sep 17 00:00:00 2001
From: ideacatlab <razvan@ideacat.ro>
Date: Wed, 17 May 2023 09:30:24 +0300
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=94=A8=20=F0=9F=9A=A7=20=F0=9F=94=92?=
 =?UTF-8?q?=EF=B8=8F=20=E2=9A=A1=EF=B8=8F=20Gulp=20to=20Vite=20&=20Refacto?=
 =?UTF-8?q?red=20JavaScript?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 CHANGELOG.md           |  15 ++++
 LICENSE                |   4 +-
 bower.json             |   5 +-
 demo/index.html        |   2 +-
 dist/headhesive.js     | 150 --------------------------------
 dist/headhesive.min.js |   7 --
 dist/headhesive.mjs    |  96 +++++++++++++++++++++
 dist/headhesive.umd.js |   1 +
 gulpfile.js            |  72 ----------------
 package.json           |  56 ++++--------
 src/headhesive.js      | 138 ++++++++++++------------------
 src/helpers.js         |  48 ++++++-----
 vite.config.js         |  19 +++++
 yarn.lock              | 188 +++++++++++++++++++++++++++++++++++++++++
 14 files changed, 418 insertions(+), 383 deletions(-)
 delete mode 100644 dist/headhesive.js
 delete mode 100644 dist/headhesive.min.js
 create mode 100644 dist/headhesive.mjs
 create mode 100644 dist/headhesive.umd.js
 delete mode 100644 gulpfile.js
 create mode 100644 vite.config.js
 create mode 100644 yarn.lock

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 45044ba..a715d55 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,20 +1,32 @@
 # Headhesive changelog
 
+## v2.0.0
+
+- Transitioned from Gulp to Vite build system.
+- Refactored JavaScript codebase for improved efficiency and readability.
+- Conducted backward compatibility testing.
+- Updated the Readme file to reflect changes and provide up-to-date information.
+
 ## v1.2.4
+
 - Fix resize event when using numerical offset
 - Fix destroy method for resize event
 - Changelog corrections
 
 ## v1.2.3
+
 - Readme correction
 
 ## v1.2.2
+
 - Fix UMD support
 
 ## v1.2.1
+
 - Bump version to publish to npm
 
 ## v1.2.0
+
 - Add UMD support
 - Allow to select either the top or bottom of the offset element
 - Update the offset position on browser resize
@@ -23,11 +35,14 @@
 - Make the clone version lower z-index than original. Prevents visual overlap of both when scrolling quickly
 
 ## v1.1.1
+
 - Fix class naming
 
 ## v1.1.0
+
 - Call the init method internally on instance creation
 - Destroy method to only destroy it's instance
 
 ## v1.0.0
+
 - Initial
diff --git a/LICENSE b/LICENSE
index 420d665..db99813 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,4 @@
-The MIT License (MIT)
-
-Copyright (c) 2015 Jim Cowart
+# The MIT License (MIT)
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/bower.json b/bower.json
index 28d9986..5494880 100644
--- a/bower.json
+++ b/bower.json
@@ -1,11 +1,12 @@
 {
   "name": "Headhesive.js",
-  "version": "1.2.4",
+  "version": "2.0.0",
   "homepage": "http://markgoodyear.com/labs/headhesive/",
   "authors": [
+    "Răzvan Gheorghe <razvan@ideacat.ro> (https://ideacat.ro)",
     "Mark Goodyear <hello@markgoodyear.com> (http://markgoodyear.com)"
   ],
-  "description": "An on-demand sticky header",
+  "description": "An on-demand sticky header. 2023 refreshed using Vite",
   "main": "dist/headhesive.js",
   "keywords": [
     "header",
diff --git a/demo/index.html b/demo/index.html
index 0f19d8d..3839334 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -59,7 +59,7 @@ <h3>Scroll to see it in action</h3>
         </div>
     </footer>
 
-    <script type="text/javascript" src="../dist/headhesive.js"></script>
+    <script type="text/javascript" src="../dist/headhesive.mjs"></script>
     <script>
 
         // Set options
diff --git a/dist/headhesive.js b/dist/headhesive.js
deleted file mode 100644
index 8e2e016..0000000
--- a/dist/headhesive.js
+++ /dev/null
@@ -1,150 +0,0 @@
-/*!
- * Headhesive.js v1.2.3 - An on-demand sticky header
- * Author: Copyright (c) Mark Goodyear <@markgdyr> <http://markgoodyear.com>
- * Url: http://markgoodyear.com/labs/headhesive
- * License: MIT
- */
-(function(root, factory) {
-  if (typeof define === "function" && define.amd) {
-    define([], function() {
-      return factory();
-    });
-  } else if (typeof exports === "object") {
-    module.exports = factory();
-  } else {
-    root.Headhesive = factory();
-  }
-})(this, function() {
-  "use strict";
-  var _mergeObj = function(to, from) {
-    for (var p in from) {
-      if (from.hasOwnProperty(p)) {
-        to[p] = typeof from[p] === "object" ? _mergeObj(to[p], from[p]) : from[p];
-      }
-    }
-    return to;
-  };
-  var _throttle = function(func, wait) {
-    var _now = Date.now || function() {
-      return new Date().getTime();
-    };
-    var context, args, result;
-    var timeout = null;
-    var previous = 0;
-    var later = function() {
-      previous = _now();
-      timeout = null;
-      result = func.apply(context, args);
-      context = args = null;
-    };
-    return function() {
-      var now = _now();
-      var remaining = wait - (now - previous);
-      context = this;
-      args = arguments;
-      if (remaining <= 0) {
-        clearTimeout(timeout);
-        timeout = null;
-        previous = now;
-        result = func.apply(context, args);
-        context = args = null;
-      } else if (!timeout) {
-        timeout = setTimeout(later, remaining);
-      }
-      return result;
-    };
-  };
-  var _getScrollY = function() {
-    return window.pageYOffset !== undefined ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
-  };
-  var _getElemY = function(elem, side) {
-    var pos = 0;
-    var elemHeight = elem.offsetHeight;
-    while (elem) {
-      pos += elem.offsetTop;
-      elem = elem.offsetParent;
-    }
-    if (side === "bottom") {
-      pos = pos + elemHeight;
-    }
-    return pos;
-  };
-  var Headhesive = function(elem, options) {
-    if (!("querySelector" in document && "addEventListener" in window)) {
-      return;
-    }
-    this.visible = false;
-    this.options = {
-      offset: 300,
-      offsetSide: "top",
-      classes: {
-        clone: "headhesive",
-        stick: "headhesive--stick",
-        unstick: "headhesive--unstick"
-      },
-      throttle: 250,
-      onInit: function() {},
-      onStick: function() {},
-      onUnstick: function() {},
-      onDestroy: function() {}
-    };
-    this.elem = typeof elem === "string" ? document.querySelector(elem) : elem;
-    this.options = _mergeObj(this.options, options);
-    this.init();
-  };
-  Headhesive.prototype = {
-    constructor: Headhesive,
-    init: function() {
-      this.clonedElem = this.elem.cloneNode(true);
-      this.clonedElem.className += " " + this.options.classes.clone;
-      document.body.insertBefore(this.clonedElem, document.body.firstChild);
-      if (typeof this.options.offset === "number") {
-        this.scrollOffset = this.options.offset;
-      } else if (typeof this.options.offset === "string") {
-        this._setScrollOffset();
-      } else {
-        throw new Error("Invalid offset: " + this.options.offset);
-      }
-      this._throttleUpdate = _throttle(this.update.bind(this), this.options.throttle);
-      this._throttleScrollOffset = _throttle(this._setScrollOffset.bind(this), this.options.throttle);
-      window.addEventListener("scroll", this._throttleUpdate, false);
-      window.addEventListener("resize", this._throttleScrollOffset, false);
-      this.options.onInit.call(this);
-    },
-    _setScrollOffset: function() {
-      if (typeof this.options.offset === "string") {
-        this.scrollOffset = _getElemY(document.querySelector(this.options.offset), this.options.offsetSide);
-      }
-    },
-    destroy: function() {
-      document.body.removeChild(this.clonedElem);
-      window.removeEventListener("scroll", this._throttleUpdate);
-      window.removeEventListener("resize", this._throttleScrollOffset);
-      this.options.onDestroy.call(this);
-    },
-    stick: function() {
-      if (!this.visible) {
-        this.clonedElem.className = this.clonedElem.className.replace(new RegExp("(^|\\s)*" + this.options.classes.unstick + "(\\s|$)*", "g"), "");
-        this.clonedElem.className += " " + this.options.classes.stick;
-        this.visible = true;
-        this.options.onStick.call(this);
-      }
-    },
-    unstick: function() {
-      if (this.visible) {
-        this.clonedElem.className = this.clonedElem.className.replace(new RegExp("(^|\\s)*" + this.options.classes.stick + "(\\s|$)*", "g"), "");
-        this.clonedElem.className += " " + this.options.classes.unstick;
-        this.visible = false;
-        this.options.onUnstick.call(this);
-      }
-    },
-    update: function() {
-      if (_getScrollY() > this.scrollOffset) {
-        this.stick();
-      } else {
-        this.unstick();
-      }
-    }
-  };
-  return Headhesive;
-});
\ No newline at end of file
diff --git a/dist/headhesive.min.js b/dist/headhesive.min.js
deleted file mode 100644
index 65c1f46..0000000
--- a/dist/headhesive.min.js
+++ /dev/null
@@ -1,7 +0,0 @@
-/*!
- * Headhesive.js v1.2.3 - An on-demand sticky header
- * Author: Copyright (c) Mark Goodyear <@markgdyr> <http://markgoodyear.com>
- * Url: http://markgoodyear.com/labs/headhesive
- * License: MIT
- */
-!function(t,e){"function"==typeof define&&define.amd?define([],function(){return e()}):"object"==typeof exports?module.exports=e():t.Headhesive=e()}(this,function(){"use strict";var t=function(e,s){for(var o in s)s.hasOwnProperty(o)&&(e[o]="object"==typeof s[o]?t(e[o],s[o]):s[o]);return e},e=function(t,e){var s,o,i,n=Date.now||function(){return(new Date).getTime()},l=null,c=0,r=function(){c=n(),l=null,i=t.apply(s,o),s=o=null};return function(){var f=n(),h=e-(f-c);return s=this,o=arguments,0>=h?(clearTimeout(l),l=null,c=f,i=t.apply(s,o),s=o=null):l||(l=setTimeout(r,h)),i}},s=function(){return void 0!==window.pageYOffset?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop},o=function(t,e){for(var s=0,o=t.offsetHeight;t;)s+=t.offsetTop,t=t.offsetParent;return"bottom"===e&&(s+=o),s},i=function(e,s){"querySelector"in document&&"addEventListener"in window&&(this.visible=!1,this.options={offset:300,offsetSide:"top",classes:{clone:"headhesive",stick:"headhesive--stick",unstick:"headhesive--unstick"},throttle:250,onInit:function(){},onStick:function(){},onUnstick:function(){},onDestroy:function(){}},this.elem="string"==typeof e?document.querySelector(e):e,this.options=t(this.options,s),this.init())};return i.prototype={constructor:i,init:function(){if(this.clonedElem=this.elem.cloneNode(!0),this.clonedElem.className+=" "+this.options.classes.clone,document.body.insertBefore(this.clonedElem,document.body.firstChild),"number"==typeof this.options.offset)this.scrollOffset=this.options.offset;else{if("string"!=typeof this.options.offset)throw new Error("Invalid offset: "+this.options.offset);this._setScrollOffset()}this._throttleUpdate=e(this.update.bind(this),this.options.throttle),this._throttleScrollOffset=e(this._setScrollOffset.bind(this),this.options.throttle),window.addEventListener("scroll",this._throttleUpdate,!1),window.addEventListener("resize",this._throttleScrollOffset,!1),this.options.onInit.call(this)},_setScrollOffset:function(){"string"==typeof this.options.offset&&(this.scrollOffset=o(document.querySelector(this.options.offset),this.options.offsetSide))},destroy:function(){document.body.removeChild(this.clonedElem),window.removeEventListener("scroll",this._throttleUpdate),window.removeEventListener("resize",this._throttleScrollOffset),this.options.onDestroy.call(this)},stick:function(){this.visible||(this.clonedElem.className=this.clonedElem.className.replace(new RegExp("(^|\\s)*"+this.options.classes.unstick+"(\\s|$)*","g"),""),this.clonedElem.className+=" "+this.options.classes.stick,this.visible=!0,this.options.onStick.call(this))},unstick:function(){this.visible&&(this.clonedElem.className=this.clonedElem.className.replace(new RegExp("(^|\\s)*"+this.options.classes.stick+"(\\s|$)*","g"),""),this.clonedElem.className+=" "+this.options.classes.unstick,this.visible=!1,this.options.onUnstick.call(this))},update:function(){s()>this.scrollOffset?this.stick():this.unstick()}},i});
\ No newline at end of file
diff --git a/dist/headhesive.mjs b/dist/headhesive.mjs
new file mode 100644
index 0000000..d7b0e47
--- /dev/null
+++ b/dist/headhesive.mjs
@@ -0,0 +1,96 @@
+const u = function(t, e) {
+  for (let s in e)
+    Object.prototype.hasOwnProperty.call(e, s) && (t[s] = typeof e[s] == "object" ? u(t[s], e[s]) : e[s]);
+  return t;
+}, h = function(t, e) {
+  const s = Date.now || function() {
+    return (/* @__PURE__ */ new Date()).getTime();
+  };
+  let i, o, l, n = null, c = 0;
+  const d = function() {
+    c = s(), n = null, l = t.apply(i, o), i = o = null;
+  };
+  return function() {
+    const r = Date.now(), f = e - (r - c);
+    return i = this, o = arguments, f <= 0 ? (clearTimeout(n), n = null, c = r, l = t.apply(i, o), i = o = null) : n || (n = setTimeout(d, f)), l;
+  };
+}, a = function() {
+  return window.scrollY !== void 0 ? window.scrollY : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+}, p = function(t, e) {
+  let s = 0;
+  const i = t.offsetHeight;
+  for (; t; )
+    s += t.offsetTop, t = t.offsetParent;
+  return e === "bottom" && (s = s + i), s;
+};
+(function(t, e) {
+  typeof define == "function" && define.amd ? define([], function() {
+    return e();
+  }) : typeof exports == "object" ? module.exports = e() : t.Headhesive = e();
+})(globalThis, function() {
+  var t = function(e, s) {
+    "querySelector" in document && "addEventListener" in window && (this.visible = !1, this.options = {
+      offset: 300,
+      offsetSide: "top",
+      classes: {
+        clone: "headhesive",
+        stick: "headhesive--stick",
+        unstick: "headhesive--unstick"
+      },
+      throttle: 250,
+      onInit: function() {
+      },
+      onStick: function() {
+      },
+      onUnstick: function() {
+      },
+      onDestroy: function() {
+      }
+    }, this.elem = typeof e == "string" ? document.querySelector(e) : e, this.options = u(this.options, s), this.init());
+  };
+  return t.prototype = {
+    constructor: t,
+    init: function() {
+      if (this.clonedElem = this.elem.cloneNode(!0), this.clonedElem.className += " " + this.options.classes.clone, document.body.insertBefore(this.clonedElem, document.body.firstChild), typeof this.options.offset == "number")
+        this.scrollOffset = this.options.offset;
+      else if (typeof this.options.offset == "string")
+        this.setScrollOffset();
+      else
+        throw new Error("Invalid offset: " + this.options.offset);
+      this.throttleUpdate = h(
+        this.update.bind(this),
+        this.options.throttle
+      ), this.throttleScrollOffset = h(
+        this.setScrollOffset.bind(this),
+        this.options.throttle
+      ), window.addEventListener("scroll", this.throttleUpdate, !1), window.addEventListener("resize", this.throttleScrollOffset, !1), this.options.onInit.call(this);
+    },
+    setScrollOffset: function() {
+      typeof this.options.offset == "string" && (this.scrollOffset = p(
+        document.querySelector(this.options.offset),
+        this.options.offsetSide
+      ));
+    },
+    destroy: function() {
+      document.body.removeChild(this.clonedElem), window.removeEventListener("scroll", this.throttleUpdate), window.removeEventListener("resize", this.throttleScrollOffset), this.options.onDestroy.call(this);
+    },
+    stick: function() {
+      this.visible || (this.clonedElem.className = this.clonedElem.className.replace(
+        new RegExp(
+          "(^|\\s)*" + this.options.classes.unstick + "(\\s|$)*",
+          "g"
+        ),
+        ""
+      ), this.clonedElem.className += " " + this.options.classes.stick, this.visible = !0, this.options.onStick.call(this));
+    },
+    unstick: function() {
+      this.visible && (this.clonedElem.className = this.clonedElem.className.replace(
+        new RegExp("(^|\\s)*" + this.options.classes.stick + "(\\s|$)*", "g"),
+        ""
+      ), this.clonedElem.className += " " + this.options.classes.unstick, this.visible = !1, this.options.onUnstick.call(this));
+    },
+    update: function() {
+      a() > this.scrollOffset ? this.stick() : this.unstick();
+    }
+  }, t;
+});
diff --git a/dist/headhesive.umd.js b/dist/headhesive.umd.js
new file mode 100644
index 0000000..032d16b
--- /dev/null
+++ b/dist/headhesive.umd.js
@@ -0,0 +1 @@
+(function(o){typeof define=="function"&&define.amd?define(o):o()})(function(){"use strict";const o=function(t,e){for(let s in e)Object.prototype.hasOwnProperty.call(e,s)&&(t[s]=typeof e[s]=="object"?o(t[s],e[s]):e[s]);return t},r=function(t,e){const s=Date.now||function(){return new Date().getTime()};let i,n,c,l=null,f=0;const p=function(){f=s(),l=null,c=t.apply(i,n),i=n=null};return function(){const h=Date.now(),u=e-(h-f);return i=this,n=arguments,u<=0?(clearTimeout(l),l=null,f=h,c=t.apply(i,n),i=n=null):l||(l=setTimeout(p,u)),c}},d=function(){return window.scrollY!==void 0?window.scrollY:(document.documentElement||document.body.parentNode||document.body).scrollTop},a=function(t,e){let s=0;const i=t.offsetHeight;for(;t;)s+=t.offsetTop,t=t.offsetParent;return e==="bottom"&&(s=s+i),s};(function(t,e){typeof define=="function"&&define.amd?define([],function(){return e()}):typeof exports=="object"?module.exports=e():t.Headhesive=e()})(globalThis,function(){var t=function(e,s){"querySelector"in document&&"addEventListener"in window&&(this.visible=!1,this.options={offset:300,offsetSide:"top",classes:{clone:"headhesive",stick:"headhesive--stick",unstick:"headhesive--unstick"},throttle:250,onInit:function(){},onStick:function(){},onUnstick:function(){},onDestroy:function(){}},this.elem=typeof e=="string"?document.querySelector(e):e,this.options=o(this.options,s),this.init())};return t.prototype={constructor:t,init:function(){if(this.clonedElem=this.elem.cloneNode(!0),this.clonedElem.className+=" "+this.options.classes.clone,document.body.insertBefore(this.clonedElem,document.body.firstChild),typeof this.options.offset=="number")this.scrollOffset=this.options.offset;else if(typeof this.options.offset=="string")this.setScrollOffset();else throw new Error("Invalid offset: "+this.options.offset);this.throttleUpdate=r(this.update.bind(this),this.options.throttle),this.throttleScrollOffset=r(this.setScrollOffset.bind(this),this.options.throttle),window.addEventListener("scroll",this.throttleUpdate,!1),window.addEventListener("resize",this.throttleScrollOffset,!1),this.options.onInit.call(this)},setScrollOffset:function(){typeof this.options.offset=="string"&&(this.scrollOffset=a(document.querySelector(this.options.offset),this.options.offsetSide))},destroy:function(){document.body.removeChild(this.clonedElem),window.removeEventListener("scroll",this.throttleUpdate),window.removeEventListener("resize",this.throttleScrollOffset),this.options.onDestroy.call(this)},stick:function(){this.visible||(this.clonedElem.className=this.clonedElem.className.replace(new RegExp("(^|\\s)*"+this.options.classes.unstick+"(\\s|$)*","g"),""),this.clonedElem.className+=" "+this.options.classes.stick,this.visible=!0,this.options.onStick.call(this))},unstick:function(){this.visible&&(this.clonedElem.className=this.clonedElem.className.replace(new RegExp("(^|\\s)*"+this.options.classes.stick+"(\\s|$)*","g"),""),this.clonedElem.className+=" "+this.options.classes.unstick,this.visible=!1,this.options.onUnstick.call(this))},update:function(){d()>this.scrollOffset?this.stick():this.unstick()}},t})});
diff --git a/gulpfile.js b/gulpfile.js
deleted file mode 100644
index 2dc8b0e..0000000
--- a/gulpfile.js
+++ /dev/null
@@ -1,72 +0,0 @@
-/**
- * Modules
- */
-var gulp    = require('gulp');
-var jshint  = require('gulp-jshint');
-var concat  = require('gulp-concat');
-var uglify  = require('gulp-uglify');
-var header  = require('gulp-header');
-var rename  = require('gulp-rename');
-var include = require('gulp-include');
-var bump    = require('gulp-bump');
-var del     = require('del');
-var pkg     = require('./package.json');
-
-/**
- * Config
- */
-var config = {
-  name:   'Headhesive',
-  src:    'src/headhesive.js',
-  dest:   'dist/',
-  banner: ['/*!',
-           ' * Headhesive.js v<%= pkg.version %> - <%= pkg.description %>',
-           ' * Author: Copyright (c) <%= pkg.author.name %> <<%= pkg.author.twitter %>> <<%= pkg.author.url %>>',
-           ' * Url: <%= pkg.homepage %>',
-           ' * License: <%= pkg.license %>',
-           ' */',
-           ''].join('\n')
-};
-
-/**
- * Bump version
- */
-var bumpVer = function (bumpType) {
-  return gulp.src(['./package.json', './bower.json'])
-    .pipe(bump({
-      type: bumpType
-    }))
-    .pipe(gulp.dest('./'));
-}
-
-gulp.task('bump:patch', function () { return bumpVer('patch'); })
-gulp.task('bump:minor', function () { return bumpVer('minor'); })
-gulp.task('bump:major', function () { return bumpVer('major'); })
-
-/**
- * Tasks
- */
-gulp.task('clean', function (cb) {
-  del(['dist'], cb)
-});
-
-gulp.task('compile', function () {
-  return gulp.src(config.src)
-    .pipe(jshint('.jshintrc'))
-    .pipe(jshint.reporter('jshint-stylish'))
-    .pipe(include())
-    .pipe(header(config.banner, { pkg: pkg }))
-    .pipe(uglify({preserveComments: 'some', compress: false, mangle: false, output: { beautify: true, indent_level: 2 }}))
-    .pipe(gulp.dest(config.dest))
-    .pipe(uglify({preserveComments: 'some'}))
-    .pipe(rename({suffix: '.min'}))
-    .pipe(gulp.dest(config.dest));
-});
-
-gulp.task('default', ['clean'], function () {
-  gulp.start('compile');
-});
-
-gulp.task('watch', function () {
-  gulp.watch(config.src, ['compile']);
-});
diff --git a/package.json b/package.json
index 319b793..57ab7c6 100644
--- a/package.json
+++ b/package.json
@@ -1,49 +1,23 @@
 {
-  "name": "headhesive",
-  "description": "An on-demand sticky header",
-  "version": "1.2.4",
-  "author": {
-    "name": "Mark Goodyear",
-    "url": "http://markgoodyear.com",
-    "twitter": "@markgdyr"
-  },
-  "keywords": [
-    "header",
-    "head",
-    "sticky",
-    "banner",
-    "navigation",
-    "nav",
-    "scroll"
-  ],
+  "name": "headhesive.js",
+  "version": "2.0.0",
+  "description": "An on-demand sticky header, 2023 refreshed using Vite",
   "main": "dist/headhesive.js",
-  "homepage": "http://markgoodyear.com/labs/headhesive",
-  "repository": "git@github.com:markgoodyear/headhesive.js.git",
-  "bugs": {
-    "url": "https://github.com/markgoodyear/headhesive.js/issues"
+  "types": "dist/headhesive.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "prepublish": "yarn build"
   },
-  "files": [
-    "dist",
-    "README.md",
-    "LICENSE"
+  "keywords": [],
+  "author": "",
+  "authors": [
+    "Răzvan Gheorghe <razvan@ideacat.ro> (https://ideacat.ro)",
+    "Mark Goodyear <hello@markgoodyear.com> (http://markgoodyear.com)"
   ],
   "license": "MIT",
-  "engines": {
-    "node": ">= 0.9"
-  },
   "devDependencies": {
-    "del": "^1.2.0",
-    "gulp": "~3.8.11",
-    "gulp-bump": "^0.3.1",
-    "gulp-concat": "~2.5.2",
-    "gulp-header": "~1.2.2",
-    "gulp-include": "^1.1.1",
-    "gulp-jshint": "~1.11.0",
-    "gulp-livereload": "~3.8.0",
-    "gulp-plumber": "~1.0.1",
-    "gulp-rename": "~1.2.2",
-    "gulp-uglify": "~1.2.0",
-    "gulp-util": "~3.0.4",
-    "jshint-stylish": "~2.0.0"
+    "vite": "^4.3.7"
   }
 }
diff --git a/src/headhesive.js b/src/headhesive.js
index 8c717fc..5511c27 100644
--- a/src/headhesive.js
+++ b/src/headhesive.js
@@ -1,158 +1,124 @@
+import { mergeObj, throttle, getScrollY, getElemY } from "./helpers.js";
+
 (function (root, factory) {
-  if (typeof define === 'function' && define.amd) {
+  if (typeof define === "function" && define.amd) {
     define([], function () {
       return factory();
     });
-  } else if (typeof exports === 'object') {
+  } else if (typeof exports === "object") {
     module.exports = factory();
   } else {
     root.Headhesive = factory();
   }
 })(this, function () {
-  'use strict';
-
-  //= include helpers.js
+  "use strict";
 
-  /**
-   * Constructor
-   */
   var Headhesive = function (elem, options) {
-
-    // Return if feature test fails
-    if (! ('querySelector' in document && 'addEventListener' in window) ) {
+    if (!("querySelector" in document && "addEventListener" in window)) {
       return;
     }
 
-    // Initial state
     this.visible = false;
 
-    // Options
     this.options = {
       offset: 300,
-      offsetSide: 'top',
+      offsetSide: "top",
       classes: {
-        clone:   'headhesive',
-        stick:   'headhesive--stick',
-        unstick: 'headhesive--unstick'
+        clone: "headhesive",
+        stick: "headhesive--stick",
+        unstick: "headhesive--unstick",
       },
       throttle: 250,
-      onInit:    function () {},
-      onStick:   function () {},
+      onInit: function () {},
+      onStick: function () {},
       onUnstick: function () {},
       onDestroy: function () {},
     };
 
-    // Get elem, check if string, if not assume object passed in
-    this.elem = (typeof elem === 'string') ? document.querySelector(elem) : elem;
-
-    // Merge user options with default options
-    this.options = _mergeObj(this.options, options);
-
-    // Self init
+    this.elem = typeof elem === "string" ? document.querySelector(elem) : elem;
+    this.options = mergeObj(this.options, options);
     this.init();
   };
 
-
-  /**
-   * Headhesive prototype methods
-   */
   Headhesive.prototype = {
-
     constructor: Headhesive,
 
-    /**
-     * Initialise Headhesive
-     */
     init: function () {
-
-      // Clone element
       this.clonedElem = this.elem.cloneNode(true);
-      this.clonedElem.className += ' ' + this.options.classes.clone;
+      this.clonedElem.className += " " + this.options.classes.clone;
       document.body.insertBefore(this.clonedElem, document.body.firstChild);
 
-      // Determin offset value
-      if (typeof this.options.offset === 'number') {
+      if (typeof this.options.offset === "number") {
         this.scrollOffset = this.options.offset;
-
-      } else if (typeof this.options.offset === 'string') {
-        this._setScrollOffset();
-
+      } else if (typeof this.options.offset === "string") {
+        this.setScrollOffset();
       } else {
-        throw new Error('Invalid offset: ' + this.options.offset);
+        throw new Error("Invalid offset: " + this.options.offset);
       }
 
-      // Throttled events
-      this._throttleUpdate = _throttle(this.update.bind(this), this.options.throttle);
-      this._throttleScrollOffset = _throttle(this._setScrollOffset.bind(this), this.options.throttle);
-
-      // Events.
-      window.addEventListener('scroll', this._throttleUpdate, false);
-      window.addEventListener('resize', this._throttleScrollOffset, false);
-
-      // Callback.
+      this.throttleUpdate = throttle(
+        this.update.bind(this),
+        this.options.throttle
+      );
+      this.throttleScrollOffset = throttle(
+        this.setScrollOffset.bind(this),
+        this.options.throttle
+      );
+
+      window.addEventListener("scroll", this.throttleUpdate, false);
+      window.addEventListener("resize", this.throttleScrollOffset, false);
       this.options.onInit.call(this);
     },
 
-    /**
-     * Sets the scrollOffset value.
-     */
-    _setScrollOffset: function () {
-      if (typeof this.options.offset === 'string') {
-        this.scrollOffset = _getElemY(document.querySelector(this.options.offset), this.options.offsetSide);
+    setScrollOffset: function () {
+      if (typeof this.options.offset === "string") {
+        this.scrollOffset = getElemY(
+          document.querySelector(this.options.offset),
+          this.options.offsetSide
+        );
       }
     },
 
-    /**
-     * Clean up DOM and remove events
-     */
     destroy: function () {
       document.body.removeChild(this.clonedElem);
-      window.removeEventListener('scroll', this._throttleUpdate);
-      window.removeEventListener('resize', this._throttleScrollOffset);
-
-      // Callback.
+      window.removeEventListener("scroll", this.throttleUpdate);
+      window.removeEventListener("resize", this.throttleScrollOffset);
       this.options.onDestroy.call(this);
     },
 
-    /**
-     * Logic for sticking element
-     */
     stick: function () {
       if (!this.visible) {
-        this.clonedElem.className = this.clonedElem.className.replace(new RegExp('(^|\\s)*' + this.options.classes.unstick + '(\\s|$)*', 'g'), '');
-        this.clonedElem.className += ' ' + this.options.classes.stick;
+        this.clonedElem.className = this.clonedElem.className.replace(
+          new RegExp(
+            "(^|\\s)*" + this.options.classes.unstick + "(\\s|$)*",
+            "g"
+          ),
+          ""
+        );
+        this.clonedElem.className += " " + this.options.classes.stick;
         this.visible = true;
-
-        // Callback.
         this.options.onStick.call(this);
       }
     },
 
-    /**
-     * Logic for unsticking element
-     */
     unstick: function () {
       if (this.visible) {
-        this.clonedElem.className = this.clonedElem.className.replace(new RegExp('(^|\\s)*' + this.options.classes.stick + '(\\s|$)*', 'g'), '');
-        this.clonedElem.className += ' ' + this.options.classes.unstick;
+        this.clonedElem.className = this.clonedElem.className.replace(
+          new RegExp("(^|\\s)*" + this.options.classes.stick + "(\\s|$)*", "g"),
+          ""
+        );
+        this.clonedElem.className += " " + this.options.classes.unstick;
         this.visible = false;
-
-        // Callback.
         this.options.onUnstick.call(this);
       }
     },
-
-    /**
-     * Update status of elem
-     */
     update: function () {
-      if (_getScrollY() > this.scrollOffset) {
+      if (getScrollY() > this.scrollOffset) {
         this.stick();
       } else {
         this.unstick();
       }
     },
-
   };
 
   return Headhesive;
diff --git a/src/helpers.js b/src/helpers.js
index 944e15d..660c79a 100644
--- a/src/helpers.js
+++ b/src/helpers.js
@@ -4,10 +4,10 @@
  * @param  {Object} from
  * @return {Object}
  */
-var _mergeObj = function (to, from) {
-  for (var p in from) {
-    if (from.hasOwnProperty(p)) {
-      to[p] = (typeof from[p] === 'object') ? _mergeObj(to[p], from[p]) : from[p];
+export const mergeObj = function (to, from) {
+  for (let p in from) {
+    if (Object.prototype.hasOwnProperty.call(from, p)) {
+      to[p] = typeof from[p] === "object" ? mergeObj(to[p], from[p]) : from[p];
     }
   }
 
@@ -17,21 +17,25 @@ var _mergeObj = function (to, from) {
 /**
  * Throttle, borrowed from Underscore.js
  */
-var _throttle = function (func, wait) {
-  var _now =  Date.now || function () { return new Date().getTime(); };
-  var context, args, result;
-  var timeout = null;
-  var previous = 0;
-  var later = function () {
-    previous = _now();
+export const throttle = function (func, wait) {
+  const now =
+    Date.now ||
+    function () {
+      return new Date().getTime();
+    };
+  let context, args, result;
+  let timeout = null;
+  let previous = 0;
+  const later = function () {
+    previous = now();
     timeout = null;
     result = func.apply(context, args);
     context = args = null;
   };
 
   return function () {
-    var now = _now();
-    var remaining = wait - (now - previous);
+    const now = Date.now();
+    const remaining = wait - (now - previous);
     context = this;
     args = arguments;
 
@@ -50,12 +54,14 @@ var _throttle = function (func, wait) {
 };
 
 /**
- * Get current Y posistion
+ * Get current Y position
  * @return {Number}
  */
-var _getScrollY = function () {
-  return (window.pageYOffset !== undefined) ?
-      window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+export const getScrollY = function () {
+  return window.scrollY !== undefined
+    ? window.scrollY
+    : (document.documentElement || document.body.parentNode || document.body)
+        .scrollTop;
 };
 
 /**
@@ -64,16 +70,16 @@ var _getScrollY = function () {
  * @param  {String}          side - Elem side (top or bottom)
  * @return {Number}
  */
-var _getElemY = function (elem, side) {
-  var pos = 0;
-  var elemHeight = elem.offsetHeight;
+export const getElemY = function (elem, side) {
+  let pos = 0;
+  const elemHeight = elem.offsetHeight;
 
   while (elem) {
     pos += elem.offsetTop;
     elem = elem.offsetParent;
   }
 
-  if (side === 'bottom') {
+  if (side === "bottom") {
     pos = pos + elemHeight;
   }
 
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..5943657
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,19 @@
+import { defineConfig } from "vite";
+
+export default defineConfig({
+    build: {
+        lib: {
+            entry: "src/headhesive.js",
+            name: "Headhesive",
+            fileName: "headhesive",
+        },
+        rollupOptions: {
+            external: ["vue"],
+            output: {
+                globals: {
+                    vue: "Vue",
+                },
+            },
+        },
+    },
+});
diff --git a/yarn.lock b/yarn.lock
new file mode 100644
index 0000000..8398ec7
--- /dev/null
+++ b/yarn.lock
@@ -0,0 +1,188 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@esbuild/android-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm64/-/android-arm64-0.17.19.tgz#bafb75234a5d3d1b690e7c2956a599345e84a2fd"
+  integrity sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==
+
+"@esbuild/android-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-arm/-/android-arm-0.17.19.tgz#5898f7832c2298bc7d0ab53701c57beb74d78b4d"
+  integrity sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==
+
+"@esbuild/android-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/android-x64/-/android-x64-0.17.19.tgz#658368ef92067866d95fb268719f98f363d13ae1"
+  integrity sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==
+
+"@esbuild/darwin-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.19.tgz#584c34c5991b95d4d48d333300b1a4e2ff7be276"
+  integrity sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==
+
+"@esbuild/darwin-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/darwin-x64/-/darwin-x64-0.17.19.tgz#7751d236dfe6ce136cce343dce69f52d76b7f6cb"
+  integrity sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==
+
+"@esbuild/freebsd-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.19.tgz#cacd171665dd1d500f45c167d50c6b7e539d5fd2"
+  integrity sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==
+
+"@esbuild/freebsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.19.tgz#0769456eee2a08b8d925d7c00b79e861cb3162e4"
+  integrity sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==
+
+"@esbuild/linux-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm64/-/linux-arm64-0.17.19.tgz#38e162ecb723862c6be1c27d6389f48960b68edb"
+  integrity sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==
+
+"@esbuild/linux-arm@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-arm/-/linux-arm-0.17.19.tgz#1a2cd399c50040184a805174a6d89097d9d1559a"
+  integrity sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==
+
+"@esbuild/linux-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ia32/-/linux-ia32-0.17.19.tgz#e28c25266b036ce1cabca3c30155222841dc035a"
+  integrity sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==
+
+"@esbuild/linux-loong64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-loong64/-/linux-loong64-0.17.19.tgz#0f887b8bb3f90658d1a0117283e55dbd4c9dcf72"
+  integrity sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==
+
+"@esbuild/linux-mips64el@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.19.tgz#f5d2a0b8047ea9a5d9f592a178ea054053a70289"
+  integrity sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==
+
+"@esbuild/linux-ppc64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.19.tgz#876590e3acbd9fa7f57a2c7d86f83717dbbac8c7"
+  integrity sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==
+
+"@esbuild/linux-riscv64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.19.tgz#7f49373df463cd9f41dc34f9b2262d771688bf09"
+  integrity sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==
+
+"@esbuild/linux-s390x@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-s390x/-/linux-s390x-0.17.19.tgz#e2afd1afcaf63afe2c7d9ceacd28ec57c77f8829"
+  integrity sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==
+
+"@esbuild/linux-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/linux-x64/-/linux-x64-0.17.19.tgz#8a0e9738b1635f0c53389e515ae83826dec22aa4"
+  integrity sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==
+
+"@esbuild/netbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.19.tgz#c29fb2453c6b7ddef9a35e2c18b37bda1ae5c462"
+  integrity sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==
+
+"@esbuild/openbsd-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.19.tgz#95e75a391403cb10297280d524d66ce04c920691"
+  integrity sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==
+
+"@esbuild/sunos-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/sunos-x64/-/sunos-x64-0.17.19.tgz#722eaf057b83c2575937d3ffe5aeb16540da7273"
+  integrity sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==
+
+"@esbuild/win32-arm64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-arm64/-/win32-arm64-0.17.19.tgz#9aa9dc074399288bdcdd283443e9aeb6b9552b6f"
+  integrity sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==
+
+"@esbuild/win32-ia32@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-ia32/-/win32-ia32-0.17.19.tgz#95ad43c62ad62485e210f6299c7b2571e48d2b03"
+  integrity sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==
+
+"@esbuild/win32-x64@0.17.19":
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/@esbuild/win32-x64/-/win32-x64-0.17.19.tgz#8cfaf2ff603e9aabb910e9c0558c26cf32744061"
+  integrity sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==
+
+esbuild@^0.17.5:
+  version "0.17.19"
+  resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.17.19.tgz#087a727e98299f0462a3d0bcdd9cd7ff100bd955"
+  integrity sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==
+  optionalDependencies:
+    "@esbuild/android-arm" "0.17.19"
+    "@esbuild/android-arm64" "0.17.19"
+    "@esbuild/android-x64" "0.17.19"
+    "@esbuild/darwin-arm64" "0.17.19"
+    "@esbuild/darwin-x64" "0.17.19"
+    "@esbuild/freebsd-arm64" "0.17.19"
+    "@esbuild/freebsd-x64" "0.17.19"
+    "@esbuild/linux-arm" "0.17.19"
+    "@esbuild/linux-arm64" "0.17.19"
+    "@esbuild/linux-ia32" "0.17.19"
+    "@esbuild/linux-loong64" "0.17.19"
+    "@esbuild/linux-mips64el" "0.17.19"
+    "@esbuild/linux-ppc64" "0.17.19"
+    "@esbuild/linux-riscv64" "0.17.19"
+    "@esbuild/linux-s390x" "0.17.19"
+    "@esbuild/linux-x64" "0.17.19"
+    "@esbuild/netbsd-x64" "0.17.19"
+    "@esbuild/openbsd-x64" "0.17.19"
+    "@esbuild/sunos-x64" "0.17.19"
+    "@esbuild/win32-arm64" "0.17.19"
+    "@esbuild/win32-ia32" "0.17.19"
+    "@esbuild/win32-x64" "0.17.19"
+
+fsevents@~2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.2.tgz#8a526f78b8fdf4623b709e0b975c52c24c02fd1a"
+  integrity sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==
+
+nanoid@^3.3.6:
+  version "3.3.6"
+  resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.6.tgz#443380c856d6e9f9824267d960b4236ad583ea4c"
+  integrity sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==
+
+picocolors@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
+  integrity sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==
+
+postcss@^8.4.23:
+  version "8.4.23"
+  resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.23.tgz#df0aee9ac7c5e53e1075c24a3613496f9e6552ab"
+  integrity sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==
+  dependencies:
+    nanoid "^3.3.6"
+    picocolors "^1.0.0"
+    source-map-js "^1.0.2"
+
+rollup@^3.21.0:
+  version "3.22.0"
+  resolved "https://registry.yarnpkg.com/rollup/-/rollup-3.22.0.tgz#e6671baebdd473154ac7998bbc57faabcd7bba20"
+  integrity sha512-imsigcWor5Y/dC0rz2q0bBt9PabcL3TORry2hAa6O6BuMvY71bqHyfReAz5qyAqiQATD1m70qdntqBfBQjVWpQ==
+  optionalDependencies:
+    fsevents "~2.3.2"
+
+source-map-js@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
+  integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
+
+vite@^4.3.7:
+  version "4.3.7"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-4.3.7.tgz#04f98ab0f4689490545b2f6fa0515e95072bb298"
+  integrity sha512-MTIFpbIm9v7Hh5b0wSBgkcWzSBz7SAa6K/cBTwS4kUiQJfQLFlZZRJRQgqunCVzhTPCk674tW+0Qaqh3Q00dBg==
+  dependencies:
+    esbuild "^0.17.5"
+    postcss "^8.4.23"
+    rollup "^3.21.0"
+  optionalDependencies:
+    fsevents "~2.3.2"

From 936ab705d589cf6df155bf01070aba678bd8850f Mon Sep 17 00:00:00 2001
From: ideacatlab <razvan@ideacat.ro>
Date: Wed, 17 May 2023 09:47:26 +0300
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=93=9D=20=F0=9F=94=96=20Update=20Read?=
 =?UTF-8?q?me=20&=20package.json?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md    | 24 +++++++++++++++++-------
 package.json |  2 +-
 2 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index 2f5998c..dad696d 100644
--- a/README.md
+++ b/README.md
@@ -1,24 +1,28 @@
 # Headhesive.js
+
 > An on-demand sticky header.
 
 ## What is it?
+
 Headhesive.js creates an on-demand sticky header. Specify when you want your header to become fixed and the rest is magic. [View demo](http://markgoodyear.com/labs/headhesive/).
 
 ## Install
-Install with npm:
 
-```
-npm install headhesive
+### Install with npm
+
+```bash
+npm install
 ```
 
-Install with Bower:
+### Install with yarn
 
-```
-bower install headhesive (or bower install headhesive.js)
+```bash
+yarn install headhesive
 ```
 
 ## How to use?
-Headhesive.js is a standalone JavaScript plugin with no dependencies. Include the [`headhesive.min.js`](dist/headhesive.min.js) *(from the [`dist/`](dist/) folder)* in the footer of your page and initialise it:
+
+Headhesive.js is a standalone JavaScript plugin with no dependencies. Include the [`headhesive.mjs`](dist/headhesive.mjs) *(from the [`dist/`](dist/) folder)* in the footer of your page and initialise it:
 
 ```javascript
 // Create a new instance of Headhesive
@@ -26,9 +30,11 @@ var header = new Headhesive('.header');
 ```
 
 ### Styling Headhesive.js
+
 Headhesive.js doesn't inject any CSS styles so you can use your own to completely control how your sticky element behaves. An [example is provided in the demo](demo/css/headhesive.css).
 
 ## Options
+
 Customise how Headhesive.js works by passing in custom options.
 
 ```javascript
@@ -76,6 +82,7 @@ var header = new Headhesive('.header', options);
 ```
 
 ## Destroy method
+
 To destroy an instance of Headhesive.js, you can call the destroy method:
 
 ```javascript
@@ -83,10 +90,13 @@ header.destroy();
 ```
 
 ## Browser support
+
 IE9+ and modern browsers.
 
 ## License
+
 Headesive.js is licensed under the [MIT License](LICENSE).
 
 ## Demo
+
 There is a demo available in the [demo folder](demo/) and online at [http://markgoodyear.com/labs/headhesive/](http://markgoodyear.com/labs/headhesive/).
diff --git a/package.json b/package.json
index 57ab7c6..0339f93 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,7 @@
     "dev": "vite",
     "build": "vite build",
     "preview": "vite preview",
-    "prepublish": "yarn build"
+    "prepublish": "vite build"
   },
   "keywords": [],
   "author": "",