@penner/responsive-easing 0.0.2 → 0.0.4

package/README.md

@@ -2,7 +2,9 @@
 
 > Context-aware easing functions for smooth, perceptually coherent motion across responsive UIs.
 
-[![npm version](https://img.shields.io/npm/v/responsive-easing)](https://www.npmjs.com/package/responsive-easing)
+> [!WARNING] > **🚧 Work in Progress** - This package is currently under active development. The API shown in this README is aspirational and not yet implemented. Please check back later for the actual release!
+
+[![npm version](https://img.shields.io/npm/v/@penner/responsive-easing)](https://www.npmjs.com/package/@penner/responsive-easing)
 
 Responsive Easing adapts motion curves to real-world context—distance, time, and velocity—so animations feel smooth and natural across screen sizes, layouts, and motion segments.
 
@@ -13,6 +15,7 @@ Responsive Easing adapts motion curves to real-world context—distance, time, a
 Most easing functions assume a fixed range of motion from 0 to 1. But UI elements don’t always move the same distance or take the same time.
 
 This leads to:
+
 - Motion that feels too fast on large screens
 - Overshoots that don’t scale properly
 - Janky joins between motion segments
@@ -25,13 +28,13 @@ This leads to:
 ## 🚀 Install
 
 ```bash
-npm install responsive-easing
+npm install @penner/responsive-easing
 ```
 
 Or with Yarn:
 
 ```bash
-yarn add responsive-easing
+yarn add @penner/@penner/responsive-easing
 ```
 
 ---
@@ -39,11 +42,11 @@ yarn add responsive-easing
 ## 🧪 Basic Usage
 
 ```ts
-import { createResponsiveEasing } from 'responsive-easing';
+import { createResponsiveEasing } from '@penner/responsive-easing';
 
 const easing = createResponsiveEasing({
-  distance: 400,       // in pixels
-  duration: 600,       // in milliseconds
+  distance: 400, // in pixels
+  duration: 600, // in milliseconds
   overshoot: true,
 });
 
@@ -53,7 +56,7 @@ const y = easing(0.5); // evaluates easing at halfway point
 Or generate a CSS timing string:
 
 ```ts
-import { easingToCssLinear } from 'responsive-easing';
+import { easingToCssLinear } from '@penner/responsive-easing';
 
 const linearString = easingToCssLinear(easing);
 // → linear(0 0, 0.2 0.1, 0.5 0.7, 1 1)
@@ -100,7 +103,7 @@ Responsive Easing treats motion as a first-class design element—one that shoul
 
 Have an idea? Find a bug? Want to shape the future of motion?
 
-[Open an issue](https://github.com/yourusername/responsive-easing/issues) or [start a discussion](https://github.com/yourusername/responsive-easing/discussions).
+[Open an issue](https://github.com/robertpenner/responsive-easing/issues) or [start a discussion](https://github.com/robertpenner/responsive-easing/discussions).
 
 ---
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@penner/responsive-easing",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Responsive Easing is a library that dynamically generates easing functions for motion design that intelligently responds to varying conditions.",
   "author": "Robert Penner <robert@robertpenner.com> (https://robertpenner.com)",
   "homepage": "https://github.com/robertpenner/responsive-easing",
@@ -24,7 +24,8 @@
   "types": "dist/index.d.ts",
   "type": "module",
   "files": [
-    "dist"
+    "README.md",
+    "LICENSE"
   ],
   "scripts": {
     "dev": "tsc && vite build --watch",
@@ -35,26 +36,20 @@
     "lint:styles": "stylelint ./**/*.{css,scss}",
     "format:scripts": "prettier ./src --write",
     "format:styles": "stylelint ./**/*.{css,scss} --fix",
+    "format:all": "prettier . --write",
+    "lint-staged": "lint-staged",
     "test": "vitest run",
     "test:watch": "vitest",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build -o storybook-static/storybook",
-    "deploy-storybook": "gh-pages -d storybook-static/storybook"
+    "deploy-storybook": "gh-pages -d storybook-static/storybook",
+    "prepare": "husky"
   },
-  "dependencies": {
+  "devDependencies": {
     "@chakra-ui/react": "^3.20.0",
+    "@chromatic-com/storybook": "^4.0.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "chart.js": "^4.4.9",
-    "framer-motion": "^12.16.0",
-    "next-themes": "^0.4.6",
-    "react": "^18.3.1",
-    "react-chartjs-2": "^5.3.0",
-    "react-dom": "^18.3.1",
-    "react-icons": "^5.5.0"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^4.0.0",
     "@storybook/addon-a11y": "^9.0.5",
     "@storybook/addon-docs": "^9.0.5",
     "@storybook/addon-onboarding": "^9.0.5",
@@ -68,19 +63,29 @@
     "@vitejs/plugin-react": "^4.3.3",
     "@vitest/browser": "^3.2.2",
     "@vitest/coverage-v8": "^3.2.2",
+    "chart.js": "^4.4.9",
     "dts-bundle-generator": "^9.5.1",
     "eslint": "^9.13.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-storybook": "^9.0.5",
+    "framer-motion": "^12.16.0",
     "gh-pages": "^6.3.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.2",
+    "next-themes": "^0.4.6",
     "playwright": "^1.52.0",
     "prettier": "^3.3.3",
+    "react": "^18.3.1",
+    "react-chartjs-2": "^5.3.0",
+    "react-dom": "^18.3.1",
+    "react-icons": "^5.5.0",
     "storybook": "^9.0.5",
     "stylelint": "^16.10.0",
     "stylelint-config-recommended": "^14.0.1",
     "stylelint-config-sass-guidelines": "^12.1.0",
     "tslib": "^2.8.0",
+    "tsx": "^4.20.3",
     "typescript": "^5.6.3",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.3.0",
@@ -91,5 +96,14 @@
     "extends": [
       "plugin:storybook/recommended"
     ]
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "prettier --write",
+      "eslint --fix"
+    ],
+    "*.{css,scss,md,json}": [
+      "prettier --write"
+    ]
   }
 }