@g4rcez/components 4.1.3 → 5.0.0

package/dist/components/floating/menu.js

@@ -1,177 +1,195 @@
-import { jsxs as x, jsx as t } from "react/jsx-runtime";
-import { p as Y, q, r as te, t as $, u as se, o as ne, f as oe, s as ae, b as ie, d as re, j as le, v as de, w as ce, n as ue, k as fe, x as me, c as ge, y as ve, z as pe, F as Ie, m as xe, A as Fe } from "../../floating-ui.react-M2PGXLDp.js";
-import { S as be } from "../../slot-CRyweuj0.js";
-import { e as he } from "../../CaretRight.es-0-M8D9y8.js";
-import M, { createContext as ye, useState as k, useRef as _, useContext as G, useEffect as j, Fragment as Ne } from "react";
-import { F as Pe, T as we } from "../../constants-r-AHn273.js";
-import { c as C, m as R } from "../../dom-CyQHY7ID.js";
-const U = (o = "") => C(
-  "w-full min-w-36 outline-none p-2.5 items-center flex justify-between text-left",
-  "hover:bg-primary focus:bg-primary aria-expanded:opacity-80",
-  "focus:text-primary-foreground hover:text-primary-foreground",
-  "first-of-type:rounded-t-lg last-of-type:rounded-b-lg",
-  "disabled:opacity-40 disabled:cursor-not-allowed",
-  o
-), A = ye({
-  isOpen: !1,
-  activeIndex: null,
-  getItemProps: () => ({}),
-  setActiveIndex: () => {
-  },
-  setHasFocusInside: () => {
-  }
-}), D = M.forwardRef(
-  ({ children: o, FloatingComponent: i = "div", hover: g = !0, open: F, isParent: r = !1, restoreFocus: b = !1, floatingClassName: d = "", label: v, ...n }, c) => {
-    const [s, h] = k(F ?? !1), [E, y] = k(!1), [N, P] = k(null), H = _([]), T = _([]), u = G(A), p = Y(), a = q(), f = te(), I = $(), e = p !== null, { floatingStyles: B, refs: w, context: l } = se({
-      nodeId: f,
-      open: s,
-      transform: !0,
-      strategy: "absolute",
-      onOpenChange: h,
-      whileElementsMounted: ie,
-      placement: e ? "right" : "bottom-start",
-      middleware: [ne({ mainAxis: e ? 0 : 4, alignmentAxis: e ? -4 : 0 }), oe(), ae()]
-    }), J = re(l, { role: "menu" }), K = le(l, { bubbles: !0 }), Q = de(l, {
-      move: !1,
-      enabled: g,
-      delay: { open: Pe },
-      handleClose: ce({ blockPointerEvents: !0, requireIntent: !1 })
-    }), V = ue(l, {
-      toggle: !e,
-      event: "mousedown",
-      ignoreMouse: e,
-      keyboardHandlers: !0
-    }), W = fe(l, {
-      loop: !0,
-      activeIndex: N,
-      nested: e,
-      listRef: H,
-      onNavigate: P
-    }), X = me(l, {
-      activeIndex: N,
-      listRef: T,
-      resetMs: we,
-      onMatch: s ? P : void 0
-    }), { getReferenceProps: L, getFloatingProps: Z, getItemProps: ee } = ge([Q, V, J, K, W, X]);
-    j(() => {
-      if (!a) return;
-      const m = () => h(!1), S = (z) => {
-        z.nodeId !== f && z.parentId === p && h(!1);
-      };
-      return a.events.on("click", m), a.events.on("menuopen", S), () => {
-        a.events.off("click", m), a.events.off("menuopen", S);
-      };
-    }, [a, f, p]), j(() => {
-      s && a && a.events.emit("menuopen", { parentId: p, nodeId: f });
-    }, [a, s, f, p]);
-    const O = r ? n.className : C(U(n.className));
-    return /* @__PURE__ */ x(ve, { id: f, children: [
-      /* @__PURE__ */ t(Ne, { children: n.asChild ? /* @__PURE__ */ t(
-        be,
-        {
-          ...L(
-            u.getItemProps({
-              ...n,
-              onFocus(m) {
-                n.onFocus?.(m), y(!1), u.setHasFocusInside(!0);
-              }
-            })
-          ),
-          children: v,
-          className: O,
-          "data-open": s ? "" : void 0,
-          "data-nested": e ? "" : void 0,
-          role: e ? "menuitem" : void 0,
-          "data-focus-inside": E ? "" : void 0,
-          ref: R(w.setReference, I.ref, c),
-          tabIndex: e ? u.activeIndex === I.index ? 0 : -1 : void 0
-        }
-      ) : /* @__PURE__ */ x(
-        "button",
-        {
-          type: "button",
-          className: O,
-          "data-open": s ? "" : void 0,
-          "data-nested": e ? "" : void 0,
-          role: e ? "menuitem" : void 0,
-          "data-focus-inside": E ? "" : void 0,
-          ref: R(w.setReference, I.ref, c),
-          tabIndex: e ? u.activeIndex === I.index ? 0 : -1 : void 0,
-          ...L(
-            u.getItemProps({
-              ...n,
-              onFocus(m) {
-                n.onFocus?.(m), y(!1), u.setHasFocusInside(!0);
-              }
-            })
-          ),
-          children: [
-            v,
-            e && /* @__PURE__ */ x("span", { style: { marginLeft: 10, fontSize: 10 }, children: [
-              /* @__PURE__ */ t("span", { className: "sr-only", children: "Next menu" }),
-              /* @__PURE__ */ t(he, { size: 14 })
-            ] })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ t(A.Provider, { value: { activeIndex: N, setActiveIndex: P, getItemProps: ee, setHasFocusInside: y, isOpen: s }, children: /* @__PURE__ */ t(pe, { elementsRef: H, labelsRef: T, children: s && /* @__PURE__ */ t(Ie, { children: /* @__PURE__ */ t(
-        xe,
-        {
-          context: l,
-          modal: !1,
-          initialFocus: e ? -1 : 0,
-          returnFocus: r ? b : !e,
-          children: /* @__PURE__ */ t(
-            i,
-            {
-              ...Z(),
-              ref: w.setFloating,
-              style: { ...n.style, ...B },
-              className: C(
-                "isolate z-tooltip flex max-h-80 flex-col items-start overflow-y-auto rounded-lg border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none",
-                d
-              ),
-              children: o
-            }
-          )
-        }
-      ) }) }) })
-    ] });
-  }
-), Te = M.forwardRef(
-  ({ title: o, Right: i, disabled: g, children: F, ...r }, b) => {
-    const d = G(A), v = $({ label: g ? null : o }), n = q(), c = v.index === d.activeIndex;
-    return /* @__PURE__ */ x(
-      "button",
-      {
-        ...r,
-        title: o,
-        type: "button",
-        role: "menuitem",
-        disabled: g,
-        "data-active": c,
-        "data-open": d.isOpen,
-        tabIndex: c ? 0 : -1,
-        ref: R(v.ref, b),
-        className: U(`${r.className ?? ""} ${c ? "bg-primary text-primary-foreground" : ""}`),
-        ...d.getItemProps({
-          onClick(s) {
-            r.onClick?.(s), n?.events.emit("click");
-          },
-          onFocus(s) {
-            r.onFocus?.(s), d.setHasFocusInside(!0);
-          }
-        }),
-        children: [
-          F,
-          i ? /* @__PURE__ */ t(i, { size: 16 }) : null
-        ]
-      }
-    );
-  }
-), Le = M.forwardRef((o, i) => Y() === null ? /* @__PURE__ */ t(Fe, { children: /* @__PURE__ */ t(D, { ...o, isParent: !0, ref: i }) }) : /* @__PURE__ */ t(D, { ...o, isParent: !1, ref: i }));
-export {
-  Le as Menu,
-  Te as MenuItem
-};
-//# sourceMappingURL=menu.js.map
+"use client";
+import { t as e, u as t } from "../../dom-Bn4wY_Zx.js";
+import { t as n } from "../../CaretRight.es-B2mpMfqU.js";
+import { A as r, C as i, D as a, E as o, O as s, _ as c, b as l, c as u, d, f as ee, h as f, i as te, l as p, m, n as ne, o as re, p as h, r as ie, s as g, v as ae, x as oe, y as _ } from "../../floating-ui.react-CwXtBJ_y.js";
+import { t as v } from "../../slot-pC8kH9De.js";
+import y, { Fragment as b, createContext as x, useContext as S, useEffect as C, useRef as w, useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region src/components/floating/menu.tsx
+var O = (t = "") => e("w-full min-w-36 outline-none p-menu-item-p items-center flex justify-between text-left", "hover:bg-primary focus:bg-primary aria-expanded:opacity-80", "focus:text-primary-foreground hover:text-primary-foreground", "first-of-type:rounded-t-menu-radius last-of-type:rounded-b-menu-radius", "disabled:opacity-40 disabled:cursor-not-allowed", t), k = x({
+	isOpen: !1,
+	activeIndex: null,
+	getItemProps: () => ({}),
+	setActiveIndex: () => {},
+	setHasFocusInside: () => {}
+}), A = y.forwardRef(({ children: g, FloatingComponent: y = "div", hover: x = !0, open: A, isParent: j = !1, restoreFocus: M = !1, floatingClassName: se = "", label: N, ...P }, F) => {
+	let [I, L] = T(A ?? !1), [R, z] = T(!1), [B, V] = T(null), H = w([]), U = w([]), W = S(k), G = m(), K = f(), q = h(), J = _(), Y = G !== null, { floatingStyles: ce, refs: X, context: Z } = ee({
+		nodeId: q,
+		open: I,
+		transform: !0,
+		strategy: "absolute",
+		onOpenChange: L,
+		whileElementsMounted: r,
+		placement: Y ? "right" : "bottom-start",
+		middleware: [
+			a({
+				mainAxis: Y ? 0 : 4,
+				alignmentAxis: Y ? -4 : 0
+			}),
+			o(),
+			s()
+		]
+	}), le = oe(Z, { role: "menu" }), ue = d(Z, { bubbles: !0 }), { getReferenceProps: Q, getFloatingProps: de, getItemProps: fe } = ae([
+		c(Z, {
+			move: !1,
+			enabled: x,
+			delay: { open: 200 },
+			handleClose: u({
+				blockPointerEvents: !0,
+				requireIntent: !1
+			})
+		}),
+		p(Z, {
+			toggle: !Y,
+			event: "mousedown",
+			ignoreMouse: Y,
+			keyboardHandlers: !0
+		}),
+		le,
+		ue,
+		l(Z, {
+			loop: !0,
+			activeIndex: B,
+			nested: Y,
+			listRef: H,
+			onNavigate: V
+		}),
+		i(Z, {
+			activeIndex: B,
+			listRef: U,
+			resetMs: 500,
+			onMatch: I ? V : void 0
+		})
+	]);
+	C(() => {
+		if (!K) return;
+		let e = () => L(!1), t = (e) => {
+			e.nodeId !== q && e.parentId === G && L(!1);
+		};
+		return K.events.on("click", e), K.events.on("menuopen", t), () => {
+			K.events.off("click", e), K.events.off("menuopen", t);
+		};
+	}, [
+		K,
+		q,
+		G
+	]), C(() => {
+		I && K && K.events.emit("menuopen", {
+			parentId: G,
+			nodeId: q
+		});
+	}, [
+		K,
+		I,
+		q,
+		G
+	]);
+	let $ = j ? P.className : e(O(P.className));
+	return /* @__PURE__ */ D(te, {
+		id: q,
+		children: [/* @__PURE__ */ E(b, { children: P.asChild ? /* @__PURE__ */ E(v, {
+			...Q(W.getItemProps({
+				...P,
+				onFocus(e) {
+					P.onFocus?.(e), z(!1), W.setHasFocusInside(!0);
+				}
+			})),
+			className: $,
+			"data-open": I ? "" : void 0,
+			"data-nested": Y ? "" : void 0,
+			role: Y ? "menuitem" : void 0,
+			"data-focus-inside": R ? "" : void 0,
+			ref: t(X.setReference, J.ref, F),
+			tabIndex: Y ? W.activeIndex === J.index ? 0 : -1 : void 0,
+			children: N
+		}) : /* @__PURE__ */ D("button", {
+			type: "button",
+			className: $,
+			"data-open": I ? "" : void 0,
+			"data-nested": Y ? "" : void 0,
+			role: Y ? "menuitem" : void 0,
+			"data-focus-inside": R ? "" : void 0,
+			ref: t(X.setReference, J.ref, F),
+			tabIndex: Y ? W.activeIndex === J.index ? 0 : -1 : void 0,
+			...Q(W.getItemProps({
+				...P,
+				onFocus(e) {
+					P.onFocus?.(e), z(!1), W.setHasFocusInside(!0);
+				}
+			})),
+			children: [N, Y && /* @__PURE__ */ D("span", {
+				style: {
+					marginLeft: 10,
+					fontSize: 10
+				},
+				children: [/* @__PURE__ */ E("span", {
+					className: "sr-only",
+					children: "Next menu"
+				}), /* @__PURE__ */ E(n, { size: 14 })]
+			})]
+		}) }), /* @__PURE__ */ E(k.Provider, {
+			value: {
+				activeIndex: B,
+				setActiveIndex: V,
+				getItemProps: fe,
+				setHasFocusInside: z,
+				isOpen: I
+			},
+			children: /* @__PURE__ */ E(ie, {
+				elementsRef: H,
+				labelsRef: U,
+				children: I && /* @__PURE__ */ E(re, { children: /* @__PURE__ */ E(ne, {
+					context: Z,
+					modal: !1,
+					initialFocus: Y ? -1 : 0,
+					returnFocus: j ? M : !Y,
+					children: /* @__PURE__ */ E(y, {
+						...de(),
+						ref: X.setFloating,
+						style: {
+							...P.style,
+							...ce
+						},
+						className: e("isolate z-tooltip flex max-h-menu-max-h flex-col items-start overflow-y-auto rounded-menu-radius border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none", se),
+						children: g
+					})
+				}) })
+			})
+		})]
+	});
+}), j = y.forwardRef(({ title: e, Right: n, disabled: r, children: i, ...a }, o) => {
+	let s = S(k), c = _({ label: r ? null : e }), l = f(), u = c.index === s.activeIndex;
+	return /* @__PURE__ */ D("button", {
+		...a,
+		title: e,
+		type: "button",
+		role: "menuitem",
+		disabled: r,
+		"data-active": u,
+		"data-open": s.isOpen,
+		tabIndex: u ? 0 : -1,
+		ref: t(c.ref, o),
+		className: O(`${a.className ?? ""} ${u ? "bg-primary text-primary-foreground" : ""}`),
+		...s.getItemProps({
+			onClick(e) {
+				a.onClick?.(e), l?.events.emit("click");
+			},
+			onFocus(e) {
+				a.onFocus?.(e), s.setHasFocusInside(!0);
+			}
+		}),
+		children: [i, n ? /* @__PURE__ */ E(n, { size: 16 }) : null]
+	});
+}), M = y.forwardRef((e, t) => m() === null ? /* @__PURE__ */ E(g, { children: /* @__PURE__ */ E(A, {
+	...e,
+	isParent: !0,
+	ref: t
+}) }) : /* @__PURE__ */ E(A, {
+	...e,
+	isParent: !1,
+	ref: t
+}));
+//#endregion
+export { M as Menu, j as MenuItem };
+
+//# sourceMappingURL=menu.js.map

package/dist/components/floating/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../src/components/floating/menu.tsx"],"sourcesContent":["\"use client\";\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useRole,\n    useTypeahead,\n} from \"@floating-ui/react\";\nimport { Slot } from \"../core/slot\";\nimport { CaretRightIcon, type Icon } from \"@phosphor-icons/react\";\nimport React, { createContext, Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport { FLOATING_DELAY, TYPEAHEAD_RESET_DELAY } from \"../../constants\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nconst menuItemClassName = (highlight: string = \"\") =>\n    css(\n        \"w-full min-w-36 outline-none p-2.5 items-center flex justify-between text-left\",\n        \"hover:bg-primary focus:bg-primary aria-expanded:opacity-80\",\n        \"focus:text-primary-foreground hover:text-primary-foreground\",\n        \"first-of-type:rounded-t-lg last-of-type:rounded-b-lg\",\n        \"disabled:opacity-40 disabled:cursor-not-allowed\",\n        highlight\n    );\n\nconst MenuContext = createContext<{\n    activeIndex: number | null;\n    getItemProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;\n    isOpen: boolean;\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>;\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>;\n}>({\n    isOpen: false,\n    activeIndex: null,\n    getItemProps: () => ({}),\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n});\n\nexport type MenuProps = Partial<\n    {\n        hover: boolean;\n        open?: boolean;\n        nested: boolean;\n        asChild: boolean;\n        isParent: boolean;\n        restoreFocus: boolean;\n        children: React.ReactNode;\n        floatingClassName: string;\n        FloatingComponent: React.ElementType;\n    } & ({ label: string } | { label: React.ReactElement; title: string })\n>;\n\nconst MenuComponent = React.forwardRef<HTMLButtonElement, Override<React.HTMLProps<HTMLButtonElement>, MenuProps>>(\n    (\n        { children, FloatingComponent = \"div\", hover = true, open, isParent = false, restoreFocus = false, floatingClassName = \"\", label, ...props },\n        forwardedRef\n    ) => {\n        const [isOpen, setIsOpen] = useState<boolean>(open ?? false);\n        const [hasFocusInside, setHasFocusInside] = useState(false);\n        const [activeIndex, setActiveIndex] = useState<number | null>(null);\n        const elementsRef = useRef<Array<HTMLButtonElement | null>>([]);\n        const labelsRef = useRef<Array<string | null>>([]);\n        const parent = useContext(MenuContext);\n\n        const parentId = useFloatingParentNodeId();\n        const tree = useFloatingTree();\n        const nodeId = useFloatingNodeId();\n        const item = useListItem();\n\n        const isNested = parentId !== null;\n\n        const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n            nodeId,\n            open: isOpen,\n            transform: true,\n            strategy: \"absolute\",\n            onOpenChange: setIsOpen,\n            whileElementsMounted: autoUpdate,\n            placement: isNested ? \"right\" : \"bottom-start\",\n            middleware: [offset({ mainAxis: isNested ? 0 : 4, alignmentAxis: isNested ? -4 : 0 }), flip(), shift()],\n        });\n        const role = useRole(context, { role: \"menu\" });\n        const dismiss = useDismiss(context, { bubbles: true });\n        const hoverModule = useHover(context, {\n            move: false,\n            enabled: hover,\n            delay: { open: FLOATING_DELAY },\n            handleClose: safePolygon({ blockPointerEvents: true, requireIntent: false }),\n        });\n\n        const click = useClick(context, {\n            toggle: !isNested,\n            event: \"mousedown\",\n            ignoreMouse: isNested,\n            keyboardHandlers: true,\n        });\n\n        const listNavigation = useListNavigation(context, {\n            loop: true,\n            activeIndex,\n            nested: isNested,\n            listRef: elementsRef,\n            onNavigate: setActiveIndex,\n        });\n\n        const typeahead = useTypeahead(context, {\n            activeIndex,\n            listRef: labelsRef,\n            resetMs: TYPEAHEAD_RESET_DELAY,\n            onMatch: isOpen ? setActiveIndex : undefined,\n        });\n\n        const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([hoverModule, click, role, dismiss, listNavigation, typeahead]);\n\n        useEffect(() => {\n            if (!tree) return;\n            const handleTreeClick = () => setIsOpen(false);\n            const onSubMenuOpen = (event: { nodeId: string; parentId: string }) => {\n                if (event.nodeId !== nodeId && event.parentId === parentId) setIsOpen(false);\n            };\n            tree.events.on(\"click\", handleTreeClick);\n            tree.events.on(\"menuopen\", onSubMenuOpen);\n            return () => {\n                tree.events.off(\"click\", handleTreeClick);\n                tree.events.off(\"menuopen\", onSubMenuOpen);\n            };\n        }, [tree, nodeId, parentId]);\n\n        useEffect(() => {\n            if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }, [tree, isOpen, nodeId, parentId]);\n\n        const className = isParent ? props.className : css(menuItemClassName(props.className));\n\n        return (\n            <FloatingNode id={nodeId}>\n                <Fragment>\n                    {props.asChild ? (\n                        <Slot\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                            children={label}\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef) as unknown as React.Ref<HTMLElement>}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                        />\n                    ) : (\n                        <button\n                            type=\"button\"\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef)}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                        >\n                            {label}\n                            {isNested && (\n                                <span style={{ marginLeft: 10, fontSize: 10 }}>\n                                    <span className=\"sr-only\">Next menu</span>\n                                    <CaretRightIcon size={14} />\n                                </span>\n                            )}\n                        </button>\n                    )}\n                </Fragment>\n                <MenuContext.Provider value={{ activeIndex, setActiveIndex, getItemProps, setHasFocusInside, isOpen }}>\n                    <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n                        {isOpen && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={isParent ? restoreFocus : !isNested}\n                                >\n                                    <FloatingComponent\n                                        {...getFloatingProps()}\n                                        ref={refs.setFloating}\n                                        style={{ ...props.style, ...floatingStyles }}\n                                        className={css(\n                                            \"isolate z-tooltip flex max-h-80 flex-col items-start overflow-y-auto rounded-lg border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none\",\n                                            floatingClassName\n                                        )}\n                                    >\n                                        {children}\n                                    </FloatingComponent>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        );\n    }\n);\n\ntype MenuItemProps = { title: string; disabled?: boolean; Right?: Icon };\n\nexport const MenuItem = React.forwardRef<HTMLButtonElement, Override<React.ButtonHTMLAttributes<HTMLButtonElement>, MenuItemProps>>(\n    ({ title, Right, disabled, children, ...props }, forwardedRef) => {\n        const menu = useContext(MenuContext);\n        const item = useListItem({ label: disabled ? null : title });\n        const tree = useFloatingTree();\n        const isActive = item.index === menu.activeIndex;\n        return (\n            <button\n                {...props}\n                title={title}\n                type=\"button\"\n                role=\"menuitem\"\n                disabled={disabled}\n                data-active={isActive}\n                data-open={menu.isOpen}\n                tabIndex={isActive ? 0 : -1}\n                ref={mergeRefs(item.ref, forwardedRef)}\n                className={menuItemClassName(`${props.className ?? \"\"} ${isActive ? \"bg-primary text-primary-foreground\" : \"\"}`)}\n                {...menu.getItemProps({\n                    onClick(event: React.MouseEvent<HTMLButtonElement>) {\n                        props.onClick?.(event);\n                        tree?.events.emit(\"click\");\n                    },\n                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                        props.onFocus?.(event);\n                        menu.setHasFocusInside(true);\n                    },\n                })}\n            >\n                {children}\n                {Right ? <Right size={16} /> : null}\n            </button>\n        );\n    }\n);\n\nexport const Menu = React.forwardRef<HTMLButtonElement, Override<React.ComponentProps<\"button\">, MenuProps>>((props, ref) => {\n    const parentId = useFloatingParentNodeId();\n    return parentId === null ? (\n        <FloatingTree>\n            <MenuComponent {...props} isParent ref={ref} />\n        </FloatingTree>\n    ) : (\n        <MenuComponent {...props} isParent={false} ref={ref} />\n    );\n});\n"],"names":["menuItemClassName","highlight","css","MenuContext","createContext","MenuComponent","React","children","FloatingComponent","hover","open","isParent","restoreFocus","floatingClassName","label","props","forwardedRef","isOpen","setIsOpen","useState","hasFocusInside","setHasFocusInside","activeIndex","setActiveIndex","elementsRef","useRef","labelsRef","parent","useContext","parentId","useFloatingParentNodeId","tree","useFloatingTree","nodeId","useFloatingNodeId","item","useListItem","isNested","floatingStyles","refs","context","useFloating","autoUpdate","offset","flip","shift","role","useRole","dismiss","useDismiss","hoverModule","useHover","FLOATING_DELAY","safePolygon","click","useClick","listNavigation","useListNavigation","typeahead","useTypeahead","TYPEAHEAD_RESET_DELAY","getReferenceProps","getFloatingProps","getItemProps","useInteractions","useEffect","handleTreeClick","onSubMenuOpen","event","className","jsxs","FloatingNode","jsx","Fragment","Slot","mergeRefs","CaretRightIcon","FloatingList","FloatingPortal","FloatingFocusManager","MenuItem","title","Right","disabled","menu","isActive","Menu","ref","FloatingTree"],"mappings":"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"}
+{"version":3,"file":"menu.js","names":[],"sources":["../../../src/components/floating/menu.tsx"],"sourcesContent":["\"use client\";\nimport {\n    autoUpdate,\n    flip,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useRole,\n    useTypeahead,\n} from \"@floating-ui/react\";\nimport { Slot } from \"../core/slot\";\nimport { CaretRightIcon, type Icon } from \"@phosphor-icons/react\";\nimport React, { createContext, Fragment, useContext, useEffect, useRef, useState } from \"react\";\nimport { FLOATING_DELAY, TYPEAHEAD_RESET_DELAY } from \"../../constants\";\nimport { css, mergeRefs } from \"../../lib/dom\";\nimport { Override } from \"../../types\";\n\nconst menuItemClassName = (highlight: string = \"\") =>\n    css(\n        \"w-full min-w-36 outline-none p-menu-item-p items-center flex justify-between text-left\",\n        \"hover:bg-primary focus:bg-primary aria-expanded:opacity-80\",\n        \"focus:text-primary-foreground hover:text-primary-foreground\",\n        \"first-of-type:rounded-t-menu-radius last-of-type:rounded-b-menu-radius\",\n        \"disabled:opacity-40 disabled:cursor-not-allowed\",\n        highlight\n    );\n\nconst MenuContext = createContext<{\n    activeIndex: number | null;\n    getItemProps: (props?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;\n    isOpen: boolean;\n    setActiveIndex: React.Dispatch<React.SetStateAction<number | null>>;\n    setHasFocusInside: React.Dispatch<React.SetStateAction<boolean>>;\n}>({\n    isOpen: false,\n    activeIndex: null,\n    getItemProps: () => ({}),\n    setActiveIndex: () => {},\n    setHasFocusInside: () => {},\n});\n\nexport type MenuProps = Partial<\n    {\n        hover: boolean;\n        open?: boolean;\n        nested: boolean;\n        asChild: boolean;\n        isParent: boolean;\n        restoreFocus: boolean;\n        children: React.ReactNode;\n        floatingClassName: string;\n        FloatingComponent: React.ElementType;\n    } & ({ label: string } | { label: React.ReactElement; title: string })\n>;\n\nconst MenuComponent = React.forwardRef<HTMLButtonElement, Override<React.HTMLProps<HTMLButtonElement>, MenuProps>>(\n    (\n        { children, FloatingComponent = \"div\", hover = true, open, isParent = false, restoreFocus = false, floatingClassName = \"\", label, ...props },\n        forwardedRef\n    ) => {\n        const [isOpen, setIsOpen] = useState<boolean>(open ?? false);\n        const [hasFocusInside, setHasFocusInside] = useState(false);\n        const [activeIndex, setActiveIndex] = useState<number | null>(null);\n        const elementsRef = useRef<Array<HTMLButtonElement | null>>([]);\n        const labelsRef = useRef<Array<string | null>>([]);\n        const parent = useContext(MenuContext);\n\n        const parentId = useFloatingParentNodeId();\n        const tree = useFloatingTree();\n        const nodeId = useFloatingNodeId();\n        const item = useListItem();\n\n        const isNested = parentId !== null;\n\n        const { floatingStyles, refs, context } = useFloating<HTMLButtonElement>({\n            nodeId,\n            open: isOpen,\n            transform: true,\n            strategy: \"absolute\",\n            onOpenChange: setIsOpen,\n            whileElementsMounted: autoUpdate,\n            placement: isNested ? \"right\" : \"bottom-start\",\n            middleware: [\n                offset({\n                    mainAxis: isNested ? 0 : 4,\n                    alignmentAxis: isNested ? -4 : 0,\n                }),\n                flip(),\n                shift(),\n            ],\n        });\n        const role = useRole(context, { role: \"menu\" });\n        const dismiss = useDismiss(context, { bubbles: true });\n        const hoverModule = useHover(context, {\n            move: false,\n            enabled: hover,\n            delay: { open: FLOATING_DELAY },\n            handleClose: safePolygon({\n                blockPointerEvents: true,\n                requireIntent: false,\n            }),\n        });\n\n        const click = useClick(context, {\n            toggle: !isNested,\n            event: \"mousedown\",\n            ignoreMouse: isNested,\n            keyboardHandlers: true,\n        });\n\n        const listNavigation = useListNavigation(context, {\n            loop: true,\n            activeIndex,\n            nested: isNested,\n            listRef: elementsRef,\n            onNavigate: setActiveIndex,\n        });\n\n        const typeahead = useTypeahead(context, {\n            activeIndex,\n            listRef: labelsRef,\n            resetMs: TYPEAHEAD_RESET_DELAY,\n            onMatch: isOpen ? setActiveIndex : undefined,\n        });\n\n        const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([hoverModule, click, role, dismiss, listNavigation, typeahead]);\n\n        useEffect(() => {\n            if (!tree) return;\n            const handleTreeClick = () => setIsOpen(false);\n            const onSubMenuOpen = (event: { nodeId: string; parentId: string }) => {\n                if (event.nodeId !== nodeId && event.parentId === parentId) setIsOpen(false);\n            };\n            tree.events.on(\"click\", handleTreeClick);\n            tree.events.on(\"menuopen\", onSubMenuOpen);\n            return () => {\n                tree.events.off(\"click\", handleTreeClick);\n                tree.events.off(\"menuopen\", onSubMenuOpen);\n            };\n        }, [tree, nodeId, parentId]);\n\n        useEffect(() => {\n            if (isOpen && tree) tree.events.emit(\"menuopen\", { parentId, nodeId });\n        }, [tree, isOpen, nodeId, parentId]);\n\n        const className = isParent ? props.className : css(menuItemClassName(props.className));\n\n        return (\n            <FloatingNode id={nodeId}>\n                <Fragment>\n                    {props.asChild ? (\n                        <Slot\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef) as unknown as React.Ref<HTMLElement>}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                        >\n                            {label}\n                        </Slot>\n                    ) : (\n                        <button\n                            type=\"button\"\n                            className={className}\n                            data-open={isOpen ? \"\" : undefined}\n                            data-nested={isNested ? \"\" : undefined}\n                            role={isNested ? \"menuitem\" : undefined}\n                            data-focus-inside={hasFocusInside ? \"\" : undefined}\n                            ref={mergeRefs(refs.setReference, item.ref, forwardedRef)}\n                            tabIndex={!isNested ? undefined : parent.activeIndex === item.index ? 0 : -1}\n                            {...getReferenceProps(\n                                parent.getItemProps({\n                                    ...props,\n                                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                                        props.onFocus?.(event);\n                                        setHasFocusInside(false);\n                                        parent.setHasFocusInside(true);\n                                    },\n                                })\n                            )}\n                        >\n                            {label}\n                            {isNested && (\n                                <span style={{ marginLeft: 10, fontSize: 10 }}>\n                                    <span className=\"sr-only\">Next menu</span>\n                                    <CaretRightIcon size={14} />\n                                </span>\n                            )}\n                        </button>\n                    )}\n                </Fragment>\n                <MenuContext.Provider\n                    value={{\n                        activeIndex,\n                        setActiveIndex,\n                        getItemProps,\n                        setHasFocusInside,\n                        isOpen,\n                    }}\n                >\n                    <FloatingList elementsRef={elementsRef} labelsRef={labelsRef}>\n                        {isOpen && (\n                            <FloatingPortal>\n                                <FloatingFocusManager\n                                    context={context}\n                                    modal={false}\n                                    initialFocus={isNested ? -1 : 0}\n                                    returnFocus={isParent ? restoreFocus : !isNested}\n                                >\n                                    <FloatingComponent\n                                        {...getFloatingProps()}\n                                        ref={refs.setFloating}\n                                        style={{ ...props.style, ...floatingStyles }}\n                                        className={css(\n                                            \"isolate z-tooltip flex max-h-menu-max-h flex-col items-start overflow-y-auto rounded-menu-radius border border-floating-border bg-floating-background text-left shadow-shadow-floating outline-none\",\n                                            floatingClassName\n                                        )}\n                                    >\n                                        {children}\n                                    </FloatingComponent>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        );\n    }\n);\n\ntype MenuItemProps = { title: string; disabled?: boolean; Right?: Icon };\n\nexport const MenuItem = React.forwardRef<HTMLButtonElement, Override<React.ButtonHTMLAttributes<HTMLButtonElement>, MenuItemProps>>(\n    ({ title, Right, disabled, children, ...props }, forwardedRef) => {\n        const menu = useContext(MenuContext);\n        const item = useListItem({ label: disabled ? null : title });\n        const tree = useFloatingTree();\n        const isActive = item.index === menu.activeIndex;\n        return (\n            <button\n                {...props}\n                title={title}\n                type=\"button\"\n                role=\"menuitem\"\n                disabled={disabled}\n                data-active={isActive}\n                data-open={menu.isOpen}\n                tabIndex={isActive ? 0 : -1}\n                ref={mergeRefs(item.ref, forwardedRef)}\n                className={menuItemClassName(`${props.className ?? \"\"} ${isActive ? \"bg-primary text-primary-foreground\" : \"\"}`)}\n                {...menu.getItemProps({\n                    onClick(event: React.MouseEvent<HTMLButtonElement>) {\n                        props.onClick?.(event);\n                        tree?.events.emit(\"click\");\n                    },\n                    onFocus(event: React.FocusEvent<HTMLButtonElement>) {\n                        props.onFocus?.(event);\n                        menu.setHasFocusInside(true);\n                    },\n                })}\n            >\n                {children}\n                {Right ? <Right size={16} /> : null}\n            </button>\n        );\n    }\n);\n\nexport const Menu = React.forwardRef<HTMLButtonElement, Override<React.ComponentProps<\"button\">, MenuProps>>((props, ref) => {\n    const parentId = useFloatingParentNodeId();\n    return parentId === null ? (\n        <FloatingTree>\n            <MenuComponent {...props} isParent ref={ref} />\n        </FloatingTree>\n    ) : (\n        <MenuComponent {...props} isParent={false} ref={ref} />\n    );\n});\n"],"mappings":"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"}