@primer/react-brand 0.80.1 → 0.81.0-rc.0d1b7648

package/docs/index.md

@@ -1,6 +1,6 @@
-# Primer Brand docs (v0.80.1)
+# Primer Brand docs (v0.81.0-rc.0d1b7648)
 
-These docs are bundled with `@primer/react-brand@0.80.1` and match your installed version.
+These docs are bundled with `@primer/react-brand@0.81.0-rc.0d1b7648` and match your installed version.
 
 New here? Start with [Getting started](getting-started/index.md) for installation, global
 stylesheet and font setup. Component directories are named after their import (e.g.

package/esm/ActionMenu/ActionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActionMenu.d.ts","sourceRoot":"","sources":["../../src/ActionMenu/ActionMenu.tsx"],"names":[],"mappings":"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"}

package/esm/ActionMenu/ActionMenu.js

@@ -2,22 +2,23 @@ import { clsx as e } from "../node_modules/clsx/dist/clsx.js";
 import { useId as t } from "../hooks/useId.js";
 import { Text as n } from "../Text/Text.js";
 import { Button as r } from "../Button/Button.js";
-import { IconButton as i } from "../IconButton/IconButton.js";
-import { ThemeProvider as a } from "../ThemeProvider/ThemeProvider.js";
-import { useTheme as o } from "../ThemeProvider/useTheme.js";
-import { useAnchoredPosition as s } from "../hooks/useAnchoredPosition.js";
-import { useOnClickOutside as c } from "../hooks/useOnClickOutside.js";
-import { useKeyboardEscape as l } from "../hooks/useKeyboardEscape.js";
-import { ActionMenuButtonModes as u, ActionMenuProvider as d, ActionMenuSizes as f, useActionMenuContext as p } from "./ActionMenuContext.js";
-import { CheckIcon as m } from "../node_modules/@primer/octicons-react/dist/icons/CheckIcon.js";
-import { ChevronDownIcon as h } from "../node_modules/@primer/octicons-react/dist/icons/ChevronDownIcon.js";
+import { Tooltip as i } from "../Tooltip/Tooltip.js";
+import { IconButton as a } from "../IconButton/IconButton.js";
+import { ThemeProvider as o } from "../ThemeProvider/ThemeProvider.js";
+import { useTheme as s } from "../ThemeProvider/useTheme.js";
+import { useAnchoredPosition as c } from "../hooks/useAnchoredPosition.js";
+import { useOnClickOutside as l } from "../hooks/useOnClickOutside.js";
+import { useKeyboardEscape as u } from "../hooks/useKeyboardEscape.js";
+import { ActionMenuButtonModes as d, ActionMenuProvider as f, ActionMenuSizes as p, useActionMenuContext as m } from "./ActionMenuContext.js";
+import { CheckIcon as h } from "../node_modules/@primer/octicons-react/dist/icons/CheckIcon.js";
+import { ChevronDownIcon as g } from "../node_modules/@primer/octicons-react/dist/icons/ChevronDownIcon.js";
 import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes-CyS5r4GY.css';/* empty css                                                                                                         */
-import g from "./ActionMenu.module.js";
-import _, { Children as v, cloneElement as y, forwardRef as b, isValidElement as x, memo as S, useCallback as C, useEffect as w, useMemo as T, useRef as E, useState as D } from "react";
-import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
-import { FocusKeys as j, focusZone as M } from "@primer/behaviors";
+import _ from "./ActionMenu.module.js";
+import v, { Children as y, cloneElement as b, forwardRef as x, isValidElement as S, memo as C, useCallback as w, useEffect as T, useImperativeHandle as E, useMemo as D, useRef as O, useState as k } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { FocusKeys as N, focusZone as P } from "@primer/behaviors";
 //#region src/ActionMenu/ActionMenu.tsx
-var N = {
+var F = {
 	root: "ActionMenu",
 	get button() {
 		return `${this.root}-button`;
@@ -31,7 +32,7 @@ var N = {
 	get item() {
 		return `${this.root}-list-item`;
 	}
-}, P = [
+}, I = [
 	"inside-top",
 	"inside-bottom",
 	"inside-left",
@@ -41,27 +42,27 @@ var N = {
 	"outside-bottom",
 	"outside-left",
 	"outside-right"
-], F = S(({ id: n, children: r, "data-testid": i, disabled: a, open: o = !1, selectionVariant: u = "none", menuAlignment: f = "end", size: p = "medium", menuSide: m, onSelect: h, mode: _ = "default" }) => {
-	let [b, S] = D(o), T = E(null), O = E(null), P = t(n);
-	c(T, () => S(!1), O), l(C(() => {
-		S(!1);
+], L = C(({ id: n, children: r, "data-testid": i, disabled: a, open: o = !1, selectionVariant: s = "none", menuAlignment: d = "end", size: p = "medium", menuSide: m, onSelect: h, mode: g = "default" }) => {
+	let [v, x] = k(o), C = O(null), E = O(null), D = t(n);
+	l(C, () => x(!1), E), u(w(() => {
+		x(!1);
 	}, []));
-	let F = C(() => {
-		S(!b);
-	}, [b]), R = C((e) => {
-		h && h(e), F();
-	}, [h, F]), z = C((e) => {
-		R(e), F(), O.current?.focus();
+	let A = w(() => {
+		x(!v);
+	}, [v]), I = w((e) => {
+		h && h(e), A();
+	}, [h, A]), L = w((e) => {
+		I(e), A(), E.current?.focus();
 	}, [
-		R,
-		F,
-		O
+		I,
+		A,
+		E
 	]);
-	w(() => {
-		if (b && T.current) {
-			let e = T.current, t = _ === "split-button", n = t ? (e) => e.tagName === "A" : void 0;
-			M(T.current, {
-				bindKeys: j.ArrowVertical,
+	T(() => {
+		if (v && C.current) {
+			let e = C.current, t = g === "split-button", n = t ? (e) => e.tagName === "A" : void 0;
+			P(C.current, {
+				bindKeys: N.ArrowVertical,
 				focusableElementFilter: n,
 				focusInStrategy: t ? "first" : void 0
 			}), e.addEventListener("keydown", (e) => {
@@ -69,12 +70,12 @@ var N = {
 					let t = e.target, n = t.tagName === "A" ? t.closest("li") : t;
 					if (!n || n.getAttribute("aria-disabled") === "true") return;
 					let r = n.getAttribute("data-value");
-					r && (R(r), S(!1), setTimeout(() => {
-						O.current?.focus();
+					r && (I(r), x(!1), setTimeout(() => {
+						E.current?.focus();
 					}, 10));
 				}
 			});
-			let r = t ? "a" : "li", i = T.current.querySelector(r);
+			let r = t ? "a" : "li", i = C.current.querySelector(r);
 			i && setTimeout(() => {
 				i.focus();
 			}, 10);
@@ -86,136 +87,142 @@ var N = {
 				let t = e;
 				t.key === "ArrowUp" && (t.preventDefault(), a.focus());
 			}), e.addEventListener("keydown", (e) => {
-				e.key === "Escape" && O.current?.focus();
+				e.key === "Escape" && E.current?.focus();
 			});
 		}
 	}, [
-		b,
-		T,
-		_,
-		z,
-		F,
-		R
+		v,
+		C,
+		g,
+		L,
+		A,
+		I
 	]);
-	let { position: V } = s({
-		floatingElementRef: T,
-		anchorElementRef: O,
-		align: f,
+	let { position: B } = c({
+		floatingElementRef: C,
+		anchorElementRef: E,
+		align: d,
 		allowOutOfBounds: !0,
 		side: m
-	}, [b]), H = v.toArray(r), U = H.find((e) => x(e) && e.type === B)?.props["aria-label"], { Button: W, Overlay: G } = H.reduce((t, n) => (x(n) && n.type === I ? t.Button = y(n, {
-		ref: O,
-		className: e(n.props.className, g[`ActionMenu__button--${_}`], b),
-		menuOpen: b,
+	}, [v]), V = y.toArray(r), U = V.find((e) => S(e) && e.type === H)?.props["aria-label"], { Button: W, Overlay: G } = V.reduce((t, n) => (S(n) && n.type === R ? t.Button = b(n, {
+		ref: E,
+		className: e(n.props.className, _[`ActionMenu__button--${g}`], v),
+		menuOpen: v,
 		disabled: a,
-		id: `${P}-button`,
+		id: `${D}-button`,
 		size: p
-	}) : x(n) && n.type === L ? t.Button = y(n, {
-		ref: O,
-		className: e(n.props.className, _ === "split-button" && g["ActionMenu__button--split-button"]),
-		menuOpen: b,
+	}) : S(n) && n.type === z ? t.Button = b(n, {
+		ref: E,
+		className: e(n.props.className, g === "split-button" && _["ActionMenu__button--split-button"]),
+		menuOpen: v,
 		disabled: a,
-		id: `${P}-button`,
+		id: `${D}-button`,
 		size: p
-	}) : x(n) && n.type === B && (t.Overlay = y(n, {
-		ref: T,
-		className: e(g.ActionMenu__menu, V && g["ActionMenu__menu--visible"], V && g[`ActionMenu__menu--pos-${V.anchorSide}`], g[`ActionMenu__menu--${p}`], _ === "split-button" && "ActionMenu__menu--split"),
+	}) : S(n) && n.type === H && (t.Overlay = b(n, {
+		ref: C,
+		className: e(_.ActionMenu__menu, B && _["ActionMenu__menu--visible"], B && _[`ActionMenu__menu--pos-${B.anchorSide}`], _[`ActionMenu__menu--${p}`], g === "split-button" && "ActionMenu__menu--split"),
 		style: {
-			top: `${V?.top ?? 0}px`,
-			left: `${V?.left ?? 0}px`
+			top: `${B?.top ?? 0}px`,
+			left: `${B?.left ?? 0}px`
 		},
-		id: `${P}-menu`,
-		children: v.map(n.props.children, (e) => x(e) ? y(e, {
-			handler: z,
-			type: _ === "split-button" ? "link" : u
+		id: `${D}-menu`,
+		children: y.map(n.props.children, (e) => S(e) ? b(e, {
+			handler: L,
+			type: g === "split-button" ? "link" : s
 		}) : e)
 	})), t), {});
-	return /* @__PURE__ */ k(d, {
+	return /* @__PURE__ */ j(f, {
 		size: p,
-		mode: _,
+		mode: g,
 		menuLabel: U,
-		onMenuToggle: F,
-		children: /* @__PURE__ */ A("div", {
-			id: P,
-			className: e(g.ActionMenu, a && g["ActionMenu--disabled"]),
-			"data-testid": i || N.root,
-			children: [W, b ? G : null]
+		onMenuToggle: A,
+		children: /* @__PURE__ */ M("div", {
+			id: D,
+			className: e(_.ActionMenu, a && _["ActionMenu--disabled"]),
+			"data-testid": i || F.root,
+			children: [W, v ? G : null]
 		})
 	});
-}), I = b(({ as: t, href: n, id: i, children: a, className: o, "data-testid": s, disabled: c, menuOpen: l, size: u, onClick: d, leadingVisual: f, variant: m, ..._ }, v) => {
-	let { menuLabel: y, mode: b, onMenuToggle: x } = p(), S = C((e) => {
-		if (c) {
+}), R = x(({ as: t, href: n, id: a, children: o, className: s, "data-testid": c, disabled: l, menuOpen: u, size: d, onClick: f, leadingVisual: p, variant: h, ...v }, y) => {
+	let { menuLabel: b, mode: x, onMenuToggle: S } = m(), C = O(null);
+	E(x === "split-button" && !l ? y : null, () => C.current, []);
+	let T = w((e) => {
+		if (l) {
 			e.preventDefault();
 			return;
 		}
-		d?.(e), e.defaultPrevented || x?.();
+		f?.(e), e.defaultPrevented || S?.();
 	}, [
-		c,
-		d,
-		x
-	]), w = C((e) => {
-		if (c) {
+		l,
+		f,
+		S
+	]), D = w((e) => {
+		if (l) {
 			e.preventDefault();
 			return;
 		}
-		d?.(e);
-	}, [c, d]);
-	if (b === "split-button") {
-		let d = m ?? "primary";
-		return /* @__PURE__ */ A("div", {
-			className: e(g.ActionMenu__button, g[`ActionMenu__button--${u}`], o),
-			children: [/* @__PURE__ */ k(r, {
+		f?.(e);
+	}, [l, f]);
+	if (x === "split-button") {
+		let f = h ?? "primary", m = /* @__PURE__ */ j(r, {
+			ref: l ? y : void 0,
+			id: a,
+			as: "button",
+			className: e(_["ActionMenu__innerButton--split-button"], _["ActionMenu__innerButton--split-button-menu"]),
+			variant: f,
+			"aria-haspopup": "true",
+			"aria-label": b,
+			size: d,
+			"aria-expanded": u ? "true" : "false",
+			onClick: S,
+			disabled: l,
+			children: /* @__PURE__ */ j(g, { className: _["ActionMenu__inner-button-dropdown-icon"] })
+		});
+		return /* @__PURE__ */ M("div", {
+			className: e(_.ActionMenu__button, _[`ActionMenu__button--${d}`], s),
+			children: [/* @__PURE__ */ j(r, {
 				as: t,
 				href: n,
-				className: e(g["ActionMenu__innerButton--split-button"], g["ActionMenu__innerButton--split-button-primary"], g[`ActionMenu__innerButton--${d}`], g[`ActionMenu__innerButton--${u}`], c && g["ActionMenu__innerButton--disabled"]),
-				variant: d,
-				"aria-disabled": c,
-				"data-testid": s || N.button,
-				size: u,
-				leadingVisual: f,
-				onClick: w,
-				..._,
-				children: /* @__PURE__ */ k("span", {
-					className: g["ActionMenu__button-text"],
-					children: a
+				className: e(_["ActionMenu__innerButton--split-button"], _["ActionMenu__innerButton--split-button-primary"], _[`ActionMenu__innerButton--${f}`], _[`ActionMenu__innerButton--${d}`], l && _["ActionMenu__innerButton--disabled"]),
+				variant: f,
+				"aria-disabled": l,
+				"data-testid": c || F.button,
+				size: d,
+				leadingVisual: p,
+				onClick: D,
+				...v,
+				children: /* @__PURE__ */ j("span", {
+					className: _["ActionMenu__button-text"],
+					children: o
 				})
-			}), /* @__PURE__ */ k(r, {
-				ref: v,
-				id: i,
-				as: "button",
-				className: e(g["ActionMenu__innerButton--split-button"], g["ActionMenu__innerButton--split-button-menu"]),
-				variant: d,
-				"aria-haspopup": "true",
-				"aria-label": y,
-				size: u,
-				"aria-expanded": l ? "true" : "false",
-				onClick: x,
-				disabled: c,
-				children: /* @__PURE__ */ k(h, { className: g["ActionMenu__inner-button-dropdown-icon"] })
+			}), l ? m : /* @__PURE__ */ j(i, {
+				ref: C,
+				text: b,
+				children: m
 			})]
 		});
 	}
-	return /* @__PURE__ */ k(r, {
-		ref: v,
-		id: i,
-		className: e(g.ActionMenu__button, g[`ActionMenu__button--${u}`], o),
+	return /* @__PURE__ */ j(r, {
+		ref: y,
+		id: a,
+		className: e(_.ActionMenu__button, _[`ActionMenu__button--${d}`], s),
 		"aria-haspopup": "true",
-		"aria-expanded": l ? "true" : "false",
-		disabled: c,
-		"data-testid": s || N.button,
-		size: u,
-		variant: m,
-		leadingVisual: f,
-		trailingVisual: /* @__PURE__ */ k(h, {}),
-		onClick: S,
-		..._,
-		children: /* @__PURE__ */ k("span", {
-			className: g["ActionMenu__button-text"],
-			children: a
+		"aria-expanded": u ? "true" : "false",
+		disabled: l,
+		"data-testid": c || F.button,
+		size: d,
+		variant: h,
+		leadingVisual: p,
+		trailingVisual: /* @__PURE__ */ j(g, {}),
+		onClick: T,
+		...v,
+		children: /* @__PURE__ */ j("span", {
+			className: _["ActionMenu__button-text"],
+			children: o
 		})
 	});
-}), L = b(({ as: t, id: n, icon: r, className: a, "aria-label": o, "data-testid": s, disabled: c, menuOpen: l, size: u, variant: d, onClick: f, ...m }, _) => {
-	let { menuLabel: v, mode: y, onMenuToggle: b } = p(), x = C((e) => {
+}), z = x(({ as: t, id: n, icon: r, className: i, "aria-label": o, "data-testid": s, disabled: c, menuOpen: l, size: u, variant: d, onClick: f, ...p }, h) => {
+	let { menuLabel: v, mode: y, onMenuToggle: b } = m(), x = w((e) => {
 		if (c) {
 			e.preventDefault();
 			return;
@@ -225,7 +232,7 @@ var N = {
 		c,
 		f,
 		b
-	]), S = C((e) => {
+	]), S = w((e) => {
 		if (c) {
 			e.preventDefault();
 			return;
@@ -234,25 +241,25 @@ var N = {
 	}, [c, f]);
 	if (y === "split-button") {
 		let f = d ?? "primary";
-		return /* @__PURE__ */ A("div", {
-			className: e(g.ActionMenu__button, g[`ActionMenu__button--${u}`], a),
-			children: [/* @__PURE__ */ k(i, {
-				...m,
+		return /* @__PURE__ */ M("div", {
+			className: e(_.ActionMenu__button, _[`ActionMenu__button--${u}`], i),
+			children: [/* @__PURE__ */ j(a, {
+				...p,
 				as: t,
 				icon: r,
 				"aria-label": o,
-				className: e(g["ActionMenu__innerButton--split-button"], g["ActionMenu__innerButton--split-button-primary"], g[`ActionMenu__innerButton--${f}`], g[`ActionMenu__innerButton--${u}`], c && g["ActionMenu__innerButton--disabled"]),
+				className: e(_["ActionMenu__innerButton--split-button"], _["ActionMenu__innerButton--split-button-primary"], _[`ActionMenu__innerButton--${f}`], _[`ActionMenu__innerButton--${u}`], c && _["ActionMenu__innerButton--disabled"]),
 				variant: f,
 				"aria-disabled": c,
-				"data-testid": s || N.button,
+				"data-testid": s || F.button,
 				size: u,
 				onClick: S
-			}), /* @__PURE__ */ k(i, {
-				ref: _,
+			}), /* @__PURE__ */ j(a, {
+				ref: h,
 				id: n,
-				icon: h,
+				icon: g,
 				"aria-label": v,
-				className: e(g["ActionMenu__innerButton--split-button"], g["ActionMenu__innerButton--split-button-menu"]),
+				className: e(_["ActionMenu__innerButton--split-button"], _["ActionMenu__innerButton--split-button-menu"]),
 				variant: f,
 				"aria-haspopup": "menu",
 				size: u,
@@ -262,73 +269,73 @@ var N = {
 			})]
 		});
 	}
-	return /* @__PURE__ */ k(i, {
-		...m,
-		ref: _,
+	return /* @__PURE__ */ j(a, {
+		...p,
+		ref: h,
 		as: t,
 		id: n,
 		icon: r,
 		"aria-label": o,
-		className: a,
+		className: i,
 		"aria-haspopup": "menu",
 		"aria-expanded": l ? "true" : "false",
 		disabled: c,
-		"data-testid": s || N.button,
+		"data-testid": s || F.button,
 		size: u,
 		variant: d,
 		onClick: x
 	});
-}), R = {
+}), B = {
 	none: "menuitem",
 	single: "menuitemradio",
 	link: "menuitem"
-}, z = ({ as: t, children: r, className: i, disabled: a, handler: o, selected: s, type: c, value: l, onClick: u, onKeyDown: d, leadingVisual: f, ...h }) => {
-	let { size: v } = p(), y = C((e) => {
+}, V = ({ as: t, children: r, className: i, disabled: a, handler: o, selected: s, type: c, value: l, onClick: u, onKeyDown: d, leadingVisual: f, ...p }) => {
+	let { size: g } = m(), y = w((e) => {
 		u?.(e), a || o?.(String(l));
 	}, [
 		o,
 		l,
 		a,
 		u
-	]), b = C((e) => {
+	]), b = w((e) => {
 		d?.(e), !a && e.key === "Enter" && o?.(String(l));
 	}, [
 		o,
 		l,
 		a,
 		d
-	]), x = T(() => ({
-		className: e(g.ActionMenu__item, c === "single" && g[`ActionMenu__item--selection-type-${c}`], v && g[`ActionMenu__item--${v}`], i),
-		role: R[c || "single"],
+	]), x = D(() => ({
+		className: e(_.ActionMenu__item, c === "single" && _[`ActionMenu__item--selection-type-${c}`], g && _[`ActionMenu__item--${g}`], i),
+		role: B[c || "single"],
 		"aria-disabled": a,
 		tabIndex: -1,
 		"data-value": l,
-		...h
+		...p
 	}), [
-		h,
+		p,
 		c,
-		v,
+		g,
 		i,
 		a,
 		l
-	]), S = T(() => /* @__PURE__ */ A(O, { children: [
-		_.isValidElement(f) ? _.cloneElement(f, {
+	]), S = D(() => /* @__PURE__ */ M(A, { children: [
+		v.isValidElement(f) ? v.cloneElement(f, {
 			width: f.props.width || 20,
 			height: f.props.width || 20
 		}) : null,
-		c === "single" && /* @__PURE__ */ k("span", {
-			className: g["ActionMenu__item-leadingVisual"],
-			children: s && /* @__PURE__ */ k(m, {
-				className: e(g["ActionMenu__item-icon"], a && g["ActionMenu__item-icon--disabled"]),
+		c === "single" && /* @__PURE__ */ j("span", {
+			className: _["ActionMenu__item-leadingVisual"],
+			children: s && /* @__PURE__ */ j(h, {
+				className: e(_["ActionMenu__item-icon"], a && _["ActionMenu__item-icon--disabled"]),
 				size: 16
 			})
 		}),
-		/* @__PURE__ */ k("span", {
-			className: g["ActionMenu__item-text"],
-			children: /* @__PURE__ */ k(n, {
+		/* @__PURE__ */ j("span", {
+			className: _["ActionMenu__item-text"],
+			children: /* @__PURE__ */ j(n, {
 				variant: a ? "muted" : "default",
-				size: v === "medium" ? "200" : "100",
-				className: e(a && g["ActionMenu__item-content--disabled"]),
+				size: g === "medium" ? "200" : "100",
+				className: e(a && _["ActionMenu__item-content--disabled"]),
 				children: r
 			})
 		})
@@ -337,20 +344,20 @@ var N = {
 		r,
 		s,
 		a,
-		v,
+		g,
 		c
 	]);
-	return t === "a" ? /* @__PURE__ */ k("li", {
+	return t === "a" ? /* @__PURE__ */ j("li", {
 		role: "menuitem",
 		...x,
 		onClick: u,
 		onKeyDown: d,
-		children: /* @__PURE__ */ k("a", {
-			className: e(g["ActionMenu__item-anchor"], a && g["ActionMenu__item--disabled"]),
-			href: h.href,
+		children: /* @__PURE__ */ j("a", {
+			className: e(_["ActionMenu__item-anchor"], a && _["ActionMenu__item--disabled"]),
+			href: p.href,
 			children: S
 		})
-	}) : /* @__PURE__ */ k("li", {
+	}) : /* @__PURE__ */ j("li", {
 		role: "menuitem",
 		...x,
 		"aria-checked": c === "none" ? void 0 : s ? "true" : "false",
@@ -358,27 +365,27 @@ var N = {
 		onKeyDown: b,
 		children: S
 	});
-}, B = b(({ children: t, className: n, "data-testid": r, menuOpen: i, ...s }, c) => {
-	let { originalColorMode: l, colorMode: u } = o();
-	return /* @__PURE__ */ k(a, {
+}, H = x(({ children: t, className: n, "data-testid": r, menuOpen: i, ...a }, c) => {
+	let { originalColorMode: l, colorMode: u } = s();
+	return /* @__PURE__ */ j(o, {
 		colorMode: n?.includes("ActionMenu__menu--split") ? "light" : l ?? u,
-		children: /* @__PURE__ */ k("ul", {
+		children: /* @__PURE__ */ j("ul", {
 			ref: c,
 			className: e(n),
 			role: "menu",
-			"data-testid": r || N.list,
-			...s,
+			"data-testid": r || F.list,
+			...a,
 			children: t
 		})
 	});
-}), V = Object.assign(F, {
-	Button: I,
-	IconButton: L,
-	Item: z,
-	Overlay: B,
-	testIds: N
+}), U = Object.assign(L, {
+	Button: R,
+	IconButton: z,
+	Item: V,
+	Overlay: H,
+	testIds: F
 });
 //#endregion
-export { V as ActionMenu, u as ActionMenuButtonModes, d as ActionMenuProvider, f as ActionMenuSizes, P as actionMenuOverlaySides, p as useActionMenuContext };
+export { U as ActionMenu, d as ActionMenuButtonModes, f as ActionMenuProvider, p as ActionMenuSizes, I as actionMenuOverlaySides, m as useActionMenuContext };
 
 //# sourceMappingURL=ActionMenu.js.map