@wistia/ui 0.18.3-beta.5cd29926.116130d → 0.18.3-beta.e98f53f4.66dc5b8

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.18.3-beta.5cd29926.116130d
+ * @license @wistia/ui v0.18.3-beta.e98f53f4.66dc5b8
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -73,6 +73,7 @@ __export(index_exports, {
   ComboboxOption: () => ComboboxOption,
   ContextMenu: () => ContextMenu,
   ContrastControls: () => ContrastControls,
+  CustomizableThemeWrapper: () => CustomizableThemeWrapper,
   DataCard: () => DataCard,
   DataCardHoverArrow: () => DataCardHoverArrow,
   DataCardTrend: () => DataCardTrend,
@@ -6871,13 +6872,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 +6896,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"
         }
       )
-    ]
+    ] })
   }
 );
 
@@ -18209,9 +18210,6 @@ 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",
@@ -18230,7 +18228,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" && hasValidThumbnailUrl(thumbnailUrl) ? thumbnailUrl : void 0,
+      () => thumbnailImageType === "square" && (0, import_type_guards74.isNotNil)(thumbnailUrl) ? thumbnailUrl : void 0,
       [thumbnailImageType, thumbnailUrl]
     );
     const isScrubbable = (0, import_type_guards74.isNotNil)(storyboard);
@@ -18281,7 +18279,7 @@ var Thumbnail = (0, import_react100.forwardRef)(
           width
         }
       );
-    } else if (hasValidThumbnailUrl(thumbnailUrl)) {
+    } else if ((0, import_type_guards74.isNotNil)(thumbnailUrl)) {
       thumbnailContent = /* @__PURE__ */ (0, import_jsx_runtime328.jsx)(
         ThumbnailImage,
         {
@@ -18611,6 +18609,26 @@ var SplitButton = ({
   ] });
 };
 SplitButton.displayName = "SplitButton_UI";
+
+// src/components/CustomizableThemeWrapper/CustomizableThemeWrapper.tsx
+var import_styled_components131 = require("styled-components");
+var import_jsx_runtime332 = require("react/jsx-runtime");
+var StyledCustomizableThemeWrapper = import_styled_components131.styled.div(
+  (props) => props.$overrides
+);
+var CustomizableThemeWrapper = ({
+  children,
+  overrides,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime332.jsx)(
+  StyledCustomizableThemeWrapper,
+  {
+    ...props,
+    $overrides: overrides,
+    children
+  }
+);
+CustomizableThemeWrapper.displayName = "CustomizableThemeWrapper_UI";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionButton,
@@ -18647,6 +18665,7 @@ SplitButton.displayName = "SplitButton_UI";
   ComboboxOption,
   ContextMenu,
   ContrastControls,
+  CustomizableThemeWrapper,
   DataCard,
   DataCardHoverArrow,
   DataCardTrend,