@wistia/vhs 4.0.0-beta.0facbc0d.b39958a → 4.0.0-beta.144ba507.317e0d6

package/dist/index.cjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v4.0.0-beta.0facbc0d.b39958a
+ * @license @wistia/vhs v4.0.0-beta.144ba507.317e0d6
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -3840,7 +3840,7 @@ var normalize = import_styled_components7.css`
   [type='button'],
   [type='reset'],
   [type='submit'] {
-    appearance: button;
+    appearance: auto;
   }
 
   /**
@@ -3950,7 +3950,7 @@ var normalize = import_styled_components7.css`
   */
 
   ::-webkit-file-upload-button {
-    appearance: button; /* 1 */
+    appearance: auto; /* 1 */
     font: inherit; /* 2 */
   }
 
@@ -4070,7 +4070,7 @@ var import_react13 = require("react");
 var import_react12 = require("react");
 var useTimedToggle = (initialValue) => {
   const [value, setValue] = (0, import_react12.useState)(false);
-  const timeoutRef = (0, import_react12.useRef)();
+  const timeoutRef = (0, import_react12.useRef)(void 0);
   const initialValueRef = (0, import_react12.useRef)(initialValue);
   const toggleValue = (timeout2) => {
     clearTimeout(timeoutRef.current);
@@ -4143,8 +4143,8 @@ var isEventTargetSupported = (eventTarget) => (
   Boolean(typeof eventTarget === "object" && eventTarget?.addEventListener)
 );
 var useEvent = (eventName, eventHandler, eventTarget = window, eventOptions = {}) => {
-  const savedEventHandler = (0, import_react15.useRef)();
-  const savedEventOptions = (0, import_react15.useRef)();
+  const savedEventHandler = (0, import_react15.useRef)(void 0);
+  const savedEventOptions = (0, import_react15.useRef)(void 0);
   (0, import_react15.useEffect)(() => {
     savedEventHandler.current = eventHandler;
   }, [eventHandler]);
@@ -4581,7 +4581,7 @@ var usePreventScroll = (locked) => {
 // src/hooks/usePreviousValue/usePreviousValue.ts
 var import_react25 = require("react");
 var usePreviousValue = (value) => {
-  const ref = (0, import_react25.useRef)();
+  const ref = (0, import_react25.useRef)(void 0);
   (0, import_react25.useEffect)(() => {
     ref.current = value;
   });
@@ -4678,7 +4678,7 @@ var ModalBaseContent = ({
   const wasJustShown = usePreviousValue(isShown);
   const hide = () => setIsShownAttempted(false);
   const show = (0, import_react28.useCallback)(() => setIsShownAttempted(true), []);
-  const toggleButtonRef = (0, import_react28.useRef)();
+  const toggleButtonRef = (0, import_react28.useRef)(void 0);
   const modalEl = document.createElement("div");
   modalEl.classList.add("Modal");
   if ((0, import_type_guards11.isNotUndefined)(className)) {
@@ -5109,8 +5109,7 @@ var import_type_guards14 = require("@wistia/type-guards");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var screenReaderOnlyStyle = import_styled_components15.css`
   border: 0;
-  clip: rect(1px, 1px, 1px, 1px); /* deprecated but remains as fallback */
-  clip-path: inset(50%); /* modern but less support */
+  clip-path: inset(50%);
   height: 1px;
   overflow: hidden;
   padding: 0;
@@ -6756,7 +6755,9 @@ var disabledStyle3 = import_styled_components30.css`
 var errorHoverStyle = import_styled_components30.css`
   border-color: transparent;
 `;
-var errorFocusedStyle = import_styled_components30.css``;
+var errorFocusedStyle = import_styled_components30.css`
+  outline: none;
+`;
 var errorStyle = import_styled_components30.css`
   background-color: ${({ theme: theme2 }) => theme2.color.error100};
   border: 1px solid ${({ theme: theme2 }) => theme2.color.error500};
@@ -7688,7 +7689,7 @@ var import_react43 = require("react");
 var import_react42 = require("react");
 var useTimeoutFunc = (func, timeout2 = 0) => {
   const readyRef = (0, import_react42.useRef)(false);
-  const timeoutRef = (0, import_react42.useRef)();
+  const timeoutRef = (0, import_react42.useRef)(void 0);
   const callbackRef = (0, import_react42.useRef)(func);
   const isReady = (0, import_react42.useCallback)(() => readyRef.current, []);
   const set = (0, import_react42.useCallback)(() => {
@@ -9365,7 +9366,7 @@ var import_slate_react = require("slate-react");
 var import_styled_components48 = require("styled-components");
 var import_jsx_runtime169 = require("react/jsx-runtime");
 var Wrapper = import_styled_components48.styled.span`
-  display: 'inline-block';
+  display: inline-block;
   user-select: none;
 `;
 var Image = import_styled_components48.styled.img`
@@ -11424,7 +11425,7 @@ var Menu2 = (0, import_react56.forwardRef)(
     onClose,
     ...otherProps
   }, ref) => {
-    const menuRef = (0, import_react56.useRef)();
+    const menuRef = (0, import_react56.useRef)(void 0);
     const onClickOutsideFn = (0, import_type_guards59.isNotNil)(onClickOutside) ? onClickOutside : () => {
     };
     useOnClickOutside(menuRef, onClickOutsideFn);
@@ -12728,7 +12729,7 @@ var setCursorPosition = (ref, start, end) => {
 var getSelectionFromMove = (selection, move, positions) => {
   const currentIndex = positions.findIndex((pos) => pos.start === selection[0]);
   let nextPosition = positions[currentIndex + move];
-  if (nextPosition && nextPosition.type === "skip") {
+  if (nextPosition?.type === "skip") {
     nextPosition = positions[currentIndex + move * 2];
   }
   if (nextPosition) {
@@ -13816,7 +13817,7 @@ var ThumbnailCollageContainer = import_styled_components80.styled.div`
   grid-template-columns: 3fr 2fr;
   grid-template-rows: 1fr 1fr;
   width: 100%;
-  grid-gap: ${({ theme: theme2 }) => theme2.spacing.space01};
+  gap: ${({ theme: theme2 }) => theme2.spacing.space01};
   height: 100%;
 `;
 var CollageImage2 = import_styled_components80.styled.div`