@agregio-solutions/design-system 1.97.0 → 1.98.0

package/dist/packages/components/Icon/components/warning_shield.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../Icon';
-export default function IconWarningShield(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IconWarningShield(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Icon/components/wifi.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../Icon';
-export default function IconWifi(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IconWifi(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Icon/components/wifi_level.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../Icon';
-export default function IconWifiLevel(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IconWifiLevel(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Icon/components/wifi_rounded.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../Icon';
-export default function IconWifiRounded(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IconWifiRounded(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Icon/components/wifi_rounded_alert.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../Icon';
-export default function IconWifiRoundedAlert(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IconWifiRoundedAlert(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Icon/components/wifi_settings.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../Icon';
-export default function IconWifiSettings(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IconWifiSettings(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Icon/components/wind_turbine.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../Icon';
-export default function IconWindTurbine(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IconWindTurbine(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Label/Label.d.ts

@@ -32,4 +32,4 @@ export type Props = {
      */
     style?: React.CSSProperties;
 };
-export default function Label({ htmlForId, required, label, labelIconRight, labelIconRightTooltip, ...divProps }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default function Label({ htmlForId, required, label, labelIconRight, labelIconRightTooltip, ...divProps }: Props): React.JSX.Element | null;

package/dist/packages/components/LinearProgressBar/LinearProgressBar.d.ts

@@ -42,4 +42,4 @@ export interface Props {
      */
     className?: string;
 }
-export default function LinearProgressBar({ title, percentage, description, hidePercentValue, size, nature, hideStatusIcon, ...rootProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function LinearProgressBar({ title, percentage, description, hidePercentValue, size, nature, hideStatusIcon, ...rootProps }: Props): import("react").JSX.Element;

package/dist/packages/components/Link/Link.d.ts

@@ -59,5 +59,5 @@ export type Props = {
      */
     "aria-label"?: string;
 };
-declare const Link: ({ children, showLinkIcon, nature, onClick, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Link: ({ children, showLinkIcon, nature, onClick, ...props }: Props) => React.JSX.Element;
 export default Link;

package/dist/packages/components/List/List.d.ts

@@ -100,4 +100,4 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function List({ sections, renderEmptyState, disabledIds, ...props }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default function List({ sections, renderEmptyState, disabledIds, ...props }: Props): React.JSX.Element | null;

package/dist/packages/components/List/components/ListItem/ListItem.d.ts

@@ -1,3 +1,3 @@
 import { ListItemProps } from '../../List';
 export type Props = ListItemProps;
-export default function ListItem({ title, subtitle, tagProps, icon, id, onAction, isDisabled, href, target, download, routerOptions, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ListItem({ title, subtitle, tagProps, icon, id, onAction, isDisabled, href, target, download, routerOptions, ...props }: Props): import("react").JSX.Element;

package/dist/packages/components/Loader/Loader.d.ts

@@ -5,4 +5,4 @@ export type Props = {
      */
     size?: "small" | "medium" | "large";
 };
-export default function Loader({ size }: Props): import("react/jsx-runtime").JSX.Element | undefined;
+export default function Loader({ size }: Props): import("react").JSX.Element | undefined;

package/dist/packages/components/Menu/Menu.d.ts

@@ -33,5 +33,5 @@ export interface Props {
      */
     tallDropdown?: boolean;
 }
-export default function Menu({ children, buttonProps, isOpen, onOpenChange, defaultOpen, placement, tallDropdown, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Menu({ children, buttonProps, isOpen, onOpenChange, defaultOpen, placement, tallDropdown, }: Props): React.JSX.Element;
 export {};

package/dist/packages/components/MenuItem/MenuItem.d.ts

@@ -39,4 +39,4 @@ export type Props = {
      */
     className?: string;
 };
-export default function MenuItem({ text, iconRight, iconLeft, href, routerOptions, onClick, isDisabled, style, className, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function MenuItem({ text, iconRight, iconLeft, href, routerOptions, onClick, isDisabled, style, className, ...otherProps }: Props): import("react").JSX.Element;

package/dist/packages/components/Message/Message.d.ts

@@ -38,4 +38,4 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function Message({ children, title, nature, actions, onClose, className, style, autoHide, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export default function Message({ children, title, nature, actions, onClose, className, style, autoHide, }: Props): React.JSX.Element | null;

package/dist/packages/components/Modal/Modal.d.ts

@@ -28,5 +28,5 @@ export interface Props {
      */
     width?: string;
 }
-export default function Modal({ children, isOpen, onOpenChange, title, isDismissable, width, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Modal({ children, isOpen, onOpenChange, title, isDismissable, width, }: Props): React.JSX.Element;
 export { ModalContent, ModalActions, ModalForm };

package/dist/packages/components/Navigation/Navigation.d.ts

@@ -41,4 +41,4 @@ export type Props = {
      */
     footerElements?: React.ReactNode;
 };
-export default function Navigation({ initialIsCollapsed, currentPath, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Navigation({ initialIsCollapsed, currentPath, ...props }: Props): React.JSX.Element;

package/dist/packages/components/Navigation/components/AgregioSolutionsLogo.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../../Icon/Icon';
-export default function AgregioSolutionsLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function AgregioSolutionsLogo(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Navigation/components/ConnectionManagementLogo.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../../Icon/Icon';
-export default function ConnectionManagementLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function ConnectionManagementLogo(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Navigation/components/IrisLogo.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../../Icon/Icon';
-export default function IrisLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function IrisLogo(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Navigation/components/OBILogo.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../../Icon/Icon';
-export default function OBILogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function OBILogo(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/Navigation/components/VPPLogo.d.ts

@@ -1,2 +1,2 @@
 import { IconBaseProps } from '../../Icon/Icon';
-export default function VPPLogo(props: IconBaseProps): import("react/jsx-runtime").JSX.Element;
+export default function VPPLogo(props: IconBaseProps): import("react").JSX.Element;

package/dist/packages/components/NavigationItem/NavigationItem.d.ts

@@ -56,7 +56,7 @@ export type Props = {
      */
     style?: React.CSSProperties;
 };
-export default function NavigationItem({ label, href, isActive, subLinks, iconLeft, defaultOpen, className, style, onClick, "aria-label": ariaLabel, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function NavigationItem({ label, href, isActive, subLinks, iconLeft, defaultOpen, className, style, onClick, "aria-label": ariaLabel, ...otherProps }: Props): React.JSX.Element;
 type GetIsActiveProps = {
     /**
      * The current path

package/dist/packages/components/NotificationCard/NotificationCard.d.ts

@@ -58,5 +58,5 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function NotificationCard({ title, description, dateAndTime, isRead, type, customIcon, avatarUrl, avatarAlt, children, menuActions, onClose, className, style, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function NotificationCard({ title, description, dateAndTime, isRead, type, customIcon, avatarUrl, avatarAlt, children, menuActions, onClose, className, style, }: Props): React.JSX.Element;
 export {};

package/dist/packages/components/Notifications/Notifications.d.ts

@@ -37,4 +37,4 @@ export interface Props {
      */
     placement?: "top" | "bottom" | "left" | "right";
 }
-export default function Notifications({ children, triggerProps, nbOfReadNotifications, nbOfUnreadNotifications, onParametersClick, onMarkAllAsReadClick, isLoading, placement, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Notifications({ children, triggerProps, nbOfReadNotifications, nbOfUnreadNotifications, onParametersClick, onMarkAllAsReadClick, isLoading, placement, }: Props): React.JSX.Element;

package/dist/packages/components/Notifications/components/EmptyNotifications/EmptyNotifications.d.ts

@@ -8,4 +8,4 @@ export interface Props {
      */
     description: string;
 }
-export default function EmptyNotifications({ title, description }: Props): import("react/jsx-runtime").JSX.Element;
+export default function EmptyNotifications({ title, description }: Props): import("react").JSX.Element;

package/dist/packages/components/PageLayout/PageLayout.d.ts

@@ -8,4 +8,4 @@ export interface Props {
      */
     children: React.ReactNode;
 }
-export default function PageLayout(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function PageLayout(props: Props): import("react").JSX.Element;

package/dist/packages/components/Popover/Popover.d.ts

@@ -41,7 +41,7 @@ export interface Props {
      */
     hideCloseButton?: boolean;
 }
-export default function Popover({ trigger, title, children, defaultOpen, isOpen, onOpenChange, placement, hideArrow, hideCloseButton, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Popover({ trigger, title, children, defaultOpen, isOpen, onOpenChange, placement, hideArrow, hideCloseButton, }: Props): React.JSX.Element;
 type PopoverTriggerProps = {
     /**
      * The content to place in the Popover trigger.
@@ -57,5 +57,5 @@ type PopoverTriggerProps = {
         [key: `data-${string}`]: string | undefined;
     };
 };
-export declare function PopoverTrigger({ children, triggerButtonProps, }: PopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function PopoverTrigger({ children, triggerButtonProps, }: PopoverTriggerProps): React.JSX.Element;
 export {};

package/dist/packages/components/RouterProvider/RouterProvider.d.ts

@@ -9,5 +9,5 @@ export type Props = {
     useHref?: (href: Href) => string;
     children: ReactNode;
 };
-declare const RouterProvider: ({ children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const RouterProvider: ({ children, ...props }: Props) => import("react").JSX.Element;
 export default RouterProvider;

package/dist/packages/components/SearchBar/SearchBar.d.ts

@@ -41,4 +41,4 @@ export interface Props {
      */
     width?: string;
 }
-export default function SearchBar({ children, isOpen, onOpenChange, onClear, resultsCount, width, inputProps, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function SearchBar({ children, isOpen, onOpenChange, onClear, resultsCount, width, inputProps, }: Props): React.JSX.Element;

package/dist/packages/components/SearchBar/components/SearchBarLegend/SearchBarLegend.d.ts

@@ -9,4 +9,4 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function SearchBarLegend({ className, style }: Props): import("react/jsx-runtime").JSX.Element;
+export default function SearchBarLegend({ className, style }: Props): React.JSX.Element;

package/dist/packages/components/SelectItem/SelectItem.d.ts

@@ -47,4 +47,4 @@ export type Props = {
      */
     selectionMode?: "single" | "multiple";
 };
-export default function SelectItem({ text, id, iconRight, iconLeft, isSelected, href, target, routerOptions, className, selectionMode, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function SelectItem({ text, id, iconRight, iconLeft, isSelected, href, target, routerOptions, className, selectionMode, ...otherProps }: Props): import("react").JSX.Element;

package/dist/packages/components/Skeleton/Skeleton.d.ts

@@ -28,4 +28,4 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function Skeleton({ variant, color, width, height, style, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Skeleton({ variant, color, width, height, style, className, ...props }: Props): React.JSX.Element;

package/dist/packages/components/Slider/Slider.d.ts

@@ -113,4 +113,4 @@ export interface Props {
      */
     "aria-label"?: string;
 }
-export default function Slider({ id, label, minValue, maxValue, step, isDisabled, style, className, onChange, onChangeEnd, value: initialValue, thumbLabels, labelIconRight, labelIconRightTooltip, description, helperText, helperTextIcon, errorHelperText, errorHelperTextIcon, successHelperText, successHelperTextIcon, isInvalid, withTrackDots, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Slider({ id, label, minValue, maxValue, step, isDisabled, style, className, onChange, onChangeEnd, value: initialValue, thumbLabels, labelIconRight, labelIconRightTooltip, description, helperText, helperTextIcon, errorHelperText, errorHelperTextIcon, successHelperText, successHelperTextIcon, isInvalid, withTrackDots, ...otherProps }: Props): React.JSX.Element;

package/dist/packages/components/Stepper/Step/Step.d.ts

@@ -53,4 +53,4 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function Step({ title, description, children, nature, indicator, href, onClick, isCompleted, isActive, isDisabled, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Step({ title, description, children, nature, indicator, href, onClick, isCompleted, isActive, isDisabled, className, ...props }: Props): React.JSX.Element;

package/dist/packages/components/Stepper/Stepper.d.ts

@@ -19,4 +19,4 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function Stepper({ children, orientation, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Stepper({ children, orientation, ...props }: Props): React.JSX.Element;

package/dist/packages/components/Timeline/Timeline.d.ts

@@ -26,4 +26,4 @@ export type TimelineProps = {
      */
     style?: CSSProperties;
 };
-export default function Timeline({ emptyPlaceholder, lines, startDate, endDate, ...props }: TimelineProps): import("react/jsx-runtime").JSX.Element;
+export default function Timeline({ emptyPlaceholder, lines, startDate, endDate, ...props }: TimelineProps): import("react").JSX.Element;

package/dist/packages/components/Timeline/components/BlockLineContainer/BlockLineContainer.d.ts

@@ -33,4 +33,4 @@ export interface Props {
      */
     indentLevel?: number;
 }
-export default function BlockLineContainer({ name, blocks, lineStartDate, lineEndDate, isGroupParent, isGroupExpanded, onNameClick, indentLevel, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function BlockLineContainer({ name, blocks, lineStartDate, lineEndDate, isGroupParent, isGroupExpanded, onNameClick, indentLevel, ...props }: Props): import("react").JSX.Element;

package/dist/packages/components/Timeline/components/BlockLineContainer/components/ExpandButton/ExpandButton.d.ts

@@ -17,4 +17,4 @@ export interface Props {
      */
     lineEndDate: Block["endDate"];
 }
-export default function ExpandButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export default function ExpandButton(props: Props): import("react").JSX.Element;

package/dist/packages/components/Timeline/components/BlockLineContainer/components/NameBlock/NameBlock.d.ts

@@ -9,4 +9,4 @@ export type Props = {
     /** Indentation level for sub-lines */
     indentLevel?: number;
 };
-export declare const NameBlock: ({ name, isGroupParent, isExpanded, onClick, indentLevel, }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const NameBlock: ({ name, isGroupParent, isExpanded, onClick, indentLevel, }: Props) => import("react").JSX.Element;

package/dist/packages/components/Timeline/components/GroupLineContainer/GroupLineContainer.d.ts

@@ -1,9 +1,10 @@
-import { Block, SubLine } from '../../utils/Timeline.types';
+import { Block, GroupHoverTextFormatter, SubLine } from '../../utils/Timeline.types';
 interface Props {
     name: string;
     subLines: Array<SubLine>;
     lineStartDate: Block["startDate"];
     lineEndDate: Block["endDate"];
+    groupHoverText?: GroupHoverTextFormatter;
 }
-export default function GroupLineContainer({ name, subLines, lineStartDate, lineEndDate, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function GroupLineContainer({ name, subLines, lineStartDate, lineEndDate, groupHoverText, }: Props): import("react").JSX.Element;
 export {};

package/dist/packages/components/Timeline/components/TimelineRange/TimelineRange.d.ts

@@ -1,4 +1,4 @@
 import { TimelineProps } from '../../Timeline';
 export type Props = Pick<TimelineProps, "startDate" | "endDate">;
-declare const TimelineRange: ({ startDate, endDate }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const TimelineRange: ({ startDate, endDate }: Props) => import("react").JSX.Element;
 export default TimelineRange;

package/dist/packages/components/Timeline/doc.md

@@ -704,6 +704,52 @@ export const GroupWithOverflow: Story = {
   },
 };
 
+export const GroupCustomHoverText: Story = {
+  args: {
+    startDate: new Date("2024-01-01T00:00:00.000Z"),
+    endDate: new Date("2024-01-08T00:00:00.000Z"),
+    lines: [
+      {
+        type: "group",
+        name: "Installation 5",
+        groupHoverText: ({ blocks }) => `${blocks.length} indisponibilité(s)`,
+        subLines: [
+          {
+            name: "Installation 5 PRM_1",
+            blocks: [
+              {
+                id: "unavailability-1",
+                startDate: new Date("2024-01-01T00:00:00.000Z"),
+                endDate: new Date("2024-01-03T00:00:00.000Z"),
+                color: "var(--color-content-dataviz-pink-3)",
+                hoverText: "Installation 5 PRM_1 - Indisponibilité 1",
+              },
+            ],
+          },
+          {
+            name: "Installation 5 PRM_2",
+            blocks: [
+              {
+                id: "unavailability-1",
+                startDate: new Date("2024-01-02T00:00:00.000Z"),
+                endDate: new Date("2024-01-04T00:00:00.000Z"),
+                color: "var(--color-content-dataviz-pink-3)",
+                hoverText: "Installation 5 PRM_2 - Indisponibilité 1",
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+  play: async ({ canvasElement, mount }) => {
+    MockDate.set("2024-01-05T12:00:00.000Z");
+    await mount();
+    const canvas = within(canvasElement);
+    await canvas.findByTestId("2 indisponibilité(s)");
+  },
+};
+
 export const MixedSimpleAndGroup: Story = {
   args: {
     startDate: new Date("2024-01-01T00:00:00.000Z"),
@@ -1018,6 +1064,22 @@ Use `type: "group"` with a `subLines` array instead of a `blocks` array.
 
 When collapsed, the group displays a **merged view** of all sub-lines' blocks. Blocks sharing the same color are merged into a single block spanning their combined range. This gives a quick overview of activity across all sub-lines.
 
+By default, hovering a merged block shows its date range. Provide a `groupHoverText` function on the group line to customize this text. It receives the merged interval's `startDate`, `endDate`, `color`, and the original `blocks` that were merged into it:
+
+```ts
+{
+  type: "group",
+  name: "Installation 3",
+  groupHoverText: ({ startDate, endDate, blocks }) =>
+    `${blocks.length} events between ${startDate} and ${endDate}`,
+  subLines: [ /* ... */ ],
+}
+```
+
+Give `groupHoverText` a stable identity (`useCallback`, or defined outside the component) — it's used as a dependency to memoize the merge computation, so a new function on every render defeats that memoization.
+
+<Canvas of={Timeline.GroupCustomHoverText} />
+
 ### Expanded state
 
 Clicking the group name **expands** it, revealing each sub-line on its own indented row. Clicking again collapses it back.

package/dist/packages/components/Timeline/utils/Timeline.types.d.ts

@@ -34,6 +34,25 @@ export type Block = {
      */
     onClick?: () => void;
 };
+export type MergedBlock = {
+    /**
+     * The start date of the merged interval
+     */
+    startDate: Date;
+    /**
+     * The end date of the merged interval
+     */
+    endDate: Date;
+    /**
+     * The color shared by all blocks merged into this interval
+     */
+    color: Block["color"];
+    /**
+     * The original blocks (from all sub-lines) that were merged into this interval
+     */
+    blocks: Array<Block>;
+};
+export type GroupHoverTextFormatter = (mergedBlock: MergedBlock) => string;
 export type SubLine = {
     /**
      * The name of the sub-line, displayed at the left when expanded
@@ -71,6 +90,14 @@ export type GroupLine = {
      * The sub-lines to display when expanded
      */
     subLines: Array<SubLine>;
+    /**
+     * Custom formatter for the hover text of the merged blocks shown on the group's
+     * collapsed row. Receives the merged date range, color, and the original blocks
+     * that were merged into it. Defaults to a "start date - end date" format.
+     * Give it a stable identity (e.g. via `useCallback`, or defined outside the
+     * component) so the merge computation isn't redone on every render.
+     */
+    groupHoverText?: GroupHoverTextFormatter;
 };
 export type Line = SimpleLine | GroupLine;
 export declare function isGroupLine(line: Line): line is GroupLine;

package/dist/packages/components/Timeline/utils/mergeBlocksByColor/mergeBlocksByColor.d.ts

@@ -1,7 +1,7 @@
-import { Block, SubLine } from '../Timeline.types';
+import { Block, GroupHoverTextFormatter, SubLine } from '../Timeline.types';
 /**
  * Merges blocks from all sub-lines by color.
  * For each color group, overlapping intervals are merged into a single block.
  * Returns a flat array of merged blocks.
  */
-export declare function mergeBlocksByColor(subLines: SubLine[]): Block[];
+export declare function mergeBlocksByColor(subLines: SubLine[], groupHoverText?: GroupHoverTextFormatter): Block[];

package/dist/packages/components/Toaster/Toaster.d.ts

@@ -21,4 +21,4 @@ export type Props = {
      */
     offset?: number;
 };
-export default function Toaster({ position, expand, visibleToasts, offset, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Toaster({ position, expand, visibleToasts, offset, }: Props): import("react").JSX.Element;

package/dist/packages/components/Tooltip/Tooltip.d.ts

@@ -62,7 +62,7 @@ export interface Props {
      */
     fluid?: boolean;
 }
-export default function Tooltip({ children, label, delay, closeDelay, trigger, defaultOpen, isOpen, onOpenChange, placement, isDisabled, hideArrow, fluid, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Tooltip({ children, label, delay, closeDelay, trigger, defaultOpen, isOpen, onOpenChange, placement, isDisabled, hideArrow, fluid, }: Props): React.JSX.Element;
 type TooltipTriggerProps = {
     /**
      * The content to place in the tooltip trigger.
@@ -75,5 +75,5 @@ type TooltipTriggerProps = {
      */
     triggerButtonProps?: ButtonProps;
 };
-export declare function TooltipTrigger({ children, triggerButtonProps, }: TooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function TooltipTrigger({ children, triggerButtonProps, }: TooltipTriggerProps): React.JSX.Element;
 export {};

package/dist/packages/internal-components/ChartIcon/ChartIcon.d.ts

@@ -30,4 +30,4 @@ export interface ChartIconProps {
      */
     style?: React.CSSProperties;
 }
-export default function ChartIcon({ icon, color, customIcon, outlineColor, className, style, }: ChartIconProps): import("react/jsx-runtime").JSX.Element;
+export default function ChartIcon({ icon, color, customIcon, outlineColor, className, style, }: ChartIconProps): React.JSX.Element;

package/dist/packages/internal-components/ErrorBoundary/ErrorBoundary.d.ts

@@ -10,6 +10,6 @@ declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBou
     constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(): ErrorBoundaryState;
     componentDidCatch(error: Error): void;
-    render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
+    render(): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 }
 export default ErrorBoundary;

package/dist/packages/internal-components/FormGroupHelper/FormGroupHelper.d.ts

@@ -19,4 +19,4 @@ export type Props = {
      */
     characterCounter?: React.ReactNode;
 };
-export default function FormGroupHelper({ iconLeft, text, nature, characterCounter, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function FormGroupHelper({ iconLeft, text, nature, characterCounter, }: Props): React.JSX.Element;

package/dist/packages/internal-components/Logo/Logo.d.ts

@@ -5,5 +5,5 @@ type Props = IconBaseProps & {
      */
     title: "agregio" | "connection-management" | "iris" | "vpp" | "obi";
 };
-export default function Logo({ title, ...otherProps }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Logo({ title, ...otherProps }: Props): import("react").JSX.Element;
 export {};

package/dist/packages/internal-components/MultiLineEllipsis/MultiLineEllipsis.d.ts

@@ -18,4 +18,4 @@ export interface Props {
      */
     style?: React.CSSProperties;
 }
-export default function MultiLineEllipsis({ text, maxLines, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default function MultiLineEllipsis({ text, maxLines, style, ...props }: Props): React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agregio-solutions/design-system",
-  "version": "1.97.0",
+  "version": "1.98.0",
   "description": "React Component library and Storybook that is part of the Design System for Agregio Solutions",
   "type": "module",
   "module": "dist/design-system.js",
@@ -43,55 +43,57 @@
     "@eslint/compat": "2.1.0",
     "@eslint/js": "9.39.4",
     "@mui/material": "5.18.0",
-    "@semantic-release/gitlab": "13.3.2",
+    "@react-aria/optimize-locales-plugin": "2.0.0",
+    "@semantic-release/gitlab": "13.3.3",
     "@semantic-release/npm": "13.1.5",
-    "@storybook/addon-a11y": "10.4.0",
-    "@storybook/addon-docs": "10.4.0",
-    "@storybook/addon-links": "10.4.0",
-    "@storybook/addon-vitest": "10.4.0",
-    "@storybook/react-vite": "10.4.0",
-    "@tanstack/react-query": "5.100.10",
+    "@storybook/addon-a11y": "10.5.5",
+    "@storybook/addon-docs": "10.5.5",
+    "@storybook/addon-links": "10.5.5",
+    "@storybook/addon-vitest": "10.5.5",
+    "@storybook/react-vite": "10.5.5",
+    "@tanstack/react-query": "5.101.4",
     "@tanstack/react-table": "8.21.3",
     "@types/lodash": "4.17.24",
-    "@types/node": "24.12.4",
-    "@types/react": "19.2.14",
+    "@types/node": "24.13.3",
+    "@types/react": "19.2.17",
     "@types/react-dom": "19.2.3",
     "@vitejs/plugin-react": "5.2.0",
-    "@vitest/browser": "4.1.6",
-    "@vitest/browser-playwright": "4.1.6",
-    "chromatic": "16.10.0",
+    "@vitest/browser": "4.1.10",
+    "@vitest/browser-playwright": "4.1.10",
+    "chromatic": "18.1.0",
     "conventional-changelog-conventionalcommits": "9.3.1",
+    "eslint": "9.39.4",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-jest-dom": "5.5.0",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.1.1",
-    "eslint-plugin-storybook": "10.4.0",
+    "eslint-plugin-storybook": "10.5.5",
     "husky": "9.1.7",
     "jest": "30.4.2",
-    "lint-staged": "16.4.0",
+    "lint-staged": "17.2.0",
     "lodash": "4.18.1",
     "mockdate": "3.0.5",
-    "playwright": "1.60.0",
-    "prettier": "3.8.3",
-    "react": "19.2.6",
-    "react-dom": "19.2.6",
-    "react-hook-form": "7.75.0",
-    "react-router-dom": "7.15.1",
-    "recharts": "3.8.1",
+    "playwright": "1.62.0",
+    "prettier": "3.9.6",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "react-hook-form": "7.83.0",
+    "react-router-dom": "7.18.1",
+    "recharts": "3.10.1",
     "remark-gfm": "4.0.1",
-    "semantic-release": "25.0.3",
-    "storybook": "10.4.0",
-    "typescript-eslint": "8.59.3",
-    "vite-plugin-dts": "4.5.4",
-    "vitest": "4.1.6"
+    "semantic-release": "25.0.8",
+    "storybook": "10.5.5",
+    "typescript": "5.9.3",
+    "typescript-eslint": "8.65.0",
+    "vite-plugin-dts": "5.0.3",
+    "vitest": "4.1.10"
   },
   "dependencies": {
-    "@react-aria/optimize-locales-plugin": "1.2.0",
     "clsx": "2.1.1",
     "normalize.css": "8.0.1",
     "react-aria-components": "1.17.0",
     "sonner": "2.0.7",
-    "styled-components": "6.4.1",
+    "styled-components": "6.4.4",
     "vite": "7.3.3",
     "vite-tsconfig-paths": "6.1.1"
   },