@vezham/react 26.0.0-alpha.8 → 26.0.0-beta.1

package/dist/lib/components/panel/footer/user-menu.js

@@ -3,8 +3,8 @@ import { MenuSheet } from "../../menu/sheet.js";
 import { DEFAULT_STATUS_OPTION, STATUS_OPTIONS, STATUS_TIMING_OPTIONS, SUGGESTED_STATUS_OPTIONS, isColorStatus } from "./data.js";
 import { useState } from "react";
 import { Avatar, Badge, Button, Dropdown, Separator, Tooltip, useMediaQuery } from "@vezham/react-v3";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AltArrowLeft, AltArrowRight, CheckRead, Logout2, Settings } from "@vezham/icons-react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { AltArrowLeft, AltArrowRight, Bell, CheckRead, Logout2, Settings, VezhamTamizhi } from "@vezham/icons-react";
 //#region src/lib/components/panel/footer/user-menu.tsx
 var StatusVisual = ({ status }) => {
 	if (isColorStatus(status.id)) return /* @__PURE__ */ jsx("span", { className: `h-2 w-2 rounded-full ${status.color ?? ""}` });
@@ -79,48 +79,104 @@ var useAccountSections = (user) => {
 		]
 	};
 };
-var UserMenu = ({ user, onLogout, onProfile, onPreferences }) => {
-	const small = useMediaQuery(APPLICATION_MENU_SHEET_MEDIA_QUERY, { initializeWithValue: false });
-	const bubble = useMediaQuery(ACCOUNT_BUBBLE_MEDIA_QUERY, { initializeWithValue: false });
-	const [open, setOpen] = useState(false);
-	const [section, setSection] = useState(null);
-	const { currentStatus, tooltipText, accountSections } = useAccountSections(user);
-	const activeSection = accountSections.find((item) => item.id === section);
-	const changeOpen = (value) => {
-		setOpen(value);
-		if (!value) setSection(null);
-	};
-	const Trigger = small ? Button : Dropdown.Trigger;
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsxs("button", {
-			type: "button",
-			className: "hover:bg-default-100 flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left",
-			onClick: () => {
-				setOpen(false);
-				onProfile?.();
-			},
-			children: [/* @__PURE__ */ jsxs(Avatar, {
-				size: "sm",
-				children: [user.avatar ? /* @__PURE__ */ jsx(Avatar.Image, {
-					src: user.avatar,
-					alt: user.name
-				}) : null, /* @__PURE__ */ jsx(Avatar.Fallback, { children: user.name?.[0] })]
-			}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
-				className: "block font-medium",
-				children: user.name
-			}), /* @__PURE__ */ jsxs("span", {
-				className: "text-muted flex items-center gap-1 text-xs",
-				children: [/* @__PURE__ */ jsx(StatusVisual, { status: currentStatus }), currentStatus.label]
-			})] })]
+var AccountActions = ({ actions }) => {
+	if (actions.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: "flex items-center justify-center gap-2",
+		role: "group",
+		"aria-label": "Account actions",
+		children: actions.map((action) => /* @__PURE__ */ jsxs(Tooltip, {
+			delay: 0,
+			children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(Button, {
+				"aria-label": action.label,
+				isIconOnly: true,
+				size: "lg",
+				variant: "ghost",
+				onPress: action.onPress,
+				children: action.icon
+			}) }), /* @__PURE__ */ jsx(Tooltip.Content, {
+				placement: "top",
+				children: action.label
+			})]
+		}, action.label))
+	});
+};
+var AccountIdentity = ({ user, currentStatus }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex flex-col items-center gap-2 text-center",
+	children: [
+		/* @__PURE__ */ jsxs(Badge.Anchor, { children: [/* @__PURE__ */ jsxs(Avatar, {
+			className: "size-20",
+			children: [user.avatar ? /* @__PURE__ */ jsx(Avatar.Image, {
+				src: user.avatar,
+				alt: user.name
+			}) : null, /* @__PURE__ */ jsx(Avatar.Fallback, {
+				className: "text-xl",
+				children: user.name?.[0]
+			})]
+		}), /* @__PURE__ */ jsx(Badge, {
+			placement: "bottom-right",
+			size: "sm",
+			className: "border-surface flex items-center justify-center border-2",
+			children: /* @__PURE__ */ jsx(StatusVisual, { status: currentStatus })
+		})] }),
+		/* @__PURE__ */ jsx("span", {
+			className: "text-base font-semibold",
+			children: user.name
+		}),
+		/* @__PURE__ */ jsxs("span", {
+			className: "text-muted flex items-center gap-1 text-sm",
+			children: [/* @__PURE__ */ jsx(StatusVisual, { status: currentStatus }), currentStatus.label]
+		})
+	]
+});
+var AccountSectionItems = ({ section, onBack }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex flex-col gap-1",
+	children: [/* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
+		onPress: onBack,
+		"aria-label": "Back to account menu",
+		children: [/* @__PURE__ */ jsx(AltArrowLeft, {
+			size: 18,
+			"aria-hidden": "true"
+		}), section.title]
+	}), section.options.map((option) => /* @__PURE__ */ jsxs(Button, {
+		variant: "ghost",
+		className: `h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start ${option.id === "clear" ? "text-danger" : ""}`,
+		"aria-pressed": section.selected === option.id,
+		onPress: () => {
+			section.onSelect(option.id);
+			onBack();
+		},
+		children: [
+			option.visual,
+			/* @__PURE__ */ jsx("span", {
+				className: "min-w-0 flex-1 text-start",
+				children: option.label
+			}),
+			section.selected === option.id ? /* @__PURE__ */ jsx(CheckRead, {
+				size: 16,
+				"aria-hidden": "true"
+			}) : null
+		]
+	}, option.id))]
+});
+var AccountSheetContent = ({ user, currentStatus, actions, sections, onSection, onPreferences, onLogout }) => /* @__PURE__ */ jsxs("div", {
+	className: "flex flex-col items-center gap-5 py-2",
+	children: [
+		/* @__PURE__ */ jsx(AccountIdentity, {
+			user,
+			currentStatus
 		}),
-		/* @__PURE__ */ jsx(Separator, {}),
-		small ? /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-1 p-2",
+		/* @__PURE__ */ jsx(AccountActions, { actions }),
+		/* @__PURE__ */ jsx(Separator, { className: "self-stretch" }),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-col gap-1 p-2",
 			children: [
-				accountSections.map((item) => /* @__PURE__ */ jsxs(Button, {
+				sections.map((item) => /* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
 					className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
-					onPress: () => setSection(item.id),
+					onPress: () => onSection(item.id),
 					children: [/* @__PURE__ */ jsx("span", {
 						className: "min-w-0 flex-1 truncate text-start",
 						children: item.label
@@ -133,10 +189,7 @@ var UserMenu = ({ user, onLogout, onProfile, onPreferences }) => {
 				/* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
 					className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
-					onPress: () => {
-						setOpen(false);
-						onPreferences?.();
-					},
+					onPress: onPreferences,
 					children: [/* @__PURE__ */ jsx(Settings, {
 						size: 18,
 						"aria-hidden": "true"
@@ -145,67 +198,7 @@ var UserMenu = ({ user, onLogout, onProfile, onPreferences }) => {
 				/* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
 					className: "text-danger h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
-					onPress: () => {
-						setOpen(false);
-						onLogout();
-					},
-					children: [/* @__PURE__ */ jsx(Logout2, {
-						size: 18,
-						"aria-hidden": "true"
-					}), "Logout"]
-				})
-			]
-		}) : /* @__PURE__ */ jsxs(Dropdown.Menu, {
-			"aria-label": "Account actions",
-			children: [
-				accountSections.map((item) => /* @__PURE__ */ jsxs(Dropdown.SubmenuTrigger, { children: [/* @__PURE__ */ jsxs(Dropdown.Item, {
-					id: item.id,
-					textValue: item.label,
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 flex-1 truncate",
-						children: item.label
-					}), /* @__PURE__ */ jsx(Dropdown.SubmenuIndicator, {})]
-				}), /* @__PURE__ */ jsx(Dropdown.Popover, {
-					className: "z-90 w-64 max-w-[calc(100vw-2rem)]",
-					children: /* @__PURE__ */ jsx(Dropdown.Menu, {
-						"aria-label": item.title,
-						selectionMode: "single",
-						selectedKeys: item.selected ? [item.selected] : [],
-						onAction: (key) => item.onSelect(String(key)),
-						children: item.options.map((option) => /* @__PURE__ */ jsxs(Dropdown.Item, {
-							id: option.id,
-							textValue: option.label,
-							className: option.id === "clear" ? "text-danger" : "",
-							children: [
-								option.visual,
-								/* @__PURE__ */ jsx("span", {
-									className: "min-w-0 flex-1",
-									children: option.label
-								}),
-								/* @__PURE__ */ jsx(Dropdown.ItemIndicator, {})
-							]
-						}, option.id))
-					})
-				})] }, item.id)),
-				/* @__PURE__ */ jsx(Separator, {}),
-				/* @__PURE__ */ jsxs(Dropdown.Item, {
-					id: "preferences",
-					onAction: () => {
-						setOpen(false);
-						onPreferences?.();
-					},
-					children: [/* @__PURE__ */ jsx(Settings, {
-						size: 18,
-						"aria-hidden": "true"
-					}), "Preferences"]
-				}),
-				/* @__PURE__ */ jsxs(Dropdown.Item, {
-					id: "logout",
-					variant: "danger",
-					onAction: () => {
-						setOpen(false);
-						onLogout();
-					},
+					onPress: onLogout,
 					children: [/* @__PURE__ */ jsx(Logout2, {
 						size: 18,
 						"aria-hidden": "true"
@@ -213,11 +206,87 @@ var UserMenu = ({ user, onLogout, onProfile, onPreferences }) => {
 				})
 			]
 		})
-	] });
-	const trigger = /* @__PURE__ */ jsxs(Tooltip, {
+	]
+});
+var AccountDropdownContent = ({ user, currentStatus, sections, onProfile, onPreferences, onLogout }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+	/* @__PURE__ */ jsxs("button", {
+		type: "button",
+		className: "hover:bg-default-100 flex w-full items-center gap-3 rounded-lg px-3 py-2 text-left",
+		onClick: onProfile,
+		children: [/* @__PURE__ */ jsxs(Avatar, {
+			size: "sm",
+			children: [user.avatar ? /* @__PURE__ */ jsx(Avatar.Image, {
+				src: user.avatar,
+				alt: user.name
+			}) : null, /* @__PURE__ */ jsx(Avatar.Fallback, { children: user.name?.[0] })]
+		}), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
+			className: "block font-medium",
+			children: user.name
+		}), /* @__PURE__ */ jsxs("span", {
+			className: "text-muted flex items-center gap-1 text-xs",
+			children: [/* @__PURE__ */ jsx(StatusVisual, { status: currentStatus }), currentStatus.label]
+		})] })]
+	}),
+	/* @__PURE__ */ jsx(Separator, {}),
+	/* @__PURE__ */ jsxs(Dropdown.Menu, {
+		"aria-label": "Account actions",
+		children: [
+			sections.map((item) => /* @__PURE__ */ jsxs(Dropdown.SubmenuTrigger, { children: [/* @__PURE__ */ jsxs(Dropdown.Item, {
+				id: item.id,
+				textValue: item.label,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "min-w-0 flex-1 truncate",
+					children: item.label
+				}), /* @__PURE__ */ jsx(Dropdown.SubmenuIndicator, {})]
+			}), /* @__PURE__ */ jsx(Dropdown.Popover, {
+				className: "z-90 w-64 max-w-[calc(100vw-2rem)]",
+				children: /* @__PURE__ */ jsx(Dropdown.Menu, {
+					"aria-label": item.title,
+					selectionMode: "single",
+					selectedKeys: item.selected ? [item.selected] : [],
+					onAction: (key) => item.onSelect(String(key)),
+					children: item.options.map((option) => /* @__PURE__ */ jsxs(Dropdown.Item, {
+						id: option.id,
+						textValue: option.label,
+						className: option.id === "clear" ? "text-danger" : "",
+						children: [
+							option.visual,
+							/* @__PURE__ */ jsx("span", {
+								className: "min-w-0 flex-1",
+								children: option.label
+							}),
+							/* @__PURE__ */ jsx(Dropdown.ItemIndicator, {})
+						]
+					}, option.id))
+				})
+			})] }, item.id)),
+			/* @__PURE__ */ jsx(Separator, {}),
+			/* @__PURE__ */ jsxs(Dropdown.Item, {
+				id: "preferences",
+				onAction: onPreferences,
+				children: [/* @__PURE__ */ jsx(Settings, {
+					size: 18,
+					"aria-hidden": "true"
+				}), "Preferences"]
+			}),
+			/* @__PURE__ */ jsxs(Dropdown.Item, {
+				id: "logout",
+				variant: "danger",
+				onAction: onLogout,
+				children: [/* @__PURE__ */ jsx(Logout2, {
+					size: 18,
+					"aria-hidden": "true"
+				}), "Logout"]
+			})
+		]
+	})
+] });
+var UserMenuTrigger = ({ small, bubble, user, currentStatus, tooltipText, onPress }) => {
+	const Trigger = small ? Button : Dropdown.Trigger;
+	return /* @__PURE__ */ jsxs(Tooltip, {
 		delay: 0,
 		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(Trigger, {
-			onPress: small ? () => setOpen(true) : void 0,
+			onPress: small ? onPress : void 0,
 			"aria-label": `Open ${user.name || "user"} menu`,
 			className: `button button--ghost relative flex h-12 w-12 items-center justify-center ${bubble ? "rounded-full" : "rounded-xl"}`,
 			children: /* @__PURE__ */ jsxs(Badge.Anchor, { children: [/* @__PURE__ */ jsxs(Avatar, {
@@ -238,43 +307,77 @@ var UserMenu = ({ user, onLogout, onProfile, onPreferences }) => {
 			children: tooltipText
 		})]
 	});
-	return small ? /* @__PURE__ */ jsxs(Fragment, { children: [trigger, /* @__PURE__ */ jsx(MenuSheet, {
+};
+var UserMenu = ({ user, onLogout, onProfile, onPreferences, showAI = false, showControlCenter = false, showNotifications = false, notificationCount = 0, onAI, onControlCenter, onNotifications }) => {
+	const small = useMediaQuery(APPLICATION_MENU_SHEET_MEDIA_QUERY, { initializeWithValue: false });
+	const bubble = useMediaQuery(ACCOUNT_BUBBLE_MEDIA_QUERY, { initializeWithValue: false });
+	const [open, setOpen] = useState(false);
+	const [section, setSection] = useState(null);
+	const { currentStatus, tooltipText, accountSections } = useAccountSections(user);
+	const activeSection = accountSections.find((item) => item.id === section);
+	const changeOpen = (value) => {
+		setOpen(value);
+		if (!value) setSection(null);
+	};
+	const closeAndRun = (action) => {
+		setOpen(false);
+		action?.();
+	};
+	const compactActions = [
+		showControlCenter ? {
+			label: "Control center",
+			icon: /* @__PURE__ */ jsx(Settings, {
+				size: 24,
+				"aria-hidden": "true"
+			}),
+			onPress: onControlCenter
+		} : null,
+		showNotifications ? {
+			label: "Notifications",
+			icon: /* @__PURE__ */ jsxs(Badge.Anchor, { children: [/* @__PURE__ */ jsx(Bell, {
+				size: 24,
+				"aria-hidden": "true"
+			}), notificationCount > 0 ? /* @__PURE__ */ jsx(Badge, {
+				content: String(notificationCount),
+				color: "danger",
+				size: "sm"
+			}) : null] }),
+			onPress: onNotifications
+		} : null,
+		showAI ? {
+			label: "Tamizhi AI",
+			icon: /* @__PURE__ */ jsx(VezhamTamizhi, {
+				size: 24,
+				"aria-hidden": "true"
+			}),
+			onPress: onAI
+		} : null
+	].filter((action) => action !== null);
+	const trigger = /* @__PURE__ */ jsx(UserMenuTrigger, {
+		small,
+		bubble,
+		user,
+		currentStatus,
+		tooltipText,
+		onPress: () => setOpen(true)
+	});
+	return small ? /* @__PURE__ */ jsxs(Fragment$1, { children: [trigger, /* @__PURE__ */ jsx(MenuSheet, {
 		title: "Account",
 		hideTitle: true,
 		isOpen: open,
 		onOpenChange: changeOpen,
-		children: activeSection ? /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col gap-1",
-			children: [/* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
-				onPress: () => setSection(null),
-				"aria-label": "Back to account menu",
-				children: [/* @__PURE__ */ jsx(AltArrowLeft, {
-					size: 18,
-					"aria-hidden": "true"
-				}), activeSection.title]
-			}), activeSection.options.map((option) => /* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				className: `h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start ${option.id === "clear" ? "text-danger" : ""}`,
-				"aria-pressed": activeSection.selected === option.id,
-				onPress: () => {
-					activeSection.onSelect(option.id);
-					setSection(null);
-				},
-				children: [
-					option.visual,
-					/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 flex-1 text-start",
-						children: option.label
-					}),
-					activeSection.selected === option.id && /* @__PURE__ */ jsx(CheckRead, {
-						size: 16,
-						"aria-hidden": "true"
-					})
-				]
-			}, option.id))]
-		}) : content
+		children: activeSection ? /* @__PURE__ */ jsx(AccountSectionItems, {
+			section: activeSection,
+			onBack: () => setSection(null)
+		}) : /* @__PURE__ */ jsx(AccountSheetContent, {
+			user,
+			currentStatus,
+			actions: compactActions,
+			sections: accountSections,
+			onSection: setSection,
+			onPreferences: () => closeAndRun(onPreferences),
+			onLogout: () => closeAndRun(onLogout)
+		})
 	})] }) : /* @__PURE__ */ jsxs(Dropdown, {
 		isOpen: open,
 		onOpenChange: changeOpen,
@@ -282,7 +385,14 @@ var UserMenu = ({ user, onLogout, onProfile, onPreferences }) => {
 			placement: bubble ? "bottom end" : "right",
 			offset: 8,
 			className: "w-72 max-w-[calc(100vw-2rem)]",
-			children: content
+			children: /* @__PURE__ */ jsx(AccountDropdownContent, {
+				user,
+				currentStatus,
+				sections: accountSections,
+				onProfile: () => closeAndRun(onProfile),
+				onPreferences: () => closeAndRun(onPreferences),
+				onLogout: () => closeAndRun(onLogout)
+			})
 		})]
 	});
 };

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

@@ -5,7 +5,7 @@ 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 { Fragment as Fragment$1, 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";
@@ -30,7 +30,7 @@ var ApplicationMenuSheet = ({ isOpen, onOpenChange, trigger, onClose, onSearch,
 		trigger,
 		children: /* @__PURE__ */ jsx("div", {
 			className: "flex flex-col gap-1",
-			children: menu ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+			children: menu ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Button, {
 				variant: "ghost",
 				className: actionClass,
 				"aria-label": "Back to application menu",
@@ -65,14 +65,14 @@ var ApplicationMenuSheet = ({ isOpen, onOpenChange, trigger, onClose, onSearch,
 						})
 					]
 				}, action.key))]
-			}, group.map((action) => action.key).join(":")))] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			}, group.map((action) => action.key).join(":")))] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 				/* @__PURE__ */ jsx(Button, {
 					variant: "ghost",
 					className: actionClass,
 					onPress: close,
 					children: "Back to home"
 				}),
-				showHistoryNavigation && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Button, {
+				showHistoryNavigation && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
 					className: actionClass,
 					"aria-label": "Back",
@@ -134,7 +134,7 @@ var ApplicationMenuSheet = ({ isOpen, onOpenChange, trigger, onClose, onSearch,
 						/* @__PURE__ */ jsx(ShortcutKey, { shortcut: "⌘ S" })
 					]
 				}),
-				showMenuUtilities && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, { className: "my-1" }), /* @__PURE__ */ jsxs(Button, {
+				showMenuUtilities && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, { className: "my-1" }), /* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
 					className: actionClass,
 					"aria-label": "Open command palette",

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

@@ -97,7 +97,7 @@ var BookmarkFileTree = ({ items, defaultExpandedKeys, getFileTreeProps, getBookm
 			type: item.kind,
 			item
 		});
-		setSelectedKeys(new Set([item.id]));
+		setSelectedKeys(/* @__PURE__ */ new Set([item.id]));
 	};
 	const handleAreaContextMenu = () => {
 		setContextTarget({ type: "area" });

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

@@ -212,7 +212,7 @@ var insertTreeItemsOnTarget = (items, targetId, movedItems, existingIds) => {
 var moveTreeItemToFolder = (items, movedId, targetFolderId) => {
 	if (targetFolderId && movedId === targetFolderId) return { items };
 	const movedItems = [];
-	const itemsWithoutMoved = removeTreeItems(items, new Set([movedId]), movedItems);
+	const itemsWithoutMoved = removeTreeItems(items, /* @__PURE__ */ new Set([movedId]), movedItems);
 	if (!movedItems.length) return { items };
 	if (!targetFolderId) return { items: normalizeBookmarkGroups([...itemsWithoutMoved, ...movedItems]) };
 	if (!findTreeItem(itemsWithoutMoved, targetFolderId)) return { items };

package/dist/lib/components/panel/header/bookmarks/favorites/grid-list.js

@@ -4,7 +4,7 @@ import { ShortcutContextMenu } from "../shortcut-context-menu.js";
 import { tva } from "./variant.js";
 import { useMemo } from "react";
 import { Avatar, cn } from "@vezham/react-v3";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button as Button$1, GridList, GridListItem } from "react-aria-components";
 //#region src/lib/components/panel/header/bookmarks/favorites/grid-list.tsx
 var FavoriteGridList = ({ items = sampleFavorites, onAction, onRemove, onReorder, dragAndDropHooks, classNames, ...variantProps }) => {
@@ -35,7 +35,7 @@ var FavoriteGridList = ({ items = sampleFavorites, onAction, onRemove, onReorder
 				"data-shortcut-id": item.id,
 				id: item.id,
 				textValue: item.name,
-				children: ({ allowsDragging }) => /* @__PURE__ */ jsxs(Fragment, { children: [allowsDragging && /* @__PURE__ */ jsx(Button$1, {
+				children: ({ allowsDragging }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [allowsDragging && /* @__PURE__ */ jsx(Button$1, {
 					"aria-label": `Drag ${item.name}`,
 					className: slots.dragButton({ class: classNames?.dragButton }),
 					slot: "drag"

package/dist/lib/components/panel/header/bookmarks/index.js

@@ -137,7 +137,8 @@ var BookmarksContent = forwardRef((props, ref) => {
 		setFolderModalOpen(false);
 	};
 	const handleBookmarkMove = (id, targetFolderId) => {
-		handleBookmarkTreeChange(moveTreeItemToFolder(activeBookmarkTreeItems, id, targetFolderId).items);
+		const result = moveTreeItemToFolder(activeBookmarkTreeItems, id, targetFolderId);
+		handleBookmarkTreeChange(result.items);
 	};
 	return /* @__PURE__ */ jsxs(Component, {
 		className: "h-full min-h-0",

package/dist/lib/components/panel/header/bookmarks/shortcut-context-menu.js

@@ -7,7 +7,8 @@ import { ContextMenu } from "@vezham/react-pro-v3";
 var ShortcutContextMenu = ({ children, items, kind, onRemove }) => {
 	const [targetId, setTargetId] = useState(null);
 	const rememberTarget = (target) => {
-		setTargetId((target instanceof Element ? target.closest("[data-shortcut-id]") : null)?.dataset.shortcutId ?? null);
+		const element = target instanceof Element ? target.closest("[data-shortcut-id]") : null;
+		setTargetId(element?.dataset.shortcutId ?? null);
 	};
 	const target = items.find((item) => item.id === targetId);
 	const label = kind === "favorite" ? "Remove Favorite" : "Unpin";

package/dist/lib/components/panel/header/bookmarks/tree-data.js

@@ -64,7 +64,8 @@ var bookmarksToTreeItems = (bookmarks) => {
 			bookmark.children?.forEach((child) => appendBookmark(child, folderPath));
 			return;
 		}
-		ensureFolder(parentPath.length ? parentPath : getFolderPathFromBookmark(bookmark)).push(createBookmarkTreeNode(bookmark, idCounts));
+		const folderPath = parentPath.length ? parentPath : getFolderPathFromBookmark(bookmark);
+		ensureFolder(folderPath).push(createBookmarkTreeNode(bookmark, idCounts));
 	};
 	bookmarks.forEach((bookmark) => appendBookmark(bookmark));
 	return treeItems;

package/dist/lib/components/panel/header/index.js

@@ -9,7 +9,7 @@ import { BookmarksTrigger } from "./bookmarks/index.js";
 import { StorageTrigger } from "./storage/index.js";
 import { useCallback, useState } from "react";
 import { Avatar, Button, Dropdown, Label, Separator, Surface, Tooltip, useMediaQuery } from "@vezham/react-v3";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AltArrowDown, Archive, Bookmark, Magnifier, SidebarMinimalistic } from "@vezham/icons-react";
 //#region src/lib/components/panel/header/index.tsx
 var Header = ({ users, showSearch = false, showBookamarks = false, showStorage = false, onAvatarClick, onSearchClick, isDockHidden = false, onToggleDock, isSidebarOpen = false, onToggleSidebar, extraActions, className, compact = false, hideSeparator = false, showMenuUtilities = true }) => {
@@ -95,7 +95,7 @@ var Header = ({ users, showSearch = false, showBookamarks = false, showStorage =
 			})]
 		})]
 	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Surface, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Surface, {
 		variant: "transparent",
 		className: `flex flex-row items-center gap-1 md:flex-col md:gap-3 ${className ?? ""}`,
 		"data-vx": "header",
@@ -190,7 +190,7 @@ var HeaderApplicationMenuContent = ({ onClose, onSearch, navigationLabel, onTogg
 				onPress: onClose,
 				children: /* @__PURE__ */ jsx(Label, { children: "Back to home" })
 			}),
-			showHistoryNavigation && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Dropdown.Item, {
+			showHistoryNavigation && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Dropdown.Item, {
 				id: "back",
 				textValue: "Back",
 				"aria-keyshortcuts": "Meta+ArrowLeft",
@@ -252,7 +252,7 @@ var HeaderApplicationMenuContent = ({ onClose, onSearch, navigationLabel, onTogg
 					})
 				]
 			}),
-			showMenuUtilities && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Separator, {}), /* @__PURE__ */ jsxs(Dropdown.Item, {
+			showMenuUtilities && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Separator, {}), /* @__PURE__ */ jsxs(Dropdown.Item, {
 				id: "search",
 				textValue: "Search",
 				"aria-label": "Open command palette",
@@ -319,7 +319,7 @@ var HeaderApplicationMenuContent = ({ onClose, onSearch, navigationLabel, onTogg
 };
 var HeaderPanelMenuItems = ({ showBookamarks, showStorage, onClose }) => {
 	const { toggleInfoPanel, activeInfoPanel, isOpen } = useInfoPanel();
-	return /* @__PURE__ */ jsxs(Fragment, { children: [showBookamarks && /* @__PURE__ */ jsxs(Dropdown.Item, {
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [showBookamarks && /* @__PURE__ */ jsxs(Dropdown.Item, {
 		id: "bookmarks",
 		textValue: "Bookmarks",
 		"aria-label": "Bookmarks",

package/dist/lib/components/panel/header/storage/types.d.ts

@@ -341,7 +341,7 @@ declare const useProps: (originalProps: Props) => {
             variant?: "dark" | "light" | "default" | "glass" | undefined;
         } & import('tailwind-variants').ClassProp<import('tailwind-variants').ClassValue>) | undefined) => string;
     };
-    classNames: Partial<Record<"tabs" | "base" | "search_input" | "search_input_wrapper" | "search_icon" | "empty_container" | "empty_icon" | "empty_title" | "empty_description" | "item" | "tabs_list_container" | "tabs_list" | "tab_archive" | "tab_trash" | "tab_indicator" | "container" | "actions_bar" | "actions_bar_with_gap" | "clear_all_button" | "restore_all_button" | "items_container" | "date_group" | "date_header" | "date_label" | "date_divider" | "items_list" | "item_favicon" | "item_fallback_icon" | "item_content" | "item_title" | "item_url" | "item_actions" | "unarchive_button" | "restore_button" | "delete_button" | "delete_permanent_button" | "action_icon" | "action_icon_success" | "action_icon_danger" | "action_icon_default", string>> | undefined;
+    classNames: Partial<Record<"tabs" | "base" | "container" | "search_input" | "search_input_wrapper" | "search_icon" | "empty_container" | "empty_icon" | "empty_title" | "empty_description" | "item" | "tabs_list_container" | "tabs_list" | "tab_archive" | "tab_trash" | "tab_indicator" | "actions_bar" | "actions_bar_with_gap" | "clear_all_button" | "restore_all_button" | "items_container" | "date_group" | "date_header" | "date_label" | "date_divider" | "items_list" | "item_favicon" | "item_fallback_icon" | "item_content" | "item_title" | "item_url" | "item_actions" | "unarchive_button" | "restore_button" | "delete_button" | "delete_permanent_button" | "action_icon" | "action_icon_success" | "action_icon_danger" | "action_icon_default", string>> | undefined;
     children: ReactNode;
     getTabsProps: () => {
         className: string;

package/dist/lib/components/panel/info-panel/container.module.js

@@ -1,8 +1,10 @@
+//#region src/lib/components/panel/info-panel/container.module.css
+var panel = "_panel_inr1p_1";
 var container_module_default = {
-	panel: "_panel_inr1p_1",
+	panel,
 	"panel-enter": "_panel-enter_inr1p_1",
 	"panel-exit": "_panel-exit_inr1p_1",
 	"panel-reduced": "_panel-reduced_inr1p_1"
 };
 //#endregion
-export { container_module_default as default };
+export { container_module_default as default, panel };