@lobehub/ui 5.64.2 → 6.0.0-beta.10

package/es/base-ui/Tooltip/type.d.mts

@@ -1,180 +0,0 @@
-import { HotkeyProps } from "../../Hotkey/type.mjs";
-import "../../Hotkey/index.mjs";
-import { Placement } from "../../utils/placement.mjs";
-import { CSSProperties, ComponentPropsWithRef, ReactElement, ReactNode } from "react";
-import { Tooltip, TooltipPopupProps, TooltipPortalProps, TooltipPositionerProps, TooltipTriggerProps } from "@base-ui/react/tooltip";
-//#region src/base-ui/Tooltip/type.d.ts
-type TooltipPlacement = Placement;
-/**
- * Base UI Positioner props that can be passed through
- */
-type TooltipPositionerProps$1 = Omit<TooltipPositionerProps, 'className' | 'style' | 'children'>;
-/**
- * Base UI Trigger props that can be passed through
- */
-type TooltipTriggerComponentProps = Omit<TooltipTriggerProps, 'className' | 'style' | 'children' | 'render' | 'handle' | 'payload'>;
-/**
- * Base UI Popup props that can be passed through
- */
-type TooltipPopupComponentProps = Omit<TooltipPopupProps, 'className' | 'style' | 'children'>;
-/**
- * Base UI Portal props that can be passed through
- */
-type TooltipPortalProps$1 = Omit<TooltipPortalProps, 'children' | 'container'>;
-interface TooltipProps {
-  /**
-   * Whether the tooltip has an arrow pointer.
-   * @default false
-   */
-  arrow?: boolean;
-  /**
-   * Trigger element. Prefer a single React element.
-   */
-  children: ReactElement | ReactNode;
-  /**
-   * Custom className for the tooltip floating root.
-   */
-  className?: string;
-  /**
-   * Compatible with Ant Design `classNames` shape (subset).
-   */
-  classNames?: {
-    arrow?: string;
-    container?: string;
-    content?: string;
-    root?: string;
-  };
-  /**
-   * Delay (in milliseconds) before closing the tooltip.
-   * Takes precedence over `mouseLeaveDelay`.
-   */
-  closeDelay?: number;
-  /**
-   * Uncontrolled initial open state.
-   */
-  defaultOpen?: boolean;
-  /**
-   * Disable tooltip behavior.
-   */
-  disabled?: boolean;
-  /**
-   * An Ant Design compatible escape hatch for portal container.
-   * @deprecated Use `popupContainer` instead.
-   */
-  getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
-  hotkey?: string;
-  hotkeyProps?: Omit<HotkeyProps, 'keys'>;
-  /**
-   * Delay (in seconds) before showing the tooltip on hover.
-   * Kept compatible with Ant Design `Tooltip`.
-   */
-  mouseEnterDelay?: number;
-  /**
-   * Delay (in seconds) before hiding the tooltip on hover out.
-   * Kept compatible with Ant Design `Tooltip`.
-   */
-  mouseLeaveDelay?: number;
-  /**
-   * Callback when open state changes.
-   */
-  onOpenChange?: (open: boolean) => void;
-  /**
-   * Controlled open state.
-   */
-  open?: boolean;
-  /**
-   * Delay (in milliseconds) before opening the tooltip.
-   * Takes precedence over `mouseEnterDelay`.
-   */
-  openDelay?: number;
-  /**
-   * Tooltip placement. Supports Floating UI placements and Ant Design legacy placements.
-   */
-  placement?: TooltipPlacement;
-  /**
-   * Direct HTMLElement to use as the portal container.
-   * Takes precedence over `getPopupContainer`.
-   */
-  popupContainer?: HTMLElement;
-  /**
-   * Base UI Popup 组件的 props
-   */
-  popupProps?: TooltipPopupComponentProps;
-  /**
-   * Base UI Portal 组件的 props
-   */
-  portalProps?: TooltipPortalProps$1;
-  /**
-   * Base UI Positioner 组件的 props
-   */
-  positionerProps?: TooltipPositionerProps$1;
-  ref?: ComponentPropsWithRef<typeof Tooltip.Trigger>['ref'];
-  /**
-   * When true, this tooltip will render independently even inside a TooltipGroup,
-   * ignoring the group singleton behavior.
-   */
-  standalone?: boolean;
-  /**
-   * Compatible with Ant Design `styles` shape (subset).
-   */
-  styles?: {
-    arrow?: CSSProperties;
-    /**
-     * Backwards-compatible alias for the floating root style.
-     */
-    container?: CSSProperties;
-    content?: CSSProperties;
-    root?: CSSProperties;
-  };
-  /**
-   * Tooltip content.
-   */
-  title: ReactNode;
-  /**
-   * Base UI Trigger 组件的 props
-   */
-  triggerProps?: TooltipTriggerComponentProps;
-  /**
-   * z-index for tooltip floating root.
-   */
-  zIndex?: number;
-}
-/**
- * Props for `TooltipGroup`.
- */
-interface TooltipGroupProps {
-  arrow?: boolean;
-  children: ReactNode;
-  className?: string;
-  classNames?: TooltipProps['classNames'];
-  closeDelay?: number;
-  disabled?: boolean;
-  /**
-   * Disable the "destroy on invalid trigger (display:none / disconnected)" guard for performance.
-   * @default false
-   */
-  disableDestroyOnInvalidTrigger?: boolean;
-  /**
-   * Disable the "hide when positioner falls back to (0,0)" visual guard for performance.
-   * @default false
-   */
-  disableZeroOriginGuard?: boolean;
-  getPopupContainer?: TooltipProps['getPopupContainer'];
-  hotkey?: string;
-  hotkeyProps?: Omit<HotkeyProps, 'keys'>;
-  layoutAnimation?: boolean;
-  mouseEnterDelay?: number;
-  mouseLeaveDelay?: number;
-  openDelay?: number;
-  placement?: TooltipPlacement;
-  popupContainer?: TooltipProps['popupContainer'];
-  popupProps?: TooltipPopupComponentProps;
-  portalProps?: TooltipPortalProps$1;
-  positionerProps?: TooltipPositionerProps$1;
-  styles?: TooltipProps['styles'];
-  triggerProps?: TooltipTriggerComponentProps;
-  zIndex?: number;
-}
-//#endregion
-export { TooltipGroupProps, TooltipPlacement, TooltipPopupComponentProps, TooltipPortalProps$1 as TooltipPortalProps, TooltipPositionerProps$1 as TooltipPositionerProps, TooltipProps, TooltipTriggerComponentProps };
-//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Tooltip/useMergedTooltipProps.mjs

@@ -1,110 +0,0 @@
-"use client";
-import { TooltipGroupPropsContext } from "./groupContext.mjs";
-import { useContext, useMemo } from "react";
-//#region src/base-ui/Tooltip/useMergedTooltipProps.ts
-const useMergedTooltipProps = (props) => {
-	const sharedProps = useContext(TooltipGroupPropsContext);
-	const { arrow, className, classNames, closeDelay, disabled, getPopupContainer, hotkey, hotkeyProps, mouseEnterDelay, mouseLeaveDelay, onOpenChange, openDelay, placement, popupContainer, styles: styleProps, title, zIndex, positionerProps, triggerProps, popupProps } = props;
-	const mergedClassName = useMemo(() => {
-		if (!sharedProps?.className && !className) return void 0;
-		return [sharedProps?.className, className].filter(Boolean).join(" ");
-	}, [className, sharedProps?.className]);
-	const mergedClassNames = useMemo(() => {
-		if (!sharedProps?.classNames && !classNames) return void 0;
-		return {
-			...sharedProps?.classNames,
-			...classNames
-		};
-	}, [classNames, sharedProps?.classNames]);
-	const resolvedSharedStyles = useMemo(() => {
-		if (typeof sharedProps?.styles === "function") return void 0;
-		return sharedProps?.styles;
-	}, [sharedProps?.styles]);
-	const resolvedLocalStyles = useMemo(() => {
-		if (typeof styleProps === "function") return void 0;
-		return styleProps;
-	}, [styleProps]);
-	const mergedStyles = useMemo(() => {
-		if (!resolvedSharedStyles && !resolvedLocalStyles) return void 0;
-		return {
-			...resolvedSharedStyles,
-			...resolvedLocalStyles
-		};
-	}, [resolvedSharedStyles, resolvedLocalStyles]);
-	const mergedHotkeyProps = useMemo(() => {
-		if (!sharedProps?.hotkeyProps && !hotkeyProps) return void 0;
-		return {
-			...sharedProps?.hotkeyProps,
-			...hotkeyProps
-		};
-	}, [hotkeyProps, sharedProps?.hotkeyProps]);
-	const mergedOnOpenChange = useMemo(() => {
-		if (!sharedProps?.onOpenChange && !onOpenChange) return void 0;
-		return (open) => {
-			sharedProps?.onOpenChange?.(open);
-			onOpenChange?.(open);
-		};
-	}, [onOpenChange, sharedProps?.onOpenChange]);
-	return useMemo(() => ({
-		arrow: arrow ?? sharedProps?.arrow ?? false,
-		className: mergedClassName,
-		classNames: mergedClassNames,
-		closeDelay: closeDelay ?? sharedProps?.closeDelay,
-		disabled: disabled ?? sharedProps?.disabled,
-		getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,
-		hotkey: hotkey ?? sharedProps?.hotkey,
-		popupContainer: popupContainer ?? sharedProps?.popupContainer,
-		hotkeyProps: mergedHotkeyProps,
-		mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,
-		mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,
-		onOpenChange: mergedOnOpenChange,
-		openDelay: openDelay ?? sharedProps?.openDelay,
-		placement: placement ?? sharedProps?.placement ?? "top",
-		popupProps: popupProps ?? sharedProps?.popupProps,
-		positionerProps: positionerProps ?? sharedProps?.positionerProps,
-		styles: mergedStyles,
-		title,
-		triggerProps: triggerProps ?? sharedProps?.triggerProps,
-		zIndex: zIndex ?? sharedProps?.zIndex
-	}), [
-		arrow,
-		closeDelay,
-		disabled,
-		getPopupContainer,
-		hotkey,
-		mergedClassName,
-		mergedClassNames,
-		mergedHotkeyProps,
-		mergedOnOpenChange,
-		mergedStyles,
-		mouseEnterDelay,
-		mouseLeaveDelay,
-		openDelay,
-		placement,
-		popupContainer,
-		popupProps,
-		positionerProps,
-		sharedProps?.arrow,
-		sharedProps?.closeDelay,
-		sharedProps?.disabled,
-		sharedProps?.getPopupContainer,
-		sharedProps?.hotkey,
-		sharedProps?.mouseEnterDelay,
-		sharedProps?.mouseLeaveDelay,
-		sharedProps?.onOpenChange,
-		sharedProps?.openDelay,
-		sharedProps?.placement,
-		sharedProps?.popupContainer,
-		sharedProps?.popupProps,
-		sharedProps?.positionerProps,
-		sharedProps?.triggerProps,
-		sharedProps?.zIndex,
-		title,
-		triggerProps,
-		zIndex
-	]);
-};
-//#endregion
-export { useMergedTooltipProps };
-
-//# sourceMappingURL=useMergedTooltipProps.mjs.map

package/es/base-ui/Tooltip/useMergedTooltipProps.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMergedTooltipProps.mjs","names":[],"sources":["../../../src/base-ui/Tooltip/useMergedTooltipProps.ts"],"sourcesContent":["'use client';\n\nimport { useContext, useMemo } from 'react';\n\nimport { type TooltipGroupItem, TooltipGroupPropsContext } from './groupContext';\nimport type { TooltipProps } from './type';\n\nexport const useMergedTooltipProps = (props: Partial<TooltipProps>): TooltipGroupItem => {\n  const sharedProps = useContext(TooltipGroupPropsContext);\n\n  const {\n    arrow,\n    className,\n    classNames,\n    closeDelay,\n    disabled,\n    getPopupContainer,\n    hotkey,\n    hotkeyProps,\n    mouseEnterDelay,\n    mouseLeaveDelay,\n    onOpenChange,\n    openDelay,\n    placement,\n    popupContainer,\n    styles: styleProps,\n    title,\n    zIndex,\n    positionerProps,\n    triggerProps,\n    popupProps,\n  } = props;\n\n  const mergedClassName = useMemo(() => {\n    if (!sharedProps?.className && !className) return undefined;\n    return [sharedProps?.className, className].filter(Boolean).join(' ');\n  }, [className, sharedProps?.className]);\n\n  const mergedClassNames = useMemo(() => {\n    if (!sharedProps?.classNames && !classNames) return undefined;\n    return { ...sharedProps?.classNames, ...classNames };\n  }, [classNames, sharedProps?.classNames]);\n\n  const resolvedSharedStyles = useMemo(() => {\n    if (typeof sharedProps?.styles === 'function') return undefined;\n    return sharedProps?.styles;\n  }, [sharedProps?.styles]);\n\n  const resolvedLocalStyles = useMemo(() => {\n    if (typeof styleProps === 'function') return undefined;\n    return styleProps;\n  }, [styleProps]);\n\n  const mergedStyles = useMemo(() => {\n    if (!resolvedSharedStyles && !resolvedLocalStyles) return undefined;\n    return { ...resolvedSharedStyles, ...resolvedLocalStyles };\n  }, [resolvedSharedStyles, resolvedLocalStyles]);\n\n  const mergedHotkeyProps = useMemo(() => {\n    if (!sharedProps?.hotkeyProps && !hotkeyProps) return undefined;\n    return { ...sharedProps?.hotkeyProps, ...hotkeyProps };\n  }, [hotkeyProps, sharedProps?.hotkeyProps]);\n\n  const mergedOnOpenChange = useMemo(() => {\n    if (!sharedProps?.onOpenChange && !onOpenChange) return undefined;\n    return (open: boolean) => {\n      sharedProps?.onOpenChange?.(open);\n      onOpenChange?.(open);\n    };\n  }, [onOpenChange, sharedProps?.onOpenChange]);\n\n  const item: TooltipGroupItem = useMemo(\n    () => ({\n      arrow: arrow ?? sharedProps?.arrow ?? false,\n      className: mergedClassName,\n      classNames: mergedClassNames,\n      closeDelay: closeDelay ?? sharedProps?.closeDelay,\n      disabled: disabled ?? sharedProps?.disabled,\n      getPopupContainer: getPopupContainer ?? sharedProps?.getPopupContainer,\n      hotkey: hotkey ?? sharedProps?.hotkey,\n      popupContainer: popupContainer ?? sharedProps?.popupContainer,\n      hotkeyProps: mergedHotkeyProps,\n      mouseEnterDelay: mouseEnterDelay ?? sharedProps?.mouseEnterDelay,\n      mouseLeaveDelay: mouseLeaveDelay ?? sharedProps?.mouseLeaveDelay,\n      onOpenChange: mergedOnOpenChange,\n      openDelay: openDelay ?? sharedProps?.openDelay,\n      placement: placement ?? sharedProps?.placement ?? 'top',\n      popupProps: popupProps ?? sharedProps?.popupProps,\n      positionerProps: positionerProps ?? sharedProps?.positionerProps,\n      styles: mergedStyles,\n      title,\n      triggerProps: triggerProps ?? sharedProps?.triggerProps,\n      zIndex: zIndex ?? sharedProps?.zIndex,\n    }),\n    [\n      arrow,\n      closeDelay,\n      disabled,\n      getPopupContainer,\n      hotkey,\n      mergedClassName,\n      mergedClassNames,\n      mergedHotkeyProps,\n      mergedOnOpenChange,\n      mergedStyles,\n      mouseEnterDelay,\n      mouseLeaveDelay,\n      openDelay,\n      placement,\n      popupContainer,\n      popupProps,\n      positionerProps,\n      sharedProps?.arrow,\n      sharedProps?.closeDelay,\n      sharedProps?.disabled,\n      sharedProps?.getPopupContainer,\n      sharedProps?.hotkey,\n      sharedProps?.mouseEnterDelay,\n      sharedProps?.mouseLeaveDelay,\n      sharedProps?.onOpenChange,\n      sharedProps?.openDelay,\n      sharedProps?.placement,\n      sharedProps?.popupContainer,\n      sharedProps?.popupProps,\n      sharedProps?.positionerProps,\n      sharedProps?.triggerProps,\n      sharedProps?.zIndex,\n      title,\n      triggerProps,\n      zIndex,\n    ],\n  );\n\n  return item;\n};\n"],"mappings":";;;;AAOA,MAAa,yBAAyB,UAAmD;CACvF,MAAM,cAAc,WAAW,wBAAwB;CAEvD,MAAM,EACJ,OACA,WACA,YACA,YACA,UACA,mBACA,QACA,aACA,iBACA,iBACA,cACA,WACA,WACA,gBACA,QAAQ,YACR,OACA,QACA,iBACA,cACA,eACE;CAEJ,MAAM,kBAAkB,cAAc;EACpC,IAAI,CAAC,aAAa,aAAa,CAAC,WAAW,OAAO,KAAA;EAClD,OAAO,CAAC,aAAa,WAAW,SAAS,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;CACrE,GAAG,CAAC,WAAW,aAAa,SAAS,CAAC;CAEtC,MAAM,mBAAmB,cAAc;EACrC,IAAI,CAAC,aAAa,cAAc,CAAC,YAAY,OAAO,KAAA;EACpD,OAAO;GAAE,GAAG,aAAa;GAAY,GAAG;EAAW;CACrD,GAAG,CAAC,YAAY,aAAa,UAAU,CAAC;CAExC,MAAM,uBAAuB,cAAc;EACzC,IAAI,OAAO,aAAa,WAAW,YAAY,OAAO,KAAA;EACtD,OAAO,aAAa;CACtB,GAAG,CAAC,aAAa,MAAM,CAAC;CAExB,MAAM,sBAAsB,cAAc;EACxC,IAAI,OAAO,eAAe,YAAY,OAAO,KAAA;EAC7C,OAAO;CACT,GAAG,CAAC,UAAU,CAAC;CAEf,MAAM,eAAe,cAAc;EACjC,IAAI,CAAC,wBAAwB,CAAC,qBAAqB,OAAO,KAAA;EAC1D,OAAO;GAAE,GAAG;GAAsB,GAAG;EAAoB;CAC3D,GAAG,CAAC,sBAAsB,mBAAmB,CAAC;CAE9C,MAAM,oBAAoB,cAAc;EACtC,IAAI,CAAC,aAAa,eAAe,CAAC,aAAa,OAAO,KAAA;EACtD,OAAO;GAAE,GAAG,aAAa;GAAa,GAAG;EAAY;CACvD,GAAG,CAAC,aAAa,aAAa,WAAW,CAAC;CAE1C,MAAM,qBAAqB,cAAc;EACvC,IAAI,CAAC,aAAa,gBAAgB,CAAC,cAAc,OAAO,KAAA;EACxD,QAAQ,SAAkB;GACxB,aAAa,eAAe,IAAI;GAChC,eAAe,IAAI;EACrB;CACF,GAAG,CAAC,cAAc,aAAa,YAAY,CAAC;CAgE5C,OA9D+B,eACtB;EACL,OAAO,SAAS,aAAa,SAAS;EACtC,WAAW;EACX,YAAY;EACZ,YAAY,cAAc,aAAa;EACvC,UAAU,YAAY,aAAa;EACnC,mBAAmB,qBAAqB,aAAa;EACrD,QAAQ,UAAU,aAAa;EAC/B,gBAAgB,kBAAkB,aAAa;EAC/C,aAAa;EACb,iBAAiB,mBAAmB,aAAa;EACjD,iBAAiB,mBAAmB,aAAa;EACjD,cAAc;EACd,WAAW,aAAa,aAAa;EACrC,WAAW,aAAa,aAAa,aAAa;EAClD,YAAY,cAAc,aAAa;EACvC,iBAAiB,mBAAmB,aAAa;EACjD,QAAQ;EACR;EACA,cAAc,gBAAgB,aAAa;EAC3C,QAAQ,UAAU,aAAa;CACjC,IACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb;EACA;EACA;CACF,CAGQ;AACZ"}

package/es/base-ui/Tree/Tree.d.mts

@@ -1,6 +0,0 @@
-import { TreeProps } from "./type.mjs";
-//#region src/base-ui/Tree/Tree.d.ts
-declare const Tree: import("react").NamedExoticComponent<TreeProps>;
-//#endregion
-export { Tree as default };
-//# sourceMappingURL=Tree.d.mts.map

package/es/base-ui/Tree/Tree.mjs

@@ -1,175 +0,0 @@
-"use client";
-import { FocusScope } from "../FocusScope/FocusScope.mjs";
-import { focusScopeItem, useScopeArrowNav } from "../FocusScope/useScopeArrowNav.mjs";
-import { styles } from "./style.mjs";
-import { TreeContext } from "./context.mjs";
-import { conductCheck, flattenVisible, getAllKeys, getAncestorKeys, getSubtreeKeys } from "./utils.mjs";
-import TreeNode from "./TreeNode.mjs";
-import { memo, useId, useMemo, useRef, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import useMergeState from "use-merge-value";
-//#region src/base-ui/Tree/Tree.tsx
-const EMPTY = [];
-const Tree = memo(({ blockNode = false, checkStrictly = false, checkable = false, checkedKeys: checkedKeysProp, className, classNames = {}, defaultCheckedKeys = EMPTY, defaultExpandAll = false, defaultExpandedKeys = EMPTY, defaultSelectedKeys = EMPTY, disabled = false, expandedKeys: expandedKeysProp, indent = 20, multiple = false, onCheck, onExpand, onRightClick, onSelect, scopeId: scopeIdProp, selectedKeys: selectedKeysProp, showIcon = false, showLine = false, size = "middle", style, styles: customStyles = {}, switcherIcon, titleRender, treeData, vimKeys = false }) => {
-	const generatedId = useId();
-	const scopeId = scopeIdProp ?? generatedId;
-	const [expandedKeys, setExpandedKeys] = useMergeState(defaultExpandAll ? getAllKeys(treeData) : defaultExpandedKeys, { value: expandedKeysProp });
-	const [selectedKeys, setSelectedKeys] = useMergeState(defaultSelectedKeys, { value: selectedKeysProp });
-	const [checkedKeys, setCheckedKeys] = useMergeState(defaultCheckedKeys, { value: checkedKeysProp });
-	const expanded = useMemo(() => new Set(expandedKeys), [expandedKeys]);
-	const selected = useMemo(() => new Set(selectedKeys), [selectedKeys]);
-	const flat = useMemo(() => flattenVisible(treeData, expanded), [treeData, expanded]);
-	const { checked, halfChecked } = useMemo(() => checkStrictly ? {
-		checked: new Set(checkedKeys),
-		halfChecked: /* @__PURE__ */ new Set()
-	} : conductCheck(treeData, checkedKeys), [
-		checkStrictly,
-		treeData,
-		checkedKeys
-	]);
-	const [activeKeyState, setActiveKeyState] = useState(null);
-	const setActiveKey = setActiveKeyState;
-	const activeKey = activeKeyState && flat.some((row) => row.node.key === activeKeyState) ? activeKeyState : selectedKeys.find((key) => flat.some((row) => row.node.key === key)) ?? flat[0]?.node.key ?? null;
-	const anchorRef = useRef(null);
-	const rowOf = (key) => document.querySelector(`[data-focus-scope="${scopeId}"] [data-id="${key}"]`);
-	const focusRow = (key) => {
-		setActiveKey(key);
-		const row = rowOf(key);
-		if (row) focusScopeItem(scopeId, row);
-	};
-	const isDisabled = (node) => disabled || !!node.disabled;
-	const toggleExpand = (node) => {
-		const willExpand = !expanded.has(node.key);
-		const next = willExpand ? [...expandedKeys, node.key] : expandedKeys.filter((key) => key !== node.key);
-		setExpandedKeys(next);
-		onExpand?.(next, {
-			expanded: willExpand,
-			node
-		});
-	};
-	const toggleSelect = (node, event) => {
-		if (isDisabled(node) || node.selectable === false) return;
-		let next;
-		if (multiple && event?.shiftKey && anchorRef.current) {
-			const a = flat.findIndex((row) => row.node.key === anchorRef.current);
-			const b = flat.findIndex((row) => row.node.key === node.key);
-			next = flat.slice(Math.min(a, b), Math.max(a, b) + 1).filter((row) => !isDisabled(row.node) && row.node.selectable !== false).map((row) => row.node.key);
-		} else if (multiple && (event?.metaKey || event?.ctrlKey)) {
-			next = selected.has(node.key) ? selectedKeys.filter((key) => key !== node.key) : [...selectedKeys, node.key];
-			anchorRef.current = node.key;
-		} else {
-			next = [node.key];
-			anchorRef.current = node.key;
-		}
-		setSelectedKeys(next);
-		setActiveKey(node.key);
-		onSelect?.(next, {
-			node,
-			selected: next.includes(node.key)
-		});
-	};
-	const toggleCheck = (node) => {
-		if (isDisabled(node) || node.checkable === false) return;
-		const willCheck = !checked.has(node.key);
-		const keys = checkStrictly ? [node.key] : getSubtreeKeys(node);
-		const base = new Set(checkStrictly ? checkedKeys : checked);
-		keys.forEach((key) => willCheck ? base.add(key) : base.delete(key));
-		if (!willCheck && !checkStrictly) getAncestorKeys(treeData, node.key).forEach((key) => base.delete(key));
-		const next = checkStrictly ? [...base] : [...conductCheck(treeData, base).checked];
-		setCheckedKeys(next);
-		setActiveKey(node.key);
-		onCheck?.(next, {
-			checked: willCheck,
-			node
-		});
-	};
-	const currentRow = () => {
-		const key = (document.activeElement?.closest("[role=\"treeitem\"]"))?.dataset.id ?? activeKey;
-		return flat.find((row) => row.node.key === key);
-	};
-	const withRow = (fn) => (event) => {
-		const row = currentRow();
-		if (row) fn(row, event);
-	};
-	useScopeArrowNav({
-		extra: {
-			" ": withRow((row, event) => {
-				if (checkable && row.node.checkable !== false) toggleCheck(row.node);
-				else toggleSelect(row.node, event);
-			}),
-			"*": withRow((row) => {
-				const siblings = flat.filter((r) => r.parentKey === row.parentKey && r.hasChildren && !expanded.has(r.node.key));
-				if (siblings.length === 0) return;
-				const next = [...expandedKeys, ...siblings.map((r) => r.node.key)];
-				setExpandedKeys(next);
-				onExpand?.(next, {
-					expanded: true,
-					node: row.node
-				});
-			}),
-			ArrowLeft: withRow((row) => {
-				if (row.hasChildren && expanded.has(row.node.key)) toggleExpand(row.node);
-				else if (row.parentKey) focusRow(row.parentKey);
-			}),
-			ArrowRight: withRow((row) => {
-				if (!row.hasChildren) return;
-				if (expanded.has(row.node.key)) focusRow(flat[row.index + 1].node.key);
-				else toggleExpand(row.node);
-			}),
-			Enter: withRow((row, event) => toggleSelect(row.node, event))
-		},
-		itemSelector: "[role=\"treeitem\"]",
-		onItemFocus: (el) => el.dataset.id && setActiveKey(el.dataset.id),
-		scopeId,
-		vimKeys
-	});
-	return /* @__PURE__ */ jsx(TreeContext, {
-		value: {
-			activeKey,
-			blockNode,
-			checkable,
-			checked,
-			classNames,
-			disabled,
-			expanded,
-			halfChecked,
-			indent,
-			onRightClick: (event, node) => onRightClick?.({
-				event,
-				node
-			}),
-			selected,
-			setActiveKey,
-			showIcon,
-			showLine,
-			size,
-			styles: customStyles,
-			switcherIcon,
-			titleRender,
-			toggleCheck,
-			toggleExpand,
-			toggleSelect
-		},
-		children: /* @__PURE__ */ jsx(FocusScope, {
-			className: cx(styles.root, classNames.root, className),
-			id: scopeId,
-			role: "tree",
-			style: {
-				...customStyles.root,
-				...style
-			},
-			children: treeData.map((node, i) => /* @__PURE__ */ jsx(TreeNode, {
-				depth: 0,
-				isLast: i === treeData.length - 1,
-				node,
-				trail: []
-			}, node.key))
-		})
-	});
-});
-Tree.displayName = "Tree";
-//#endregion
-export { Tree as default };
-
-//# sourceMappingURL=Tree.mjs.map

package/es/base-ui/Tree/Tree.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tree.mjs","names":["useControlledState"],"sources":["../../../src/base-ui/Tree/Tree.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { memo, useId, useMemo, useRef, useState } from 'react';\nimport useControlledState from 'use-merge-value';\n\nimport { FocusScope, focusScopeItem, useScopeArrowNav } from '@/base-ui/FocusScope';\n\nimport { TreeContext, type TreeContextValue } from './context';\nimport { styles } from './style';\nimport TreeNode from './TreeNode';\nimport type { TreeDataNode, TreeProps } from './type';\nimport { conductCheck, flattenVisible, getAllKeys, getAncestorKeys, getSubtreeKeys } from './utils';\n\nconst EMPTY: string[] = [];\n\nconst Tree = memo<TreeProps>(\n  ({\n    blockNode = false,\n    checkStrictly = false,\n    checkable = false,\n    checkedKeys: checkedKeysProp,\n    className,\n    classNames = {},\n    defaultCheckedKeys = EMPTY,\n    defaultExpandAll = false,\n    defaultExpandedKeys = EMPTY,\n    defaultSelectedKeys = EMPTY,\n    disabled = false,\n    expandedKeys: expandedKeysProp,\n    indent = 20,\n    multiple = false,\n    onCheck,\n    onExpand,\n    onRightClick,\n    onSelect,\n    scopeId: scopeIdProp,\n    selectedKeys: selectedKeysProp,\n    showIcon = false,\n    showLine = false,\n    size = 'middle',\n    style,\n    styles: customStyles = {},\n    switcherIcon,\n    titleRender,\n    treeData,\n    vimKeys = false,\n  }) => {\n    const generatedId = useId();\n    const scopeId = scopeIdProp ?? generatedId;\n    const [expandedKeys, setExpandedKeys] = useControlledState<string[]>(\n      defaultExpandAll ? getAllKeys(treeData) : defaultExpandedKeys,\n      { value: expandedKeysProp },\n    );\n    const [selectedKeys, setSelectedKeys] = useControlledState<string[]>(defaultSelectedKeys, {\n      value: selectedKeysProp,\n    });\n    const [checkedKeys, setCheckedKeys] = useControlledState<string[]>(defaultCheckedKeys, {\n      value: checkedKeysProp,\n    });\n\n    const expanded = useMemo(() => new Set(expandedKeys), [expandedKeys]);\n    const selected = useMemo(() => new Set(selectedKeys), [selectedKeys]);\n    const flat = useMemo(() => flattenVisible(treeData, expanded), [treeData, expanded]);\n    const { checked, halfChecked } = useMemo(\n      () =>\n        checkStrictly\n          ? { checked: new Set(checkedKeys), halfChecked: new Set<string>() }\n          : conductCheck(treeData, checkedKeys),\n      [checkStrictly, treeData, checkedKeys],\n    );\n\n    const [activeKeyState, setActiveKeyState] = useState<string | null>(null);\n    const setActiveKey = setActiveKeyState;\n    const activeKey =\n      activeKeyState && flat.some((row) => row.node.key === activeKeyState)\n        ? activeKeyState\n        : (selectedKeys.find((key) => flat.some((row) => row.node.key === key)) ??\n          flat[0]?.node.key ??\n          null);\n\n    const anchorRef = useRef<string | null>(null);\n\n    const rowOf = (key: string) =>\n      document.querySelector<HTMLElement>(`[data-focus-scope=\"${scopeId}\"] [data-id=\"${key}\"]`);\n    const focusRow = (key: string) => {\n      setActiveKey(key);\n      const row = rowOf(key);\n      if (row) focusScopeItem(scopeId, row);\n    };\n\n    const isDisabled = (node: TreeDataNode) => disabled || !!node.disabled;\n\n    const toggleExpand = (node: TreeDataNode) => {\n      const willExpand = !expanded.has(node.key);\n      const next = willExpand\n        ? [...expandedKeys, node.key]\n        : expandedKeys.filter((key) => key !== node.key);\n      setExpandedKeys(next);\n      onExpand?.(next, { expanded: willExpand, node });\n    };\n\n    const toggleSelect: TreeContextValue['toggleSelect'] = (node, event) => {\n      if (isDisabled(node) || node.selectable === false) return;\n      let next: string[];\n      if (multiple && event?.shiftKey && anchorRef.current) {\n        const a = flat.findIndex((row) => row.node.key === anchorRef.current);\n        const b = flat.findIndex((row) => row.node.key === node.key);\n        next = flat\n          .slice(Math.min(a, b), Math.max(a, b) + 1)\n          .filter((row) => !isDisabled(row.node) && row.node.selectable !== false)\n          .map((row) => row.node.key);\n      } else if (multiple && (event?.metaKey || event?.ctrlKey)) {\n        next = selected.has(node.key)\n          ? selectedKeys.filter((key) => key !== node.key)\n          : [...selectedKeys, node.key];\n        anchorRef.current = node.key;\n      } else {\n        next = [node.key];\n        anchorRef.current = node.key;\n      }\n      setSelectedKeys(next);\n      setActiveKey(node.key);\n      onSelect?.(next, { node, selected: next.includes(node.key) });\n    };\n\n    const toggleCheck = (node: TreeDataNode) => {\n      if (isDisabled(node) || node.checkable === false) return;\n      const willCheck = !checked.has(node.key);\n      const keys = checkStrictly ? [node.key] : getSubtreeKeys(node);\n      const base = new Set(checkStrictly ? checkedKeys : checked);\n      keys.forEach((key) => (willCheck ? base.add(key) : base.delete(key)));\n      if (!willCheck && !checkStrictly) getAncestorKeys(treeData, node.key).forEach((key) => base.delete(key));\n      const next = checkStrictly ? [...base] : [...conductCheck(treeData, base).checked];\n      setCheckedKeys(next);\n      setActiveKey(node.key);\n      onCheck?.(next, { checked: willCheck, node });\n    };\n\n    const currentRow = () => {\n      const focused = document.activeElement?.closest<HTMLElement>('[role=\"treeitem\"]');\n      const key = focused?.dataset.id ?? activeKey;\n      return flat.find((row) => row.node.key === key);\n    };\n\n    const withRow = (fn: (row: (typeof flat)[number], event: KeyboardEvent) => void) =>\n      (event: KeyboardEvent) => {\n        const row = currentRow();\n        if (row) fn(row, event);\n      };\n\n    useScopeArrowNav({\n      extra: {\n        ' ': withRow((row, event) => {\n          if (checkable && row.node.checkable !== false) toggleCheck(row.node);\n          else toggleSelect(row.node, event);\n        }),\n        '*': withRow((row) => {\n          const siblings = flat.filter(\n            (r) => r.parentKey === row.parentKey && r.hasChildren && !expanded.has(r.node.key),\n          );\n          if (siblings.length === 0) return;\n          const next = [...expandedKeys, ...siblings.map((r) => r.node.key)];\n          setExpandedKeys(next);\n          onExpand?.(next, { expanded: true, node: row.node });\n        }),\n        ArrowLeft: withRow((row) => {\n          if (row.hasChildren && expanded.has(row.node.key)) toggleExpand(row.node);\n          else if (row.parentKey) focusRow(row.parentKey);\n        }),\n        ArrowRight: withRow((row) => {\n          if (!row.hasChildren) return;\n          if (expanded.has(row.node.key)) focusRow(flat[row.index + 1].node.key);\n          else toggleExpand(row.node);\n        }),\n        Enter: withRow((row, event) => toggleSelect(row.node, event)),\n      },\n      itemSelector: '[role=\"treeitem\"]',\n      onItemFocus: (el) => el.dataset.id && setActiveKey(el.dataset.id),\n      scopeId,\n      vimKeys,\n    });\n\n    const ctx: TreeContextValue = {\n      activeKey,\n      blockNode,\n      checkable,\n      checked,\n      classNames,\n      disabled,\n      expanded,\n      halfChecked,\n      indent,\n      onRightClick: (event, node) => onRightClick?.({ event, node }),\n      selected,\n      setActiveKey,\n      showIcon,\n      showLine,\n      size,\n      styles: customStyles,\n      switcherIcon,\n      titleRender,\n      toggleCheck,\n      toggleExpand,\n      toggleSelect,\n    };\n\n    return (\n      <TreeContext value={ctx}>\n        <FocusScope\n          className={cx(styles.root, classNames.root, className)}\n          id={scopeId}\n          role=\"tree\"\n          style={{ ...customStyles.root, ...style }}\n        >\n          {treeData.map((node, i) => (\n            <TreeNode\n              depth={0}\n              isLast={i === treeData.length - 1}\n              key={node.key}\n              node={node}\n              trail={[]}\n            />\n          ))}\n        </FocusScope>\n      </TreeContext>\n    );\n  },\n);\n\nTree.displayName = 'Tree';\n\nexport default Tree;\n"],"mappings":"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"}

package/es/base-ui/Tree/TreeNode.mjs

@@ -1,124 +0,0 @@
-"use client";
-import Icon from "../../Icon/Icon.mjs";
-import { controlHeight } from "../controlSize.mjs";
-import Checkbox_default from "../Checkbox/Checkbox.mjs";
-import { styles } from "./style.mjs";
-import { useTreeContext } from "./context.mjs";
-import { hasChildren } from "./utils.mjs";
-import { memo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { cx } from "antd-style";
-import { ChevronRight, File, Folder } from "lucide-react";
-import { Collapsible } from "@base-ui/react/collapsible";
-//#region src/base-ui/Tree/TreeNode.tsx
-const ARC = 6;
-const SWITCHER_CENTER = 11.5;
-const guidePath = (depth, isLast, trail, indent, height) => {
-	const cx = (i) => i * indent + SWITCHER_CENTER;
-	let d = "";
-	trail.forEach((more, i) => {
-		if (more && i > 0) d += `M${cx(i)} 0V${height}`;
-	});
-	const x = cx(depth - 1);
-	const y = height / 2;
-	const elbow = `M${x} ${y - ARC}A${ARC} ${ARC} 0 0 0 ${x + ARC} ${y}H${x + indent - 2}`;
-	d += isLast ? `M${x} 0V${y - ARC}${elbow.slice(elbow.indexOf("A"))}` : `M${x} 0V${height}${elbow}`;
-	return d;
-};
-const TreeNode = memo(({ node, depth, isLast, trail }) => {
-	const ctx = useTreeContext();
-	const expandable = hasChildren(node);
-	const expanded = expandable && ctx.expanded.has(node.key);
-	const disabled = ctx.disabled || !!node.disabled;
-	const checkable = ctx.checkable && node.checkable !== false;
-	const checkState = ctx.checked.has(node.key) ? "checked" : ctx.halfChecked.has(node.key) ? "mixed" : "unchecked";
-	const rowHeight = typeof ctx.styles.node?.height === "number" ? ctx.styles.node.height : controlHeight[ctx.size];
-	const switcherIcon = typeof ctx.switcherIcon === "function" ? ctx.switcherIcon({
-		expanded,
-		node
-	}) : ctx.switcherIcon ?? /* @__PURE__ */ jsx(Icon, {
-		icon: ChevronRight,
-		size: 14
-	});
-	const rowStyle = {
-		height: rowHeight,
-		paddingInlineStart: depth * ctx.indent,
-		...ctx.styles.node
-	};
-	const select = (event) => ctx.toggleSelect(node, event);
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
-		"data-scope-item": true,
-		"aria-disabled": disabled || void 0,
-		"aria-expanded": expandable ? expanded : void 0,
-		"aria-level": depth + 1,
-		"aria-selected": ctx.selected.has(node.key),
-		"data-id": node.key,
-		role: "treeitem",
-		style: rowStyle,
-		tabIndex: ctx.activeKey === node.key ? 0 : -1,
-		"aria-checked": checkable ? checkState === "mixed" ? "mixed" : checkState === "checked" : void 0,
-		className: cx(styles.node, ctx.blockNode && styles.nodeBlock, disabled && styles.nodeDisabled, ctx.classNames.node),
-		onClick: ctx.blockNode ? select : void 0,
-		onContextMenu: (event) => ctx.onRightClick(event, node),
-		onFocus: () => ctx.setActiveKey(node.key),
-		children: [
-			ctx.showLine && depth > 0 && /* @__PURE__ */ jsx("svg", {
-				"aria-hidden": true,
-				className: cx(styles.guide, ctx.classNames.guide),
-				height: rowHeight,
-				style: ctx.styles.guide,
-				width: depth * ctx.indent,
-				children: /* @__PURE__ */ jsx("path", { d: guidePath(depth, isLast, trail, ctx.indent, rowHeight) })
-			}),
-			/* @__PURE__ */ jsx("button", {
-				"aria-hidden": true,
-				style: ctx.styles.switcher,
-				tabIndex: -1,
-				type: "button",
-				className: cx(styles.switcher, !expandable && styles.switcherLeaf, ctx.classNames.switcher),
-				onClick: (event) => {
-					event.stopPropagation();
-					ctx.toggleExpand(node);
-				},
-				children: switcherIcon
-			}),
-			checkable && /* @__PURE__ */ jsx(Checkbox_default, {
-				checked: checkState === "checked",
-				className: styles.checkbox,
-				disabled,
-				indeterminate: checkState === "mixed",
-				onChange: () => ctx.toggleCheck(node),
-				onClick: (event) => event.stopPropagation()
-			}),
-			ctx.showIcon && /* @__PURE__ */ jsx("span", {
-				className: styles.icon,
-				children: node.icon ?? /* @__PURE__ */ jsx(Icon, {
-					icon: expandable ? Folder : File,
-					size: 16
-				})
-			}),
-			/* @__PURE__ */ jsx("span", {
-				style: ctx.styles.title,
-				className: cx(styles.title, ctx.blockNode ? styles.titleBlock : styles.titleInline, ctx.classNames.title),
-				onClick: ctx.blockNode ? void 0 : select,
-				children: ctx.titleRender ? ctx.titleRender(node) : node.title
-			})
-		]
-	}), expandable && /* @__PURE__ */ jsx(Collapsible.Root, {
-		open: expanded,
-		children: /* @__PURE__ */ jsx(Collapsible.Panel, {
-			className: styles.panel,
-			children: node.children.map((child, i) => /* @__PURE__ */ jsx(TreeNode, {
-				depth: depth + 1,
-				isLast: i === node.children.length - 1,
-				node: child,
-				trail: [...trail, !isLast]
-			}, child.key))
-		})
-	})] });
-});
-TreeNode.displayName = "TreeNode";
-//#endregion
-export { TreeNode as default };
-
-//# sourceMappingURL=TreeNode.mjs.map

package/es/base-ui/Tree/TreeNode.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeNode.mjs","names":["isExpandable","Checkbox"],"sources":["../../../src/base-ui/Tree/TreeNode.tsx"],"sourcesContent":["'use client';\n\nimport { Collapsible } from '@base-ui/react/collapsible';\nimport { cx } from 'antd-style';\nimport { ChevronRight, File, Folder } from 'lucide-react';\nimport { type CSSProperties, memo, type MouseEvent } from 'react';\n\nimport { Checkbox } from '@/base-ui/Checkbox';\nimport { controlHeight } from '@/base-ui/controlSize';\nimport Icon from '@/Icon';\n\nimport { useTreeContext } from './context';\nimport { styles } from './style';\nimport type { TreeDataNode } from './type';\nimport { hasChildren as isExpandable } from './utils';\n\ninterface TreeNodeProps {\n  depth: number;\n  isLast: boolean;\n  node: TreeDataNode;\n  trail: boolean[];\n}\n\nconst ARC = 6;\nconst SWITCHER_CENTER = 11.5;\n\nconst guidePath = (\n  depth: number,\n  isLast: boolean,\n  trail: boolean[],\n  indent: number,\n  height: number,\n) => {\n  const cx = (i: number) => i * indent + SWITCHER_CENTER;\n  let d = '';\n  trail.forEach((more, i) => {\n    if (more && i > 0) d += `M${cx(i)} 0V${height}`;\n  });\n  const x = cx(depth - 1);\n  const y = height / 2;\n  const elbow = `M${x} ${y - ARC}A${ARC} ${ARC} 0 0 0 ${x + ARC} ${y}H${x + indent - 2}`;\n  d += isLast\n    ? `M${x} 0V${y - ARC}${elbow.slice(elbow.indexOf('A'))}`\n    : `M${x} 0V${height}${elbow}`;\n  return d;\n};\n\nconst TreeNode = memo<TreeNodeProps>(({ node, depth, isLast, trail }) => {\n  const ctx = useTreeContext();\n  const expandable = isExpandable(node);\n  const expanded = expandable && ctx.expanded.has(node.key);\n  const disabled = ctx.disabled || !!node.disabled;\n  const checkable = ctx.checkable && node.checkable !== false;\n  const checkState = ctx.checked.has(node.key)\n    ? 'checked'\n    : ctx.halfChecked.has(node.key)\n      ? 'mixed'\n      : 'unchecked';\n  const rowHeight =\n    typeof ctx.styles.node?.height === 'number' ? ctx.styles.node.height : controlHeight[ctx.size];\n\n  const switcherIcon =\n    typeof ctx.switcherIcon === 'function'\n      ? ctx.switcherIcon({ expanded, node })\n      : (ctx.switcherIcon ?? <Icon icon={ChevronRight} size={14} />);\n\n  const rowStyle: CSSProperties = {\n    height: rowHeight,\n    paddingInlineStart: depth * ctx.indent,\n    ...ctx.styles.node,\n  };\n\n  const select = (event: MouseEvent) => ctx.toggleSelect(node, event);\n\n  return (\n    <>\n      <div\n        data-scope-item\n        aria-disabled={disabled || undefined}\n        aria-expanded={expandable ? expanded : undefined}\n        aria-level={depth + 1}\n        aria-selected={ctx.selected.has(node.key)}\n        data-id={node.key}\n        role=\"treeitem\"\n        style={rowStyle}\n        tabIndex={ctx.activeKey === node.key ? 0 : -1}\n        aria-checked={\n          checkable ? (checkState === 'mixed' ? 'mixed' : checkState === 'checked') : undefined\n        }\n        className={cx(\n          styles.node,\n          ctx.blockNode && styles.nodeBlock,\n          disabled && styles.nodeDisabled,\n          ctx.classNames.node,\n        )}\n        onClick={ctx.blockNode ? select : undefined}\n        onContextMenu={(event) => ctx.onRightClick(event, node)}\n        onFocus={() => ctx.setActiveKey(node.key)}\n      >\n        {ctx.showLine && depth > 0 && (\n          <svg\n            aria-hidden\n            className={cx(styles.guide, ctx.classNames.guide)}\n            height={rowHeight}\n            style={ctx.styles.guide}\n            width={depth * ctx.indent}\n          >\n            <path d={guidePath(depth, isLast, trail, ctx.indent, rowHeight)} />\n          </svg>\n        )}\n        <button\n          aria-hidden\n          style={ctx.styles.switcher}\n          tabIndex={-1}\n          type=\"button\"\n          className={cx(\n            styles.switcher,\n            !expandable && styles.switcherLeaf,\n            ctx.classNames.switcher,\n          )}\n          onClick={(event) => {\n            event.stopPropagation();\n            ctx.toggleExpand(node);\n          }}\n        >\n          {switcherIcon}\n        </button>\n        {checkable && (\n          <Checkbox\n            checked={checkState === 'checked'}\n            className={styles.checkbox}\n            disabled={disabled}\n            indeterminate={checkState === 'mixed'}\n            onChange={() => ctx.toggleCheck(node)}\n            onClick={(event) => event.stopPropagation()}\n          />\n        )}\n        {ctx.showIcon && (\n          <span className={styles.icon}>\n            {node.icon ?? <Icon icon={expandable ? Folder : File} size={16} />}\n          </span>\n        )}\n        <span\n          style={ctx.styles.title}\n          className={cx(\n            styles.title,\n            ctx.blockNode ? styles.titleBlock : styles.titleInline,\n            ctx.classNames.title,\n          )}\n          onClick={ctx.blockNode ? undefined : select}\n        >\n          {ctx.titleRender ? ctx.titleRender(node) : node.title}\n        </span>\n      </div>\n      {expandable && (\n        <Collapsible.Root open={expanded}>\n          <Collapsible.Panel className={styles.panel}>\n            {node.children!.map((child, i) => (\n              <TreeNode\n                depth={depth + 1}\n                isLast={i === node.children!.length - 1}\n                key={child.key}\n                node={child}\n                trail={[...trail, !isLast]}\n              />\n            ))}\n          </Collapsible.Panel>\n        </Collapsible.Root>\n      )}\n    </>\n  );\n});\n\nTreeNode.displayName = 'TreeNode';\n\nexport default TreeNode;\n"],"mappings":"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"}