@atlaskit/smart-card 27.9.0 → 27.9.2

package/dist/types/view/FlexibleCard/components/actions/action/index.d.ts

@@ -1,10 +1,10 @@
 /** @jsx jsx */
-import { type FC } from 'react';
+import { jsx } from '@emotion/react';
 import { type ActionProps } from './types';
 /**
  * A base action that can be triggered with an on click.
  * @internal
  * @param {ActionProps} ActionProps - The props necessary for the Action.
  */
-declare const Action: FC<ActionProps>;
+declare const Action: ({ as, appearance, content, isLoading, onClick, size, testId, icon, iconPosition, spaceInline, tooltipMessage, tooltipOnHide, hideTooltip, hideTooltipOnMouseDown, xcss, asDropDownItem, overrideCss, isDisabled, href, ariaLabel, wrapper: Wrapper, }: ActionProps) => jsx.JSX.Element | null;
 export default Action;

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-container/main.d.ts

@@ -47,4 +47,4 @@ export interface ManualRulesContainerProps {
  *
  * @param props - cloudId, projectId, children
  */
-export declare const ManualRulesContainer: React.FC<ManualRulesContainerProps>;
+export declare const ManualRulesContainer: (props: ManualRulesContainerProps) => JSX.Element;

package/dist/types/view/FlexibleCard/components/actions/copy-link-action/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type CopyLinkActionProps } from './types';
-declare const CopyLinkAction: React.FC<CopyLinkActionProps>;
+declare const CopyLinkAction: ({ onClick: onClickCallback, ...props }: CopyLinkActionProps) => JSX.Element | null;
 export default CopyLinkAction;

package/dist/types/view/FlexibleCard/components/actions/delete-action/index.d.ts

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

package/dist/types/view/FlexibleCard/components/actions/download-action/index.d.ts

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

package/dist/types/view/FlexibleCard/components/actions/edit-action/index.d.ts

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

package/dist/types/view/FlexibleCard/components/actions/preview-action/index.d.ts

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

package/dist/types/view/FlexibleCard/components/blocks/action-block/action-footer/index.d.ts

@@ -1,3 +1,3 @@
-import { type FC } from 'react';
+/// <reference types="react" />
 import { type ActionFooterProps } from './types';
-export declare const ActionFooter: FC<ActionFooterProps>;
+export declare const ActionFooter: ({ message, testId }: ActionFooterProps) => JSX.Element | null;

package/dist/types/view/FlexibleCard/components/blocks/action-group/action-group-item/index.d.ts

@@ -1,12 +1,13 @@
-import React from 'react';
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
 import { type Appearance } from '@atlaskit/button';
 import { type SmartLinkSize } from '../../../../../../constants';
 import { type ActionItem } from '../../types';
-declare const ActionGroupItem: React.FC<{
+declare const ActionGroupItem: ({ item, size, appearance, asDropDownItems, onActionItemClick, }: {
     item: ActionItem;
     size: SmartLinkSize;
-    appearance?: Appearance;
-    asDropDownItems?: boolean;
-    onActionItemClick?: () => void;
-}>;
+    appearance?: Appearance | undefined;
+    asDropDownItems?: boolean | undefined;
+    onActionItemClick?: (() => void) | undefined;
+}) => jsx.JSX.Element | null;
 export default ActionGroupItem;

package/dist/types/view/FlexibleCard/components/blocks/action-group/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { jsx } from '@emotion/react';
 import { type ActionGroupProps } from './types';
 /**
  * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
@@ -7,5 +7,5 @@ import { type ActionGroupProps } from './types';
  * @param {ActionGroupProps} ActionGroupProps
  * @see Action
  */
-declare const ActionGroup: React.FC<ActionGroupProps>;
+declare const ActionGroup: ({ items, size, appearance, visibleButtonsNum, onDropdownOpenChange, }: ActionGroupProps) => jsx.JSX.Element | null;
 export default ActionGroup;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-event-summary-viewed/index.d.ts

@@ -1,4 +1,3 @@
-import type React from 'react';
 import type { AIEventSummaryViewedProps } from './types';
-declare const AIEventSummaryViewed: React.FC<AIEventSummaryViewedProps>;
+declare const AIEventSummaryViewed: ({ fromCache }: AIEventSummaryViewedProps) => null;
 export default AIEventSummaryViewed;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-container.d.ts

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

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-indicator-tooltip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import type { AIIndicatorTooltipProps } from './types';
-declare const AIIndicatorTooltip: React.FC<AIIndicatorTooltipProps>;
+declare const AIIndicatorTooltip: ({ content, trigger, xcss: overrideXcss }: AIIndicatorTooltipProps) => JSX.Element;
 export default AIIndicatorTooltip;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-done.d.ts

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

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-error.d.ts

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

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/ai-state-loading.d.ts

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

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/ai-state-indicator/index.d.ts

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

package/dist/types/view/FlexibleCard/components/blocks/footer-block/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type FooterBlockProps } from './types';
 /**
  * Represents a FooterBlock, designed to contain elements and actions that should appear
@@ -7,5 +7,5 @@ import { type FooterBlockProps } from './types';
  * @param {FooterBlockProps} FooterBlockProps
  * @see Block
  */
-declare const FooterBlock: React.FC<FooterBlockProps>;
+declare const FooterBlock: ({ status, testId, alwaysShow, ...props }: FooterBlockProps) => JSX.Element | null;
 export default FooterBlock;

package/dist/types/view/FlexibleCard/components/blocks/footer-block/resolved/index.d.ts

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

package/dist/types/view/FlexibleCard/components/blocks/metadata-block/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type MetadataBlockProps } from './types';
 /**
  * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
@@ -7,5 +7,5 @@ import { type MetadataBlockProps } from './types';
  * @param {MetadataBlockProps} MetadataBlockProps
  * @see Block
  */
-declare const MetadataBlock: React.FC<MetadataBlockProps>;
+declare const MetadataBlock: ({ maxLines, status, testId, primary, secondary, ...blockProps }: MetadataBlockProps) => JSX.Element | null;
 export default MetadataBlock;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type PreviewBlockProps } from './types';
 /**
  * Represents a PreviewBlock, which typically contains media or other large format content.
@@ -7,5 +7,5 @@ import { type PreviewBlockProps } from './types';
  * @param {PreviewBlockProps} PreviewBlock
  * @see Block
  */
-declare const PreviewBlock: React.FC<PreviewBlockProps>;
+declare const PreviewBlock: ({ status, testId, overrideUrl, ...blockProps }: PreviewBlockProps) => jsx.JSX.Element;
 export default PreviewBlock;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/resolved/index.d.ts

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type PreviewBlockProps } from '../types';
 /**
  * Represents a resolved PreviewBlock, which typically contains media or other large format content.
@@ -7,5 +6,5 @@ import { type PreviewBlockProps } from '../types';
  * @param {PreviewBlock} PreviewBlock
  * @see Block
  */
-declare const PreviewBlockResolvedView: React.FC<PreviewBlockProps>;
+declare const PreviewBlockResolvedView: ({ ignoreContainerPadding, onError, overrideCss, placement, testId, overrideUrl, ...blockProps }: PreviewBlockProps) => jsx.JSX.Element;
 export default PreviewBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/errored/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { type RelatedUrlsBlockErroredViewProps } from './types';
-export declare const RelatedUrlsBlockErroredView: React.FC<RelatedUrlsBlockErroredViewProps>;
+export declare const RelatedUrlsBlockErroredView: ({ testId, ...blockProps }: RelatedUrlsBlockErroredViewProps) => JSX.Element;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type CardProviderRenderers } from '@atlaskit/link-provider';
 import { type BlockProps } from '../types';
 export type RelatedUrlBlockProps = {
@@ -9,5 +9,5 @@ export type RelatedUrlBlockProps = {
 /**
  * Represents a block to display related resources of a url
  */
-declare const RelatedUrlsBlock: React.FC<RelatedUrlBlockProps>;
+declare const RelatedUrlsBlock: ({ testId, url, renderers, ...blockProps }: RelatedUrlBlockProps) => JSX.Element;
 export default RelatedUrlsBlock;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/index.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
+/// <reference types="react" />
 import { type RelatedUrlsProps } from './types';
-export declare const RelatedUrlsResolvedView: React.FC<RelatedUrlsProps>;
+export declare const RelatedUrlsResolvedView: ({ relatedUrlsResponse: { resolvedResults }, renderers, testId, initializeOpened, ...blockProps }: RelatedUrlsProps) => JSX.Element;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type ResolvedResultProps } from './types';
-declare const RelatedUrlList: React.FC<ResolvedResultProps>;
+declare const RelatedUrlList: ({ resolvedResults, title, renderers, testId, initializeOpened, }: ResolvedResultProps) => JSX.Element;
 export default RelatedUrlList;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolved/related-url-list/related-url-item/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { type ResolvedResultItemProps } from './types';
-declare const RelatedUrlItem: React.FC<ResolvedResultItemProps>;
+declare const RelatedUrlItem: ({ results, renderers, testId }: ResolvedResultItemProps) => JSX.Element;
 export default RelatedUrlItem;

package/dist/types/view/FlexibleCard/components/blocks/related-urls-block/resolving/index.d.ts

@@ -1,5 +1,16 @@
 import React from 'react';
 import { type BlockProps } from '../../types';
-export declare const RelatedUrlsBlockResolvingView: React.FC<BlockProps & {
-    testId?: string;
-}>;
+export declare const RelatedUrlsBlockResolvingView: ({ testId, ...blockProps }: {
+    direction?: import("../../../../../..").SmartLinkDirection | undefined;
+    overrideCss?: import("@emotion/serialize").SerializedStyles | undefined;
+    size?: import("../../../../../..").SmartLinkSize | undefined;
+    status?: import("../../../../../../constants").SmartLinkStatus | undefined;
+    testId?: string | undefined;
+    blockRef?: React.Ref<HTMLDivElement> | undefined;
+    onRender?: (() => void) | undefined;
+    onTransitionEnd?: (() => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    testId?: string | undefined;
+}) => JSX.Element;

package/dist/types/view/FlexibleCard/components/blocks/snippet-block/index.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+/// <reference types="react" />
 import { type SnippetBlockProps } from './types';
 /**
  * Represents a SnippetBlock, which is used to display longer form text content, like descriptions.
  * @public
- * @param {SnippetBlock} SnippetBlock
+ * @param {SnippetBlockProps} SnippetBlockProps
  * @see Block
  */
-declare const SnippetBlock: React.FC<SnippetBlockProps>;
+declare const SnippetBlock: ({ maxLines, status, testId, text, ...blockProps }: SnippetBlockProps) => JSX.Element | null;
 export default SnippetBlock;

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

@@ -1,5 +1,4 @@
-/** @jsx jsx */
-import React from 'react';
+import { jsx } from '@emotion/react';
 import { type TitleBlockViewProps } from '../types';
 /**
  * Represents an Errored TitleBlock view.
@@ -8,5 +7,5 @@ import { type TitleBlockViewProps } from '../types';
  * or the backend response was errored or malformed.
  * @see TitleBlock
  */
-declare const TitleBlockErroredView: React.FC<TitleBlockViewProps>;
+declare const TitleBlockErroredView: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => jsx.JSX.Element;
 export default TitleBlockErroredView;

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