@solid2-aria/components 0.0.0-stage → 0.0.1

package/dist/server/navigation-tree.js

@@ -0,0 +1,316 @@
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+/*
+ * Derived from Adobe React Spectrum: packages/react-aria-components/src/NavigationTree.tsx.
+ * Modified for Solid Aria: route synchronization, link slots and render values use Solid contexts and reactive getters; uses Solid class props.
+ * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.
+ */
+import { assignRef, createContextProps, dom } from "./utils.js";
+import { LinkContext } from "./link.js";
+import { Tree, TreeHeader, TreeItem, TreeItemContent, TreeSection } from "./tree.js";
+import { mergeProps } from "@solid2-aria/core/utils/merge-props";
+import { createContext, createEffect, createSignal, merge, omit, untrack, useContext } from "solid-js";
+import { memo, mergeProps as mergeProps$1 } from "@solidjs/web";
+import { isTruthy } from "@solid2-aria/core/utils/truthy";
+import { isPresent } from "@solid2-aria/core/utils/is-present";
+import { getNodeProps } from "@solid2-aria/stately/utils/get-node-props";
+// src/navigation-tree.tsx
+var _m$ = Symbol();
+var _m$2 = Symbol();
+var _m$3 = Symbol();
+var _d$ = {
+	get() {
+		return this[_m$].class ?? "solid2-aria-NavigationTree";
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$(_p, _p2, _p3, _p4) {
+	this[_m$] = _p;
+	this.ref = _p2;
+	Object.defineProperty(this, "class", _d$);
+	this.selectionMode = _p3;
+	this.keyboardNavigationBehavior = _p4;
+}
+_P$.prototype = Object.prototype;
+var _d$2 = {
+	get() {
+		const props = this[_m$];
+		const setRef = this[_m$2];
+		return Tree(mergeProps$1(() => {
+			return omit(props, "selectedRoute");
+		}, new _P$(props, (element) => {
+			setRef(element);
+		}, "none", "tab")));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$2(_p5, _p6, _p7) {
+	this[_m$] = _p5;
+	this[_m$2] = _p6;
+	this.value = _p7;
+	Object.defineProperty(this, "children", _d$2);
+}
+_P$2.prototype = Object.prototype;
+var _d$3 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$3(_p8, _p9) {
+	this[_m$] = _p8;
+	this.value = _p9;
+	Object.defineProperty(this, "children", _d$3);
+}
+_P$3.prototype = Object.prototype;
+var _d$4 = {
+	get() {
+		const props = this[_m$];
+		return isTruthy(props.href) ? "child" : void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$5 = {
+	get() {
+		return this[_m$2].isCurrent || void 0;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$4(_p0, _p1, _p10, _p11, _p12, _p13, _p14) {
+	this[_m$] = _p0;
+	this[_m$2] = _p1;
+	this.ref = _p10;
+	Object.defineProperty(this, "focusMode", _d$4);
+	this.allowsArrowNavigation = _p11;
+	Object.defineProperty(this, "data-current", _d$5);
+	this.class = _p12;
+	this.style = _p13;
+	this.render = _p14;
+}
+_P$4.prototype = Object.prototype;
+var _d$6 = {
+	get() {
+		const props = this[_m$];
+		const link = this[_m$2];
+		const values = this[_m$3];
+		return TreeItem(mergeProps$1(() => {
+			return omit(props, "class", "style", "render", "ref");
+		}, new _P$4(props, link, (element) => {
+			assignRef(untrack(() => props.ref), element);
+		}, true, (state) => {
+			const classValue = props.class;
+			return typeof classValue === "function" ? classValue(mergeProps(values(state), { get defaultClass() {
+				return state.defaultClass;
+			} })) : classValue ?? "solid2-aria-NavigationTreeItem";
+		}, (state) => {
+			if (typeof props.style === "function") return props.style(mergeProps(values(state), { get defaultStyle() {
+				return state.defaultStyle;
+			} }));
+			return typeof props.style === "object" ? props.style : void 0;
+		}, (domProps, state) => {
+			const value = values(state);
+			const content = NavigationTreeItemStateContext(new _P$3(domProps, value));
+			const forwarded = mergeProps(domProps, {
+				children: content,
+				"data-current": value.isCurrent || void 0,
+				"data-current-ancestor": value.isCurrentAncestor || void 0,
+				"data-focus-visible": value.isFocusVisible || void 0
+			});
+			return props.render ? props.render(forwarded, value) : dom.div(forwarded);
+		})));
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$5(_p15, _p16, _p17, _p18) {
+	this[_m$] = _p15;
+	this[_m$2] = _p16;
+	this[_m$3] = _p17;
+	this.value = _p18;
+	Object.defineProperty(this, "children", _d$6);
+}
+_P$5.prototype = Object.prototype;
+var _d$7 = {
+	get() {
+		return this[_m$].children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$6(_p19, _p20, _p21, _p22) {
+	this[_m$] = _p19;
+	this.tree = _p20;
+	this.link = _p21;
+	this.route = _p22;
+	Object.defineProperty(this, "children", _d$7);
+}
+_P$6.prototype = Object.prototype;
+var _d$8 = {
+	get() {
+		const props = this[_m$];
+		return mergeProps(omit(props.link, "isCurrent", "isLinkFocused", "setLinkFocused"), {
+			get "aria-current"() {
+				return props.link.isCurrent ? "page" : void 0;
+			},
+			get onFocusChange() {
+				return props.link.setLinkFocused;
+			},
+			onPress: () => {
+				if (!isTruthy(props.link.href) && props.tree.hasChildItems) props.tree.state.toggleKey(props.tree.id);
+			}
+		});
+	},
+	enumerable: true,
+	configurable: true
+};
+var _d$9 = {
+	get() {
+		const props = this[_m$];
+		const values = this[_m$2];
+		return memo(() => {
+			return typeof props.children === "function";
+		})() ? props.children(values) : props.children;
+	},
+	enumerable: true,
+	configurable: true
+};
+function _P$7(_p23, _p24) {
+	this[_m$] = _p23;
+	this[_m$2] = _p24;
+	Object.defineProperty(this, "value", _d$8);
+	Object.defineProperty(this, "children", _d$9);
+}
+_P$7.prototype = Object.prototype;
+const NavigationTreeContext = createContext(null);
+const NavigationTreeItemStateContext = createContext({ isCurrentAncestor: false });
+const RouteContext = createContext({});
+const ItemLinkContext = createContext({
+	isCurrent: false,
+	isLinkFocused: false,
+	setLinkFocused: () => {}
+});
+function NavigationTree(input) {
+	const [props, , setRef] = createContextProps(input, untrack(() => input.ref), NavigationTreeContext);
+	return RouteContext(new _P$2(props, setRef, {
+		get selectedRoute() {
+			return props.selectedRoute;
+		},
+		syncedRoute: void 0
+	}));
+}
+function selectedAncestors(state, route) {
+	const result = /* @__PURE__ */ new Set();
+	if (!isPresent(route)) return result;
+	for (const key of state.collection.getKeys()) if (getNodeProps(state.collection.getItem(key)).href === route) {
+		let node = state.collection.getItem(key);
+		while (isPresent(node?.parentKey) && !result.has(node.parentKey)) {
+			result.add(node.parentKey);
+			node = state.collection.getItem(node.parentKey);
+		}
+		break;
+	}
+	return result;
+}
+function NavigationTreeItem(props) {
+	const route = useContext(RouteContext);
+	const [focused, setFocused] = createSignal(false);
+	const link = mergeProps(props, {
+		get isCurrent() {
+			return isTruthy(props.href) && props.href === route.selectedRoute;
+		},
+		get isLinkFocused() {
+			return focused();
+		},
+		setLinkFocused: setFocused
+	});
+	const values = (tree) => mergeProps(tree, {
+		get isCurrent() {
+			return link.isCurrent;
+		},
+		get isCurrentAncestor() {
+			return selectedAncestors(tree.state, route.selectedRoute).has(tree.id);
+		},
+		get isFocusVisible() {
+			return tree.isFocusVisible || tree.isFocusVisibleWithin && focused();
+		}
+	});
+	return ItemLinkContext(new _P$5(props, link, values, link));
+}
+function NavigationTreeItemContent(props) {
+	const link = useContext(ItemLinkContext);
+	const route = useContext(RouteContext);
+	return TreeItemContent({ children: (tree) => NavigationTreeContentInner(new _P$6(props, tree, link, route)) });
+}
+function NavigationTreeContentInner(props) {
+	const ancestor = useContext(NavigationTreeItemStateContext);
+	createEffect(() => {
+		const routeContext = props.route;
+		const route = routeContext.selectedRoute;
+		const { state } = props.tree;
+		const manager = state.selectionManager;
+		let target;
+		if (isPresent(route) && routeContext.syncedRoute !== route) {
+			for (const key of state.collection.getKeys()) if (getNodeProps(state.collection.getItem(key)).href === route) {
+				target = key;
+				let node = state.collection.getItem(key);
+				while (isPresent(node?.parentKey)) {
+					const parent = state.collection.getItem(node.parentKey);
+					if (parent?.type === "item" && !state.expandedKeys.has(node.parentKey)) target = node.parentKey;
+					node = parent;
+				}
+				break;
+			}
+		}
+		return {
+			manager,
+			route,
+			routeContext,
+			target
+		};
+	}, (next) => {
+		if (next.target !== void 0 && isPresent(next.route)) {
+			next.routeContext.syncedRoute = next.route;
+			next.manager.setFocusedKey(next.target);
+		}
+	});
+	const values = mergeProps(merge(() => props.tree ?? {}), {
+		defaultChildren: void 0,
+		get isCurrent() {
+			return props.link.isCurrent;
+		},
+		get isCurrentAncestor() {
+			return ancestor.isCurrentAncestor;
+		},
+		get isFocusVisible() {
+			return props.tree.isFocusVisible || props.tree.isFocusVisibleWithin && props.link.isLinkFocused;
+		}
+	});
+	return LinkContext(new _P$7(props, values));
+}
+function NavigationTreeSection(props) {
+	return TreeSection(props);
+}
+function NavigationTreeHeader(props) {
+	return TreeHeader(mergeProps$1(() => {
+		return omit(props, "ref");
+	}, { ref: (element) => {
+		assignRef(untrack(() => props.ref), element);
+	} }));
+}
+export { NavigationTree, NavigationTreeContext, NavigationTreeHeader, NavigationTreeItem, NavigationTreeItemContent, NavigationTreeItemStateContext, NavigationTreeSection };
+
+//# sourceMappingURL=navigation-tree.js.map

package/dist/server/navigation-tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-tree.js","names":["dom.div","<TreeHeader\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />","ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}","_$mergeProps","_$memo"],"sources":["../../src/navigation-tree.tsx"],"sourcesContent":["/*\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n/*\n * Derived from Adobe React Spectrum: packages/react-aria-components/src/NavigationTree.tsx.\n * Modified for Solid Aria: route synchronization, link slots and render values use Solid contexts and reactive getters; uses Solid class props.\n * Licensed under Apache-2.0. See LICENSES/Apache-2.0.txt and NOTICE.txt at the repository root.\n */\n\nimport { isPresent } from \"@solid2-aria/core/utils/is-present\";\nimport { mergeProps } from \"@solid2-aria/core/utils/merge-props\";\nimport { isTruthy } from \"@solid2-aria/core/utils/truthy\";\nimport type { TreeState } from \"@solid2-aria/stately/tree/create-tree-state\";\nimport { getNodeProps } from \"@solid2-aria/stately/utils/get-node-props\";\nimport type { Key, LinkDOMProps } from \"@solid2-aria/types-shared\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  merge,\n  untrack,\n  createContext,\n  useContext,\n  createSignal,\n  createEffect,\n  omit,\n} from \"solid-js\";\n\nimport { LinkContext } from \"./link\";\nimport {\n  Tree,\n  TreeItem,\n  TreeItemContent,\n  TreeSection,\n  TreeHeader,\n} from \"./tree\";\nimport type {\n  TreeProps,\n  TreeItemProps,\n  TreeItemRenderProps,\n  TreeRenderProps,\n  TreeSectionProps,\n  TreeHeaderProps,\n} from \"./tree\";\nimport { assignRef, dom, createContextProps } from \"./utils\";\nimport type {\n  Ref,\n  ContextValue,\n  ClassOrFunction,\n  StyleRenderProps,\n  ChildrenOrFunction,\n} from \"./utils\";\n\nexport type NavigationTreeRenderProps = Pick<\n  TreeRenderProps,\n  \"isEmpty\" | \"isFocused\" | \"isFocusVisible\" | \"state\"\n>;\n\nexport interface NavigationTreeProps<T>\n  extends\n    Omit<\n      TreeProps<T>,\n      | \"selectionMode\"\n      | \"selectionBehavior\"\n      | \"selectedKeys\"\n      | \"defaultSelectedKeys\"\n      | \"onSelectionChange\"\n      | \"disallowEmptySelection\"\n      | \"disabledBehavior\"\n      | \"keyboardNavigationBehavior\"\n      | \"escapeKeyBehavior\"\n      | \"shouldSelectOnPressUp\"\n      | \"dragAndDropHooks\"\n      | \"renderEmptyState\"\n      | \"onAction\"\n      | \"class\"\n      | \"style\"\n      | \"render\"\n    >,\n    StyleRenderProps<NavigationTreeRenderProps> {\n  class?: ClassOrFunction<NavigationTreeRenderProps>;\n\n  selectedRoute?: string | null;\n}\n\nexport interface NavigationTreeItemRenderProps extends TreeItemRenderProps {\n  isCurrent: boolean;\n\n  isCurrentAncestor: boolean;\n}\n\nexport interface NavigationTreeItemProps<T = object>\n  extends\n    Omit<\n      TreeItemProps<T>,\n      | \"class\"\n      | \"style\"\n      | \"render\"\n      | \"onAction\"\n      | \"allowsArrowNavigation\"\n      | \"value\"\n    >,\n    StyleRenderProps<NavigationTreeItemRenderProps> {\n  class?: ClassOrFunction<NavigationTreeItemRenderProps>;\n\n  children: JSX.Element;\n}\n\nexport type NavigationTreeItemContentRenderProps =\n  NavigationTreeItemRenderProps;\n\nexport interface NavigationTreeItemContentProps {\n  children: ChildrenOrFunction<NavigationTreeItemContentRenderProps>;\n}\n\nexport type NavigationTreeSectionProps<T> = Omit<TreeSectionProps<T>, \"value\">;\n\nexport type NavigationTreeHeaderProps = TreeHeaderProps;\n\nexport const NavigationTreeContext =\n  // oxlint-disable-next-line typescript/no-explicit-any -- The collection owner and its descendants share one item type through this context.\n  createContext<ContextValue<NavigationTreeProps<any>, HTMLDivElement>>(null);\n\nexport const NavigationTreeItemStateContext = createContext<{\n  isCurrentAncestor: boolean;\n}>({ isCurrentAncestor: false });\n\ninterface NavigationRoute {\n  selectedRoute?: string | null;\n  syncedRoute?: string;\n}\n\nconst RouteContext = createContext<NavigationRoute>({});\n\nconst ItemLinkContext = createContext<\n  LinkDOMProps & {\n    isCurrent: boolean;\n    isLinkFocused: boolean;\n    setLinkFocused: (value: boolean) => void;\n  }\n>({\n  isCurrent: false,\n  isLinkFocused: false,\n  setLinkFocused: () => {\n    /* empty */\n  },\n});\n\nexport function NavigationTree<T>(\n  input: NavigationTreeProps<T> & { ref?: Ref<HTMLDivElement> }\n) {\n  const [props, , setRef] = createContextProps(\n    input,\n    untrack(() => input.ref),\n    NavigationTreeContext\n  );\n\n  const route: NavigationRoute = {\n    get selectedRoute() {\n      return props.selectedRoute;\n    },\n    syncedRoute: undefined,\n  };\n\n  return (\n    <RouteContext value={route}>\n      <Tree\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"selectedRoute\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          setRef(element);\n        }}\n        class={props.class ?? \"solid2-aria-NavigationTree\"}\n        selectionMode=\"none\"\n        keyboardNavigationBehavior=\"tab\"\n      />\n    </RouteContext>\n  );\n}\n\nfunction selectedAncestors(\n  state: TreeState<unknown>,\n  route: string | null | undefined\n): Set<Key> {\n  const result = new Set<Key>();\n\n  if (!isPresent(route)) {\n    return result;\n  }\n\n  for (const key of state.collection.getKeys()) {\n    if (getNodeProps(state.collection.getItem(key)).href === route) {\n      let node = state.collection.getItem(key);\n\n      while (isPresent(node?.parentKey) && !result.has(node.parentKey)) {\n        result.add(node.parentKey);\n        node = state.collection.getItem(node.parentKey);\n      }\n\n      break;\n    }\n  }\n\n  return result;\n}\n\nexport function NavigationTreeItem<T>(\n  props: NavigationTreeItemProps<T> & { ref?: Ref<HTMLDivElement> }\n) {\n  const route = useContext(RouteContext);\n  const [focused, setFocused] = createSignal(false);\n\n  const link = mergeProps(props, {\n    get isCurrent() {\n      return isTruthy(props.href) && props.href === route.selectedRoute;\n    },\n    get isLinkFocused() {\n      return focused();\n    },\n    setLinkFocused: setFocused,\n  });\n\n  const values = (tree: TreeItemRenderProps): NavigationTreeItemRenderProps =>\n    mergeProps(tree, {\n      get isCurrent() {\n        return link.isCurrent;\n      },\n      get isCurrentAncestor() {\n        return selectedAncestors(tree.state, route.selectedRoute).has(tree.id);\n      },\n      get isFocusVisible() {\n        return tree.isFocusVisible || (tree.isFocusVisibleWithin && focused());\n      },\n    });\n\n  return (\n    <ItemLinkContext value={link}>\n      <TreeItem\n        {\n          // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n          ...omit(props, \"class\", \"style\", \"render\", \"ref\")\n          // oxlint-enable solid/reactivity\n        }\n        ref={(element: HTMLDivElement) => {\n          assignRef(\n            untrack(() => props.ref),\n            element\n          );\n        }}\n        focusMode={isTruthy(props.href) ? \"child\" : undefined}\n        allowsArrowNavigation\n        data-current={link.isCurrent || undefined}\n        class={(state) => {\n          const classValue = props.class;\n\n          return typeof classValue === \"function\"\n            ? classValue(\n                mergeProps(values(state), {\n                  get defaultClass() {\n                    return state.defaultClass;\n                  },\n                })\n              )\n            : (classValue ?? \"solid2-aria-NavigationTreeItem\");\n        }}\n        style={(state) => {\n          if (typeof props.style === \"function\") {\n            return props.style(\n              mergeProps(values(state), {\n                get defaultStyle() {\n                  return state.defaultStyle;\n                },\n              })\n            );\n          }\n\n          return typeof props.style === \"object\" ? props.style : undefined;\n        }}\n        render={(domProps, state) => {\n          const value = values(state);\n\n          const content = (\n            <NavigationTreeItemStateContext value={value}>\n              {domProps.children}\n            </NavigationTreeItemStateContext>\n          );\n\n          const forwarded = mergeProps(domProps, {\n            children: content,\n            \"data-current\": value.isCurrent || undefined,\n            \"data-current-ancestor\": value.isCurrentAncestor || undefined,\n            \"data-focus-visible\": value.isFocusVisible || undefined,\n          });\n\n          return props.render ? (\n            props.render(forwarded, value)\n          ) : (\n            <dom.div {...forwarded} />\n          );\n        }}\n      />\n    </ItemLinkContext>\n  );\n}\n\nexport function NavigationTreeItemContent(\n  props: NavigationTreeItemContentProps\n) {\n  const link = useContext(ItemLinkContext);\n  const route = useContext(RouteContext);\n\n  return (\n    <TreeItemContent>\n      {(tree) => (\n        <NavigationTreeContentInner tree={tree} link={link} route={route}>\n          {props.children}\n        </NavigationTreeContentInner>\n      )}\n    </TreeItemContent>\n  );\n}\n\nfunction NavigationTreeContentInner(props: {\n  tree: TreeItemRenderProps;\n  link: LinkDOMProps & {\n    isCurrent: boolean;\n    isLinkFocused: boolean;\n    setLinkFocused: (value: boolean) => void;\n  };\n  route: { selectedRoute?: string | null; syncedRoute?: string };\n  children: ChildrenOrFunction<NavigationTreeItemContentRenderProps>;\n}) {\n  const ancestor = useContext(NavigationTreeItemStateContext);\n  createEffect(\n    () => {\n      const routeContext = props.route;\n      const route = routeContext.selectedRoute;\n      const { state } = props.tree;\n      const manager = state.selectionManager;\n      let target: Key | undefined;\n\n      if (isPresent(route) && routeContext.syncedRoute !== route) {\n        for (const key of state.collection.getKeys()) {\n          if (getNodeProps(state.collection.getItem(key)).href === route) {\n            target = key;\n            let node = state.collection.getItem(key);\n\n            while (isPresent(node?.parentKey)) {\n              const parent = state.collection.getItem(node.parentKey);\n\n              if (\n                parent?.type === \"item\" &&\n                !state.expandedKeys.has(node.parentKey)\n              ) {\n                target = node.parentKey;\n              }\n\n              node = parent;\n            }\n\n            break;\n          }\n        }\n      }\n\n      return { manager, route, routeContext, target };\n    },\n    (next) => {\n      if (next.target !== undefined && isPresent(next.route)) {\n        next.routeContext.syncedRoute = next.route;\n        next.manager.setFocusedKey(next.target);\n      }\n    }\n  );\n\n  const values = mergeProps(\n    merge(() => props.tree ?? {}),\n    {\n      defaultChildren: undefined,\n      get isCurrent() {\n        return props.link.isCurrent;\n      },\n      get isCurrentAncestor() {\n        return ancestor.isCurrentAncestor;\n      },\n      get isFocusVisible() {\n        return (\n          props.tree.isFocusVisible ||\n          (props.tree.isFocusVisibleWithin && props.link.isLinkFocused)\n        );\n      },\n    }\n  );\n\n  return (\n    <LinkContext\n      value={mergeProps(\n        omit(props.link, \"isCurrent\", \"isLinkFocused\", \"setLinkFocused\"),\n        {\n          get \"aria-current\"() {\n            return props.link.isCurrent ? \"page\" : undefined;\n          },\n          get onFocusChange() {\n            return props.link.setLinkFocused;\n          },\n          onPress: () => {\n            if (!isTruthy(props.link.href) && props.tree.hasChildItems) {\n              props.tree.state.toggleKey(props.tree.id);\n            }\n          },\n        }\n      )}\n    >\n      {typeof props.children === \"function\"\n        ? props.children(values)\n        : props.children}\n    </LinkContext>\n  );\n}\n\nexport function NavigationTreeSection<T>(props: NavigationTreeSectionProps<T>) {\n  return <TreeSection {...props} />;\n}\n\nexport function NavigationTreeHeader(\n  props: NavigationTreeHeaderProps & { ref?: Ref<HTMLDivElement> }\n) {\n  return (\n    <TreeHeader\n      {\n        // oxlint-disable solid/reactivity -- Keep prop filtering in the renderer's lazy evaluation.\n        ...omit(props, \"ref\")\n        // oxlint-enable solid/reactivity\n      }\n      ref={(element: HTMLDivElement) => {\n        assignRef(\n          untrack(() => props.ref),\n          element\n        );\n      }}\n    />\n  );\n}\n"],"mappings":"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"}