@atlaskit/media-card 77.11.2 → 77.12.0

package/dist/types/card/ui/actionsBar/cardActions/cardActionIconButton.d.ts

@@ -1,5 +1,5 @@
-import { Component, ReactNode, MouseEvent } from 'react';
-import { CardActionIconButtonVariant } from './styles';
+import { Component, type ReactNode, type MouseEvent } from 'react';
+import { type CardActionIconButtonVariant } from './styles';
 export type CardActionIconButtonProps = {
     readonly icon: ReactNode;
     readonly label?: string;

package/dist/types/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
-import { CardAction } from '../../../actions';
-import { CardActionIconButtonVariant } from './styles';
+import { type CardAction } from '../../../actions';
+import { type CardActionIconButtonVariant } from './styles';
 export type CardActionsDropdownMenuProps = {
     readonly actions: CardAction[];
     readonly triggerColor?: string;

package/dist/types/card/ui/actionsBar/cardActions/cardActionsView.d.ts

@@ -1,6 +1,6 @@
 import { Component } from 'react';
-import { CardAction } from '../../../actions';
-import { CardActionIconButtonVariant } from './styles';
+import { type CardAction } from '../../../actions';
+import { type CardActionIconButtonVariant } from './styles';
 export interface CardActionsViewProps {
     readonly actions: CardAction[];
     readonly filename?: string;

package/dist/types/card/ui/actionsBar/cardActions/styles.d.ts

@@ -1,5 +1,6 @@
-import React, { MouseEvent, HTMLAttributes } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type MouseEvent, type HTMLAttributes } from 'react';
+import type React from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 export declare const wrapperStyles: import("@emotion/react").SerializedStyles;
 export declare enum CardActionIconButtonVariant {
     default = "default",

package/dist/types/card/ui/actionsBar/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { CardAction } from '../../actions';
+import { type ReactNode } from 'react';
+import { type CardAction } from '../../actions';
 export interface ActionsBarProps {
     actions: Array<CardAction>;
     filename?: string;

package/dist/types/card/ui/iconMessage/iconMessageWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { IconMessageWrapperProps } from './types';
+import { type IconMessageWrapperProps } from './types';
 export declare const IconMessageWrapper: (props: IconMessageWrapperProps) => jsx.JSX.Element;

package/dist/types/card/ui/iconMessage/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InternalIconMessageProps, CreatingPreviewProps } from './types';
+import { type InternalIconMessageProps, type CreatingPreviewProps } from './types';
 export declare const IconMessage: React.FC<InternalIconMessageProps>;
 export declare const CreatingPreview: React.FC<CreatingPreviewProps>;
 export declare const PreviewUnavailable: React.FC;

package/dist/types/card/ui/iconMessage/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
-import { MessageDescriptor } from 'react-intl-next';
+import { type ReactNode } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
 export type InternalIconMessageProps = {
     messageDescriptor: MessageDescriptor;
     animated?: boolean;

package/dist/types/card/ui/iconWrapper/iconWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { IconWrapperProps } from './types';
+import { type IconWrapperProps } from './types';
 export declare const IconWrapper: (props: IconWrapperProps) => jsx.JSX.Element;

package/dist/types/card/ui/iconWrapper/styles.d.ts

@@ -1,5 +1,5 @@
-import { Breakpoint } from '../common';
-import { IconWrapperProps } from './types';
+import { type Breakpoint } from '../common';
+import { type IconWrapperProps } from './types';
 export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
 export declare const iconWrapperStyles: {
     ({ hasTitleBox, breakpoint, }: IconWrapperProps): import("@emotion/react").SerializedStyles;

package/dist/types/card/ui/iconWrapper/types.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoint } from '../common';
+import { type Breakpoint } from '../common';
 export type IconWrapperProps = {
     hasTitleBox: boolean;
     breakpoint: Breakpoint;

package/dist/types/card/ui/imageRenderer/imageRenderer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MediaType, ImageResizeMode } from '@atlaskit/media-client';
-import { CardPreview } from '../../../types';
+import { type MediaType, type ImageResizeMode } from '@atlaskit/media-client';
+import { type CardPreview } from '../../../types';
 export type ImageRendererProps = {
     readonly cardPreview: CardPreview;
     readonly mediaType: MediaType;

package/dist/types/card/ui/imageRenderer/resizeModeToMediaImageProps.d.ts

@@ -1,4 +1,4 @@
-import { ImageResizeMode } from '@atlaskit/media-client';
+import { type ImageResizeMode } from '@atlaskit/media-client';
 export declare function resizeModeToMediaImageProps(resizeMode?: ImageResizeMode): {
     crop: boolean;
     stretch: boolean;

package/dist/types/card/ui/openMediaViewerButton/openMediaViewerButton.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
+import { type WrappedComponentProps } from 'react-intl-next';
 export declare const visuallyHiddenStyles: import("@emotion/react").SerializedStyles;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{
     fileName: string;

package/dist/types/card/ui/progressBar/styledBar.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { StyledBarProps } from './types';
+import { type StyledBarProps } from './types';
 export declare const StyledBar: (props: StyledBarProps) => jsx.JSX.Element;

package/dist/types/card/ui/progressBar/styles.d.ts

@@ -1,5 +1,5 @@
 import { Breakpoint } from '../common';
-import { StyledBarProps } from './types';
+import { type StyledBarProps } from './types';
 export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): string;
 export declare const styledBarStyles: {
     (props: StyledBarProps): import("@emotion/react").SerializedStyles;

package/dist/types/card/ui/progressBar/types.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoint } from '../common';
+import { type Breakpoint } from '../common';
 export type StyledBarProps = {
     progress?: number;
     breakpoint: Breakpoint;

package/dist/types/card/ui/styles.d.ts

@@ -1,6 +1,6 @@
-import { CardDimensions, CardAppearance } from '../../types';
+import { type CardDimensions, type CardAppearance } from '../../types';
 import { Breakpoint } from './common';
-import { MediaCardCursor } from '../../types';
+import { type MediaCardCursor } from '../../types';
 export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;
 export declare const generateResponsiveStyles: (breakpoint?: Breakpoint) => string;
 export declare const getWrapperDimensions: (dimensions?: CardDimensions, appearance?: CardAppearance) => string;
@@ -8,6 +8,5 @@ export declare const getWrapperShadow: (disableOverlay: boolean, selected: boole
 export declare const getCursorStyle: (cursor: MediaCardCursor | undefined) => string;
 export declare const getClickablePlayButtonStyles: (isPlayButtonClickable: boolean) => "" | "\n    &:hover .media-card-play-button {\n      \n  .play-icon-background {\n    width: 56px;\n    height: 56px;\n  }\n\n    }\n  ";
 export declare const getSelectableTickBoxStyles: (isTickBoxSelectable: boolean) => string;
-export declare const cardImageContainerStyles: import("@emotion/react").SerializedStyles;
 export declare const transition: (propertyName?: string) => string;
 export declare const rgba: (hex: any, opacity: any) => string;

package/dist/types/card/ui/tickBox/tickBox.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { TickBoxProps } from './types';
+import { type TickBoxProps } from './types';
 export declare const TickBox: ({ selected }: TickBoxProps) => JSX.Element;

package/dist/types/card/ui/tickBox/tickBoxWrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { TickBoxProps } from './types';
+import { type TickBoxProps } from './types';
 export declare const TickBoxWrapper: (props: TickBoxProps) => jsx.JSX.Element;

package/dist/types/card/ui/titleBox/failedTitleBox.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { FailedTitleBoxProps } from './types';
+import { type FailedTitleBoxProps } from './types';
 export declare const FailedTitleBox: React.FC<FailedTitleBoxProps>;

package/dist/types/card/ui/titleBox/styles.d.ts

@@ -1,4 +1,4 @@
-import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
+import { type TitleBoxFooterProps, type TitleBoxHeaderProps, type TitleBoxWrapperProps } from './types';
 export declare const titleBoxWrapperStyles: {
     ({ breakpoint, titleBoxBgColor, }: TitleBoxWrapperProps): import("@emotion/react").SerializedStyles;
     displayName: string;

package/dist/types/card/ui/titleBox/titleBox.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { FormattedDateProps, TitleBoxProps } from './types';
+import { type FormattedDateProps, type TitleBoxProps } from './types';
 export declare const FormattedDate: React.ComponentType<FormattedDateProps>;
 export declare const TitleBox: ({ name, createdAt, breakpoint, titleBoxBgColor, titleBoxIcon, }: TitleBoxProps) => JSX.Element;

package/dist/types/card/ui/titleBox/titleBoxComponents.d.ts

@@ -1,6 +1,6 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { TitleBoxFooterProps, TitleBoxHeaderProps, TitleBoxWrapperProps } from './types';
+import { type TitleBoxFooterProps, type TitleBoxHeaderProps, type TitleBoxWrapperProps } from './types';
 export declare const TitleBoxWrapper: (props: TitleBoxWrapperProps) => jsx.JSX.Element;
 export declare const TitleBoxHeader: (props: TitleBoxHeaderProps) => jsx.JSX.Element;
 export declare const TitleBoxFooter: (props: TitleBoxFooterProps) => jsx.JSX.Element;

package/dist/types/card/ui/titleBox/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { MessageDescriptor } from 'react-intl-next';
-import { Breakpoint } from '../common';
-import { TitleBoxIcon as TitleBoxIconType } from '../../../types';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type Breakpoint } from '../common';
+import { type TitleBoxIcon as TitleBoxIconType } from '../../../types';
 export type TitleBoxProps = {
     name: string;
     breakpoint: Breakpoint;

package/dist/types/card/ui/unhandledErrorCard/index.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
 import { jsx } from '@emotion/react';
-import { UnhandledErrorCardProps } from './types';
+import { type UnhandledErrorCardProps } from './types';
 export declare class UnhandledErrorCard extends Component<UnhandledErrorCardProps, {}> {
     render(): jsx.JSX.Element;
 }

package/dist/types/card/ui/unhandledErrorCard/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardDimensions } from '../../../types';
+import { type CardDimensions } from '../../../types';
 export interface UnhandledErrorCardProps {
     dimensions?: CardDimensions;
     onClick?: (event: React.MouseEvent<HTMLElement>) => void;

package/dist/types/card/ui/wrapper/imageContainer.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+type ImageContainerProps = {
+    children: React.ReactNode;
+    centerElements?: boolean;
+    testId: string;
+    mediaName?: string;
+    status?: string;
+    progress?: number;
+    selected?: boolean;
+    source?: string;
+};
+export declare const ImageContainer: ({ children, testId, mediaName, status, progress, selected, source, centerElements, }: ImageContainerProps) => jsx.JSX.Element;
+export {};

package/dist/types/card/ui/wrapper/index.d.ts

@@ -1 +1,2 @@
 export { Wrapper } from './wrapper';
+export { ImageContainer } from './imageContainer';

package/dist/types/card/ui/wrapper/styles.d.ts

@@ -1,4 +1,4 @@
-import { WrapperProps } from './types';
+import { type WrapperProps } from './types';
 export declare const wrapperStyles: {
     ({ breakpoint, dimensions, appearance, disableOverlay, displayBackground, selected, isPlayButtonClickable, isTickBoxSelectable, shouldDisplayTooltip, mediaCardCursor, }: WrapperProps): import("@emotion/react").SerializedStyles;
     displayName: string;

package/dist/types/card/ui/wrapper/types.d.ts

@@ -1,8 +1,9 @@
-import React, { MouseEvent } from 'react';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardDimensions, CardAppearance } from '../../../types';
-import { Breakpoint } from '../common';
-import { MediaCardCursor } from '../../../types';
+import { type MouseEvent } from 'react';
+import type React from 'react';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardDimensions, type CardAppearance } from '../../../types';
+import { type Breakpoint } from '../common';
+import { type MediaCardCursor } from '../../../types';
 export interface WrapperProps {
     testId?: string;
     breakpoint: Breakpoint;

package/dist/types/card/ui/wrapper/wrapper.d.ts

@@ -1,4 +1,4 @@
 /**@jsx jsx */
 import { jsx } from '@emotion/react';
-import { WrapperProps } from './types';
+import { type WrapperProps } from './types';
 export declare const Wrapper: (props: WrapperProps) => jsx.JSX.Element;

package/dist/types/card/useBreakpoint.d.ts

@@ -1,3 +1,3 @@
-import { Breakpoint } from './ui/common';
-import { CardDimensionValue } from '../types';
+import { type Breakpoint } from './ui/common';
+import { type CardDimensionValue } from '../types';
 export declare const useBreakpoint: (dimensionWidth: CardDimensionValue | undefined, divRef: React.RefObject<HTMLDivElement>) => Breakpoint;

package/dist/types/card/v2/cardV2.d.ts

@@ -1,7 +1,7 @@
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { CardProps } from '../../types';
+import { type WrappedComponentProps } from 'react-intl-next';
+import { type CardProps } from '../../types';
 export type CardV2BaseProps = CardProps & WithAnalyticsEventsProps & Partial<WrappedComponentProps>;
 export declare const CardV2Base: ({ identifier, ...otherProps }: CardV2BaseProps & WrappedComponentProps) => JSX.Element;
 export declare const CardV2: React.ComponentType<CardV2BaseProps>;

package/dist/types/card/v2/cardV2Loader.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { CardWithMediaClientConfigProps } from '../types';
+import { type CardWithMediaClientConfigProps } from '../types';
 declare const CardLoader: React.FC<CardWithMediaClientConfigProps>;
 export default CardLoader;

package/dist/types/card/v2/cardViewV2.d.ts

@@ -1,13 +1,13 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import React, { MouseEvent } from 'react';
-import { MessageDescriptor } from 'react-intl-next';
-import { MediaItemType, FileDetails, ImageResizeMode } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardStatus, MediaCardCursor, CardDimensions, TitleBoxIcon } from '../../types';
-import { MediaFilePreview } from '@atlaskit/media-file-preview';
-import { CardAction } from '../actions';
-import { MediaCardError } from '../../errors';
+import React, { type MouseEvent } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type MediaItemType, type FileDetails, type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardStatus, type MediaCardCursor, type CardDimensions, type TitleBoxIcon } from '../../types';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
+import { type CardAction } from '../actions';
+import { type MediaCardError } from '../../errors';
 export interface CardViewV2Props {
     readonly disableOverlay?: boolean;
     readonly resizeMode?: ImageResizeMode;
@@ -38,6 +38,7 @@ export interface CardViewV2Props {
     readonly forceSyncDisplay?: boolean;
     disableAnimation?: boolean;
     shouldHideTooltip?: boolean;
+    overriddenCreationDate?: number;
 }
 export type CardViewV2BaseProps = CardViewV2Props & WithAnalyticsEventsProps;
 export interface RenderConfigByStatusV2 {
@@ -54,5 +55,5 @@ export interface RenderConfigByStatusV2 {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-export declare const CardViewV2Base: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, }: CardViewV2BaseProps) => jsx.JSX.Element;
+export declare const CardViewV2Base: ({ innerRef, onImageLoad, onImageError, dimensions, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, openMediaViewerButtonRef, shouldOpenMediaViewer, overriddenCreationDate, }: CardViewV2BaseProps) => jsx.JSX.Element;
 export declare const CardViewV2: React.ForwardRefExoticComponent<Omit<CardViewV2Props & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/card/v2/cardWithMediaClientV2.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { CardWithMediaClientConfigProps } from '../types';
+import { type CardWithMediaClientConfigProps } from '../types';
 export declare const CardWithMediaClientV2: React.FC<CardWithMediaClientConfigProps>;

package/dist/types/card/v2/cardviews/cardViewWrapper.d.ts

@@ -1,10 +1,10 @@
-import React, { MouseEvent, ReactNode } from 'react';
-import { FileDetails } from '@atlaskit/media-client';
-import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { CardAppearance, CardDimensions, MediaCardCursor, TitleBoxIcon } from '../../../types';
-import { CardAction } from '../../actions';
-import { Breakpoint } from '../../ui/common';
-import { MediaFilePreview } from '@atlaskit/media-file-preview';
+import React, { type MouseEvent, type ReactNode } from 'react';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardAppearance, type CardDimensions, type MediaCardCursor, type TitleBoxIcon } from '../../../types';
+import { type CardAction } from '../../actions';
+import { type Breakpoint } from '../../ui/common';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export type SharedCardViewProps = {
     readonly cardPreview?: MediaFilePreview;
     readonly testId?: string;
@@ -23,6 +23,7 @@ export type SharedCardViewProps = {
     readonly titleBoxIcon?: TitleBoxIcon;
     readonly mediaCardCursor?: MediaCardCursor;
     readonly shouldHideTooltip?: boolean;
+    overriddenCreationDate?: number;
 };
 export type CardViewWrapperProps = SharedCardViewProps & {
     children: React.ReactNode;

package/dist/types/card/v2/cardviews/errorCardView.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
-import { SharedCardViewProps } from './cardViewWrapper';
-import { MediaCardError } from '../../../errors';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type SharedCardViewProps } from './cardViewWrapper';
+import { type MediaCardError } from '../../../errors';
 export type ErrorCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     metadata?: FileDetails;
     disableAnimation?: boolean;

package/dist/types/card/v2/cardviews/iconCardView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type SharedCardViewProps } from './cardViewWrapper';
 import type { CardStatus } from '../../../types';
 export type IconCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;

package/dist/types/card/v2/cardviews/imageCardView.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ImageResizeMode } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
 import type { CardPreview, CardStatus } from '../../../types';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type ImageCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;
     cardPreview: CardPreview;

package/dist/types/card/v2/cardviews/index.d.ts

@@ -1,12 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import React, { MouseEvent } from 'react';
-import { MessageDescriptor } from 'react-intl-next';
-import { MediaItemType, FileDetails } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
-import { SharedCardProps, CardStatus, MediaCardCursor } from '../../../types';
-import { MediaCardError } from '../../../errors';
-import { MediaFilePreview } from '@atlaskit/media-file-preview';
+import React, { type MouseEvent } from 'react';
+import { type MessageDescriptor } from 'react-intl-next';
+import { type MediaItemType, type FileDetails } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type SharedCardProps, type CardStatus, type MediaCardCursor } from '../../../types';
+import { type MediaCardError } from '../../../errors';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
 export interface CardViewsOwnProps extends SharedCardProps {
     readonly status: CardStatus;
     readonly mediaItemType: MediaItemType;
@@ -27,6 +27,7 @@ export interface CardViewsOwnProps extends SharedCardProps {
     shouldHideTooltip?: boolean;
     readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
     readonly shouldOpenMediaViewer?: boolean;
+    overriddenCreationDate?: number;
 }
 export type CardViewV2Props = CardViewsOwnProps & WithAnalyticsEventsProps;
 export interface RenderConfigByStatusV2 {
@@ -43,5 +44,5 @@ export interface RenderConfigByStatusV2 {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, }: CardViewV2Props) => jsx.JSX.Element;
+export declare const CardViewsBase: ({ innerRef, onImageLoad, onImageError, dimensions, appearance, onClick, onMouseEnter, testId, metadata, status, selected, selectable, cardPreview, mediaCardCursor, shouldHideTooltip, progress, alt, resizeMode, onDisplayImage, nativeLazyLoad, forceSyncDisplay, actions, disableOverlay, titleBoxBgColor, titleBoxIcon, error, disableAnimation, shouldOpenMediaViewer, openMediaViewerButtonRef, overriddenCreationDate, }: CardViewV2Props) => jsx.JSX.Element;
 export declare const CardViews: React.ForwardRefExoticComponent<Omit<CardViewsOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/card/v2/cardviews/loadingCardView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type LoadingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     metadata?: FileDetails;
     disableAnimation?: boolean;

package/dist/types/card/v2/cardviews/processingCardView.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type ProcessingCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     disableAnimation?: boolean;
     readonly innerRef?: (instance: HTMLDivElement | null) => void;

package/dist/types/card/v2/cardviews/videoCardView.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ImageResizeMode } from '@atlaskit/media-client';
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileDetails } from '@atlaskit/media-client';
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileDetails } from '@atlaskit/media-client';
 import type { CardPreview, CardStatus } from '../../../types';
-import { SharedCardViewProps } from './cardViewWrapper';
+import { type SharedCardViewProps } from './cardViewWrapper';
 export type VideoCardViewProps = SharedCardViewProps & WithAnalyticsEventsProps & {
     status: CardStatus;
     cardPreview: CardPreview;

package/dist/types/card/v2/externalImageCard.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { ExternalImageIdentifier, Identifier, MediaClient } from '@atlaskit/media-client';
-import { CardEventProps, SharedCardProps } from '../../types';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type ExternalImageIdentifier, type Identifier, type MediaClient } from '@atlaskit/media-client';
+import { type CardEventProps, type SharedCardProps } from '../../types';
 export interface ExternalImageCardProps extends SharedCardProps, CardEventProps {
     readonly mediaClient: MediaClient;
     readonly identifier: ExternalImageIdentifier;

package/dist/types/card/v2/fileCard.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
-import { FileIdentifier, Identifier, ImageResizeMode } from '@atlaskit/media-client';
-import { MediaFeatureFlags, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
-import { CardAppearance, CardDimensions, CardEventProps, TitleBoxIcon } from '../../types';
-import { CardAction } from '../actions';
+import { type WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { type FileIdentifier, type Identifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { type MediaFeatureFlags, type NumericalCardDimensions, type SSR } from '@atlaskit/media-common';
+import { type CardAppearance, type CardDimensions, type CardEventProps, type TitleBoxIcon } from '../../types';
+import { type CardAction } from '../actions';
 export interface FileCardProps extends CardEventProps {
     /** Overlay the media file. */
     readonly disableOverlay?: boolean;

package/dist/types/card/v2/inlinePlayerV2.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { FileIdentifier, FileState, MediaFileArtifacts } from '@atlaskit/media-client';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
-import { CardDimensions } from '../../types';
-import { WithAnalyticsEventsProps, UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type FileIdentifier, type FileState, type MediaFileArtifacts } from '@atlaskit/media-client';
+import { type NumericalCardDimensions } from '@atlaskit/media-common';
+import { type CardDimensions } from '../../types';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { CardPreview } from '../../types';
 export interface InlinePlayerOwnProps {
     identifier: FileIdentifier;

package/dist/types/card/v2/svgView/helpers.d.ts

@@ -0,0 +1,3 @@
+import { type ImageResizeMode } from '@atlaskit/media-client';
+import { type MediaSvgProps } from '@atlaskit/media-svg';
+export declare const calculateSvgDimensions: (img: HTMLImageElement, resizeMode?: ImageResizeMode) => MediaSvgProps['dimensions'];

package/dist/types/card/v2/svgView/index.d.ts

@@ -0,0 +1 @@
+export { SvgView } from './svgView';

package/dist/types/card/v2/svgView/svgView.d.ts

@@ -0,0 +1,31 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React, { type MouseEvent } from 'react';
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { type CardStatus, type MediaCardCursor, type CardDimensions } from '../../../types';
+import { type MediaFilePreview } from '@atlaskit/media-file-preview';
+export declare const convertResizeMode: (resizeMode?: ImageResizeMode) => React.CSSProperties['objectFit'];
+export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+export interface SvgViewBaseOwnProps {
+    readonly testId?: string;
+    identifier: FileIdentifier;
+    readonly status: CardStatus;
+    readonly dimensions: CardDimensions;
+    readonly onClick?: OnClickFn;
+    readonly onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
+    readonly selected?: boolean;
+    readonly fileName?: string;
+    readonly cardPreview?: MediaFilePreview;
+    readonly mediaCardCursor?: MediaCardCursor;
+    readonly progress?: number;
+    readonly alt?: string;
+    readonly resizeMode?: ImageResizeMode;
+    readonly onImageLoad?: (cardPreview: MediaFilePreview) => void;
+    readonly onImageError?: (cardPreview: MediaFilePreview) => void;
+    readonly shouldOpenMediaViewer?: boolean;
+    readonly openMediaViewerButtonRef?: React.Ref<HTMLButtonElement>;
+}
+export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+export declare const SvgViewBase: ({ identifier, dimensions, onClick, onMouseEnter, testId, status, selected, fileName, cardPreview, mediaCardCursor, progress, alt, resizeMode, shouldOpenMediaViewer, openMediaViewerButtonRef, }: SvgViewProps) => jsx.JSX.Element;
+export declare const SvgView: React.ForwardRefExoticComponent<Omit<SvgViewBaseOwnProps & WithAnalyticsEventsProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/errors.d.ts

@@ -1,5 +1,5 @@
-import { MediaClientErrorReason } from '@atlaskit/media-client';
-import { CardPreview } from './types';
+import { type MediaClientErrorReason } from '@atlaskit/media-client';
+import { type CardPreview } from './types';
 import { MediaFileStateError } from '@atlaskit/media-client-react';
 /**
  * Primary reason is logged through Data Portal.