tajo · tajo · Jul 21, 2024 · Jul 21, 2024 · Jul 21, 2024 · Jul 21, 2024
diff --git a/.changeset/README.md b/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
+  "changelog": ["@changesets/changelog-github", { "repo": "tajo/react-range" }],
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}
diff --git a/.changeset/tidy-plants-repeat.md b/.changeset/tidy-plants-repeat.md
@@ -0,0 +1,5 @@
+---
+"react-range": patch
+---
+
+Better tooling
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,22 @@
+{
+  "parser": "@typescript-eslint/parser",
+  "extends": [
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:prettier/recommended"
+  ],
+  "rules": {
+    "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/ban-types": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "react/prop-types": "off",
+    "react/react-in-jsx-scope": "off"
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  }
+}
diff --git a/.github/workflows/checks.yml b/.github/workflows/checks.yml
@@ -7,17 +7,20 @@ on:
 jobs:
   test:
     timeout-minutes: 15
-    runs-on: macos-latest
+    runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
           node-version: lts/*
+      - uses: pnpm/action-setup@v4
       - name: Install dependencies
-        run: npm install -g pnpm && pnpm install
+        run: pnpm install
       - name: Run Unit tests
         run: pnpm test:unit
       - name: Run Typecheck
         run: pnpm typecheck
+      - name: Run Lint
+        run: pnpm lint
       - name: Run Build
         run: pnpm build
diff --git a/.github/workflows/playwright.yml b/.github/workflows/playwright.yml
@@ -6,16 +6,14 @@ on:
     branches: [main]
 jobs:
   test:
-    timeout-minutes: 60
-    runs-on: macos-latest
+    timeout-minutes: 15
+    runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v4
       - uses: actions/setup-node@v4
         with:
           node-version: lts/*
       - uses: pnpm/action-setup@v4
-        with:
-          version: 9.1.4
       - name: Install dependencies
         run: pnpm install
       - name: Install Playwright Browsers

diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
@@ -0,0 +1,54 @@
+name: Release
+
+on:
+  push:
+    branches:
+      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+      id-token: write
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+        with:
+          # This makes Actions fetch all Git history so that Changesets can generate changelogs with the correct commits
+          fetch-depth: 0
+
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.1.4
+
+      - name: Setup Node.js environment
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20.14
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Creating .npmrc
+        run: |
+          cat << EOF > "$HOME/.npmrc"
+            email=vojtech@miksu.cz
+            //registry.npmjs.org/:_authToken=$NPM_TOKEN
+          EOF
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+
+      - name: Create Release Pull Request or Publish to npm
+        id: changesets
+        uses: changesets/action@v1
+        with:
+          publish: pnpm release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GIT_DEPLOY_KEY }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1 @@
+pnpm exec lint-staged
diff --git a/.lintstagedrc b/.lintstagedrc
@@ -0,0 +1,7 @@
+{
+  "*.{js,ts,tsx,css,scss,postcss,md,json}": [
+    "prettier --write --plugin-search-dir=.",
+    "prettier --check --plugin-search-dir=."
+  ],
+  "*.{js,ts,tsx}": "eslint"
+}
diff --git a/README.md b/README.md
@@ -3,12 +3,11 @@
 [![npm version](https://img.shields.io/npm/v/react-range.svg?style=flat-square)](https://www.npmjs.com/package/react-range)
 [![npm downloads](https://img.shields.io/npm/dm/react-range.svg?style=flat-square)](https://www.npmjs.com/package/react-range)
 [![size](https://img.shields.io/bundlephobia/minzip/react-range.svg?style=flat)](https://bundlephobia.com/result?p=react-range)
+<a href="https://stackblitz.com/edit/react-range-edit?file=src%2FApp.tsx"><img src="https://img.shields.io/badge/stackblitz-sandbox-orange" alt="stackblitz"></a>
 
 ![Labeled Range](https://raw.githubusercontent.com/tajo/react-range/main/assets/react-range.gif?raw=true)
 
-[![Edit react-range](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/rlp1j1183n)
-
-[See all the other examples](https://react-range.pages.dev) and [their source code](https://github.com/tajo/react-range/tree/main/examples)!
+[See all the other examples](https://react-range.pages.dev) and [their source code](https://github.com/tajo/react-range/tree/main/examples)! Try it out in the [Stackblitz sandbox](https://stackblitz.com/edit/react-range-edit?file=src%2FApp.tsx)!
 
 ## Installation
 

diff --git a/commitlint.config.js b/commitlint.config.js
@@ -0,0 +1 @@
+module.exports = { extends: ["@commitlint/config-conventional"] };
diff --git a/...t.ts-snapshots/update-thumb-when-animating-container-1-Mobile-Chrome-darwin.png b/...t.ts-snapshots/update-thumb-when-animating-container-1-Mobile-Chrome-darwin.png
diff --git a/...tion.test.ts-snapshots/update-thumb-when-animating-container-1-chrome-linux.png b/...tion.test.ts-snapshots/update-thumb-when-animating-container-1-chrome-linux.png
diff --git a/...n.test.ts-snapshots/update-thumb-when-animating-container-1-chromium-darwin.png b/...n.test.ts-snapshots/update-thumb-when-animating-container-1-chromium-darwin.png
diff --git a/...on.test.ts-snapshots/update-thumb-when-animating-container-1-firefox-darwin.png b/...on.test.ts-snapshots/update-thumb-when-animating-container-1-firefox-darwin.png
diff --git a/...st.ts-snapshots/move-by-four-three-steps-to-the-left-1-Mobile-Chrome-darwin.png b/...st.ts-snapshots/move-by-four-three-steps-to-the-left-1-Mobile-Chrome-darwin.png
diff --git a/....a11y.test.ts-snapshots/move-by-four-three-steps-to-the-left-1-chrome-linux.png b/....a11y.test.ts-snapshots/move-by-four-three-steps-to-the-left-1-chrome-linux.png
diff --git a/...1y.test.ts-snapshots/move-by-four-three-steps-to-the-left-1-chromium-darwin.png b/...1y.test.ts-snapshots/move-by-four-three-steps-to-the-left-1-chromium-darwin.png
diff --git a/...11y.test.ts-snapshots/move-by-four-three-steps-to-the-left-1-firefox-darwin.png b/...11y.test.ts-snapshots/move-by-four-three-steps-to-the-left-1-firefox-darwin.png
diff --git a/...t.ts-snapshots/move-by-four-three-steps-to-the-right-1-Mobile-Chrome-darwin.png b/...t.ts-snapshots/move-by-four-three-steps-to-the-right-1-Mobile-Chrome-darwin.png
diff --git a/...a11y.test.ts-snapshots/move-by-four-three-steps-to-the-right-1-chrome-linux.png b/...a11y.test.ts-snapshots/move-by-four-three-steps-to-the-right-1-chrome-linux.png
diff --git a/...y.test.ts-snapshots/move-by-four-three-steps-to-the-right-1-chromium-darwin.png b/...y.test.ts-snapshots/move-by-four-three-steps-to-the-right-1-chromium-darwin.png
diff --git a/...1y.test.ts-snapshots/move-by-four-three-steps-to-the-right-1-firefox-darwin.png b/...1y.test.ts-snapshots/move-by-four-three-steps-to-the-right-1-firefox-darwin.png
diff --git a/e2e/basic.focus.test.ts-snapshots/dnd-the-thumb-then-use-arrows-1-chrome-linux.png b/e2e/basic.focus.test.ts-snapshots/dnd-the-thumb-then-use-arrows-1-chrome-linux.png
diff --git a/...sic.focus.test.ts-snapshots/dnd-the-thumb-then-use-arrows-1-chromium-darwin.png b/...sic.focus.test.ts-snapshots/dnd-the-thumb-then-use-arrows-1-chromium-darwin.png
diff --git a/...asic.focus.test.ts-snapshots/dnd-the-thumb-then-use-arrows-1-firefox-darwin.png b/...asic.focus.test.ts-snapshots/dnd-the-thumb-then-use-arrows-1-firefox-darwin.png
diff --git a/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-left-1-chrome-linux.png b/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-left-1-chrome-linux.png
diff --git a/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-left-1-chromium-darwin.png b/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-left-1-chromium-darwin.png
diff --git a/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-left-1-firefox-darwin.png b/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-left-1-firefox-darwin.png
diff --git a/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-right-1-chrome-linux.png b/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-right-1-chrome-linux.png
diff --git a/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-right-1-chromium-darwin.png b/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-right-1-chromium-darwin.png
diff --git a/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-right-1-firefox-darwin.png b/e2e/basic.test.ts-snapshots/dnd-the-thumb-to-right-1-firefox-darwin.png
diff --git a/...t.ts-snapshots/aligns-thumb-as-expected-with-borders-1-Mobile-Chrome-darwin.png b/...t.ts-snapshots/aligns-thumb-as-expected-with-borders-1-Mobile-Chrome-darwin.png
diff --git a/...ders.test.ts-snapshots/aligns-thumb-as-expected-with-borders-1-chrome-linux.png b/...ders.test.ts-snapshots/aligns-thumb-as-expected-with-borders-1-chrome-linux.png
diff --git a/...s.test.ts-snapshots/aligns-thumb-as-expected-with-borders-1-chromium-darwin.png b/...s.test.ts-snapshots/aligns-thumb-as-expected-with-borders-1-chromium-darwin.png
diff --git a/...rs.test.ts-snapshots/aligns-thumb-as-expected-with-borders-1-firefox-darwin.png b/...rs.test.ts-snapshots/aligns-thumb-as-expected-with-borders-1-firefox-darwin.png
diff --git a/e2e/custom.merged.test.ts-snapshots/merge-custom-labels-1-chrome-linux.png b/e2e/custom.merged.test.ts-snapshots/merge-custom-labels-1-chrome-linux.png
diff --git a/e2e/custom.merged.test.ts-snapshots/merge-custom-labels-1-chromium-darwin.png b/e2e/custom.merged.test.ts-snapshots/merge-custom-labels-1-chromium-darwin.png
diff --git a/e2e/custom.merged.test.ts-snapshots/merge-custom-labels-1-firefox-darwin.png b/e2e/custom.merged.test.ts-snapshots/merge-custom-labels-1-firefox-darwin.png
diff --git a/...rections.test.ts-snapshots/down-direction-dnd-the-thumb-down-1-chrome-linux.png b/...rections.test.ts-snapshots/down-direction-dnd-the-thumb-down-1-chrome-linux.png
diff --git a/...tions.test.ts-snapshots/down-direction-dnd-the-thumb-down-1-chromium-darwin.png b/...tions.test.ts-snapshots/down-direction-dnd-the-thumb-down-1-chromium-darwin.png
diff --git a/...ctions.test.ts-snapshots/down-direction-dnd-the-thumb-down-1-firefox-darwin.png b/...ctions.test.ts-snapshots/down-direction-dnd-the-thumb-down-1-firefox-darwin.png
diff --git a/...directions.test.ts-snapshots/down-direction-dnd-the-thumb-up-1-chrome-linux.png b/...directions.test.ts-snapshots/down-direction-dnd-the-thumb-up-1-chrome-linux.png
diff --git a/...ections.test.ts-snapshots/down-direction-dnd-the-thumb-up-1-chromium-darwin.png b/...ections.test.ts-snapshots/down-direction-dnd-the-thumb-up-1-chromium-darwin.png
diff --git a/...rections.test.ts-snapshots/down-direction-dnd-the-thumb-up-1-firefox-darwin.png b/...rections.test.ts-snapshots/down-direction-dnd-the-thumb-up-1-firefox-darwin.png
diff --git a/...rections.test.ts-snapshots/left-direction-dnd-the-thumb-left-1-chrome-linux.png b/...rections.test.ts-snapshots/left-direction-dnd-the-thumb-left-1-chrome-linux.png
diff --git a/...tions.test.ts-snapshots/left-direction-dnd-the-thumb-left-1-chromium-darwin.png b/...tions.test.ts-snapshots/left-direction-dnd-the-thumb-left-1-chromium-darwin.png
diff --git a/...ctions.test.ts-snapshots/left-direction-dnd-the-thumb-left-1-firefox-darwin.png b/...ctions.test.ts-snapshots/left-direction-dnd-the-thumb-left-1-firefox-darwin.png
diff --git a/...ections.test.ts-snapshots/left-direction-dnd-the-thumb-right-1-chrome-linux.png b/...ections.test.ts-snapshots/left-direction-dnd-the-thumb-right-1-chrome-linux.png
diff --git a/...ions.test.ts-snapshots/left-direction-dnd-the-thumb-right-1-chromium-darwin.png b/...ions.test.ts-snapshots/left-direction-dnd-the-thumb-right-1-chromium-darwin.png
diff --git a/...tions.test.ts-snapshots/left-direction-dnd-the-thumb-right-1-firefox-darwin.png b/...tions.test.ts-snapshots/left-direction-dnd-the-thumb-right-1-firefox-darwin.png
diff --git a/...directions.test.ts-snapshots/up-direction-dnd-the-thumb-down-1-chrome-linux.png b/...directions.test.ts-snapshots/up-direction-dnd-the-thumb-down-1-chrome-linux.png
diff --git a/...ections.test.ts-snapshots/up-direction-dnd-the-thumb-down-1-chromium-darwin.png b/...ections.test.ts-snapshots/up-direction-dnd-the-thumb-down-1-chromium-darwin.png
diff --git a/...rections.test.ts-snapshots/up-direction-dnd-the-thumb-down-1-firefox-darwin.png b/...rections.test.ts-snapshots/up-direction-dnd-the-thumb-down-1-firefox-darwin.png
diff --git a/e2e/directions.test.ts-snapshots/up-direction-dnd-the-thumb-up-1-chrome-linux.png b/e2e/directions.test.ts-snapshots/up-direction-dnd-the-thumb-up-1-chrome-linux.png
diff --git a/...irections.test.ts-snapshots/up-direction-dnd-the-thumb-up-1-chromium-darwin.png b/...irections.test.ts-snapshots/up-direction-dnd-the-thumb-up-1-chromium-darwin.png
diff --git a/...directions.test.ts-snapshots/up-direction-dnd-the-thumb-up-1-firefox-darwin.png b/...directions.test.ts-snapshots/up-direction-dnd-the-thumb-up-1-firefox-darwin.png
diff --git a/...aggable.track.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chrome-linux.png b/...aggable.track.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chrome-linux.png
diff --git a/...able.track.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chromium-darwin.png b/...able.track.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chromium-darwin.png
diff --git a/...gable.track.test.ts-snapshots/dnd-the-first-thumb-to-right-1-firefox-darwin.png b/...gable.track.test.ts-snapshots/dnd-the-first-thumb-to-right-1-firefox-darwin.png
diff --git a/...aggable.track.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chrome-linux.png b/...aggable.track.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chrome-linux.png
diff --git a/...able.track.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chromium-darwin.png b/...able.track.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chromium-darwin.png
diff --git a/...gable.track.test.ts-snapshots/dnd-the-second-thumb-to-left-1-firefox-darwin.png b/...gable.track.test.ts-snapshots/dnd-the-second-thumb-to-left-1-firefox-darwin.png
diff --git a/e2e/draggable.track.test.ts-snapshots/dnd-the-track-to-the-left-1-chrome-linux.png b/e2e/draggable.track.test.ts-snapshots/dnd-the-track-to-the-left-1-chrome-linux.png
diff --git a/...aggable.track.test.ts-snapshots/dnd-the-track-to-the-left-1-chromium-darwin.png b/...aggable.track.test.ts-snapshots/dnd-the-track-to-the-left-1-chromium-darwin.png
diff --git a/...raggable.track.test.ts-snapshots/dnd-the-track-to-the-left-1-firefox-darwin.png b/...raggable.track.test.ts-snapshots/dnd-the-track-to-the-left-1-firefox-darwin.png
diff --git a/...gable.track.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chrome-linux.png b/...gable.track.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chrome-linux.png
diff --git a/...le.track.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chromium-darwin.png b/...le.track.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chromium-darwin.png
diff --git a/...ble.track.test.ts-snapshots/dnd-the-track-to-the-max-value-1-firefox-darwin.png b/...ble.track.test.ts-snapshots/dnd-the-track-to-the-max-value-1-firefox-darwin.png
diff --git a/...gable.track.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chrome-linux.png b/...gable.track.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chrome-linux.png
diff --git a/...le.track.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chromium-darwin.png b/...le.track.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chromium-darwin.png
diff --git a/...ble.track.test.ts-snapshots/dnd-the-track-to-the-min-value-1-firefox-darwin.png b/...ble.track.test.ts-snapshots/dnd-the-track-to-the-min-value-1-firefox-darwin.png
diff --git a/...draggable.track.test.ts-snapshots/dnd-the-track-to-the-right-1-chrome-linux.png b/...draggable.track.test.ts-snapshots/dnd-the-track-to-the-right-1-chrome-linux.png
diff --git a/...ggable.track.test.ts-snapshots/dnd-the-track-to-the-right-1-chromium-darwin.png b/...ggable.track.test.ts-snapshots/dnd-the-track-to-the-right-1-chromium-darwin.png
diff --git a/...aggable.track.test.ts-snapshots/dnd-the-track-to-the-right-1-firefox-darwin.png b/...aggable.track.test.ts-snapshots/dnd-the-track-to-the-right-1-firefox-darwin.png
diff --git a/...ble.track.vertical.test.ts-snapshots/dnd-the-bottom-thumb-up-1-chrome-linux.png b/...ble.track.vertical.test.ts-snapshots/dnd-the-bottom-thumb-up-1-chrome-linux.png
diff --git a/....track.vertical.test.ts-snapshots/dnd-the-bottom-thumb-up-1-chromium-darwin.png b/....track.vertical.test.ts-snapshots/dnd-the-bottom-thumb-up-1-chromium-darwin.png
diff --git a/...e.track.vertical.test.ts-snapshots/dnd-the-bottom-thumb-up-1-firefox-darwin.png b/...e.track.vertical.test.ts-snapshots/dnd-the-bottom-thumb-up-1-firefox-darwin.png
diff --git a/...able.track.vertical.test.ts-snapshots/dnd-the-top-thumb-down-1-chrome-linux.png b/...able.track.vertical.test.ts-snapshots/dnd-the-top-thumb-down-1-chrome-linux.png
diff --git a/...e.track.vertical.test.ts-snapshots/dnd-the-top-thumb-down-1-chromium-darwin.png b/...e.track.vertical.test.ts-snapshots/dnd-the-top-thumb-down-1-chromium-darwin.png
diff --git a/...le.track.vertical.test.ts-snapshots/dnd-the-top-thumb-down-1-firefox-darwin.png b/...le.track.vertical.test.ts-snapshots/dnd-the-top-thumb-down-1-firefox-darwin.png
diff --git a/...raggable.track.vertical.test.ts-snapshots/dnd-the-track-down-1-chrome-linux.png b/...raggable.track.vertical.test.ts-snapshots/dnd-the-track-down-1-chrome-linux.png
diff --git a/...gable.track.vertical.test.ts-snapshots/dnd-the-track-down-1-chromium-darwin.png b/...gable.track.vertical.test.ts-snapshots/dnd-the-track-down-1-chromium-darwin.png
diff --git a/...ggable.track.vertical.test.ts-snapshots/dnd-the-track-down-1-firefox-darwin.png b/...ggable.track.vertical.test.ts-snapshots/dnd-the-track-down-1-firefox-darwin.png
diff --git a/...ck.vertical.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chrome-linux.png b/...ck.vertical.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chrome-linux.png
diff --git a/...vertical.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chromium-darwin.png b/...vertical.test.ts-snapshots/dnd-the-track-to-the-max-value-1-chromium-darwin.png
diff --git a/....vertical.test.ts-snapshots/dnd-the-track-to-the-max-value-1-firefox-darwin.png b/....vertical.test.ts-snapshots/dnd-the-track-to-the-max-value-1-firefox-darwin.png
diff --git a/...ck.vertical.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chrome-linux.png b/...ck.vertical.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chrome-linux.png
diff --git a/...vertical.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chromium-darwin.png b/...vertical.test.ts-snapshots/dnd-the-track-to-the-min-value-1-chromium-darwin.png
diff --git a/....vertical.test.ts-snapshots/dnd-the-track-to-the-min-value-1-firefox-darwin.png b/....vertical.test.ts-snapshots/dnd-the-track-to-the-min-value-1-firefox-darwin.png
diff --git a/e2e/draggable.track.vertical.test.ts-snapshots/dnd-the-track-up-1-chrome-linux.png b/e2e/draggable.track.vertical.test.ts-snapshots/dnd-the-track-up-1-chrome-linux.png
diff --git a/...aggable.track.vertical.test.ts-snapshots/dnd-the-track-up-1-chromium-darwin.png b/...aggable.track.vertical.test.ts-snapshots/dnd-the-track-up-1-chromium-darwin.png
diff --git a/...raggable.track.vertical.test.ts-snapshots/dnd-the-track-up-1-firefox-darwin.png b/...raggable.track.vertical.test.ts-snapshots/dnd-the-track-up-1-firefox-darwin.png
diff --git a/e2e/marks.test.ts b/e2e/marks.test.ts
@@ -1,11 +1,5 @@
 import { test, expect } from "@playwright/test";
-import {
-  Examples,
-  getTestUrl,
-  trackMouse,
-  untrackMouse,
-  addFontStyles,
-} from "./utils";
+import { Examples, getTestUrl, addFontStyles } from "./utils";
 
 test.beforeEach(async ({ page }) => {
   await page.goto(getTestUrl(Examples.MARKS));

diff --git a/e2e/marks.test.ts-snapshots/marks-are-placed-1-Mobile-Chrome-darwin.png b/e2e/marks.test.ts-snapshots/marks-are-placed-1-Mobile-Chrome-darwin.png
diff --git a/e2e/marks.test.ts-snapshots/marks-are-placed-1-chrome-linux.png b/e2e/marks.test.ts-snapshots/marks-are-placed-1-chrome-linux.png
diff --git a/e2e/marks.test.ts-snapshots/marks-are-placed-1-chromium-darwin.png b/e2e/marks.test.ts-snapshots/marks-are-placed-1-chromium-darwin.png
diff --git a/e2e/marks.test.ts-snapshots/marks-are-placed-1-firefox-darwin.png b/e2e/marks.test.ts-snapshots/marks-are-placed-1-firefox-darwin.png
diff --git a/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chrome-linux.png b/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chrome-linux.png
diff --git a/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chromium-darwin.png b/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chromium-darwin.png
diff --git a/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-firefox-darwin.png b/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-firefox-darwin.png
diff --git a/...t.ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chrome-linux.png b/...t.ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chrome-linux.png
diff --git a/...s-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chromium-darwin.png b/...s-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chromium-darwin.png
diff --git a/...ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-firefox-darwin.png b/...ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-firefox-darwin.png
diff --git a/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chrome-linux.png b/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chrome-linux.png
diff --git a/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chromium-darwin.png b/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chromium-darwin.png
diff --git a/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-firefox-darwin.png b/e2e/merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-firefox-darwin.png
diff --git a/...t.ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-1-chrome-linux.png b/...t.ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-1-chrome-linux.png
diff --git a/...s-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-1-chromium-darwin.png b/...s-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-1-chromium-darwin.png
diff --git a/...ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-1-firefox-darwin.png b/...ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-1-firefox-darwin.png
diff --git a/...t.ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-2-chrome-linux.png b/...t.ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-2-chrome-linux.png
diff --git a/...s-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-2-chromium-darwin.png b/...s-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-2-chromium-darwin.png
diff --git a/...ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-2-firefox-darwin.png b/...ts-snapshots/dnd-both-thumbs-to-max-value-overlap-at-right-2-firefox-darwin.png
diff --git a/...s-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-Mobile-Chrome-darwin.png b/...s-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-Mobile-Chrome-darwin.png
diff --git a/...i.test.ts-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-chrome-linux.png b/...i.test.ts-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-chrome-linux.png
diff --git a/...est.ts-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-chromium-darwin.png b/...est.ts-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-chromium-darwin.png
diff --git a/...test.ts-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-firefox-darwin.png b/...test.ts-snapshots/dnd-the-first-thumb-to-far-right-overlap-1-firefox-darwin.png
diff --git a/e2e/multi.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chrome-linux.png b/e2e/multi.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chrome-linux.png
diff --git a/e2e/multi.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chromium-darwin.png b/e2e/multi.test.ts-snapshots/dnd-the-first-thumb-to-right-1-chromium-darwin.png
diff --git a/e2e/multi.test.ts-snapshots/dnd-the-first-thumb-to-right-1-firefox-darwin.png b/e2e/multi.test.ts-snapshots/dnd-the-first-thumb-to-right-1-firefox-darwin.png
diff --git a/...i.test.ts-snapshots/dnd-the-second-thumb-to-far-left-overlap-1-chrome-linux.png b/...i.test.ts-snapshots/dnd-the-second-thumb-to-far-left-overlap-1-chrome-linux.png
diff --git a/...est.ts-snapshots/dnd-the-second-thumb-to-far-left-overlap-1-chromium-darwin.png b/...est.ts-snapshots/dnd-the-second-thumb-to-far-left-overlap-1-chromium-darwin.png
diff --git a/...test.ts-snapshots/dnd-the-second-thumb-to-far-left-overlap-1-firefox-darwin.png b/...test.ts-snapshots/dnd-the-second-thumb-to-far-left-overlap-1-firefox-darwin.png
diff --git a/e2e/multi.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chrome-linux.png b/e2e/multi.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chrome-linux.png
diff --git a/e2e/multi.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chromium-darwin.png b/e2e/multi.test.ts-snapshots/dnd-the-second-thumb-to-left-1-chromium-darwin.png
diff --git a/e2e/multi.test.ts-snapshots/dnd-the-second-thumb-to-left-1-firefox-darwin.png b/e2e/multi.test.ts-snapshots/dnd-the-second-thumb-to-left-1-firefox-darwin.png
diff --git a/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-Mobile-Chrome-darwin.png b/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-Mobile-Chrome-darwin.png
diff --git a/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-chrome-linux.png b/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-chrome-linux.png
diff --git a/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-chromium-darwin.png b/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-chromium-darwin.png
diff --git a/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-firefox-darwin.png b/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-1-firefox-darwin.png
diff --git a/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-2-chrome-linux.png b/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-2-chrome-linux.png
diff --git a/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-2-chromium-darwin.png b/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-2-chromium-darwin.png
diff --git a/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-2-firefox-darwin.png b/e2e/rtl.test.ts-snapshots/dnd-the-thumb-to-right-2-firefox-darwin.png
diff --git a/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chrome-linux.png b/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chrome-linux.png
diff --git a/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chromium-darwin.png b/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-chromium-darwin.png
diff --git a/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-firefox-darwin.png b/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-2-and-3-1-firefox-darwin.png
diff --git a/...t.ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chrome-linux.png b/...t.ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chrome-linux.png
diff --git a/...s-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chromium-darwin.png b/...s-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-chromium-darwin.png
diff --git a/...ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-firefox-darwin.png b/...ts-snapshots/Overlap-thumbs-1-2-and-3-in-a-different-order-1-firefox-darwin.png
diff --git a/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chrome-linux.png b/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chrome-linux.png
diff --git a/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chromium-darwin.png b/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-chromium-darwin.png
diff --git a/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-firefox-darwin.png b/e2e/skinny.merged.test.ts-snapshots/Overlap-thumbs-1-and-2-1-firefox-darwin.png
diff --git a/e2e/utils.ts b/e2e/utils.ts
@@ -65,7 +65,7 @@ export const untrackMouse = async (page: Page) => {
   await page.waitForSelector(".mouse-helper", { state: "hidden" });
 };
 
-export const addFontStyles = async (page: Page) => {
+export const addFontStyles = async () => {
   //await page.evaluate(fontStyles);
 };
 
@@ -152,29 +152,6 @@ const hideCursor = () => {
   document.head.appendChild(styleElement);
 };
 
-// This injects a box into the page that moves with the mouse;
-// Useful for debugging
-const fontStyles = () => {
-  const styleElement = document.createElement("style");
-  styleElement.innerHTML = `
-  body {
-    color: #fff;
-    font-weight: normal;
-    font-style: normal;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    margin: 8px;
-    margin-top: 60px;
-    margin-left: 30px;
-    margin-right: 30px;
-  }
-  div[role='slider']:focus {
-    outline: none;
-  }
-  `;
-  document.head.appendChild(styleElement);
-};
-
 export const waitDropFinished = async (page: Page) => {
   await page.waitForFunction(() => {
     const sliders = document.querySelectorAll('[role="slider"]');

diff --git a/examples/AllowOverlap.tsx b/examples/AllowOverlap.tsx
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Range, getTrackBackground } from "../src/index";
+import { Range } from "../src/index";
 
 const STEP = 0.1;
 const MIN = 0;

diff --git a/package.json b/package.json
@@ -13,12 +13,21 @@
   },
   "author": "Vojtech Miksu <vojtech@miksu.cz>",
   "license": "MIT",
+  "packageManager": "pnpm@9.1.4",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "sideEffects": false,
   "scripts": {
     "build": "rm -rf lib && tsc --outDir lib && rm -rf lib/examples && mv lib/src/* lib && rm -rf lib/src && rm lib/*.test.* && rm lib/*.stories.*",
+    "lint": "eslint '{examples,src,e2e,.ladle}/**/*.{js,ts,tsx,mjs}'",
     "test": "pnpm test:e2e && pnpm test:unit",
     "test:e2e": "pnpm exec playwright test",
     "test:unit": "vitest run src",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "prepare": "husky",
+    "release": "pnpm run build && changeset publish"
   },
   "tags": [
     "react"
@@ -32,14 +41,27 @@
     "interval"
   ],
   "devDependencies": {
+    "@changesets/changelog-github": "^0.5.0",
+    "@changesets/cli": "^2.27.1",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
     "@ladle/react": "^4.1.0",
     "@playwright/test": "^1.45.1",
-    "@types/node": "^20.14.10",
+    "@types/node": "^20.14.11",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^6.13.0",
+    "@typescript-eslint/parser": "^6.13.0",
+    "eslint": "^8.54.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.1",
+    "eslint-plugin-react": "^7.33.2",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.1.0",
+    "prettier": "^3.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "typescript": "^5.5.3",
+    "typescript": "5.3.2",
     "vitest": "^2.0.3"
   },
   "peerDependencies": {

diff --git a/playwright.config.ts b/playwright.config.ts
@@ -33,9 +33,9 @@ export default defineConfig({
   /* Configure projects for major browsers */
   projects: [
     {
-      name: "firefox",
+      name: "chrome",
       use: {
-        ...devices["Desktop Firefox"],
+        ...devices["Desktop Chrome"],
         viewport: { width: 600, height: 460 },
       },
     },
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		module.exports = { extends: ["@commitlint/config-conventional"] };