@atlaskit/smart-card 27.9.1 → 27.9.2

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type TitleBlockProps } from './types';
 /**
  * Represents a TitleBlock, which is the foundation of Flexible UI.
@@ -12,5 +12,5 @@ import { type TitleBlockProps } from './types';
  * @see TitleBlockResolvedView
  * @see TitleBlockErroredView
  */
-declare const TitleBlock: React.FC<TitleBlockProps>;
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, overrideCss, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/resolved/index.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+/// <reference types="react" />
 import { type TitleBlockViewProps } from '../types';
 /**
  * This renders a fully resolved TitleBlock.
  * This should render when a Smart Link returns a valid response.
  * @see TitleBlock
  */
-declare const TitleBlockResolvedView: React.FC<TitleBlockViewProps>;
+declare const TitleBlockResolvedView: ({ actionGroup, metadata, position, subtitle, testId, text, icon, title, metadataPosition, hideIcon, ...blockProps }: TitleBlockViewProps) => JSX.Element;
 export default TitleBlockResolvedView;

package/dist/types-ts4.5/view/FlexibleCard/components/blocks/title-block/resolving/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type TitleBlockViewProps } from '../types';
 /**
  * This represents a TitleBlock for a Smart Link that is currently waiting
@@ -7,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * This should render when a Smart Link has sent a request.
  * @see TitleBlock
  */
-declare const TitleBlockResolvingView: React.FC<TitleBlockViewProps>;
+declare const TitleBlockResolvingView: ({ actionGroup, testId, title, hideIcon, ...blockProps }: TitleBlockViewProps) => jsx.JSX.Element;
 export default TitleBlockResolvingView;

package/dist/types-ts4.5/view/FlexibleCard/components/common/ai-summary/ai-learn-more-anchor.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const AILearnMoreAnchor: React.FC<React.AnchorHTMLAttributes<HTMLAnchorElement>>;
+declare const AILearnMoreAnchor: ({ children, ...props }: React.AnchorHTMLAttributes<HTMLAnchorElement>) => JSX.Element;
 export default AILearnMoreAnchor;

package/dist/types-ts4.5/view/FlexibleCard/components/common/atlaskit-icon/index.d.ts

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

package/dist/types-ts4.5/view/FlexibleCard/components/common/image-icon/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type ImageIconProps } from './types';
-declare const ImageIcon: React.FC<ImageIconProps>;
+declare const ImageIcon: ({ defaultIcon, testId, url, onError, onLoad }: ImageIconProps) => jsx.JSX.Element;
 export default ImageIcon;

package/dist/types-ts4.5/view/FlexibleCard/components/common/loading-skeleton/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type LoadingSkeletonProps } from './types';
-declare const LoadingSkeleton: React.FC<LoadingSkeletonProps>;
+declare const LoadingSkeleton: ({ testId, width, height }: LoadingSkeletonProps) => jsx.JSX.Element;
 export default LoadingSkeleton;

package/dist/types-ts4.5/view/FlexibleCard/components/container/layered-link/index.d.ts

@@ -1,10 +1,10 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type LayeredLinkProps } from './types';
 /**
  * An anchor component to cover the entire container creating a clickable area.
  * @internal
  * @see `clickableContainer`
  */
-declare const LayeredLink: React.FC<LayeredLinkProps>;
+declare const LayeredLink: ({ onClick, target, testId, text, url }: LayeredLinkProps) => jsx.JSX.Element;
 export default LayeredLink;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/atlaskit-badge/index.d.ts

@@ -1,10 +1,9 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type AtlaskitBadgeProps } from './types';
 /**
  * A base element that displays a visual indicator for a numeric value
  * @internal
  * @see StoryPoints
  * */
-declare const AtlaskitBadge: React.FC<AtlaskitBadgeProps>;
+declare const AtlaskitBadge: ({ value, name, overrideCss, testId, }: AtlaskitBadgeProps) => jsx.JSX.Element | null;
 export default AtlaskitBadge;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/avatar-group/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type AvatarGroupProps } from './types';
 /**
  * A base element that displays a group of avatars.
@@ -7,5 +7,5 @@ import { type AvatarGroupProps } from './types';
  * @see AuthorGroup
  * @see CollaboratorGroup
  */
-declare const AvatarGroup: React.FC<AvatarGroupProps>;
+declare const AvatarGroup: ({ items, maxCount, name, overrideCss, size, testId, showNamePrefix, showFallbackAvatar, }: AvatarGroupProps) => jsx.JSX.Element | null;
 export default AvatarGroup;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/date-time/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type DateTimeProps } from './types';
 /**
  * A base element that displays an ISO Timestamp in text.
@@ -9,5 +8,5 @@ import { type DateTimeProps } from './types';
  * @see ModifiedOn
  * @see SentOn
  */
-declare const DateTime: React.FC<DateTimeProps>;
+declare const DateTime: ({ date, name, overrideCss, type, testId, text, }: DateTimeProps) => jsx.JSX.Element | null;
 export default DateTime;

package/dist/types-ts4.5/view/FlexibleCard/components/elements/icon/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type IconProps } from './types';
 /**
  * A base element that displays an Icon or favicon.
@@ -7,5 +6,5 @@ import { type IconProps } from './types';
  * @param {IconProps} IconProps - The props necessary for the Icon element.
  * @see LinkIcon
  */
-declare const Icon: React.FC<IconProps>;
+declare const Icon: ({ icon, overrideIcon, label, name, position, overrideCss, render, size, testId, url, }: IconProps) => jsx.JSX.Element;
 export default Icon;

package/dist/types-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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-ts4.5/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;