@atlaskit/media-card 79.0.0 → 79.0.1

package/dist/esm/card/ui/wrapper/wrapper-emotion.js

@@ -0,0 +1,53 @@
+import _extends from "@babel/runtime/helpers/extends";
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+import { jsx } from '@emotion/react';
+import { newFileExperienceClassName } from '../../cardConstants';
+import { wrapperStyles } from './styles';
+import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
+export var Wrapper = function Wrapper(props) {
+  var testId = props.testId,
+    dimensions = props.dimensions,
+    appearance = props.appearance,
+    onClick = props.onClick,
+    onMouseEnter = props.onMouseEnter,
+    innerRef = props.innerRef,
+    breakpoint = props.breakpoint,
+    mediaCardCursor = props.mediaCardCursor,
+    disableOverlay = props.disableOverlay,
+    selected = props.selected,
+    displayBackground = props.displayBackground,
+    isPlayButtonClickable = props.isPlayButtonClickable,
+    isTickBoxSelectable = props.isTickBoxSelectable,
+    shouldDisplayTooltip = props.shouldDisplayTooltip;
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    jsx("div", _extends({
+      id: "newFileExperienceWrapper"
+      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
+      ,
+      className: newFileExperienceClassName,
+      "data-testid": testId
+      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
+      ,
+      css: wrapperStyles({
+        breakpoint: breakpoint,
+        dimensions: dimensions,
+        appearance: appearance,
+        disableOverlay: disableOverlay,
+        displayBackground: displayBackground,
+        selected: selected,
+        isPlayButtonClickable: isPlayButtonClickable,
+        isTickBoxSelectable: isTickBoxSelectable,
+        shouldDisplayTooltip: shouldDisplayTooltip,
+        mediaCardCursor: mediaCardCursor
+      }),
+      ref: innerRef,
+      onClick: onClick,
+      onMouseEnter: onMouseEnter
+    }, VcMediaWrapperProps), props.children)
+  );
+};

package/dist/esm/card/ui/wrapper/wrapper.js

@@ -1,53 +1,7 @@
-import _extends from "@babel/runtime/helpers/extends";
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { jsx } from '@emotion/react';
-import { newFileExperienceClassName } from '../../cardConstants';
-import { wrapperStyles } from './styles';
-import { VcMediaWrapperProps } from '@atlaskit/react-ufo/vc-media';
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { Wrapper as CompiledWrapper } from './wrapper-compiled';
+import { Wrapper as EmotionWrapper } from './wrapper-emotion';
 export var Wrapper = function Wrapper(props) {
-  var testId = props.testId,
-    dimensions = props.dimensions,
-    appearance = props.appearance,
-    onClick = props.onClick,
-    onMouseEnter = props.onMouseEnter,
-    innerRef = props.innerRef,
-    breakpoint = props.breakpoint,
-    mediaCardCursor = props.mediaCardCursor,
-    disableOverlay = props.disableOverlay,
-    selected = props.selected,
-    displayBackground = props.displayBackground,
-    isPlayButtonClickable = props.isPlayButtonClickable,
-    isTickBoxSelectable = props.isTickBoxSelectable,
-    shouldDisplayTooltip = props.shouldDisplayTooltip;
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    jsx("div", _extends({
-      id: "newFileExperienceWrapper"
-      // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
-      ,
-      className: newFileExperienceClassName,
-      "data-testid": testId
-      // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
-      ,
-      css: wrapperStyles({
-        breakpoint: breakpoint,
-        dimensions: dimensions,
-        appearance: appearance,
-        disableOverlay: disableOverlay,
-        displayBackground: displayBackground,
-        selected: selected,
-        isPlayButtonClickable: isPlayButtonClickable,
-        isTickBoxSelectable: isTickBoxSelectable,
-        shouldDisplayTooltip: shouldDisplayTooltip,
-        mediaCardCursor: mediaCardCursor
-      }),
-      ref: innerRef,
-      onClick: onClick,
-      onMouseEnter: onMouseEnter
-    }, VcMediaWrapperProps), props.children)
-  );
+  return fg('platform_media_compiled') ? /*#__PURE__*/React.createElement(CompiledWrapper, props) : /*#__PURE__*/React.createElement(EmotionWrapper, props);
 };

package/dist/esm/inline/loader.js

@@ -101,7 +101,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "79.0.0",
+        packageName: "79.0.1",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/ufoExperiences.js

@@ -8,7 +8,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "79.0.0";
+var packageVersion = "79.0.1";
 var SAMPLE_RATE = 0.05;
 var concurrentExperience;
 var getExperience = function getExperience(id) {

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

@@ -1,8 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
 import React, { type MouseEvent } from 'react';
 import { type MessageDescriptor } from 'react-intl-next';
 import { type MediaItemType, type FileDetails, type ImageResizeMode, type FileIdentifier } from '@atlaskit/media-client';
@@ -62,5 +57,5 @@ export interface RenderConfigByStatus {
     renderTickBox?: boolean;
     customTitleMessage?: MessageDescriptor;
 }
-export declare const CardViewBase: ({ identifier, 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, onSvgError, onSvgLoad, }: CardViewBaseProps) => jsx.JSX.Element;
+export declare const CardViewBase: ({ identifier, 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, onSvgError, onSvgLoad, }: CardViewBaseProps) => React.JSX.Element;
 export declare const CardView: React.ForwardRefExoticComponent<Omit<CardViewProps, keyof WithAnalyticsEventsProps> & React.RefAttributes<any>>;

package/dist/types/card/inlinePlayerWrapper-compiled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type InlinePlayerWrapperProps } from './types';
+export declare const inlinePlayerClassName = "media-card-inline-player";
+export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => JSX.Element;

package/dist/types/card/inlinePlayerWrapper-emotion.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type InlinePlayerWrapperProps } from './types';
+export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => jsx.JSX.Element;

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

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type InlinePlayerWrapperProps } from './types';
-export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => jsx.JSX.Element;
+export declare const InlinePlayerWrapper: (props: InlinePlayerWrapperProps) => React.JSX.Element;

package/dist/types/card/svgView/svgImage-compiled.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { MediaCardError, type SvgPrimaryReason } from '../../errors';
+import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
+export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
+export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+export interface SvgViewBaseOwnProps {
+    readonly identifier: FileIdentifier;
+    readonly resizeMode: ImageResizeMode;
+    readonly onLoad?: () => void;
+    readonly onError?: (error: MediaCardError) => void;
+    readonly wrapperRef: React.RefObject<HTMLDivElement>;
+    readonly alt?: string;
+}
+export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => JSX.Element | null;

package/dist/types/card/svgView/svgImage-emotion.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { type FileIdentifier, type ImageResizeMode } from '@atlaskit/media-client';
+import { type WithAnalyticsEventsProps, type UIAnalyticsEvent } from '@atlaskit/analytics-next';
+import { MediaCardError, type SvgPrimaryReason } from '../../errors';
+import { type MediaSVGErrorReason } from '@atlaskit/media-svg';
+export declare const getErrorReason: (svgReason: MediaSVGErrorReason) => SvgPrimaryReason;
+export type OnClickFn = (event: React.MouseEvent<HTMLDivElement | HTMLButtonElement>, analyticsEvent?: UIAnalyticsEvent) => void;
+export interface SvgViewBaseOwnProps {
+    readonly identifier: FileIdentifier;
+    readonly resizeMode: ImageResizeMode;
+    readonly onLoad?: () => void;
+    readonly onError?: (error: MediaCardError) => void;
+    readonly wrapperRef: React.RefObject<HTMLDivElement>;
+    readonly alt?: string;
+}
+export type SvgViewProps = SvgViewBaseOwnProps & WithAnalyticsEventsProps;
+export declare const SvgView: ({ identifier, resizeMode, onLoad, onError, wrapperRef, alt, }: SvgViewProps) => jsx.JSX.Element | null;

package/dist/types/card/ui/actionsBar/actionsBarWrapper-compiled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type ActionBarWrapperProps } from './types';
+export declare const ActionsBarWrapper: {
+    (props: ActionBarWrapperProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/card/ui/actionsBar/actionsBarWrapper-emotion.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+import { type ActionBarWrapperProps } from './types';
+export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => jsx.JSX.Element;

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

@@ -1,7 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type ActionBarWrapperProps } from './types';
-export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => jsx.JSX.Element;
+export declare const ActionsBarWrapper: (props: ActionBarWrapperProps) => React.JSX.Element;

package/dist/types/card/ui/actionsBar/cardActions/cardActionButton-compiled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type CardActionButtonOwnProps } from './styles';
+export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/card/ui/actionsBar/cardActions/cardActionButton-emotion.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type CardActionButtonOwnProps } from './styles';
+export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { type CardActionButtonOwnProps } from './styles';
-export declare const CardActionButton: import("react").ForwardRefExoticComponent<CardActionButtonOwnProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CardActionButton: React.ForwardRefExoticComponent<CardActionButtonOwnProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/card/ui/blanket/blanket-compiled.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare const blanketClassName = "media-card-blanket";
+export declare const fixedBlanketStyles: string;
+export interface BlanketProps {
+    isFixed?: boolean;
+}
+export declare const Blanket: {
+    (props: BlanketProps): JSX.Element;
+    displayName: string;
+};

package/dist/types/card/ui/blanket/blanket-emotion.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+export interface BlanketProps {
+    isFixed?: boolean;
+}
+export declare const Blanket: (props: BlanketProps) => jsx.JSX.Element;

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

@@ -1,9 +1,5 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 export interface BlanketProps {
     isFixed?: boolean;
 }
-export declare const Blanket: (props: BlanketProps) => jsx.JSX.Element;
+export declare const Blanket: (props: BlanketProps) => React.JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { type IconWrapperProps } from './types';
+import { type Breakpoint } from '../common';
+export declare function titleBoxHeight(hasTitleBox: boolean, breakpoint: Breakpoint): string;
+export declare const IconWrapper: {
+    (props: IconWrapperProps): JSX.Element;
+    displayName: string;
+};

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

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

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

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

package/dist/types/card/ui/playButton/playButtonBackground-compiled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PlayButtonBackground: () => JSX.Element;

package/dist/types/card/ui/playButton/playButtonBackground-emotion.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+export declare const PlayButtonBackground: () => jsx.JSX.Element;

package/dist/types/card/ui/playButton/playButtonWrapper-compiled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PlayButtonWrapper: (props: any) => JSX.Element;

package/dist/types/card/ui/playButton/playButtonWrapper-emotion.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+export declare const PlayButtonWrapper: (props: any) => jsx.JSX.Element;

package/dist/types/card/ui/playButton/playButtonWrapper.d.ts

@@ -1,6 +1,2 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-export declare const PlayButtonWrapper: (props: any) => jsx.JSX.Element;
+import React from 'react';
+export declare const PlayButtonWrapper: (props: any) => React.JSX.Element;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { type StyledBarProps } from './types';
+import { Breakpoint } from '../common';
+export declare function generateResponsiveStyles(breakpoint: Breakpoint, positionBottom: boolean, showOnTop: boolean, multiplier?: number): {
+    top: string;
+    bottom?: undefined;
+} | {
+    bottom: string;
+    top?: undefined;
+};
+export declare const StyledBar: {
+    (props: StyledBarProps): JSX.Element;
+    displayName: string;
+};

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

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

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type TickBoxProps } from './types';
+export declare const TickBoxWrapper: {
+    (props: TickBoxProps): JSX.Element;
+    displayName: string;
+};

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

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

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

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

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { type TitleBoxFooterProps, type TitleBoxHeaderProps, type TitleBoxWrapperProps } from './types';
+export declare const TitleBoxWrapper: {
+    (props: TitleBoxWrapperProps): JSX.Element;
+    displayName: string;
+};
+export declare const TitleBoxHeader: {
+    (props: TitleBoxHeaderProps): JSX.Element;
+    displayName: string;
+};
+export declare const TitleBoxFooter: {
+    (props: TitleBoxFooterProps): JSX.Element;
+    displayName: string;
+};
+export declare const TitleBoxIcon: (props: any) => JSX.Element;
+export declare const ErrorMessageWrapper: (props: any) => JSX.Element;

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

@@ -0,0 +1,11 @@
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { jsx } from '@emotion/react';
+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;
+export declare const TitleBoxIcon: (props: any) => jsx.JSX.Element;
+export declare const ErrorMessageWrapper: (props: any) => jsx.JSX.Element;

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

@@ -1,11 +1,7 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
+import React from 'react';
 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;
-export declare const TitleBoxIcon: (props: any) => jsx.JSX.Element;
-export declare const ErrorMessageWrapper: (props: any) => jsx.JSX.Element;
+export declare const TitleBoxWrapper: (props: TitleBoxWrapperProps) => React.JSX.Element;
+export declare const TitleBoxHeader: (props: TitleBoxHeaderProps) => React.JSX.Element;
+export declare const TitleBoxFooter: (props: TitleBoxFooterProps) => React.JSX.Element;
+export declare const TitleBoxIcon: (props: any) => React.JSX.Element;
+export declare const ErrorMessageWrapper: (props: any) => React.JSX.Element;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type ContentLoadingErrorMessageProps = {
+    isHidden?: boolean;
+};
+export declare const ContentLoadingErrorMessage: ({ isHidden }: ContentLoadingErrorMessageProps) => React.JSX.Element;
+export {};

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

@@ -1,10 +1,3 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { Component } from 'react';
-import { jsx } from '@emotion/react';
+import React from 'react';
 import { type UnhandledErrorCardProps } from './types';
-export declare class UnhandledErrorCard extends Component<UnhandledErrorCardProps, {}> {
-    render(): jsx.JSX.Element;
-}
+export declare const UnhandledErrorCard: (props: UnhandledErrorCardProps) => React.JSX.Element;

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

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

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

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

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

@@ -0,0 +1,13 @@
+/// <reference types="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, mediaName, status, progress, selected, source, centerElements, }: ImageContainerProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+/**
+ * @jsxRuntime classic
+ * @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, mediaName, status, progress, selected, source, centerElements, }: ImageContainerProps) => jsx.JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type WrapperProps } from './types';
+export declare const Wrapper: {
+    (props: WrapperProps): JSX.Element;
+    displayName: string;
+};

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

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

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

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