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

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

@@ -3,7 +3,7 @@ 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 { 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 }) => {
@@ -79,6 +79,235 @@ var useAccountSections = (user) => {
 		]
 	};
 };
+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(AccountActions, { actions }),
+		/* @__PURE__ */ jsx(Separator, { className: "self-stretch" }),
+		/* @__PURE__ */ jsxs("div", {
+			className: "flex w-full flex-col gap-1 p-2",
+			children: [
+				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: () => onSection(item.id),
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "min-w-0 flex-1 truncate text-start",
+						children: item.label
+					}), /* @__PURE__ */ jsx(AltArrowRight, {
+						size: 16,
+						"aria-hidden": "true"
+					})]
+				}, item.id)),
+				/* @__PURE__ */ jsx(Separator, {}),
+				/* @__PURE__ */ jsxs(Button, {
+					variant: "ghost",
+					className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
+					onPress: onPreferences,
+					children: [/* @__PURE__ */ jsx(Settings, {
+						size: 18,
+						"aria-hidden": "true"
+					}), "Preferences"]
+				}),
+				/* @__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: onLogout,
+					children: [/* @__PURE__ */ jsx(Logout2, {
+						size: 18,
+						"aria-hidden": "true"
+					}), "Logout"]
+				})
+			]
+		})
+	]
+});
+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 ? 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, {
+				size: "sm",
+				className: "h-6 w-6 rounded-md",
+				children: [user.avatar ? /* @__PURE__ */ jsx(Avatar.Image, {
+					src: user.avatar,
+					alt: user.name
+				}) : null, /* @__PURE__ */ jsx(Avatar.Fallback, { children: user.name?.[0] })]
+			}), /* @__PURE__ */ jsx(Badge, {
+				placement: "bottom-right",
+				size: "sm",
+				className: "border-background flex items-center justify-center border",
+				children: /* @__PURE__ */ jsx(StatusVisual, { status: currentStatus })
+			})] })
+		}) }), /* @__PURE__ */ jsx(Tooltip.Content, {
+			placement: bubble ? "bottom" : "right",
+			children: tooltipText
+		})]
+	});
+};
 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 });
@@ -124,239 +353,31 @@ var UserMenu = ({ user, onLogout, onProfile, onPreferences, showAI = false, show
 			onPress: onAI
 		} : null
 	].filter((action) => action !== null);
-	const compactContent = /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col items-center gap-5 py-2",
-		children: [
-			/* @__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]
-					})
-				]
-			}),
-			compactActions.length > 0 ? /* @__PURE__ */ jsx("div", {
-				className: "flex items-center justify-center gap-2",
-				role: "group",
-				"aria-label": "Account actions",
-				children: compactActions.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))
-			}) : null,
-			/* @__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, {
-						variant: "ghost",
-						className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
-						onPress: () => setSection(item.id),
-						children: [/* @__PURE__ */ jsx("span", {
-							className: "min-w-0 flex-1 truncate text-start",
-							children: item.label
-						}), /* @__PURE__ */ jsx(AltArrowRight, {
-							size: 16,
-							"aria-hidden": "true"
-						})]
-					}, item.id)),
-					/* @__PURE__ */ jsx(Separator, {}),
-					/* @__PURE__ */ jsxs(Button, {
-						variant: "ghost",
-						className: "h-auto min-h-11 w-full justify-start gap-3 px-3 py-2 text-start",
-						onPress: () => closeAndRun(onPreferences),
-						children: [/* @__PURE__ */ jsx(Settings, {
-							size: 18,
-							"aria-hidden": "true"
-						}), "Preferences"]
-					}),
-					/* @__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: () => closeAndRun(onLogout),
-						children: [/* @__PURE__ */ jsx(Logout2, {
-							size: 18,
-							"aria-hidden": "true"
-						}), "Logout"]
-					})
-				]
-			})
-		]
-	});
-	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]
-			})] })]
-		}),
-		/* @__PURE__ */ jsx(Separator, {}),
-		small ? null : /* @__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();
-					},
-					children: [/* @__PURE__ */ jsx(Logout2, {
-						size: 18,
-						"aria-hidden": "true"
-					}), "Logout"]
-				})
-			]
-		})
-	] });
-	const trigger = /* @__PURE__ */ jsxs(Tooltip, {
-		delay: 0,
-		children: [/* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(Trigger, {
-			onPress: small ? () => setOpen(true) : 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, {
-				size: "sm",
-				className: "h-6 w-6 rounded-md",
-				children: [user.avatar ? /* @__PURE__ */ jsx(Avatar.Image, {
-					src: user.avatar,
-					alt: user.name
-				}) : null, /* @__PURE__ */ jsx(Avatar.Fallback, { children: user.name?.[0] })]
-			}), /* @__PURE__ */ jsx(Badge, {
-				placement: "bottom-right",
-				size: "sm",
-				className: "border-background flex items-center justify-center border",
-				children: /* @__PURE__ */ jsx(StatusVisual, { status: currentStatus })
-			})] })
-		}) }), /* @__PURE__ */ jsx(Tooltip.Content, {
-			placement: bubble ? "bottom" : "right",
-			children: tooltipText
-		})]
+	const trigger = /* @__PURE__ */ jsx(UserMenuTrigger, {
+		small,
+		bubble,
+		user,
+		currentStatus,
+		tooltipText,
+		onPress: () => setOpen(true)
 	});
-	return small ? /* @__PURE__ */ jsxs(Fragment, { children: [trigger, /* @__PURE__ */ jsx(MenuSheet, {
+	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))]
-		}) : compactContent
+		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,
@@ -364,7 +385,14 @@ var UserMenu = ({ user, onLogout, onProfile, onPreferences, showAI = false, show
 			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;