@salt-ds/lab 1.0.0-alpha.90 → 1.0.0-alpha.91

package/dist-es/tree/TreeNode.js

@@ -1,24 +1,25 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId } from '@salt-ds/core';
+import { makePrefixer, useIdMemo, useForkRef } from '@salt-ds/core';
 import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
-import { forwardRef, useMemo, Children, useImperativeHandle, isValidElement } from 'react';
+import { forwardRef, useMemo, useRef } from 'react';
 import { useTreeContext, useTreeNodeContext, TreeNodeProvider } from './TreeContext.js';
 import css_248z from './TreeNode.css.js';
 import { TreeNodeLabel } from './TreeNodeLabel.js';
 import { TreeNodeTrigger } from './TreeNodeTrigger.js';
+import { flattenTreeNodeChildren, isTreeNodeElement } from './treeModel.js';
 
 const withBaseName = makePrefixer("saltTreeNode");
 function separateChildren(children) {
   const contentChildren = [];
   const nodeChildren = [];
-  Children.forEach(children, (child) => {
-    if (isValidElement(child) && typeof child.props.value === "string") {
+  for (const child of flattenTreeNodeChildren(children)) {
+    if (isTreeNodeElement(child)) {
       nodeChildren.push(child);
-    } else if (child != null) {
+    } else {
       contentChildren.push(child);
     }
-  });
+  }
   return { contentChildren, nodeChildren };
 }
 const TreeNode = forwardRef(
@@ -36,31 +37,31 @@ const TreeNode = forwardRef(
       css: css_248z,
       window: targetWindow
     });
-    const id = useId(value) ?? value;
+    const id = useIdMemo();
     const {
       expandedState,
       selectedSet,
       disabled: treeDisabled,
       disabledIdsSet,
-      indeterminateState,
-      getElement
+      indeterminateState
     } = useTreeContext();
     const parentContext = useTreeNodeContext();
     const level = ((parentContext == null ? void 0 : parentContext.level) ?? 0) + 1;
-    const disabled = treeDisabled || disabledProp || disabledIdsSet.has(value);
+    const disabled = treeDisabled || (parentContext == null ? void 0 : parentContext.disabled) || disabledProp || disabledIdsSet.has(value);
     const expanded = expandedState.has(value);
     const selected = selectedSet.has(value);
     const indeterminate = indeterminateState.has(value);
     const usesLabelProp = label !== void 0;
     const { contentChildren, nodeChildren } = useMemo(
-      () => usesLabelProp ? { contentChildren: [], nodeChildren: Children.toArray(children) } : separateChildren(children),
+      () => usesLabelProp ? {
+        contentChildren: [],
+        nodeChildren: flattenTreeNodeChildren(children)
+      } : separateChildren(children),
       [children, usesLabelProp]
     );
-    const hasChildren = nodeChildren.length > 0;
-    useImperativeHandle(ref, () => getElement(value), [
-      getElement,
-      value
-    ]);
+    const hasChildren = nodeChildren.some(isTreeNodeElement);
+    const nodeRef = useRef(null);
+    const setNodeRef = useForkRef(nodeRef, ref);
     const nodeContext = useMemo(
       () => ({
         value,
@@ -69,6 +70,8 @@ const TreeNode = forwardRef(
         expanded,
         disabled,
         id,
+        nodeRef,
+        setNodeRef,
         selected,
         indeterminate,
         nodeChildren
@@ -80,6 +83,7 @@ const TreeNode = forwardRef(
         expanded,
         disabled,
         id,
+        setNodeRef,
         selected,
         indeterminate,
         nodeChildren

package/dist-es/tree/TreeNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../src/tree/TreeNode.tsx"],"sourcesContent":["import { makePrefixer, useId } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  Children,\n  type ComponentType,\n  forwardRef,\n  isValidElement,\n  type ReactNode,\n  useImperativeHandle,\n  useMemo,\n} from \"react\";\nimport {\n  TreeNodeProvider,\n  useTreeContext,\n  useTreeNodeContext,\n} from \"./TreeContext\";\nimport treeNodeCss from \"./TreeNode.css\";\nimport { TreeNodeLabel } from \"./TreeNodeLabel\";\nimport { TreeNodeTrigger } from \"./TreeNodeTrigger\";\n\nexport interface TreeNodeProps {\n  /**\n   * Unique value representing this node within the tree\n   */\n  value: string;\n  /**\n   * Label for the node. When provided, TreeNode automatically renders a TreeNodeTrigger.\n   */\n  label?: ReactNode;\n  /**\n   * Optional icon to display before the label\n   */\n  icon?: ComponentType<IconProps>;\n  /**\n   * Whether the node is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Child nodes or content.\n   */\n  children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltTreeNode\");\n\n// Need to take another look at this because its slightly brittle - alternative could be:\n// TreeNode having a 'content' prop that takes <TreeNodeTrigger> etc. and then `children` is reserved for other <TreeNode>'s\n// or a 'render' prop if we want to pass any state down. Simplifies it massively because then its clear children is for sub trees.\nfunction separateChildren(children: ReactNode): {\n  contentChildren: ReactNode[];\n  nodeChildren: ReactNode[];\n} {\n  const contentChildren: ReactNode[] = [];\n  const nodeChildren: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isValidElement(child) && typeof child.props.value === \"string\") {\n      nodeChildren.push(child);\n    } else if (child != null) {\n      contentChildren.push(child);\n    }\n  });\n\n  return { contentChildren, nodeChildren };\n}\n\nexport const TreeNode = forwardRef<HTMLLIElement, TreeNodeProps>(\n  function TreeNode(props, ref) {\n    const {\n      value,\n      label,\n      icon: Icon,\n      disabled: disabledProp,\n      children,\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tree-node\",\n      css: treeNodeCss,\n      window: targetWindow,\n    });\n\n    const id = useId(value) ?? value;\n\n    const {\n      expandedState,\n      selectedSet,\n      disabled: treeDisabled,\n      disabledIdsSet,\n      indeterminateState,\n      getElement,\n    } = useTreeContext();\n\n    const parentContext = useTreeNodeContext();\n    const level = (parentContext?.level ?? 0) + 1;\n\n    const disabled = treeDisabled || disabledProp || disabledIdsSet.has(value);\n    const expanded = expandedState.has(value);\n    const selected = selectedSet.has(value);\n    const indeterminate = indeterminateState.has(value);\n\n    const usesLabelProp = label !== undefined;\n    const { contentChildren, nodeChildren } = useMemo(\n      () =>\n        usesLabelProp\n          ? { contentChildren: [], nodeChildren: Children.toArray(children) }\n          : separateChildren(children),\n      [children, usesLabelProp],\n    );\n\n    const hasChildren = nodeChildren.length > 0;\n\n    // Forward ref to the <li> element rendered by TreeNodeTrigger\n    useImperativeHandle(ref, () => getElement(value) as HTMLLIElement, [\n      getElement,\n      value,\n    ]);\n\n    const nodeContext = useMemo(\n      () => ({\n        value,\n        level,\n        hasChildren,\n        expanded,\n        disabled,\n        id,\n        selected,\n        indeterminate,\n        nodeChildren,\n      }),\n      [\n        value,\n        level,\n        hasChildren,\n        expanded,\n        disabled,\n        id,\n        selected,\n        indeterminate,\n        nodeChildren,\n      ],\n    );\n\n    const defaultContent = usesLabelProp ? (\n      <TreeNodeTrigger>\n        {Icon ? (\n          <span className={withBaseName(\"icon\")}>\n            <Icon aria-hidden />\n          </span>\n        ) : null}\n        <TreeNodeLabel>{label}</TreeNodeLabel>\n      </TreeNodeTrigger>\n    ) : null;\n\n    return (\n      <TreeNodeProvider value={nodeContext}>\n        {usesLabelProp ? defaultContent : contentChildren}\n      </TreeNodeProvider>\n    );\n  },\n);\n"],"names":["TreeNode","treeNodeCss"],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","sources":["../src/tree/TreeNode.tsx"],"sourcesContent":["import { makePrefixer, useForkRef, useIdMemo } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  type ComponentType,\n  forwardRef,\n  type ReactNode,\n  useMemo,\n  useRef,\n} from \"react\";\nimport {\n  TreeNodeProvider,\n  useTreeContext,\n  useTreeNodeContext,\n} from \"./TreeContext\";\nimport treeNodeCss from \"./TreeNode.css\";\nimport { TreeNodeLabel } from \"./TreeNodeLabel\";\nimport { TreeNodeTrigger } from \"./TreeNodeTrigger\";\nimport { flattenTreeNodeChildren, isTreeNodeElement } from \"./treeModel\";\n\nexport interface TreeNodeProps {\n  /**\n   * Unique value representing this node within the tree\n   */\n  value: string;\n  /**\n   * Label for the node. When provided, TreeNode automatically renders a TreeNodeTrigger.\n   */\n  label?: ReactNode;\n  /**\n   * Optional icon to display before the label\n   */\n  icon?: ComponentType<IconProps>;\n  /**\n   * Whether the node is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Child nodes or content.\n   */\n  children?: ReactNode;\n}\n\nconst withBaseName = makePrefixer(\"saltTreeNode\");\n\n// Need to take another look at this because its slightly brittle - alternative could be:\n// TreeNode having a 'content' prop that takes <TreeNodeTrigger> etc. and then `children` is reserved for other <TreeNode>'s\n// or a 'render' prop if we want to pass any state down. Simplifies it massively because then its clear children is for sub trees.\nfunction separateChildren(children: ReactNode): {\n  contentChildren: ReactNode[];\n  nodeChildren: ReactNode[];\n} {\n  const contentChildren: ReactNode[] = [];\n  const nodeChildren: ReactNode[] = [];\n\n  for (const child of flattenTreeNodeChildren(children)) {\n    if (isTreeNodeElement(child)) {\n      nodeChildren.push(child);\n    } else {\n      contentChildren.push(child);\n    }\n  }\n\n  return { contentChildren, nodeChildren };\n}\n\nexport const TreeNode = forwardRef<HTMLLIElement, TreeNodeProps>(\n  function TreeNode(props, ref) {\n    const {\n      value,\n      label,\n      icon: Icon,\n      disabled: disabledProp,\n      children,\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tree-node\",\n      css: treeNodeCss,\n      window: targetWindow,\n    });\n\n    const id = useIdMemo();\n\n    const {\n      expandedState,\n      selectedSet,\n      disabled: treeDisabled,\n      disabledIdsSet,\n      indeterminateState,\n    } = useTreeContext();\n\n    const parentContext = useTreeNodeContext();\n    const level = (parentContext?.level ?? 0) + 1;\n\n    const disabled =\n      treeDisabled ||\n      parentContext?.disabled ||\n      disabledProp ||\n      disabledIdsSet.has(value);\n    const expanded = expandedState.has(value);\n    const selected = selectedSet.has(value);\n    const indeterminate = indeterminateState.has(value);\n\n    const usesLabelProp = label !== undefined;\n    const { contentChildren, nodeChildren } = useMemo(\n      () =>\n        usesLabelProp\n          ? {\n              contentChildren: [],\n              nodeChildren: flattenTreeNodeChildren(children),\n            }\n          : separateChildren(children),\n      [children, usesLabelProp],\n    );\n\n    const hasChildren = nodeChildren.some(isTreeNodeElement);\n\n    const nodeRef = useRef<HTMLLIElement>(null);\n    const setNodeRef = useForkRef(nodeRef, ref);\n\n    const nodeContext = useMemo(\n      () => ({\n        value,\n        level,\n        hasChildren,\n        expanded,\n        disabled,\n        id,\n        nodeRef,\n        setNodeRef,\n        selected,\n        indeterminate,\n        nodeChildren,\n      }),\n      [\n        value,\n        level,\n        hasChildren,\n        expanded,\n        disabled,\n        id,\n        setNodeRef,\n        selected,\n        indeterminate,\n        nodeChildren,\n      ],\n    );\n\n    const defaultContent = usesLabelProp ? (\n      <TreeNodeTrigger>\n        {Icon ? (\n          <span className={withBaseName(\"icon\")}>\n            <Icon aria-hidden />\n          </span>\n        ) : null}\n        <TreeNodeLabel>{label}</TreeNodeLabel>\n      </TreeNodeTrigger>\n    ) : null;\n\n    return (\n      <TreeNodeProvider value={nodeContext}>\n        {usesLabelProp ? defaultContent : contentChildren}\n      </TreeNodeProvider>\n    );\n  },\n);\n"],"names":["TreeNode","treeNodeCss"],"mappings":"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"}

package/dist-es/tree/TreeNodeTrigger.js

@@ -39,6 +39,8 @@ const TreeNodeTrigger = forwardRef(function TreeNodeTrigger2(props, ref) {
     expanded,
     disabled,
     id,
+    nodeRef,
+    setNodeRef,
     selected,
     indeterminate,
     nodeChildren
@@ -51,7 +53,6 @@ const TreeNodeTrigger = forwardRef(function TreeNodeTrigger2(props, ref) {
     tabbableNodeId,
     registerElement
   } = useTreeContext();
-  const nodeRef = useRef(null);
   const triggerContentRef = useForkRef(useRef(null), ref);
   const wasMouseDownRef = useRef(false);
   const [focusVisible, setFocusVisible] = useState(false);
@@ -61,7 +62,7 @@ const TreeNodeTrigger = forwardRef(function TreeNodeTrigger2(props, ref) {
     if (nodeRef.current) {
       return registerElement(value, nodeRef.current);
     }
-  }, [value, registerElement]);
+  }, [value, registerElement, nodeRef]);
   const handleClick = (event) => {
     onClick == null ? void 0 : onClick(event);
     if (disabled) return;
@@ -95,7 +96,7 @@ const TreeNodeTrigger = forwardRef(function TreeNodeTrigger2(props, ref) {
   return /* @__PURE__ */ jsxs(
     "li",
     {
-      ref: nodeRef,
+      ref: setNodeRef,
       id,
       role: "treeitem",
       "aria-expanded": hasChildren ? expanded : void 0,

package/dist-es/tree/TreeNodeTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeTrigger.js","sources":["../src/tree/TreeNodeTrigger.tsx"],"sourcesContent":["import { CheckboxIcon, makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type FocusEvent,\n  forwardRef,\n  type MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTreeContext, useTreeNodeContext } from \"./TreeContext\";\nimport { TreeNodeExpansionIcon } from \"./TreeNodeExpansionIcon\";\nimport treeNodeTriggerCss from \"./TreeNodeTrigger.css\";\n\nexport interface TreeNodeTriggerProps extends ComponentPropsWithoutRef<\"li\"> {}\n\nconst withBaseName = makePrefixer(\"saltTreeNodeTrigger\");\nconst withNodeBaseName = makePrefixer(\"saltTreeNode\");\n\n/**\n * The forwarded ref points to the inner trigger content span (for tooltip positioning),\n * while the <li> handles focus, ARIA, and event handling.\n */\nexport const TreeNodeTrigger = forwardRef<\n  HTMLSpanElement,\n  TreeNodeTriggerProps\n>(function TreeNodeTrigger(props, ref) {\n  const {\n    className,\n    children,\n    style,\n    onClick,\n    onFocus,\n    onBlur,\n    onMouseDown,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tree-node-trigger\",\n    css: treeNodeTriggerCss,\n    window: targetWindow,\n  });\n\n  const nodeContext = useTreeNodeContext();\n  if (!nodeContext) {\n    throw new Error(\"TreeNodeTrigger must be used within a TreeNode\");\n  }\n\n  const {\n    value,\n    level,\n    hasChildren,\n    expanded,\n    disabled,\n    id,\n    selected,\n    indeterminate,\n    nodeChildren,\n  } = nodeContext;\n\n  const {\n    multiselect,\n    activeNode,\n    setActiveNode,\n    select,\n    tabbableNodeId,\n    registerElement,\n  } = useTreeContext();\n\n  const nodeRef = useRef<HTMLLIElement>(null);\n  const triggerContentRef = useForkRef(useRef<HTMLSpanElement>(null), ref);\n  const wasMouseDownRef = useRef(false);\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const isActive = activeNode === value;\n\n  const isTabbable = tabbableNodeId === value;\n\n  useEffect(() => {\n    if (nodeRef.current) {\n      return registerElement(value, nodeRef.current);\n    }\n  }, [value, registerElement]);\n\n  const handleClick = (event: MouseEvent<HTMLLIElement>) => {\n    onClick?.(event);\n    if (disabled) return;\n    const target = event.target as HTMLElement;\n    if (target.closest(\".saltTreeNodeExpansionIcon\")) return;\n    const nestedTreeItem = target.closest('[role=\"treeitem\"]');\n    if (nestedTreeItem && nestedTreeItem !== nodeRef.current) {\n      return;\n    }\n    setActiveNode(value);\n    select(event, value);\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLLIElement>) => {\n    if (event.target !== event.currentTarget) return;\n    onFocus?.(event);\n    if (!wasMouseDownRef.current) {\n      setFocusVisible(true);\n    }\n    wasMouseDownRef.current = false;\n    setActiveNode(value);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLLIElement>) => {\n    if (event.target !== event.currentTarget) return;\n    onBlur?.(event);\n    setFocusVisible(false);\n  };\n\n  const handleMouseDown = (event: MouseEvent<HTMLLIElement>) => {\n    wasMouseDownRef.current = true;\n    onMouseDown?.(event);\n  };\n\n  return (\n    <li\n      ref={nodeRef}\n      id={id}\n      role=\"treeitem\"\n      aria-expanded={hasChildren ? expanded : undefined}\n      aria-selected={multiselect ? undefined : selected}\n      aria-checked={\n        multiselect ? (indeterminate ? \"mixed\" : selected) : undefined\n      }\n      aria-level={level}\n      aria-disabled={disabled || undefined}\n      tabIndex={isTabbable ? 0 : -1}\n      className={clsx(\n        withNodeBaseName(),\n        {\n          [withNodeBaseName(\"expanded\")]: expanded,\n          [withNodeBaseName(\"selected\")]: selected && !multiselect,\n          [withNodeBaseName(\"active\")]: isActive,\n          [withNodeBaseName(\"disabled\")]: disabled,\n          [withNodeBaseName(\"hasChildren\")]: hasChildren,\n          [withNodeBaseName(\"focusVisible\")]: focusVisible,\n        },\n        className,\n      )}\n      style={\n        {\n          \"--saltTreeNode-level\": level,\n          ...style,\n        } as CSSProperties\n      }\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onMouseDown={handleMouseDown}\n      onKeyDown={onKeyDown}\n      {...rest}\n    >\n      <span ref={triggerContentRef} className={withBaseName()}>\n        <TreeNodeExpansionIcon />\n        {multiselect && (\n          <CheckboxIcon\n            checked={selected}\n            indeterminate={indeterminate}\n            disabled={disabled}\n            className={withNodeBaseName(\"checkbox\")}\n          />\n        )}\n        {children}\n      </span>\n\n      {hasChildren && expanded && (\n        <ul role=\"group\" className={withNodeBaseName(\"group\")}>\n          {nodeChildren}\n        </ul>\n      )}\n    </li>\n  );\n});\n"],"names":["TreeNodeTrigger","treeNodeTriggerCss"],"mappings":"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"}
+{"version":3,"file":"TreeNodeTrigger.js","sources":["../src/tree/TreeNodeTrigger.tsx"],"sourcesContent":["import { CheckboxIcon, makePrefixer, useForkRef } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport {\n  type ComponentPropsWithoutRef,\n  type CSSProperties,\n  type FocusEvent,\n  forwardRef,\n  type MouseEvent,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTreeContext, useTreeNodeContext } from \"./TreeContext\";\nimport { TreeNodeExpansionIcon } from \"./TreeNodeExpansionIcon\";\nimport treeNodeTriggerCss from \"./TreeNodeTrigger.css\";\n\nexport interface TreeNodeTriggerProps extends ComponentPropsWithoutRef<\"li\"> {}\n\nconst withBaseName = makePrefixer(\"saltTreeNodeTrigger\");\nconst withNodeBaseName = makePrefixer(\"saltTreeNode\");\n\n/**\n * The forwarded ref points to the inner trigger content span (for tooltip positioning),\n * while the <li> handles focus, ARIA, and event handling.\n */\nexport const TreeNodeTrigger = forwardRef<\n  HTMLSpanElement,\n  TreeNodeTriggerProps\n>(function TreeNodeTrigger(props, ref) {\n  const {\n    className,\n    children,\n    style,\n    onClick,\n    onFocus,\n    onBlur,\n    onMouseDown,\n    onKeyDown,\n    ...rest\n  } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tree-node-trigger\",\n    css: treeNodeTriggerCss,\n    window: targetWindow,\n  });\n\n  const nodeContext = useTreeNodeContext();\n  if (!nodeContext) {\n    throw new Error(\"TreeNodeTrigger must be used within a TreeNode\");\n  }\n\n  const {\n    value,\n    level,\n    hasChildren,\n    expanded,\n    disabled,\n    id,\n    nodeRef,\n    setNodeRef,\n    selected,\n    indeterminate,\n    nodeChildren,\n  } = nodeContext;\n\n  const {\n    multiselect,\n    activeNode,\n    setActiveNode,\n    select,\n    tabbableNodeId,\n    registerElement,\n  } = useTreeContext();\n\n  const triggerContentRef = useForkRef(useRef<HTMLSpanElement>(null), ref);\n  const wasMouseDownRef = useRef(false);\n  const [focusVisible, setFocusVisible] = useState(false);\n\n  const isActive = activeNode === value;\n\n  const isTabbable = tabbableNodeId === value;\n\n  useEffect(() => {\n    if (nodeRef.current) {\n      return registerElement(value, nodeRef.current);\n    }\n  }, [value, registerElement, nodeRef]);\n\n  const handleClick = (event: MouseEvent<HTMLLIElement>) => {\n    onClick?.(event);\n    if (disabled) return;\n    const target = event.target as HTMLElement;\n    if (target.closest(\".saltTreeNodeExpansionIcon\")) return;\n    const nestedTreeItem = target.closest('[role=\"treeitem\"]');\n    if (nestedTreeItem && nestedTreeItem !== nodeRef.current) {\n      return;\n    }\n    setActiveNode(value);\n    select(event, value);\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLLIElement>) => {\n    if (event.target !== event.currentTarget) return;\n    onFocus?.(event);\n    if (!wasMouseDownRef.current) {\n      setFocusVisible(true);\n    }\n    wasMouseDownRef.current = false;\n    setActiveNode(value);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLLIElement>) => {\n    if (event.target !== event.currentTarget) return;\n    onBlur?.(event);\n    setFocusVisible(false);\n  };\n\n  const handleMouseDown = (event: MouseEvent<HTMLLIElement>) => {\n    wasMouseDownRef.current = true;\n    onMouseDown?.(event);\n  };\n\n  return (\n    <li\n      ref={setNodeRef}\n      id={id}\n      role=\"treeitem\"\n      aria-expanded={hasChildren ? expanded : undefined}\n      aria-selected={multiselect ? undefined : selected}\n      aria-checked={\n        multiselect ? (indeterminate ? \"mixed\" : selected) : undefined\n      }\n      aria-level={level}\n      aria-disabled={disabled || undefined}\n      tabIndex={isTabbable ? 0 : -1}\n      className={clsx(\n        withNodeBaseName(),\n        {\n          [withNodeBaseName(\"expanded\")]: expanded,\n          [withNodeBaseName(\"selected\")]: selected && !multiselect,\n          [withNodeBaseName(\"active\")]: isActive,\n          [withNodeBaseName(\"disabled\")]: disabled,\n          [withNodeBaseName(\"hasChildren\")]: hasChildren,\n          [withNodeBaseName(\"focusVisible\")]: focusVisible,\n        },\n        className,\n      )}\n      style={\n        {\n          \"--saltTreeNode-level\": level,\n          ...style,\n        } as CSSProperties\n      }\n      onClick={handleClick}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      onMouseDown={handleMouseDown}\n      onKeyDown={onKeyDown}\n      {...rest}\n    >\n      <span ref={triggerContentRef} className={withBaseName()}>\n        <TreeNodeExpansionIcon />\n        {multiselect && (\n          <CheckboxIcon\n            checked={selected}\n            indeterminate={indeterminate}\n            disabled={disabled}\n            className={withNodeBaseName(\"checkbox\")}\n          />\n        )}\n        {children}\n      </span>\n\n      {hasChildren && expanded && (\n        <ul role=\"group\" className={withNodeBaseName(\"group\")}>\n          {nodeChildren}\n        </ul>\n      )}\n    </li>\n  );\n});\n"],"names":["TreeNodeTrigger","treeNodeTriggerCss"],"mappings":"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"}

package/dist-es/tree/treeModel.js

@@ -0,0 +1,57 @@
+import { Children, isValidElement, Fragment } from 'react';
+
+function isFragmentElement(child) {
+  return isValidElement(child) && child.type === Fragment;
+}
+function isTreeNodeElement(child) {
+  return isValidElement(child) && typeof child.props.value === "string";
+}
+function flattenTreeNodeChildren(children) {
+  const flattenedChildren = [];
+  Children.forEach(children, (child) => {
+    if (isFragmentElement(child)) {
+      flattenedChildren.push(...flattenTreeNodeChildren(child.props.children));
+    } else if (child !== null && child !== void 0 && typeof child !== "boolean") {
+      flattenedChildren.push(child);
+    }
+  });
+  return flattenedChildren;
+}
+function getTreeNodeElements(children) {
+  return flattenTreeNodeChildren(children).filter(isTreeNodeElement);
+}
+function buildTreeModel(children) {
+  const nodes = /* @__PURE__ */ new Map();
+  const rootValues = [];
+  const childrenOf = /* @__PURE__ */ new Map();
+  function traverse(reactChildren, parentValue, parentDisabled = false) {
+    const treeNodeChildren = getTreeNodeElements(reactChildren);
+    const siblingValues = [];
+    for (const child of treeNodeChildren) {
+      const value = child.props.value;
+      const childTreeNodes = getTreeNodeElements(child.props.children);
+      const hasChildren = childTreeNodes.length > 0;
+      const disabled = parentDisabled || Boolean(child.props.disabled);
+      nodes.set(value, {
+        value,
+        parentValue,
+        hasChildren,
+        disabled
+      });
+      siblingValues.push(value);
+      if (hasChildren) {
+        traverse(child.props.children, value, disabled);
+      }
+    }
+    if (parentValue !== void 0) {
+      childrenOf.set(parentValue, siblingValues);
+    } else {
+      rootValues.push(...siblingValues);
+    }
+  }
+  traverse(children);
+  return { nodes, rootValues, childrenOf };
+}
+
+export { buildTreeModel, flattenTreeNodeChildren, isTreeNodeElement };
+//# sourceMappingURL=treeModel.js.map

package/dist-es/tree/treeModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"treeModel.js","sources":["../src/tree/treeModel.ts"],"sourcesContent":["import {\n  Children,\n  Fragment,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\n\nexport interface TreeNodeMeta {\n  value: string;\n  parentValue: string | undefined;\n  hasChildren: boolean;\n  disabled: boolean;\n}\n\nexport interface TreeModel {\n  /** All nodes indexed by value */\n  nodes: Map<string, TreeNodeMeta>;\n  /** Ordered list of root node values */\n  rootValues: string[];\n  /** Maps parent value to ordered list of child values */\n  childrenOf: Map<string, string[]>;\n}\n\ninterface TreeNodeElementProps {\n  value: string;\n  disabled?: boolean;\n  children?: ReactNode;\n}\n\nfunction isFragmentElement(\n  child: ReactNode,\n): child is ReactElement<{ children?: ReactNode }> {\n  return (\n    isValidElement<{ children?: ReactNode }>(child) && child.type === Fragment\n  );\n}\n\nexport function isTreeNodeElement(\n  child: ReactNode,\n): child is ReactElement<TreeNodeElementProps> {\n  return (\n    isValidElement<TreeNodeElementProps>(child) &&\n    typeof child.props.value === \"string\"\n  );\n}\n\nexport function flattenTreeNodeChildren(children: ReactNode): ReactNode[] {\n  const flattenedChildren: ReactNode[] = [];\n\n  Children.forEach(children, (child) => {\n    if (isFragmentElement(child)) {\n      flattenedChildren.push(...flattenTreeNodeChildren(child.props.children));\n    } else if (\n      child !== null &&\n      child !== undefined &&\n      typeof child !== \"boolean\"\n    ) {\n      flattenedChildren.push(child);\n    }\n  });\n\n  return flattenedChildren;\n}\n\nfunction getTreeNodeElements(\n  children: ReactNode,\n): ReactElement<TreeNodeElementProps>[] {\n  return flattenTreeNodeChildren(children).filter(isTreeNodeElement);\n}\n\nexport function buildTreeModel(children: ReactNode): TreeModel {\n  const nodes = new Map<string, TreeNodeMeta>();\n  const rootValues: string[] = [];\n  const childrenOf = new Map<string, string[]>();\n\n  function traverse(\n    reactChildren: ReactNode,\n    parentValue?: string,\n    parentDisabled = false,\n  ): void {\n    const treeNodeChildren = getTreeNodeElements(reactChildren);\n    const siblingValues: string[] = [];\n\n    for (const child of treeNodeChildren) {\n      const value = child.props.value;\n      const childTreeNodes = getTreeNodeElements(child.props.children);\n      const hasChildren = childTreeNodes.length > 0;\n      const disabled = parentDisabled || Boolean(child.props.disabled);\n\n      nodes.set(value, {\n        value,\n        parentValue,\n        hasChildren,\n        disabled,\n      });\n\n      siblingValues.push(value);\n\n      if (hasChildren) {\n        traverse(child.props.children, value, disabled);\n      }\n    }\n\n    if (parentValue !== undefined) {\n      childrenOf.set(parentValue, siblingValues);\n    } else {\n      rootValues.push(...siblingValues);\n    }\n  }\n\n  traverse(children);\n\n  return { nodes, rootValues, childrenOf };\n}\n"],"names":[],"mappings":";;AA8BA,SAAS,kBACP,KAAA,EACiD;AACjD,EAAA,OACE,cAAA,CAAyC,KAAK,CAAA,IAAK,KAAA,CAAM,IAAA,KAAS,QAAA;AAEtE;AAEO,SAAS,kBACd,KAAA,EAC6C;AAC7C,EAAA,OACE,eAAqC,KAAK,CAAA,IAC1C,OAAO,KAAA,CAAM,MAAM,KAAA,KAAU,QAAA;AAEjC;AAEO,SAAS,wBAAwB,QAAA,EAAkC;AACxE,EAAA,MAAM,oBAAiC,EAAC;AAExC,EAAA,QAAA,CAAS,OAAA,CAAQ,QAAA,EAAU,CAAC,KAAA,KAAU;AACpC,IAAA,IAAI,iBAAA,CAAkB,KAAK,CAAA,EAAG;AAC5B,MAAA,iBAAA,CAAkB,KAAK,GAAG,uBAAA,CAAwB,KAAA,CAAM,KAAA,CAAM,QAAQ,CAAC,CAAA;AAAA,IACzE,WACE,KAAA,KAAU,IAAA,IACV,UAAU,MAAA,IACV,OAAO,UAAU,SAAA,EACjB;AACA,MAAA,iBAAA,CAAkB,KAAK,KAAK,CAAA;AAAA,IAC9B;AAAA,EACF,CAAC,CAAA;AAED,EAAA,OAAO,iBAAA;AACT;AAEA,SAAS,oBACP,QAAA,EACsC;AACtC,EAAA,OAAO,uBAAA,CAAwB,QAAQ,CAAA,CAAE,MAAA,CAAO,iBAAiB,CAAA;AACnE;AAEO,SAAS,eAAe,QAAA,EAAgC;AAC7D,EAAA,MAAM,KAAA,uBAAY,GAAA,EAA0B;AAC5C,EAAA,MAAM,aAAuB,EAAC;AAC9B,EAAA,MAAM,UAAA,uBAAiB,GAAA,EAAsB;AAE7C,EAAA,SAAS,QAAA,CACP,aAAA,EACA,WAAA,EACA,cAAA,GAAiB,KAAA,EACX;AACN,IAAA,MAAM,gBAAA,GAAmB,oBAAoB,aAAa,CAAA;AAC1D,IAAA,MAAM,gBAA0B,EAAC;AAEjC,IAAA,KAAA,MAAW,SAAS,gBAAA,EAAkB;AACpC,MAAA,MAAM,KAAA,GAAQ,MAAM,KAAA,CAAM,KAAA;AAC1B,MAAA,MAAM,cAAA,GAAiB,mBAAA,CAAoB,KAAA,CAAM,KAAA,CAAM,QAAQ,CAAA;AAC/D,MAAA,MAAM,WAAA,GAAc,eAAe,MAAA,GAAS,CAAA;AAC5C,MAAA,MAAM,QAAA,GAAW,cAAA,IAAkB,OAAA,CAAQ,KAAA,CAAM,MAAM,QAAQ,CAAA;AAE/D,MAAA,KAAA,CAAM,IAAI,KAAA,EAAO;AAAA,QACf,KAAA;AAAA,QACA,WAAA;AAAA,QACA,WAAA;AAAA,QACA;AAAA,OACD,CAAA;AAED,MAAA,aAAA,CAAc,KAAK,KAAK,CAAA;AAExB,MAAA,IAAI,WAAA,EAAa;AACf,QAAA,QAAA,CAAS,KAAA,CAAM,KAAA,CAAM,QAAA,EAAU,KAAA,EAAO,QAAQ,CAAA;AAAA,MAChD;AAAA,IACF;AAEA,IAAA,IAAI,gBAAgB,MAAA,EAAW;AAC7B,MAAA,UAAA,CAAW,GAAA,CAAI,aAAa,aAAa,CAAA;AAAA,IAC3C,CAAA,MAAO;AACL,MAAA,UAAA,CAAW,IAAA,CAAK,GAAG,aAAa,CAAA;AAAA,IAClC;AAAA,EACF;AAEA,EAAA,QAAA,CAAS,QAAQ,CAAA;AAEjB,EAAA,OAAO,EAAE,KAAA,EAAO,UAAA,EAAY,UAAA,EAAW;AACzC;;;;"}

package/dist-es/tree/useTree.js

@@ -1,38 +1,12 @@
 import { useControlled } from '@salt-ds/core';
-import { useMemo, useState, useRef, useCallback, Children, isValidElement } from 'react';
+import { useMemo, useRef, useCallback, useState, useEffect } from 'react';
+import { buildTreeModel } from './treeModel.js';
 
-function buildTreeModel(children) {
-  const nodes = /* @__PURE__ */ new Map();
-  const rootValues = [];
-  const childrenOf = /* @__PURE__ */ new Map();
-  function traverse(reactChildren, parentValue, parentDisabled = false) {
-    const siblingValues = [];
-    Children.forEach(reactChildren, (child) => {
-      if (isValidElement(child) && typeof child.props.value === "string") {
-        const value = child.props.value;
-        const nodeChildren = child.props.children;
-        const hasChildren = Children.count(nodeChildren) > 0;
-        const disabled = parentDisabled || Boolean(child.props.disabled);
-        nodes.set(value, {
-          value,
-          parentValue,
-          hasChildren,
-          disabled
-        });
-        siblingValues.push(value);
-        if (hasChildren) {
-          traverse(nodeChildren, value, disabled);
-        }
-      }
-    });
-    if (parentValue !== void 0) {
-      childrenOf.set(parentValue, siblingValues);
-    } else {
-      rootValues.push(...siblingValues);
-    }
+function arraysEqual(a, b) {
+  if (a.length !== b.length) {
+    return false;
   }
-  traverse(children);
-  return { nodes, rootValues, childrenOf };
+  return a.every((value, index) => value === b[index]);
 }
 function expandSelectionWithDescendants(selection, model, disabledIds) {
   const expanded = new Set(selection);
@@ -78,6 +52,8 @@ function useTree(props) {
   const clampedDefaultSelected = multiselect ? defaultSelected : defaultSelected.slice(0, 1);
   const clampedSelectedProp = selectedProp && !multiselect ? selectedProp.slice(0, 1) : selectedProp;
   const treeModel = useMemo(() => buildTreeModel(children), [children]);
+  const elementsRef = useRef(/* @__PURE__ */ new Map());
+  const suppressUncontrolledSelectionExpansionRef = useRef(false);
   const disabledIdsSet = useMemo(() => {
     const set = /* @__PURE__ */ new Set();
     for (const [value, meta] of treeModel.nodes) {
@@ -104,24 +80,29 @@ function useTree(props) {
     expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);
     return expanded;
   }, [clampedDefaultSelected, treeModel, disabledIdsSet, multiselect]);
-  const [selectedState, setSelectedState] = useControlled({
+  const [selectedState, setSelectedState, selectedControlled] = useControlled({
     controlled: clampedSelectedProp,
     default: expandedDefaultSelected,
     name: "Tree",
     state: "selected"
   });
+  const setVisibleSelectionState = useCallback((selection) => {
+    suppressUncontrolledSelectionExpansionRef.current = true;
+    setSelectedState(selection);
+  }, []);
   const selectedSet = useMemo(() => new Set(selectedState), [selectedState]);
   const [activeNode, setActiveNode] = useState(void 0);
-  const elementsRef = useRef(/* @__PURE__ */ new Map());
-  const registerElement = (value, element) => {
+  const registerElement = useCallback((value, element) => {
     elementsRef.current.set(value, element);
     return () => {
-      elementsRef.current.delete(value);
+      if (elementsRef.current.get(value) === element) {
+        elementsRef.current.delete(value);
+      }
     };
-  };
-  const getElement = (value) => {
+  }, []);
+  const getElement = useCallback((value) => {
     return elementsRef.current.get(value);
-  };
+  }, []);
   const getNodeMeta = useCallback(
     (value) => {
       return treeModel.nodes.get(value);
@@ -213,10 +194,34 @@ function useTree(props) {
     },
     [getParent, getChildren, disabledIdsSet]
   );
-  const indeterminateState = useMemo(
-    () => multiselect ? calculateIndeterminateState(selectedState) : /* @__PURE__ */ new Set(),
-    [multiselect, selectedState, calculateIndeterminateState]
-  );
+  const indeterminateState = useMemo(() => {
+    const state = multiselect ? calculateIndeterminateState(selectedState) : /* @__PURE__ */ new Set();
+    return state;
+  }, [multiselect, selectedState, calculateIndeterminateState]);
+  useEffect(() => {
+    if (suppressUncontrolledSelectionExpansionRef.current) {
+      suppressUncontrolledSelectionExpansionRef.current = false;
+      return;
+    }
+    if (selectedControlled || !multiselect || selectedState.length === 0) {
+      return;
+    }
+    let expanded = expandSelectionWithDescendants(
+      selectedState,
+      treeModel,
+      disabledIdsSet
+    );
+    expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);
+    if (!arraysEqual(selectedState, expanded)) {
+      setSelectedState(expanded);
+    }
+  }, [
+    selectedControlled,
+    multiselect,
+    selectedState,
+    treeModel,
+    disabledIdsSet
+  ]);
   const updateAncestors = (currentSet, value) => {
     const ancestors = getAncestors(value);
     for (const ancestor of ancestors) {
@@ -305,6 +310,7 @@ function useTree(props) {
     selectedState,
     selectedSet,
     setSelectedState,
+    setVisibleSelectionState,
     select,
     multiselect,
     disabled,

package/dist-es/tree/useTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n  Children,\n  isValidElement,\n  type ReactNode,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nexport interface UseTreeProps {\n  /**\n   * Default expanded nodes (uncontrolled)\n   */\n  defaultExpanded?: string[];\n  /**\n   * Expanded nodes (controlled)\n   */\n  expanded?: string[];\n  /**\n   * Callback on expanded nodes change\n   */\n  onExpandedChange?: (event: SyntheticEvent, expanded: string[]) => void;\n  /**\n   * Default selected nodes (uncontrolled)\n   */\n  defaultSelected?: string[];\n  /**\n   * Selected nodes\n   */\n  selected?: string[];\n  /**\n   * Callback on selected nodes change\n   */\n  onSelectionChange?: (event: SyntheticEvent, selected: string[]) => void;\n  /**\n   * Sets multiselect mode with checkboxes and allows for multiple node selection\n   */\n  multiselect?: boolean;\n  /**\n   * Sets tree to disabled state, preventing all interaction\n   */\n  disabled?: boolean;\n  /**\n   * Tree children used to build the tree model for traversal an state management\n   */\n  children?: ReactNode;\n}\n\nexport interface TreeNodeMeta {\n  value: string;\n  parentValue: string | undefined;\n  hasChildren: boolean;\n  disabled: boolean;\n}\n\nexport interface TreeModel {\n  /** All nodes indexed by value */\n  nodes: Map<string, TreeNodeMeta>;\n  /** Ordered list of root node values */\n  rootValues: string[];\n  /** Maps parent value to ordered list of child values */\n  childrenOf: Map<string, string[]>;\n}\n\nfunction buildTreeModel(children: ReactNode): TreeModel {\n  const nodes = new Map<string, TreeNodeMeta>();\n  const rootValues: string[] = [];\n  const childrenOf = new Map<string, string[]>();\n\n  function traverse(\n    reactChildren: ReactNode,\n    parentValue?: string,\n    parentDisabled = false,\n  ): void {\n    const siblingValues: string[] = [];\n\n    Children.forEach(reactChildren, (child) => {\n      if (isValidElement(child) && typeof child.props.value === \"string\") {\n        const value = child.props.value;\n        const nodeChildren = child.props.children;\n        const hasChildren = Children.count(nodeChildren) > 0;\n        const disabled = parentDisabled || Boolean(child.props.disabled);\n\n        nodes.set(value, {\n          value,\n          parentValue,\n          hasChildren,\n          disabled,\n        });\n\n        siblingValues.push(value);\n\n        // Process children recursively and pass down disabled state\n        if (hasChildren) {\n          traverse(nodeChildren, value, disabled);\n        }\n      }\n    });\n\n    // Ordered children of parent\n    if (parentValue !== undefined) {\n      childrenOf.set(parentValue, siblingValues);\n    } else {\n      // ...and the root nodes\n      rootValues.push(...siblingValues);\n    }\n  }\n\n  traverse(children);\n\n  return { nodes, rootValues, childrenOf };\n}\n\nfunction expandSelectionWithDescendants(\n  selection: string[],\n  model: TreeModel,\n  disabledIds: Set<string>,\n): string[] {\n  const expanded = new Set(selection);\n\n  function addDescendants(parentValue: string): void {\n    const children = model.childrenOf.get(parentValue) ?? [];\n    for (const child of children) {\n      if (!disabledIds.has(child)) {\n        expanded.add(child);\n        addDescendants(child);\n      }\n    }\n  }\n\n  for (const value of selection) {\n    addDescendants(value);\n  }\n\n  return Array.from(expanded);\n}\n\nfunction expandSelectionUpwards(\n  selection: string[],\n  model: TreeModel,\n  disabledIds: Set<string>,\n): string[] {\n  const selectedSet = new Set(selection);\n\n  for (const [value, meta] of model.nodes) {\n    if (\n      meta.hasChildren &&\n      !selectedSet.has(value) &&\n      !disabledIds.has(value)\n    ) {\n      const children = model.childrenOf.get(value) ?? [];\n      const enabledChildren = children.filter((c) => !disabledIds.has(c));\n\n      if (\n        enabledChildren.length > 0 &&\n        enabledChildren.every((c) => selectedSet.has(c))\n      ) {\n        selectedSet.add(value);\n      }\n    }\n  }\n\n  return Array.from(selectedSet);\n}\n\nexport function useTree(props: UseTreeProps) {\n  const {\n    defaultExpanded = [],\n    expanded: expandedProp,\n    onExpandedChange,\n    defaultSelected = [],\n    selected: selectedProp,\n    onSelectionChange,\n    multiselect = false,\n    disabled = false,\n    children,\n  } = props;\n\n  const clampedDefaultSelected = multiselect\n    ? defaultSelected\n    : defaultSelected.slice(0, 1);\n\n  const clampedSelectedProp =\n    selectedProp && !multiselect ? selectedProp.slice(0, 1) : selectedProp;\n\n  const treeModel = useMemo(() => buildTreeModel(children), [children]);\n\n  const disabledIdsSet = useMemo(() => {\n    const set = new Set<string>();\n    for (const [value, meta] of treeModel.nodes) {\n      if (meta.disabled) set.add(value);\n    }\n    return set;\n  }, [treeModel]);\n\n  const [expandedArray, setExpandedArray] = useControlled({\n    controlled: expandedProp,\n    default: defaultExpanded,\n    name: \"Tree\",\n    state: \"expanded\",\n  });\n\n  // Convert array to Set for more efficient lookups during rendering and nav\n  const expandedState = useMemo(() => new Set(expandedArray), [expandedArray]);\n\n  const expandedDefaultSelected = useMemo(() => {\n    if (!multiselect || clampedDefaultSelected.length === 0) {\n      return clampedDefaultSelected;\n    }\n\n    let expanded = expandSelectionWithDescendants(\n      clampedDefaultSelected,\n      treeModel,\n      disabledIdsSet,\n    );\n\n    expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);\n\n    return expanded;\n  }, [clampedDefaultSelected, treeModel, disabledIdsSet, multiselect]);\n\n  const [selectedState, setSelectedState] = useControlled({\n    controlled: clampedSelectedProp,\n    default: expandedDefaultSelected,\n    name: \"Tree\",\n    state: \"selected\",\n  });\n\n  const selectedSet = useMemo(() => new Set(selectedState), [selectedState]);\n\n  const [activeNode, setActiveNode] = useState<string | undefined>(undefined);\n\n  const elementsRef = useRef<Map<string, HTMLElement>>(new Map());\n\n  const registerElement = (value: string, element: HTMLElement) => {\n    elementsRef.current.set(value, element);\n    return () => {\n      elementsRef.current.delete(value);\n    };\n  };\n\n  const getElement = (value: string): HTMLElement | undefined => {\n    return elementsRef.current.get(value);\n  };\n\n  const getNodeMeta = useCallback(\n    (value: string): TreeNodeMeta | undefined => {\n      return treeModel.nodes.get(value);\n    },\n    [treeModel],\n  );\n\n  const getParent = useCallback(\n    (value: string): string | undefined => {\n      return treeModel.nodes.get(value)?.parentValue;\n    },\n    [treeModel],\n  );\n\n  const getChildren = useCallback(\n    (parentValue: string): string[] => {\n      return treeModel.childrenOf.get(parentValue) ?? [];\n    },\n    [treeModel],\n  );\n\n  // Depth-first search (with pre-order traversal)\n  const getDescendants = useCallback(\n    (value: string): string[] => {\n      const descendants: string[] = [];\n\n      function traverse(parentValue: string): void {\n        const children = treeModel.childrenOf.get(parentValue) ?? [];\n        for (const child of children) {\n          if (!disabledIdsSet.has(child)) {\n            descendants.push(child);\n            traverse(child);\n          }\n        }\n      }\n\n      traverse(value);\n      return descendants;\n    },\n    [treeModel, disabledIdsSet],\n  );\n\n  const getAncestors = useCallback(\n    (value: string): string[] => {\n      const ancestors: string[] = [];\n      let current = treeModel.nodes.get(value)?.parentValue;\n\n      while (current) {\n        ancestors.push(current);\n        current = treeModel.nodes.get(current)?.parentValue;\n      }\n\n      return ancestors;\n    },\n    [treeModel],\n  );\n\n  const toggleExpanded = useCallback(\n    (event: SyntheticEvent, value: string) => {\n      const isExpanding = !expandedState.has(value);\n      const newExpanded = isExpanding\n        ? [...expandedArray, value]\n        : expandedArray.filter((v) => v !== value);\n\n      setExpandedArray(newExpanded);\n      onExpandedChange?.(event, newExpanded);\n    },\n    [expandedArray, expandedState, onExpandedChange],\n  );\n\n  const calculateIndeterminateState = useCallback(\n    (selected: string[]): Set<string> => {\n      const indeterminate = new Set<string>();\n      const selectedSet = new Set(selected);\n\n      for (const selectedValue of selected) {\n        let current = getParent(selectedValue);\n\n        while (current) {\n          const children = getChildren(current);\n          const enabledChildren = children.filter(\n            (child) => !disabledIdsSet.has(child),\n          );\n\n          if (enabledChildren.length === 0) {\n            current = getParent(current);\n            continue;\n          }\n\n          const selectedChildren = enabledChildren.filter((child) =>\n            selectedSet.has(child),\n          );\n          const allChildrenSelected =\n            selectedChildren.length === enabledChildren.length;\n          const someChildrenSelected = selectedChildren.length > 0;\n\n          const someChildrenIndeterminate = enabledChildren.some((child) =>\n            indeterminate.has(child),\n          );\n\n          if (\n            someChildrenIndeterminate ||\n            (someChildrenSelected && !allChildrenSelected)\n          ) {\n            indeterminate.add(current);\n          }\n\n          current = getParent(current);\n        }\n      }\n\n      return indeterminate;\n    },\n    [getParent, getChildren, disabledIdsSet],\n  );\n\n  const indeterminateState = useMemo(\n    () =>\n      multiselect\n        ? calculateIndeterminateState(selectedState)\n        : new Set<string>(),\n    [multiselect, selectedState, calculateIndeterminateState],\n  );\n\n  const updateAncestors = (\n    currentSet: Set<string>,\n    value: string,\n  ): string[] => {\n    const ancestors = getAncestors(value);\n\n    for (const ancestor of ancestors) {\n      const children = treeModel.childrenOf.get(ancestor) ?? [];\n      const enabledChildren = children.filter(\n        (child) => !disabledIdsSet.has(child),\n      );\n\n      if (enabledChildren.length === 0) continue;\n\n      const allSelected = enabledChildren.every((child) =>\n        currentSet.has(child),\n      );\n\n      if (allSelected) {\n        currentSet.add(ancestor);\n      } else {\n        currentSet.delete(ancestor);\n      }\n    }\n\n    return Array.from(currentSet);\n  };\n\n  const getMultiSelectState = (value: string) => {\n    const currentSet = new Set(selectedState);\n    const descendants = getDescendants(value);\n\n    if (currentSet.has(value)) {\n      currentSet.delete(value);\n      const descendantSet = new Set(descendants);\n      for (const d of descendantSet) {\n        currentSet.delete(d);\n      }\n    } else {\n      currentSet.add(value);\n      for (const d of descendants) {\n        if (!currentSet.has(d)) {\n          currentSet.add(d);\n        }\n      }\n    }\n\n    return updateAncestors(currentSet, value);\n  };\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: getMultiSelectState/updateAncestors are intentionally not memoized - their captured values (selectedState, treeModel, etc.) are already in deps\n  const select = useCallback(\n    (event: SyntheticEvent, value: string) => {\n      if (disabled || disabledIdsSet.has(value)) return;\n\n      let newSelected: string[];\n\n      if (multiselect) {\n        newSelected = getMultiSelectState(value);\n      } else {\n        const isCurrentlySelected = selectedSet.has(value);\n        newSelected = isCurrentlySelected ? [] : [value];\n      }\n\n      setSelectedState(newSelected);\n      onSelectionChange?.(event, newSelected);\n    },\n    [disabled, disabledIdsSet, multiselect, selectedState, onSelectionChange],\n  );\n\n  // Visible nodes in depth-first order matching visual tree order\n  const visibleNodes = useMemo((): string[] => {\n    const visible: string[] = [];\n\n    function traverse(values: string[]): void {\n      for (const value of values) {\n        visible.push(value);\n\n        const nodeMeta = treeModel.nodes.get(value);\n        if (nodeMeta?.hasChildren && expandedState.has(value)) {\n          const children = treeModel.childrenOf.get(value) ?? [];\n          traverse(children);\n        }\n      }\n    }\n\n    traverse(treeModel.rootValues);\n    return visible;\n  }, [treeModel, expandedState]);\n\n  const tabbableNodeId = useMemo((): string | undefined => {\n    if (activeNode) {\n      return activeNode;\n    }\n\n    const firstSelectedVisible = visibleNodes.find((node) =>\n      selectedSet.has(node),\n    );\n\n    if (firstSelectedVisible !== undefined) {\n      return firstSelectedVisible;\n    }\n\n    return visibleNodes[0];\n  }, [activeNode, selectedSet, visibleNodes]);\n\n  return {\n    expandedArray,\n    setExpandedArray,\n    expandedState,\n    toggleExpanded,\n    selectedState,\n    selectedSet,\n    setSelectedState,\n    select,\n    multiselect,\n    disabled,\n    disabledIdsSet,\n    treeModel,\n    getNodeMeta,\n    getParent,\n    getChildren,\n    getDescendants,\n    getAncestors,\n    visibleNodes,\n    tabbableNodeId,\n    registerElement,\n    getElement,\n    activeNode,\n    setActiveNode,\n    indeterminateState,\n  };\n}\n"],"names":["children","selectedSet"],"mappings":"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"}
+{"version":3,"file":"useTree.js","sources":["../src/tree/useTree.ts"],"sourcesContent":["import { useControlled } from \"@salt-ds/core\";\nimport {\n  type ReactNode,\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { buildTreeModel, type TreeModel, type TreeNodeMeta } from \"./treeModel\";\n\nexport type { TreeModel, TreeNodeMeta } from \"./treeModel\";\n\nexport interface UseTreeProps {\n  /**\n   * Default expanded nodes (uncontrolled)\n   */\n  defaultExpanded?: string[];\n  /**\n   * Expanded nodes (controlled)\n   */\n  expanded?: string[];\n  /**\n   * Callback on expanded nodes change\n   */\n  onExpandedChange?: (event: SyntheticEvent, expanded: string[]) => void;\n  /**\n   * Default selected nodes (uncontrolled)\n   */\n  defaultSelected?: string[];\n  /**\n   * Selected nodes\n   */\n  selected?: string[];\n  /**\n   * Callback on selected nodes change\n   */\n  onSelectionChange?: (event: SyntheticEvent, selected: string[]) => void;\n  /**\n   * Sets multiselect mode with checkboxes and allows for multiple node selection\n   */\n  multiselect?: boolean;\n  /**\n   * Sets tree to disabled state, preventing all interaction\n   */\n  disabled?: boolean;\n  /**\n   * Tree children used to build the tree model for traversal an state management\n   */\n  children?: ReactNode;\n}\n\nfunction arraysEqual(a: string[], b: string[]): boolean {\n  if (a.length !== b.length) {\n    return false;\n  }\n\n  return a.every((value, index) => value === b[index]);\n}\n\nfunction expandSelectionWithDescendants(\n  selection: string[],\n  model: TreeModel,\n  disabledIds: Set<string>,\n): string[] {\n  const expanded = new Set(selection);\n\n  function addDescendants(parentValue: string): void {\n    const children = model.childrenOf.get(parentValue) ?? [];\n    for (const child of children) {\n      if (!disabledIds.has(child)) {\n        expanded.add(child);\n        addDescendants(child);\n      }\n    }\n  }\n\n  for (const value of selection) {\n    addDescendants(value);\n  }\n\n  return Array.from(expanded);\n}\n\nfunction expandSelectionUpwards(\n  selection: string[],\n  model: TreeModel,\n  disabledIds: Set<string>,\n): string[] {\n  const selectedSet = new Set(selection);\n\n  for (const [value, meta] of model.nodes) {\n    if (\n      meta.hasChildren &&\n      !selectedSet.has(value) &&\n      !disabledIds.has(value)\n    ) {\n      const children = model.childrenOf.get(value) ?? [];\n      const enabledChildren = children.filter((c) => !disabledIds.has(c));\n\n      if (\n        enabledChildren.length > 0 &&\n        enabledChildren.every((c) => selectedSet.has(c))\n      ) {\n        selectedSet.add(value);\n      }\n    }\n  }\n\n  return Array.from(selectedSet);\n}\n\nexport function useTree(props: UseTreeProps) {\n  const {\n    defaultExpanded = [],\n    expanded: expandedProp,\n    onExpandedChange,\n    defaultSelected = [],\n    selected: selectedProp,\n    onSelectionChange,\n    multiselect = false,\n    disabled = false,\n    children,\n  } = props;\n\n  const clampedDefaultSelected = multiselect\n    ? defaultSelected\n    : defaultSelected.slice(0, 1);\n\n  const clampedSelectedProp =\n    selectedProp && !multiselect ? selectedProp.slice(0, 1) : selectedProp;\n\n  const treeModel = useMemo(() => buildTreeModel(children), [children]);\n  const elementsRef = useRef<Map<string, HTMLElement>>(new Map());\n  const suppressUncontrolledSelectionExpansionRef = useRef(false);\n\n  const disabledIdsSet = useMemo(() => {\n    const set = new Set<string>();\n    for (const [value, meta] of treeModel.nodes) {\n      if (meta.disabled) set.add(value);\n    }\n    return set;\n  }, [treeModel]);\n\n  const [expandedArray, setExpandedArray] = useControlled({\n    controlled: expandedProp,\n    default: defaultExpanded,\n    name: \"Tree\",\n    state: \"expanded\",\n  });\n\n  // Convert array to Set for more efficient lookups during rendering and nav\n  const expandedState = useMemo(() => new Set(expandedArray), [expandedArray]);\n\n  const expandedDefaultSelected = useMemo(() => {\n    if (!multiselect || clampedDefaultSelected.length === 0) {\n      return clampedDefaultSelected;\n    }\n\n    let expanded = expandSelectionWithDescendants(\n      clampedDefaultSelected,\n      treeModel,\n      disabledIdsSet,\n    );\n\n    expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);\n\n    return expanded;\n  }, [clampedDefaultSelected, treeModel, disabledIdsSet, multiselect]);\n\n  const [selectedState, setSelectedState, selectedControlled] = useControlled({\n    controlled: clampedSelectedProp,\n    default: expandedDefaultSelected,\n    name: \"Tree\",\n    state: \"selected\",\n  });\n\n  const setVisibleSelectionState = useCallback((selection: string[]) => {\n    suppressUncontrolledSelectionExpansionRef.current = true;\n    setSelectedState(selection);\n  }, []);\n\n  const selectedSet = useMemo(() => new Set(selectedState), [selectedState]);\n\n  const [activeNode, setActiveNode] = useState<string | undefined>(undefined);\n\n  const registerElement = useCallback((value: string, element: HTMLElement) => {\n    elementsRef.current.set(value, element);\n\n    return () => {\n      if (elementsRef.current.get(value) === element) {\n        elementsRef.current.delete(value);\n      }\n    };\n  }, []);\n\n  const getElement = useCallback((value: string): HTMLElement | undefined => {\n    return elementsRef.current.get(value);\n  }, []);\n\n  const getNodeMeta = useCallback(\n    (value: string): TreeNodeMeta | undefined => {\n      return treeModel.nodes.get(value);\n    },\n    [treeModel],\n  );\n\n  const getParent = useCallback(\n    (value: string): string | undefined => {\n      return treeModel.nodes.get(value)?.parentValue;\n    },\n    [treeModel],\n  );\n\n  const getChildren = useCallback(\n    (parentValue: string): string[] => {\n      return treeModel.childrenOf.get(parentValue) ?? [];\n    },\n    [treeModel],\n  );\n\n  // Depth-first search (with pre-order traversal)\n  const getDescendants = useCallback(\n    (value: string): string[] => {\n      const descendants: string[] = [];\n\n      function traverse(parentValue: string): void {\n        const children = treeModel.childrenOf.get(parentValue) ?? [];\n        for (const child of children) {\n          if (!disabledIdsSet.has(child)) {\n            descendants.push(child);\n            traverse(child);\n          }\n        }\n      }\n\n      traverse(value);\n      return descendants;\n    },\n    [treeModel, disabledIdsSet],\n  );\n\n  const getAncestors = useCallback(\n    (value: string): string[] => {\n      const ancestors: string[] = [];\n      let current = treeModel.nodes.get(value)?.parentValue;\n\n      while (current) {\n        ancestors.push(current);\n        current = treeModel.nodes.get(current)?.parentValue;\n      }\n\n      return ancestors;\n    },\n    [treeModel],\n  );\n\n  const toggleExpanded = useCallback(\n    (event: SyntheticEvent, value: string) => {\n      const isExpanding = !expandedState.has(value);\n      const newExpanded = isExpanding\n        ? [...expandedArray, value]\n        : expandedArray.filter((v) => v !== value);\n\n      setExpandedArray(newExpanded);\n      onExpandedChange?.(event, newExpanded);\n    },\n    [expandedArray, expandedState, onExpandedChange],\n  );\n\n  const calculateIndeterminateState = useCallback(\n    (selected: string[]): Set<string> => {\n      const indeterminate = new Set<string>();\n      const selectedSet = new Set(selected);\n\n      for (const selectedValue of selected) {\n        let current = getParent(selectedValue);\n\n        while (current) {\n          const children = getChildren(current);\n          const enabledChildren = children.filter(\n            (child) => !disabledIdsSet.has(child),\n          );\n\n          if (enabledChildren.length === 0) {\n            current = getParent(current);\n            continue;\n          }\n\n          const selectedChildren = enabledChildren.filter((child) =>\n            selectedSet.has(child),\n          );\n          const allChildrenSelected =\n            selectedChildren.length === enabledChildren.length;\n          const someChildrenSelected = selectedChildren.length > 0;\n\n          const someChildrenIndeterminate = enabledChildren.some((child) =>\n            indeterminate.has(child),\n          );\n\n          if (\n            someChildrenIndeterminate ||\n            (someChildrenSelected && !allChildrenSelected)\n          ) {\n            indeterminate.add(current);\n          }\n\n          current = getParent(current);\n        }\n      }\n\n      return indeterminate;\n    },\n    [getParent, getChildren, disabledIdsSet],\n  );\n\n  const indeterminateState = useMemo(() => {\n    const state = multiselect\n      ? calculateIndeterminateState(selectedState)\n      : new Set<string>();\n    return state;\n  }, [multiselect, selectedState, calculateIndeterminateState]);\n\n  useEffect(() => {\n    if (suppressUncontrolledSelectionExpansionRef.current) {\n      suppressUncontrolledSelectionExpansionRef.current = false;\n      return;\n    }\n\n    if (selectedControlled || !multiselect || selectedState.length === 0) {\n      return;\n    }\n\n    let expanded = expandSelectionWithDescendants(\n      selectedState,\n      treeModel,\n      disabledIdsSet,\n    );\n    expanded = expandSelectionUpwards(expanded, treeModel, disabledIdsSet);\n\n    if (!arraysEqual(selectedState, expanded)) {\n      setSelectedState(expanded);\n    }\n  }, [\n    selectedControlled,\n    multiselect,\n    selectedState,\n    treeModel,\n    disabledIdsSet,\n  ]);\n\n  const updateAncestors = (\n    currentSet: Set<string>,\n    value: string,\n  ): string[] => {\n    const ancestors = getAncestors(value);\n\n    for (const ancestor of ancestors) {\n      const children = treeModel.childrenOf.get(ancestor) ?? [];\n      const enabledChildren = children.filter(\n        (child) => !disabledIdsSet.has(child),\n      );\n\n      if (enabledChildren.length === 0) continue;\n\n      const allSelected = enabledChildren.every((child) =>\n        currentSet.has(child),\n      );\n\n      if (allSelected) {\n        currentSet.add(ancestor);\n      } else {\n        currentSet.delete(ancestor);\n      }\n    }\n\n    return Array.from(currentSet);\n  };\n\n  const getMultiSelectState = (value: string) => {\n    const currentSet = new Set(selectedState);\n    const descendants = getDescendants(value);\n\n    if (currentSet.has(value)) {\n      currentSet.delete(value);\n      const descendantSet = new Set(descendants);\n      for (const d of descendantSet) {\n        currentSet.delete(d);\n      }\n    } else {\n      currentSet.add(value);\n      for (const d of descendants) {\n        if (!currentSet.has(d)) {\n          currentSet.add(d);\n        }\n      }\n    }\n\n    return updateAncestors(currentSet, value);\n  };\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: getMultiSelectState/updateAncestors are intentionally not memoized - their captured values (selectedState, treeModel, etc.) are already in deps\n  const select = useCallback(\n    (event: SyntheticEvent, value: string) => {\n      if (disabled || disabledIdsSet.has(value)) return;\n\n      let newSelected: string[];\n\n      if (multiselect) {\n        newSelected = getMultiSelectState(value);\n      } else {\n        const isCurrentlySelected = selectedSet.has(value);\n        newSelected = isCurrentlySelected ? [] : [value];\n      }\n\n      setSelectedState(newSelected);\n      onSelectionChange?.(event, newSelected);\n    },\n    [disabled, disabledIdsSet, multiselect, selectedState, onSelectionChange],\n  );\n\n  // Visible nodes in depth-first order matching visual tree order\n  const visibleNodes = useMemo((): string[] => {\n    const visible: string[] = [];\n\n    function traverse(values: string[]): void {\n      for (const value of values) {\n        visible.push(value);\n\n        const nodeMeta = treeModel.nodes.get(value);\n        if (nodeMeta?.hasChildren && expandedState.has(value)) {\n          const children = treeModel.childrenOf.get(value) ?? [];\n          traverse(children);\n        }\n      }\n    }\n\n    traverse(treeModel.rootValues);\n    return visible;\n  }, [treeModel, expandedState]);\n\n  const tabbableNodeId = useMemo((): string | undefined => {\n    if (activeNode) {\n      return activeNode;\n    }\n\n    const firstSelectedVisible = visibleNodes.find((node) =>\n      selectedSet.has(node),\n    );\n\n    if (firstSelectedVisible !== undefined) {\n      return firstSelectedVisible;\n    }\n\n    return visibleNodes[0];\n  }, [activeNode, selectedSet, visibleNodes]);\n\n  return {\n    expandedArray,\n    setExpandedArray,\n    expandedState,\n    toggleExpanded,\n    selectedState,\n    selectedSet,\n    setSelectedState,\n    setVisibleSelectionState,\n    select,\n    multiselect,\n    disabled,\n    disabledIdsSet,\n    treeModel,\n    getNodeMeta,\n    getParent,\n    getChildren,\n    getDescendants,\n    getAncestors,\n    visibleNodes,\n    tabbableNodeId,\n    registerElement,\n    getElement,\n    activeNode,\n    setActiveNode,\n    indeterminateState,\n  };\n}\n"],"names":["children","selectedSet"],"mappings":"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"}

package/dist-types/index.d.ts

@@ -27,18 +27,17 @@ export { ListItemBase as ListItemBaseDeprecated, useListItem as useListItemDepre
 export * from "./list-next";
 export * from "./localization-provider";
 export * from "./logo";
+export * from "./mega-menu";
 export * from "./menu-button";
 export * from "./metric";
 export * from "./portal";
 export * from "./query-input";
-export * from "./rating";
 export * from "./responsive";
 export * from "./search-input";
 export * from "./side-panel";
 export * from "./static-list";
 export * from "./system-status";
 export * from "./tabs";
-export * from "./tabs-next";
 export * from "./toast-group";
 export * from "./tokenized-input";
 export * from "./tokenized-input-next";

package/dist-types/mega-menu/MegaMenu.d.ts

@@ -0,0 +1,27 @@
+import { type Placement } from "@floating-ui/react";
+import { type ReactNode } from "react";
+export interface MegaMenuProps {
+    /**
+     * The content of the mega menu, typically `MegaMenuTrigger` and `MegaMenuPanel`.
+     */
+    children?: ReactNode;
+    /**
+     * Whether the mega menu is open. Use for controlled mode.
+     */
+    open?: boolean;
+    /**
+     * Whether the mega menu is initially open. Use for uncontrolled mode.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The placement of the mega menu panel relative to the trigger.
+     * @default "bottom"
+     */
+    placement?: Placement;
+}
+export declare function MegaMenu({ children, open, defaultOpen, onOpenChange, placement, }: MegaMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist-types/mega-menu/MegaMenuContent.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface MegaMenuContentProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of the region.
+     */
+    children?: ReactNode;
+}
+export declare const MegaMenuContent: import("react").ForwardRefExoticComponent<MegaMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/mega-menu/MegaMenuContext.d.ts

@@ -0,0 +1,29 @@
+import type { FloatingRootContext, Placement } from "@floating-ui/react";
+import type { Dispatch, HTMLProps, SetStateAction } from "react";
+export interface MegaMenuContextValue {
+    /** Whether the mega menu is currently open. */
+    openState: boolean;
+    /** Toggle or set the open state of the mega menu. */
+    setOpen: (open: boolean) => void;
+    /** The floating-ui root context for coordinating interactions. */
+    floatingRootContext: FloatingRootContext;
+    /** The placement of the mega menu panel relative to the trigger. */
+    placement: Placement;
+    /** Props getter for the trigger (reference) element. Merges floating-ui interaction props with user props. */
+    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;
+    /** Props getter for the floating panel element. Merges floating-ui interaction props with user props. */
+    getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    /** Ref setter for the floating panel element. */
+    setFloating: Dispatch<SetStateAction<HTMLElement | null>>;
+    /** Ref setter for the trigger (reference) element. */
+    setReference: Dispatch<SetStateAction<HTMLElement | null>>;
+    /** Whether the first item should receive focus when the panel opens. */
+    focusFirstItemOnOpen: boolean;
+    /** Toggle the focus-first-item-on-open flag. */
+    setFocusFirstItemOnOpen: Dispatch<SetStateAction<boolean>>;
+    /** The id of the mega menu panel, used for aria-controls on the trigger. */
+    panelId: string | undefined;
+    /** Set the panel id when the panel mounts. */
+    setPanelId: Dispatch<SetStateAction<string | undefined>>;
+}
+export declare const MegaMenuContext: import("react").Context<MegaMenuContextValue | undefined>;

package/dist-types/mega-menu/MegaMenuGroup.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface MegaMenuGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of the mega menu group, typically MegaMenuHeader and MegaMenuItem components.
+     */
+    children?: ReactNode;
+}
+export declare const MegaMenuGroup: import("react").ForwardRefExoticComponent<MegaMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;