@akshatbuilds/sonix 1.0.0

package/lib/sounds.ts

@@ -0,0 +1,329 @@
+// UI Sound Effects - Procedurally generated audio for micro interactions
+// Uses Web Audio API for real-time sound synthesis
+
+export const SOUND_NAMES = [
+  'button-click',
+  'button-click-secondary',
+  'hover-blip',
+  'hover-soft',
+  'success-chime',
+  'success-bell',
+  'error-buzz',
+  'error-beep',
+  'notification-ping',
+  'notification-subtle',
+  'swoosh',
+  'pop',
+  'slider-tick',
+  'key-press',
+] as const;
+
+export type SoundName = (typeof SOUND_NAMES)[number];
+
+let audioCtx: AudioContext | null = null;
+let soundEnabled = true;
+
+// Respect prefers-reduced-motion (Web Interface Guidelines: Animation)
+if (typeof window !== 'undefined') {
+  const mq = window.matchMedia('(prefers-reduced-motion: reduce)');
+  soundEnabled = !mq.matches;
+  mq.addEventListener('change', (e) => {
+    soundEnabled = !e.matches;
+  });
+}
+
+/** Programmatically enable/disable all sounds */
+export function setSoundEnabled(enabled: boolean) {
+  soundEnabled = enabled;
+}
+
+export function isSoundEnabled() {
+  return soundEnabled;
+}
+
+function getAudioContext(): AudioContext {
+  if (!audioCtx) {
+    audioCtx = new AudioContext();
+  }
+  if (audioCtx.state === 'suspended') {
+    audioCtx.resume();
+  }
+  return audioCtx;
+}
+
+// Sound synthesis definitions using Web Audio API
+function synthesizeSound(ctx: AudioContext, name: SoundName) {
+  const now = ctx.currentTime;
+
+  switch (name) {
+    case 'button-click': {
+      // Play click1.mp3 from public folder
+      const audio = new Audio('/click1.mp3');
+      audio.volume = 0.5;
+      audio.play().catch(() => {});
+      break;
+    }
+    case 'button-click-secondary': {
+      // Play click2.mp3 from public folder
+      const audio = new Audio('/click2.mp3');
+      audio.volume = 0.5;
+      audio.play().catch(() => {});
+      break;
+    }
+    case 'hover-blip': {
+      const osc = ctx.createOscillator();
+      const gain = ctx.createGain();
+      osc.type = 'sine';
+      osc.frequency.setValueAtTime(1200, now);
+      osc.frequency.exponentialRampToValueAtTime(2400, now + 0.05);
+      gain.gain.setValueAtTime(0.15, now);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.05);
+      osc.connect(gain).connect(ctx.destination);
+      osc.start(now);
+      osc.stop(now + 0.05);
+      break;
+    }
+    case 'hover-soft': {
+      const osc = ctx.createOscillator();
+      const gain = ctx.createGain();
+      osc.type = 'sine';
+      osc.frequency.setValueAtTime(900, now);
+      gain.gain.setValueAtTime(0.08, now);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.06);
+      osc.connect(gain).connect(ctx.destination);
+      osc.start(now);
+      osc.stop(now + 0.06);
+      break;
+    }
+    case 'success-chime': {
+      // Two-note ascending chime
+      const osc1 = ctx.createOscillator();
+      const gain1 = ctx.createGain();
+      osc1.type = 'sine';
+      osc1.frequency.setValueAtTime(800, now);
+      gain1.gain.setValueAtTime(0.25, now);
+      gain1.gain.exponentialRampToValueAtTime(0.001, now + 0.15);
+      osc1.connect(gain1).connect(ctx.destination);
+      osc1.start(now);
+      osc1.stop(now + 0.15);
+
+      const osc2 = ctx.createOscillator();
+      const gain2 = ctx.createGain();
+      osc2.type = 'sine';
+      osc2.frequency.setValueAtTime(1200, now + 0.1);
+      gain2.gain.setValueAtTime(0.001, now);
+      gain2.gain.setValueAtTime(0.25, now + 0.1);
+      gain2.gain.exponentialRampToValueAtTime(0.001, now + 0.3);
+      osc2.connect(gain2).connect(ctx.destination);
+      osc2.start(now + 0.1);
+      osc2.stop(now + 0.3);
+      break;
+    }
+    case 'success-bell': {
+      // Three-note ascending bell
+      [1000, 1250, 1500].forEach((freq, i) => {
+        const osc = ctx.createOscillator();
+        const gain = ctx.createGain();
+        osc.type = 'sine';
+        osc.frequency.setValueAtTime(freq, now + i * 0.08);
+        gain.gain.setValueAtTime(0.001, now);
+        gain.gain.setValueAtTime(0.2, now + i * 0.08);
+        gain.gain.exponentialRampToValueAtTime(0.001, now + i * 0.08 + 0.15);
+        osc.connect(gain).connect(ctx.destination);
+        osc.start(now + i * 0.08);
+        osc.stop(now + i * 0.08 + 0.15);
+      });
+      break;
+    }
+    case 'error-buzz': {
+      const osc = ctx.createOscillator();
+      const gain = ctx.createGain();
+      osc.type = 'sawtooth';
+      osc.frequency.setValueAtTime(150, now);
+      gain.gain.setValueAtTime(0.2, now);
+      gain.gain.setValueAtTime(0.001, now + 0.08);
+      gain.gain.setValueAtTime(0.2, now + 0.1);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.2);
+      osc.connect(gain).connect(ctx.destination);
+      osc.start(now);
+      osc.stop(now + 0.2);
+      break;
+    }
+    case 'error-beep': {
+      // Two descending beeps
+      [500, 350].forEach((freq, i) => {
+        const osc = ctx.createOscillator();
+        const gain = ctx.createGain();
+        osc.type = 'square';
+        osc.frequency.setValueAtTime(freq, now + i * 0.12);
+        gain.gain.setValueAtTime(0.001, now);
+        gain.gain.setValueAtTime(0.15, now + i * 0.12);
+        gain.gain.exponentialRampToValueAtTime(0.001, now + i * 0.12 + 0.1);
+        osc.connect(gain).connect(ctx.destination);
+        osc.start(now + i * 0.12);
+        osc.stop(now + i * 0.12 + 0.1);
+      });
+      break;
+    }
+    case 'notification-ping': {
+      const osc = ctx.createOscillator();
+      const gain = ctx.createGain();
+      osc.type = 'sine';
+      osc.frequency.setValueAtTime(1100, now);
+      osc.frequency.exponentialRampToValueAtTime(1800, now + 0.05);
+      osc.frequency.exponentialRampToValueAtTime(1100, now + 0.1);
+      gain.gain.setValueAtTime(0.25, now);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.15);
+      osc.connect(gain).connect(ctx.destination);
+      osc.start(now);
+      osc.stop(now + 0.15);
+      break;
+    }
+    case 'notification-subtle': {
+      const osc = ctx.createOscillator();
+      const gain = ctx.createGain();
+      osc.type = 'sine';
+      osc.frequency.setValueAtTime(700, now);
+      gain.gain.setValueAtTime(0.1, now);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.12);
+      osc.connect(gain).connect(ctx.destination);
+      osc.start(now);
+      osc.stop(now + 0.12);
+      break;
+    }
+    case 'swoosh': {
+      // Slow fan blade pass — low filtered noise, smooth fade in/out
+      const bufferSize = Math.floor(ctx.sampleRate * 0.4);
+      const buffer = ctx.createBuffer(1, bufferSize, ctx.sampleRate);
+      const data = buffer.getChannelData(0);
+      for (let i = 0; i < bufferSize; i++) {
+        data[i] = Math.random() * 2 - 1;
+      }
+      const noise = ctx.createBufferSource();
+      noise.buffer = buffer;
+
+      // Low-pass filter — keeps it rumbly and muffled like moving air
+      const lp = ctx.createBiquadFilter();
+      lp.type = 'lowpass';
+      lp.frequency.setValueAtTime(350, now);
+      lp.frequency.linearRampToValueAtTime(500, now + 0.15);
+      lp.frequency.linearRampToValueAtTime(250, now + 0.38);
+      lp.Q.setValueAtTime(0.5, now);
+
+      // Smooth bell-curve envelope — rises slowly, fades slowly
+      const noiseGain = ctx.createGain();
+      noiseGain.gain.setValueAtTime(0.001, now);
+      noiseGain.gain.linearRampToValueAtTime(0.06, now + 0.16);
+      noiseGain.gain.linearRampToValueAtTime(0.05, now + 0.24);
+      noiseGain.gain.exponentialRampToValueAtTime(0.001, now + 0.38);
+
+      noise.connect(lp).connect(noiseGain).connect(ctx.destination);
+      noise.start(now);
+      noise.stop(now + 0.4);
+      break;
+    }
+    case 'pop': {
+      const osc = ctx.createOscillator();
+      const gain = ctx.createGain();
+      osc.type = 'sine';
+      osc.frequency.setValueAtTime(950, now);
+      osc.frequency.exponentialRampToValueAtTime(150, now + 0.08);
+      gain.gain.setValueAtTime(0.35, now);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.08);
+      osc.connect(gain).connect(ctx.destination);
+      osc.start(now);
+      osc.stop(now + 0.08);
+      break;
+    }
+    case 'slider-tick': {
+      // Sharp, striking tick — short percussive click
+      const osc = ctx.createOscillator();
+      const gain = ctx.createGain();
+      osc.type = 'square';
+      osc.frequency.setValueAtTime(5000, now);
+      osc.frequency.exponentialRampToValueAtTime(1200, now + 0.005);
+      gain.gain.setValueAtTime(0.08, now);
+      gain.gain.exponentialRampToValueAtTime(0.001, now + 0.01);
+      osc.connect(gain).connect(ctx.destination);
+      osc.start(now);
+      osc.stop(now + 0.01);
+      break;
+    }
+    case 'key-press': {
+      // Lubed Cherry MX Brown — deep muted thock, no click
+      // Per-key variation for natural typing feel
+      const v = () => 0.94 + Math.random() * 0.12; // ±6% pitch drift
+      const drift = Math.random() * 0.0015; // 0–1.5ms jitter
+
+      // Layer 1: bottom-out thock (the main sound — stem hitting dampened housing)
+      // Low sine thud, fast attack, moderate decay — this IS the brown sound
+      const thud = ctx.createOscillator();
+      const thudGain = ctx.createGain();
+      const thudFilter = ctx.createBiquadFilter();
+      thud.type = 'sine';
+      thud.frequency.setValueAtTime(95 * v(), now + drift);
+      thud.frequency.exponentialRampToValueAtTime(38, now + drift + 0.04);
+      thudFilter.type = 'lowpass';
+      thudFilter.frequency.setValueAtTime(300, now + drift);
+      thudFilter.Q.setValueAtTime(0.5, now + drift);
+      thudGain.gain.setValueAtTime(0.22, now + drift);
+      thudGain.gain.exponentialRampToValueAtTime(0.001, now + drift + 0.055);
+      thud.connect(thudFilter).connect(thudGain).connect(ctx.destination);
+      thud.start(now + drift);
+      thud.stop(now + drift + 0.06);
+
+      // Layer 2: tactile bump (barely audible mid-range blip — the brown "bump")
+      // Very quiet, short, no sharp attack
+      const bump = ctx.createOscillator();
+      const bumpGain = ctx.createGain();
+      const bumpFilter = ctx.createBiquadFilter();
+      bump.type = 'triangle';
+      bump.frequency.setValueAtTime(420 * v(), now);
+      bump.frequency.exponentialRampToValueAtTime(180, now + 0.008);
+      bumpFilter.type = 'lowpass';
+      bumpFilter.frequency.setValueAtTime(600, now);
+      bumpGain.gain.setValueAtTime(0.03, now);
+      bumpGain.gain.exponentialRampToValueAtTime(0.001, now + 0.012);
+      bump.connect(bumpFilter).connect(bumpGain).connect(ctx.destination);
+      bump.start(now);
+      bump.stop(now + 0.012);
+
+      // Layer 3: dampened noise (lube kills scratchiness — just a soft low puff)
+      const bufLen = Math.floor(ctx.sampleRate * 0.03);
+      const buf = ctx.createBuffer(1, bufLen, ctx.sampleRate);
+      const d = buf.getChannelData(0);
+      for (let i = 0; i < bufLen; i++) d[i] = Math.random() * 2 - 1;
+      const noise = ctx.createBufferSource();
+      noise.buffer = buf;
+      const noiseLp = ctx.createBiquadFilter();
+      noiseLp.type = 'lowpass';
+      noiseLp.frequency.setValueAtTime(400 * v(), now + drift);
+      noiseLp.Q.setValueAtTime(0.3, now + drift);
+      const noiseGain = ctx.createGain();
+      noiseGain.gain.setValueAtTime(0.025, now + drift);
+      noiseGain.gain.exponentialRampToValueAtTime(0.001, now + drift + 0.025);
+      noise.connect(noiseLp).connect(noiseGain).connect(ctx.destination);
+      noise.start(now + drift);
+      noise.stop(now + drift + 0.03);
+      break;
+    }
+  }
+}
+
+// Helper function to play a sound
+export function playSound(soundName: SoundName) {
+  if (!soundEnabled) return;
+  try {
+    const ctx = getAudioContext();
+    synthesizeSound(ctx, soundName);
+  } catch (err) {
+    console.error('Failed to play sound:', err);
+  }
+}
+
+// Hook for React components
+export function useSoundEffects() {
+  return {
+    play: playSound,
+  };
+}

package/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/next.config.mjs

@@ -0,0 +1,5 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {}
+
+
+export default nextConfig

package/package.json

@@ -0,0 +1,96 @@
+{
+  "name": "@akshatbuilds/sonix",
+  "version": "1.0.0",
+  "description": "Micro UX sound effects for interactive web applications. Zero dependencies, copy-paste ready.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/abhi-yo/sound-library.git"
+  },
+  "keywords": [
+    "sound",
+    "audio",
+    "ui",
+    "ux",
+    "web-audio",
+    "sound-effects",
+    "react",
+    "nextjs"
+  ],
+  "bin": {
+    "sonix": "cli/index.mjs"
+  },
+  "scripts": {
+    "dev": "next dev --turbo",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.9.1",
+    "@radix-ui/react-accordion": "1.2.2",
+    "@radix-ui/react-alert-dialog": "1.1.4",
+    "@radix-ui/react-aspect-ratio": "1.1.1",
+    "@radix-ui/react-avatar": "1.1.2",
+    "@radix-ui/react-checkbox": "1.1.3",
+    "@radix-ui/react-collapsible": "1.1.2",
+    "@radix-ui/react-context-menu": "2.2.4",
+    "@radix-ui/react-dialog": "1.1.4",
+    "@radix-ui/react-dropdown-menu": "2.1.4",
+    "@radix-ui/react-hover-card": "1.1.4",
+    "@radix-ui/react-label": "2.1.1",
+    "@radix-ui/react-menubar": "1.1.4",
+    "@radix-ui/react-navigation-menu": "1.2.3",
+    "@radix-ui/react-popover": "1.1.4",
+    "@radix-ui/react-progress": "1.1.1",
+    "@radix-ui/react-radio-group": "1.2.2",
+    "@radix-ui/react-scroll-area": "1.2.2",
+    "@radix-ui/react-select": "2.1.4",
+    "@radix-ui/react-separator": "1.1.1",
+    "@radix-ui/react-slider": "1.2.2",
+    "@radix-ui/react-slot": "1.1.1",
+    "@radix-ui/react-switch": "1.1.2",
+    "@radix-ui/react-tabs": "1.1.2",
+    "@radix-ui/react-toast": "1.2.4",
+    "@radix-ui/react-toggle": "1.1.1",
+    "@radix-ui/react-toggle-group": "1.1.1",
+    "@radix-ui/react-tooltip": "1.1.6",
+    "@vercel/analytics": "^1.6.1",
+    "autoprefixer": "^10.4.20",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "1.1.1",
+    "date-fns": "4.1.0",
+    "embla-carousel-react": "8.5.1",
+    "input-otp": "1.4.1",
+    "lucide-react": "^0.544.0",
+    "next": "16.1.6",
+    "next-themes": "^0.4.6",
+    "react": "19.2.3",
+    "react-day-picker": "8.10.1",
+    "react-dom": "19.2.3",
+    "react-hook-form": "^7.54.1",
+    "react-resizable-panels": "^2.1.7",
+    "recharts": "2.15.0",
+    "sonner": "^1.7.1",
+    "tailwind-merge": "^2.5.5",
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.13",
+    "@types/node": "^22",
+    "@types/react": "19.2.7",
+    "@types/react-dom": "19.2.3",
+    "postcss": "^8.5",
+    "tailwindcss": "^3.4.17",
+    "typescript": "5.7.3"
+  },
+  "pnpm": {
+    "overrides": {
+      "@types/react": "19.2.7",
+      "@types/react-dom": "19.2.3"
+    }
+  }
+}

package/postcss.config.mjs

@@ -0,0 +1,8 @@
+/** @type {import('postcss-load-config').Config} */
+const config = {
+  plugins: {
+    tailwindcss: {},
+  },
+}
+
+export default config

package/public/registry/index.json

@@ -0,0 +1,92 @@
+{
+  "name": "sonix",
+  "version": "1.0.0",
+  "sounds": [
+    {
+      "name": "button-click",
+      "type": "mp3",
+      "file": "click1.mp3",
+      "category": "interaction",
+      "description": "Classic click sound for button interactions."
+    },
+    {
+      "name": "button-click-secondary",
+      "type": "mp3",
+      "file": "click2.mp3",
+      "category": "interaction",
+      "description": "Softer click for secondary actions."
+    },
+    {
+      "name": "hover-blip",
+      "type": "webaudio",
+      "category": "feedback",
+      "description": "Quick chirp when hovering over interactive elements."
+    },
+    {
+      "name": "hover-soft",
+      "type": "webaudio",
+      "category": "feedback",
+      "description": "Subtle and gentle hover feedback."
+    },
+    {
+      "name": "success-chime",
+      "type": "webaudio",
+      "category": "notification",
+      "description": "Pleasant chime for successful completion."
+    },
+    {
+      "name": "success-bell",
+      "type": "webaudio",
+      "category": "notification",
+      "description": "Uplifting bell for positive feedback."
+    },
+    {
+      "name": "error-buzz",
+      "type": "webaudio",
+      "category": "alert",
+      "description": "Attention-grabbing buzz for error states."
+    },
+    {
+      "name": "error-beep",
+      "type": "webaudio",
+      "category": "alert",
+      "description": "Clear beep to signal an error."
+    },
+    {
+      "name": "notification-ping",
+      "type": "webaudio",
+      "category": "alert",
+      "description": "Quick ping for notifications."
+    },
+    {
+      "name": "notification-subtle",
+      "type": "webaudio",
+      "category": "alert",
+      "description": "Quiet notification for background alerts."
+    },
+    {
+      "name": "swoosh",
+      "type": "webaudio",
+      "category": "transition",
+      "description": "Smooth whoosh for page transitions."
+    },
+    {
+      "name": "pop",
+      "type": "webaudio",
+      "category": "interaction",
+      "description": "Playful pop for tooltips and reveals."
+    },
+    {
+      "name": "slider-tick",
+      "type": "webaudio",
+      "category": "interaction",
+      "description": "Subtle tick for sliders and range inputs."
+    },
+    {
+      "name": "key-press",
+      "type": "webaudio",
+      "category": "interaction",
+      "description": "Mechanical switch click for text inputs."
+    }
+  ]
+}

package/public/registry/sounds/button-click-secondary.json

@@ -0,0 +1,13 @@
+{
+  "name": "button-click-secondary",
+  "type": "mp3",
+  "files": [
+    {
+      "name": "button-click-secondary.ts",
+      "content": "export function play() {\n// Requires click2.mp3 in your public folder\nconst audio = new Audio('/click2.mp3');\naudio.volume = 0.5;\naudio.play();\n}"
+    }
+  ],
+  "assets": [
+    "click2.mp3"
+  ]
+}

package/public/registry/sounds/button-click.json

@@ -0,0 +1,13 @@
+{
+  "name": "button-click",
+  "type": "mp3",
+  "files": [
+    {
+      "name": "button-click.ts",
+      "content": "export function play() {\n// Requires click1.mp3 in your public folder\nconst audio = new Audio('/click1.mp3');\naudio.volume = 0.5;\naudio.play();\n}"
+    }
+  ],
+  "assets": [
+    "click1.mp3"
+  ]
+}

package/public/registry/sounds/error-beep.json

@@ -0,0 +1,10 @@
+{
+  "name": "error-beep",
+  "type": "webaudio",
+  "files": [
+    {
+      "name": "error-beep.ts",
+      "content": "export function playErrorBeep() {\n  const ctx = new AudioContext();\n  const now = ctx.currentTime;\n  [500, 350].forEach((freq, i) => {\n    const osc = ctx.createOscillator();\n    const gain = ctx.createGain();\n    osc.type = 'square';\n    osc.frequency.setValueAtTime(freq, now + i * 0.12);\n    gain.gain.setValueAtTime(0.001, now);\n    gain.gain.setValueAtTime(0.15, now + i * 0.12);\n    gain.gain.exponentialRampToValueAtTime(0.001, now + i * 0.12 + 0.1);\n    osc.connect(gain).connect(ctx.destination);\n    osc.start(now + i * 0.12);\n    osc.stop(now + i * 0.12 + 0.1);\n  });\n}"
+    }
+  ]
+}

package/public/registry/sounds/error-buzz.json

@@ -0,0 +1,10 @@
+{
+  "name": "error-buzz",
+  "type": "webaudio",
+  "files": [
+    {
+      "name": "error-buzz.ts",
+      "content": "export function playErrorBuzz() {\n  const ctx = new AudioContext();\n  const now = ctx.currentTime;\n  const osc = ctx.createOscillator();\n  const gain = ctx.createGain();\n  osc.type = 'sawtooth';\n  osc.frequency.setValueAtTime(150, now);\n  gain.gain.setValueAtTime(0.2, now);\n  gain.gain.setValueAtTime(0.001, now + 0.08);\n  gain.gain.setValueAtTime(0.2, now + 0.1);\n  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.2);\n  osc.connect(gain).connect(ctx.destination);\n  osc.start(now);\n  osc.stop(now + 0.2);\n}"
+    }
+  ]
+}

package/public/registry/sounds/hover-blip.json

@@ -0,0 +1,10 @@
+{
+  "name": "hover-blip",
+  "type": "webaudio",
+  "files": [
+    {
+      "name": "hover-blip.ts",
+      "content": "export function playHoverBlip() {\n  const ctx = new AudioContext();\n  const now = ctx.currentTime;\n  const osc = ctx.createOscillator();\n  const gain = ctx.createGain();\n  osc.type = 'sine';\n  osc.frequency.setValueAtTime(1200, now);\n  osc.frequency.exponentialRampToValueAtTime(2400, now + 0.05);\n  gain.gain.setValueAtTime(0.15, now);\n  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.05);\n  osc.connect(gain).connect(ctx.destination);\n  osc.start(now);\n  osc.stop(now + 0.05);\n}"
+    }
+  ]
+}

package/public/registry/sounds/hover-soft.json

@@ -0,0 +1,10 @@
+{
+  "name": "hover-soft",
+  "type": "webaudio",
+  "files": [
+    {
+      "name": "hover-soft.ts",
+      "content": "export function playHoverSoft() {\n  const ctx = new AudioContext();\n  const now = ctx.currentTime;\n  const osc = ctx.createOscillator();\n  const gain = ctx.createGain();\n  osc.type = 'sine';\n  osc.frequency.setValueAtTime(900, now);\n  gain.gain.setValueAtTime(0.08, now);\n  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.06);\n  osc.connect(gain).connect(ctx.destination);\n  osc.start(now);\n  osc.stop(now + 0.06);\n}"
+    }
+  ]
+}

package/public/registry/sounds/key-press.json

@@ -0,0 +1,10 @@
+{
+  "name": "key-press",
+  "type": "webaudio",
+  "files": [
+    {
+      "name": "key-press.ts",
+      "content": "export function playKeyPress() {\n  const ctx = new AudioContext();\n  const now = ctx.currentTime;\n  // Lubed Cherry MX Brown — deep muted thock, no click\n  const v = () => 0.94 + Math.random() * 0.12;\n  const drift = Math.random() * 0.0015;\n  // Layer 1: bottom-out thock (main sound)\n  const thud = ctx.createOscillator();\n  const thudGain = ctx.createGain();\n  const thudFilter = ctx.createBiquadFilter();\n  thud.type = 'sine';\n  thud.frequency.setValueAtTime(95 * v(), now + drift);\n  thud.frequency.exponentialRampToValueAtTime(38, now + drift + 0.04);\n  thudFilter.type = 'lowpass';\n  thudFilter.frequency.setValueAtTime(300, now + drift);\n  thudFilter.Q.setValueAtTime(0.5, now + drift);\n  thudGain.gain.setValueAtTime(0.22, now + drift);\n  thudGain.gain.exponentialRampToValueAtTime(0.001, now + drift + 0.055);\n  thud.connect(thudFilter).connect(thudGain).connect(ctx.destination);\n  thud.start(now + drift); thud.stop(now + drift + 0.06);\n  // Layer 2: tactile bump (barely audible)\n  const bump = ctx.createOscillator();\n  const bumpGain = ctx.createGain();\n  const bumpFilter = ctx.createBiquadFilter();\n  bump.type = 'triangle';\n  bump.frequency.setValueAtTime(420 * v(), now);\n  bump.frequency.exponentialRampToValueAtTime(180, now + 0.008);\n  bumpFilter.type = 'lowpass';\n  bumpFilter.frequency.setValueAtTime(600, now);\n  bumpGain.gain.setValueAtTime(0.03, now);\n  bumpGain.gain.exponentialRampToValueAtTime(0.001, now + 0.012);\n  bump.connect(bumpFilter).connect(bumpGain).connect(ctx.destination);\n  bump.start(now); bump.stop(now + 0.012);\n  // Layer 3: dampened noise (soft low puff)\n  const bufLen = Math.floor(ctx.sampleRate * 0.03);\n  const buf = ctx.createBuffer(1, bufLen, ctx.sampleRate);\n  const d = buf.getChannelData(0);\n  for (let i = 0; i < bufLen; i++) d[i] = Math.random() * 2 - 1;\n  const noise = ctx.createBufferSource();\n  noise.buffer = buf;\n  const noiseLp = ctx.createBiquadFilter();\n  noiseLp.type = 'lowpass';\n  noiseLp.frequency.setValueAtTime(400 * v(), now + drift);\n  noiseLp.Q.setValueAtTime(0.3, now + drift);\n  const noiseGain = ctx.createGain();\n  noiseGain.gain.setValueAtTime(0.025, now + drift);\n  noiseGain.gain.exponentialRampToValueAtTime(0.001, now + drift + 0.025);\n  noise.connect(noiseLp).connect(noiseGain).connect(ctx.destination);\n  noise.start(now + drift); noise.stop(now + drift + 0.03);\n}"
+    }
+  ]
+}

package/public/registry/sounds/notification-ping.json

@@ -0,0 +1,10 @@
+{
+  "name": "notification-ping",
+  "type": "webaudio",
+  "files": [
+    {
+      "name": "notification-ping.ts",
+      "content": "export function playNotificationPing() {\n  const ctx = new AudioContext();\n  const now = ctx.currentTime;\n  const osc = ctx.createOscillator();\n  const gain = ctx.createGain();\n  osc.type = 'sine';\n  osc.frequency.setValueAtTime(1100, now);\n  osc.frequency.exponentialRampToValueAtTime(1800, now + 0.05);\n  osc.frequency.exponentialRampToValueAtTime(1100, now + 0.1);\n  gain.gain.setValueAtTime(0.25, now);\n  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.15);\n  osc.connect(gain).connect(ctx.destination);\n  osc.start(now);\n  osc.stop(now + 0.15);\n}"
+    }
+  ]
+}

package/public/registry/sounds/notification-subtle.json

@@ -0,0 +1,10 @@
+{
+  "name": "notification-subtle",
+  "type": "webaudio",
+  "files": [
+    {
+      "name": "notification-subtle.ts",
+      "content": "export function playNotificationSubtle() {\n  const ctx = new AudioContext();\n  const now = ctx.currentTime;\n  const osc = ctx.createOscillator();\n  const gain = ctx.createGain();\n  osc.type = 'sine';\n  osc.frequency.setValueAtTime(700, now);\n  gain.gain.setValueAtTime(0.1, now);\n  gain.gain.exponentialRampToValueAtTime(0.001, now + 0.12);\n  osc.connect(gain).connect(ctx.destination);\n  osc.start(now);\n  osc.stop(now + 0.12);\n}"
+    }
+  ]
+}