@up42/up-components 5.3.2 → 5.5.0

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

@@ -13,6 +13,6 @@ export type DocumentationPopoverProps = {
     ctaPath: string;
 };
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-popovers-documentationpopover--docs
+ * @deprecated Please use [Popover](https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs) instead
  */
 export declare const DocumentationPopover: ({ children, ctaPath, ctaLabel, title }: DocumentationPopoverProps) => React.JSX.Element;

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

@@ -11,10 +11,6 @@ export type FeatureCardProps = CardProps & {
         info?: ReactNode;
         actions?: ReactNode;
     };
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean;
     /**
      * Applies the selected state to the card from the parent.
      */
@@ -27,6 +23,10 @@ export type FeatureCardProps = CardProps & {
      * Applies the hovered state to the card from the parent.
      */
     hovered?: boolean;
+    /**
+     * Applies the active state to the card from the parent.
+     */
+    isActive?: boolean;
 };
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-featurecard--docs
@@ -45,10 +45,6 @@ export declare const FeatureCard: React.ForwardRefExoticComponent<Omit<import("@
         info?: ReactNode;
         actions?: ReactNode;
     } | undefined;
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean | undefined;
     /**
      * Applies the selected state to the card from the parent.
      */
@@ -61,4 +57,8 @@ export declare const FeatureCard: React.ForwardRefExoticComponent<Omit<import("@
      * Applies the hovered state to the card from the parent.
      */
     hovered?: boolean | undefined;
+    /**
+     * Applies the active state to the card from the parent.
+     */
+    isActive?: boolean | undefined;
 }, "ref"> & React.RefAttributes<unknown>>;

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

@@ -4,6 +4,6 @@ export type InfoPopoverProps = InfoCardProps & {
     icon?: React.ElementType;
 };
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-popovers-infopopover--docs
+ * @deprecated Please use [Popover](https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs) instead
  */
 export declare const InfoPopover: ({ id, icon: CustomIcon, actions, title, children, sx, ...props }: InfoPopoverProps) => React.JSX.Element;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Connector: ({ anchorEl }: {
+    anchorEl: HTMLElement;
+}) => React.JSX.Element;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,144 @@
+import React from 'react';
+import { Theme, SxProps, PopoverProps as MUIPopoverProps } from '@mui/material';
+import { ButtonProps } from '../Button/Button';
+import { IconProps } from '../Icon/Icon';
+export interface PopoverButtonProps extends Omit<ButtonProps, 'onClick' | 'startIcon' | 'endIcon'> {
+    label: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
+    startIcon?: IconProps['name'];
+}
+export type PopoverProps = Omit<MUIPopoverProps, 'open' | 'onClose'> & {
+    /**
+     * Opens the modal if true, closes it if false
+     * This is optional for compatibility purposes
+     */
+    open?: boolean;
+    /**
+     * External callback fired when the popover should close
+     */
+    onClose?: () => void;
+    /**
+     * Header content (optional)
+     */
+    header?: React.ReactNode;
+    /**
+     * Footer info (optional)
+     */
+    footerInfo?: React.ReactNode;
+    /**
+     * Primary button props (optional)
+     */
+    primaryButton?: PopoverButtonProps;
+    /**
+     * Secondary button props (optional)
+     */
+    secondaryButton?: PopoverButtonProps;
+    /**
+     * Primarily used to indicate that the anchor is the built in button icon.
+     * @default false
+     */
+    isIconAnchor?: boolean;
+    /**
+     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
+     */
+    icon?: IconProps['name'];
+    /**
+     * Custom styles for the icon anchor button (only applicable if isIconAnchor is true)
+     */
+    iconButtonSx?: SxProps<Theme>;
+    /**
+     * Whether to show dividers between sections
+     * @default false
+     */
+    hasDivider?: boolean;
+    /**
+     * Whether to show a connector line between the popover and anchor
+     * @default false
+     */
+    hasConnector?: boolean;
+    /**
+     * Whether to show padding inside the content section(For backwards compatibility purposes)
+     * @default false
+     */
+    hasContentPadding?: boolean;
+    /**
+     * Whether to use the default min and max width for the popover(For backwards compatibility purposes)
+     * @default false
+     */
+    hasDefaultWidth?: boolean;
+    /**
+     * Custom styles for the popover
+     */
+    sx?: SxProps<Theme>;
+    inputRef?: MUIPopoverProps['ref'];
+};
+/**
+ * Multi-purpose popover component with Header, Content, and Footer slots.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs
+ */
+export declare const Popover: React.ForwardRefExoticComponent<Omit<Omit<MUIPopoverProps, "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
+     */
+    isIconAnchor?: boolean | undefined;
+    /**
+     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
+     */
+    icon?: "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" | "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" | "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" | "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;
+    /**
+     * Custom styles for the icon anchor button (only applicable if isIconAnchor is true)
+     */
+    iconButtonSx?: SxProps<Theme> | undefined;
+    /**
+     * Whether to show dividers between sections
+     * @default false
+     */
+    hasDivider?: boolean | undefined;
+    /**
+     * Whether to show a connector line between the popover and anchor
+     * @default false
+     */
+    hasConnector?: boolean | undefined;
+    /**
+     * Whether to show padding inside the content section(For backwards compatibility purposes)
+     * @default false
+     */
+    hasContentPadding?: boolean | undefined;
+    /**
+     * Whether to use the default min and max width for the popover(For backwards compatibility purposes)
+     * @default false
+     */
+    hasDefaultWidth?: boolean | undefined;
+    /**
+     * Custom styles for the popover
+     */
+    sx?: SxProps<Theme> | undefined;
+    inputRef?: MUIPopoverProps['ref'];
+}, "ref"> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/index.d.ts

@@ -35,6 +35,7 @@ export { ContactBox, type ContactBoxProps } from './components/ContactBox/Contac
 export { ControlButton, type ControlButtonProps } from './components/ControlButton/ControlButton';
 export { CopyButton, type CopyButtonProps } from './components/CopyButton/CopyButton';
 export { InfoPopover, type InfoPopoverProps } from './components/InfoPopover/InfoPopover';
+export { Popover, type PopoverProps } from './components/Popover/Popover';
 export { PageHeader, type PageHeaderProps } from './components/PageHeader/PageHeader';
 export { NotFound, type NotFoundProps } from './components/NotFound/NotFound';
 export { Loading, type LoadingProps } from './components/Loading/Loading';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
 import * as _mui_material from '@mui/material';
-import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, ContainerProps, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, CardProps, ModalProps, AlertProps as AlertProps$1, SxProps, Theme, IconButtonProps, SvgIconProps, BadgeProps as BadgeProps$1, ChipProps, DividerProps as DividerProps$1, ButtonProps as ButtonProps$2, SnackbarProps } from '@mui/material';
+import { BoxProps, TextFieldProps, AvatarProps as AvatarProps$1, GridProps, ContainerProps, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, SliderProps as SliderProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, CardProps, ModalProps, AlertProps as AlertProps$1, SxProps, Theme, IconButtonProps, SvgIconProps, PopoverProps as PopoverProps$1, BadgeProps as BadgeProps$1, ChipProps, DividerProps as DividerProps$1, ButtonProps as ButtonProps$2, SnackbarProps } from '@mui/material';
 export * from '@mui/material';
 import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
 import * as React from 'react';
@@ -577,62 +577,10 @@ type InfoPopoverProps = InfoCardProps & {
     icon?: React__default.ElementType;
 };
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-popovers-infopopover--docs
+ * @deprecated Please use [Popover](https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs) instead
  */
 declare const InfoPopover: ({ id, icon: CustomIcon, actions, title, children, sx, ...props }: InfoPopoverProps) => React__default.JSX.Element;
 
-type PageHeaderProps = {
-    title: string;
-    divider?: boolean;
-    description?: React__default.ReactNode;
-    /**
-     * Action button right side of header (default action)
-     */
-    action?: React__default.ReactNode;
-    /**
-     * Action button left side of header
-     */
-    secondaryAction?: React__default.ReactNode;
-    /**
-     * Pass SetStateAction from child component to update header title
-     */
-    onSubmitTitle?: (title: string) => void;
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-pageheader--docs
- */
-declare const PageHeader: ({ title, description, divider, action, secondaryAction, onSubmitTitle, }: PageHeaderProps) => React__default.JSX.Element;
-
-type NotFoundProps = {
-    /**
-     * The label of the CTA button
-     */
-    ctaLabel?: string;
-    /**
-     * The path of the CTA button.
-     */
-    ctaPath?: string;
-};
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-notfound--docs
- */
-declare const NotFound: ({ ctaLabel, ctaPath }: NotFoundProps) => React__default.JSX.Element;
-
-type LoadingProps = {
-    /**
-     * Controls the `height` of the component. Defaults to `100vh`
-     */
-    fullPage?: boolean;
-    /**
-     * Internal visibility control of the component
-     */
-    visible?: boolean;
-} & BoxProps;
-/**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-loading--docs
- */
-declare const Loading: ({ fullPage, visible, ...rest }: LoadingProps) => React__default.JSX.Element | null;
-
 var _path$1j;
 function _extends$3b() { return _extends$3b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3b.apply(null, arguments); }
 var SvgAccessTime = function SvgAccessTime(props) {
@@ -4737,6 +4685,199 @@ type IconProps$1 = {
  */
 declare const Icon: ({ name, ...props }: IconProps$1) => React__default.JSX.Element;
 
+interface PopoverButtonProps extends Omit<ButtonProps, 'onClick' | 'startIcon' | 'endIcon'> {
+    label: string;
+    onClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => Promise<void>;
+    startIcon?: IconProps$1['name'];
+}
+type PopoverProps = Omit<PopoverProps$1, 'open' | 'onClose'> & {
+    /**
+     * Opens the modal if true, closes it if false
+     * This is optional for compatibility purposes
+     */
+    open?: boolean;
+    /**
+     * External callback fired when the popover should close
+     */
+    onClose?: () => void;
+    /**
+     * Header content (optional)
+     */
+    header?: React__default.ReactNode;
+    /**
+     * Footer info (optional)
+     */
+    footerInfo?: React__default.ReactNode;
+    /**
+     * Primary button props (optional)
+     */
+    primaryButton?: PopoverButtonProps;
+    /**
+     * Secondary button props (optional)
+     */
+    secondaryButton?: PopoverButtonProps;
+    /**
+     * Primarily used to indicate that the anchor is the built in button icon.
+     * @default false
+     */
+    isIconAnchor?: boolean;
+    /**
+     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
+     */
+    icon?: IconProps$1['name'];
+    /**
+     * Custom styles for the icon anchor button (only applicable if isIconAnchor is true)
+     */
+    iconButtonSx?: SxProps<Theme>;
+    /**
+     * Whether to show dividers between sections
+     * @default false
+     */
+    hasDivider?: boolean;
+    /**
+     * Whether to show a connector line between the popover and anchor
+     * @default false
+     */
+    hasConnector?: boolean;
+    /**
+     * Whether to show padding inside the content section(For backwards compatibility purposes)
+     * @default false
+     */
+    hasContentPadding?: boolean;
+    /**
+     * Whether to use the default min and max width for the popover(For backwards compatibility purposes)
+     * @default false
+     */
+    hasDefaultWidth?: boolean;
+    /**
+     * Custom styles for the popover
+     */
+    sx?: SxProps<Theme>;
+    inputRef?: PopoverProps$1['ref'];
+};
+/**
+ * Multi-purpose popover component with Header, Content, and Footer slots.
+ *
+ * Documentation: https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs
+ */
+declare const Popover: React__default.ForwardRefExoticComponent<Omit<Omit<PopoverProps$1, "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
+     */
+    isIconAnchor?: boolean | undefined;
+    /**
+     * Alternative icon to display as the built in button's icon (only applicable if isIconAnchor is true)
+     */
+    icon?: "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" | "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" | "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" | "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;
+    /**
+     * Custom styles for the icon anchor button (only applicable if isIconAnchor is true)
+     */
+    iconButtonSx?: SxProps<Theme> | undefined;
+    /**
+     * Whether to show dividers between sections
+     * @default false
+     */
+    hasDivider?: boolean | undefined;
+    /**
+     * Whether to show a connector line between the popover and anchor
+     * @default false
+     */
+    hasConnector?: boolean | undefined;
+    /**
+     * Whether to show padding inside the content section(For backwards compatibility purposes)
+     * @default false
+     */
+    hasContentPadding?: boolean | undefined;
+    /**
+     * Whether to use the default min and max width for the popover(For backwards compatibility purposes)
+     * @default false
+     */
+    hasDefaultWidth?: boolean | undefined;
+    /**
+     * Custom styles for the popover
+     */
+    sx?: SxProps<Theme> | undefined;
+    inputRef?: PopoverProps$1['ref'];
+}, "ref"> & React__default.RefAttributes<unknown>>;
+
+type PageHeaderProps = {
+    title: string;
+    divider?: boolean;
+    description?: React__default.ReactNode;
+    /**
+     * Action button right side of header (default action)
+     */
+    action?: React__default.ReactNode;
+    /**
+     * Action button left side of header
+     */
+    secondaryAction?: React__default.ReactNode;
+    /**
+     * Pass SetStateAction from child component to update header title
+     */
+    onSubmitTitle?: (title: string) => void;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/patterns-pageheader--docs
+ */
+declare const PageHeader: ({ title, description, divider, action, secondaryAction, onSubmitTitle, }: PageHeaderProps) => React__default.JSX.Element;
+
+type NotFoundProps = {
+    /**
+     * The label of the CTA button
+     */
+    ctaLabel?: string;
+    /**
+     * The path of the CTA button.
+     */
+    ctaPath?: string;
+};
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/patterns-notfound--docs
+ */
+declare const NotFound: ({ ctaLabel, ctaPath }: NotFoundProps) => React__default.JSX.Element;
+
+type LoadingProps = {
+    /**
+     * Controls the `height` of the component. Defaults to `100vh`
+     */
+    fullPage?: boolean;
+    /**
+     * Internal visibility control of the component
+     */
+    visible?: boolean;
+} & BoxProps;
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/patterns-loading--docs
+ */
+declare const Loading: ({ fullPage, visible, ...rest }: LoadingProps) => React__default.JSX.Element | null;
+
 var _path$4, _path2$4, _path3$4, _path4$4, _path5$4, _path6$4, _path7$4, _path8$4, _circle, _path9$3, _path0$3;
 function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
 var SvgFloppyDisk = function SvgFloppyDisk(props) {
@@ -5192,10 +5333,6 @@ type FeatureCardProps = CardProps & {
         info?: ReactNode;
         actions?: ReactNode;
     };
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean;
     /**
      * Applies the selected state to the card from the parent.
      */
@@ -5208,6 +5345,10 @@ type FeatureCardProps = CardProps & {
      * Applies the hovered state to the card from the parent.
      */
     hovered?: boolean;
+    /**
+     * Applies the active state to the card from the parent.
+     */
+    isActive?: boolean;
 };
 /**
  * Documentation: https://up-components.up42.com/?path=/docs/data-entry-featurecard--docs
@@ -5226,10 +5367,6 @@ declare const FeatureCard: React__default.ForwardRefExoticComponent<Omit<_mui_ma
         info?: ReactNode;
         actions?: ReactNode;
     } | undefined;
-    /**
-     * Whether the card is selectable.
-     */
-    isSelectable?: boolean | undefined;
     /**
      * Applies the selected state to the card from the parent.
      */
@@ -5242,6 +5379,10 @@ declare const FeatureCard: React__default.ForwardRefExoticComponent<Omit<_mui_ma
      * Applies the hovered state to the card from the parent.
      */
     hovered?: boolean | undefined;
+    /**
+     * Applies the active state to the card from the parent.
+     */
+    isActive?: boolean | undefined;
 }, "ref"> & React__default.RefAttributes<unknown>>;
 
 type FeatureCardHeaderProps = {
@@ -5390,7 +5531,7 @@ type DocumentationPopoverProps = {
     ctaPath: string;
 };
 /**
- * Documentation: https://up-components.up42.com/?path=/docs/patterns-popovers-documentationpopover--docs
+ * @deprecated Please use [Popover](https://up-components.up42.com/?path=/docs-patterns-popovers-popover--docs) instead
  */
 declare const DocumentationPopover: ({ children, ctaPath, ctaLabel, title }: DocumentationPopoverProps) => React__default.JSX.Element;
 
@@ -5660,5 +5801,5 @@ type ContextState = {
  */
 declare const useAlert: () => ContextState;
 
-export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };
+export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Popover, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, ToggleButton, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, PopoverProps, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, ToggleButtonProps, TypographyProps, UseToggleResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "5.3.2",
+  "version": "5.5.0",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",
@@ -98,7 +98,7 @@
     "svgo": "^3.3.2",
     "tslib": "^2.8.1",
     "typescript": "^4.5.4",
-    "vite": "^6.2.3",
+    "vite": "^7.1.4",
     "vite-plugin-svgr": "^4.2.0"
   },
   "peerDependencies": {