revamp

Author: postmalone101

.eslintrc.json

@@ -0,0 +1,32 @@
+{
+  "extends": ["eslint:recommended"],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "jsx": true
+    }
+  },
+  "plugins": ["@typescript-eslint", "react", "react-hooks"],
+  "rules": {
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": "off",
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      { "argsIgnorePattern": "^_" }
+    ],
+    "react-hooks/exhaustive-deps": "warn",
+    "no-unused-vars": "off"
+  },
+  "settings": {
+    "react": {
+      "version": "detect"
+    }
+  },
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  }
+}

.gitignore

@@ -1,2 +1,3 @@
 node_modules
-example
+
+example/node_modules

.prettierrc.json

@@ -0,0 +1,11 @@
+{
+  "semi": true,
+  "trailingComma": "es5",
+  "singleQuote": false,
+  "printWidth": 80,
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "arrowParens": "avoid",
+  "endOfLine": "lf"
+}

CHANGELOG.md

@@ -0,0 +1,88 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [2.0.0] - 2024-12-29
+
+### ✨ Major Features & Improvements
+
+#### 🚀 Performance Enhancements
+
+- **60fps animations**: Optimized rendering with `requestAnimationFrame` and CSS transforms
+- **Memory optimization**: Proper cleanup of event listeners and animation frames
+- **React.memo**: Memoized component to prevent unnecessary re-renders
+- **useCallback/useMemo**: Optimized hook dependencies for better performance
+
+#### ♿ Accessibility Improvements
+
+- **ARIA support**: Added `aria-label` and `aria-labelledby` props
+- **Keyboard navigation**: Press Escape key to close action sheet
+- **Focus management**: Automatic focus handling when opening/closing
+- **Screen reader support**: Proper semantic HTML with role="dialog"
+
+#### 🎨 Enhanced Styling & UX
+
+- **Better default styles**: Modern design with improved border radius and shadows
+- **CSS backdrop-filter**: Beautiful blur effect for background overlay
+- **Improved animations**: Smoother transitions with cubic-bezier easing
+- **Responsive design**: Better mobile experience
+
+#### 🔧 Developer Experience
+
+- **TypeScript 5.x**: Updated to latest TypeScript with strict mode
+- **Modern React**: Support for React 18+ with latest hooks patterns
+- **Better type definitions**: Improved TypeScript support with generic types
+- **ESLint & Prettier**: Code quality tools configured
+- **Modern build system**: Updated Rollup configuration
+
+#### 📦 Build & Dependencies
+
+- **Updated dependencies**: All packages updated to latest versions
+- **Modern ES modules**: ESM support with proper tree-shaking
+- **Peer dependencies**: Support for React 16.8+ (hooks support)
+- **Bundle size**: Optimized bundle with zero runtime dependencies
+
+### 🔄 Breaking Changes
+
+1. **React version requirement**: Now requires React 16.8+ (for hooks support)
+2. **TypeScript**: Better type definitions may require type updates
+3. **Props changes**:
+   - Added accessibility props (`aria-label`, `aria-labelledby`)
+   - Updated default transition timings for better performance
+4. **Build output**: ES modules format with better tree-shaking
+
+### 📱 Example Application
+
+- **Comprehensive demo**: Four different action sheet examples
+- **Interactive playground**: Test all features and customizations
+- **Modern UI**: Beautiful gradient design with responsive layout
+- **Feature showcase**: Performance, accessibility, and customization demos
+
+### 🐛 Bug Fixes
+
+- Fixed memory leaks in animation handling
+- Improved touch/mouse event handling
+- Better edge case handling for dragging gestures
+- Fixed focus management issues
+
+### 📚 Documentation
+
+- **Complete rewrite**: Comprehensive API documentation
+- **Usage examples**: Multiple real-world examples
+- **Migration guide**: Step-by-step migration from v1.x
+- **Performance tips**: Best practices for optimal performance
+- **Accessibility guide**: How to make your action sheets accessible
+
+## [1.0.14] - Previous Version
+
+### Features
+
+- Basic action sheet functionality
+- Touch and mouse drag support
+- Background tap to close
+- Customizable styling
+- TypeScript support
+
+---
+
+For older versions, please check the git history.