Refactor/convert to package

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,32 @@
+---
+name: Bug report
+about: Create a report to help us improve
+title: '[BUG] '
+labels: 'bug'
+assignees: ''
+
+---
+
+**Describe the bug**
+A clear and concise description of what the bug is.
+
+**To Reproduce**
+Steps to reproduce the behavior:
+1. Go to '...'
+2. Click on '....'
+3. Scroll down to '....'
+4. See error
+
+**Expected behavior**
+A clear and concise description of what you expected to happen.
+
+**Screenshots**
+If applicable, add screenshots to help explain your problem.
+
+**Environment:**
+ - OS: [e.g. iOS]
+ - Browser [e.g. chrome, safari]
+ - Version [e.g. 22]
+
+**Additional context**
+Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -0,0 +1,20 @@
+---
+name: Feature request
+about: Suggest an idea for this project
+title: '[FEATURE] '
+labels: 'enhancement'
+assignees: ''
+
+---
+
+**Is your feature request related to a problem? Please describe.**
+A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+
+**Describe the solution you'd like**
+A clear and concise description of what you want to happen.
+
+**Describe alternatives you've considered**
+A clear and concise description of any alternative solutions or features you've considered.
+
+**Additional context**
+Add any other context or screenshots about the feature request here.

.github/workflows/ci.yml

@@ -0,0 +1,109 @@
+name: CI/CD
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  check-lockfiles:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Check for conflicting lock files
+        run: |
+          if [ -f "package-lock.json" ] || [ -f "yarn.lock" ] || [ -f ".yarn.lock" ]; then
+            echo "❌ Error: Found conflicting lock files!"
+            echo "This repository uses pnpm. Please remove:"
+            [ -f "package-lock.json" ] && echo "  - package-lock.json"
+            [ -f "yarn.lock" ] && echo "  - yarn.lock" 
+            [ -f ".yarn.lock" ] && echo "  - .yarn.lock"
+            echo ""
+            echo "Use 'pnpm install' instead of 'npm install' or 'yarn install'"
+            exit 1
+          fi
+
+          echo "✅ Lock file check passed - no conflicting lock files found"
+
+  test:
+    needs: check-lockfiles
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: |
+          echo "🔍 Checking lock file compatibility..."
+
+          # Try to install with frozen lockfile first
+          if pnpm install --frozen-lockfile 2>/dev/null; then
+            echo "📦 Successfully installed with frozen lockfile"
+          else
+            echo "⚠️  Lock file incompatible or missing, regenerating..."
+            echo "🧹 Cleaning up and reinstalling..."
+            rm -f pnpm-lock.yaml
+            pnpm install
+            echo "📝 New compatible lockfile generated"
+          fi
+
+      - name: Lint code
+        run: pnpm run lint
+
+      - name: Build package
+        run: pnpm run build
+
+      - name: Build demo
+        run: pnpm run build:demo
+
+  publish:
+    needs: test
+    runs-on: ubuntu-latest
+    if: github.ref == 'refs/heads/main' && github.event_name == 'push'
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          registry-url: https://registry.npmjs.org/
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: |
+          echo "🔍 Checking lock file compatibility..."
+
+          # Try to install with frozen lockfile first
+          if pnpm install --frozen-lockfile 2>/dev/null; then
+            echo "📦 Successfully installed with frozen lockfile"
+          else
+            echo "⚠️  Lock file incompatible or missing, regenerating..."
+            echo "🧹 Cleaning up and reinstalling..."
+            rm -f pnpm-lock.yaml
+            pnpm install
+            echo "📝 New compatible lockfile generated"
+          fi
+
+      - name: Build package
+        run: pnpm run build
+
+      - name: Publish to NPM
+        run: pnpm run publish:package
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

.gitignore

@@ -7,11 +7,25 @@ yarn-error.log*
 pnpm-debug.log*
 lerna-debug.log*
 
+# Dependencies
 node_modules
 dist
 dist-ssr
 *.local
 
+# Lock file management - only pnpm-lock.yaml should be committed
+package-lock.json
+yarn.lock
+.yarn.lock
+.yarn/
+
+# Keep pnpm-lock.yaml (don't ignore it)
+# pnpm-lock.yaml
+
+# Package build output
+package/dist/
+demo/dist/
+
 # Editor directories and files
 .vscode/*
 !.vscode/extensions.json