@wistia/ui 0.18.3-beta.20e95988.fbac8a8 → 0.18.3-beta.a90ddf43.95aaf02

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.3-beta.20e95988.fbac8a8
+ * @license @wistia/ui v0.18.3-beta.a90ddf43.95aaf02
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -6871,13 +6871,13 @@ var SpeedIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime168.jsx)(
 
 // src/components/Icon/icons/SpinnerIcon.tsx
 var import_jsx_runtime169 = require("react/jsx-runtime");
-var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
+var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("g", { children: [
+    children: [
       /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
         "path",
         {
@@ -6895,10 +6895,10 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
           keyTimes: "0;1",
           repeatCount: "indefinite",
           type: "rotate",
-          values: "0 12 12;360 12 12"
+          values: "0 0 0;360 0 0"
         }
       )
-    ] })
+    ]
   }
 );
 
@@ -18209,6 +18209,9 @@ var getRelativeMousePosition = (elem, mouseEvent) => {
     left: relativeLeft
   };
 };
+var hasValidThumbnailUrl = (thumbnailUrl) => {
+  return (0, import_type_guards74.isNotNil)(thumbnailUrl) && (0, import_type_guards74.isNonEmptyString)(thumbnailUrl);
+};
 var Thumbnail = (0, import_react100.forwardRef)(
   ({
     gradientBackground = "defaultMidOne",
@@ -18227,7 +18230,7 @@ var Thumbnail = (0, import_react100.forwardRef)(
     const storyboardElementRef = (0, import_react100.useRef)(null);
     const [cursorPosition, setCursorPosition] = (0, import_react100.useState)(null);
     const backgroundUrl = (0, import_react100.useMemo)(
-      () => thumbnailImageType === "square" && (0, import_type_guards74.isNotNil)(thumbnailUrl) ? thumbnailUrl : void 0,
+      () => thumbnailImageType === "square" && hasValidThumbnailUrl(thumbnailUrl) ? thumbnailUrl : void 0,
       [thumbnailImageType, thumbnailUrl]
     );
     const isScrubbable = (0, import_type_guards74.isNotNil)(storyboard);
@@ -18278,7 +18281,7 @@ var Thumbnail = (0, import_react100.forwardRef)(
           width
         }
       );
-    } else if ((0, import_type_guards74.isNotNil)(thumbnailUrl)) {
+    } else if (hasValidThumbnailUrl(thumbnailUrl)) {
       thumbnailContent = /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
         ThumbnailImage,
         {