@atlaskit/smart-card 27.9.0 → 27.9.2

package/dist/types/view/FlexibleCard/components/elements/index.d.ts

@@ -11,87 +11,87 @@ import { type AtlaskitBadgeProps } from './atlaskit-badge/types';
  * Creates a AssignedTo text element using the data from AssignedTo in the Flexible UI Context.
  * @see Text
  */
-export declare const AssignedTo: import("react").FC<TextProps>;
+export declare const AssignedTo: import("react").ComponentType<TextProps>;
 /**
  * An AvatarGroup element using the data from AssignedToGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const AssignedToGroup: import("react").FC<AvatarGroupProps>;
+export declare const AssignedToGroup: import("react").ComponentType<AvatarGroupProps>;
 /**
  * Creates a AttachmentCount Badge element using the data from AttachmentCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const AttachmentCount: import("react").FC<BadgeProps>;
+export declare const AttachmentCount: import("react").ComponentType<BadgeProps>;
 /**
  * An AvatarGroup element using the data from AuthorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const AuthorGroup: import("react").FC<AvatarGroupProps>;
+export declare const AuthorGroup: import("react").ComponentType<AvatarGroupProps>;
 /**
  * Creates a Checklist Badge element using the data from ChecklistProgress in the Flexible UI Context.
  * @see Badge
  */
-export declare const ChecklistProgress: import("react").FC<BadgeProps>;
+export declare const ChecklistProgress: import("react").ComponentType<BadgeProps>;
 /**
  * An AvatarGroup element using the data from CollaboratorGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const CollaboratorGroup: import("react").FC<AvatarGroupProps>;
+export declare const CollaboratorGroup: import("react").ComponentType<AvatarGroupProps>;
 /**
  * Creates a CommentCount Badge element using the data from CommentCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const CommentCount: import("react").FC<BadgeProps>;
+export declare const CommentCount: import("react").ComponentType<BadgeProps>;
 /**
  * Creates a CreatedOn DateTime element using the data from CreatedOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const CreatedOn: import("react").FC<DateTimeProps>;
+export declare const CreatedOn: import("react").ComponentType<DateTimeProps>;
 /**
  * Creates a CreatedBy text element using the data from CreatedBy in the Flexible UI Context.
  * @see Text
  */
-export declare const CreatedBy: import("react").FC<TextProps>;
+export declare const CreatedBy: import("react").ComponentType<TextProps>;
 /**
  * Creates a DueOn Lozenge element using the data from dueOn in the Flexible UI Context.
  * @see Lozenge
  */
-export declare const DueOn: import("react").FC<LozengeProps>;
+export declare const DueOn: import("react").ComponentType<LozengeProps>;
 /**
  * Creates an element that contains Last Commit hash
  */
-export declare const LatestCommit: import("react").FC<BadgeProps>;
+export declare const LatestCommit: import("react").ComponentType<BadgeProps>;
 /**
  * Creates a LinkIcon Icon element using the data from LinkIcon in the Flexible UI Context.
  * @see Icon
  */
-export declare const LinkIcon: import("react").FC<IconProps>;
+export declare const LinkIcon: import("react").ComponentType<IconProps>;
 /**
  * Creates a Location Link element.
  * This represents the location or container of the resource.
  * @see Link
  */
-export declare const Location: import("react").FC<LinkProps>;
+export declare const Location: import("react").ComponentType<LinkProps>;
 /**
  * Creates a ModifiedBy Text element using the data from ModifiedBy in the Flexible UI Context.
  * @see Text
  */
-export declare const ModifiedBy: import("react").FC<TextProps>;
+export declare const ModifiedBy: import("react").ComponentType<TextProps>;
 /**
  * Creates a ModifiedOn DateTime element using the data from ModifiedOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const ModifiedOn: import("react").FC<DateTimeProps>;
+export declare const ModifiedOn: import("react").ComponentType<DateTimeProps>;
 /**
  * Creates a OwnedBy text element using the data from OwnedBy in the Flexible UI Context.
  * @see Text
  */
-export declare const OwnedBy: import("react").FC<TextProps>;
+export declare const OwnedBy: import("react").ComponentType<TextProps>;
 /**
  * An AvatarGroup element using the data from OwnedByGroup in the Flexible UI Context.
  * @see AvatarGroup
  */
-export declare const OwnedByGroup: import("react").FC<AvatarGroupProps>;
+export declare const OwnedByGroup: import("react").ComponentType<AvatarGroupProps>;
 /**
  * Creates a Preview element using the data from Preview in the Flexible UI Context.
  * @see Preview
@@ -101,31 +101,31 @@ export { default as Preview } from './preview';
  * Creates a Priority Badge element using the data from Priority in the Flexible UI Context.
  * @see Badge
  */
-export declare const Priority: import("react").FC<BadgeProps>;
+export declare const Priority: import("react").ComponentType<BadgeProps>;
 /**
  * Creates a ProgrammingLanguage Badge element using the data from ProgrammingLanguage in the Flexible UI Context.
  * @see Badge
  */
-export declare const ProgrammingLanguage: import("react").FC<BadgeProps>;
+export declare const ProgrammingLanguage: import("react").ComponentType<BadgeProps>;
 /**
  * Creates a Provider Badge element using the data from Provider in the Flexible UI Context.
  * @see Badge
  */
-export declare const Provider: import("react").FC<BadgeProps>;
+export declare const Provider: import("react").ComponentType<BadgeProps>;
 /**
  * Creates a ReactCount Badge element using the data from ReactCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const ReactCount: import("react").FC<BadgeProps>;
+export declare const ReactCount: import("react").ComponentType<BadgeProps>;
 /**
  * Creates a ReadTime Text element using the data from readTime in the Flexible UI Context
  */
-export declare const ReadTime: import("react").FC<TextProps>;
+export declare const ReadTime: import("react").ComponentType<TextProps>;
 /**
  * Creates a SentOn DateTime element using the data from SentOn in the Flexible UI Context.
  * @see DateTime
  */
-export declare const SentOn: import("react").FC<DateTimeProps>;
+export declare const SentOn: import("react").ComponentType<DateTimeProps>;
 /**
  * Creates a Snippet element using the data from Snippet in the Flexible UI Context.
  * @see Text
@@ -135,45 +135,45 @@ export { default as Snippet } from './snippet-element';
  * Creates a SourceBranch Text element using the data from sourceBranch in the Flexible UI Context.
  * @see Text
  */
-export declare const SourceBranch: import("react").FC<TextProps>;
+export declare const SourceBranch: import("react").ComponentType<TextProps>;
 /**
  * Creates a State Lozenge element using the data from State in the Flexible UI Context.
  * @see Lozenge
  */
-export declare const State: import("react").FC<LozengeProps>;
+export declare const State: import("react").ComponentType<LozengeProps>;
 /**
  * Creates a SubscriberCount Badge element using the data from SubscriberCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const SubscriberCount: import("react").FC<BadgeProps>;
+export declare const SubscriberCount: import("react").ComponentType<BadgeProps>;
 /**
  * Create a SubTasks Badge element using the data from subTasks in the Flexible UI Context.
  * @see Badge
  */
-export declare const SubTasksProgress: import("react").FC<BadgeProps>;
+export declare const SubTasksProgress: import("react").ComponentType<BadgeProps>;
 /**
  * Create a StoryPoints Badge element using the data from storyPoints in the Flexible UI Context.
  * @see AtlaskitBadge
  */
-export declare const StoryPoints: import("react").FC<AtlaskitBadgeProps>;
+export declare const StoryPoints: import("react").ComponentType<AtlaskitBadgeProps>;
 /**
  * Creates a TargetBranch Text element using the data from targetBranch in the Flexible UI Context.
  * @see Text
  */
-export declare const TargetBranch: import("react").FC<TextProps>;
+export declare const TargetBranch: import("react").ComponentType<TextProps>;
 /**
  * Creates a Title Link element using the data from Title in the Flexible UI Context.
  * This represents the main link text within the Smart Link.
  * @see Link
  */
-export declare const Title: import("react").FC<LinkProps>;
+export declare const Title: import("react").ComponentType<LinkProps>;
 /**
  * Creates a ViewCount Badge element using the data from ViewCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const ViewCount: import("react").FC<BadgeProps>;
+export declare const ViewCount: import("react").ComponentType<BadgeProps>;
 /**
  * Creates a VoteCount Badge element using the data from VoteCount in the Flexible UI Context.
  * @see Badge
  */
-export declare const VoteCount: import("react").FC<BadgeProps>;
+export declare const VoteCount: import("react").ComponentType<BadgeProps>;

package/dist/types/view/FlexibleCard/components/elements/link/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type LinkProps } from './types';
 /**
  * A base element that represent an anchor.
@@ -7,5 +6,5 @@ import { type LinkProps } from './types';
  * @param {LinkProps} LinkProps - The props necessary for the Link element.
  * @see LinkIcon
  */
-declare const Link: React.FC<LinkProps>;
+declare const Link: ({ hideTooltip, maxLines, name, overrideCss, size, testId, text, theme, url, onClick, target, }: LinkProps) => jsx.JSX.Element;
 export default Link;

package/dist/types/view/FlexibleCard/components/elements/lozenge/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import type { LozengeProps } from './types';
 /**
  * A base element that displays a Lozenge.
@@ -7,5 +7,5 @@ import type { LozengeProps } from './types';
  * @param {LozengeProps} LozengeProps - The props necessary for the Lozenge element.
  * @see State
  */
-declare const Lozenge: React.FC<LozengeProps>;
+declare const Lozenge: ({ action, appearance, name, overrideCss, style, text, testId, }: LozengeProps) => jsx.JSX.Element | null;
 export default Lozenge;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/error-boundary/index.d.ts

@@ -1,4 +1,4 @@
-import type { ComponentType, FC } from 'react';
+import type { ComponentType } from 'react';
 import type { LozengeActionProps } from '../types';
-declare const withErrorBoundary: (Component: ComponentType<LozengeActionProps>) => FC<LozengeActionProps>;
+declare const withErrorBoundary: (Component: ComponentType<LozengeActionProps>) => (props: LozengeActionProps) => JSX.Element;
 export default withErrorBoundary;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import type { LozengeActionProps } from './types';
-declare const _default: FC<LozengeActionProps>;
+declare const _default: (props: LozengeActionProps) => JSX.Element;
 export default _default;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-error/index.d.ts

@@ -1,4 +1,5 @@
-import type { FC } from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { LozengeActionErrorProps } from './types';
-declare const LozengeActionError: FC<LozengeActionErrorProps>;
+declare const LozengeActionError: ({ errorMessage, testId, maxLineNumber, url, previewData, }: LozengeActionErrorProps) => jsx.JSX.Element;
 export default LozengeActionError;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-item/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from 'react';
+/// <reference types="react" />
 import type { LozengeActionItemProps } from './types';
-declare const LozengeActionItem: FC<LozengeActionItemProps>;
+declare const LozengeActionItem: ({ appearance, id, onClick, testId, text }: LozengeActionItemProps) => JSX.Element;
 export default LozengeActionItem;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-items-group/index.d.ts

@@ -1,4 +1,5 @@
-import { type FC } from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { LozengeActionItemsGroupProps } from './types';
-declare const LozengeActionItemsGroup: FC<LozengeActionItemsGroupProps>;
+declare const LozengeActionItemsGroup: ({ items, testId, onClick }: LozengeActionItemsGroupProps) => jsx.JSX.Element;
 export default LozengeActionItemsGroup;

package/dist/types/view/FlexibleCard/components/elements/lozenge/lozenge-action/lozenge-action-trigger/index.d.ts

@@ -1,4 +1,5 @@
-import type { FC } from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { type LozengeActionTriggerProps } from './type';
-declare const LozengeActionTrigger: FC<LozengeActionTriggerProps>;
+declare const LozengeActionTrigger: ({ appearance, isOpen, testId, text, triggerRef, ...props }: LozengeActionTriggerProps) => jsx.JSX.Element;
 export default LozengeActionTrigger;

package/dist/types/view/FlexibleCard/components/elements/media/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type MediaProps } from './types';
 /**
  * A base element that displays a Media.
@@ -7,5 +7,5 @@ import { type MediaProps } from './types';
  * @param {MediaProps} MediaProps - The props necessary for the Media element.
  * @see Preview
  */
-declare const Media: React.FC<MediaProps>;
+declare const Media: ({ name, overrideCss, testId, type, url, onLoad, onError, }: MediaProps) => jsx.JSX.Element | null;
 export default Media;

package/dist/types/view/FlexibleCard/components/elements/preview/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type PreviewProps } from './types';
-declare const Preview: React.FC<PreviewProps>;
+declare const Preview: (props: PreviewProps) => jsx.JSX.Element | null;
 export default Preview;

package/dist/types/view/FlexibleCard/components/elements/snippet-element/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { type TextProps } from '../text/types';
-declare const SnippetElement: React.FC<TextProps>;
+declare const SnippetElement: ({ content: overrideContent, maxLines, overrideCss, ...props }?: TextProps) => jsx.JSX.Element;
 export default SnippetElement;

package/dist/types/view/FlexibleCard/components/elements/text/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type TextProps } from './types';
 /**
  * A base element that displays some Text.
@@ -7,5 +7,5 @@ import { type TextProps } from './types';
  * @param {TextProps} TextProps - The props necessary for the Text element.
  * @see Title
  */
-declare const Text: React.FC<TextProps>;
+declare const Text: ({ content, maxLines, message, name, overrideCss, testId, }: TextProps) => jsx.JSX.Element | null;
 export default Text;

package/dist/types/view/FlexibleCard/components/elements/utils.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ElementName } from '../../../../constants';
-export declare const createElement: <P extends {}>(name: ElementName) => React.FC<P>;
+export declare const createElement: <P extends {}>(name: ElementName) => React.ComponentType<P>;

package/dist/types/view/FlexibleCard/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type FlexibleCardProps } from './types';
 /**
  * This represents a Flexible Card: a link represented by a card with metadata.
@@ -6,5 +6,5 @@ import { type FlexibleCardProps } from './types';
  * Note: TitleBlock is mandatory for a Flexible Card to render.
  * @see Container
  */
-declare const FlexibleCard: React.FC<FlexibleCardProps>;
+declare const FlexibleCard: ({ analytics, appearance, cardState, children, id, onAuthorize, onClick, onError, onResolve, renderers, showAuthTooltip, showHoverPreview, hoverPreviewOptions, actionOptions, testId, ui, url, }: FlexibleCardProps) => JSX.Element;
 export default FlexibleCard;

package/dist/types/view/HoverCard/components/HoverCardComponent.d.ts

@@ -1,3 +1,3 @@
-import { type FC } from 'react';
+import { jsx } from '@emotion/react';
 import { type HoverCardComponentProps } from '../types';
-export declare const HoverCardComponent: FC<HoverCardComponentProps>;
+export declare const HoverCardComponent: ({ children, url, id, analyticsHandler, canOpen, closeOnChildClick, hidePreviewButton, showServerActions, actionOptions: actionOptionsProp, allowEventPropagation, zIndex, noFadeDelay, hoverPreviewOptions, }: HoverCardComponentProps) => jsx.JSX.Element;

package/dist/types/view/HoverCard/components/ImagePreview.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type ImagePreviewProps } from '../types';
-declare const ImagePreview: React.FC<ImagePreviewProps>;
+declare const ImagePreview: ({ data, fallbackElementHeight }: ImagePreviewProps) => JSX.Element | null;
 export default ImagePreview;

package/dist/types/view/HoverCard/components/views/forbidden/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type HoverCardForbiddenProps } from './types';
-declare const HoverCardForbiddenView: React.FC<HoverCardForbiddenProps>;
+declare const HoverCardForbiddenView: ({ flexibleCardProps, testId, }: HoverCardForbiddenProps) => JSX.Element | null;
 export default HoverCardForbiddenView;

package/dist/types/view/HoverCard/components/views/resolved/redesign.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type HoverCardResolvedProps } from './types';
-declare const HoverCardResolvedView: FC<HoverCardResolvedProps>;
+declare const HoverCardResolvedView: ({ analytics, cardState, extensionKey, flexibleCardProps, isAISummaryEnabled, onActionClick, titleBlockProps, }: HoverCardResolvedProps) => JSX.Element;
 export default HoverCardResolvedView;

package/dist/types/view/HoverCard/components/views/resolving/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { type HoverCardLoadingViewProps } from './types';
-declare const HoverCardLoadingView: React.FC<HoverCardLoadingViewProps>;
+declare const HoverCardLoadingView: ({ titleBlockProps }: HoverCardLoadingViewProps) => jsx.JSX.Element;
 export default HoverCardLoadingView;

package/dist/types/view/HoverCard/components/views/unauthorised/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type HoverCardUnauthorisedProps } from './types';
-declare const HoverCardUnauthorisedView: React.FC<HoverCardUnauthorisedProps>;
+declare const HoverCardUnauthorisedView: ({ analytics, extensionKey, id, flexibleCardProps, testId, url, }: HoverCardUnauthorisedProps) => JSX.Element;
 export default HoverCardUnauthorisedView;

package/dist/types/view/InlineCard/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type InlineCardProps } from './types';
 import { InlineCardErroredView } from './ErroredView';
 import { InlineCardForbiddenView } from './ForbiddenView';
@@ -6,4 +6,4 @@ import { InlineCardResolvedView } from './ResolvedView';
 import { InlineCardResolvingView } from './ResolvingView';
 import { InlineCardUnauthorizedView } from './UnauthorisedView';
 export { InlineCardResolvedView, InlineCardResolvingView, InlineCardErroredView, InlineCardForbiddenView, InlineCardUnauthorizedView, };
-export declare const InlineCard: FC<InlineCardProps>;
+export declare const InlineCard: ({ analytics, id, url, cardState, handleAuthorize, handleFrameClick, isSelected, isHovered, renderers, onResolve, onError, testId, inlinePreloaderStyle, showHoverPreview, hoverPreviewOptions, showAuthTooltip, actionOptions, }: InlineCardProps) => JSX.Element;

package/dist/types/view/LinkUrl/LinkWarningModal/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+/// <reference types="react" />
 import { type WrappedComponentProps } from 'react-intl-next';
 interface LinkWarningModalProps {
     isOpen: boolean;
@@ -8,7 +7,7 @@ interface LinkWarningModalProps {
     unsafeLinkText: string | null;
     url: string | null;
 }
-declare const _default: React.FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps>> & {
-    WrappedComponent: React.ComponentType<LinkWarningModalProps & WrappedComponentProps>;
+declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<LinkWarningModalProps & WrappedComponentProps>> & {
+    WrappedComponent: import("react").ComponentType<LinkWarningModalProps & WrappedComponentProps>;
 };
 export default _default;

package/dist/types/view/common/ai-icon-loading/index.d.ts

@@ -1,7 +1,8 @@
-import { type FunctionComponent } from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { type SVGProps } from '@atlaskit/icon/types';
 /**
  * this icon is theme agnostic, no need for tokens
  */
-declare const AIIconLoading: FunctionComponent<SVGProps>;
+declare const AIIconLoading: (props: SVGProps) => jsx.JSX.Element;
 export default AIIconLoading;

package/dist/types/view/common/ai-prism/ai-glowing-border/animated-svg-container.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { AnimatedSvgContainerProps } from './types';
 /**
  * The bulk of this file is originally from
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications.
  */
-declare const AnimatedSvgContainer: React.FC<AnimatedSvgContainerProps>;
+declare const AnimatedSvgContainer: ({ palette, isMoving, isGlowing, additionalCss, }: AnimatedSvgContainerProps) => jsx.JSX.Element;
 export default AnimatedSvgContainer;

package/dist/types/view/common/ai-prism/ai-glowing-border/index.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import type { AIGlowingBorderProps } from './types';
 export declare const borderContentStyles: import("@emotion/react").SerializedStyles;
 /**
@@ -6,5 +7,5 @@ export declare const borderContentStyles: import("@emotion/react").SerializedSty
  * https://bitbucket.org/atlassian/barrel/src/master/ui/platform/ui-kit/ai
  * with modifications.
  */
-declare const AIGlowingBorder: React.FC<AIGlowingBorderProps>;
+declare const AIGlowingBorder: ({ children, palette, isMoving, isGlowing, testId, additionalCss, }: AIGlowingBorderProps) => jsx.JSX.Element;
 export default AIGlowingBorder;

package/dist/types/view/common/ai-summary/index.d.ts

@@ -1,7 +1,6 @@
 /** @jsx jsx */
-import React from 'react';
 import { type MarkdownToJSX } from 'markdown-to-jsx';
-import { type SerializedStyles } from '@emotion/react';
+import { type SerializedStyles, jsx } from '@emotion/react';
 type AISummaryProps = {
     content?: string;
     showIcon?: boolean;
@@ -22,5 +21,5 @@ type AISummaryProps = {
  * @internal
  * @param {AISummaryProps} AISummaryProps
  */
-declare const AISummary: React.FC<AISummaryProps>;
+declare const AISummary: ({ content, showIcon, iconComponent, overrideCss, testId, minHeight, }: AISummaryProps) => jsx.JSX.Element | null;
 export default AISummary;

package/dist/types/view/common/ai-summary/ulist.d.ts

@@ -1,4 +1,5 @@
 /** @jsx jsx */
 import React from 'react';
-declare const UList: React.FC<React.HTMLAttributes<HTMLUListElement>>;
+import { jsx } from '@emotion/react';
+declare const UList: ({ children, ...props }: React.HTMLAttributes<HTMLUListElement>) => jsx.JSX.Element;
 export default UList;

package/dist/types-ts4.5/ssr.d.ts

@@ -1,6 +1,6 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import type { CardProps } from './types';
 export type CardSSRProps = CardProps & {
     url: string;
 };
-export declare const CardSSR: FC<CardSSRProps>;
+export declare const CardSSR: (props: CardSSRProps) => JSX.Element;

package/dist/types-ts4.5/view/BlockCard/index.d.ts

@@ -1,5 +1,3 @@
-/** @jsx jsx */
-import { type FC } from 'react';
 import { type BlockCardProps } from './types';
 import { AuthorizeAction } from './actions/AuthorizeAction';
 import { ForbiddenAction } from './actions/ForbiddenAction';
@@ -9,7 +7,8 @@ import { ResolvingView as BlockCardResolvingView } from './views/ResolvingView';
 import { UnauthorizedView as BlockCardUnauthorisedView } from './views/UnauthorizedView';
 import { ForbiddenView as BlockCardForbiddenView } from './views/ForbiddenView';
 import { ErroredView as BlockCardErroredView } from './views/ErroredView';
+import { jsx } from '@emotion/react';
 export { default as PreviewAction } from './actions/PreviewAction';
 export type { ResolvedViewProps as BlockCardResolvedViewProps } from './views/ResolvedView';
 export { ForbiddenAction, AuthorizeAction, BlockCardResolvedView, BlockCardResolvingView, BlockCardUnauthorisedView, BlockCardForbiddenView, BlockCardErroredView, BlockCardNotFoundView, };
-export declare const BlockCard: FC<BlockCardProps>;
+export declare const BlockCard: ({ id, url, cardState, authFlow, handleAuthorize, handleErrorRetry, handleFrameClick, handleInvoke, renderers, isSelected, onResolve, onError, testId, platform, analytics, enableFlexibleBlockCard, actionOptions, }: BlockCardProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/BlockCard/views/flexible/utils/withFlexibleUIBlockCardStyle.d.ts

@@ -1,4 +1,4 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { type FlexibleBlockCardProps } from '../types';
-export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.FC<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;
+export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => jsx.JSX.Element;

package/dist/types-ts4.5/view/CardWithUrl/component-lazy/LoadingCardLink.d.ts

@@ -1,3 +1,3 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type CardWithUrlContentProps } from '../types';
-export declare const LoadingCardLink: FC<CardWithUrlContentProps>;
+export declare const LoadingCardLink: ({ isSelected, url, placeholder }: CardWithUrlContentProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -1,4 +1,4 @@
-import React, { type FC } from 'react';
+import React from 'react';
 import { type FrameStyle } from '../types';
 export interface ExpandedFrameProps {
     isPlaceholder?: boolean;
@@ -18,7 +18,23 @@ export interface ExpandedFrameProps {
     testId?: string;
     /** If dimensions of the card are to be inherited from the parent */
     inheritDimensions?: boolean;
-    /** To enable scrolling in use cases where the content will not have it's own scrollbar */
+    /**
+     * To enable scrolling in use cases where the content will not have it's own scrollbar.
+     *
+     * Requires `setOverflow` to be set to true.
+     *
+     * Always enable this when when the card is not resolved so the connect account button is not hiddden.
+     */
     allowScrollBar?: boolean;
+    /**
+     * Should the CSS `overflow` property be set to hidden or auto (clipping or
+     * supporting a scroll bar), or left out altogether.
+     *
+     * Set to true when embed is unresolved to prevent account connection button being unreachable.
+     *
+     * Set to false when the card is resolved to mitigate blurry embed card issue (EDM-7188).
+     * @default true
+     */
+    setOverflow?: boolean;
 }
-export declare const ExpandedFrame: FC<ExpandedFrameProps>;
+export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;

package/dist/types-ts4.5/view/EmbedCard/components/ImageIcon.d.ts

@@ -1,4 +1,4 @@
-import React, { type FC } from 'react';
+import React from 'react';
 export interface ImageIconProps {
     alt?: string;
     size?: number;
@@ -6,4 +6,4 @@ export interface ImageIconProps {
     title?: string;
     default?: React.ReactElement;
 }
-export declare const ImageIcon: FC<ImageIconProps>;
+export declare const ImageIcon: ({ alt, src, size, title, default: defaultIcon, }: ImageIconProps) => JSX.Element | null;

package/dist/types-ts4.5/view/EmbedCard/components/styled.d.ts

@@ -45,7 +45,14 @@ export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export interface ContentProps {
     isInteractive: boolean;
+    /**
+     * Whether to show a scroll bar (use overflow: auto) or hide overflow (overflow:hidden).
+     * Always set to true for unresolved embeds, otherwise the connect account button may be hidden and unreachable.
+     */
     allowScrollBar: boolean;
+    /**
+     * Remove the overflow: ... CSS property altogether.
+     */
     removeOverflow?: boolean;
     frameStyle?: FrameStyle;
 }

package/dist/types-ts4.5/view/EmbedCard/views/forbidden-view/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type ForbiddenViewProps } from './types';
-declare const ForbiddenView: FC<ForbiddenViewProps>;
+declare const ForbiddenView: ({ context, onAuthorize, accessContext, testId, ...unresolvedViewProps }: ForbiddenViewProps) => JSX.Element;
 export default ForbiddenView;

package/dist/types-ts4.5/view/EmbedCard/views/not-found-view/index.d.ts

@@ -1,4 +1,4 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import type { NotFoundViewProps } from './types';
-declare const NotFoundView: FC<NotFoundViewProps>;
+declare const NotFoundView: ({ context, accessContext, testId, ...unresolvedViewProps }: NotFoundViewProps) => JSX.Element;
 export default NotFoundView;