@hitachivantara/uikit-react-core 6.4.0 → 6.4.2

package/dist/AvatarGroup/AvatarGroupContext.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useContext, createContext, useMemo } from "react";
+import { useContext, useMemo, createContext } from "react";
 const HvAvatarGroupContext = createContext(null);
 const HvAvatarGroupProvider = ({
   size,

package/dist/BaseCheckBox/CheckBoxIcon.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useDefaultProps, createClasses, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { getColor, theme } from "@hitachivantara/uikit-styles";
 import { SvgBase } from "../icons.js";
 const { useClasses } = createClasses("HvCheckBoxIcon", {

package/dist/BaseRadio/RadioIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps, createClasses, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { getColor, theme } from "@hitachivantara/uikit-styles";
 import { SvgBase } from "../icons.js";
 const { useClasses } = createClasses("HvRadioIcon", {

package/dist/Calendar/SingleCalendar/CalendarCell.js

@@ -82,6 +82,5 @@ const HvCalendarCell = (props) => {
 };
 export {
   HvCalendarCell,
-  staticClasses as calendarCellClasses,
-  HvCalendarCell as default
+  staticClasses as calendarCellClasses
 };

package/dist/Calendar/model.js

@@ -62,6 +62,5 @@ const generateCalendarModel = (seedValue, visibleMonth, visibleYear) => {
   return calendarModel;
 };
 export {
-  CalendarModel as default,
   generateCalendarModel
 };

package/dist/ColorPicker/Swatch.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useDefaultProps, createClasses, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 import { HvButtonBase } from "../ButtonBase/ButtonBase.js";
 const { useClasses } = createClasses("HvColorPickerSwatch", {

package/dist/Controls/context/ControlsContext.js

@@ -4,6 +4,5 @@ const HvControlsContextProvider = HvControlsContext.Provider;
 HvControlsContext.Consumer;
 export {
   HvControlsContext,
-  HvControlsContextProvider,
-  HvControlsContext as default
+  HvControlsContextProvider
 };

package/dist/DatePicker/DatePicker.js

@@ -17,8 +17,8 @@ import { getDateLabel } from "./utils.js";
 import { HvCalendar } from "../Calendar/Calendar.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
+import { isInvalid } from "../FormElement/utils.js";
 import { HvActionBar } from "../ActionBar/ActionBar.js";
 import { HvButton } from "../Button/Button.js";
 const DEFAULT_LABELS = {

package/dist/DatePicker/utils.js

@@ -1,4 +1,4 @@
-import { getFormattedDate, isDate, isSameMonth, getMonthName } from "../Calendar/utils.js";
+import { isDate, isSameMonth, getFormattedDate, getMonthName } from "../Calendar/utils.js";
 const validateDate = (date) => isDate(date) && date || /* @__PURE__ */ new Date();
 const getFormattedDateRange = (date, locale) => {
   const { startDate, endDate } = date;

package/dist/Dialog/Content/Content.js

@@ -1,7 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
+import { useState } from "react";
+import { useResizeDetector } from "react-resize-detector";
 import MuiDialogContent from "@mui/material/DialogContent";
-import { useDefaultProps, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./Content.styles.js";
 import { staticClasses } from "./Content.styles.js";
 import { HvTypography } from "../../Typography/Typography.js";
@@ -10,44 +11,34 @@ const HvDialogContent = (props) => {
     classes: classesProp,
     className,
     children,
-    indentContent = false,
-    style,
+    indentContent,
+    dividers,
     ...others
   } = useDefaultProps("HvDialogContent", props);
   const { classes, cx } = useClasses(classesProp);
   const [hasBorder, setHasBorder] = useState(false);
-  const elRef = useRef(null);
-  useEffect(() => {
-    if (typeof ResizeObserver !== "undefined") {
-      const resizeObserver = new ResizeObserver(() => {
-        const el = elRef.current;
-        if (el) {
-          const hasOverflow = el.scrollHeight > el.clientHeight;
-          setHasBorder(hasOverflow);
-        }
-      });
-      if (elRef.current) {
-        resizeObserver.observe(elRef.current);
-      }
-      return () => {
-        resizeObserver.disconnect();
-      };
+  const { ref: elRef } = useResizeDetector({
+    refreshMode: "throttle",
+    refreshRate: 100,
+    handleWidth: false,
+    disableRerender: true,
+    onResize: ({ entry }) => {
+      if (!entry) return;
+      const hasOverflow = entry.target.scrollHeight > entry.target.clientHeight;
+      setHasBorder(hasOverflow);
     }
-    return void 0;
-  }, []);
+  });
   return /* @__PURE__ */ jsx(
     HvTypography,
     {
       ref: elRef,
       component: MuiDialogContent,
+      dividers: dividers ?? hasBorder,
       className: cx(
         classes.root,
         { [classes.textContent]: !!indentContent },
         className
       ),
-      style: mergeStyles(style, {
-        "--borderW": hasBorder ? "1px" : "0px"
-      }),
       ...others,
       children
     }

package/dist/Dialog/Content/Content.styles.js

@@ -3,9 +3,7 @@ import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvDialogContent", {
   root: {
     padding: theme.spacing(0, "sm", "sm"),
-    borderColor: theme.colors.borderSubtle,
-    borderTopWidth: "var(--borderW)",
-    borderBottomWidth: "var(--borderW)"
+    borderColor: theme.colors.borderSubtle
   },
   textContent: {
     paddingLeft: `calc(42px + ${theme.space.sm})`,

package/dist/Dialog/Dialog.styles.js

@@ -7,7 +7,7 @@ const { staticClasses, useClasses } = createClasses("HvDialog", {
   },
   paper: {
     color: theme.colors.text,
-    backgroundColor: theme.colors.bgContainer,
+    background: theme.colors.bgContainer,
     boxShadow: theme.colors.shadow,
     borderColor: theme.colors.border,
     borderRadius: theme.radii.round

package/dist/Dialog/context.js

@@ -1,4 +1,4 @@
-import { useContext, createContext } from "react";
+import { createContext, useContext } from "react";
 const DialogContext = createContext({ fullScreen: false });
 const useDialogContext = () => useContext(DialogContext);
 export {

package/dist/Dropdown/Dropdown.js

@@ -15,9 +15,9 @@ import { getSelectionLabel, getSelected } from "./utils.js";
 import { HvDropdownList } from "./List/List.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvBaseDropdown } from "../BaseDropdown/BaseDropdown.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
 import { HvTypography } from "../Typography/Typography.js";
+import { isInvalid } from "../FormElement/utils.js";
 const DEFAULT_LABELS = {
   /** Label for overwrite the default header behavior. */
   select: void 0,

package/dist/Dropdown/List/List.js

@@ -9,9 +9,9 @@ import { useClasses } from "./List.styles.js";
 import { staticClasses } from "./List.styles.js";
 import { HvActionBar } from "../../ActionBar/ActionBar.js";
 import { HvList } from "../../List/List.js";
-import { HvButton } from "../../Button/Button.js";
 import { HvInput } from "../../Input/Input.js";
 import { HvCheckBox } from "../../CheckBox/CheckBox.js";
+import { HvButton } from "../../Button/Button.js";
 const clone = (values) => values.map((value) => ({ ...value }));
 const cleanHidden = (lst) => lst.map((item) => ({ ...item, isHidden: false }));
 const valuesExist = (values) => values != null && values?.length > 0;

package/dist/FilterGroup/FilterContent/FilterContent.js

@@ -140,26 +140,28 @@ const HvFilterGroupContent = forwardRef(function HvFilterGroupContent2(props, re
             }
           ),
           /* @__PURE__ */ jsx("div", { "aria-hidden": "true", className: classes.space, children: " " }),
-          /* @__PURE__ */ jsx(
-            HvButton,
-            {
-              id: setId(id, "apply-button"),
-              disabled: applyDisabled,
-              variant: "primary",
-              onClick: onApplyHandler,
-              className: classes.applyButton,
-              children: labels?.applyLabel
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            HvButton,
-            {
-              id: setId(id, "cancel-button"),
-              variant: "secondarySubtle",
-              onClick: onCancelHandler,
-              children: labels?.cancelLabel
-            }
-          )
+          /* @__PURE__ */ jsxs("div", { className: classes.actions, children: [
+            /* @__PURE__ */ jsx(
+              HvButton,
+              {
+                id: setId(id, "apply-button"),
+                disabled: applyDisabled,
+                variant: "primary",
+                onClick: onApplyHandler,
+                className: classes.applyButton,
+                children: labels?.applyLabel
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              HvButton,
+              {
+                id: setId(id, "cancel-button"),
+                variant: "secondarySubtle",
+                onClick: onCancelHandler,
+                children: labels?.cancelLabel
+              }
+            )
+          ] })
         ] })
       ]
     }

package/dist/FilterGroup/FilterContent/FilterContent.styles.js

@@ -40,12 +40,14 @@ const { staticClasses, useClasses } = createClasses(name, {
     minHeight: "calc(370px - 75px)"
   },
   actionBar: {},
+  actions: {
+    display: "flex",
+    gap: theme.space.xs
+  },
   space: {
     flex: 1
   },
-  applyButton: {
-    marginRight: "8px"
-  }
+  applyButton: {}
 });
 export {
   staticClasses,

package/dist/Header/Header.styles.js

@@ -18,6 +18,7 @@ const { staticClasses, useClasses } = createClasses("HvHeader", {
     alignItems: "center",
     width: "100%",
     height: "100%",
+    position: "relative",
     padding: theme.spacing(0, "sm"),
     "& > *:not(nav)": {
       zIndex: 2

package/dist/IconContainer/IconContainer.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { createClasses, useDefaultProps, mergeStyles } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, mergeStyles, createClasses } from "@hitachivantara/uikit-react-utils";
 import { getColor } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvIconContainer", {
   root: {

package/dist/OverflowTooltip/OverflowTooltip.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
+import { useState, useMemo } from "react";
 import { useResizeDetector } from "react-resize-detector";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./OverflowTooltip.styles.js";
@@ -8,39 +8,31 @@ import { HvTooltip } from "../Tooltip/Tooltip.js";
 const isParagraph = (children = "") => /\s/.test(children);
 const HvOverflowTooltip = (props) => {
   const {
-    id,
     classes: classesProp,
     className,
     data,
-    open,
     paragraphOverflow,
-    placement = "top-start",
-    tooltipsProps
+    tooltipsProps,
+    ...others
   } = useDefaultProps("HvOverflowTooltip", props);
   const { classes, cx } = useClasses(classesProp);
-  const {
-    height = 0,
-    width = 0,
-    ref
-  } = useResizeDetector({
-    refreshMode: "debounce",
-    refreshOptions: {
-      trailing: true
-    },
-    handleHeight: false
-  });
+  const [isOverflowing, setIsOverflowing] = useState(false);
   const isParag = useMemo(
     () => paragraphOverflow && isParagraph(data?.toString()),
     [data, paragraphOverflow]
   );
-  const isOverflowing = useMemo(() => {
-    if (isParag) {
-      const scrollHeight = ref.current?.scrollHeight || 0;
-      return scrollHeight - height >= 1;
+  const { ref } = useResizeDetector({
+    refreshMode: "throttle",
+    disableRerender: true,
+    refreshRate: 100,
+    refreshOptions: { trailing: true, leading: true },
+    onResize({ width, height, entry }) {
+      const { scrollHeight = 0, scrollWidth = 0 } = entry?.target || {};
+      setIsOverflowing(
+        isParag ? scrollHeight - (height || 0) >= 1 : scrollWidth - (width || 0) >= 1
+      );
     }
-    const scrollWidth = ref.current?.scrollWidth || 0;
-    return scrollWidth - width >= 1;
-  }, [height, isParag, ref, width]);
+  });
   const content = useMemo(
     () => /* @__PURE__ */ jsx(
       "div",
@@ -69,15 +61,13 @@ const HvOverflowTooltip = (props) => {
   return /* @__PURE__ */ jsx(
     HvTooltip,
     {
-      id,
       disableHoverListener: !isOverflowing,
-      open,
-      placement,
       classes: { tooltip: classes.tooltipData },
       title: data,
       "aria-label": null,
       "aria-labelledby": null,
       ...tooltipsProps,
+      ...others,
       children: content
     }
   );

package/dist/QueryBuilder/utils/index.js

@@ -1,4 +1,4 @@
-import { uniqueId, isEqual } from "../../utils/helpers.js";
+import { isEqual, uniqueId } from "../../utils/helpers.js";
 const isBigList = (values) => values != null && values?.length > 10;
 const ID_PREFIX = "@hv_";
 const createId = () => uniqueId(ID_PREFIX);

package/dist/Radio/Radio.js

@@ -7,10 +7,10 @@ import { setId } from "../utils/setId.js";
 import { useClasses } from "./Radio.styles.js";
 import { staticClasses } from "./Radio.styles.js";
 import { HvBaseRadio } from "../BaseRadio/BaseRadio.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvLabel } from "../FormElement/Label/Label.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
+import { isInvalid } from "../FormElement/utils.js";
 const HvRadio = forwardRef(
   function HvRadio2(props, ref) {
     const {

package/dist/Select/OptionGroup.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { OptionGroup } from "@mui/base";
-import { createClasses, useDefaultProps } from "@hitachivantara/uikit-react-utils";
+import { useDefaultProps, createClasses } from "@hitachivantara/uikit-react-utils";
 import { theme } from "@hitachivantara/uikit-styles";
 const { staticClasses, useClasses } = createClasses("HvOptionGroup", {
   root: {

package/dist/SnackbarProvider/SnackbarProvider.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback, forwardRef, useMemo } from "react";
-import { useSnackbar, SnackbarProvider, SnackbarContent } from "notistack";
+import { useCallback, useMemo, forwardRef } from "react";
+import { SnackbarProvider, useSnackbar, SnackbarContent } from "notistack";
 import { useDefaultProps } from "@hitachivantara/uikit-react-utils";
 import { useClasses } from "./SnackbarProvider.styles.js";
 import { staticClasses } from "./SnackbarProvider.styles.js";

package/dist/Switch/Switch.js

@@ -9,8 +9,8 @@ import { staticClasses } from "./Switch.styles.js";
 import { HvBaseSwitch } from "../BaseSwitch/BaseSwitch.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvLabel } from "../FormElement/Label/Label.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
+import { isInvalid } from "../FormElement/utils.js";
 const HvSwitch = forwardRef(
   function HvSwitch2(props, ref) {
     const {

package/dist/Table/TableHeader/TableHeader.js

@@ -7,7 +7,7 @@ import TableContext from "../TableContext.js";
 import { TableSectionContext } from "../TableSectionContext.js";
 import { useClasses } from "./TableHeader.styles.js";
 import { staticClasses } from "./TableHeader.styles.js";
-import { isParagraph, getSortIconName } from "./utils.js";
+import { getSortIconName, isParagraph } from "./utils.js";
 import { HvTypography } from "../../Typography/Typography.js";
 import { HvButtonBase } from "../../ButtonBase/ButtonBase.js";
 const defaultComponent = "th";

package/dist/Table/hooks/useHvRowSelection.js

@@ -35,6 +35,7 @@ const visibleColumnsHook = (columns) => {
     // this will only work when using useHvTableSticky
     // but ensures it stays left of any sticky column
     sticky: "left",
+    disableGlobalFilter: true,
     Cell: CellWithCheckBox
   };
   return [selectionColumn, ...columns];

package/dist/Table/renderers/renderers.js

@@ -1,4 +1,4 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { ClassNames } from "@emotion/react";
 import { HvIcon } from "../../icons.js";
 import { setId } from "../../utils/setId.js";
@@ -7,8 +7,8 @@ import { HvDropdownColumnCell } from "./DropdownColumnCell.js";
 import { HvProgressColumnCell } from "./ProgressColumnCell.js";
 import { HvSwitchColumnCell } from "./SwitchColumnCell.js";
 import { HvTag } from "../../Tag/Tag.js";
-import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
 import { HvButton } from "../../Button/Button.js";
+import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
 const EM_DASH = "—";
 const hvStringFallback = (value) => {
   return typeof value === "string" && value !== "" ? value : EM_DASH;

package/dist/TextArea/TextArea.js

@@ -12,9 +12,9 @@ import { staticClasses } from "./TextArea.styles.js";
 import { HvFormElement } from "../FormElement/FormElement.js";
 import { HvCharCounter } from "../FormElement/CharCounter/CharCounter.js";
 import { HvBaseInput } from "../BaseInput/BaseInput.js";
-import { isInvalid } from "../FormElement/utils.js";
 import { HvWarningText } from "../FormElement/WarningText/WarningText.js";
 import { HvInfoMessage } from "../FormElement/InfoMessage/InfoMessage.js";
+import { isInvalid } from "../FormElement/utils.js";
 const HvTextArea = forwardRef(function HvTextArea2(props, ref) {
   const {
     id,

package/dist/TreeView/TreeItem/DefaultContent.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { createClasses, useCss } from "@hitachivantara/uikit-react-utils";
+import { useCss, createClasses } from "@hitachivantara/uikit-react-utils";
 import { useHvTreeItem } from "./useHvTreeItem.js";
 const { useClasses } = createClasses("HvTreeContent", {
   root: {},

package/dist/index.d.ts

@@ -32,7 +32,6 @@ import { HvBaseTheme } from '@hitachivantara/uikit-styles';
 import { HvBreakpoints } from '@hitachivantara/uikit-styles';
 import { HvColor } from '@hitachivantara/uikit-styles';
 import { HvColorAny } from '@hitachivantara/uikit-styles';
-import { HvListValue as HvListValue_2 } from '../..';
 import { HvRadius } from '@hitachivantara/uikit-styles';
 import { HvSize } from '@hitachivantara/uikit-styles';
 import { PluginHook as HvTablePluginHook } from 'react-table';
@@ -135,11 +134,6 @@ import { UseSortByOptions } from 'react-table';
 import { UseSortByState } from 'react-table';
 import { UseTableHeaderGroupProps } from 'react-table';
 import { useTheme } from '@hitachivantara/uikit-react-utils';
-import { UseTreeViewExpansionInstance } from '../internals/hooks/plugins/useTreeViewExpansion';
-import { UseTreeViewFocusInstance } from '../internals/hooks/plugins/useTreeViewFocus';
-import { UseTreeViewKeyboardNavigationInstance } from '../internals/hooks/plugins/useTreeViewKeyboardNavigation';
-import { UseTreeViewNodesInstance } from '../internals/hooks/plugins/useTreeViewNodes';
-import { UseTreeViewSelectionInstance } from '../internals/hooks/plugins/useTreeViewSelection';
 
 declare type Accessor<D extends object> = (originalRow: D, index: number, sub: {
     subRows: D[];
@@ -2810,7 +2804,7 @@ export declare type HvDropdownClasses = ExtractNames<typeof useClasses_59>;
 
 export declare function hvDropdownColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer>(col: HvTableColumnConfig<D, H>, id: string | undefined, placeholder: string, disabledPlaceholder: string, onChange?: (identifier: string, value: HvListValue) => void, dropdownProps?: HvDropdownProps<false>): HvTableColumnConfig<D, H>;
 
-export declare const HvDropdownColumnCell: <Multiple extends boolean = false, OptionValue extends HvListValue_2 = HvListValue_2>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactNode;
+export declare const HvDropdownColumnCell: <Multiple extends boolean = false, OptionValue extends HvListValue = HvListValue>(props: HvDropdownProps<Multiple, OptionValue> & RefAttributes<HTMLDivElement>) => React.ReactNode;
 
 export declare interface HvDropdownColumnCellProp extends HvDropdownProps<false> {
 }
@@ -4378,16 +4372,12 @@ export declare const HvOverflowTooltip: (props: HvOverflowTooltipProps) => JSX_2
 
 export declare type HvOverflowTooltipClasses = ExtractNames<typeof useClasses_91>;
 
-export declare interface HvOverflowTooltipProps extends HvBaseProps {
+export declare interface HvOverflowTooltipProps extends Omit<Partial<HvTooltipProps>, "classes" | "children"> {
     /** The node that will be rendered inside the tooltip. */
     data: React.ReactNode;
-    /** If true, the tooltip is shown. */
-    open?: boolean;
     /** If `true`, the overflow tooltip will always use the paragraph overflow style. */
     paragraphOverflow?: boolean;
-    /** Tooltip placement. */
-    placement?: "bottom-end" | "bottom-start" | "bottom" | "left-end" | "left-start" | "left" | "right-end" | "right-start" | "right" | "top-end" | "top-start" | "top";
-    /** Extra properties to add to the tooltip. */
+    /** Extra properties to add to the tooltip. @deprecated pass properties directly to the component */
     tooltipsProps?: Partial<HvTooltipProps>;
     /** A Jss Object used to override or extend the styles applied to the component. */
     classes?: HvOverflowTooltipClasses;
@@ -7765,6 +7755,22 @@ export declare const treeViewItemClasses: {
     icon: string;
 };
 
+declare interface TreeViewItemRange {
+    start?: string | null;
+    end?: string | null;
+    next?: string | null;
+    current?: string;
+}
+
+declare interface TreeViewNode {
+    id: string;
+    idAttribute: string | undefined;
+    index: number;
+    parentId: string | null;
+    expandable: boolean;
+    disabled: boolean | undefined;
+}
+
 declare type TreeViewSelectionValue<Multiple extends boolean | undefined> = Multiple extends true ? string[] : string | null;
 
 declare type TypeSuffix = "" | "Subtle" | "Ghost";
@@ -8209,7 +8215,7 @@ declare const useClasses_127: (classesProp?: Partial<Record<"action" | "minimize
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_128: (classesProp?: Partial<Record<"list" | "popup" | "root" | "collapsed" | "listItem" | "navigationPopup", string>>, addStatic?: boolean) => {
+declare const useClasses_128: (classesProp?: Partial<Record<"list" | "popup" | "root" | "listItem" | "collapsed" | "navigationPopup", string>>, addStatic?: boolean) => {
     readonly classes: {
         root: string;
         list: string;
@@ -9293,7 +9299,7 @@ declare const useClasses_74: (classesProp?: Partial<Record<"label" | "error" | "
     readonly cx: (...args: any) => string;
 };
 
-declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space" | "header" | "root" | "panel" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
+declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space" | "header" | "root" | "panel" | "actions" | "baseDropdownSelection" | "rightSidePanel" | "leftSidePanel" | "actionBar" | "applyButton", string>>, addStatic?: boolean) => {
     readonly classes: {
         dropdown: string;
         panel: string;
@@ -9303,6 +9309,7 @@ declare const useClasses_75: (classesProp?: Partial<Record<"dropdown" | "space"
         rightSidePanel: string;
         leftSidePanel: string;
         actionBar: string;
+        actions: string;
         space: string;
         applyButton: string;
     };
@@ -10021,6 +10028,13 @@ declare interface UseTreeViewContextValueBuilderParameters {
     defaultParentIcon?: React.ReactNode;
 }
 
+declare interface UseTreeViewExpansionInstance {
+    isNodeExpanded: (nodeId: string) => boolean;
+    isNodeExpandable: (nodeId: string) => boolean;
+    toggleNodeExpansion: (event: React_2.SyntheticEvent, value: string) => void;
+    expandAllSiblings: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+}
+
 declare interface UseTreeViewExpansionParameters {
     /**
      * Expanded node ids.
@@ -10041,6 +10055,11 @@ declare interface UseTreeViewExpansionParameters {
     onNodeToggle?: (event: React_2.SyntheticEvent, nodeIds: string[]) => void;
 }
 
+declare interface UseTreeViewFocusInstance {
+    isNodeFocused: (nodeId: string) => boolean;
+    focusNode: (event: React_2.SyntheticEvent, nodeId: string | null) => void;
+}
+
 declare interface UseTreeViewFocusParameters {
     /**
      * Callback fired when tree items are focused.
@@ -10051,6 +10070,19 @@ declare interface UseTreeViewFocusParameters {
     onNodeFocus?: (event: React_2.SyntheticEvent, nodeId: string) => void;
 }
 
+declare interface UseTreeViewKeyboardNavigationInstance {
+    mapFirstChar: (nodeId: string, firstChar: string) => () => void;
+}
+
+declare interface UseTreeViewNodesInstance {
+    getNode: (nodeId: string) => TreeViewNode;
+    updateNode: (node: TreeViewNode) => void;
+    removeNode: (nodeId: string) => void;
+    getChildrenIds: (nodeId: string | null) => string[];
+    getNavigableChildrenIds: (nodeId: string | null) => string[];
+    isNodeDisabled: (nodeId: string | null) => nodeId is string;
+}
+
 declare interface UseTreeViewNodesParameters {
     /**
      * If `true`, will allow focus on disabled items.
@@ -10059,6 +10091,14 @@ declare interface UseTreeViewNodesParameters {
     disabledItemsFocusable?: boolean;
 }
 
+declare interface UseTreeViewSelectionInstance {
+    isNodeSelected: (nodeId: string) => boolean;
+    selectNode: (event: React_2.SyntheticEvent, nodeId: string, multiple?: boolean) => void;
+    selectRange: (event: React_2.SyntheticEvent, nodes: TreeViewItemRange, stacked?: boolean) => void;
+    rangeSelectToFirst: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+    rangeSelectToLast: (event: React_2.KeyboardEvent<HTMLUListElement>, nodeId: string) => void;
+}
+
 declare interface UseTreeViewSelectionParameters<Multiple extends boolean | undefined> {
     /**
      * If `true` selection is disabled.