ssovee-os-web-ui 0.1.41 → 0.1.43

package/dist/index.cjs

@@ -59,7 +59,7 @@ var Button = React22__namespace.default.forwardRef(
     };
     const filledToneClasses = {
       primary: "bg-brand-color text-white hover:bg-brand-color/90 active:bg-brand-color/80 focus-visible:ring-brand-color/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-brand-color/50 disabled:text-white/80",
-      neutral: "bg-surface-3 text-neutral-100 hover:bg-surface-4 active:bg-surface-4 focus-visible:ring-surface-3/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-surface-3/50",
+      neutral: "bg-surface-3 text-neutral-500 hover:bg-surface-4 active:bg-surface-4 focus-visible:ring-surface-3/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-surface-3/50",
       success: "bg-green-500 text-white hover:bg-green-600 active:bg-green-600 focus-visible:ring-green-500/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-green-500/50",
       danger: "bg-red-500 text-white hover:bg-red-600 active:bg-red-600 focus-visible:ring-red-500/50 shadow-sm hover:shadow-md active:shadow-none disabled:bg-red-500/50"
     };
@@ -185,9 +185,9 @@ var Input = React22__namespace.default.forwardRef(
   }, ref) => {
     const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-300 rounded-[6px]";
     const variantClasses = {
-      default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
-      filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
-      outline: "bg-transparent border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
+      default: "bg-primary text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
+      filled: "bg-surface-4 text-neutral-500 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
+      outline: "bg-transparent text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
     };
     const sizeClasses = {
       sm: "h-8 px-2 text-sm",
@@ -259,9 +259,9 @@ var TextArea = React22__namespace.default.forwardRef(
   }, ref) => {
     const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-300 rounded-[6px]";
     const variantClasses = {
-      default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
-      filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
-      outline: "bg-transparent border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
+      default: "bg-primary text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
+      filled: "bg-surface-4 text-neutral-500 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
+      outline: "bg-transparent text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
     };
     const sizeClasses = {
       sm: "px-2 py-1 text-sm",
@@ -718,6 +718,9 @@ var ImageWithPlaceholder = ({
   );
 };
 var ImageWithPlaceholder_default = ImageWithPlaceholder;
+
+// src/assets/Loader.gif
+var Loader_default = "./Loader-UY5TMG7M.gif";
 var Loading = ({
   variant = "image",
   size = "md",
@@ -753,7 +756,7 @@ var Loading = ({
   const renderImage = () => /* @__PURE__ */ jsxRuntime.jsx(
     ImageWithPlaceholder_default,
     {
-      src: "/app-assets/Loader.gif",
+      src: Loader_default,
       alt: "Loader",
       width: imageSizes[size],
       height: imageSizes[size],
@@ -1651,9 +1654,9 @@ var SearchInput = React22__namespace.default.forwardRef(
     const displayPlaceholder = enableKeyboardShortcuts ? `${placeholder} (${formatKeys(getShortcutByCommand("focus_search"))})` : placeholder;
     const baseClasses = "transition-all duration-200 focus:outline-none placeholder:text-neutral-300 rounded-[6px]";
     const variantClasses = {
-      default: "bg-primary border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
-      filled: "bg-surface-4 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
-      outline: "bg-transparent border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
+      default: "bg-primary text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
+      filled: "bg-surface-4 text-neutral-500 border border-surface-4 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50",
+      outline: "bg-transparent text-neutral-500 border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
     };
     const sizeClasses = {
       sm: "h-8 text-sm leading-tight",
@@ -3265,11 +3268,77 @@ var soundMap = {
   swipe: swipe_tone_default
 };
 var DEFAULT_SOUND_TYPE = "click";
+var audioBufferCache = /* @__PURE__ */ new Map();
+var sharedAudioContext = null;
 var isSoundType = (type) => {
   return type in soundMap;
 };
 var useSound = () => {
-  const audioCache = React22.useRef({});
+  const getAudioContext = () => {
+    if (typeof window === "undefined") {
+      return null;
+    }
+    const AudioContextCtor = window.AudioContext ?? window.webkitAudioContext;
+    if (!AudioContextCtor) {
+      return null;
+    }
+    if (!sharedAudioContext || sharedAudioContext.state === "closed") {
+      sharedAudioContext = new AudioContextCtor();
+    }
+    return sharedAudioContext;
+  };
+  const loadAudioBuffer = async (source) => {
+    const cached = audioBufferCache.get(source);
+    if (cached) {
+      return cached;
+    }
+    const promise = (async () => {
+      if (typeof fetch !== "function") {
+        throw new Error("Fetch is not available");
+      }
+      const response = await fetch(source);
+      if (!response.ok) {
+        throw new Error(`Failed to load sound source: ${response.status} ${response.statusText}`);
+      }
+      const context = getAudioContext();
+      if (!context) {
+        throw new Error("Web Audio API is not available");
+      }
+      const arrayBuffer = await response.arrayBuffer();
+      return await context.decodeAudioData(arrayBuffer.slice(0));
+    })().catch((error) => {
+      audioBufferCache.delete(source);
+      throw error;
+    });
+    audioBufferCache.set(source, promise);
+    return promise;
+  };
+  const playWithAudioBuffer = async (buffer) => {
+    const context = getAudioContext();
+    if (!context) {
+      throw new Error("Web Audio API is not available");
+    }
+    if (context.state === "suspended") {
+      await context.resume();
+    }
+    await new Promise((resolve, reject) => {
+      const sourceNode = context.createBufferSource();
+      sourceNode.buffer = buffer;
+      sourceNode.connect(context.destination);
+      sourceNode.onended = () => resolve();
+      try {
+        sourceNode.start(0);
+      } catch (error) {
+        reject(error);
+      }
+    });
+  };
+  const playWithAudioElement = async (source) => {
+    const audio = new Audio(source);
+    audio.preload = "auto";
+    audio.currentTime = 0;
+    await audio.play();
+  };
   const playSound = React22.useCallback((type) => {
     if (typeof window === "undefined") {
       return;
@@ -3277,35 +3346,28 @@ var useSound = () => {
     const requestedType = isSoundType(type) ? type : DEFAULT_SOUND_TYPE;
     const src = soundMap[requestedType];
     if (!src) {
-      console.error(
-        `Sound playback failed: no source found for "${requestedType}"`
-      );
+      console.error(`Sound playback failed: no source found for "${requestedType}"`);
       return;
     }
-    try {
-      let audio = audioCache.current[requestedType];
-      if (!audio) {
-        audio = new Audio(src);
-        audio.preload = "auto";
-        audioCache.current[requestedType] = audio;
+    void (async () => {
+      let lastError;
+      if (getAudioContext()) {
+        try {
+          const buffer = await loadAudioBuffer(src);
+          await playWithAudioBuffer(buffer);
+          return;
+        } catch (error) {
+          lastError = error;
+        }
       }
-      audio.pause();
-      audio.currentTime = 0;
-      const playPromise = audio.play();
-      if (playPromise !== void 0) {
-        playPromise.catch((error) => {
-          console.error(
-            `Sound playback failed for "${requestedType}":`,
-            error
-          );
-        });
+      try {
+        await playWithAudioElement(src);
+        return;
+      } catch (error) {
+        lastError = error;
       }
-    } catch (error) {
-      console.error(
-        `Sound playback failed for "${requestedType}":`,
-        error
-      );
-    }
+      console.error(`Sound playback failed for "${requestedType}":`, lastError);
+    })();
   }, []);
   return {
     playSound