ssovee-os-web-ui 0.1.32 → 0.1.33

package/dist/index.cjs

@@ -1655,8 +1655,8 @@ var SearchInput = React22__namespace.default.forwardRef(
       outline: "bg-transparent border border-surface-1 focus:border-brand-color focus:ring-1 focus:ring-brand-color/50"
     };
     const sizeClasses = {
-      sm: "h-8 px-2 pl-8 text-sm leading-tight",
-      md: "h-10 px-3 pl-10 text-base leading-tight",
+      sm: "h-8 px-2 pl-9 text-sm leading-tight",
+      md: "h-10 px-3 pl-11 text-base leading-tight",
       lg: "h-12 px-4 pl-12 text-lg leading-tight"
     };
     const iconSizeClasses = {
@@ -1664,8 +1664,13 @@ var SearchInput = React22__namespace.default.forwardRef(
       md: "w-5 h-5",
       lg: "w-6 h-6"
     };
+    const iconPixelSizes = {
+      sm: 16,
+      md: 18,
+      lg: 20
+    };
     const iconPositionClasses = {
-      sm: "left-2",
+      sm: "left-2.5",
       md: "left-3",
       lg: "left-3.5"
     };
@@ -1674,10 +1679,17 @@ var SearchInput = React22__namespace.default.forwardRef(
         "div",
         {
           className: cn(
-            "pointer-events-none absolute top-1/2 -translate-y-1/2 text-neutral-400",
+            "pointer-events-none absolute top-1/2 z-10 -translate-y-1/2 text-neutral-400",
             iconPositionClasses[size]
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: iconSizeClasses[size] })
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            react.MagnifyingGlassIcon,
+            {
+              size: iconPixelSizes[size],
+              className: cn("block shrink-0", iconSizeClasses[size]),
+              weight: "regular"
+            }
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3230,16 +3242,31 @@ var soundMap = {
   success: success_tone_default,
   swipe: swipe_tone_default
 };
+var audioCache = /* @__PURE__ */ new Map();
+var clampVolume = (value) => Math.min(1, Math.max(0, value));
 var useSound = () => {
-  const playSound = React22.useCallback((type) => {
+  const playSound = React22.useCallback(async (type, options) => {
     if (typeof window === "undefined" || typeof window.Audio === "undefined") {
-      return;
+      return false;
     }
     const soundSrc = soundMap[type];
-    const audio = new window.Audio(soundSrc);
-    audio.play().catch((err) => {
+    let audio = audioCache.get(type);
+    if (!audio) {
+      audio = new window.Audio(soundSrc);
+      audio.preload = "auto";
+      audioCache.set(type, audio);
+    }
+    audio.volume = clampVolume(options?.volume ?? 1);
+    if (options?.restart !== false) {
+      audio.currentTime = 0;
+    }
+    try {
+      await audio.play();
+      return true;
+    } catch (err) {
       console.error("Sound playback failed:", err);
-    });
+      return false;
+    }
   }, []);
   return { playSound };
 };