@wistia/vhs 4.0.0-beta.bf1fe785.cd2d6ec → 4.0.0-beta.d0fdacea.2b9bb3b

package/dist/index.d.mts

@@ -2,7 +2,7 @@ import * as styled_components from 'styled-components';
 import { css, DefaultTheme } from 'styled-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
+import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, Ref, ComponentClass, ComponentProps, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
 import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
 export { useFormikContext } from 'formik';
 import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
@@ -547,7 +547,7 @@ type Rect = {
     x: number;
     y: number;
 };
-declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
+declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
 
 type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
 type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
@@ -555,7 +555,7 @@ declare const useEvent: <T extends Event>(eventName: Parameters<AddEventListener
 
 type UseFocusTrapOptions = {
     disableAriaHider?: boolean;
-    focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
+    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
 };
 declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
 
@@ -1786,7 +1786,7 @@ type FormProps = {
     /**
      * Ref to access the form's state and API
      */
-    innerRef?: React.Ref<FormState>;
+    innerRef?: Ref<FormState>;
     /**
      * On-submit callback
      */
@@ -1886,7 +1886,7 @@ type FormFieldProps = Omit<ComponentPropsWithRef<'input'>, 'placeholder'> & {
     /**
      * A custom component that acts as a field and that needs access to Formik fields
      */
-    customComponent?: React.ComponentClass<CustomComponentClass> | ((arg?: React.ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
+    customComponent?: ComponentClass<CustomComponentClass> | ((arg?: ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
     /**
      * Should the radio buttons be displayed vertically as a column or horizontally as a row
      */
@@ -2532,7 +2532,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Ref to the element that should receive focus when the modal opens
      */
-    initialFocusRef?: RefObject<HTMLElement | null>;
+    initialFocusRef?: RefObject<HTMLElement>;
     /**
      * Whether or not the modal is open, and should be rendered
      */

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as styled_components from 'styled-components';
 import { css, DefaultTheme } from 'styled-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
+import { JSX, ReactNode, ComponentPropsWithoutRef, Dispatch, SetStateAction, RefObject, MutableRefObject, MouseEvent, ComponentPropsWithRef, ChangeEvent, ElementType, Ref, ComponentClass, ComponentProps, FocusEvent, HTMLInputTypeAttribute, KeyboardEvent as KeyboardEvent$1, ReactElement, ComponentType, PropsWithChildren } from 'react';
 import { FormikProps, FormikHelpers, FormikErrors, Field } from 'formik';
 export { useFormikContext } from 'formik';
 import { DropdownMenuProps, DropdownMenuContentProps, DropdownMenuItemProps, DropdownMenuCheckboxItemProps, DropdownMenuRadioItemProps } from '@radix-ui/react-dropdown-menu';
@@ -547,7 +547,7 @@ type Rect = {
     x: number;
     y: number;
 };
-declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T | null>, Rect];
+declare const useElementObserver: <T extends HTMLElement>() => [RefObject<T>, Rect];
 
 type AddEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
 type RemoveEventListenerType = (type: string, listener: (evt: Event) => void, options?: AddEventListenerOptions | boolean) => void;
@@ -555,7 +555,7 @@ declare const useEvent: <T extends Event>(eventName: Parameters<AddEventListener
 
 type UseFocusTrapOptions = {
     disableAriaHider?: boolean;
-    focusSelector?: HTMLElement | RefObject<HTMLElement | null> | string | null | undefined;
+    focusSelector?: HTMLElement | RefObject<HTMLElement> | string | null | undefined;
 };
 declare const useFocusTrap: (active?: boolean, options?: UseFocusTrapOptions) => (node: HTMLElement | null | undefined) => void;
 
@@ -1786,7 +1786,7 @@ type FormProps = {
     /**
      * Ref to access the form's state and API
      */
-    innerRef?: React.Ref<FormState>;
+    innerRef?: Ref<FormState>;
     /**
      * On-submit callback
      */
@@ -1886,7 +1886,7 @@ type FormFieldProps = Omit<ComponentPropsWithRef<'input'>, 'placeholder'> & {
     /**
      * A custom component that acts as a field and that needs access to Formik fields
      */
-    customComponent?: React.ComponentClass<CustomComponentClass> | ((arg?: React.ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
+    customComponent?: ComponentClass<CustomComponentClass> | ((arg?: ComponentProps<typeof Field>) => ReactNode) | ((arg?: Record<string, unknown>) => ReactNode) | undefined;
     /**
      * Should the radio buttons be displayed vertically as a column or horizontally as a row
      */
@@ -2532,7 +2532,7 @@ type ModalProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Ref to the element that should receive focus when the modal opens
      */
-    initialFocusRef?: RefObject<HTMLElement | null>;
+    initialFocusRef?: RefObject<HTMLElement>;
     /**
      * Whether or not the modal is open, and should be rendered
      */

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v4.0.0-beta.bf1fe785.cd2d6ec
+ * @license @wistia/vhs v4.0.0-beta.d0fdacea.2b9bb3b
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -3937,7 +3937,7 @@ import { useCallback as useCallback5 } from "react";
 import { useEffect as useEffect2, useRef as useRef2, useState as useState5 } from "react";
 var useTimedToggle = (initialValue) => {
   const [value, setValue] = useState5(false);
-  const timeoutRef = useRef2(void 0);
+  const timeoutRef = useRef2();
   const initialValueRef = useRef2(initialValue);
   const toggleValue = (timeout2) => {
     clearTimeout(timeoutRef.current);
@@ -4010,8 +4010,8 @@ var isEventTargetSupported = (eventTarget) => (
   Boolean(typeof eventTarget === "object" && eventTarget?.addEventListener)
 );
 var useEvent = (eventName, eventHandler, eventTarget = window, eventOptions = {}) => {
-  const savedEventHandler = useRef4(void 0);
-  const savedEventOptions = useRef4(void 0);
+  const savedEventHandler = useRef4();
+  const savedEventOptions = useRef4();
   useEffect3(() => {
     savedEventHandler.current = eventHandler;
   }, [eventHandler]);
@@ -4448,7 +4448,7 @@ var usePreventScroll = (locked) => {
 // src/hooks/usePreviousValue/usePreviousValue.ts
 import { useEffect as useEffect7, useRef as useRef7 } from "react";
 var usePreviousValue = (value) => {
-  const ref = useRef7(void 0);
+  const ref = useRef7();
   useEffect7(() => {
     ref.current = value;
   });
@@ -4545,7 +4545,7 @@ var ModalBaseContent = ({
   const wasJustShown = usePreviousValue(isShown);
   const hide = () => setIsShownAttempted(false);
   const show = useCallback8(() => setIsShownAttempted(true), []);
-  const toggleButtonRef = useRef8(void 0);
+  const toggleButtonRef = useRef8();
   const modalEl = document.createElement("div");
   modalEl.classList.add("Modal");
   if (isNotUndefined2(className)) {
@@ -7555,7 +7555,7 @@ import { useEffect as useEffect13 } from "react";
 import { useCallback as useCallback10, useEffect as useEffect12, useRef as useRef10 } from "react";
 var useTimeoutFunc = (func, timeout2 = 0) => {
   const readyRef = useRef10(false);
-  const timeoutRef = useRef10(void 0);
+  const timeoutRef = useRef10();
   const callbackRef = useRef10(func);
   const isReady = useCallback10(() => readyRef.current, []);
   const set = useCallback10(() => {
@@ -11307,7 +11307,7 @@ var Menu2 = forwardRef16(
     onClose,
     ...otherProps
   }, ref) => {
-    const menuRef = useRef12(void 0);
+    const menuRef = useRef12();
     const onClickOutsideFn = isNotNil32(onClickOutside) ? onClickOutside : () => {
     };
     useOnClickOutside(menuRef, onClickOutsideFn);