@wistia/ui 0.18.3 → 0.18.4-beta.a529e874.9a0f097

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.3
+ * @license @wistia/ui v0.18.4-beta.a529e874.9a0f097
  *
  * 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.jsxs)(
+var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
   "svg",
   {
     ...props,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
-    children: [
+    children: /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)("g", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime169.jsx)(
         "path",
         {
@@ -6895,10 +6895,10 @@ var SpinnerIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime169.jsxs)(
           keyTimes: "0;1",
           repeatCount: "indefinite",
           type: "rotate",
-          values: "0 0 0;360 0 0"
+          values: "0 12 12;360 12 12"
         }
       )
-    ]
+    ] })
   }
 );
 
@@ -18167,7 +18167,11 @@ var StyledThumbnail = import_styled_components127.styled.div`
   width: 100%;
   overflow: hidden;
   position: relative;
-  border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
+
+  &,
+  img {
+    border-radius: clamp(var(--wui-border-radius-01), 8cqh, var(--wui-border-radius-05));
+  }
 
   @container (min-width: 200px) {
     --wui-thumbnail-badge-offset: var(--wui-space-02);
@@ -18209,6 +18213,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 +18234,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 +18285,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,
         {