ssovee-os-web-ui 0.1.33 → 0.1.35

package/dist/index.cjs

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@phosphor-icons/react');
 var uaParserJs = require('ua-parser-js');
 
+var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
   var n = Object.create(null);
@@ -1604,6 +1605,7 @@ var SearchInput = React22__namespace.default.forwardRef(
     className,
     value,
     onChange,
+    style,
     enableKeyboardShortcuts = false,
     isActive = true,
     ...props
@@ -1655,9 +1657,9 @@ 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-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"
+      sm: "h-8 text-sm leading-tight",
+      md: "h-10 text-base leading-tight",
+      lg: "h-12 text-lg leading-tight"
     };
     const iconSizeClasses = {
       sm: "w-4 h-4",
@@ -1674,6 +1676,11 @@ var SearchInput = React22__namespace.default.forwardRef(
       md: "left-3",
       lg: "left-3.5"
     };
+    const inputPaddings = {
+      sm: { left: "2.25rem", right: "0.5rem" },
+      md: { left: "2.75rem", right: "0.75rem" },
+      lg: { left: "3rem", right: "1rem" }
+    };
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative w-full min-w-0", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
@@ -1682,12 +1689,24 @@ var SearchInput = React22__namespace.default.forwardRef(
             "pointer-events-none absolute top-1/2 z-10 -translate-y-1/2 text-neutral-400",
             iconPositionClasses[size]
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            react.MagnifyingGlassIcon,
+          children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
             {
-              size: iconPixelSizes[size],
               className: cn("block shrink-0", iconSizeClasses[size]),
-              weight: "regular"
+              width: iconPixelSizes[size],
+              height: iconPixelSizes[size],
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "1.8",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              "aria-hidden": "true",
+              focusable: "false",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11", cy: "11", r: "7" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M20 20L16.65 16.65" })
+              ]
             }
           )
         }
@@ -1705,9 +1724,13 @@ var SearchInput = React22__namespace.default.forwardRef(
             variantClasses[variant],
             "w-full min-w-0",
             sizeClasses[size],
-            showClearButton && searchValue ? "pr-10" : "",
             className
           ),
+          style: {
+            paddingLeft: inputPaddings[size].left,
+            paddingRight: showClearButton && searchValue ? "2.5rem" : inputPaddings[size].right,
+            ...style
+          },
           ...props
         }
       ),
@@ -3217,56 +3240,80 @@ var useDeviceSupport = () => {
   }, []);
   return isSupported;
 };
-
-// src/assets/sounds/click-tone.wav
-var click_tone_default = "./click-tone-GOELVSMY.wav";
-
-// src/assets/sounds/error-tone.wav
-var error_tone_default = "./error-tone-YKNRLRXF.wav";
-
-// src/assets/sounds/notification-tone.wav
-var notification_tone_default = "./notification-tone-7O3KFZG5.wav";
-
-// src/assets/sounds/success-tone.wav
-var success_tone_default = "./success-tone-YKPPMCXK.wav";
-
-// src/assets/sounds/swipe-tone.wav
-var swipe_tone_default = "./swipe-tone-UCF4T5MF.wav";
-
-// src/hooks/useSound.tsx
 var soundMap = {
-  click: click_tone_default,
-  alert: error_tone_default,
-  notification: notification_tone_default,
-  error: error_tone_default,
-  success: success_tone_default,
-  swipe: swipe_tone_default
+  click: new URL("../assets/sounds/click-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
+  alert: new URL("../assets/sounds/error-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
+  notification: new URL("../assets/sounds/notification-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
+  error: new URL("../assets/sounds/error-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
+  success: new URL("../assets/sounds/success-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href,
+  swipe: new URL("../assets/sounds/swipe-tone.wav", (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href
 };
-var audioCache = /* @__PURE__ */ new Map();
+var pendingPlaybackQueue = [];
+var interactionListenersBound = false;
 var clampVolume = (value) => Math.min(1, Math.max(0, value));
-var useSound = () => {
-  const playSound = React22.useCallback(async (type, options) => {
-    if (typeof window === "undefined" || typeof window.Audio === "undefined") {
-      return false;
-    }
-    const soundSrc = soundMap[type];
-    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) {
+var resolveSoundSrc = (soundSrc) => {
+  if (!soundSrc) return soundSrc;
+  if (soundSrc.startsWith("http://") || soundSrc.startsWith("https://") || soundSrc.startsWith("data:") || soundSrc.startsWith("blob:")) {
+    return soundSrc;
+  }
+  try {
+    return new URL(soundSrc, (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('index.cjs', document.baseURI).href))).href;
+  } catch {
+    return soundSrc;
+  }
+};
+var isAutoplayRestrictionError = (error) => {
+  if (!error || typeof error !== "object") return false;
+  const maybeError = error;
+  const message = maybeError.message?.toLowerCase() ?? "";
+  return maybeError.name === "NotAllowedError" || message.includes("gesture") || message.includes("user");
+};
+var playNativeAudio = async (type, options) => {
+  if (typeof window === "undefined" || typeof window.Audio === "undefined") {
+    return false;
+  }
+  const soundSrc = soundMap[type];
+  const audio = new window.Audio(resolveSoundSrc(soundSrc));
+  audio.preload = "auto";
+  audio.volume = clampVolume(options?.volume ?? 1);
+  if (options?.restart !== false) {
+    audio.currentTime = 0;
+  }
+  try {
+    await audio.play();
+    return true;
+  } catch (err) {
+    if (!isAutoplayRestrictionError(err)) {
       console.error("Sound playback failed:", err);
-      return false;
     }
+    return false;
+  }
+};
+var flushPendingQueue = () => {
+  if (pendingPlaybackQueue.length === 0) return;
+  const items = pendingPlaybackQueue;
+  pendingPlaybackQueue = [];
+  items.forEach(({ type, options }) => {
+    void playNativeAudio(type, options);
+  });
+};
+var bindInteractionListeners = () => {
+  if (interactionListenersBound || typeof window === "undefined") return;
+  interactionListenersBound = true;
+  const unlockAndFlush = () => {
+    flushPendingQueue();
+  };
+  window.addEventListener("pointerdown", unlockAndFlush, { passive: true });
+  window.addEventListener("keydown", unlockAndFlush, { passive: true });
+};
+var useSound = () => {
+  const playSound = React22.useCallback((type, options) => {
+    bindInteractionListeners();
+    void playNativeAudio(type, options).then((played) => {
+      if (!played) {
+        pendingPlaybackQueue.push({ type, options });
+      }
+    });
   }, []);
   return { playSound };
 };