@vezham/react 26.0.0-alpha.4 → 26.0.0-alpha.6

package/dist/lib/components/panel/header/application-menu-sheet.js

@@ -0,0 +1,227 @@
+import { useAppMenu } from "../../app-menu/index.js";
+import { AppIcon } from "../../app-icon/index.js";
+import { useInfoPanel } from "../info-panel/provider.js";
+import { MenuSheet } from "../../menu/sheet.js";
+import { ShortcutKey } from "../../shortcut-key/index.js";
+import { useState } from "react";
+import { Button, Label, Separator } from "@vezham/react-v3";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { AltArrowLeft, AltArrowRight, Archive, Bookmark, SidebarMinimalistic } from "@vezham/icons-react";
+//#region src/lib/components/panel/header/application-menu-sheet.tsx
+var actionClass = "h-auto min-h-11 w-full justify-start gap-3 rounded-lg px-3 py-2 text-start";
+var ApplicationMenuSheet = ({ isOpen, onOpenChange, trigger, onClose, onSearch, navigationLabel, onToggleNavigation, showHistoryNavigation, showMenuUtilities, showBookamarks, showStorage }) => {
+	const appMenu = useAppMenu();
+	const { toggleInfoPanel, activeInfoPanel, isOpen: panelOpen } = useInfoPanel();
+	const [menuKey, setMenuKey] = useState(null);
+	const menu = appMenu?.items.find((item) => item.key === menuKey);
+	const close = () => {
+		setMenuKey(null);
+		onClose();
+	};
+	const changeOpen = (open) => {
+		if (!open) setMenuKey(null);
+		onOpenChange(open);
+	};
+	return /* @__PURE__ */ jsx(MenuSheet, {
+		title: "Application menu",
+		hideTitle: true,
+		isOpen,
+		onOpenChange: changeOpen,
+		trigger,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex flex-col gap-1",
+			children: menu ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				className: actionClass,
+				"aria-label": "Back to application menu",
+				onPress: () => setMenuKey(null),
+				children: [/* @__PURE__ */ jsx(AltArrowLeft, {
+					size: 18,
+					"aria-hidden": "true"
+				}), menu.label]
+			}), menu.groups.map((group, index) => /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col gap-1",
+				children: [index > 0 && /* @__PURE__ */ jsx(Separator, { className: "my-1" }), group.map((action) => /* @__PURE__ */ jsxs(Button, {
+					"aria-label": action.label,
+					variant: "ghost",
+					className: actionClass,
+					onPress: () => {
+						close();
+						appMenu?.onAction(action);
+					},
+					children: [
+						action.icon && /* @__PURE__ */ jsx(AppIcon, {
+							icon: action.icon,
+							size: 18,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: action.label
+						}),
+						action.shortcut && /* @__PURE__ */ jsx(ShortcutKey, {
+							className: "ms-auto",
+							shortcut: action.shortcut
+						})
+					]
+				}, action.key))]
+			}, group.map((action) => action.key).join(":")))] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					className: actionClass,
+					onPress: close,
+					children: "Back to home"
+				}),
+				showHistoryNavigation && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: actionClass,
+					"aria-label": "Back",
+					"aria-keyshortcuts": "Meta+ArrowLeft",
+					onPress: () => {
+						close();
+						window.history.back();
+					},
+					children: [
+						/* @__PURE__ */ jsx(AltArrowLeft, {
+							size: 18,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx(Label, {
+							className: "flex-1",
+							children: "Back"
+						}),
+						/* @__PURE__ */ jsx(ShortcutKey, { shortcut: "⌘ ←" })
+					]
+				}), /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: actionClass,
+					"aria-label": "Forward",
+					"aria-keyshortcuts": "Meta+ArrowRight",
+					onPress: () => {
+						close();
+						window.history.forward();
+					},
+					children: [
+						/* @__PURE__ */ jsx(AltArrowRight, {
+							size: 18,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx(Label, {
+							className: "flex-1",
+							children: "Forward"
+						}),
+						/* @__PURE__ */ jsx(ShortcutKey, { shortcut: "⌘ →" })
+					]
+				})] }),
+				showMenuUtilities && onToggleNavigation && /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: actionClass,
+					"aria-label": navigationLabel,
+					"aria-keyshortcuts": "Meta+S",
+					onPress: () => {
+						close();
+						onToggleNavigation();
+					},
+					children: [
+						/* @__PURE__ */ jsx(SidebarMinimalistic, {
+							size: 18,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: navigationLabel
+						}),
+						/* @__PURE__ */ jsx(ShortcutKey, { shortcut: "⌘ S" })
+					]
+				}),
+				showMenuUtilities && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, { className: "my-1" }), /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: actionClass,
+					"aria-label": "Open command palette",
+					onPress: () => {
+						setMenuKey(null);
+						onSearch();
+					},
+					children: [
+						/* @__PURE__ */ jsx(AppIcon, {
+							icon: "vx:search",
+							size: 18,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: "Search"
+						}),
+						/* @__PURE__ */ jsx(ShortcutKey, { shortcut: "Mod K" })
+					]
+				})] }),
+				showBookamarks && /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: actionClass,
+					"aria-label": "Bookmarks",
+					"aria-keyshortcuts": "Meta+Shift+B Control+Shift+B",
+					onPress: () => {
+						close();
+						toggleInfoPanel("bookmarks");
+					},
+					children: [
+						/* @__PURE__ */ jsx(Bookmark, {
+							size: 18,
+							weight: panelOpen && activeInfoPanel === "bookmarks" ? "filled" : "outline",
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: "Bookmarks"
+						}),
+						/* @__PURE__ */ jsx(ShortcutKey, { shortcut: "Mod ⇧ B" })
+					]
+				}),
+				showStorage && /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: actionClass,
+					"aria-label": "Storage",
+					"aria-keyshortcuts": "Meta+Shift+S Control+Shift+S",
+					onPress: () => {
+						close();
+						toggleInfoPanel("storage");
+					},
+					children: [
+						/* @__PURE__ */ jsx(Archive, {
+							size: 18,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: "Storage"
+						}),
+						/* @__PURE__ */ jsx(ShortcutKey, { shortcut: "Mod ⇧ S" })
+					]
+				}),
+				/* @__PURE__ */ jsx(Separator, { className: "my-1" }),
+				appMenu?.items.map((item) => /* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: actionClass,
+					onPress: () => setMenuKey(item.key),
+					children: [
+						item.icon && /* @__PURE__ */ jsx(AppIcon, {
+							icon: item.icon,
+							size: 18,
+							"aria-hidden": "true"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "flex-1",
+							children: item.label
+						}),
+						/* @__PURE__ */ jsx(AltArrowRight, {
+							size: 18,
+							"aria-hidden": "true"
+						})
+					]
+				}, item.key))
+			] })
+		}, menuKey ?? "home")
+	});
+};
+//#endregion
+export { ApplicationMenuSheet };

package/dist/lib/components/panel/header/bookmarks/bookmark-file-tree/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type BookmarkFileTreeProps } from './types';
+declare const BookmarkFileTree: ({ items, defaultExpandedKeys, getFileTreeProps, getBookmarkTreeEmptyStateProps, onBookmarkClick, onBookmarkRemove, onFolderEdit, onFolderDelete, onNewFolder, onBookmarkMove, onTreeChange }: BookmarkFileTreeProps) => React.JSX.Element;
+export { BookmarkFileTree };
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/components/panel/header/bookmarks/bookmark-file-tree/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/panel/header/bookmarks/bookmark-file-tree/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAmChD,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAUpD,QAAA,MAAM,gBAAgB,GAAI,8LAYvB,qBAAqB,sBAkRvB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/lib/components/panel/header/bookmarks/bookmark-file-tree/index.js

@@ -0,0 +1,225 @@
+import { AppIcon } from "../../../../app-icon/index.js";
+import { panelContextMenuClass } from "../../../info-panel/styles.js";
+import { BookmarkContextMenuItems, BrowserContextMenuItems } from "../context-menu/index.js";
+import { BookmarkSectionEmptyState } from "../empty-state.js";
+import "../folder-modal/variants.js";
+import { FolderVisualPreview } from "../folder-modal/index.js";
+import { collectFolderTargets, moveBookmarkTreeItems } from "./variants.js";
+import { useMemo, useState } from "react";
+import { Avatar, Button } from "@vezham/react-v3";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CodeFile, Folder, FolderOpen, TrashBinTrash } from "@vezham/icons-react";
+import { ContextMenu, FileTree, useFileTreeDrag } from "@vezham/react-pro-v3";
+import { Collection } from "react-aria-components/Collection";
+import { useTreeData } from "react-aria-components/useTreeData";
+//#region src/lib/components/panel/header/bookmarks/bookmark-file-tree/index.tsx
+var folderIcon = ({ isExpanded }) => isExpanded ? /* @__PURE__ */ jsx(FolderOpen, {
+	size: 16,
+	"aria-hidden": "true"
+}) : /* @__PURE__ */ jsx(Folder, {
+	size: 16,
+	"aria-hidden": "true"
+});
+var BookmarkFileTree = ({ items, defaultExpandedKeys, getFileTreeProps, getBookmarkTreeEmptyStateProps, onBookmarkClick, onBookmarkRemove, onFolderEdit, onFolderDelete, onNewFolder, onBookmarkMove, onTreeChange }) => {
+	const [expandedKeys, setExpandedKeys] = useState(() => new Set(defaultExpandedKeys));
+	const [selectedKeys, setSelectedKeys] = useState(/* @__PURE__ */ new Set());
+	const [contextTarget, setContextTarget] = useState({ type: "area" });
+	const bookmarkById = useMemo(() => {
+		return items.reduce((acc, item) => {
+			const collect = (node) => {
+				if (node.kind === "bookmark" && node.bookmark) acc.set(node.id, node.bookmark);
+				node.children?.forEach(collect);
+			};
+			collect(item);
+			return acc;
+		}, /* @__PURE__ */ new Map());
+	}, [items]);
+	const tree = useTreeData({
+		getChildren: (item) => item.children ?? [],
+		getKey: (item) => item.id,
+		initialItems: items
+	});
+	const { dragAndDropHooks } = useFileTreeDrag({
+		tree,
+		onMove: (keys, target) => {
+			const result = moveBookmarkTreeItems(items, [...keys].map(String), String(target.key), target.dropPosition);
+			const { expandedKey } = result;
+			if (expandedKey) setExpandedKeys((currentKeys) => {
+				const nextKeys = new Set(currentKeys);
+				nextKeys.add(expandedKey);
+				return nextKeys;
+			});
+			onTreeChange(result.items, result.expandedKey);
+		}
+	});
+	const folderTargets = useMemo(() => collectFolderTargets(items), [items]);
+	const renderBookmarkIcon = (item) => {
+		if (item.kind === "folder") {
+			if (item.visualType === "emoji" && item.emoji) return /* @__PURE__ */ jsx(FolderVisualPreview, {
+				color: item.color ?? "#007aff",
+				visualType: "emoji",
+				emoji: item.emoji,
+				icon: item.icon ?? "vx:list-filled",
+				className: "h-4 w-4 text-xs"
+			});
+			if (item.visualType === "icon" && item.icon && item.icon !== "vx:list-filled") return /* @__PURE__ */ jsx(FolderVisualPreview, {
+				color: item.color ?? "#007aff",
+				visualType: "icon",
+				emoji: item.emoji ?? "😀",
+				icon: item.icon,
+				className: "h-4 w-4 text-xs"
+			});
+			return ({ isExpanded }) => /* @__PURE__ */ jsx("span", {
+				className: "text-warning",
+				children: folderIcon({ isExpanded })
+			});
+		}
+		if (item.bookmark?.icon) return /* @__PURE__ */ jsx(AppIcon, {
+			icon: item.bookmark.icon,
+			size: "1em",
+			"aria-hidden": "true"
+		});
+		if (item.bookmark?.avatar || item.bookmark?.backgroundImage) return /* @__PURE__ */ jsxs(Avatar, {
+			className: "h-4 w-4 shrink-0 rounded-sm",
+			children: [/* @__PURE__ */ jsx(Avatar.Image, {
+				src: item.bookmark.avatar ?? item.bookmark.backgroundImage,
+				alt: item.title
+			}), /* @__PURE__ */ jsx(Avatar.Fallback, { children: item.title.charAt(0).toUpperCase() })]
+		});
+		return /* @__PURE__ */ jsx(CodeFile, {
+			size: 16,
+			"aria-hidden": "true"
+		});
+	};
+	const handleItemContextMenu = (event, item) => {
+		event.stopPropagation();
+		setContextTarget({
+			type: item.kind,
+			item
+		});
+		setSelectedKeys(new Set([item.id]));
+	};
+	const handleAreaContextMenu = () => {
+		setContextTarget({ type: "area" });
+		setSelectedKeys(/* @__PURE__ */ new Set());
+	};
+	const handleSelectionChange = (keys) => {
+		if (keys === "all") {
+			setSelectedKeys(new Set(items.map((item) => item.id)));
+			return;
+		}
+		setSelectedKeys(new Set([...keys].map(String)));
+	};
+	const renderTitle = (item) => /* @__PURE__ */ jsxs("div", {
+		className: "relative flex min-h-7 w-full min-w-0 flex-1 items-center gap-2 pe-0 group-hover/bookmark-item:pe-14 group-has-[:focus-visible]/bookmark-item:pe-14 group-data-[focus-visible]/bookmark-item:pe-14 [@media(hover:none)]:pe-14",
+		onContextMenu: (event) => handleItemContextMenu(event, item.value),
+		children: [item.value.kind === "folder" ? /* @__PURE__ */ jsx("button", {
+			type: "button",
+			title: item.value.title,
+			className: "min-w-0 flex-1 cursor-pointer truncate text-start text-sm leading-5 font-semibold",
+			"aria-expanded": expandedKeys.has(String(item.key)),
+			onClick: (event) => {
+				event.stopPropagation();
+				toggleFolder(String(item.key));
+			},
+			children: item.value.title
+		}) : /* @__PURE__ */ jsx("span", {
+			title: item.value.title,
+			className: "min-w-0 flex-1 truncate text-sm leading-5 font-normal",
+			children: item.value.title
+		}), /* @__PURE__ */ jsx(Button, {
+			isIconOnly: true,
+			"aria-label": `Remove ${item.value.title}`,
+			variant: "ghost",
+			size: "sm",
+			className: "text-muted hover:text-danger absolute end-0 hidden size-7 min-w-0 shrink-0 group-hover/bookmark-item:inline-flex group-has-[:focus-visible]/bookmark-item:inline-flex group-data-[focus-visible]/bookmark-item:inline-flex hover:bg-transparent data-[hovered=true]:bg-transparent [@media(hover:none)]:inline-flex",
+			onPress: () => {
+				if (item.value.kind === "folder") onFolderDelete(String(item.key));
+				else onBookmarkRemove(String(item.key));
+			},
+			children: /* @__PURE__ */ jsx(TrashBinTrash, {
+				size: 16,
+				"aria-hidden": "true"
+			})
+		})]
+	});
+	const toggleFolder = (key) => {
+		setExpandedKeys((currentKeys) => {
+			const nextKeys = new Set(currentKeys);
+			if (nextKeys.has(key)) nextKeys.delete(key);
+			else nextKeys.add(key);
+			return nextKeys;
+		});
+	};
+	const renderItem = (item) => {
+		const isFolder = item.value.kind === "folder";
+		return /* @__PURE__ */ jsx(FileTree.Item, {
+			className: "group/bookmark-item min-h-9 rounded-lg px-0 py-1 ring-inset [&_[data-slot=file-tree-item-content]]:min-w-0 [&_[data-slot=file-tree-item-content]]:gap-2 [&_[slot=chevron]]:size-4",
+			icon: renderBookmarkIcon(item.value),
+			id: item.key,
+			onClick: (event) => {
+				if (isFolder && !event.target.closest("button")) toggleFolder(String(item.key));
+			},
+			textValue: item.value.title,
+			title: renderTitle(item),
+			onContextMenu: (event) => handleItemContextMenu(event, item.value),
+			children: isFolder && /* @__PURE__ */ jsx(Collection, {
+				items: item.children ?? [],
+				children: renderItem
+			})
+		});
+	};
+	return /* @__PURE__ */ jsxs(ContextMenu, { children: [
+		/* @__PURE__ */ jsx(ContextMenu.Trigger, {
+			className: "block w-full",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "w-full min-w-0",
+				onContextMenu: handleAreaContextMenu,
+				children: /* @__PURE__ */ jsx(FileTree, {
+					...getFileTreeProps(),
+					"aria-label": "Bookmarks file tree",
+					dragAndDropHooks,
+					expandedKeys,
+					items: tree.items,
+					renderEmptyState: () => /* @__PURE__ */ jsx(BookmarkSectionEmptyState, {
+						title: "No bookmarks yet.",
+						description: "Your saved links and folders appear here.",
+						...getBookmarkTreeEmptyStateProps()
+					}),
+					selectedKeys,
+					showGuideLines: "hover",
+					onAction: (key) => {
+						const bookmark = bookmarkById.get(String(key));
+						if (bookmark) {
+							onBookmarkClick(bookmark);
+							return;
+						}
+					},
+					onExpandedChange: (keys) => {
+						setExpandedKeys(new Set([...keys].map(String)));
+					},
+					onSelectionChange: handleSelectionChange,
+					children: renderItem
+				})
+			})
+		}),
+		/* @__PURE__ */ jsx(ContextMenu.Popover, {
+			className: panelContextMenuClass,
+			children: /* @__PURE__ */ jsx(ContextMenu.Menu, { children: /* @__PURE__ */ jsx(BookmarkContextMenuItems, {
+				contextTarget,
+				folderTargets,
+				onBookmarkRemove,
+				onFolderEdit,
+				onFolderDelete,
+				onNewFolder,
+				onBookmarkMove
+			}) })
+		}),
+		/* @__PURE__ */ jsx(ContextMenu.Popover, {
+			className: panelContextMenuClass,
+			children: /* @__PURE__ */ jsx(ContextMenu.Menu, { children: /* @__PURE__ */ jsx(BrowserContextMenuItems, {}) })
+		})
+	] });
+};
+//#endregion
+export { BookmarkFileTree };

package/dist/lib/components/panel/header/bookmarks/bookmark-file-tree/types.d.ts

@@ -0,0 +1,13 @@
+import { type BookmarkItem, type BookmarkTreeItem, type useProps } from '../types';
+export interface BookmarkFileTreeProps extends Pick<ReturnType<typeof useProps>, 'getFileTreeProps' | 'getBookmarkTreeEmptyStateProps'> {
+    items: BookmarkTreeItem[];
+    defaultExpandedKeys: string[];
+    onBookmarkClick: (item: BookmarkItem) => void;
+    onBookmarkRemove: (id: string) => void;
+    onFolderEdit: (item: BookmarkTreeItem) => void;
+    onFolderDelete: (id: string) => void;
+    onNewFolder: (parentId?: string) => void;
+    onBookmarkMove: (id: string, targetFolderId?: string) => void;
+    onTreeChange: (items: BookmarkTreeItem[], expandedKey?: string) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/components/panel/header/bookmarks/bookmark-file-tree/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/panel/header/bookmarks/bookmark-file-tree/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,QAAQ,EACd,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,UAAU,CAAC,OAAO,QAAQ,CAAC,EAC3B,kBAAkB,GAAG,gCAAgC,CACtD;IACC,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAC7B,eAAe,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC7C,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC9C,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,WAAW,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,cAAc,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,YAAY,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CACxE"}

package/dist/lib/components/panel/header/bookmarks/bookmark-file-tree/variants.d.ts

@@ -0,0 +1,28 @@
+import { type BookmarkTreeItem } from '../types';
+declare const getUniqueTreeId: (baseId: string, counts: Map<string, number>) => string;
+declare const getExpandableBookmarkKeys: (items: BookmarkTreeItem[]) => string[];
+declare const removeTreeItem: (items: BookmarkTreeItem[], itemId: string) => BookmarkTreeItem[];
+declare const updateTreeItem: (items: BookmarkTreeItem[], itemId: string, updater: (item: BookmarkTreeItem) => BookmarkTreeItem) => BookmarkTreeItem[];
+declare const insertFolderItem: (items: BookmarkTreeItem[], folder: BookmarkTreeItem, parentId?: string) => {
+    inserted: boolean;
+    items: BookmarkTreeItem[];
+};
+declare const createTreeItemId: (prefix: string, existingIds: Set<string>) => string;
+declare const dedupeTreeItems: (items: BookmarkTreeItem[], seen?: Set<string>) => BookmarkTreeItem[];
+declare const collectTreeItemIds: (items: BookmarkTreeItem[], ids?: Set<string>) => Set<string>;
+declare const collectFolderTargets: (items: BookmarkTreeItem[], excludedId?: string, path?: string[]) => {
+    id: string;
+    title: string;
+    depth: number;
+}[];
+declare const moveTreeItemToFolder: (items: BookmarkTreeItem[], movedId: string, targetFolderId?: string) => {
+    expandedKey?: string;
+    items: BookmarkTreeItem[];
+};
+declare const moveBookmarkTreeItems: (items: BookmarkTreeItem[], movedIds: string[], targetId: string, dropPosition: string) => {
+    expandedKey?: string;
+    items: BookmarkTreeItem[];
+};
+declare const getBookmarkTreeSignature: (items: BookmarkTreeItem[]) => string;
+export { collectFolderTargets, collectTreeItemIds, createTreeItemId, dedupeTreeItems, getBookmarkTreeSignature, getExpandableBookmarkKeys, getUniqueTreeId, insertFolderItem, moveBookmarkTreeItems, moveTreeItemToFolder, removeTreeItem, updateTreeItem };
+//# sourceMappingURL=variants.d.ts.map

package/dist/lib/components/panel/header/bookmarks/bookmark-file-tree/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../../../../src/lib/components/panel/header/bookmarks/bookmark-file-tree/variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,QAAA,MAAM,eAAe,GAAI,QAAQ,MAAM,EAAE,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,WAKnE,CAAA;AAED,QAAA,MAAM,yBAAyB,GAAI,OAAO,gBAAgB,EAAE,aAc3D,CAAA;AAED,QAAA,MAAM,cAAc,GAClB,OAAO,gBAAgB,EAAE,EACzB,QAAQ,MAAM,KACb,gBAAgB,EAQZ,CAAA;AAEP,QAAA,MAAM,cAAc,GAClB,OAAO,gBAAgB,EAAE,EACzB,QAAQ,MAAM,EACd,SAAS,CAAC,IAAI,EAAE,gBAAgB,KAAK,gBAAgB,KACpD,gBAAgB,EAYf,CAAA;AAEJ,QAAA,MAAM,gBAAgB,GACpB,OAAO,gBAAgB,EAAE,EACzB,QAAQ,gBAAgB,EACxB,WAAW,MAAM,KAChB;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAiChD,CAAA;AAED,QAAA,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,aAAa,GAAG,CAAC,MAAM,CAAC,WAiBjE,CAAA;AAED,QAAA,MAAM,eAAe,GACnB,OAAO,gBAAgB,EAAE,EACzB,kBAAwB,KACvB,gBAAgB,EAaX,CAAA;AAER,QAAA,MAAM,kBAAkB,GACtB,OAAO,gBAAgB,EAAE,EACzB,iBAAuB,gBAWxB,CAAA;AA+ED,QAAA,MAAM,oBAAoB,GACxB,OAAO,gBAAgB,EAAE,EACzB,aAAa,MAAM,EACnB,OAAM,MAAM,EAAO,KAClB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAevC,CAAA;AAyIR,QAAA,MAAM,oBAAoB,GACxB,OAAO,gBAAgB,EAAE,EACzB,SAAS,MAAM,EACf,iBAAiB,MAAM,KACtB;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CAuCnD,CAAA;AAED,QAAA,MAAM,qBAAqB,GACzB,OAAO,gBAAgB,EAAE,EACzB,UAAU,MAAM,EAAE,EAClB,UAAU,MAAM,EAChB,cAAc,MAAM,KACnB;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,gBAAgB,EAAE,CAAA;CA2CnD,CAAA;AAED,QAAA,MAAM,wBAAwB,GAAI,OAAO,gBAAgB,EAAE,KAAG,MAUhD,CAAA;AAEd,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACxB,yBAAyB,EACzB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,cAAc,EACf,CAAA"}