@hitachivantara/uikit-react-core 5.106.1 → 6.0.0-next.2

package/dist/cjs/VerticalNavigation/Actions/Action.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const setId = require("../../utils/setId.cjs");
-const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
-const Action_styles = require("./Action.styles.cjs");
-const Button = require("../../Button/Button.cjs");
-const HvVerticalNavigationAction = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    id,
-    label = "",
-    icon,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvVerticalNavigationAction", props);
-  const { isOpen } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  const { classes, cx } = Action_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    Button.HvButton,
-    {
-      id: setId.setId(id, "button"),
-      variant: "secondaryGhost",
-      icon: !isOpen,
-      startIcon: isOpen && icon,
-      className: cx(
-        classes.action,
-        {
-          [classes.noIcon]: !icon,
-          [classes.minimized]: !isOpen
-        },
-        className
-      ),
-      ...!isOpen && { "aria-label": label },
-      ...others,
-      children: [
-        !isOpen && icon,
-        isOpen && label
-      ]
-    }
-  );
-};
-exports.actionClasses = Action_styles.staticClasses;
-exports.HvVerticalNavigationAction = HvVerticalNavigationAction;

package/dist/cjs/VerticalNavigation/Actions/Action.styles.cjs

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(
-  "HvVerticalNavigationAction",
-  {
-    action: {
-      width: "100%",
-      justifyContent: "flex-start",
-      height: "32px",
-      color: "inherit",
-      fontWeight: "inherit",
-      padding: uikitStyles.theme.spacing(0, "xs"),
-      border: "none",
-      // cursor
-      "& *": {
-        cursor: "pointer"
-      }
-    },
-    noIcon: {},
-    minimized: {
-      justifyContent: "center",
-      padding: 0
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/VerticalNavigation/Actions/Actions.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
-const Actions_styles = require("./Actions.styles.cjs");
-const HvVerticalNavigationActions = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    children,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvVerticalNavigationActions", props);
-  const { classes, cx } = Actions_styles.useClasses(classesProp);
-  const { isOpen, useIcons } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(
-        classes.root,
-        {
-          [classes.hide]: !isOpen && !useIcons
-        },
-        className
-      ),
-      ...others,
-      children
-    }
-  );
-};
-exports.actionsClasses = Actions_styles.staticClasses;
-exports.HvVerticalNavigationActions = HvVerticalNavigationActions;

package/dist/cjs/VerticalNavigation/Actions/Actions.styles.cjs

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(
-  "HvVerticalNavigationActions",
-  {
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      marginTop: "auto",
-      gap: uikitStyles.theme.space.xs
-    },
-    hide: {
-      display: "none"
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/VerticalNavigation/Header/Header.cjs

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../../icons.cjs");
-const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
-const Header_styles = require("./Header.styles.cjs");
-const Button = require("../../Button/Button.cjs");
-const Typography = require("../../Typography/Typography.cjs");
-const HvVerticalNavigationHeader = (props) => {
-  const {
-    title,
-    openIcon: openIconProp,
-    closeIcon: closeIconProp,
-    collapseButtonProps = {},
-    backButtonProps = {},
-    className,
-    classes: classesProp,
-    onCollapseButtonClick,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvVerticalNavigationHeader", props);
-  const {
-    isOpen,
-    useIcons,
-    headerTitle,
-    slider,
-    navigateToParentHandler,
-    parentItem
-  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  const { classes, cx } = Header_styles.useClasses(classesProp);
-  const shouldShowTitle = React.useMemo(
-    () => !slider || slider && !Array.isArray(parentItem),
-    [parentItem, slider]
-  );
-  if (!shouldShowTitle) return null;
-  const openIcon = openIconProp ?? /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: useIcons ? "Forwards" : "Menu" });
-  const closeIcon = closeIconProp ?? /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Backwards" });
-  const handleClickBack = () => navigateToParentHandler?.();
-  const { className: backButtonClassName, ...otherBackButtonProps } = backButtonProps;
-  const {
-    className: collapseButtonClassName,
-    classes: collapseButtonClasses,
-    ...otherCollapseButtonProps
-  } = collapseButtonProps;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cx(classes.root, { [classes.minimized]: !isOpen }, className),
-      ...others,
-      children: [
-        isOpen && headerTitle && slider && /* @__PURE__ */ jsxRuntime.jsx(
-          Button.HvButton,
-          {
-            icon: true,
-            onClick: handleClickBack,
-            className: cx(classes.backButton, backButtonClassName),
-            "aria-label": "Back",
-            ...otherBackButtonProps,
-            children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Backwards", size: "xs" })
-          }
-        ),
-        isOpen && /* @__PURE__ */ jsxRuntime.jsx(
-          Typography.HvTypography,
-          {
-            variant: slider ? "label" : "title3",
-            className: classes.title,
-            children: headerTitle && slider ? headerTitle : title
-          }
-        ),
-        onCollapseButtonClick && /* @__PURE__ */ jsxRuntime.jsx(
-          Button.HvButton,
-          {
-            icon: true,
-            onClick: onCollapseButtonClick,
-            className: cx(classes.collapseButton, collapseButtonClassName),
-            classes: {
-              ...collapseButtonClasses,
-              root: cx(
-                { [classes.minimized]: !isOpen },
-                // TODO - v6 don't use minimized classes in two different places
-                collapseButtonClasses?.root
-              )
-            },
-            ...otherCollapseButtonProps,
-            children: isOpen ? closeIcon : openIcon
-          }
-        )
-      ]
-    }
-  );
-};
-exports.verticalNavigationHeaderClasses = Header_styles.staticClasses;
-exports.HvVerticalNavigationHeader = HvVerticalNavigationHeader;

package/dist/cjs/VerticalNavigation/Header/Header.styles.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(
-  "HvVerticalNavigationHeader",
-  {
-    root: {
-      width: "100%",
-      display: "flex",
-      marginTop: "12px",
-      alignItems: "center"
-    },
-    minimized: {
-      justifyContent: "center",
-      paddingRight: 0
-    },
-    collapseButton: {
-      marginLeft: "auto",
-      color: "inherit",
-      "&$minimized": {
-        marginLeft: 0
-      }
-    },
-    backButton: {
-      color: "inherit"
-    },
-    title: {
-      color: "inherit"
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/VerticalNavigation/Navigation/Navigation.cjs

@@ -1,284 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useControlled = require("../../hooks/useControlled.cjs");
-const helpers = require("../../utils/helpers.cjs");
-const setId = require("../../utils/setId.cjs");
-const NavigationPopupContainer = require("../NavigationPopup/NavigationPopupContainer.cjs");
-const utils = require("../NavigationSlider/utils.cjs");
-const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
-const Navigation_styles = require("./Navigation.styles.cjs");
-const NavigationSlider = require("../NavigationSlider/NavigationSlider.cjs");
-const TreeView = require("../TreeView/TreeView.cjs");
-const TreeViewItem = require("../TreeView/TreeViewItem.cjs");
-const createListHierarchy = (items, id, classes, mouseEnterHandler, disableTooltip = false) => items.map((item) => {
-  const {
-    id: itemId,
-    label: itemLabel,
-    icon,
-    data: children,
-    selectable,
-    disabled,
-    href,
-    target
-  } = item;
-  const itemMouseEnterHandler = (event) => {
-    mouseEnterHandler?.(event, item);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    TreeViewItem.HvVerticalNavigationTreeViewItem,
-    {
-      id: setId.setId(id, itemId),
-      className: classes?.listItem,
-      href,
-      target,
-      nodeId: itemId,
-      label: itemLabel,
-      icon,
-      payload: item,
-      selectable,
-      disabled,
-      onMouseEnter: itemMouseEnterHandler,
-      disableTooltip,
-      children: children ? createListHierarchy(
-        children,
-        id,
-        classes,
-        mouseEnterHandler,
-        disableTooltip
-      ) : void 0
-    },
-    itemId
-  );
-});
-const getAllParents = (items) => {
-  const parents = items.filter(
-    (item) => item.data != null && item.data.length > 0
-  );
-  const childParents = parents.flatMap((item) => getAllParents(item.data));
-  return [...parents, ...childParents];
-};
-function pathToElement(data, targetId) {
-  const path = [];
-  if (data != null && data.length > 0) {
-    for (let i = 0; i !== data.length; ++i) {
-      const item = data[i];
-      if (item.id === targetId) {
-        path.push(item.id);
-        break;
-      }
-      const subPaths = pathToElement(item.data, targetId);
-      if (subPaths.length > 0) {
-        path.push(item.id);
-        path.push(...subPaths);
-        break;
-      }
-    }
-  }
-  return path;
-}
-const HvVerticalNavigationTree = (props) => {
-  const {
-    id,
-    className,
-    classes: classesProp,
-    data,
-    mode = "navigation",
-    collapsible = false,
-    expanded: expandedProp,
-    defaultExpanded,
-    onToggle,
-    selected: selectedProp,
-    defaultSelected,
-    onChange,
-    sliderForwardButtonAriaLabel = "Navigate to submenu",
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvVerticalNavigationTree", props);
-  const { classes, cx } = Navigation_styles.useClasses(classesProp);
-  const [selected, setSelected] = useControlled.useControlled(selectedProp, defaultSelected);
-  const [expanded, setExpanded] = useControlled.useControlled(expandedProp, () => {
-    if (defaultExpanded === true) {
-      return getAllParents(data).map((item) => item.id);
-    }
-    if (defaultExpanded === false) {
-      return [];
-    }
-    if (defaultExpanded == null) {
-      if (selected != null) {
-        const path = pathToElement(data, selected);
-        return path.slice(0, -1);
-      }
-      return [];
-    }
-    return defaultExpanded;
-  });
-  const {
-    isOpen,
-    useIcons,
-    slider,
-    parentItem,
-    setParentItem,
-    withParentData,
-    navigateToChildHandler,
-    setParentData,
-    setParentSelected
-  } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-  const [navigationPopup, setNavigationPopup] = React.useState(null);
-  const handleChange = React.useCallback(
-    (event, selectedId, selectedItem) => {
-      if (useIcons && !isOpen && selectedItem.data) {
-        const currentEventTarget = event.currentTarget;
-        setNavigationPopup((prevState) => {
-          return prevState?.anchorEl === currentEventTarget ? null : {
-            uniqueKey: helpers.uniqueId(),
-            anchorEl: currentEventTarget,
-            fixedMode: true,
-            data: selectedItem.data
-          };
-        });
-        event.stopPropagation();
-      } else {
-        setSelected(selectedId);
-        setExpanded((prevState) => {
-          if (!isOpen) {
-            return [...prevState, ...pathToElement(data, selectedId)];
-          }
-          return [...prevState];
-        });
-        setNavigationPopup(null);
-        onChange?.(event, selectedItem);
-      }
-    },
-    [onChange, setSelected, setExpanded, isOpen, useIcons, data]
-  );
-  const treeViewItemMouseEnterHandler = React.useCallback(
-    (event, item) => {
-      const isCollapsed = useIcons && !isOpen;
-      if (isCollapsed && item.data && !navigationPopup?.fixedMode) {
-        const currentEventTarget = event.currentTarget;
-        setNavigationPopup?.({
-          uniqueKey: helpers.uniqueId(),
-          anchorEl: currentEventTarget,
-          fixedMode: false,
-          data: item.data
-        });
-      } else if (isCollapsed && !item.data && !navigationPopup?.fixedMode) {
-        setNavigationPopup(null);
-      }
-    },
-    [isOpen, useIcons, navigationPopup]
-  );
-  const handleToggle = React.useCallback(
-    (event, newExpanded) => {
-      setExpanded(newExpanded);
-      onToggle?.(event, newExpanded);
-    },
-    [onToggle, setExpanded]
-  );
-  const children = React.useMemo(
-    () => data && createListHierarchy(
-      data,
-      id,
-      classes,
-      treeViewItemMouseEnterHandler,
-      navigationPopup?.fixedMode
-    ),
-    [classes, data, id, navigationPopup, treeViewItemMouseEnterHandler]
-  );
-  React.useEffect(() => {
-    if (!isOpen) {
-      setNavigationPopup?.(null);
-    }
-  }, [isOpen]);
-  React.useEffect(() => {
-    if (setParentSelected) setParentSelected(selected);
-  }, [selected, setSelected, setParentSelected]);
-  React.useEffect(() => {
-    if (setParentData) setParentData(data);
-  }, [data, setParentData]);
-  React.useEffect(() => {
-    if (withParentData && selected && setParentItem && utils.getParentItemById(withParentData, selected)) {
-      setParentItem(utils.getParentItemById(withParentData, selected));
-    }
-  }, [withParentData, selected, setParentItem]);
-  const navigateToTargetHandler = (event, selectedItem) => handleChange(event, selectedItem.id, selectedItem);
-  const handleNavigationPopupClose = () => setNavigationPopup(null);
-  const handleStyledNavMouseLeave = () => {
-    if (useIcons && !isOpen && !navigationPopup?.fixedMode) {
-      setNavigationPopup(null);
-    }
-  };
-  const handleNavigationPopupMouseLeave = () => {
-    if (!navigationPopup?.fixedMode) {
-      handleNavigationPopupClose();
-    }
-  };
-  const handleNavigationPopupChange = (event, selectedItem) => {
-    handleChange(event, selectedItem.id, selectedItem);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "nav",
-    {
-      id,
-      className: cx(
-        classes.root,
-        { [classes.collapsed]: !isOpen && !useIcons },
-        className
-      ),
-      onMouseLeave: handleStyledNavMouseLeave,
-      ...others,
-      children: slider ? /* @__PURE__ */ jsxRuntime.jsx(
-        NavigationSlider.HvVerticalNavigationSlider,
-        {
-          data: parentItem.data || withParentData,
-          selected,
-          onNavigateToTarget: navigateToTargetHandler,
-          onNavigateToChild: navigateToChildHandler,
-          forwardButtonAriaLabel: sliderForwardButtonAriaLabel
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsxs(
-        TreeView.HvVerticalNavigationTreeView,
-        {
-          id: setId.setId(id, "tree"),
-          className: classes.list,
-          selectable: true,
-          mode,
-          collapsible,
-          selected,
-          onChange: handleChange,
-          expanded,
-          onToggle: handleToggle,
-          children: [
-            useIcons && !isOpen && navigationPopup && /* @__PURE__ */ jsxRuntime.jsx(
-              NavigationPopupContainer.NavigationPopupContainer,
-              {
-                anchorEl: navigationPopup.anchorEl,
-                onClose: handleNavigationPopupClose,
-                className: classes.navigationPopup,
-                children: /* @__PURE__ */ jsxRuntime.jsx(
-                  HvVerticalNavigationTree,
-                  {
-                    className: classes.popup,
-                    id: setId.setId(id, "navigation-popup-tree"),
-                    collapsible: true,
-                    defaultExpanded: true,
-                    selected,
-                    data: navigationPopup.data,
-                    onChange: handleNavigationPopupChange,
-                    onMouseLeave: handleNavigationPopupMouseLeave
-                  }
-                )
-              },
-              navigationPopup.uniqueKey
-            ),
-            children
-          ]
-        }
-      )
-    }
-  );
-};
-exports.verticalNavigationTreeClasses = Navigation_styles.staticClasses;
-exports.HvVerticalNavigationTree = HvVerticalNavigationTree;

package/dist/cjs/VerticalNavigation/Navigation/Navigation.styles.cjs

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(
-  "HvVerticalNavigationTree",
-  {
-    root: {
-      display: "block",
-      overflowY: "auto"
-    },
-    list: {},
-    listItem: {},
-    collapsed: {
-      display: "none"
-    },
-    popup: {
-      boxShadow: "inset 5px 0 5px -3px rgb(65 65 65 / 12%)"
-    },
-    navigationPopup: {
-      boxShadow: "inset 5px 0 5px -3px rgb(65 65 65 / 12%)"
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/VerticalNavigation/NavigationPopup/NavigationPopup.styles.cjs

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const uikitStyles = require("@hitachivantara/uikit-styles");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses(
-  "HvVerticalNavigationPopup",
-  {
-    popup: {},
-    container: {
-      marginLeft: uikitStyles.theme.spacing("xs")
-    },
-    popper: {
-      zIndex: uikitStyles.theme.zIndices.popover
-    }
-  }
-);
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/VerticalNavigation/NavigationPopup/NavigationPopupContainer.cjs

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const Popper = require("@mui/base/Popper");
-const ClickAwayListener = require("@mui/material/ClickAwayListener");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const document = require("../../utils/document.cjs");
-const VerticalNavigation = require("../VerticalNavigation.cjs");
-const NavigationPopup_styles = require("./NavigationPopup.styles.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const ClickAwayListener__default = /* @__PURE__ */ _interopDefault(ClickAwayListener);
-const NavigationPopupContainer = ({
-  anchorEl,
-  onClose,
-  children,
-  classes: classesProp,
-  className,
-  ...others
-}) => {
-  const { classes, cx } = NavigationPopup_styles.useClasses(classesProp);
-  const { rootId } = uikitReactUtils.useTheme();
-  const handleClickAway = () => onClose?.();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Popper.Popper,
-    {
-      open: true,
-      anchorEl,
-      placement: "right-start",
-      container: document.getContainerElement(rootId),
-      className: cx(classes.popper, classes.popup, className),
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(ClickAwayListener__default.default, { onClickAway: handleClickAway, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.container, children: /* @__PURE__ */ jsxRuntime.jsx(VerticalNavigation.HvVerticalNavigation, { open: true, useIcons: true, children }) }) })
-    }
-  );
-};
-exports.verticalNavigationPopupClasses = NavigationPopup_styles.staticClasses;
-exports.NavigationPopupContainer = NavigationPopupContainer;

package/dist/cjs/VerticalNavigation/NavigationSlider/NavigationSlider.cjs

@@ -1,65 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const icons = require("../../icons.cjs");
-const NavigationSlider_styles = require("./NavigationSlider.styles.cjs");
-const Button = require("../../Button/Button.cjs");
-const ListContainer = require("../../ListContainer/ListContainer.cjs");
-const ListItem = require("../../ListContainer/ListItem/ListItem.cjs");
-const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
-const HvVerticalNavigationSlider = (props) => {
-  const {
-    className,
-    classes: classesProp,
-    data,
-    selected,
-    onNavigateToTarget,
-    onNavigateToChild,
-    forwardButtonAriaLabel = "Navigate to submenu",
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvVerticalNavigationSlider", props);
-  const { classes, cx } = NavigationSlider_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ListContainer.HvListContainer,
-    {
-      interactive: true,
-      className: cx(classes.listContainer, className),
-      ...others,
-      children: data?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-        ListItem.HvListItem,
-        {
-          classes: {
-            root: classes.root,
-            selected: classes.listItemSelected,
-            focus: classes.listItemFocus,
-            disabled: classes.listItemDisabled
-          },
-          onClick: (event) => {
-            onNavigateToTarget?.(event, item);
-          },
-          "aria-label": item.label,
-          "aria-current": selected === item.id ? item.href ? "page" : true : void 0,
-          selected: selected === item.id,
-          startAdornment: item.icon ? /* @__PURE__ */ jsxRuntime.jsx("div", { children: item.icon }) : void 0,
-          endAdornment: item.data && item.data.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
-            Button.HvButton,
-            {
-              icon: true,
-              onClick: (event) => {
-                onNavigateToChild?.(event, item);
-              },
-              className: classes.forwardButton,
-              "aria-label": forwardButtonAriaLabel,
-              children: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "CaretRight", size: "xs" })
-            }
-          ) : void 0,
-          children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, { data: item.label })
-        },
-        item.id
-      ))
-    }
-  );
-};
-exports.verticalNavigationSliderClasses = NavigationSlider_styles.staticClasses;
-exports.HvVerticalNavigationSlider = HvVerticalNavigationSlider;