@hitachivantara/uikit-react-core 5.66.11 → 5.66.13

package/dist/cjs/ActionsGeneric/ActionsGeneric.cjs

@@ -32,8 +32,7 @@ const HvActionsGeneric = (props) => {
     actionsCallback?.(event, id, action);
     onAction?.(event, action);
   };
-  if (!Array.isArray(actions))
-    return React.isValidElement(actions) ? actions : null;
+  if (!Array.isArray(actions)) return React.isValidElement(actions) ? actions : null;
   const renderButton = (action, idx) => {
     const {
       disabled: actDisabled,

package/dist/cjs/AvatarGroup/AvatarGroup.cjs

@@ -99,8 +99,7 @@ const HvAvatarGroup = React.forwardRef(
     const totalChildren = React.Children.count(children);
     const willOverflow = totalChildren > maxVisible;
     const childrenToShow = React.Children.toArray(children).slice(0, maxVisible);
-    if (toBack)
-      childrenToShow.reverse();
+    if (toBack) childrenToShow.reverse();
     return /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {

package/dist/cjs/BaseDropdown/BaseDropdown.cjs

@@ -88,8 +88,7 @@ const BaseDropdown = React.forwardRef((props, ref) => {
       }
       const notControlKey = !!event?.code && !keyboardUtils.isOneOfKeys(event, ["Tab", "Enter", "Esc", "ArrowDown", "Space"]);
       const ignoredCombinations = keyboardUtils.isKey(event, "Esc") && !isOpen || keyboardUtils.isKey(event, "ArrowDown") && isOpen || keyboardUtils.isKey(event, "Tab") && !isOpen;
-      if (disabled || notControlKey || ignoredCombinations)
-        return;
+      if (disabled || notControlKey || ignoredCombinations) return;
       const newOpen = !isOpen;
       setIsOpen(() => {
         if (!newOpen) {
@@ -211,8 +210,7 @@ const BaseDropdown = React.forwardRef((props, ref) => {
         ] }) })
       }
     );
-    if (disablePortal)
-      return container;
+    if (disablePortal) return container;
     return reactDom.createPortal(
       container,
       document.getElementById(rootId || "") || document.body

package/dist/cjs/Box/Box.cjs

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const generic = require("../types/generic.cjs");
 const sxFn = (sx) => {
   return typeof sx === "function" ? sx(uikitStyles.theme) : sx;
 };
-const HvBox = React.forwardRef(
-  (props, ref) => {
-    const {
-      style,
-      component: Component = "div",
-      sx,
-      children,
-      classes,
-      ...restProps
-    } = useDefaultProps.useDefaultProps("HvBox", props);
-    return /* @__PURE__ */ jsxRuntime.jsx(Component, { style: sx ? sxFn(sx) : style, ref, ...restProps, children });
-  }
-);
+const HvBox = generic.fixedForwardRef(function HvBox2(props, ref) {
+  const {
+    style,
+    component: Component = "div",
+    sx,
+    children,
+    classes,
+    // Extracted since useDefaultProps creates this prop even if it's not part of the component's API
+    ...restProps
+  } = useDefaultProps.useDefaultProps("HvBox", props);
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { style: sx ? sxFn(sx) : style, ref, ...restProps, children });
+});
 exports.HvBox = HvBox;

package/dist/cjs/Button/Button.cjs

@@ -7,8 +7,7 @@ const useTheme = require("../hooks/useTheme.cjs");
 const generic = require("../types/generic.cjs");
 const Button_styles = require("./Button.styles.cjs");
 const mapVariant = (variant, theme) => {
-  if (theme === "ds3")
-    return variant;
+  if (theme === "ds3") return variant;
   const deprecatedVariantMap = {
     secondary: "secondarySubtle",
     ghost: "primaryGhost"
@@ -45,13 +44,11 @@ const HvButton = generic.fixedForwardRef(function HvButton2(props, ref) {
     activeTheme?.name
   );
   const handleClick = (e) => {
-    if (disabled)
-      return;
+    if (disabled) return;
     onClickProp?.(e);
   };
   const handleMouseDown = (e) => {
-    if (disabled)
-      return;
+    if (disabled) return;
     onMouseDownProp?.(e);
   };
   const [color, type] = React.useMemo(() => {

package/dist/cjs/Calendar/CalendarHeader/CalendarHeader.cjs

@@ -87,8 +87,7 @@ const HvCalendarHeader = (props) => {
     }
   };
   const onBlurHandler = (event) => {
-    if (editedValue == null)
-      return;
+    if (editedValue == null) return;
     if (editedValue === "") {
       setIsValidValue(true);
       setEditedValue(null);
@@ -103,8 +102,7 @@ const HvCalendarHeader = (props) => {
     handleNewDate(event, editedValue);
   };
   const onFocusHandler = (event) => {
-    if (!localValue)
-      return;
+    if (!localValue) return;
     const formattedDate = isValidValue && utils.isDate(localValue) ? dayjs__default.default(localValue).locale(locale).format("L") : editedValue;
     setEditedValue(formattedDate);
     onFocus?.(event, formattedDate);

package/dist/cjs/Calendar/SingleCalendar/CalendarCell.cjs

@@ -39,8 +39,7 @@ const HvCalendarCell = (props) => {
   const handleClick = (event) => {
     if (value) {
       onChange?.(event, value);
-      if (buttonEl.current)
-        setTimeout(() => buttonEl?.current?.focus());
+      if (buttonEl.current) setTimeout(() => buttonEl?.current?.focus());
     }
   };
   const handleKeyDown = (event) => {

package/dist/cjs/Calendar/SingleCalendar/SingleCalendar.cjs

@@ -50,14 +50,10 @@ const HvSingleCalendar = ({
     onInputChange?.(event, date);
   };
   const getNavChild = (event, siblings, i) => {
-    if (keyboardUtils.isKey(event, "ArrowLeft"))
-      return siblings[i - 1];
-    if (keyboardUtils.isKey(event, "ArrowRight"))
-      return siblings[i + 1];
-    if (keyboardUtils.isKey(event, "ArrowUp"))
-      return siblings[i - 7];
-    if (keyboardUtils.isKey(event, "ArrowDown"))
-      return siblings[i + 7];
+    if (keyboardUtils.isKey(event, "ArrowLeft")) return siblings[i - 1];
+    if (keyboardUtils.isKey(event, "ArrowRight")) return siblings[i + 1];
+    if (keyboardUtils.isKey(event, "ArrowUp")) return siblings[i - 7];
+    if (keyboardUtils.isKey(event, "ArrowDown")) return siblings[i + 7];
     return void 0;
   };
   const handleKeyDown = (event) => {

package/dist/cjs/Calendar/utils.cjs

@@ -11,13 +11,11 @@ const makeUTCDate = (year, monthIndex, day, hour = 1) => new Date(Date.UTC(year,
 const isDate = (date) => Object.prototype.toString.call(date) === "[object Date]" && !Number.isNaN(date.valueOf());
 const isDateRangeProp = (date) => "startDate" in date;
 const isSameMonth = (date1, date2) => {
-  if (!(isDate(date1) && isDate(date2)))
-    return false;
+  if (!(isDate(date1) && isDate(date2))) return false;
   return date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();
 };
 const isSameDay = (date1, date2) => {
-  if (!(isDate(date1) && isDate(date2)))
-    return false;
+  if (!(isDate(date1) && isDate(date2))) return false;
   return date1.getDate() === date2.getDate() && date1.getMonth() === date2.getMonth() && date1.getFullYear() === date2.getFullYear();
 };
 const getPreviousMonth = (month, year) => {
@@ -72,8 +70,7 @@ const createDatesArray = (month, year) => {
 const isRange = (date) => date != null && typeof date === "object" && "startDate" in date;
 const dateInProvidedValueRange = (date, providedValueRange) => {
   const { startDate, endDate } = providedValueRange;
-  if (!isRange(providedValueRange) || endDate == null)
-    return false;
+  if (!isRange(providedValueRange) || endDate == null) return false;
   const localEndDate = endDate;
   const modStartDate = dayjs__default.default(startDate).format("YYYY-MM-DD");
   const modEndDate = dayjs__default.default(localEndDate).format("YYYY-MM-DD");
@@ -81,8 +78,7 @@ const dateInProvidedValueRange = (date, providedValueRange) => {
   return convertedDate >= modStartDate && convertedDate <= modEndDate;
 };
 const checkIfDateIsDisabled = (date, minimumDate, maximumDate) => {
-  if (!minimumDate && !maximumDate)
-    return false;
+  if (!minimumDate && !maximumDate) return false;
   const modStartDate = minimumDate ? dayjs__default.default(minimumDate).format("YYYY-MM-DD") : void 0;
   const modEndDate = maximumDate ? dayjs__default.default(maximumDate).format("YYYY-MM-DD") : void 0;
   const convertedDate = dayjs__default.default(date).format("YYYY-MM-DD");

package/dist/cjs/Carousel/Carousel.cjs

@@ -65,8 +65,7 @@ const HvCarousel = (props) => {
     controller?.scrollTo(index);
   };
   const handleSelect = React.useCallback(() => {
-    if (!controller)
-      return;
+    if (!controller) return;
     const slideIndex = controller.selectedScrollSnap();
     setSelectedIndex(slideIndex);
     thumbnailsRef.current?.querySelectorAll("button")?.[slideIndex]?.scrollIntoView({
@@ -76,16 +75,14 @@ const HvCarousel = (props) => {
     onChange?.(slideIndex);
   }, [controller, onChange]);
   React.useEffect(() => {
-    if (!controller)
-      return;
+    if (!controller) return;
     controller.on("select", handleSelect);
     return () => {
       controller.off("select", handleSelect);
     };
   }, [controller, handleSelect]);
   React.useEffect(() => {
-    if (!controller)
-      return;
+    if (!controller) return;
     controller.reInit();
     setSelectedIndex((currentIndex) => helpers.clamp(currentIndex, numSlides));
   }, [numSlides, controller]);

package/dist/cjs/ColorPicker/Fields/Fields.cjs

@@ -7,8 +7,7 @@ const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const Fields_styles = require("./Fields.styles.cjs");
 const Input = require("../../Input/Input.cjs");
 function _interopNamespace(e) {
-  if (e && e.__esModule)
-    return e;
+  if (e && e.__esModule) return e;
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
     for (const k in e) {
@@ -84,12 +83,9 @@ const Fields = (props) => {
     handleChange({ hex: value }, event);
   };
   const onChangeRbg = (event, value, colorPart) => {
-    if (colorPart === "r")
-      setInternalRed(Number(value));
-    if (colorPart === "g")
-      setInternalGreen(Number(value));
-    if (colorPart === "b")
-      setInternalBlue(Number(value));
+    if (colorPart === "r") setInternalRed(Number(value));
+    if (colorPart === "g") setInternalGreen(Number(value));
+    if (colorPart === "b") setInternalBlue(Number(value));
     handleChange(
       {
         r: colorPart === "r" ? Number(value) : rgb?.r,

package/dist/cjs/DatePicker/DatePicker.cjs

@@ -151,19 +151,16 @@ const HvDatePicker = React.forwardRef(
       }
     };
     const handleToggle = (evt, open) => {
-      if (evt === null)
-        return;
+      if (evt === null) return;
       onToggle?.(evt, open);
       setCalendarOpen(open);
-      if (!open)
-        handleCalendarClose();
+      if (!open) handleCalendarClose();
     };
     const focusOnContainer = () => {
       focusTarget.current?.focus();
     };
     const handleDateChange = (event, newDate) => {
-      if (!utils$2.isDate(newDate))
-        return;
+      if (!utils$2.isDate(newDate)) return;
       const autoSave = !showActions && !rangeMode;
       if (rangeMode) {
         if (!startDate || startDate && endDate || newDate < startDate) {
@@ -187,19 +184,16 @@ const HvDatePicker = React.forwardRef(
       }
     };
     const handleInputDateChange = (event, newDate, position) => {
-      if (!utils$2.isDate(newDate))
-        return;
+      if (!utils$2.isDate(newDate)) return;
       if (!rangeMode) {
         handleDateChange(event, newDate);
         return;
       }
       if (position === "left") {
-        if (endDate)
-          setStartDate(newDate > endDate ? endDate : newDate);
+        if (endDate) setStartDate(newDate > endDate ? endDate : newDate);
       } else if (position === "right") {
         if (!startDate) {
-          if (endDate)
-            setStartDate(newDate > endDate ? endDate : newDate);
+          if (endDate) setStartDate(newDate > endDate ? endDate : newDate);
           return;
         }
         setEndDate(newDate < startDate ? startDate : newDate);

package/dist/cjs/Dialog/Dialog.cjs

@@ -31,8 +31,7 @@ const HvDialog = (props) => {
   const { classes, css, cx } = Dialog_styles.useClasses(classesProp);
   const { rootId } = useTheme.useTheme();
   const measuredRef = React.useCallback(() => {
-    if (!firstFocusable)
-      return;
+    if (!firstFocusable) return;
     const element = document.getElementById(firstFocusable);
     element?.focus();
   }, [firstFocusable]);
@@ -48,8 +47,7 @@ const HvDialog = (props) => {
       open,
       fullScreen: fullscreen,
       onClose: (event, reason) => {
-        if (disableBackdropClick)
-          return;
+        if (disableBackdropClick) return;
         onClose?.(event, reason);
       },
       slotProps: {

package/dist/cjs/Drawer/Drawer.cjs

@@ -26,8 +26,7 @@ const HvDrawer = (props) => {
   } = useDefaultProps.useDefaultProps("HvDrawer", props);
   const { classes, cx } = Drawer_styles.useClasses(classesProp);
   const handleOnClose = (event, reason) => {
-    if (reason === "backdropClick" && disableBackdropClick)
-      return;
+    if (reason === "backdropClick" && disableBackdropClick) return;
     onClose?.(event, reason);
   };
   const shouldHideBackdrop = hideBackdrop ?? !showBackdrop;

package/dist/cjs/DropDownMenu/DropDownMenu.cjs

@@ -68,8 +68,7 @@ const HvDropDownMenu = (props) => {
   const handleKeyDown = (event) => {
     if (keyboardUtils.isKey(event, "Tab")) {
       const node = event.shiftKey ? focusNodes.prevFocus : focusNodes.nextFocus;
-      if (node)
-        setTimeout(() => node.focus(), 0);
+      if (node) setTimeout(() => node.focus(), 0);
       handleClose(event);
     }
     event.preventDefault();
@@ -120,8 +119,7 @@ const HvDropDownMenu = (props) => {
           selectable: false,
           condensed,
           onClick: (event, item) => {
-            if (!keepOpened)
-              handleClose(event);
+            if (!keepOpened) handleClose(event);
             onClick?.(event, item);
           },
           onKeyDown: handleKeyDown,

package/dist/cjs/Dropdown/Dropdown.cjs

@@ -144,8 +144,7 @@ const HvDropdown = React.forwardRef(
           return "valid";
         });
       }
-      if (notifyChanges)
-        onChange?.(multiSelect ? selected : selected[0]);
+      if (notifyChanges) onChange?.(multiSelect ? selected : selected[0]);
       if (toggle) {
         handleToggle(void 0, false);
         dropdownHeaderRef.current?.focus({ preventScroll: true });

package/dist/cjs/Dropdown/List/List.cjs

@@ -50,8 +50,7 @@ const HvDropdownList = (props) => {
     selectionConjunction: labels?.multiSelectionConjunction
   };
   const updateSelectAll = (listValues) => {
-    if (!listValues)
-      return;
+    if (!listValues) return;
     const nbrSelected = utils.getSelected(listValues).length;
     const hasSelection = nbrSelected > 0;
     const allSelect = nbrSelected === listValues.length;
@@ -59,8 +58,7 @@ const HvDropdownList = (props) => {
     setAllSelected(hasSelection && allSelect);
   };
   React.useEffect(() => {
-    if (!valuesExist(values))
-      return;
+    if (!valuesExist(values)) return;
     setList(clone(values));
     updateSelectAll(values);
     if (notifyChangesOnFirstRender) {

package/dist/cjs/Dropdown/utils.cjs

@@ -4,8 +4,7 @@ const getSelected = (list = []) => list.filter((elem) => elem.selected);
 const getSelectionLabel = (labels, placeholder, multiSelect, list = []) => {
   const { select } = labels || {};
   const selected = getSelected(list);
-  if (select)
-    return { selected: select };
+  if (select) return { selected: select };
   if (multiSelect) {
     return {
       selected: selected.length,

package/dist/cjs/FileUploader/DropZone/DropZone.cjs

@@ -13,8 +13,7 @@ const Label = require("../../Forms/Label/Label.cjs");
 const InfoMessage = require("../../Forms/InfoMessage/InfoMessage.cjs");
 const Typography = require("../../Typography/Typography.cjs");
 function validateAccept(file, acceptAttr) {
-  if (!file || !acceptAttr)
-    return true;
+  if (!file || !acceptAttr) return true;
   const acceptEntries = acceptAttr.split(",");
   const fileName = file.name || "";
   const mimeType = (file.type || "").toLowerCase();
@@ -51,8 +50,7 @@ const HvDropZone = (props) => {
     setDragState(false);
   };
   const handleDragEnter = (event) => {
-    if (disabled)
-      return;
+    if (disabled) return;
     event.stopPropagation();
     event.preventDefault();
     setDragState(true);
@@ -128,8 +126,7 @@ const HvDropZone = (props) => {
               onDragLeave: handleDragLeave,
               onDropCapture: handleDragLeave,
               onDrop: (event) => {
-                if (disabled)
-                  return;
+                if (disabled) return;
                 const { files } = event.dataTransfer;
                 if (multiple === true || files.length === 1) {
                   event.stopPropagation();

package/dist/cjs/FileUploader/FileList/FileList.cjs

@@ -15,8 +15,7 @@ const HvFileList = (props) => {
   } = useDefaultProps.useDefaultProps("HvFileList", props);
   const { classes } = FileList_styles.useClasses(classesProp);
   const hasFiles = list.length > 0;
-  if (!hasFiles)
-    return null;
+  if (!hasFiles) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("ul", { id: setId.setId(id, "list"), className: classes.list, children: list.map((data) => /* @__PURE__ */ jsxRuntime.jsx(
     File.HvFile,
     {

package/dist/cjs/FilterGroup/FilterContent/FilterContent.cjs

@@ -67,11 +67,9 @@ const HvFilterGroupContent = React.forwardRef((props, ref) => {
     onClear?.(event);
   };
   const handleToggle = (event, open) => {
-    if (event === null)
-      return;
+    if (event === null) return;
     setFilterGroupOpen(open);
-    if (!open)
-      onCancelHandler?.(event);
+    if (!open) onCancelHandler?.(event);
   };
   const Header = React.useMemo(
     () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [

package/dist/cjs/Focus/Focus.cjs

@@ -35,8 +35,7 @@ const HvFocus = ({
     return focuses;
   };
   const setTabIndex = (el, tabIndex = 0) => {
-    if (!el)
-      return;
+    if (!el) return;
     const elChildFocus = utils.getFocusableChildren(el)[0];
     if (elChildFocus) {
       el.tabIndex = -1;
@@ -50,8 +49,7 @@ const HvFocus = ({
     const firstSelected = focuses.find(
       (focus) => focus.classList.contains(classes.selected || "selected")
     );
-    if (!firstSelected)
-      return;
+    if (!firstSelected) return;
     focuses.forEach((focus) => setTabIndex(focus, -1));
     setTabIndex(firstSelected, 0);
   };
@@ -73,8 +71,7 @@ const HvFocus = ({
   };
   const config = (el) => {
     const { tabIndex } = configuration;
-    if (!el || hasRunConfig)
-      return;
+    if (!el || hasRunConfig) return;
     if (strategy === "card") {
       setChildFocus(children);
       return;
@@ -87,8 +84,7 @@ const HvFocus = ({
       focusableChildren.forEach((child) => setTabIndex(child, -1));
       setChildFocus(focusableChildren[0]);
     }
-    if (tabIndex != null)
-      setTabIndex(el, tabIndex);
+    if (tabIndex != null) setTabIndex(el, tabIndex);
     setHasRunConfig(true);
   };
   const addFocusClass = (evt) => {
@@ -120,8 +116,7 @@ const HvFocus = ({
   };
   const onMouseDown = (evt) => {
     const hasCard = !!evt.currentTarget?.querySelector(".HvIsCardGridElement");
-    if (strategy === "grid" && hasCard)
-      return;
+    if (strategy === "grid" && hasCard) return;
     utils.setFocusTo(evt.currentTarget);
     setTabIndex(evt.currentTarget, 0);
     if (!focusOnClick) {
@@ -299,11 +294,9 @@ const HvFocus = ({
     onVerticalArrangementHandler(evt, focuses, focusesList);
   };
   const onKeyUp = (evt) => {
-    if (browser.isBrowser("firefox"))
-      evt.preventDefault();
+    if (browser.isBrowser("firefox")) evt.preventDefault();
   };
-  if (disabled)
-    return children;
+  if (disabled) return children;
   const focusWrapper = (childrenToWrap) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.externalReference, children: [
     childrenToWrap,
     showFocus && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.falseFocus })

package/dist/cjs/Forms/FormElement/utils/FormUtils.cjs

@@ -14,10 +14,12 @@ const findDescriptors = (children, descriptors = {
 }) => {
   React__default.default.Children.forEach(children, (child) => {
     if (child?.type?.formElementType && child.props?.id) {
-      descriptors[child.type.formElementType]?.push({
-        id: child.props?.id,
-        htmlFor: child.props?.htmlFor
-      });
+      descriptors[child.type.formElementType]?.push(
+        {
+          id: child.props?.id,
+          htmlFor: child.props?.htmlFor
+        }
+      );
     }
     if (child?.type?.formElementType !== "formelement") {
       findDescriptors(child?.props?.children, descriptors);

package/dist/cjs/GlobalActions/GlobalActions.styles.cjs

@@ -73,8 +73,7 @@ const { staticClasses, useClasses } = classes.createClasses("HvGlobalActions", {
 });
 const getBreakpointStyles = (isUpMd, isSmDown) => {
   const unit = isUpMd ? 4 : isSmDown ? 2 : 0;
-  if (!unit)
-    return {};
+  if (!unit) return {};
   return {
     width: `calc(100% - 2 * ${uikitStyles.theme.spacing(unit)})`,
     marginLeft: uikitStyles.theme.spacing(unit),

package/dist/cjs/Grid/Grid.cjs

@@ -31,10 +31,13 @@ function getGridSpacing(spacing) {
       gridSpacing = BREAKPOINT_GUTTERS[spacing];
     }
   } else if (typeof spacing === "object") {
-    gridSpacing = Object.keys(spacing).reduce((acc, bp) => {
-      acc[bp] = BREAKPOINT_GUTTERS[spacing[bp]] ?? spacing[bp];
-      return acc;
-    }, {});
+    gridSpacing = Object.keys(spacing).reduce(
+      (acc, bp) => {
+        acc[bp] = BREAKPOINT_GUTTERS[spacing[bp]] ?? spacing[bp];
+        return acc;
+      },
+      {}
+    );
   } else if (spacing === 0) {
     gridSpacing = { xs: 0 };
   } else {

package/dist/cjs/Header/Navigation/useSelectionPath.cjs

@@ -7,8 +7,7 @@ const getSelectionPath = (data, selectedId, selection = [], idx = -1, parent = [
     const isSelected = item.id === selectedId;
     if (isSelected)
       selection.push(...idx > -1 ? [parent[idx].id] : [], item.id);
-    if (hasData)
-      getSelectionPath(item.data, selectedId, selection, i, data);
+    if (hasData) getSelectionPath(item.data, selectedId, selection, i, data);
   });
   return selection;
 };

package/dist/cjs/Input/Input.cjs

@@ -204,8 +204,7 @@ const HvInput = React.forwardRef((props, ref) => {
     }
   };
   const onInputBlurHandler = (event) => {
-    if (eventTargetIsInsideContainer(suggestionsRef.current, event))
-      return;
+    if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;
     setFocused(false);
     const inputValidity = performValidation();
     onBlur?.(event, value, inputValidity);
@@ -242,8 +241,7 @@ const HvInput = React.forwardRef((props, ref) => {
     if (event.relatedTarget) {
       setTimeout(() => {
         const list = getSuggestions(null);
-        if (!list?.contains(document.activeElement))
-          suggestionClearHandler();
+        if (!list?.contains(document.activeElement)) suggestionClearHandler();
       }, 10);
     }
   };

package/dist/cjs/Link/Link.cjs

@@ -19,8 +19,7 @@ const HvLink = (props) => {
     {
       href: route,
       onClick: (event) => {
-        if (!onClick)
-          return;
+        if (!onClick) return;
         event.preventDefault();
         onClick?.(event, data);
       },