@up42/up-components 7.4.0 → 7.5.0-react-18.0

package/dist/cjs/types/components/Alert/Alert.d.ts

@@ -11,6 +11,4 @@ export declare const AlertBase: React.ForwardRefExoticComponent<Omit<MUIALertPro
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-alert--docs
  */
-export declare const Alert: React.ForwardRefExoticComponent<Omit<Omit<MUIALertProps, "color" | "elevation" | "action" | "square" | "iconMapping" | "severity" | "variant"> & {
-    type?: AlertColor | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Avatar/Avatar.d.ts

@@ -10,9 +10,4 @@ export type AvatarProps = MUIGlobalOmit<Omit<MUIAvatarProps, 'children' | 'alt'
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-avatar--docs
  */
-export declare const Avatar: React.ForwardRefExoticComponent<Omit<{
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    icon?: React.ReactNode;
-    selected?: boolean | undefined;
-} & Omit<Omit<MUIAvatarProps<"div", {}>, "children" | "alt" | "src" | "sizes" | "srcSet" | "variant" | "imgProps">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React.RefAttributes<unknown>>;
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Banner/Banner.d.ts

@@ -35,34 +35,4 @@ export type BannerProps = {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-banner--docs
  */
-export declare const Banner: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Call To Action label
-     * */
-    actionLabel?: string | undefined;
-    /**
-     * Call To Action button props
-     * */
-    actionProps?: ButtonProps | undefined;
-    /**
-     * ### Stacked
-     * Stacked banners are contextual and should be placed within the page content.
-     *
-     * ### Inline
-     * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
-     */
-    variant?: "inline" | "stacked" | undefined;
-    /**
-     * Callback fired when the Banner requests to be dismissed.
-     */
-    onDismiss?: ButtonProps['onClick'];
-    title: string;
-    /**
-     * The size(height) of the banner.
-     * - 'default': Standard banner height.
-     * - 'slim': Reduced height, intended for use only with the 'inline' variant.
-     *
-     * Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
-     */
-    size?: "default" | "slim" | undefined;
-} & Omit<AlertProps, "title" | "role" | "onClose" | "closeText">, "ref"> & React.RefAttributes<unknown>>;
+export declare const Banner: React.ForwardRefExoticComponent<Omit<BannerProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Button/Button.d.ts

@@ -19,7 +19,7 @@ export type ButtonProps = MUIGlobalOmit<Omit<MUIButtonProps, 'size' | 'color'>,
  *
  * ```js
  * import { Link } from '@up42/up-components'
- * import { Link } from 'react-router-dom'
+ * import { Link as ReactRouterLink } from 'react-router'
  *
  * <Button component={Link} to="/my-path">
  *   client-side navigation button.
@@ -28,14 +28,4 @@ export type ButtonProps = MUIGlobalOmit<Omit<MUIButtonProps, 'size' | 'color'>,
  *
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-button--docs
  */
-export declare const Button: React.ForwardRefExoticComponent<Omit<{
-    loading?: boolean | undefined;
-    size?: "default" | "slim" | undefined;
-    color?: 'critical' | MUIButtonProps['color'];
-    component?: MUIButtonProps['LinkComponent'];
-    to?: MUIButtonProps['href'];
-    /**
-     * Determines whether to open the link in the same tab for external links.
-     */
-    openInSameTab?: boolean | undefined;
-} & Omit<Omit<MUIButtonProps<"button", {}>, "color" | "size">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React.RefAttributes<unknown>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/ControlButton/ControlButton.d.ts

@@ -11,10 +11,4 @@ export type ControlButtonProps = MUIGlobalOmit<MUIIconButtonProps, {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-controlbutton--docs
  */
-export declare const ControlButton: React.ForwardRefExoticComponent<Omit<{
-    size?: "small" | "medium" | undefined;
-    /**
-     * Remove default padding when using icons with built-in padding (Like MUI icons)
-     */
-    removePadding?: boolean | undefined;
-} & Omit<MUIIconButtonProps<"button", {}>, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React.RefAttributes<unknown>>;
+export declare const ControlButton: React.ForwardRefExoticComponent<Omit<ControlButtonProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Divider/Divider.d.ts

@@ -15,15 +15,4 @@ export type DividerProps = Omit<MUIDividerProps, 'classes' | 'light'> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/layout-divider--docs
  */
-export declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<MUIDividerProps<"hr", {}>, "classes" | "light"> & {
-    /**
-     * @default 'default'
-     * The color of the divider.
-     */
-    color?: "default" | "primary" | "neutral" | undefined;
-    /**
-     * @default 'small'
-     * The height of the divider.
-     */
-    size?: "small" | "large" | "medium" | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/FeatureCard/FeatureCard.d.ts

@@ -36,39 +36,4 @@ export type FeatureCardProps = CardProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-featurecard--docs
  */
-export declare const FeatureCard: React.ForwardRefExoticComponent<Omit<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
-    component?: React.ElementType<any> | undefined;
-} & {
-    bannerProps?: Omit<BannerProps, "title" | "variant"> | undefined;
-    header?: {
-        title: ReactNode;
-        actions?: ReactNode;
-    } | undefined;
-    footer?: {
-        info?: ReactNode;
-        actions?: ReactNode;
-    } | undefined;
-    /**
-     * Applies the selected state to the card from the parent.
-     */
-    selected?: boolean | undefined;
-    /**
-     * Whether the card is hoverable.
-     */
-    isHoverable?: boolean | undefined;
-    /**
-     * Applies the hovered state to the card from the parent.
-     */
-    hovered?: boolean | undefined;
-    /**
-     * Applies the active state to the card from the parent.
-     */
-    active?: boolean | undefined;
-    /**
-     * Whether to show the connector (the visual line that connects the card to the Popover).
-     * @default false
-     */
-    showConnector?: boolean | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FeatureCard: React.ForwardRefExoticComponent<Omit<FeatureCardProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/InfoCard/InfoCard.d.ts

@@ -48,23 +48,4 @@ export declare const InfoCardBase: ({ title, titleVariant, subtitle, children, a
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-infocard--docs
  */
-export declare const InfoCard: React.ForwardRefExoticComponent<Omit<{
-    title: string;
-    subtitle?: string | undefined;
-    /**
-     * The content action section aka. card footer.
-     */
-    actions?: React.ReactNode;
-    /**
-     * The content of the header action, usually an icon with a close event.
-     */
-    headerAction?: React.ReactNode;
-    /**
-     * The Card's title typography variant: 'headingSmall' | 'headingXSmall' | 'note'
-     */
-    titleVariant?: "note" | "headingSmall" | "headingXSmall" | undefined;
-    /**
-     * Choose whether to hide divider or not.
-     */
-    hideDivider?: boolean | undefined;
-} & Omit<CardProps<"div", {}>, "square" | "variant" | "raised">, "ref"> & React.RefAttributes<unknown>>;
+export declare const InfoCard: React.ForwardRefExoticComponent<Omit<InfoCardProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Link/Link.d.ts

@@ -19,7 +19,7 @@ export type LinkProps<C extends React.ElementType> = MuiLinkProps<C, {
  *
  * ```js
  * import { Link } from '@up42/up-components'
- * import { Link as RouterLink } from 'react-router-dom'
+ * import { Link as RouterLink } from 'react-router'
  *
  * <Link component={RouterLink} to="/my-path">
  *   client-side navigation link.
@@ -28,4 +28,4 @@ export type LinkProps<C extends React.ElementType> = MuiLinkProps<C, {
  *
  * Documentation: https://up-components.up42.com/?path=/docs/navigation-link--docs
  */
-export declare const Link: <C extends React.ElementType<any>>({ children, underline, hideIcon, openInSameTab, ...props }: LinkProps<C>) => React.JSX.Element;
+export declare const Link: <C extends React.ElementType<any, keyof React.JSX.IntrinsicElements>>({ children, underline, hideIcon, openInSameTab, ...props }: LinkProps<C>) => React.JSX.Element;

package/dist/cjs/types/components/Popover/Popover.d.ts

@@ -81,63 +81,4 @@ export type PopoverProps = Omit<MUIPopoverProps, 'content' | 'open' | 'onClose'>
  *
  * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs
  */
-export declare const Popover: React.ForwardRefExoticComponent<Omit<Omit<MUIPopoverProps, "content" | "open" | "onClose"> & {
-    /**
-     * Opens the modal if true, closes it if false
-     * This is optional for compatibility purposes
-     */
-    open?: boolean | undefined;
-    /**
-     * External callback fired when the popover should close
-     */
-    onClose?: (() => void) | undefined;
-    /**
-     * Header content (optional)
-     */
-    header?: React.ReactNode;
-    /**
-     * Footer info (optional)
-     */
-    footerInfo?: React.ReactNode;
-    /**
-     * Primary button props (optional)
-     */
-    primaryButton?: PopoverButtonProps | undefined;
-    /**
-     * Secondary button props (optional)
-     */
-    secondaryButton?: PopoverButtonProps | undefined;
-    /**
-     * Primarily used to indicate that the anchor is the built in button icon.
-     * @default false
-     */
-    showControlButton?: boolean | undefined;
-    /**
-     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
-     */
-    controlButtonIcon?: "AccessTime" | "Add" | "AddCircleFilled" | "AddPlusCircle" | "AlarmBell" | "AlertCircleFilled" | "AlertTriangle" | "Angle" | "AppWindowCode" | "ArrowBack" | "ArrowBackIos" | "ArrowDownLeft" | "ArrowDownRight" | "ArrowDownward" | "ArrowForward" | "ArrowTopLeft" | "ArrowTopRight" | "ArrowUpward" | "Attachment" | "AutoStoriesOutlined" | "Balance" | "Bin" | "Block" | "Blocked" | "Boxes" | "BoxesGrid" | "Brightness1" | "Calendar" | "CalendarAdd" | "CalendarCheck" | "CalendarDate" | "CalendarEdit" | "CalendarRemove" | "CalendarSearchDate" | "CampaignOutlined" | "CaretCircleFilledDown" | "CaretCircleFilledLeft" | "CaretCircleFilledRight" | "CaretCircleFilledUp" | "Catalog" | "CheckCircle" | "CheckCircleFilled" | "CheckList" | "CheckMark" | "ChevronCircleFilledDown" | "ChevronCircleFilledLeft" | "ChevronCircleFilledRight" | "ChevronCircleFilledUp" | "Close" | "CloseCircle" | "CloseCircleFilled" | "Cloud" | "CloudCheck" | "CloudDownload" | "CloudOff" | "CloudRemove" | "CloudSearch" | "CloudSync" | "CloudUpload" | "CloudWarning" | "Coin" | "CoinEuro" | "Compass" | "ContactSupportOutlined" | "ContentCut" | "ContentPaste" | "Copy" | "Credit" | "Dashboard" | "DataTransferVertical" | "Delivery" | "DollarCoinCircleFilled" | "DottedLines" | "Download" | "DownloadCircle" | "EditPencil" | "EuroCoinCircleFilled" | "ExitLeaveBack" | "ExternalLink" | "EyeCircleFilled" | "FlagQuestion" | "FolderEmpty" | "Footprint" | "HeadphonesQuestion" | "Heart" | "HeartCircleFilled" | "Hyperlink" | "ImageResolution" | "ImageUnavailable" | "Invoice" | "KeyboardArrowDown" | "KeyboardArrowLeft" | "KeyboardArrowRight" | "KeyboardArrowUp" | "Layers" | "Library" | "Lightbulb" | "LightbulbOutlined" | "LocalOfferOutlined" | "Lock" | "LockCircleFilled" | "LockShield" | "Logo" | "LogoKSA" | "Map" | "MapPin" | "MapSearch" | "Marketplace" | "MarketplaceExternal" | "MenuCircleFilledHorizontal" | "MenuCircleFilledVertical" | "MenuOpenHorizontal" | "MenuOpenVertical" | "MinusCircleFilled" | "Module" | "Module2" | "ModuleThree" | "MoreHoriz" | "MultipleUsers" | "NotificationError" | "NotificationInfo" | "NotificationSuccess" | "NotificationWarning" | "PenCircleFilled" | "Pencil" | "PercentCircle" | "Person" | "Pin" | "Polygon" | "Projects" | "QuestionBubble" | "QuestionCircle" | "QuestionCircleFilled" | "QuestionMark" | "Rectangle" | "RectangleAOI" | "Redo" | "Remove" | "Resolution" | "Satellite" | "Save" | "Scissors" | "Search" | "SelectedIndicator" | "SelectedIndicatorWide" | "ServerCheck" | "ServerDeny" | "ServerDownload" | "ServerEdit" | "ServerError" | "ServerLock" | "ServerMinus" | "ServerQuestion" | "ServerRefresh" | "ServerSearch" | "ServerSync" | "ServerUpload" | "ServerWarning" | "SettingsCog" | "SettingsCog2" | "SettingsSliderHorizontal" | "SettingsVertical" | "Share" | "ShareNetwork" | "Shield" | "ShieldWithLock" | "ShoppingCartCheck" | "ShoppingCartClose" | "ShoppingCartMinus" | "ShoppingCartOutlined" | "ShoppingCartPlus" | "Storage" | "Support" | "SupportClear" | "SupportHeadphones" | "System" | "Tag" | "TagAlert" | "TagCheck" | "TagDouble" | "TagEdit" | "TagMinus" | "TagPlus" | "TagSearch" | "TagX" | "Target" | "Transaction" | "TrashBin" | "Undo" | "Unlock" | "UpgradeShield" | "Upload" | "UploadCircle" | "User" | "VisibilityOffOutlined" | "VisibilityOutlined" | "WeatherCloud" | "Webhooks" | "Workflow" | "WorkflowPencil" | "ZoomIn" | "ZoomOut" | undefined;
-    /**
-     * Whether to show dividers between sections
-     * @default false
-     */
-    showDividers?: boolean | undefined;
-    /**
-     * Whether to show a connector line between the popover and anchor
-     * @default false
-     */
-    showConnector?: boolean | undefined;
-    /**
-     * Content to be displayed inside the popover, with padding applied by default
-     */
-    content?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    /**
-     * Size of the popover
-     * @default false
-     */
-    size?: "small" | "large" | "medium" | "auto" | "extraSmall" | "extraLarge" | undefined;
-    /**
-     * Custom styles for the popover
-     */
-    sx?: SxProps<Theme> | undefined;
-    inputRef?: MUIPopoverProps['ref'];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/cjs/types/components/Typography/Typography.d.ts

@@ -7,7 +7,4 @@ export type TypographyProps = Omit<MUITypographyProps, 'variant'> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-typography--docs
  */
-export declare const Typography: React.ForwardRefExoticComponent<Omit<Omit<MUITypographyProps<"span", {}>, "variant"> & {
-    component?: React.ElementType<any> | undefined;
-    variant?: MUITypographyProps['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/Alert/Alert.d.ts

@@ -11,6 +11,4 @@ export declare const AlertBase: React.ForwardRefExoticComponent<Omit<MUIALertPro
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-alert--docs
  */
-export declare const Alert: React.ForwardRefExoticComponent<Omit<Omit<MUIALertProps, "color" | "elevation" | "action" | "square" | "iconMapping" | "severity" | "variant"> & {
-    type?: AlertColor | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Alert: React.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/Avatar/Avatar.d.ts

@@ -10,9 +10,4 @@ export type AvatarProps = MUIGlobalOmit<Omit<MUIAvatarProps, 'children' | 'alt'
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-avatar--docs
  */
-export declare const Avatar: React.ForwardRefExoticComponent<Omit<{
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    icon?: React.ReactNode;
-    selected?: boolean | undefined;
-} & Omit<Omit<MUIAvatarProps<"div", {}>, "children" | "alt" | "src" | "sizes" | "srcSet" | "variant" | "imgProps">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React.RefAttributes<unknown>>;
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/Banner/Banner.d.ts

@@ -35,34 +35,4 @@ export type BannerProps = {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-banner--docs
  */
-export declare const Banner: React.ForwardRefExoticComponent<Omit<{
-    /**
-     * Call To Action label
-     * */
-    actionLabel?: string | undefined;
-    /**
-     * Call To Action button props
-     * */
-    actionProps?: ButtonProps | undefined;
-    /**
-     * ### Stacked
-     * Stacked banners are contextual and should be placed within the page content.
-     *
-     * ### Inline
-     * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
-     */
-    variant?: "inline" | "stacked" | undefined;
-    /**
-     * Callback fired when the Banner requests to be dismissed.
-     */
-    onDismiss?: ButtonProps['onClick'];
-    title: string;
-    /**
-     * The size(height) of the banner.
-     * - 'default': Standard banner height.
-     * - 'slim': Reduced height, intended for use only with the 'inline' variant.
-     *
-     * Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
-     */
-    size?: "default" | "slim" | undefined;
-} & Omit<AlertProps, "title" | "role" | "onClose" | "closeText">, "ref"> & React.RefAttributes<unknown>>;
+export declare const Banner: React.ForwardRefExoticComponent<Omit<BannerProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/Button/Button.d.ts

@@ -19,7 +19,7 @@ export type ButtonProps = MUIGlobalOmit<Omit<MUIButtonProps, 'size' | 'color'>,
  *
  * ```js
  * import { Link } from '@up42/up-components'
- * import { Link } from 'react-router-dom'
+ * import { Link as ReactRouterLink } from 'react-router'
  *
  * <Button component={Link} to="/my-path">
  *   client-side navigation button.
@@ -28,14 +28,4 @@ export type ButtonProps = MUIGlobalOmit<Omit<MUIButtonProps, 'size' | 'color'>,
  *
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-button--docs
  */
-export declare const Button: React.ForwardRefExoticComponent<Omit<{
-    loading?: boolean | undefined;
-    size?: "default" | "slim" | undefined;
-    color?: 'critical' | MUIButtonProps['color'];
-    component?: MUIButtonProps['LinkComponent'];
-    to?: MUIButtonProps['href'];
-    /**
-     * Determines whether to open the link in the same tab for external links.
-     */
-    openInSameTab?: boolean | undefined;
-} & Omit<Omit<MUIButtonProps<"button", {}>, "color" | "size">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React.RefAttributes<unknown>>;
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/ControlButton/ControlButton.d.ts

@@ -11,10 +11,4 @@ export type ControlButtonProps = MUIGlobalOmit<MUIIconButtonProps, {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-controlbutton--docs
  */
-export declare const ControlButton: React.ForwardRefExoticComponent<Omit<{
-    size?: "small" | "medium" | undefined;
-    /**
-     * Remove default padding when using icons with built-in padding (Like MUI icons)
-     */
-    removePadding?: boolean | undefined;
-} & Omit<MUIIconButtonProps<"button", {}>, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React.RefAttributes<unknown>>;
+export declare const ControlButton: React.ForwardRefExoticComponent<Omit<ControlButtonProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/Divider/Divider.d.ts

@@ -15,15 +15,4 @@ export type DividerProps = Omit<MUIDividerProps, 'classes' | 'light'> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/layout-divider--docs
  */
-export declare const Divider: React.ForwardRefExoticComponent<Omit<Omit<MUIDividerProps<"hr", {}>, "classes" | "light"> & {
-    /**
-     * @default 'default'
-     * The color of the divider.
-     */
-    color?: "default" | "primary" | "neutral" | undefined;
-    /**
-     * @default 'small'
-     * The height of the divider.
-     */
-    size?: "small" | "large" | "medium" | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Divider: React.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/FeatureCard/FeatureCard.d.ts

@@ -36,39 +36,4 @@ export type FeatureCardProps = CardProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-featurecard--docs
  */
-export declare const FeatureCard: React.ForwardRefExoticComponent<Omit<import("@mui/material").CardOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
-    component?: React.ElementType<any> | undefined;
-} & {
-    bannerProps?: Omit<BannerProps, "title" | "variant"> | undefined;
-    header?: {
-        title: ReactNode;
-        actions?: ReactNode;
-    } | undefined;
-    footer?: {
-        info?: ReactNode;
-        actions?: ReactNode;
-    } | undefined;
-    /**
-     * Applies the selected state to the card from the parent.
-     */
-    selected?: boolean | undefined;
-    /**
-     * Whether the card is hoverable.
-     */
-    isHoverable?: boolean | undefined;
-    /**
-     * Applies the hovered state to the card from the parent.
-     */
-    hovered?: boolean | undefined;
-    /**
-     * Applies the active state to the card from the parent.
-     */
-    active?: boolean | undefined;
-    /**
-     * Whether to show the connector (the visual line that connects the card to the Popover).
-     * @default false
-     */
-    showConnector?: boolean | undefined;
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const FeatureCard: React.ForwardRefExoticComponent<Omit<FeatureCardProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/InfoCard/InfoCard.d.ts

@@ -48,23 +48,4 @@ export declare const InfoCardBase: ({ title, titleVariant, subtitle, children, a
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-infocard--docs
  */
-export declare const InfoCard: React.ForwardRefExoticComponent<Omit<{
-    title: string;
-    subtitle?: string | undefined;
-    /**
-     * The content action section aka. card footer.
-     */
-    actions?: React.ReactNode;
-    /**
-     * The content of the header action, usually an icon with a close event.
-     */
-    headerAction?: React.ReactNode;
-    /**
-     * The Card's title typography variant: 'headingSmall' | 'headingXSmall' | 'note'
-     */
-    titleVariant?: "note" | "headingSmall" | "headingXSmall" | undefined;
-    /**
-     * Choose whether to hide divider or not.
-     */
-    hideDivider?: boolean | undefined;
-} & Omit<CardProps<"div", {}>, "square" | "variant" | "raised">, "ref"> & React.RefAttributes<unknown>>;
+export declare const InfoCard: React.ForwardRefExoticComponent<Omit<InfoCardProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/Link/Link.d.ts

@@ -19,7 +19,7 @@ export type LinkProps<C extends React.ElementType> = MuiLinkProps<C, {
  *
  * ```js
  * import { Link } from '@up42/up-components'
- * import { Link as RouterLink } from 'react-router-dom'
+ * import { Link as RouterLink } from 'react-router'
  *
  * <Link component={RouterLink} to="/my-path">
  *   client-side navigation link.
@@ -28,4 +28,4 @@ export type LinkProps<C extends React.ElementType> = MuiLinkProps<C, {
  *
  * Documentation: https://up-components.up42.com/?path=/docs/navigation-link--docs
  */
-export declare const Link: <C extends React.ElementType<any>>({ children, underline, hideIcon, openInSameTab, ...props }: LinkProps<C>) => React.JSX.Element;
+export declare const Link: <C extends React.ElementType<any, keyof React.JSX.IntrinsicElements>>({ children, underline, hideIcon, openInSameTab, ...props }: LinkProps<C>) => React.JSX.Element;

package/dist/esm/types/components/Popover/Popover.d.ts

@@ -81,63 +81,4 @@ export type PopoverProps = Omit<MUIPopoverProps, 'content' | 'open' | 'onClose'>
  *
  * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs
  */
-export declare const Popover: React.ForwardRefExoticComponent<Omit<Omit<MUIPopoverProps, "content" | "open" | "onClose"> & {
-    /**
-     * Opens the modal if true, closes it if false
-     * This is optional for compatibility purposes
-     */
-    open?: boolean | undefined;
-    /**
-     * External callback fired when the popover should close
-     */
-    onClose?: (() => void) | undefined;
-    /**
-     * Header content (optional)
-     */
-    header?: React.ReactNode;
-    /**
-     * Footer info (optional)
-     */
-    footerInfo?: React.ReactNode;
-    /**
-     * Primary button props (optional)
-     */
-    primaryButton?: PopoverButtonProps | undefined;
-    /**
-     * Secondary button props (optional)
-     */
-    secondaryButton?: PopoverButtonProps | undefined;
-    /**
-     * Primarily used to indicate that the anchor is the built in button icon.
-     * @default false
-     */
-    showControlButton?: boolean | undefined;
-    /**
-     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
-     */
-    controlButtonIcon?: "AccessTime" | "Add" | "AddCircleFilled" | "AddPlusCircle" | "AlarmBell" | "AlertCircleFilled" | "AlertTriangle" | "Angle" | "AppWindowCode" | "ArrowBack" | "ArrowBackIos" | "ArrowDownLeft" | "ArrowDownRight" | "ArrowDownward" | "ArrowForward" | "ArrowTopLeft" | "ArrowTopRight" | "ArrowUpward" | "Attachment" | "AutoStoriesOutlined" | "Balance" | "Bin" | "Block" | "Blocked" | "Boxes" | "BoxesGrid" | "Brightness1" | "Calendar" | "CalendarAdd" | "CalendarCheck" | "CalendarDate" | "CalendarEdit" | "CalendarRemove" | "CalendarSearchDate" | "CampaignOutlined" | "CaretCircleFilledDown" | "CaretCircleFilledLeft" | "CaretCircleFilledRight" | "CaretCircleFilledUp" | "Catalog" | "CheckCircle" | "CheckCircleFilled" | "CheckList" | "CheckMark" | "ChevronCircleFilledDown" | "ChevronCircleFilledLeft" | "ChevronCircleFilledRight" | "ChevronCircleFilledUp" | "Close" | "CloseCircle" | "CloseCircleFilled" | "Cloud" | "CloudCheck" | "CloudDownload" | "CloudOff" | "CloudRemove" | "CloudSearch" | "CloudSync" | "CloudUpload" | "CloudWarning" | "Coin" | "CoinEuro" | "Compass" | "ContactSupportOutlined" | "ContentCut" | "ContentPaste" | "Copy" | "Credit" | "Dashboard" | "DataTransferVertical" | "Delivery" | "DollarCoinCircleFilled" | "DottedLines" | "Download" | "DownloadCircle" | "EditPencil" | "EuroCoinCircleFilled" | "ExitLeaveBack" | "ExternalLink" | "EyeCircleFilled" | "FlagQuestion" | "FolderEmpty" | "Footprint" | "HeadphonesQuestion" | "Heart" | "HeartCircleFilled" | "Hyperlink" | "ImageResolution" | "ImageUnavailable" | "Invoice" | "KeyboardArrowDown" | "KeyboardArrowLeft" | "KeyboardArrowRight" | "KeyboardArrowUp" | "Layers" | "Library" | "Lightbulb" | "LightbulbOutlined" | "LocalOfferOutlined" | "Lock" | "LockCircleFilled" | "LockShield" | "Logo" | "LogoKSA" | "Map" | "MapPin" | "MapSearch" | "Marketplace" | "MarketplaceExternal" | "MenuCircleFilledHorizontal" | "MenuCircleFilledVertical" | "MenuOpenHorizontal" | "MenuOpenVertical" | "MinusCircleFilled" | "Module" | "Module2" | "ModuleThree" | "MoreHoriz" | "MultipleUsers" | "NotificationError" | "NotificationInfo" | "NotificationSuccess" | "NotificationWarning" | "PenCircleFilled" | "Pencil" | "PercentCircle" | "Person" | "Pin" | "Polygon" | "Projects" | "QuestionBubble" | "QuestionCircle" | "QuestionCircleFilled" | "QuestionMark" | "Rectangle" | "RectangleAOI" | "Redo" | "Remove" | "Resolution" | "Satellite" | "Save" | "Scissors" | "Search" | "SelectedIndicator" | "SelectedIndicatorWide" | "ServerCheck" | "ServerDeny" | "ServerDownload" | "ServerEdit" | "ServerError" | "ServerLock" | "ServerMinus" | "ServerQuestion" | "ServerRefresh" | "ServerSearch" | "ServerSync" | "ServerUpload" | "ServerWarning" | "SettingsCog" | "SettingsCog2" | "SettingsSliderHorizontal" | "SettingsVertical" | "Share" | "ShareNetwork" | "Shield" | "ShieldWithLock" | "ShoppingCartCheck" | "ShoppingCartClose" | "ShoppingCartMinus" | "ShoppingCartOutlined" | "ShoppingCartPlus" | "Storage" | "Support" | "SupportClear" | "SupportHeadphones" | "System" | "Tag" | "TagAlert" | "TagCheck" | "TagDouble" | "TagEdit" | "TagMinus" | "TagPlus" | "TagSearch" | "TagX" | "Target" | "Transaction" | "TrashBin" | "Undo" | "Unlock" | "UpgradeShield" | "Upload" | "UploadCircle" | "User" | "VisibilityOffOutlined" | "VisibilityOutlined" | "WeatherCloud" | "Webhooks" | "Workflow" | "WorkflowPencil" | "ZoomIn" | "ZoomOut" | undefined;
-    /**
-     * Whether to show dividers between sections
-     * @default false
-     */
-    showDividers?: boolean | undefined;
-    /**
-     * Whether to show a connector line between the popover and anchor
-     * @default false
-     */
-    showConnector?: boolean | undefined;
-    /**
-     * Content to be displayed inside the popover, with padding applied by default
-     */
-    content?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    /**
-     * Size of the popover
-     * @default false
-     */
-    size?: "small" | "large" | "medium" | "auto" | "extraSmall" | "extraLarge" | undefined;
-    /**
-     * Custom styles for the popover
-     */
-    sx?: SxProps<Theme> | undefined;
-    inputRef?: MUIPopoverProps['ref'];
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Popover: React.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/esm/types/components/Typography/Typography.d.ts

@@ -7,7 +7,4 @@ export type TypographyProps = Omit<MUITypographyProps, 'variant'> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-typography--docs
  */
-export declare const Typography: React.ForwardRefExoticComponent<Omit<Omit<MUITypographyProps<"span", {}>, "variant"> & {
-    component?: React.ElementType<any> | undefined;
-    variant?: MUITypographyProps['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
-}, "ref"> & React.RefAttributes<unknown>>;
+export declare const Typography: React.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React.RefAttributes<unknown>>;

package/dist/index.d.ts

@@ -10,7 +10,6 @@ import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
 import { DatePickerProps, DateTimePickerProps } from '@mui/x-date-pickers-pro';
 import dayjs, { Dayjs } from 'dayjs';
 import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import Prism from 'prismjs';
 import { TableProps as TableProps$1 } from '@mui/material/Table';
 import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
@@ -74,7 +73,7 @@ type ButtonProps = MUIGlobalOmit<Omit<ButtonProps$1, 'size' | 'color'>, {
  *
  * ```js
  * import { Link } from '@up42/up-components'
- * import { Link } from 'react-router-dom'
+ * import { Link as ReactRouterLink } from 'react-router'
  *
  * <Button component={Link} to="/my-path">
  *   client-side navigation button.
@@ -83,17 +82,7 @@ type ButtonProps = MUIGlobalOmit<Omit<ButtonProps$1, 'size' | 'color'>, {
  *
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-button--docs
  */
-declare const Button: React__default.ForwardRefExoticComponent<Omit<{
-    loading?: boolean | undefined;
-    size?: "default" | "slim" | undefined;
-    color?: 'critical' | ButtonProps$1['color'];
-    component?: ButtonProps$1['LinkComponent'];
-    to?: ButtonProps$1['href'];
-    /**
-     * Determines whether to open the link in the same tab for external links.
-     */
-    openInSameTab?: boolean | undefined;
-} & Omit<Omit<ButtonProps$1<"button", {}>, "color" | "size">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React__default.RefAttributes<unknown>>;
+declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type TypographyProps = Omit<TypographyProps$1, 'variant'> & {
     component?: React__default.ElementType;
@@ -102,10 +91,7 @@ type TypographyProps = Omit<TypographyProps$1, 'variant'> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-typography--docs
  */
-declare const Typography: React__default.ForwardRefExoticComponent<Omit<Omit<TypographyProps$1<"span", {}>, "variant"> & {
-    component?: React__default.ElementType<any> | undefined;
-    variant?: TypographyProps$1['variant'] | 'heading' | 'headingSmall' | 'headingXSmall' | 'body' | 'label' | 'note';
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const Typography: React__default.ForwardRefExoticComponent<Omit<TypographyProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type AvatarProps = MUIGlobalOmit<Omit<AvatarProps$1, 'children' | 'alt' | 'imgProps' | 'sizes' | 'src' | 'srcSet' | 'variant'>, {
     firstName?: string;
@@ -116,12 +102,7 @@ type AvatarProps = MUIGlobalOmit<Omit<AvatarProps$1, 'children' | 'alt' | 'imgPr
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-display-avatar--docs
  */
-declare const Avatar: React__default.ForwardRefExoticComponent<Omit<{
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    icon?: React__default.ReactNode;
-    selected?: boolean | undefined;
-} & Omit<Omit<AvatarProps$1<"div", {}>, "children" | "alt" | "src" | "sizes" | "srcSet" | "variant" | "imgProps">, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React__default.RefAttributes<unknown>>;
+declare const Avatar: React__default.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type GridContainerProps = Omit<GridProps, 'container' | 'item' | 'xs' | 'columnSpacing'>;
 /**
@@ -326,7 +307,7 @@ type LinkProps<C extends React__default.ElementType> = LinkProps$1<C, {
  *
  * ```js
  * import { Link } from '@up42/up-components'
- * import { Link as RouterLink } from 'react-router-dom'
+ * import { Link as RouterLink } from 'react-router'
  *
  * <Link component={RouterLink} to="/my-path">
  *   client-side navigation link.
@@ -335,7 +316,7 @@ type LinkProps<C extends React__default.ElementType> = LinkProps$1<C, {
  *
  * Documentation: https://up-components.up42.com/?path=/docs/navigation-link--docs
  */
-declare const Link: <C extends React__default.ElementType<any>>({ children, underline, hideIcon, openInSameTab, ...props }: LinkProps<C>) => React__default.JSX.Element;
+declare const Link: <C extends React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements>>({ children, underline, hideIcon, openInSameTab, ...props }: LinkProps<C>) => React__default.JSX.Element;
 
 type TabsProps = MUIGlobalOmit<TabsProps$1>;
 type TabProps = MUIGlobalOmit<TabProps$1>;
@@ -418,26 +399,7 @@ type InfoCardProps = {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/patterns-infocard--docs
  */
-declare const InfoCard: React__default.ForwardRefExoticComponent<Omit<{
-    title: string;
-    subtitle?: string | undefined;
-    /**
-     * The content action section aka. card footer.
-     */
-    actions?: React__default.ReactNode;
-    /**
-     * The content of the header action, usually an icon with a close event.
-     */
-    headerAction?: React__default.ReactNode;
-    /**
-     * The Card's title typography variant: 'headingSmall' | 'headingXSmall' | 'note'
-     */
-    titleVariant?: "note" | "headingSmall" | "headingXSmall" | undefined;
-    /**
-     * Choose whether to hide divider or not.
-     */
-    hideDivider?: boolean | undefined;
-} & Omit<CardProps<"div", {}>, "square" | "variant" | "raised">, "ref"> & React__default.RefAttributes<unknown>>;
+declare const InfoCard: React__default.ForwardRefExoticComponent<Omit<InfoCardProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type InfoModalProps = MUIGlobalOmit<Omit<ModalProps, 'BackdropProps' | 'BackdropComponent' | 'onBackdropClick'>, Omit<InfoCardProps, 'headerAction'> & {
     /**
@@ -457,9 +419,7 @@ type AlertProps = Omit<AlertProps$1, 'color' | 'elevation' | 'iconMapping' | 'se
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-alert--docs
  */
-declare const Alert: React__default.ForwardRefExoticComponent<Omit<Omit<AlertProps$1, "color" | "elevation" | "action" | "square" | "iconMapping" | "severity" | "variant"> & {
-    type?: AlertColor | undefined;
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const Alert: React__default.ForwardRefExoticComponent<Omit<AlertProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type BannerProps = {
     /**
@@ -495,37 +455,7 @@ type BannerProps = {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-banner--docs
  */
-declare const Banner: React__default.ForwardRefExoticComponent<Omit<{
-    /**
-     * Call To Action label
-     * */
-    actionLabel?: string | undefined;
-    /**
-     * Call To Action button props
-     * */
-    actionProps?: ButtonProps | undefined;
-    /**
-     * ### Stacked
-     * Stacked banners are contextual and should be placed within the page content.
-     *
-     * ### Inline
-     * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
-     */
-    variant?: "inline" | "stacked" | undefined;
-    /**
-     * Callback fired when the Banner requests to be dismissed.
-     */
-    onDismiss?: ButtonProps['onClick'];
-    title: string;
-    /**
-     * The size(height) of the banner.
-     * - 'default': Standard banner height.
-     * - 'slim': Reduced height, intended for use only with the 'inline' variant.
-     *
-     * Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
-     */
-    size?: "default" | "slim" | undefined;
-} & Omit<AlertProps, "title" | "role" | "onClose" | "closeText">, "ref"> & React__default.RefAttributes<unknown>>;
+declare const Banner: React__default.ForwardRefExoticComponent<Omit<BannerProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type ContactBoxProps = {
     customIcon?: React__default.ReactNode;
@@ -549,13 +479,7 @@ type ControlButtonProps = MUIGlobalOmit<IconButtonProps, {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-controlbutton--docs
  */
-declare const ControlButton: React__default.ForwardRefExoticComponent<Omit<{
-    size?: "small" | "medium" | undefined;
-    /**
-     * Remove default padding when using icons with built-in padding (Like MUI icons)
-     */
-    removePadding?: boolean | undefined;
-} & Omit<IconButtonProps<"button", {}>, "classes" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple">, "ref"> & React__default.RefAttributes<unknown>>;
+declare const ControlButton: React__default.ForwardRefExoticComponent<Omit<ControlButtonProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 interface CopyButtonProps {
     data: string;
@@ -4814,66 +4738,7 @@ type PopoverProps = Omit<PopoverProps$1, 'content' | 'open' | 'onClose'> & {
  *
  * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs
  */
-declare const Popover: React__default.ForwardRefExoticComponent<Omit<Omit<PopoverProps$1, "content" | "open" | "onClose"> & {
-    /**
-     * Opens the modal if true, closes it if false
-     * This is optional for compatibility purposes
-     */
-    open?: boolean | undefined;
-    /**
-     * External callback fired when the popover should close
-     */
-    onClose?: (() => void) | undefined;
-    /**
-     * Header content (optional)
-     */
-    header?: React__default.ReactNode;
-    /**
-     * Footer info (optional)
-     */
-    footerInfo?: React__default.ReactNode;
-    /**
-     * Primary button props (optional)
-     */
-    primaryButton?: PopoverButtonProps | undefined;
-    /**
-     * Secondary button props (optional)
-     */
-    secondaryButton?: PopoverButtonProps | undefined;
-    /**
-     * Primarily used to indicate that the anchor is the built in button icon.
-     * @default false
-     */
-    showControlButton?: boolean | undefined;
-    /**
-     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
-     */
-    controlButtonIcon?: "AccessTime" | "Add" | "AddCircleFilled" | "AddPlusCircle" | "AlarmBell" | "AlertCircleFilled" | "AlertTriangle" | "Angle" | "AppWindowCode" | "ArrowBack" | "ArrowBackIos" | "ArrowDownLeft" | "ArrowDownRight" | "ArrowDownward" | "ArrowForward" | "ArrowTopLeft" | "ArrowTopRight" | "ArrowUpward" | "Attachment" | "AutoStoriesOutlined" | "Balance" | "Bin" | "Block" | "Blocked" | "Boxes" | "BoxesGrid" | "Brightness1" | "Calendar" | "CalendarAdd" | "CalendarCheck" | "CalendarDate" | "CalendarEdit" | "CalendarRemove" | "CalendarSearchDate" | "CampaignOutlined" | "CaretCircleFilledDown" | "CaretCircleFilledLeft" | "CaretCircleFilledRight" | "CaretCircleFilledUp" | "Catalog" | "CheckCircle" | "CheckCircleFilled" | "CheckList" | "CheckMark" | "ChevronCircleFilledDown" | "ChevronCircleFilledLeft" | "ChevronCircleFilledRight" | "ChevronCircleFilledUp" | "Close" | "CloseCircle" | "CloseCircleFilled" | "Cloud" | "CloudCheck" | "CloudDownload" | "CloudOff" | "CloudRemove" | "CloudSearch" | "CloudSync" | "CloudUpload" | "CloudWarning" | "Coin" | "CoinEuro" | "Compass" | "ContactSupportOutlined" | "ContentCut" | "ContentPaste" | "Copy" | "Credit" | "Dashboard" | "DataTransferVertical" | "Delivery" | "DollarCoinCircleFilled" | "DottedLines" | "Download" | "DownloadCircle" | "EditPencil" | "EuroCoinCircleFilled" | "ExitLeaveBack" | "ExternalLink" | "EyeCircleFilled" | "FlagQuestion" | "FolderEmpty" | "Footprint" | "HeadphonesQuestion" | "Heart" | "HeartCircleFilled" | "Hyperlink" | "ImageResolution" | "ImageUnavailable" | "Invoice" | "KeyboardArrowDown" | "KeyboardArrowLeft" | "KeyboardArrowRight" | "KeyboardArrowUp" | "Layers" | "Library" | "Lightbulb" | "LightbulbOutlined" | "LocalOfferOutlined" | "Lock" | "LockCircleFilled" | "LockShield" | "Logo" | "LogoKSA" | "Map" | "MapPin" | "MapSearch" | "Marketplace" | "MarketplaceExternal" | "MenuCircleFilledHorizontal" | "MenuCircleFilledVertical" | "MenuOpenHorizontal" | "MenuOpenVertical" | "MinusCircleFilled" | "Module" | "Module2" | "ModuleThree" | "MoreHoriz" | "MultipleUsers" | "NotificationError" | "NotificationInfo" | "NotificationSuccess" | "NotificationWarning" | "PenCircleFilled" | "Pencil" | "PercentCircle" | "Person" | "Pin" | "Polygon" | "Projects" | "QuestionBubble" | "QuestionCircle" | "QuestionCircleFilled" | "QuestionMark" | "Rectangle" | "RectangleAOI" | "Redo" | "Remove" | "Resolution" | "Satellite" | "Save" | "Scissors" | "Search" | "SelectedIndicator" | "SelectedIndicatorWide" | "ServerCheck" | "ServerDeny" | "ServerDownload" | "ServerEdit" | "ServerError" | "ServerLock" | "ServerMinus" | "ServerQuestion" | "ServerRefresh" | "ServerSearch" | "ServerSync" | "ServerUpload" | "ServerWarning" | "SettingsCog" | "SettingsCog2" | "SettingsSliderHorizontal" | "SettingsVertical" | "Share" | "ShareNetwork" | "Shield" | "ShieldWithLock" | "ShoppingCartCheck" | "ShoppingCartClose" | "ShoppingCartMinus" | "ShoppingCartOutlined" | "ShoppingCartPlus" | "Storage" | "Support" | "SupportClear" | "SupportHeadphones" | "System" | "Tag" | "TagAlert" | "TagCheck" | "TagDouble" | "TagEdit" | "TagMinus" | "TagPlus" | "TagSearch" | "TagX" | "Target" | "Transaction" | "TrashBin" | "Undo" | "Unlock" | "UpgradeShield" | "Upload" | "UploadCircle" | "User" | "VisibilityOffOutlined" | "VisibilityOutlined" | "WeatherCloud" | "Webhooks" | "Workflow" | "WorkflowPencil" | "ZoomIn" | "ZoomOut" | undefined;
-    /**
-     * Whether to show dividers between sections
-     * @default false
-     */
-    showDividers?: boolean | undefined;
-    /**
-     * Whether to show a connector line between the popover and anchor
-     * @default false
-     */
-    showConnector?: boolean | undefined;
-    /**
-     * Content to be displayed inside the popover, with padding applied by default
-     */
-    content?: React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | undefined;
-    /**
-     * Size of the popover
-     * @default false
-     */
-    size?: "small" | "large" | "medium" | "auto" | "extraSmall" | "extraLarge" | undefined;
-    /**
-     * Custom styles for the popover
-     */
-    sx?: SxProps<Theme> | undefined;
-    inputRef?: PopoverProps$1['ref'];
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const Popover: React__default.ForwardRefExoticComponent<Omit<PopoverProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type PageHeaderProps = {
     title: string;
@@ -11266,18 +11131,7 @@ type DividerProps = Omit<DividerProps$1, 'classes' | 'light'> & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/layout-divider--docs
  */
-declare const Divider: React__default.ForwardRefExoticComponent<Omit<Omit<DividerProps$1<"hr", {}>, "classes" | "light"> & {
-    /**
-     * @default 'default'
-     * The color of the divider.
-     */
-    color?: "default" | "primary" | "neutral" | undefined;
-    /**
-     * @default 'small'
-     * The height of the divider.
-     */
-    size?: "small" | "large" | "medium" | undefined;
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const Divider: React__default.ForwardRefExoticComponent<Omit<DividerProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type FeatureCardProps = CardProps & {
     bannerProps?: Omit<BannerProps, 'title' | 'variant'>;
@@ -11314,42 +11168,7 @@ type FeatureCardProps = CardProps & {
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-featurecard--docs
  */
-declare const FeatureCard: React__default.ForwardRefExoticComponent<Omit<_mui_material.CardOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React__default.RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "elevation" | "square" | "variant" | "raised"> & {
-    component?: React__default.ElementType<any> | undefined;
-} & {
-    bannerProps?: Omit<BannerProps, "title" | "variant"> | undefined;
-    header?: {
-        title: ReactNode;
-        actions?: ReactNode;
-    } | undefined;
-    footer?: {
-        info?: ReactNode;
-        actions?: ReactNode;
-    } | undefined;
-    /**
-     * Applies the selected state to the card from the parent.
-     */
-    selected?: boolean | undefined;
-    /**
-     * Whether the card is hoverable.
-     */
-    isHoverable?: boolean | undefined;
-    /**
-     * Applies the hovered state to the card from the parent.
-     */
-    hovered?: boolean | undefined;
-    /**
-     * Applies the active state to the card from the parent.
-     */
-    active?: boolean | undefined;
-    /**
-     * Whether to show the connector (the visual line that connects the card to the Popover).
-     * @default false
-     */
-    showConnector?: boolean | undefined;
-}, "ref"> & React__default.RefAttributes<unknown>>;
+declare const FeatureCard: React__default.ForwardRefExoticComponent<Omit<FeatureCardProps, "ref"> & React__default.RefAttributes<unknown>>;
 
 type FeatureCardHeaderImageProps = {
     url?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "7.4.0",
+  "version": "7.5.0-react-18.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -58,10 +58,9 @@
     "@storybook/react-vite": "^8.6.15",
     "@storybook/theming": "^8.6.15",
     "@svgr/rollup": "^6.2.1",
-    "@testing-library/react": "^12.1.2",
-    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/react": "^14.3.1",
     "@types/prismjs": "^1.26.0",
-    "@types/react": "^17.0.38",
+    "@types/react": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
     "commit-and-tag-version": "^12.4.1",
@@ -75,10 +74,11 @@
     "eslint-plugin-react-hooks": "^4.3.0",
     "eslint-plugin-storybook": "^0.12.0",
     "husky": "^7.0.4",
+    "jsdom": "^21.1.1",
     "lint-staged": "^12.3.1",
     "prettier": "^2.5.1",
-    "react": "^17.0.2",
-    "react-router-dom": "^6.30.3",
+    "react": "^18.3.1",
+    "react-router": "^7.12.0",
     "rimraf": "^6.1.2",
     "rollup": "^4.13.2",
     "rollup-plugin-dts": "^6.1.0",
@@ -87,7 +87,7 @@
     "svgo": "^3.3.2",
     "tslib": "^2.8.1",
     "typescript": "^4.5.4",
-    "vite": "^7.1.4",
+    "vite": "^7.1.12",
     "vite-plugin-svgr": "^4.2.0",
     "vitest": "^3.2.4"
   },
@@ -98,8 +98,8 @@
     "@mui/material": "^5.3.0",
     "@mui/x-data-grid-premium": "^6.8.0",
     "@mui/x-date-pickers-pro": "^6.8.0",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "lint-staged": {
     "*.{js,tsx,ts}": "eslint --cache --fix",
@@ -119,7 +119,8 @@
   "pnpm": {
     "//": "Lodash override should be removed when we upgrade to Storybook 9+",
     "overrides": {
-      "lodash@>=4.0.0 <=4.17.22": ">=4.17.23"
+      "lodash@>=4.0.0 <=4.17.22": ">=4.17.23",
+      "csstype@>=3.0.0": "3.1.3"
     }
   }
 }