agentic-ds-kit 0.1.0 → 0.2.0

package/dist/ui/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,378 @@
+"use client";
+import { LucideByName as e } from "../Button/lucideName.js";
+import { Button as t } from "../Button/Button.js";
+import { Input as n } from "../Input/Input.js";
+import { Badge as r } from "../Badge/Badge.js";
+import { Checkbox as ee } from "../Checkbox/Checkbox.js";
+import i from "./DropdownMenu.module.js";
+import { useEffect as a, useId as o, useLayoutEffect as s, useMemo as c, useRef as l, useState as u } from "react";
+import { Fragment as te, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as ne } from "react-dom";
+//#region ui/DropdownMenu/DropdownMenu.tsx
+function p(e) {
+	return e.flatMap((e) => e.items);
+}
+function m({ trigger: m, triggerStyle: h = "button", iconStart: re, iconEnd: g, id: ie, disabled: _ = !1, error: ae = !1, describedBy: oe, ariaLabel: v, variant: se = "secondary", size: y = "md", align: b = "start", columns: x = 1, groups: S, open: C, onOpenChange: ce, onSelect: le, closeOnSelect: ue = !0, triggerMuted: de = !1, triggerBadge: fe, searchable: w = !1, searchPlaceholder: pe = "Search" }) {
+	let me = typeof C == "boolean", [he, ge] = u(!1), T = me ? C : he, E = o(), D = `${E}-menu`, O = l(null), k = l(null), A = l(null), [j, M] = u(null), [N, P] = u(null), [F, I] = u(null), [L, R] = u(null), [z, _e] = u(!1), [B, ve] = u(""), ye = `${E}-search`, V = c(() => {
+		let e = B.trim().toLowerCase();
+		return e ? S.map((t) => ({
+			...t,
+			items: t.items.filter((t) => t.label.toLowerCase().includes(e))
+		})).filter((e) => e.items.length > 0) : S;
+	}, [S, B]), H = c(() => p(V), [V]), U = c(() => H.filter((e) => !e.disabled).map((e) => e.id), [H]), W = j && U.includes(j) ? j : U[0] ?? null, G = H.find((e) => e.id === W) ?? null, K = H.find((e) => e.id === N)?.submenu, be = K ? p(K) : [], q = be.filter((e) => !e.disabled).map((e) => e.id);
+	function J(e) {
+		me || ge(e), ce?.(e), e || (M(null), P(null), ve(""));
+	}
+	function Y() {
+		return O.current?.querySelector("button") ?? null;
+	}
+	function X(e, t) {
+		let n = typeof CSS < "u" && CSS.escape ? CSS.escape(t) : t;
+		return e?.querySelector(`[data-id="${n}"]`) ?? null;
+	}
+	function xe() {
+		let e = Y();
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = { top: t.bottom + 4 };
+		n.minWidth = x === 2 ? "28rem" : h === "field" ? t.width : Math.max(216, t.width), b === "end" ? (n.right = window.innerWidth - t.right, n.left = "auto") : (n.left = t.left, n.right = "auto"), I(n);
+	}
+	function Se(e) {
+		let t = X(k.current, e);
+		if (!t) return;
+		let n = t.getBoundingClientRect(), r = {
+			top: n.top,
+			minWidth: 160
+		};
+		window.innerWidth - n.right < 168 ? (r.right = window.innerWidth - n.left + 4, r.left = "auto") : (r.left = n.right + 4, r.right = "auto"), R(r);
+	}
+	a(() => {
+		_e(!0);
+	}, []), s(() => {
+		let e = Y();
+		e && (e.setAttribute("aria-haspopup", "menu"), e.setAttribute("aria-expanded", T ? "true" : "false"), e.setAttribute("aria-controls", D));
+	}, [T, D]), s(() => {
+		if (!T) {
+			I(null);
+			return;
+		}
+		xe();
+	}, [
+		T,
+		b,
+		y,
+		h,
+		x
+	]), s(() => {
+		if (!T || !N) {
+			R(null);
+			return;
+		}
+		Se(N);
+	}, [
+		T,
+		N,
+		F
+	]), a(() => {
+		if (!T) return;
+		function e(e) {
+			let t = e.target;
+			O.current?.contains(t) || k.current?.contains(t) || A.current?.contains(t) || J(!1);
+		}
+		function t(e) {
+			if (e.key === "Escape") {
+				if (e.preventDefault(), N) {
+					P(null), W && X(k.current, W)?.focus();
+					return;
+				}
+				J(!1), Y()?.focus();
+			}
+		}
+		function n() {
+			xe(), N && Se(N);
+		}
+		return document.addEventListener("pointerdown", e), document.addEventListener("keydown", t), window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), () => {
+			document.removeEventListener("pointerdown", e), document.removeEventListener("keydown", t), window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+		};
+	}, [
+		T,
+		b,
+		y,
+		x,
+		N,
+		W
+	]), a(() => {
+		if (!(!T || !z)) {
+			if (w) {
+				k.current?.querySelector("input")?.focus();
+				return;
+			}
+			(k.current?.querySelector("[role='menuitem'][data-enabled='true'], [role='menuitemcheckbox'][data-enabled='true']"))?.focus();
+		}
+	}, [
+		T,
+		z,
+		F,
+		w
+	]);
+	function Ce(e) {
+		return H.find((t) => t.id === e) ?? be.find((t) => t.id === e);
+	}
+	function we(e) {
+		let t = Ce(e);
+		!t || t.disabled || t.submenu || (le?.(e), ue && (J(!1), Y()?.focus()));
+	}
+	function Z(e) {
+		let t = H.find((t) => t.id === e);
+		!t || t.disabled || (M(e), P(t.submenu ? e : null));
+	}
+	function Q(e) {
+		if (U.length === 0) return;
+		let t = ((W ? U.indexOf(W) : -1) + e + U.length) % U.length;
+		Z(U[t]), X(k.current, U[t])?.focus();
+	}
+	function Te(e) {
+		if (e.target instanceof HTMLInputElement) {
+			e.key === "ArrowDown" && (e.preventDefault(), U[0] && (Z(U[0]), X(k.current, U[0])?.focus())), e.key === "Tab" && J(!1), e.key === "Enter" && e.preventDefault();
+			return;
+		}
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), Q(1);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), Q(-1);
+				break;
+			case "ArrowRight":
+				if (G?.submenu) {
+					e.preventDefault(), P(G.id);
+					let t = p(G.submenu).find((e) => !e.disabled);
+					t && requestAnimationFrame(() => X(A.current, t.id)?.focus());
+				}
+				break;
+			case "Home":
+				e.preventDefault(), U[0] && (Z(U[0]), X(k.current, U[0])?.focus());
+				break;
+			case "End":
+				if (e.preventDefault(), U[U.length - 1]) {
+					let e = U[U.length - 1];
+					Z(e), X(k.current, e)?.focus();
+				}
+				break;
+			case "Tab": J(!1);
+		}
+	}
+	function Ee(e) {
+		let t = document.activeElement instanceof HTMLElement ? document.activeElement.dataset.id : null, n = t ? q.indexOf(t) : -1;
+		switch (e.key) {
+			case "ArrowDown": {
+				if (e.preventDefault(), q.length === 0) return;
+				let t = (n + 1 + q.length) % q.length;
+				X(A.current, q[t])?.focus();
+				break;
+			}
+			case "ArrowUp": {
+				if (e.preventDefault(), q.length === 0) return;
+				let t = (n - 1 + q.length) % q.length;
+				X(A.current, q[t])?.focus();
+				break;
+			}
+			case "ArrowLeft":
+				e.preventDefault(), P(null), N && X(k.current, N)?.focus();
+				break;
+			case "Escape":
+				e.preventDefault(), P(null), N && X(k.current, N)?.focus();
+				break;
+			case "Tab": J(!1);
+		}
+	}
+	function De(t, n) {
+		return t.map((t, r) => /* @__PURE__ */ f("div", {
+			className: i.group,
+			role: "group",
+			"aria-label": t.heading,
+			children: [t.heading ? /* @__PURE__ */ d("div", {
+				className: i.heading,
+				children: t.heading
+			}) : null, t.items.map((t) => {
+				let r = !n && t.id === W, a = !!(t.submenu && t.submenu.length > 0), o = !!t.href && !t.disabled && !a, s = [
+					i.item,
+					r || N === t.id ? i.itemHighlighted : "",
+					t.disabled ? i.itemDisabled : "",
+					t.danger ? i.itemDanger : "",
+					t.description ? i.itemWithDescription : ""
+				].filter(Boolean).join(" "), c = typeof t.selected == "boolean" && !t.checkbox, l = /* @__PURE__ */ f(te, { children: [
+					t.checkbox ? /* @__PURE__ */ d("span", {
+						className: i.itemCheckbox,
+						inert: !0,
+						"aria-hidden": !0,
+						children: /* @__PURE__ */ d(ee, {
+							id: `${E}-cb-${t.id}`,
+							size: "sm",
+							checked: !!t.selected,
+							ariaLabel: t.label,
+							onChange: () => {}
+						})
+					}) : c ? t.selected ? /* @__PURE__ */ d(e, {
+						name: "Check",
+						size: 16,
+						className: i.itemCheck
+					}) : /* @__PURE__ */ d("span", { className: i.itemCheck }) : t.icon ? /* @__PURE__ */ d(e, {
+						name: t.icon,
+						size: 16,
+						className: i.itemIcon
+					}) : null,
+					/* @__PURE__ */ f("span", {
+						className: i.itemText,
+						children: [/* @__PURE__ */ d("span", {
+							className: i.itemLabel,
+							children: t.label
+						}), t.description ? /* @__PURE__ */ d("span", {
+							className: i.itemDescription,
+							children: t.description
+						}) : null]
+					}),
+					t.shortcut ? /* @__PURE__ */ d("span", {
+						className: i.shortcut,
+						children: t.shortcut
+					}) : null,
+					a ? /* @__PURE__ */ d(e, {
+						name: "ChevronRight",
+						size: 16,
+						className: i.itemChevron
+					}) : null
+				] }), u = {
+					className: s,
+					role: t.checkbox ? "menuitemcheckbox" : "menuitem",
+					"data-id": t.id,
+					"data-enabled": t.disabled ? "false" : "true",
+					"aria-checked": t.checkbox ? !!t.selected : void 0,
+					"aria-disabled": t.disabled || void 0,
+					"aria-haspopup": a ? "menu" : void 0,
+					"aria-expanded": a ? N === t.id : void 0,
+					tabIndex: r ? 0 : -1,
+					onMouseEnter: () => {
+						t.disabled || n || Z(t.id);
+					},
+					onClick: () => {
+						if (a) {
+							P(t.id);
+							return;
+						}
+						we(t.id);
+					}
+				};
+				return o ? /* @__PURE__ */ d("a", {
+					href: t.href,
+					...u,
+					children: l
+				}, t.id) : /* @__PURE__ */ d("button", {
+					type: "button",
+					...u,
+					children: l
+				}, t.id);
+			})]
+		}, t.heading ?? `group-${r}`));
+	}
+	let $ = !!(m && m.trim()), Oe = [
+		i.panel,
+		x === 2 ? i.panelColumns : "",
+		w ? i.panelSearchable : ""
+	].filter(Boolean).join(" "), ke = T && z && F ? ne(/* @__PURE__ */ f("div", {
+		ref: k,
+		id: D,
+		role: "menu",
+		"aria-label": v || m || "Menu",
+		className: Oe,
+		style: F,
+		onKeyDown: Te,
+		children: [w ? /* @__PURE__ */ d("div", {
+			className: i.search,
+			children: /* @__PURE__ */ d(n, {
+				id: ye,
+				size: "sm",
+				type: "search",
+				iconStart: "Search",
+				placeholder: pe,
+				value: B,
+				onChange: ve,
+				ariaLabel: "Search options"
+			})
+		}) : null, V.length === 0 ? /* @__PURE__ */ d("div", {
+			className: i.empty,
+			children: "No results."
+		}) : De(V, !1)]
+	}), document.body) : null, Ae = T && z && N && K && L ? ne(/* @__PURE__ */ d("div", {
+		ref: A,
+		role: "menu",
+		"aria-label": H.find((e) => e.id === N)?.label || "Submenu",
+		className: i.panel,
+		style: L,
+		onKeyDown: Ee,
+		onMouseEnter: () => P(N),
+		children: De(K, !0)
+	}), document.body) : null, je = h === "field", Me = h === "nav", Ne = y === "sm" ? 14 : y === "lg" ? 18 : 16;
+	return /* @__PURE__ */ f("div", {
+		ref: O,
+		className: `${i.root}${je ? ` ${i.rootField}` : ""}`,
+		children: [
+			je ? /* @__PURE__ */ f("button", {
+				type: "button",
+				id: ie,
+				disabled: _,
+				"aria-label": v,
+				"aria-invalid": ae || void 0,
+				"aria-describedby": oe,
+				className: `${i.fieldTrigger} ${i[`field${y}`]}${ae ? ` ${i.fieldError}` : ""}${de ? ` ${i.fieldMuted}` : ""}`,
+				onClick: () => {
+					_ || J(!T);
+				},
+				children: [/* @__PURE__ */ f("span", {
+					className: i.fieldMain,
+					children: [/* @__PURE__ */ d("span", {
+						className: i.fieldLabel,
+						children: m || "Select"
+					}), fe ? /* @__PURE__ */ d(r, {
+						size: "sm",
+						tone: "neutral",
+						children: fe
+					}) : null]
+				}), /* @__PURE__ */ d(e, {
+					name: g || "ChevronsUpDown",
+					size: Ne,
+					className: i.fieldIcon
+				})]
+			}) : Me ? /* @__PURE__ */ f("button", {
+				type: "button",
+				id: ie,
+				disabled: _,
+				"aria-label": v,
+				"aria-haspopup": "menu",
+				"aria-expanded": T,
+				"aria-controls": D,
+				className: `${i.navTrigger}${T ? ` ${i.navOpen}` : ""}`,
+				onClick: () => {
+					_ || J(!T);
+				},
+				children: [$ ? m : null, /* @__PURE__ */ d(e, {
+					name: "ChevronDown",
+					size: 14,
+					className: i.navChevron
+				})]
+			}) : /* @__PURE__ */ d(t, {
+				variant: se,
+				size: y,
+				iconStart: re,
+				iconEnd: g,
+				ariaLabel: $ ? void 0 : v,
+				onClick: () => J(!T),
+				children: $ ? m : void 0
+			}),
+			ke,
+			Ae
+		]
+	});
+}
+//#endregion
+export { m as DropdownMenu };
+
+//# sourceMappingURL=DropdownMenu.js.map

package/dist/ui/DropdownMenu/DropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../ui/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type CSSProperties,\n  type KeyboardEvent as ReactKeyboardEvent,\n  type ReactNode,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Badge } from \"../Badge\";\nimport { Button } from \"../Button\";\nimport { Checkbox } from \"../Checkbox\";\nimport { Input } from \"../Input\";\nimport { LucideByName } from \"../Button/lucideName\";\nimport type { DropdownMenuGroup, DropdownMenuItem, DropdownMenuProps } from \"./DropdownMenu.types\";\nimport styles from \"./DropdownMenu.module.css\";\n\nexport type {\n  DropdownMenuProps,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuAlign,\n  DropdownMenuTriggerStyle,\n} from \"./DropdownMenu.types\";\n\nfunction flattenItems(groups: DropdownMenuGroup[]): DropdownMenuItem[] {\n  return groups.flatMap((group) => group.items);\n}\n\nexport function DropdownMenu({\n  trigger,\n  triggerStyle = \"button\",\n  iconStart,\n  iconEnd,\n  id,\n  disabled = false,\n  error = false,\n  describedBy,\n  ariaLabel,\n  variant = \"secondary\",\n  size = \"md\",\n  align = \"start\",\n  columns = 1,\n  groups,\n  open: openProp,\n  onOpenChange,\n  onSelect,\n  closeOnSelect = true,\n  triggerMuted = false,\n  triggerBadge,\n  searchable = false,\n  searchPlaceholder = \"Search\",\n}: DropdownMenuProps) {\n  const isControlled = typeof openProp === \"boolean\";\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(false);\n  const open = isControlled ? openProp : uncontrolledOpen;\n  const uid = useId();\n  const menuId = `${uid}-menu`;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const subPanelRef = useRef<HTMLDivElement>(null);\n  const [highlightId, setHighlightId] = useState<string | null>(null);\n  const [openSubId, setOpenSubId] = useState<string | null>(null);\n  const [coords, setCoords] = useState<CSSProperties | null>(null);\n  const [subCoords, setSubCoords] = useState<CSSProperties | null>(null);\n  const [mounted, setMounted] = useState(false);\n  const [query, setQuery] = useState(\"\");\n  const searchId = `${uid}-search`;\n\n  const visibleGroups = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!q) return groups;\n    return groups\n      .map((group) => ({\n        ...group,\n        items: group.items.filter((item) => item.label.toLowerCase().includes(q)),\n      }))\n      .filter((group) => group.items.length > 0);\n  }, [groups, query]);\n\n  const mainItems = useMemo(() => flattenItems(visibleGroups), [visibleGroups]);\n  const enabledIds = useMemo(\n    () => mainItems.filter((item) => !item.disabled).map((item) => item.id),\n    [mainItems],\n  );\n  const activeId =\n    highlightId && enabledIds.includes(highlightId) ? highlightId : (enabledIds[0] ?? null);\n  const activeItem = mainItems.find((item) => item.id === activeId) ?? null;\n  const subGroups = mainItems.find((item) => item.id === openSubId)?.submenu;\n  const subItems = subGroups ? flattenItems(subGroups) : [];\n  const subEnabledIds = subItems.filter((item) => !item.disabled).map((item) => item.id);\n\n  function setOpen(next: boolean) {\n    if (!isControlled) setUncontrolledOpen(next);\n    onOpenChange?.(next);\n    if (!next) {\n      setHighlightId(null);\n      setOpenSubId(null);\n      setQuery(\"\");\n    }\n  }\n\n  function triggerButton(): HTMLButtonElement | null {\n    return rootRef.current?.querySelector(\"button\") ?? null;\n  }\n\n  function queryItem(root: HTMLElement | null, id: string): HTMLElement | null {\n    const escaped = typeof CSS !== \"undefined\" && CSS.escape ? CSS.escape(id) : id;\n    return root?.querySelector<HTMLElement>(`[data-id=\"${escaped}\"]`) ?? null;\n  }\n\n  function placePanel() {\n    const button = triggerButton();\n    if (!button) return;\n    const rect = button.getBoundingClientRect();\n    const next: CSSProperties = {\n      top: rect.bottom + 4,\n    };\n    if (columns === 2) {\n      next.minWidth = \"28rem\";\n    } else if (triggerStyle === \"field\") {\n      next.minWidth = rect.width;\n    } else {\n      next.minWidth = Math.max(216, rect.width);\n    }\n    if (align === \"end\") {\n      next.right = window.innerWidth - rect.right;\n      next.left = \"auto\";\n    } else {\n      next.left = rect.left;\n      next.right = \"auto\";\n    }\n    setCoords(next);\n  }\n\n  function placeSubPanel(id: string) {\n    const el = queryItem(panelRef.current, id);\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    const next: CSSProperties = { top: rect.top, minWidth: 160 };\n    if (window.innerWidth - rect.right < 168) {\n      next.right = window.innerWidth - rect.left + 4;\n      next.left = \"auto\";\n    } else {\n      next.left = rect.right + 4;\n      next.right = \"auto\";\n    }\n    setSubCoords(next);\n  }\n\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  useLayoutEffect(() => {\n    const button = triggerButton();\n    if (!button) return;\n    button.setAttribute(\"aria-haspopup\", \"menu\");\n    button.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n    button.setAttribute(\"aria-controls\", menuId);\n  }, [open, menuId]);\n\n  useLayoutEffect(() => {\n    if (!open) {\n      setCoords(null);\n      return;\n    }\n    placePanel();\n  }, [open, align, size, triggerStyle, columns]);\n\n  useLayoutEffect(() => {\n    if (!open || !openSubId) {\n      setSubCoords(null);\n      return;\n    }\n    placeSubPanel(openSubId);\n  }, [open, openSubId, coords]);\n\n  useEffect(() => {\n    if (!open) return undefined;\n\n    function onPointerDown(event: PointerEvent) {\n      const target = event.target as Node;\n      if (\n        rootRef.current?.contains(target) ||\n        panelRef.current?.contains(target) ||\n        subPanelRef.current?.contains(target)\n      ) {\n        return;\n      }\n      setOpen(false);\n    }\n\n    function onDocumentKey(event: globalThis.KeyboardEvent) {\n      if (event.key === \"Escape\") {\n        event.preventDefault();\n        if (openSubId) {\n          setOpenSubId(null);\n          if (activeId) queryItem(panelRef.current, activeId)?.focus();\n          return;\n        }\n        setOpen(false);\n        triggerButton()?.focus();\n      }\n    }\n\n    function onReposition() {\n      placePanel();\n      if (openSubId) placeSubPanel(openSubId);\n    }\n\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onDocumentKey);\n    window.addEventListener(\"resize\", onReposition);\n    window.addEventListener(\"scroll\", onReposition, true);\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onDocumentKey);\n      window.removeEventListener(\"resize\", onReposition);\n      window.removeEventListener(\"scroll\", onReposition, true);\n    };\n  }, [open, align, size, columns, openSubId, activeId]);\n\n  useEffect(() => {\n    if (!open || !mounted) return;\n    if (searchable) {\n      panelRef.current?.querySelector<HTMLInputElement>(\"input\")?.focus();\n      return;\n    }\n    const item = panelRef.current?.querySelector<HTMLElement>(\"[role='menuitem'][data-enabled='true'], [role='menuitemcheckbox'][data-enabled='true']\");\n    item?.focus();\n  }, [open, mounted, coords, searchable]);\n\n  function findItem(id: string): DropdownMenuItem | undefined {\n    return mainItems.find((item) => item.id === id) ?? subItems.find((item) => item.id === id);\n  }\n\n  function select(id: string) {\n    const item = findItem(id);\n    if (!item || item.disabled || item.submenu) return;\n    onSelect?.(id);\n    if (!closeOnSelect) return;\n    setOpen(false);\n    triggerButton()?.focus();\n  }\n\n  function highlight(id: string) {\n    const item = mainItems.find((entry) => entry.id === id);\n    if (!item || item.disabled) return;\n    setHighlightId(id);\n    setOpenSubId(item.submenu ? id : null);\n  }\n\n  function move(delta: number) {\n    if (enabledIds.length === 0) return;\n    const current = activeId ? enabledIds.indexOf(activeId) : -1;\n    const next = (current + delta + enabledIds.length) % enabledIds.length;\n    highlight(enabledIds[next]);\n    queryItem(panelRef.current, enabledIds[next])?.focus();\n  }\n\n  function onMenuKeyDown(event: ReactKeyboardEvent<HTMLDivElement>) {\n    const inSearch = event.target instanceof HTMLInputElement;\n    if (inSearch) {\n      if (event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (enabledIds[0]) {\n          highlight(enabledIds[0]);\n          queryItem(panelRef.current, enabledIds[0])?.focus();\n        }\n      }\n      if (event.key === \"Tab\") setOpen(false);\n      if (event.key === \"Enter\") event.preventDefault();\n      return;\n    }\n    switch (event.key) {\n      case \"ArrowDown\":\n        event.preventDefault();\n        move(1);\n        break;\n      case \"ArrowUp\":\n        event.preventDefault();\n        move(-1);\n        break;\n      case \"ArrowRight\":\n        if (activeItem?.submenu) {\n          event.preventDefault();\n          setOpenSubId(activeItem.id);\n          const first = flattenItems(activeItem.submenu).find((item) => !item.disabled);\n          if (first) {\n            requestAnimationFrame(() => queryItem(subPanelRef.current, first.id)?.focus());\n          }\n        }\n        break;\n      case \"Home\":\n        event.preventDefault();\n        if (enabledIds[0]) {\n          highlight(enabledIds[0]);\n          queryItem(panelRef.current, enabledIds[0])?.focus();\n        }\n        break;\n      case \"End\":\n        event.preventDefault();\n        if (enabledIds[enabledIds.length - 1]) {\n          const last = enabledIds[enabledIds.length - 1];\n          highlight(last);\n          queryItem(panelRef.current, last)?.focus();\n        }\n        break;\n      case \"Tab\":\n        setOpen(false);\n        break;\n      default:\n        break;\n    }\n  }\n\n  function onSubKeyDown(event: ReactKeyboardEvent<HTMLDivElement>) {\n    const current = document.activeElement instanceof HTMLElement ? document.activeElement.dataset.id : null;\n    const index = current ? subEnabledIds.indexOf(current) : -1;\n    switch (event.key) {\n      case \"ArrowDown\": {\n        event.preventDefault();\n        if (subEnabledIds.length === 0) return;\n        const next = (index + 1 + subEnabledIds.length) % subEnabledIds.length;\n        queryItem(subPanelRef.current, subEnabledIds[next])?.focus();\n        break;\n      }\n      case \"ArrowUp\": {\n        event.preventDefault();\n        if (subEnabledIds.length === 0) return;\n        const next = (index - 1 + subEnabledIds.length) % subEnabledIds.length;\n        queryItem(subPanelRef.current, subEnabledIds[next])?.focus();\n        break;\n      }\n      case \"ArrowLeft\":\n        event.preventDefault();\n        setOpenSubId(null);\n        if (openSubId) queryItem(panelRef.current, openSubId)?.focus();\n        break;\n      case \"Escape\":\n        event.preventDefault();\n        setOpenSubId(null);\n        if (openSubId) queryItem(panelRef.current, openSubId)?.focus();\n        break;\n      case \"Tab\":\n        setOpen(false);\n        break;\n      default:\n        break;\n    }\n  }\n\n  function renderItems(list: DropdownMenuGroup[], inSubmenu: boolean): ReactNode {\n    return list.map((group, groupIndex) => (\n      <div\n        key={group.heading ?? `group-${groupIndex}`}\n        className={styles.group}\n        role=\"group\"\n        aria-label={group.heading}\n      >\n        {group.heading ? <div className={styles.heading}>{group.heading}</div> : null}\n        {group.items.map((item) => {\n          const highlighted = !inSubmenu && item.id === activeId;\n          const hasSub = Boolean(item.submenu && item.submenu.length > 0);\n          const asLink = Boolean(item.href) && !item.disabled && !hasSub;\n          const className = [\n            styles.item,\n            highlighted || openSubId === item.id ? styles.itemHighlighted : \"\",\n            item.disabled ? styles.itemDisabled : \"\",\n            item.danger ? styles.itemDanger : \"\",\n            item.description ? styles.itemWithDescription : \"\",\n          ]\n            .filter(Boolean)\n            .join(\" \");\n          const showCheck = typeof item.selected === \"boolean\" && !item.checkbox;\n          const body = (\n            <>\n              {item.checkbox ? (\n                <span className={styles.itemCheckbox} inert aria-hidden>\n                  <Checkbox\n                    id={`${uid}-cb-${item.id}`}\n                    size=\"sm\"\n                    checked={Boolean(item.selected)}\n                    ariaLabel={item.label}\n                    onChange={() => {}}\n                  />\n                </span>\n              ) : showCheck ? (\n                item.selected ? (\n                  <LucideByName name=\"Check\" size={16} className={styles.itemCheck} />\n                ) : (\n                  <span className={styles.itemCheck} />\n                )\n              ) : item.icon ? (\n                <LucideByName name={item.icon} size={16} className={styles.itemIcon} />\n              ) : null}\n              <span className={styles.itemText}>\n                <span className={styles.itemLabel}>{item.label}</span>\n                {item.description ? (\n                  <span className={styles.itemDescription}>{item.description}</span>\n                ) : null}\n              </span>\n              {item.shortcut ? <span className={styles.shortcut}>{item.shortcut}</span> : null}\n              {hasSub ? <LucideByName name=\"ChevronRight\" size={16} className={styles.itemChevron} /> : null}\n            </>\n          );\n          const shared = {\n            className,\n            role: (item.checkbox ? \"menuitemcheckbox\" : \"menuitem\") as \"menuitem\" | \"menuitemcheckbox\",\n            \"data-id\": item.id,\n            \"data-enabled\": item.disabled ? \"false\" : \"true\",\n            \"aria-checked\": item.checkbox ? Boolean(item.selected) : undefined,\n            \"aria-disabled\": item.disabled || undefined,\n            \"aria-haspopup\": hasSub ? (\"menu\" as const) : undefined,\n            \"aria-expanded\": hasSub ? openSubId === item.id : undefined,\n            tabIndex: highlighted ? 0 : -1,\n            onMouseEnter: () => {\n              if (item.disabled) return;\n              if (inSubmenu) return;\n              highlight(item.id);\n            },\n            onClick: () => {\n              if (hasSub) {\n                setOpenSubId(item.id);\n                return;\n              }\n              select(item.id);\n            },\n          };\n          if (asLink) {\n            return (\n              <a key={item.id} href={item.href} {...shared}>\n                {body}\n              </a>\n            );\n          }\n          return (\n            <button key={item.id} type=\"button\" {...shared}>\n              {body}\n            </button>\n          );\n        })}\n      </div>\n    ));\n  }\n\n  const hasLabel = Boolean(trigger && trigger.trim());\n\n  const panelClass = [\n    styles.panel,\n    columns === 2 ? styles.panelColumns : \"\",\n    searchable ? styles.panelSearchable : \"\",\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n\n  const panel =\n    open && mounted && coords\n      ? createPortal(\n          <div\n            ref={panelRef}\n            id={menuId}\n            role=\"menu\"\n            aria-label={ariaLabel || trigger || \"Menu\"}\n            className={panelClass}\n            style={coords}\n            onKeyDown={onMenuKeyDown}\n          >\n            {searchable ? (\n              <div className={styles.search}>\n                <Input\n                  id={searchId}\n                  size=\"sm\"\n                  type=\"search\"\n                  iconStart=\"Search\"\n                  placeholder={searchPlaceholder}\n                  value={query}\n                  onChange={setQuery}\n                  ariaLabel=\"Search options\"\n                />\n              </div>\n            ) : null}\n            {visibleGroups.length === 0 ? (\n              <div className={styles.empty}>No results.</div>\n            ) : (\n              renderItems(visibleGroups, false)\n            )}\n          </div>,\n          document.body,\n        )\n      : null;\n\n  const subPanel =\n    open && mounted && openSubId && subGroups && subCoords\n      ? createPortal(\n          <div\n            ref={subPanelRef}\n            role=\"menu\"\n            aria-label={mainItems.find((item) => item.id === openSubId)?.label || \"Submenu\"}\n            className={styles.panel}\n            style={subCoords}\n            onKeyDown={onSubKeyDown}\n            onMouseEnter={() => setOpenSubId(openSubId)}\n          >\n            {renderItems(subGroups, true)}\n          </div>,\n          document.body,\n        )\n      : null;\n\n  const fieldTrigger = triggerStyle === \"field\";\n  const navTrigger = triggerStyle === \"nav\";\n  const iconPx = size === \"sm\" ? 14 : size === \"lg\" ? 18 : 16;\n\n  return (\n    <div ref={rootRef} className={`${styles.root}${fieldTrigger ? ` ${styles.rootField}` : \"\"}`}>\n      {fieldTrigger ? (\n        <button\n          type=\"button\"\n          id={id}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-invalid={error || undefined}\n          aria-describedby={describedBy}\n          className={`${styles.fieldTrigger} ${styles[`field${size}`]}${error ? ` ${styles.fieldError}` : \"\"}${triggerMuted ? ` ${styles.fieldMuted}` : \"\"}`}\n          onClick={() => {\n            if (!disabled) setOpen(!open);\n          }}\n        >\n          <span className={styles.fieldMain}>\n            <span className={styles.fieldLabel}>{trigger || \"Select\"}</span>\n            {triggerBadge ? (\n              <Badge size=\"sm\" tone=\"neutral\">\n                {triggerBadge}\n              </Badge>\n            ) : null}\n          </span>\n          <LucideByName name={iconEnd || \"ChevronsUpDown\"} size={iconPx} className={styles.fieldIcon} />\n        </button>\n      ) : navTrigger ? (\n        <button\n          type=\"button\"\n          id={id}\n          disabled={disabled}\n          aria-label={ariaLabel}\n          aria-haspopup=\"menu\"\n          aria-expanded={open}\n          aria-controls={menuId}\n          className={`${styles.navTrigger}${open ? ` ${styles.navOpen}` : \"\"}`}\n          onClick={() => {\n            if (!disabled) setOpen(!open);\n          }}\n        >\n          {hasLabel ? trigger : null}\n          <LucideByName name=\"ChevronDown\" size={14} className={styles.navChevron} />\n        </button>\n      ) : (\n        <Button\n          variant={variant}\n          size={size}\n          iconStart={iconStart}\n          iconEnd={iconEnd}\n          ariaLabel={hasLabel ? undefined : ariaLabel}\n          onClick={() => setOpen(!open)}\n        >\n          {hasLabel ? trigger : undefined}\n        </Button>\n      )}\n      {panel}\n      {subPanel}\n    </div>\n  );\n}\n"],"mappings":"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"}