@wistia/vhs 4.0.0-beta.d710dfe1.cec52d4 → 4.0.0-beta.d8f9ac3a.4f6efd8

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';
@@ -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
      */

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';
@@ -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
      */

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/vhs v4.0.0-beta.d710dfe1.cec52d4
+ * @license @wistia/vhs v4.0.0-beta.d8f9ac3a.4f6efd8
  *
  * Copyright (c) 2021-2025, Wistia, Inc. and its affiliates.
  *
@@ -3707,7 +3707,7 @@ var normalize = css3`
   [type='button'],
   [type='reset'],
   [type='submit'] {
-    appearance: button;
+    appearance: auto;
   }
 
   /**
@@ -3817,7 +3817,7 @@ var normalize = css3`
   */
 
   ::-webkit-file-upload-button {
-    appearance: button; /* 1 */
+    appearance: auto; /* 1 */
     font: inherit; /* 2 */
   }
 
@@ -4976,8 +4976,7 @@ import { isNotNil as isNotNil7 } from "@wistia/type-guards";
 import { jsx as jsx126 } from "react/jsx-runtime";
 var screenReaderOnlyStyle = css7`
   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;
@@ -12633,7 +12632,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) {
@@ -13728,7 +13727,7 @@ var ThumbnailCollageContainer = styled71.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 = styled71.div`