@manas-dev/sound-lab 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Manas Barman
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,107 @@
+# @manas-dev/sound-lab
+
+<div align="center">
+  <img src="https://raw.githubusercontent.com/ManasBarman229/sound-lab/main/media/banner.svg" alt="Sound Lab Banner" width="100%" />
+</div>
+
+<div align="center">
+  
+  [![npm version](https://img.shields.io/npm/v/@manas-dev/sound-lab.svg?style=flat-square)](https://www.npmjs.com/package/@manas-dev/sound-lab)
+  [![License](https://img.shields.io/npm/l/@manas-dev/sound-lab.svg?style=flat-square)](LICENSE)
+  [![Downloads](https://img.shields.io/npm/dm/@manas-dev/sound-lab.svg?style=flat-square)](https://www.npmjs.com/package/@manas-dev/sound-lab)
+  
+</div>
+
+<br />
+
+> **A lightweight React library for interactive UI sound effects.**
+> Enhance user engagement with haptic-like audio feedback, featuring reliable debouncing and a customizable control panel.
+
+## ✨ Features
+
+- 🔊 **Interactive Feedback**: Add sounds to clicks, hovers, and toggles effortlessly.
+- 🎛️ **Sound Lab UI**: Built-in control panel for users to adjust volume, toggle mute, and switch profiles.
+- 🎧 **Rich Profiles**: Comes with 9+ engineered sound profiles (`Glass`, `Thock`, `Mechanical`, `Sci-Fi`, etc.).
+- ⚡ **Performance Optimized**: Uses Web Audio API with intelligent debouncing to prevent audio spam.
+- 🛡️ **Type-Safe**: Fully typed with TypeScript.
+
+## 📦 Installation
+
+```bash
+npm install @manas-dev/sound-lab lucide-react
+# or
+yarn add @manas-dev/sound-lab lucide-react
+```
+
+## 🚀 Quick Start
+
+### 1. Wrap your application
+
+Wrap your root component with `SoundProvider`.
+
+```tsx
+import { SoundProvider } from '@manas-dev/sound-lab';
+
+function App() {
+  return (
+    <SoundProvider>
+      <YourApp />
+    </SoundProvider>
+  );
+}
+```
+
+### 2. Add the Sound Controls
+
+Allow users to customize their experience (optional but recommended).
+
+```tsx
+import { SoundControls } from '@manas-dev/sound-lab';
+
+const Layout = () => (
+  <>
+    <SoundControls isDark={true} activeColor="purple" />
+    {/* ... content */}
+  </>
+);
+```
+
+### 3. Use in Components
+
+Trigger sounds on interaction using the `useSound` hook.
+
+```tsx
+import { useSound } from '@manas-dev/sound-lab';
+
+const Button = () => {
+    const { playSound } = useSound();
+
+    return (
+        <button 
+            onClick={() => playSound('click')}
+            onMouseEnter={() => playSound('hover')}
+            className="btn-primary"
+        >
+            Click Me
+        </button>
+    );
+};
+```
+
+## 🎚️ Sound Profiles
+
+The library includes several carefully tuned oscillator-based sound profiles:
+
+| Profile | Description |
+| :--- | :--- |
+| **Glass** | High-pitched, clean, crystalline pings. (Default) |
+| **Thock** | Deep, "creamy" mechanical keyboard sound. |
+| **Mechanical** | Sharp, clicky switch sounds. |
+| **Console** | Retro game console blips. |
+| **Sci-Fi** | Futuristic sweeps and zaps. |
+| **Lofi** | Mellow, softened tones. |
+| **Minecraft** | Organic "plops" and "dings". |
+
+## 📜 License
+
+MIT © [Manas Barman](https://github.com/ManasBarman229)

package/dist/SoundContext.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ReactNode } from 'react';
+import { SoundProfileType, SoundType } from './data/profiles';
+
+interface SoundContextType {
+    isSoundEnabled: boolean;
+    setIsSoundEnabled: (enabled: boolean) => void;
+    soundProfile: SoundProfileType;
+    setSoundProfile: (profile: SoundProfileType) => void;
+    volume: number;
+    setVolume: (volume: number) => void;
+    playSound: (type?: SoundType) => void;
+}
+export declare const useSound: () => SoundContextType;
+interface SoundProviderProps {
+    children: ReactNode;
+}
+export declare const SoundProvider: React.FC<SoundProviderProps>;
+export {};

package/dist/SoundControls.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface SoundControlsProps {
+    activeColor?: string;
+    isDark?: boolean;
+}
+export declare const SoundControls: React.FC<SoundControlsProps>;
+export {};

package/dist/data/profiles.d.ts

@@ -0,0 +1,3 @@
+export type SoundType = 'hover' | 'click' | 'switch';
+export type SoundProfileType = 'glass' | 'thock' | 'console' | 'minecraft' | 'retro' | 'lofi' | 'mechanical' | 'scifi' | 'bubble';
+export declare const playSoundEffect: (ctx: AudioContext, profile: SoundProfileType, type: SoundType, volume: number) => void;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SoundContext';
+export * from './SoundControls';
+export * from './data/profiles';

package/dist/index.es.js

@@ -0,0 +1,812 @@
+import Ne, { createContext as gt, useContext as ht, useState as z, useRef as ie, useEffect as Fe } from "react";
+import { Music as ae, X as bt, Sparkles as xt, Keyboard as qe, Gamepad2 as Pe, Box as yt, Headphones as Rt, Zap as At, Droplets as Vt } from "lucide-react";
+var se = { exports: {} }, W = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ke;
+function wt() {
+  if (ke) return W;
+  ke = 1;
+  var T = Ne, l = Symbol.for("react.element"), o = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, t = T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, r = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(x, v, S) {
+    var y, h = {}, V = null, j = null;
+    S !== void 0 && (V = "" + S), v.key !== void 0 && (V = "" + v.key), v.ref !== void 0 && (j = v.ref);
+    for (y in v) u.call(v, y) && !r.hasOwnProperty(y) && (h[y] = v[y]);
+    if (x && x.defaultProps) for (y in v = x.defaultProps, v) h[y] === void 0 && (h[y] = v[y]);
+    return { $$typeof: l, type: x, key: V, ref: j, props: h, _owner: t.current };
+  }
+  return W.Fragment = o, W.jsx = i, W.jsxs = i, W;
+}
+var Y = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $e;
+function Et() {
+  return $e || ($e = 1, process.env.NODE_ENV !== "production" && function() {
+    var T = Ne, l = Symbol.for("react.element"), o = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), t = Symbol.for("react.strict_mode"), r = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), x = Symbol.for("react.context"), v = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), j = Symbol.for("react.offscreen"), C = Symbol.iterator, I = "@@iterator";
+    function O(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var n = C && e[C] || e[I];
+      return typeof n == "function" ? n : null;
+    }
+    var q = T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function R(e) {
+      {
+        for (var n = arguments.length, a = new Array(n > 1 ? n - 1 : 0), s = 1; s < n; s++)
+          a[s - 1] = arguments[s];
+        J("error", e, a);
+      }
+    }
+    function J(e, n, a) {
+      {
+        var s = q.ReactDebugCurrentFrame, d = s.getStackAddendum();
+        d !== "" && (n += "%s", a = a.concat([d]));
+        var m = a.map(function(f) {
+          return String(f);
+        });
+        m.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, m);
+      }
+    }
+    var K = !1, w = !1, Ie = !1, Me = !1, Le = !1, oe;
+    oe = Symbol.for("react.module.reference");
+    function We(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === u || e === r || Le || e === t || e === S || e === y || Me || e === j || K || w || Ie || typeof e == "object" && e !== null && (e.$$typeof === V || e.$$typeof === h || e.$$typeof === i || e.$$typeof === x || e.$$typeof === v || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === oe || e.getModuleId !== void 0));
+    }
+    function Ye(e, n, a) {
+      var s = e.displayName;
+      if (s)
+        return s;
+      var d = n.displayName || n.name || "";
+      return d !== "" ? a + "(" + d + ")" : a;
+    }
+    function ue(e) {
+      return e.displayName || "Context";
+    }
+    function P(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && R("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case u:
+          return "Fragment";
+        case o:
+          return "Portal";
+        case r:
+          return "Profiler";
+        case t:
+          return "StrictMode";
+        case S:
+          return "Suspense";
+        case y:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case x:
+            var n = e;
+            return ue(n) + ".Consumer";
+          case i:
+            var a = e;
+            return ue(a._context) + ".Provider";
+          case v:
+            return Ye(e, e.render, "ForwardRef");
+          case h:
+            var s = e.displayName || null;
+            return s !== null ? s : P(e.type) || "Memo";
+          case V: {
+            var d = e, m = d._payload, f = d._init;
+            try {
+              return P(f(m));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var k = Object.assign, M = 0, le, ce, fe, de, me, pe, Te;
+    function ve() {
+    }
+    ve.__reactDisabledLog = !0;
+    function De() {
+      {
+        if (M === 0) {
+          le = console.log, ce = console.info, fe = console.warn, de = console.error, me = console.group, pe = console.groupCollapsed, Te = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ve,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        M++;
+      }
+    }
+    function Ue() {
+      {
+        if (M--, M === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: k({}, e, {
+              value: le
+            }),
+            info: k({}, e, {
+              value: ce
+            }),
+            warn: k({}, e, {
+              value: fe
+            }),
+            error: k({}, e, {
+              value: de
+            }),
+            group: k({}, e, {
+              value: me
+            }),
+            groupCollapsed: k({}, e, {
+              value: pe
+            }),
+            groupEnd: k({}, e, {
+              value: Te
+            })
+          });
+        }
+        M < 0 && R("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var X = q.ReactCurrentDispatcher, H;
+    function D(e, n, a) {
+      {
+        if (H === void 0)
+          try {
+            throw Error();
+          } catch (d) {
+            var s = d.stack.trim().match(/\n( *(at )?)/);
+            H = s && s[1] || "";
+          }
+        return `
+` + H + e;
+      }
+    }
+    var Z = !1, U;
+    {
+      var Be = typeof WeakMap == "function" ? WeakMap : Map;
+      U = new Be();
+    }
+    function ge(e, n) {
+      if (!e || Z)
+        return "";
+      {
+        var a = U.get(e);
+        if (a !== void 0)
+          return a;
+      }
+      var s;
+      Z = !0;
+      var d = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var m;
+      m = X.current, X.current = null, De();
+      try {
+        if (n) {
+          var f = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(f.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(f, []);
+            } catch (E) {
+              s = E;
+            }
+            Reflect.construct(e, [], f);
+          } else {
+            try {
+              f.call();
+            } catch (E) {
+              s = E;
+            }
+            e.call(f.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (E) {
+            s = E;
+          }
+          e();
+        }
+      } catch (E) {
+        if (E && s && typeof E.stack == "string") {
+          for (var c = E.stack.split(`
+`), A = s.stack.split(`
+`), g = c.length - 1, b = A.length - 1; g >= 1 && b >= 0 && c[g] !== A[b]; )
+            b--;
+          for (; g >= 1 && b >= 0; g--, b--)
+            if (c[g] !== A[b]) {
+              if (g !== 1 || b !== 1)
+                do
+                  if (g--, b--, b < 0 || c[g] !== A[b]) {
+                    var _ = `
+` + c[g].replace(" at new ", " at ");
+                    return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && U.set(e, _), _;
+                  }
+                while (g >= 1 && b >= 0);
+              break;
+            }
+        }
+      } finally {
+        Z = !1, X.current = m, Ue(), Error.prepareStackTrace = d;
+      }
+      var F = e ? e.displayName || e.name : "", $ = F ? D(F) : "";
+      return typeof e == "function" && U.set(e, $), $;
+    }
+    function Ge(e, n, a) {
+      return ge(e, !1);
+    }
+    function Je(e) {
+      var n = e.prototype;
+      return !!(n && n.isReactComponent);
+    }
+    function B(e, n, a) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return ge(e, Je(e));
+      if (typeof e == "string")
+        return D(e);
+      switch (e) {
+        case S:
+          return D("Suspense");
+        case y:
+          return D("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case v:
+            return Ge(e.render);
+          case h:
+            return B(e.type, n, a);
+          case V: {
+            var s = e, d = s._payload, m = s._init;
+            try {
+              return B(m(d), n, a);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var L = Object.prototype.hasOwnProperty, he = {}, be = q.ReactDebugCurrentFrame;
+    function G(e) {
+      if (e) {
+        var n = e._owner, a = B(e.type, e._source, n ? n.type : null);
+        be.setExtraStackFrame(a);
+      } else
+        be.setExtraStackFrame(null);
+    }
+    function Ke(e, n, a, s, d) {
+      {
+        var m = Function.call.bind(L);
+        for (var f in e)
+          if (m(e, f)) {
+            var c = void 0;
+            try {
+              if (typeof e[f] != "function") {
+                var A = Error((s || "React class") + ": " + a + " type `" + f + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[f] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw A.name = "Invariant Violation", A;
+              }
+              c = e[f](n, f, s, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (g) {
+              c = g;
+            }
+            c && !(c instanceof Error) && (G(d), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", s || "React class", a, f, typeof c), G(null)), c instanceof Error && !(c.message in he) && (he[c.message] = !0, G(d), R("Failed %s type: %s", a, c.message), G(null));
+          }
+      }
+    }
+    var Xe = Array.isArray;
+    function Q(e) {
+      return Xe(e);
+    }
+    function He(e) {
+      {
+        var n = typeof Symbol == "function" && Symbol.toStringTag, a = n && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a;
+      }
+    }
+    function Ze(e) {
+      try {
+        return xe(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function xe(e) {
+      return "" + e;
+    }
+    function ye(e) {
+      if (Ze(e))
+        return R("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), xe(e);
+    }
+    var Re = q.ReactCurrentOwner, Qe = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Ae, Ve;
+    function et(e) {
+      if (L.call(e, "ref")) {
+        var n = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function tt(e) {
+      if (L.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function rt(e, n) {
+      typeof e.ref == "string" && Re.current;
+    }
+    function nt(e, n) {
+      {
+        var a = function() {
+          Ae || (Ae = !0, R("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        a.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    function at(e, n) {
+      {
+        var a = function() {
+          Ve || (Ve = !0, R("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", n));
+        };
+        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    var it = function(e, n, a, s, d, m, f) {
+      var c = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: l,
+        // Built-in properties that belong on the element
+        type: e,
+        key: n,
+        ref: a,
+        props: f,
+        // Record the component responsible for creating this element.
+        _owner: m
+      };
+      return c._store = {}, Object.defineProperty(c._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(c, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: s
+      }), Object.defineProperty(c, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: d
+      }), Object.freeze && (Object.freeze(c.props), Object.freeze(c)), c;
+    };
+    function st(e, n, a, s, d) {
+      {
+        var m, f = {}, c = null, A = null;
+        a !== void 0 && (ye(a), c = "" + a), tt(n) && (ye(n.key), c = "" + n.key), et(n) && (A = n.ref, rt(n, d));
+        for (m in n)
+          L.call(n, m) && !Qe.hasOwnProperty(m) && (f[m] = n[m]);
+        if (e && e.defaultProps) {
+          var g = e.defaultProps;
+          for (m in g)
+            f[m] === void 0 && (f[m] = g[m]);
+        }
+        if (c || A) {
+          var b = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          c && nt(f, b), A && at(f, b);
+        }
+        return it(e, c, A, d, s, Re.current, f);
+      }
+    }
+    var ee = q.ReactCurrentOwner, we = q.ReactDebugCurrentFrame;
+    function N(e) {
+      if (e) {
+        var n = e._owner, a = B(e.type, e._source, n ? n.type : null);
+        we.setExtraStackFrame(a);
+      } else
+        we.setExtraStackFrame(null);
+    }
+    var te;
+    te = !1;
+    function re(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === l;
+    }
+    function Ee() {
+      {
+        if (ee.current) {
+          var e = P(ee.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function ot(e) {
+      return "";
+    }
+    var _e = {};
+    function ut(e) {
+      {
+        var n = Ee();
+        if (!n) {
+          var a = typeof e == "string" ? e : e.displayName || e.name;
+          a && (n = `
+
+Check the top-level render call using <` + a + ">.");
+        }
+        return n;
+      }
+    }
+    function Se(e, n) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var a = ut(n);
+        if (_e[a])
+          return;
+        _e[a] = !0;
+        var s = "";
+        e && e._owner && e._owner !== ee.current && (s = " It was passed a child from " + P(e._owner.type) + "."), N(e), R('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, s), N(null);
+      }
+    }
+    function je(e, n) {
+      {
+        if (typeof e != "object")
+          return;
+        if (Q(e))
+          for (var a = 0; a < e.length; a++) {
+            var s = e[a];
+            re(s) && Se(s, n);
+          }
+        else if (re(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var d = O(e);
+          if (typeof d == "function" && d !== e.entries)
+            for (var m = d.call(e), f; !(f = m.next()).done; )
+              re(f.value) && Se(f.value, n);
+        }
+      }
+    }
+    function lt(e) {
+      {
+        var n = e.type;
+        if (n == null || typeof n == "string")
+          return;
+        var a;
+        if (typeof n == "function")
+          a = n.propTypes;
+        else if (typeof n == "object" && (n.$$typeof === v || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        n.$$typeof === h))
+          a = n.propTypes;
+        else
+          return;
+        if (a) {
+          var s = P(n);
+          Ke(a, e.props, "prop", s, e);
+        } else if (n.PropTypes !== void 0 && !te) {
+          te = !0;
+          var d = P(n);
+          R("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", d || "Unknown");
+        }
+        typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && R("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function ct(e) {
+      {
+        for (var n = Object.keys(e.props), a = 0; a < n.length; a++) {
+          var s = n[a];
+          if (s !== "children" && s !== "key") {
+            N(e), R("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", s), N(null);
+            break;
+          }
+        }
+        e.ref !== null && (N(e), R("Invalid attribute `ref` supplied to `React.Fragment`."), N(null));
+      }
+    }
+    var Ce = {};
+    function Oe(e, n, a, s, d, m) {
+      {
+        var f = We(e);
+        if (!f) {
+          var c = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (c += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var A = ot();
+          A ? c += A : c += Ee();
+          var g;
+          e === null ? g = "null" : Q(e) ? g = "array" : e !== void 0 && e.$$typeof === l ? (g = "<" + (P(e.type) || "Unknown") + " />", c = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, c);
+        }
+        var b = st(e, n, a, d, m);
+        if (b == null)
+          return b;
+        if (f) {
+          var _ = n.children;
+          if (_ !== void 0)
+            if (s)
+              if (Q(_)) {
+                for (var F = 0; F < _.length; F++)
+                  je(_[F], e);
+                Object.freeze && Object.freeze(_);
+              } else
+                R("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              je(_, e);
+        }
+        if (L.call(n, "key")) {
+          var $ = P(e), E = Object.keys(n).filter(function(vt) {
+            return vt !== "key";
+          }), ne = E.length > 0 ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ce[$ + ne]) {
+            var Tt = E.length > 0 ? "{" + E.join(": ..., ") + ": ...}" : "{}";
+            R(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`, ne, $, Tt, $), Ce[$ + ne] = !0;
+          }
+        }
+        return e === u ? ct(b) : lt(b), b;
+      }
+    }
+    function ft(e, n, a) {
+      return Oe(e, n, a, !0);
+    }
+    function dt(e, n, a) {
+      return Oe(e, n, a, !1);
+    }
+    var mt = dt, pt = ft;
+    Y.Fragment = u, Y.jsx = mt, Y.jsxs = pt;
+  }()), Y;
+}
+process.env.NODE_ENV === "production" ? se.exports = wt() : se.exports = Et();
+var p = se.exports;
+const _t = (T, l, o, u) => {
+  const t = T.currentTime, r = T.createOscillator(), i = T.createGain();
+  r.connect(i), i.connect(T.destination), l === "lofi" ? o === "hover" ? (r.type = "sine", r.frequency.setValueAtTime(800, t), r.frequency.exponentialRampToValueAtTime(300, t + 0.05), i.gain.setValueAtTime(0.1 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.04), r.start(t), r.stop(t + 0.05)) : o === "click" ? (r.type = "triangle", r.frequency.setValueAtTime(300, t), r.frequency.exponentialRampToValueAtTime(50, t + 0.15), i.gain.setValueAtTime(0.3 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.15), r.start(t), r.stop(t + 0.15)) : o === "switch" && (r.type = "sine", r.frequency.setValueAtTime(200, t), r.frequency.linearRampToValueAtTime(400, t + 0.1), i.gain.setValueAtTime(0.2 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : l === "glass" ? o === "hover" ? (r.type = "sine", r.frequency.setValueAtTime(1200, t), r.frequency.exponentialRampToValueAtTime(1800, t + 0.05), i.gain.setValueAtTime(0.08 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.05), r.start(t), r.stop(t + 0.05)) : o === "click" ? (r.type = "sine", r.frequency.setValueAtTime(800, t), r.frequency.exponentialRampToValueAtTime(100, t + 0.2), i.gain.setValueAtTime(0.25 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.2), r.start(t), r.stop(t + 0.2)) : o === "switch" && (r.type = "sine", r.frequency.setValueAtTime(1500, t), r.frequency.exponentialRampToValueAtTime(800, t + 0.3), i.gain.setValueAtTime(0.15 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.3), r.start(t), r.stop(t + 0.3)) : l === "retro" ? o === "hover" ? (r.type = "square", r.frequency.setValueAtTime(150, t), r.frequency.linearRampToValueAtTime(100, t + 0.05), i.gain.setValueAtTime(0.05 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.05), r.start(t), r.stop(t + 0.05)) : o === "click" ? (r.type = "square", r.frequency.setValueAtTime(440, t), r.frequency.setValueAtTime(880, t + 0.05), i.gain.setValueAtTime(0.1 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : o === "switch" && (r.type = "square", r.frequency.setValueAtTime(220, t), r.frequency.linearRampToValueAtTime(880, t + 0.1), i.gain.setValueAtTime(0.1 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : l === "thock" ? o === "hover" ? (r.type = "triangle", r.frequency.setValueAtTime(120, t), r.frequency.exponentialRampToValueAtTime(60, t + 0.05), i.gain.setValueAtTime(0.15 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.05), r.start(t), r.stop(t + 0.05)) : o === "click" ? (r.type = "triangle", r.frequency.setValueAtTime(100, t), r.frequency.exponentialRampToValueAtTime(30, t + 0.1), i.gain.setValueAtTime(0.4 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : o === "switch" && (r.type = "triangle", r.frequency.setValueAtTime(200, t), r.frequency.exponentialRampToValueAtTime(80, t + 0.1), i.gain.setValueAtTime(0.2 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : l === "console" ? o === "hover" ? (r.type = "square", r.frequency.setValueAtTime(1e3, t), r.frequency.linearRampToValueAtTime(1500, t + 0.03), i.gain.setValueAtTime(0.05 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.03), r.start(t), r.stop(t + 0.03)) : o === "click" ? (r.type = "square", r.frequency.setValueAtTime(800, t), r.frequency.linearRampToValueAtTime(1200, t + 0.05), i.gain.setValueAtTime(0.1 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.05), r.start(t), r.stop(t + 0.05)) : o === "switch" && (r.type = "square", r.frequency.setValueAtTime(1200, t), r.frequency.linearRampToValueAtTime(2e3, t + 0.1), i.gain.setValueAtTime(0.1 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : l === "minecraft" ? o === "hover" ? (r.type = "sine", r.frequency.setValueAtTime(1500, t), r.frequency.linearRampToValueAtTime(1800, t + 0.05), i.gain.setValueAtTime(0.1 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : o === "click" ? (r.type = "sine", r.frequency.setValueAtTime(600, t), r.frequency.exponentialRampToValueAtTime(200, t + 0.1), i.gain.setValueAtTime(0.3 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : o === "switch" && (r.type = "square", r.frequency.setValueAtTime(250, t), r.frequency.exponentialRampToValueAtTime(50, t + 0.05), i.gain.setValueAtTime(0.15 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.05), r.start(t), r.stop(t + 0.05)) : l === "mechanical" ? o === "hover" ? (r.type = "square", r.frequency.setValueAtTime(2e3, t), r.frequency.exponentialRampToValueAtTime(1e3, t + 0.02), i.gain.setValueAtTime(0.1 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.02), r.start(t), r.stop(t + 0.02)) : o === "click" ? (r.type = "sawtooth", r.frequency.setValueAtTime(500, t), r.frequency.exponentialRampToValueAtTime(100, t + 0.1), i.gain.setValueAtTime(0.3 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : o === "switch" && (r.type = "square", r.frequency.setValueAtTime(300, t), r.frequency.linearRampToValueAtTime(600, t + 0.05), i.gain.setValueAtTime(0.2 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.05), r.start(t), r.stop(t + 0.05)) : l === "scifi" ? o === "hover" ? (r.type = "sine", r.frequency.setValueAtTime(1500, t), i.gain.setValueAtTime(0.15 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.03), r.start(t), r.stop(t + 0.03)) : o === "click" ? (r.type = "sine", r.frequency.setValueAtTime(1e3, t), r.frequency.linearRampToValueAtTime(2500, t + 0.15), i.gain.setValueAtTime(0.4 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.15), r.start(t), r.stop(t + 0.15)) : o === "switch" && (r.type = "sine", r.frequency.setValueAtTime(500, t), r.frequency.linearRampToValueAtTime(1500, t + 0.2), i.gain.setValueAtTime(0.2 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.2), r.start(t), r.stop(t + 0.2)) : l === "bubble" && (o === "hover" ? (r.type = "sine", r.frequency.setValueAtTime(600, t), r.frequency.exponentialRampToValueAtTime(300, t + 0.1), i.gain.setValueAtTime(0.2 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.1), r.start(t), r.stop(t + 0.1)) : o === "click" ? (r.type = "sine", r.frequency.setValueAtTime(800, t), r.frequency.exponentialRampToValueAtTime(200, t + 0.2), i.gain.setValueAtTime(0.4 * u, t), i.gain.exponentialRampToValueAtTime(1e-3, t + 0.2), r.start(t), r.stop(t + 0.2)) : o === "switch" && (r.type = "triangle", r.frequency.setValueAtTime(300, t), r.frequency.exponentialRampToValueAtTime(600, t + 0.2), i.gain.setValueAtTime(0.2 * u, t), i.gain.linearRampToValueAtTime(1e-3, t + 0.2), r.start(t), r.stop(t + 0.2)));
+}, ze = gt(void 0), St = () => {
+  const T = ht(ze);
+  if (!T)
+    throw new Error("useSound must be used within a SoundProvider");
+  return T;
+}, Ot = ({ children: T }) => {
+  const [l, o] = z(!0), [u, t] = z("glass"), [r, i] = z(0.5), x = ie(null), v = ie(0);
+  Fe(() => {
+    const h = () => {
+      if (l) {
+        if (!x.current) {
+          const V = window.AudioContext || window.webkitAudioContext;
+          x.current = new V();
+        }
+        x.current && x.current.state === "suspended" && x.current.resume();
+      }
+    };
+    return window.addEventListener("click", h), window.addEventListener("touchstart", h), window.addEventListener("keydown", h), () => {
+      window.removeEventListener("click", h), window.removeEventListener("touchstart", h), window.removeEventListener("keydown", h);
+    };
+  }, [l]);
+  const y = {
+    isSoundEnabled: l,
+    setIsSoundEnabled: o,
+    soundProfile: u,
+    setSoundProfile: t,
+    volume: r,
+    setVolume: i,
+    playSound: (h = "hover") => {
+      if (!l) return;
+      if (!x.current) {
+        const C = window.AudioContext || window.webkitAudioContext;
+        x.current = new C();
+      }
+      const V = x.current.currentTime;
+      if (V - v.current < 0.05) return;
+      v.current = V;
+      const j = x.current;
+      j.state === "suspended" && j.resume().catch((C) => console.error("AudioContext resume failed:", C)), _t(j, u, h, r);
+    }
+  };
+  return /* @__PURE__ */ p.jsx(ze.Provider, { value: y, children: T });
+}, qt = ({ activeColor: T = "blue", isDark: l = !0 }) => {
+  const {
+    isSoundEnabled: o,
+    setIsSoundEnabled: u,
+    soundProfile: t,
+    setSoundProfile: r,
+    volume: i,
+    setVolume: x,
+    playSound: v
+  } = St(), [S, y] = z(!1), [h, V] = z(null), [j, C] = z(!1), I = (w) => {
+    V(w), C(!0), setTimeout(() => C(!1), 2e3);
+  }, O = ie(null), q = () => {
+    O.current && (clearTimeout(O.current), O.current = null);
+  }, R = () => {
+    O.current = setTimeout(() => {
+      y(!1);
+    }, 1e3);
+  };
+  Fe(() => () => {
+    O.current && clearTimeout(O.current);
+  }, []);
+  const J = [
+    { id: "glass", name: "Glass", icon: xt },
+    { id: "thock", name: "Thock", icon: qe },
+    { id: "console", name: "Console", icon: Pe },
+    { id: "minecraft", name: "Minecraft", icon: yt },
+    { id: "retro", name: "Retro", icon: Pe },
+    { id: "lofi", name: "Lofi", icon: Rt },
+    { id: "mechanical", name: "Clicky", icon: qe },
+    { id: "scifi", name: "Sci-Fi", icon: At },
+    { id: "bubble", name: "Bubble", icon: Vt }
+  ], K = `text-${T}-500`;
+  return /* @__PURE__ */ p.jsxs("div", { className: "fixed top-4 right-16 md:right-24 z-50", children: [
+    j && /* @__PURE__ */ p.jsx("div", { className: `absolute top-16 right-0 md:right-auto md:left-[-200px] px-4 py-2 rounded-xl shadow-lg backdrop-blur-md border animate-in slide-in-from-top-2 fade-in duration-300 z-[60] whitespace-nowrap
+                    ${l ? "bg-zinc-800/90 border-zinc-700 text-white" : "bg-white/90 border-slate-200 text-slate-800"}`, children: /* @__PURE__ */ p.jsx("span", { className: "text-xs font-bold", children: h }) }),
+    S && /* @__PURE__ */ p.jsxs(
+      "div",
+      {
+        onMouseEnter: q,
+        onMouseLeave: R,
+        className: `absolute top-full right-0 mt-4 p-4 rounded-3xl border w-[280px] backdrop-blur-xl shadow-2xl animate-in slide-in-from-top-5 fade-in z-50
+           ${l ? "bg-zinc-900/95 border-zinc-800" : "bg-white/95 border-white/60"}`,
+        children: [
+          /* @__PURE__ */ p.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+            /* @__PURE__ */ p.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ p.jsx(ae, { size: 14, className: l ? "text-zinc-400" : "text-slate-400" }),
+              /* @__PURE__ */ p.jsx("span", { className: `text-xs font-bold uppercase tracking-wider ${l ? "text-zinc-500" : "text-slate-500"}`, children: "Sound Lab" })
+            ] }),
+            /* @__PURE__ */ p.jsx(
+              "button",
+              {
+                onClick: () => {
+                  y(!1), v("click");
+                },
+                className: `p-1 rounded-full ${l ? "hover:bg-zinc-800" : "hover:bg-slate-100"}`,
+                "aria-label": "Close sound menu",
+                children: /* @__PURE__ */ p.jsx(bt, { size: 14, className: l ? "text-zinc-400" : "text-slate-400" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ p.jsxs("div", { className: `flex items-center justify-between p-3 rounded-xl mb-4 transition-colors
+                        ${l ? "bg-zinc-800/50" : "bg-slate-50"}`, children: [
+            /* @__PURE__ */ p.jsx("span", { className: `text-xs font-medium ${l ? "text-zinc-300" : "text-slate-600"}`, children: "Master Audio" }),
+            /* @__PURE__ */ p.jsx(
+              "button",
+              {
+                onClick: () => {
+                  u(!o), o ? I("Sound Disabled") : (setTimeout(() => v("switch"), 50), I("Sound Enabled"));
+                },
+                className: `relative w-10 h-6 rounded-full transition-colors duration-300 ${o ? `bg-${T}-500` : l ? "bg-zinc-700" : "bg-slate-300"}`,
+                "aria-label": o ? "Disable sound" : "Enable sound",
+                children: /* @__PURE__ */ p.jsx("span", { className: `absolute top-1 left-1 w-4 h-4 rounded-full bg-white transition-transform duration-300 ${o ? "translate-x-4" : "translate-x-0"}` })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ p.jsxs("div", { className: `p-3 rounded-xl mb-4 transition-colors ${l ? "bg-zinc-800/50" : "bg-slate-50"}`, children: [
+            /* @__PURE__ */ p.jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+              /* @__PURE__ */ p.jsx("span", { className: `text-xs font-medium ${l ? "text-zinc-300" : "text-slate-600"}`, children: "Volume" }),
+              /* @__PURE__ */ p.jsxs("span", { className: `text-xs font-bold ${K}`, children: [
+                Math.round(i * 100),
+                "%"
+              ] })
+            ] }),
+            /* @__PURE__ */ p.jsx(
+              "input",
+              {
+                type: "range",
+                min: "0",
+                max: "1",
+                step: "0.05",
+                value: i,
+                onChange: (w) => {
+                  x(parseFloat(w.target.value)), o || u(!0);
+                },
+                className: `w-full h-1.5 rounded-full appearance-none cursor-pointer accent-${T}-500 ${l ? "bg-zinc-700" : "bg-slate-300"}`,
+                "aria-label": "Volume control"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ p.jsx("div", { className: "grid grid-cols-3 gap-2", children: J.map((w) => /* @__PURE__ */ p.jsxs(
+            "button",
+            {
+              onClick: () => {
+                r(w.id), o || u(!0), setTimeout(() => v("click"), 50), I(`Profile: ${w.name}`);
+              },
+              className: `flex flex-col items-center gap-1 p-2 rounded-xl border transition-all duration-300
+                  ${t === w.id ? l ? `bg-${T}-500/10 border-${T}-500/50` : `bg-${T}-50 border-${T}-200` : l ? "bg-transparent border-transparent hover:bg-zinc-800" : "bg-transparent border-transparent hover:bg-slate-100"}`,
+              children: [
+                /* @__PURE__ */ p.jsx(w.icon, { size: 16, className: t === w.id ? `text-${T}-500` : l ? "text-zinc-500" : "text-slate-400" }),
+                /* @__PURE__ */ p.jsx("span", { className: `text-[10px] font-medium ${t === w.id ? l ? "text-white" : `text-${T}-700` : l ? "text-zinc-500" : "text-slate-500"}`, children: w.name })
+              ]
+            },
+            w.id
+          )) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ p.jsx(
+      "button",
+      {
+        onClick: () => {
+          y(!S), v("click");
+        },
+        className: `p-2 md:p-3 rounded-full transition-all duration-300 text-slate-400 hover:text-slate-600 hover:bg-slate-50
+                    ${l ? "hover:bg-zinc-800 hover:text-zinc-200" : ""}
+                    ${S || o ? l ? "text-white" : "text-slate-800" : ""}
+                `,
+        "aria-label": "Open sound menu",
+        children: o ? /* @__PURE__ */ p.jsx(ae, { size: 20, className: "md:w-6 md:h-6 animate-pulse" }) : /* @__PURE__ */ p.jsx(ae, { size: 20, className: "md:w-6 md:h-6" })
+      }
+    )
+  ] });
+};
+export {
+  qt as SoundControls,
+  Ot as SoundProvider,
+  _t as playSoundEffect,
+  St as useSound
+};

package/dist/index.umd.js

@@ -0,0 +1,37 @@
+(function(C,y){typeof exports=="object"&&typeof module<"u"?y(exports,require("react"),require("lucide-react")):typeof define=="function"&&define.amd?define(["exports","react","lucide-react"],y):(C=typeof globalThis<"u"?globalThis:C||self,y(C.SoundLab={},C.React,C.LucideReact))})(this,function(C,y,S){"use strict";var X={exports:{}},W={};/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var oe;function ze(){if(oe)return W;oe=1;var T=y,l=Symbol.for("react.element"),o=Symbol.for("react.fragment"),u=Object.prototype.hasOwnProperty,t=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,n={key:!0,ref:!0,__self:!0,__source:!0};function i(x,v,O){var R,h={},w=null,P=null;O!==void 0&&(w=""+O),v.key!==void 0&&(w=""+v.key),v.ref!==void 0&&(P=v.ref);for(R in v)u.call(v,R)&&!n.hasOwnProperty(R)&&(h[R]=v[R]);if(x&&x.defaultProps)for(R in v=x.defaultProps,v)h[R]===void 0&&(h[R]=v[R]);return{$$typeof:l,type:x,key:w,ref:P,props:h,_owner:t.current}}return W.Fragment=o,W.jsx=i,W.jsxs=i,W}var Y={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var ue;function Ie(){return ue||(ue=1,process.env.NODE_ENV!=="production"&&function(){var T=y,l=Symbol.for("react.element"),o=Symbol.for("react.portal"),u=Symbol.for("react.fragment"),t=Symbol.for("react.strict_mode"),n=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),x=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),R=Symbol.for("react.suspense_list"),h=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),P=Symbol.for("react.offscreen"),k=Symbol.iterator,D="@@iterator";function q(e){if(e===null||typeof e!="object")return null;var r=k&&e[k]||e[D];return typeof r=="function"?r:null}var N=T.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function A(e){{for(var r=arguments.length,a=new Array(r>1?r-1:0),s=1;s<r;s++)a[s-1]=arguments[s];H("error",e,a)}}function H(e,r,a){{var s=N.ReactDebugCurrentFrame,d=s.getStackAddendum();d!==""&&(r+="%s",a=a.concat([d]));var p=a.map(function(f){return String(f)});p.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,p)}}var Z=!1,E=!1,We=!1,Ye=!1,De=!1,de;de=Symbol.for("react.module.reference");function $e(e){return!!(typeof e=="string"||typeof e=="function"||e===u||e===n||De||e===t||e===O||e===R||Ye||e===P||Z||E||We||typeof e=="object"&&e!==null&&(e.$$typeof===w||e.$$typeof===h||e.$$typeof===i||e.$$typeof===x||e.$$typeof===v||e.$$typeof===de||e.getModuleId!==void 0))}function Ue(e,r,a){var s=e.displayName;if(s)return s;var d=r.displayName||r.name||"";return d!==""?a+"("+d+")":a}function me(e){return e.displayName||"Context"}function F(e){if(e==null)return null;if(typeof e.tag=="number"&&A("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case u:return"Fragment";case o:return"Portal";case n:return"Profiler";case t:return"StrictMode";case O:return"Suspense";case R:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case x:var r=e;return me(r)+".Consumer";case i:var a=e;return me(a._context)+".Provider";case v:return Ue(e,e.render,"ForwardRef");case h:var s=e.displayName||null;return s!==null?s:F(e.type)||"Memo";case w:{var d=e,p=d._payload,f=d._init;try{return F(f(p))}catch{return null}}}return null}var z=Object.assign,$=0,pe,Te,ve,ge,he,be,ye;function xe(){}xe.__reactDisabledLog=!0;function Be(){{if($===0){pe=console.log,Te=console.info,ve=console.warn,ge=console.error,he=console.group,be=console.groupCollapsed,ye=console.groupEnd;var e={configurable:!0,enumerable:!0,value:xe,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}$++}}function Ge(){{if($--,$===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:z({},e,{value:pe}),info:z({},e,{value:Te}),warn:z({},e,{value:ve}),error:z({},e,{value:ge}),group:z({},e,{value:he}),groupCollapsed:z({},e,{value:be}),groupEnd:z({},e,{value:ye})})}$<0&&A("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var Q=N.ReactCurrentDispatcher,ee;function B(e,r,a){{if(ee===void 0)try{throw Error()}catch(d){var s=d.stack.trim().match(/\n( *(at )?)/);ee=s&&s[1]||""}return`
+`+ee+e}}var te=!1,G;{var Ke=typeof WeakMap=="function"?WeakMap:Map;G=new Ke}function Re(e,r){if(!e||te)return"";{var a=G.get(e);if(a!==void 0)return a}var s;te=!0;var d=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var p;p=Q.current,Q.current=null,Be();try{if(r){var f=function(){throw Error()};if(Object.defineProperty(f.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(f,[])}catch(_){s=_}Reflect.construct(e,[],f)}else{try{f.call()}catch(_){s=_}e.call(f.prototype)}}else{try{throw Error()}catch(_){s=_}e()}}catch(_){if(_&&s&&typeof _.stack=="string"){for(var c=_.stack.split(`
+`),V=s.stack.split(`
+`),g=c.length-1,b=V.length-1;g>=1&&b>=0&&c[g]!==V[b];)b--;for(;g>=1&&b>=0;g--,b--)if(c[g]!==V[b]){if(g!==1||b!==1)do if(g--,b--,b<0||c[g]!==V[b]){var j=`
+`+c[g].replace(" at new "," at ");return e.displayName&&j.includes("<anonymous>")&&(j=j.replace("<anonymous>",e.displayName)),typeof e=="function"&&G.set(e,j),j}while(g>=1&&b>=0);break}}}finally{te=!1,Q.current=p,Ge(),Error.prepareStackTrace=d}var L=e?e.displayName||e.name:"",I=L?B(L):"";return typeof e=="function"&&G.set(e,I),I}function Je(e,r,a){return Re(e,!1)}function Xe(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function K(e,r,a){if(e==null)return"";if(typeof e=="function")return Re(e,Xe(e));if(typeof e=="string")return B(e);switch(e){case O:return B("Suspense");case R:return B("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case v:return Je(e.render);case h:return K(e.type,r,a);case w:{var s=e,d=s._payload,p=s._init;try{return K(p(d),r,a)}catch{}}}return""}var U=Object.prototype.hasOwnProperty,Ae={},Ve=N.ReactDebugCurrentFrame;function J(e){if(e){var r=e._owner,a=K(e.type,e._source,r?r.type:null);Ve.setExtraStackFrame(a)}else Ve.setExtraStackFrame(null)}function He(e,r,a,s,d){{var p=Function.call.bind(U);for(var f in e)if(p(e,f)){var c=void 0;try{if(typeof e[f]!="function"){var V=Error((s||"React class")+": "+a+" type `"+f+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[f]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw V.name="Invariant Violation",V}c=e[f](r,f,s,a,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){c=g}c&&!(c instanceof Error)&&(J(d),A("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",s||"React class",a,f,typeof c),J(null)),c instanceof Error&&!(c.message in Ae)&&(Ae[c.message]=!0,J(d),A("Failed %s type: %s",a,c.message),J(null))}}}var Ze=Array.isArray;function ne(e){return Ze(e)}function Qe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,a=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a}}function et(e){try{return we(e),!1}catch{return!0}}function we(e){return""+e}function Ee(e){if(et(e))return A("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Qe(e)),we(e)}var _e=N.ReactCurrentOwner,tt={key:!0,ref:!0,__self:!0,__source:!0},Se,je;function nt(e){if(U.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function rt(e){if(U.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function at(e,r){typeof e.ref=="string"&&_e.current}function it(e,r){{var a=function(){Se||(Se=!0,A("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}}function st(e,r){{var a=function(){je||(je=!0,A("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};a.isReactWarning=!0,Object.defineProperty(e,"ref",{get:a,configurable:!0})}}var ot=function(e,r,a,s,d,p,f){var c={$$typeof:l,type:e,key:r,ref:a,props:f,_owner:p};return c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(c,"_self",{configurable:!1,enumerable:!1,writable:!1,value:s}),Object.defineProperty(c,"_source",{configurable:!1,enumerable:!1,writable:!1,value:d}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c};function ut(e,r,a,s,d){{var p,f={},c=null,V=null;a!==void 0&&(Ee(a),c=""+a),rt(r)&&(Ee(r.key),c=""+r.key),nt(r)&&(V=r.ref,at(r,d));for(p in r)U.call(r,p)&&!tt.hasOwnProperty(p)&&(f[p]=r[p]);if(e&&e.defaultProps){var g=e.defaultProps;for(p in g)f[p]===void 0&&(f[p]=g[p])}if(c||V){var b=typeof e=="function"?e.displayName||e.name||"Unknown":e;c&&it(f,b),V&&st(f,b)}return ot(e,c,V,d,s,_e.current,f)}}var re=N.ReactCurrentOwner,Ce=N.ReactDebugCurrentFrame;function M(e){if(e){var r=e._owner,a=K(e.type,e._source,r?r.type:null);Ce.setExtraStackFrame(a)}else Ce.setExtraStackFrame(null)}var ae;ae=!1;function ie(e){return typeof e=="object"&&e!==null&&e.$$typeof===l}function Oe(){{if(re.current){var e=F(re.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function lt(e){return""}var Pe={};function ct(e){{var r=Oe();if(!r){var a=typeof e=="string"?e:e.displayName||e.name;a&&(r=`
+
+Check the top-level render call using <`+a+">.")}return r}}function ke(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var a=ct(r);if(Pe[a])return;Pe[a]=!0;var s="";e&&e._owner&&e._owner!==re.current&&(s=" It was passed a child from "+F(e._owner.type)+"."),M(e),A('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',a,s),M(null)}}function qe(e,r){{if(typeof e!="object")return;if(ne(e))for(var a=0;a<e.length;a++){var s=e[a];ie(s)&&ke(s,r)}else if(ie(e))e._store&&(e._store.validated=!0);else if(e){var d=q(e);if(typeof d=="function"&&d!==e.entries)for(var p=d.call(e),f;!(f=p.next()).done;)ie(f.value)&&ke(f.value,r)}}}function ft(e){{var r=e.type;if(r==null||typeof r=="string")return;var a;if(typeof r=="function")a=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===v||r.$$typeof===h))a=r.propTypes;else return;if(a){var s=F(r);He(a,e.props,"prop",s,e)}else if(r.PropTypes!==void 0&&!ae){ae=!0;var d=F(r);A("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",d||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&A("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function dt(e){{for(var r=Object.keys(e.props),a=0;a<r.length;a++){var s=r[a];if(s!=="children"&&s!=="key"){M(e),A("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",s),M(null);break}}e.ref!==null&&(M(e),A("Invalid attribute `ref` supplied to `React.Fragment`."),M(null))}}var Ne={};function Fe(e,r,a,s,d,p){{var f=$e(e);if(!f){var c="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(c+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var V=lt();V?c+=V:c+=Oe();var g;e===null?g="null":ne(e)?g="array":e!==void 0&&e.$$typeof===l?(g="<"+(F(e.type)||"Unknown")+" />",c=" Did you accidentally export a JSX literal instead of a component?"):g=typeof e,A("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",g,c)}var b=ut(e,r,a,d,p);if(b==null)return b;if(f){var j=r.children;if(j!==void 0)if(s)if(ne(j)){for(var L=0;L<j.length;L++)qe(j[L],e);Object.freeze&&Object.freeze(j)}else A("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else qe(j,e)}if(U.call(r,"key")){var I=F(e),_=Object.keys(r).filter(function(ht){return ht!=="key"}),se=_.length>0?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}";if(!Ne[I+se]){var gt=_.length>0?"{"+_.join(": ..., ")+": ...}":"{}";A(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,se,I,gt,I),Ne[I+se]=!0}}return e===u?dt(b):ft(b),b}}function mt(e,r,a){return Fe(e,r,a,!0)}function pt(e,r,a){return Fe(e,r,a,!1)}var Tt=pt,vt=mt;Y.Fragment=u,Y.jsx=Tt,Y.jsxs=vt}()),Y}process.env.NODE_ENV==="production"?X.exports=ze():X.exports=Ie();var m=X.exports;const le=(T,l,o,u)=>{const t=T.currentTime,n=T.createOscillator(),i=T.createGain();n.connect(i),i.connect(T.destination),l==="lofi"?o==="hover"?(n.type="sine",n.frequency.setValueAtTime(800,t),n.frequency.exponentialRampToValueAtTime(300,t+.05),i.gain.setValueAtTime(.1*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.04),n.start(t),n.stop(t+.05)):o==="click"?(n.type="triangle",n.frequency.setValueAtTime(300,t),n.frequency.exponentialRampToValueAtTime(50,t+.15),i.gain.setValueAtTime(.3*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.15),n.start(t),n.stop(t+.15)):o==="switch"&&(n.type="sine",n.frequency.setValueAtTime(200,t),n.frequency.linearRampToValueAtTime(400,t+.1),i.gain.setValueAtTime(.2*u,t),i.gain.linearRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):l==="glass"?o==="hover"?(n.type="sine",n.frequency.setValueAtTime(1200,t),n.frequency.exponentialRampToValueAtTime(1800,t+.05),i.gain.setValueAtTime(.08*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.05),n.start(t),n.stop(t+.05)):o==="click"?(n.type="sine",n.frequency.setValueAtTime(800,t),n.frequency.exponentialRampToValueAtTime(100,t+.2),i.gain.setValueAtTime(.25*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.2),n.start(t),n.stop(t+.2)):o==="switch"&&(n.type="sine",n.frequency.setValueAtTime(1500,t),n.frequency.exponentialRampToValueAtTime(800,t+.3),i.gain.setValueAtTime(.15*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.3),n.start(t),n.stop(t+.3)):l==="retro"?o==="hover"?(n.type="square",n.frequency.setValueAtTime(150,t),n.frequency.linearRampToValueAtTime(100,t+.05),i.gain.setValueAtTime(.05*u,t),i.gain.linearRampToValueAtTime(.001,t+.05),n.start(t),n.stop(t+.05)):o==="click"?(n.type="square",n.frequency.setValueAtTime(440,t),n.frequency.setValueAtTime(880,t+.05),i.gain.setValueAtTime(.1*u,t),i.gain.linearRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):o==="switch"&&(n.type="square",n.frequency.setValueAtTime(220,t),n.frequency.linearRampToValueAtTime(880,t+.1),i.gain.setValueAtTime(.1*u,t),i.gain.linearRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):l==="thock"?o==="hover"?(n.type="triangle",n.frequency.setValueAtTime(120,t),n.frequency.exponentialRampToValueAtTime(60,t+.05),i.gain.setValueAtTime(.15*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.05),n.start(t),n.stop(t+.05)):o==="click"?(n.type="triangle",n.frequency.setValueAtTime(100,t),n.frequency.exponentialRampToValueAtTime(30,t+.1),i.gain.setValueAtTime(.4*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):o==="switch"&&(n.type="triangle",n.frequency.setValueAtTime(200,t),n.frequency.exponentialRampToValueAtTime(80,t+.1),i.gain.setValueAtTime(.2*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):l==="console"?o==="hover"?(n.type="square",n.frequency.setValueAtTime(1e3,t),n.frequency.linearRampToValueAtTime(1500,t+.03),i.gain.setValueAtTime(.05*u,t),i.gain.linearRampToValueAtTime(.001,t+.03),n.start(t),n.stop(t+.03)):o==="click"?(n.type="square",n.frequency.setValueAtTime(800,t),n.frequency.linearRampToValueAtTime(1200,t+.05),i.gain.setValueAtTime(.1*u,t),i.gain.linearRampToValueAtTime(.001,t+.05),n.start(t),n.stop(t+.05)):o==="switch"&&(n.type="square",n.frequency.setValueAtTime(1200,t),n.frequency.linearRampToValueAtTime(2e3,t+.1),i.gain.setValueAtTime(.1*u,t),i.gain.linearRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):l==="minecraft"?o==="hover"?(n.type="sine",n.frequency.setValueAtTime(1500,t),n.frequency.linearRampToValueAtTime(1800,t+.05),i.gain.setValueAtTime(.1*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):o==="click"?(n.type="sine",n.frequency.setValueAtTime(600,t),n.frequency.exponentialRampToValueAtTime(200,t+.1),i.gain.setValueAtTime(.3*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):o==="switch"&&(n.type="square",n.frequency.setValueAtTime(250,t),n.frequency.exponentialRampToValueAtTime(50,t+.05),i.gain.setValueAtTime(.15*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.05),n.start(t),n.stop(t+.05)):l==="mechanical"?o==="hover"?(n.type="square",n.frequency.setValueAtTime(2e3,t),n.frequency.exponentialRampToValueAtTime(1e3,t+.02),i.gain.setValueAtTime(.1*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.02),n.start(t),n.stop(t+.02)):o==="click"?(n.type="sawtooth",n.frequency.setValueAtTime(500,t),n.frequency.exponentialRampToValueAtTime(100,t+.1),i.gain.setValueAtTime(.3*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):o==="switch"&&(n.type="square",n.frequency.setValueAtTime(300,t),n.frequency.linearRampToValueAtTime(600,t+.05),i.gain.setValueAtTime(.2*u,t),i.gain.linearRampToValueAtTime(.001,t+.05),n.start(t),n.stop(t+.05)):l==="scifi"?o==="hover"?(n.type="sine",n.frequency.setValueAtTime(1500,t),i.gain.setValueAtTime(.15*u,t),i.gain.linearRampToValueAtTime(.001,t+.03),n.start(t),n.stop(t+.03)):o==="click"?(n.type="sine",n.frequency.setValueAtTime(1e3,t),n.frequency.linearRampToValueAtTime(2500,t+.15),i.gain.setValueAtTime(.4*u,t),i.gain.linearRampToValueAtTime(.001,t+.15),n.start(t),n.stop(t+.15)):o==="switch"&&(n.type="sine",n.frequency.setValueAtTime(500,t),n.frequency.linearRampToValueAtTime(1500,t+.2),i.gain.setValueAtTime(.2*u,t),i.gain.linearRampToValueAtTime(.001,t+.2),n.start(t),n.stop(t+.2)):l==="bubble"&&(o==="hover"?(n.type="sine",n.frequency.setValueAtTime(600,t),n.frequency.exponentialRampToValueAtTime(300,t+.1),i.gain.setValueAtTime(.2*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.1),n.start(t),n.stop(t+.1)):o==="click"?(n.type="sine",n.frequency.setValueAtTime(800,t),n.frequency.exponentialRampToValueAtTime(200,t+.2),i.gain.setValueAtTime(.4*u,t),i.gain.exponentialRampToValueAtTime(.001,t+.2),n.start(t),n.stop(t+.2)):o==="switch"&&(n.type="triangle",n.frequency.setValueAtTime(300,t),n.frequency.exponentialRampToValueAtTime(600,t+.2),i.gain.setValueAtTime(.2*u,t),i.gain.linearRampToValueAtTime(.001,t+.2),n.start(t),n.stop(t+.2)))},ce=y.createContext(void 0),fe=()=>{const T=y.useContext(ce);if(!T)throw new Error("useSound must be used within a SoundProvider");return T},Me=({children:T})=>{const[l,o]=y.useState(!0),[u,t]=y.useState("glass"),[n,i]=y.useState(.5),x=y.useRef(null),v=y.useRef(0);y.useEffect(()=>{const h=()=>{if(l){if(!x.current){const w=window.AudioContext||window.webkitAudioContext;x.current=new w}x.current&&x.current.state==="suspended"&&x.current.resume()}};return window.addEventListener("click",h),window.addEventListener("touchstart",h),window.addEventListener("keydown",h),()=>{window.removeEventListener("click",h),window.removeEventListener("touchstart",h),window.removeEventListener("keydown",h)}},[l]);const R={isSoundEnabled:l,setIsSoundEnabled:o,soundProfile:u,setSoundProfile:t,volume:n,setVolume:i,playSound:(h="hover")=>{if(!l)return;if(!x.current){const k=window.AudioContext||window.webkitAudioContext;x.current=new k}const w=x.current.currentTime;if(w-v.current<.05)return;v.current=w;const P=x.current;P.state==="suspended"&&P.resume().catch(k=>console.error("AudioContext resume failed:",k)),le(P,u,h,n)}};return m.jsx(ce.Provider,{value:R,children:T})},Le=({activeColor:T="blue",isDark:l=!0})=>{const{isSoundEnabled:o,setIsSoundEnabled:u,soundProfile:t,setSoundProfile:n,volume:i,setVolume:x,playSound:v}=fe(),[O,R]=y.useState(!1),[h,w]=y.useState(null),[P,k]=y.useState(!1),D=E=>{w(E),k(!0),setTimeout(()=>k(!1),2e3)},q=y.useRef(null),N=()=>{q.current&&(clearTimeout(q.current),q.current=null)},A=()=>{q.current=setTimeout(()=>{R(!1)},1e3)};y.useEffect(()=>()=>{q.current&&clearTimeout(q.current)},[]);const H=[{id:"glass",name:"Glass",icon:S.Sparkles},{id:"thock",name:"Thock",icon:S.Keyboard},{id:"console",name:"Console",icon:S.Gamepad2},{id:"minecraft",name:"Minecraft",icon:S.Box},{id:"retro",name:"Retro",icon:S.Gamepad2},{id:"lofi",name:"Lofi",icon:S.Headphones},{id:"mechanical",name:"Clicky",icon:S.Keyboard},{id:"scifi",name:"Sci-Fi",icon:S.Zap},{id:"bubble",name:"Bubble",icon:S.Droplets}],Z=`text-${T}-500`;return m.jsxs("div",{className:"fixed top-4 right-16 md:right-24 z-50",children:[P&&m.jsx("div",{className:`absolute top-16 right-0 md:right-auto md:left-[-200px] px-4 py-2 rounded-xl shadow-lg backdrop-blur-md border animate-in slide-in-from-top-2 fade-in duration-300 z-[60] whitespace-nowrap
+                    ${l?"bg-zinc-800/90 border-zinc-700 text-white":"bg-white/90 border-slate-200 text-slate-800"}`,children:m.jsx("span",{className:"text-xs font-bold",children:h})}),O&&m.jsxs("div",{onMouseEnter:N,onMouseLeave:A,className:`absolute top-full right-0 mt-4 p-4 rounded-3xl border w-[280px] backdrop-blur-xl shadow-2xl animate-in slide-in-from-top-5 fade-in z-50
+           ${l?"bg-zinc-900/95 border-zinc-800":"bg-white/95 border-white/60"}`,children:[m.jsxs("div",{className:"flex justify-between items-center mb-4",children:[m.jsxs("div",{className:"flex items-center gap-2",children:[m.jsx(S.Music,{size:14,className:l?"text-zinc-400":"text-slate-400"}),m.jsx("span",{className:`text-xs font-bold uppercase tracking-wider ${l?"text-zinc-500":"text-slate-500"}`,children:"Sound Lab"})]}),m.jsx("button",{onClick:()=>{R(!1),v("click")},className:`p-1 rounded-full ${l?"hover:bg-zinc-800":"hover:bg-slate-100"}`,"aria-label":"Close sound menu",children:m.jsx(S.X,{size:14,className:l?"text-zinc-400":"text-slate-400"})})]}),m.jsxs("div",{className:`flex items-center justify-between p-3 rounded-xl mb-4 transition-colors
+                        ${l?"bg-zinc-800/50":"bg-slate-50"}`,children:[m.jsx("span",{className:`text-xs font-medium ${l?"text-zinc-300":"text-slate-600"}`,children:"Master Audio"}),m.jsx("button",{onClick:()=>{u(!o),o?D("Sound Disabled"):(setTimeout(()=>v("switch"),50),D("Sound Enabled"))},className:`relative w-10 h-6 rounded-full transition-colors duration-300 ${o?`bg-${T}-500`:l?"bg-zinc-700":"bg-slate-300"}`,"aria-label":o?"Disable sound":"Enable sound",children:m.jsx("span",{className:`absolute top-1 left-1 w-4 h-4 rounded-full bg-white transition-transform duration-300 ${o?"translate-x-4":"translate-x-0"}`})})]}),m.jsxs("div",{className:`p-3 rounded-xl mb-4 transition-colors ${l?"bg-zinc-800/50":"bg-slate-50"}`,children:[m.jsxs("div",{className:"flex justify-between items-center mb-2",children:[m.jsx("span",{className:`text-xs font-medium ${l?"text-zinc-300":"text-slate-600"}`,children:"Volume"}),m.jsxs("span",{className:`text-xs font-bold ${Z}`,children:[Math.round(i*100),"%"]})]}),m.jsx("input",{type:"range",min:"0",max:"1",step:"0.05",value:i,onChange:E=>{x(parseFloat(E.target.value)),o||u(!0)},className:`w-full h-1.5 rounded-full appearance-none cursor-pointer accent-${T}-500 ${l?"bg-zinc-700":"bg-slate-300"}`,"aria-label":"Volume control"})]}),m.jsx("div",{className:"grid grid-cols-3 gap-2",children:H.map(E=>m.jsxs("button",{onClick:()=>{n(E.id),o||u(!0),setTimeout(()=>v("click"),50),D(`Profile: ${E.name}`)},className:`flex flex-col items-center gap-1 p-2 rounded-xl border transition-all duration-300
+                  ${t===E.id?l?`bg-${T}-500/10 border-${T}-500/50`:`bg-${T}-50 border-${T}-200`:l?"bg-transparent border-transparent hover:bg-zinc-800":"bg-transparent border-transparent hover:bg-slate-100"}`,children:[m.jsx(E.icon,{size:16,className:t===E.id?`text-${T}-500`:l?"text-zinc-500":"text-slate-400"}),m.jsx("span",{className:`text-[10px] font-medium ${t===E.id?l?"text-white":`text-${T}-700`:l?"text-zinc-500":"text-slate-500"}`,children:E.name})]},E.id))})]}),m.jsx("button",{onClick:()=>{R(!O),v("click")},className:`p-2 md:p-3 rounded-full transition-all duration-300 text-slate-400 hover:text-slate-600 hover:bg-slate-50
+                    ${l?"hover:bg-zinc-800 hover:text-zinc-200":""}
+                    ${O||o?l?"text-white":"text-slate-800":""}
+                `,"aria-label":"Open sound menu",children:o?m.jsx(S.Music,{size:20,className:"md:w-6 md:h-6 animate-pulse"}):m.jsx(S.Music,{size:20,className:"md:w-6 md:h-6"})})]})};C.SoundControls=Le,C.SoundProvider=Me,C.playSoundEffect=le,C.useSound=fe,Object.defineProperty(C,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -0,0 +1,64 @@
+{
+    "name": "@manas-dev/sound-lab",
+    "version": "1.0.0",
+    "type": "module",
+    "main": "./dist/index.umd.js",
+    "module": "./dist/index.es.js",
+    "types": "./dist/index.d.ts",
+    "description": "A lightweight React audio library providing interactive UI sound effects and a customizable Sound Lab control panel.",
+    "keywords": [
+        "react",
+        "sound",
+        "audio",
+        "ui-sfx",
+        "sound-effects",
+        "accessibility",
+        "hooks",
+        "interaction"
+    ],
+    "author": "Manas Barman",
+    "license": "MIT",
+    "homepage": "https://github.com/ManasBarman229/sound-lab#readme",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/ManasBarman229/sound-lab.git"
+    },
+    "bugs": {
+        "url": "https://github.com/ManasBarman229/sound-lab/issues"
+    },
+    "engines": {
+        "node": ">=18.0.0"
+    },
+    "exports": {
+        ".": {
+            "import": "./dist/index.es.js",
+            "require": "./dist/index.umd.js",
+            "types": "./dist/index.d.ts"
+        }
+    },
+    "files": [
+        "dist",
+        "LICENSE",
+        "README.md"
+    ],
+    "scripts": {
+        "build": "vite build",
+        "prepublishOnly": "npm run build"
+    },
+    "peerDependencies": {
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
+        "lucide-react": ">=0.200.0"
+    },
+    "devDependencies": {
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "lucide-react": "^0.263.1",
+        "vite": "^5.0.0",
+        "@vitejs/plugin-react": "^4.0.0",
+        "vite-plugin-dts": "^3.0.0",
+        "typescript": "^5.0.0",
+        "@types/react": "^18.0.0",
+        "@types/react-dom": "^18.0.0"
+    }
+}