@radix-ui/react-menubar 1.1.0-rc.2 → 1.1.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.mts +22 -22
  2. package/dist/index.d.ts +22 -22
  3. package/dist/index.js +473 -435
  4. package/dist/index.js.map +4 -4
  5. package/dist/index.mjs.map +2 -2
  6. package/package.json +13 -13
package/dist/index.js CHANGED
@@ -1,462 +1,500 @@
1
1
  "use strict";
2
2
  "use client";
3
- (() => {
4
- var __create = Object.create;
5
- var __defProp = Object.defineProperty;
6
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
7
- var __getOwnPropNames = Object.getOwnPropertyNames;
8
- var __getProtoOf = Object.getPrototypeOf;
9
- var __hasOwnProp = Object.prototype.hasOwnProperty;
10
- var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
11
- get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
12
- }) : x)(function(x) {
13
- if (typeof require !== "undefined") return require.apply(this, arguments);
14
- throw Error('Dynamic require of "' + x + '" is not supported');
15
- });
16
- var __copyProps = (to, from, except, desc) => {
17
- if (from && typeof from === "object" || typeof from === "function") {
18
- for (let key of __getOwnPropNames(from))
19
- if (!__hasOwnProp.call(to, key) && key !== except)
20
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
21
- }
22
- return to;
23
- };
24
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
25
- // If the importer is in node compatibility mode or this is not an ESM
26
- // file that has been converted to a CommonJS file using a Babel-
27
- // compatible transform (i.e. "__esModule" has not been set), then set
28
- // "default" to the CommonJS "module.exports" for node compatibility.
29
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
30
- mod
31
- ));
3
+ var __create = Object.create;
4
+ var __defProp = Object.defineProperty;
5
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
+ var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getProtoOf = Object.getPrototypeOf;
8
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __export = (target, all) => {
10
+ for (var name in all)
11
+ __defProp(target, name, { get: all[name], enumerable: true });
12
+ };
13
+ var __copyProps = (to, from, except, desc) => {
14
+ if (from && typeof from === "object" || typeof from === "function") {
15
+ for (let key of __getOwnPropNames(from))
16
+ if (!__hasOwnProp.call(to, key) && key !== except)
17
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
18
+ }
19
+ return to;
20
+ };
21
+ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
22
+ // If the importer is in node compatibility mode or this is not an ESM
23
+ // file that has been converted to a CommonJS file using a Babel-
24
+ // compatible transform (i.e. "__esModule" has not been set), then set
25
+ // "default" to the CommonJS "module.exports" for node compatibility.
26
+ isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
27
+ mod
28
+ ));
29
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
32
30
 
33
- // packages/react/menubar/src/Menubar.tsx
34
- var React = __toESM(__require("react"));
35
- var import_react_collection = __require("@radix-ui/react-collection");
36
- var import_react_direction = __require("@radix-ui/react-direction");
37
- var import_primitive = __require("@radix-ui/primitive");
38
- var import_react_compose_refs = __require("@radix-ui/react-compose-refs");
39
- var import_react_context = __require("@radix-ui/react-context");
40
- var import_react_id = __require("@radix-ui/react-id");
41
- var MenuPrimitive = __toESM(__require("@radix-ui/react-menu"));
42
- var import_react_menu = __require("@radix-ui/react-menu");
43
- var RovingFocusGroup = __toESM(__require("@radix-ui/react-roving-focus"));
44
- var import_react_roving_focus = __require("@radix-ui/react-roving-focus");
45
- var import_react_primitive = __require("@radix-ui/react-primitive");
46
- var import_react_use_controllable_state = __require("@radix-ui/react-use-controllable-state");
47
- var import_jsx_runtime = __require("react/jsx-runtime");
48
- var MENUBAR_NAME = "Menubar";
49
- var [Collection, useCollection, createCollectionScope] = (0, import_react_collection.createCollection)(MENUBAR_NAME);
50
- var [createMenubarContext, createMenubarScope] = (0, import_react_context.createContextScope)(MENUBAR_NAME, [
51
- createCollectionScope,
52
- import_react_roving_focus.createRovingFocusGroupScope
53
- ]);
54
- var useMenuScope = (0, import_react_menu.createMenuScope)();
55
- var useRovingFocusGroupScope = (0, import_react_roving_focus.createRovingFocusGroupScope)();
56
- var [MenubarContextProvider, useMenubarContext] = createMenubarContext(MENUBAR_NAME);
57
- var Menubar = React.forwardRef(
58
- (props, forwardedRef) => {
59
- const {
60
- __scopeMenubar,
61
- value: valueProp,
62
- onValueChange,
63
- defaultValue,
64
- loop = true,
65
- dir,
66
- ...menubarProps
67
- } = props;
68
- const direction = (0, import_react_direction.useDirection)(dir);
69
- const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
70
- const [value = "", setValue] = (0, import_react_use_controllable_state.useControllableState)({
71
- prop: valueProp,
72
- onChange: onValueChange,
73
- defaultProp: defaultValue
74
- });
75
- const [currentTabStopId, setCurrentTabStopId] = React.useState(null);
76
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
77
- MenubarContextProvider,
78
- {
79
- scope: __scopeMenubar,
80
- value,
81
- onMenuOpen: React.useCallback(
82
- (value2) => {
83
- setValue(value2);
84
- setCurrentTabStopId(value2);
85
- },
86
- [setValue]
87
- ),
88
- onMenuClose: React.useCallback(() => setValue(""), [setValue]),
89
- onMenuToggle: React.useCallback(
90
- (value2) => {
91
- setValue((prevValue) => Boolean(prevValue) ? "" : value2);
92
- setCurrentTabStopId(value2);
93
- },
94
- [setValue]
95
- ),
96
- dir: direction,
97
- loop,
98
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, { scope: __scopeMenubar, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, { scope: __scopeMenubar, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
99
- RovingFocusGroup.Root,
100
- {
101
- asChild: true,
102
- ...rovingFocusGroupScope,
103
- orientation: "horizontal",
104
- loop,
105
- dir: direction,
106
- currentTabStopId,
107
- onCurrentTabStopIdChange: setCurrentTabStopId,
108
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { role: "menubar", ...menubarProps, ref: forwardedRef })
109
- }
110
- ) }) })
111
- }
112
- );
113
- }
114
- );
115
- Menubar.displayName = MENUBAR_NAME;
116
- var MENU_NAME = "MenubarMenu";
117
- var [MenubarMenuProvider, useMenubarMenuContext] = createMenubarContext(MENU_NAME);
118
- var MenubarMenu = (props) => {
119
- const { __scopeMenubar, value: valueProp, ...menuProps } = props;
120
- const autoValue = (0, import_react_id.useId)();
121
- const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
122
- const context = useMenubarContext(MENU_NAME, __scopeMenubar);
123
- const menuScope = useMenuScope(__scopeMenubar);
124
- const triggerRef = React.useRef(null);
125
- const wasKeyboardTriggerOpenRef = React.useRef(false);
126
- const open = context.value === value;
127
- React.useEffect(() => {
128
- if (!open) wasKeyboardTriggerOpenRef.current = false;
129
- }, [open]);
31
+ // packages/react/menubar/src/index.ts
32
+ var src_exports = {};
33
+ __export(src_exports, {
34
+ Arrow: () => Arrow2,
35
+ CheckboxItem: () => CheckboxItem2,
36
+ Content: () => Content2,
37
+ Group: () => Group2,
38
+ Item: () => Item3,
39
+ ItemIndicator: () => ItemIndicator2,
40
+ Label: () => Label2,
41
+ Menu: () => Menu,
42
+ Menubar: () => Menubar,
43
+ MenubarArrow: () => MenubarArrow,
44
+ MenubarCheckboxItem: () => MenubarCheckboxItem,
45
+ MenubarContent: () => MenubarContent,
46
+ MenubarGroup: () => MenubarGroup,
47
+ MenubarItem: () => MenubarItem,
48
+ MenubarItemIndicator: () => MenubarItemIndicator,
49
+ MenubarLabel: () => MenubarLabel,
50
+ MenubarMenu: () => MenubarMenu,
51
+ MenubarPortal: () => MenubarPortal,
52
+ MenubarRadioGroup: () => MenubarRadioGroup,
53
+ MenubarRadioItem: () => MenubarRadioItem,
54
+ MenubarSeparator: () => MenubarSeparator,
55
+ MenubarSub: () => MenubarSub,
56
+ MenubarSubContent: () => MenubarSubContent,
57
+ MenubarSubTrigger: () => MenubarSubTrigger,
58
+ MenubarTrigger: () => MenubarTrigger,
59
+ Portal: () => Portal2,
60
+ RadioGroup: () => RadioGroup2,
61
+ RadioItem: () => RadioItem2,
62
+ Root: () => Root3,
63
+ Separator: () => Separator2,
64
+ Sub: () => Sub2,
65
+ SubContent: () => SubContent2,
66
+ SubTrigger: () => SubTrigger2,
67
+ Trigger: () => Trigger,
68
+ createMenubarScope: () => createMenubarScope
69
+ });
70
+ module.exports = __toCommonJS(src_exports);
71
+
72
+ // packages/react/menubar/src/Menubar.tsx
73
+ var React = __toESM(require("react"));
74
+ var import_react_collection = require("@radix-ui/react-collection");
75
+ var import_react_direction = require("@radix-ui/react-direction");
76
+ var import_primitive = require("@radix-ui/primitive");
77
+ var import_react_compose_refs = require("@radix-ui/react-compose-refs");
78
+ var import_react_context = require("@radix-ui/react-context");
79
+ var import_react_id = require("@radix-ui/react-id");
80
+ var MenuPrimitive = __toESM(require("@radix-ui/react-menu"));
81
+ var import_react_menu = require("@radix-ui/react-menu");
82
+ var RovingFocusGroup = __toESM(require("@radix-ui/react-roving-focus"));
83
+ var import_react_roving_focus = require("@radix-ui/react-roving-focus");
84
+ var import_react_primitive = require("@radix-ui/react-primitive");
85
+ var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
86
+ var import_jsx_runtime = require("react/jsx-runtime");
87
+ var MENUBAR_NAME = "Menubar";
88
+ var [Collection, useCollection, createCollectionScope] = (0, import_react_collection.createCollection)(MENUBAR_NAME);
89
+ var [createMenubarContext, createMenubarScope] = (0, import_react_context.createContextScope)(MENUBAR_NAME, [
90
+ createCollectionScope,
91
+ import_react_roving_focus.createRovingFocusGroupScope
92
+ ]);
93
+ var useMenuScope = (0, import_react_menu.createMenuScope)();
94
+ var useRovingFocusGroupScope = (0, import_react_roving_focus.createRovingFocusGroupScope)();
95
+ var [MenubarContextProvider, useMenubarContext] = createMenubarContext(MENUBAR_NAME);
96
+ var Menubar = React.forwardRef(
97
+ (props, forwardedRef) => {
98
+ const {
99
+ __scopeMenubar,
100
+ value: valueProp,
101
+ onValueChange,
102
+ defaultValue,
103
+ loop = true,
104
+ dir,
105
+ ...menubarProps
106
+ } = props;
107
+ const direction = (0, import_react_direction.useDirection)(dir);
108
+ const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
109
+ const [value = "", setValue] = (0, import_react_use_controllable_state.useControllableState)({
110
+ prop: valueProp,
111
+ onChange: onValueChange,
112
+ defaultProp: defaultValue
113
+ });
114
+ const [currentTabStopId, setCurrentTabStopId] = React.useState(null);
130
115
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
131
- MenubarMenuProvider,
116
+ MenubarContextProvider,
132
117
  {
133
118
  scope: __scopeMenubar,
134
119
  value,
135
- triggerId: (0, import_react_id.useId)(),
136
- triggerRef,
137
- contentId: (0, import_react_id.useId)(),
138
- wasKeyboardTriggerOpenRef,
139
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
140
- MenuPrimitive.Root,
120
+ onMenuOpen: React.useCallback(
121
+ (value2) => {
122
+ setValue(value2);
123
+ setCurrentTabStopId(value2);
124
+ },
125
+ [setValue]
126
+ ),
127
+ onMenuClose: React.useCallback(() => setValue(""), [setValue]),
128
+ onMenuToggle: React.useCallback(
129
+ (value2) => {
130
+ setValue((prevValue) => Boolean(prevValue) ? "" : value2);
131
+ setCurrentTabStopId(value2);
132
+ },
133
+ [setValue]
134
+ ),
135
+ dir: direction,
136
+ loop,
137
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Provider, { scope: __scopeMenubar, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, { scope: __scopeMenubar, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
138
+ RovingFocusGroup.Root,
141
139
  {
142
- ...menuScope,
143
- open,
144
- onOpenChange: (open2) => {
145
- if (!open2) context.onMenuClose();
146
- },
147
- modal: false,
148
- dir: context.dir,
149
- ...menuProps
140
+ asChild: true,
141
+ ...rovingFocusGroupScope,
142
+ orientation: "horizontal",
143
+ loop,
144
+ dir: direction,
145
+ currentTabStopId,
146
+ onCurrentTabStopIdChange: setCurrentTabStopId,
147
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { role: "menubar", ...menubarProps, ref: forwardedRef })
150
148
  }
151
- )
149
+ ) }) })
152
150
  }
153
151
  );
154
- };
155
- MenubarMenu.displayName = MENU_NAME;
156
- var TRIGGER_NAME = "MenubarTrigger";
157
- var MenubarTrigger = React.forwardRef(
158
- (props, forwardedRef) => {
159
- const { __scopeMenubar, disabled = false, ...triggerProps } = props;
160
- const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
161
- const menuScope = useMenuScope(__scopeMenubar);
162
- const context = useMenubarContext(TRIGGER_NAME, __scopeMenubar);
163
- const menuContext = useMenubarMenuContext(TRIGGER_NAME, __scopeMenubar);
164
- const ref = React.useRef(null);
165
- const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref, menuContext.triggerRef);
166
- const [isFocused, setIsFocused] = React.useState(false);
167
- const open = context.value === menuContext.value;
168
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.ItemSlot, { scope: __scopeMenubar, value: menuContext.value, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
169
- RovingFocusGroup.Item,
152
+ }
153
+ );
154
+ Menubar.displayName = MENUBAR_NAME;
155
+ var MENU_NAME = "MenubarMenu";
156
+ var [MenubarMenuProvider, useMenubarMenuContext] = createMenubarContext(MENU_NAME);
157
+ var MenubarMenu = (props) => {
158
+ const { __scopeMenubar, value: valueProp, ...menuProps } = props;
159
+ const autoValue = (0, import_react_id.useId)();
160
+ const value = valueProp || autoValue || "LEGACY_REACT_AUTO_VALUE";
161
+ const context = useMenubarContext(MENU_NAME, __scopeMenubar);
162
+ const menuScope = useMenuScope(__scopeMenubar);
163
+ const triggerRef = React.useRef(null);
164
+ const wasKeyboardTriggerOpenRef = React.useRef(false);
165
+ const open = context.value === value;
166
+ React.useEffect(() => {
167
+ if (!open) wasKeyboardTriggerOpenRef.current = false;
168
+ }, [open]);
169
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
170
+ MenubarMenuProvider,
171
+ {
172
+ scope: __scopeMenubar,
173
+ value,
174
+ triggerId: (0, import_react_id.useId)(),
175
+ triggerRef,
176
+ contentId: (0, import_react_id.useId)(),
177
+ wasKeyboardTriggerOpenRef,
178
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
179
+ MenuPrimitive.Root,
170
180
  {
171
- asChild: true,
172
- ...rovingFocusGroupScope,
173
- focusable: !disabled,
174
- tabStopId: menuContext.value,
175
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Anchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
176
- import_react_primitive.Primitive.button,
177
- {
178
- type: "button",
179
- role: "menuitem",
180
- id: menuContext.triggerId,
181
- "aria-haspopup": "menu",
182
- "aria-expanded": open,
183
- "aria-controls": open ? menuContext.contentId : void 0,
184
- "data-highlighted": isFocused ? "" : void 0,
185
- "data-state": open ? "open" : "closed",
186
- "data-disabled": disabled ? "" : void 0,
187
- disabled,
188
- ...triggerProps,
189
- ref: composedRefs,
190
- onPointerDown: (0, import_primitive.composeEventHandlers)(props.onPointerDown, (event) => {
191
- if (!disabled && event.button === 0 && event.ctrlKey === false) {
192
- context.onMenuOpen(menuContext.value);
193
- if (!open) event.preventDefault();
194
- }
195
- }),
196
- onPointerEnter: (0, import_primitive.composeEventHandlers)(props.onPointerEnter, () => {
197
- const menubarOpen = Boolean(context.value);
198
- if (menubarOpen && !open) {
199
- context.onMenuOpen(menuContext.value);
200
- ref.current?.focus();
201
- }
202
- }),
203
- onKeyDown: (0, import_primitive.composeEventHandlers)(props.onKeyDown, (event) => {
204
- if (disabled) return;
205
- if (["Enter", " "].includes(event.key)) context.onMenuToggle(menuContext.value);
206
- if (event.key === "ArrowDown") context.onMenuOpen(menuContext.value);
207
- if (["Enter", " ", "ArrowDown"].includes(event.key)) {
208
- menuContext.wasKeyboardTriggerOpenRef.current = true;
209
- event.preventDefault();
210
- }
211
- }),
212
- onFocus: (0, import_primitive.composeEventHandlers)(props.onFocus, () => setIsFocused(true)),
213
- onBlur: (0, import_primitive.composeEventHandlers)(props.onBlur, () => setIsFocused(false))
214
- }
215
- ) })
181
+ ...menuScope,
182
+ open,
183
+ onOpenChange: (open2) => {
184
+ if (!open2) context.onMenuClose();
185
+ },
186
+ modal: false,
187
+ dir: context.dir,
188
+ ...menuProps
216
189
  }
217
- ) });
190
+ )
218
191
  }
219
192
  );
220
- MenubarTrigger.displayName = TRIGGER_NAME;
221
- var PORTAL_NAME = "MenubarPortal";
222
- var MenubarPortal = (props) => {
223
- const { __scopeMenubar, ...portalProps } = props;
193
+ };
194
+ MenubarMenu.displayName = MENU_NAME;
195
+ var TRIGGER_NAME = "MenubarTrigger";
196
+ var MenubarTrigger = React.forwardRef(
197
+ (props, forwardedRef) => {
198
+ const { __scopeMenubar, disabled = false, ...triggerProps } = props;
199
+ const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeMenubar);
224
200
  const menuScope = useMenuScope(__scopeMenubar);
225
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Portal, { ...menuScope, ...portalProps });
226
- };
227
- MenubarPortal.displayName = PORTAL_NAME;
228
- var CONTENT_NAME = "MenubarContent";
229
- var MenubarContent = React.forwardRef(
230
- (props, forwardedRef) => {
231
- const { __scopeMenubar, align = "start", ...contentProps } = props;
232
- const menuScope = useMenuScope(__scopeMenubar);
233
- const context = useMenubarContext(CONTENT_NAME, __scopeMenubar);
234
- const menuContext = useMenubarMenuContext(CONTENT_NAME, __scopeMenubar);
235
- const getItems = useCollection(__scopeMenubar);
236
- const hasInteractedOutsideRef = React.useRef(false);
237
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
238
- MenuPrimitive.Content,
239
- {
240
- id: menuContext.contentId,
241
- "aria-labelledby": menuContext.triggerId,
242
- "data-radix-menubar-content": "",
243
- ...menuScope,
244
- ...contentProps,
245
- ref: forwardedRef,
246
- align,
247
- onCloseAutoFocus: (0, import_primitive.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
248
- const menubarOpen = Boolean(context.value);
249
- if (!menubarOpen && !hasInteractedOutsideRef.current) {
250
- menuContext.triggerRef.current?.focus();
251
- }
252
- hasInteractedOutsideRef.current = false;
253
- event.preventDefault();
254
- }),
255
- onFocusOutside: (0, import_primitive.composeEventHandlers)(props.onFocusOutside, (event) => {
256
- const target = event.target;
257
- const isMenubarTrigger = getItems().some((item) => item.ref.current?.contains(target));
258
- if (isMenubarTrigger) event.preventDefault();
259
- }),
260
- onInteractOutside: (0, import_primitive.composeEventHandlers)(props.onInteractOutside, () => {
261
- hasInteractedOutsideRef.current = true;
262
- }),
263
- onEntryFocus: (event) => {
264
- if (!menuContext.wasKeyboardTriggerOpenRef.current) event.preventDefault();
265
- },
266
- onKeyDown: (0, import_primitive.composeEventHandlers)(
267
- props.onKeyDown,
268
- (event) => {
269
- if (["ArrowRight", "ArrowLeft"].includes(event.key)) {
270
- const target = event.target;
271
- const targetIsSubTrigger = target.hasAttribute("data-radix-menubar-subtrigger");
272
- const isKeyDownInsideSubMenu = target.closest("[data-radix-menubar-content]") !== event.currentTarget;
273
- const prevMenuKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
274
- const isPrevKey = prevMenuKey === event.key;
275
- const isNextKey = !isPrevKey;
276
- if (isNextKey && targetIsSubTrigger) return;
277
- if (isKeyDownInsideSubMenu && isPrevKey) return;
278
- const items = getItems().filter((item) => !item.disabled);
279
- let candidateValues = items.map((item) => item.value);
280
- if (isPrevKey) candidateValues.reverse();
281
- const currentIndex = candidateValues.indexOf(menuContext.value);
282
- candidateValues = context.loop ? wrapArray(candidateValues, currentIndex + 1) : candidateValues.slice(currentIndex + 1);
283
- const [nextValue] = candidateValues;
284
- if (nextValue) context.onMenuOpen(nextValue);
201
+ const context = useMenubarContext(TRIGGER_NAME, __scopeMenubar);
202
+ const menuContext = useMenubarMenuContext(TRIGGER_NAME, __scopeMenubar);
203
+ const ref = React.useRef(null);
204
+ const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, ref, menuContext.triggerRef);
205
+ const [isFocused, setIsFocused] = React.useState(false);
206
+ const open = context.value === menuContext.value;
207
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.ItemSlot, { scope: __scopeMenubar, value: menuContext.value, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
208
+ RovingFocusGroup.Item,
209
+ {
210
+ asChild: true,
211
+ ...rovingFocusGroupScope,
212
+ focusable: !disabled,
213
+ tabStopId: menuContext.value,
214
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Anchor, { asChild: true, ...menuScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
215
+ import_react_primitive.Primitive.button,
216
+ {
217
+ type: "button",
218
+ role: "menuitem",
219
+ id: menuContext.triggerId,
220
+ "aria-haspopup": "menu",
221
+ "aria-expanded": open,
222
+ "aria-controls": open ? menuContext.contentId : void 0,
223
+ "data-highlighted": isFocused ? "" : void 0,
224
+ "data-state": open ? "open" : "closed",
225
+ "data-disabled": disabled ? "" : void 0,
226
+ disabled,
227
+ ...triggerProps,
228
+ ref: composedRefs,
229
+ onPointerDown: (0, import_primitive.composeEventHandlers)(props.onPointerDown, (event) => {
230
+ if (!disabled && event.button === 0 && event.ctrlKey === false) {
231
+ context.onMenuOpen(menuContext.value);
232
+ if (!open) event.preventDefault();
285
233
  }
286
- },
287
- { checkForDefaultPrevented: false }
288
- ),
289
- style: {
290
- ...props.style,
291
- // re-namespace exposed content custom properties
292
- ...{
293
- "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
294
- "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
295
- "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
296
- "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
297
- "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
234
+ }),
235
+ onPointerEnter: (0, import_primitive.composeEventHandlers)(props.onPointerEnter, () => {
236
+ const menubarOpen = Boolean(context.value);
237
+ if (menubarOpen && !open) {
238
+ context.onMenuOpen(menuContext.value);
239
+ ref.current?.focus();
240
+ }
241
+ }),
242
+ onKeyDown: (0, import_primitive.composeEventHandlers)(props.onKeyDown, (event) => {
243
+ if (disabled) return;
244
+ if (["Enter", " "].includes(event.key)) context.onMenuToggle(menuContext.value);
245
+ if (event.key === "ArrowDown") context.onMenuOpen(menuContext.value);
246
+ if (["Enter", " ", "ArrowDown"].includes(event.key)) {
247
+ menuContext.wasKeyboardTriggerOpenRef.current = true;
248
+ event.preventDefault();
249
+ }
250
+ }),
251
+ onFocus: (0, import_primitive.composeEventHandlers)(props.onFocus, () => setIsFocused(true)),
252
+ onBlur: (0, import_primitive.composeEventHandlers)(props.onBlur, () => setIsFocused(false))
253
+ }
254
+ ) })
255
+ }
256
+ ) });
257
+ }
258
+ );
259
+ MenubarTrigger.displayName = TRIGGER_NAME;
260
+ var PORTAL_NAME = "MenubarPortal";
261
+ var MenubarPortal = (props) => {
262
+ const { __scopeMenubar, ...portalProps } = props;
263
+ const menuScope = useMenuScope(__scopeMenubar);
264
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Portal, { ...menuScope, ...portalProps });
265
+ };
266
+ MenubarPortal.displayName = PORTAL_NAME;
267
+ var CONTENT_NAME = "MenubarContent";
268
+ var MenubarContent = React.forwardRef(
269
+ (props, forwardedRef) => {
270
+ const { __scopeMenubar, align = "start", ...contentProps } = props;
271
+ const menuScope = useMenuScope(__scopeMenubar);
272
+ const context = useMenubarContext(CONTENT_NAME, __scopeMenubar);
273
+ const menuContext = useMenubarMenuContext(CONTENT_NAME, __scopeMenubar);
274
+ const getItems = useCollection(__scopeMenubar);
275
+ const hasInteractedOutsideRef = React.useRef(false);
276
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
277
+ MenuPrimitive.Content,
278
+ {
279
+ id: menuContext.contentId,
280
+ "aria-labelledby": menuContext.triggerId,
281
+ "data-radix-menubar-content": "",
282
+ ...menuScope,
283
+ ...contentProps,
284
+ ref: forwardedRef,
285
+ align,
286
+ onCloseAutoFocus: (0, import_primitive.composeEventHandlers)(props.onCloseAutoFocus, (event) => {
287
+ const menubarOpen = Boolean(context.value);
288
+ if (!menubarOpen && !hasInteractedOutsideRef.current) {
289
+ menuContext.triggerRef.current?.focus();
290
+ }
291
+ hasInteractedOutsideRef.current = false;
292
+ event.preventDefault();
293
+ }),
294
+ onFocusOutside: (0, import_primitive.composeEventHandlers)(props.onFocusOutside, (event) => {
295
+ const target = event.target;
296
+ const isMenubarTrigger = getItems().some((item) => item.ref.current?.contains(target));
297
+ if (isMenubarTrigger) event.preventDefault();
298
+ }),
299
+ onInteractOutside: (0, import_primitive.composeEventHandlers)(props.onInteractOutside, () => {
300
+ hasInteractedOutsideRef.current = true;
301
+ }),
302
+ onEntryFocus: (event) => {
303
+ if (!menuContext.wasKeyboardTriggerOpenRef.current) event.preventDefault();
304
+ },
305
+ onKeyDown: (0, import_primitive.composeEventHandlers)(
306
+ props.onKeyDown,
307
+ (event) => {
308
+ if (["ArrowRight", "ArrowLeft"].includes(event.key)) {
309
+ const target = event.target;
310
+ const targetIsSubTrigger = target.hasAttribute("data-radix-menubar-subtrigger");
311
+ const isKeyDownInsideSubMenu = target.closest("[data-radix-menubar-content]") !== event.currentTarget;
312
+ const prevMenuKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
313
+ const isPrevKey = prevMenuKey === event.key;
314
+ const isNextKey = !isPrevKey;
315
+ if (isNextKey && targetIsSubTrigger) return;
316
+ if (isKeyDownInsideSubMenu && isPrevKey) return;
317
+ const items = getItems().filter((item) => !item.disabled);
318
+ let candidateValues = items.map((item) => item.value);
319
+ if (isPrevKey) candidateValues.reverse();
320
+ const currentIndex = candidateValues.indexOf(menuContext.value);
321
+ candidateValues = context.loop ? wrapArray(candidateValues, currentIndex + 1) : candidateValues.slice(currentIndex + 1);
322
+ const [nextValue] = candidateValues;
323
+ if (nextValue) context.onMenuOpen(nextValue);
298
324
  }
325
+ },
326
+ { checkForDefaultPrevented: false }
327
+ ),
328
+ style: {
329
+ ...props.style,
330
+ // re-namespace exposed content custom properties
331
+ ...{
332
+ "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
333
+ "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
334
+ "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
335
+ "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
336
+ "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
299
337
  }
300
338
  }
301
- );
302
- }
303
- );
304
- MenubarContent.displayName = CONTENT_NAME;
305
- var GROUP_NAME = "MenubarGroup";
306
- var MenubarGroup = React.forwardRef(
307
- (props, forwardedRef) => {
308
- const { __scopeMenubar, ...groupProps } = props;
309
- const menuScope = useMenuScope(__scopeMenubar);
310
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Group, { ...menuScope, ...groupProps, ref: forwardedRef });
311
- }
312
- );
313
- MenubarGroup.displayName = GROUP_NAME;
314
- var LABEL_NAME = "MenubarLabel";
315
- var MenubarLabel = React.forwardRef(
316
- (props, forwardedRef) => {
317
- const { __scopeMenubar, ...labelProps } = props;
318
- const menuScope = useMenuScope(__scopeMenubar);
319
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Label, { ...menuScope, ...labelProps, ref: forwardedRef });
320
- }
321
- );
322
- MenubarLabel.displayName = LABEL_NAME;
323
- var ITEM_NAME = "MenubarItem";
324
- var MenubarItem = React.forwardRef(
325
- (props, forwardedRef) => {
326
- const { __scopeMenubar, ...itemProps } = props;
327
- const menuScope = useMenuScope(__scopeMenubar);
328
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Item, { ...menuScope, ...itemProps, ref: forwardedRef });
329
- }
330
- );
331
- MenubarItem.displayName = ITEM_NAME;
332
- var CHECKBOX_ITEM_NAME = "MenubarCheckboxItem";
333
- var MenubarCheckboxItem = React.forwardRef(
334
- (props, forwardedRef) => {
335
- const { __scopeMenubar, ...checkboxItemProps } = props;
336
- const menuScope = useMenuScope(__scopeMenubar);
337
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
338
- }
339
- );
340
- MenubarCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
341
- var RADIO_GROUP_NAME = "MenubarRadioGroup";
342
- var MenubarRadioGroup = React.forwardRef(
343
- (props, forwardedRef) => {
344
- const { __scopeMenubar, ...radioGroupProps } = props;
345
- const menuScope = useMenuScope(__scopeMenubar);
346
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
347
- }
348
- );
349
- MenubarRadioGroup.displayName = RADIO_GROUP_NAME;
350
- var RADIO_ITEM_NAME = "MenubarRadioItem";
351
- var MenubarRadioItem = React.forwardRef(
352
- (props, forwardedRef) => {
353
- const { __scopeMenubar, ...radioItemProps } = props;
354
- const menuScope = useMenuScope(__scopeMenubar);
355
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
356
- }
357
- );
358
- MenubarRadioItem.displayName = RADIO_ITEM_NAME;
359
- var INDICATOR_NAME = "MenubarItemIndicator";
360
- var MenubarItemIndicator = React.forwardRef((props, forwardedRef) => {
361
- const { __scopeMenubar, ...itemIndicatorProps } = props;
339
+ }
340
+ );
341
+ }
342
+ );
343
+ MenubarContent.displayName = CONTENT_NAME;
344
+ var GROUP_NAME = "MenubarGroup";
345
+ var MenubarGroup = React.forwardRef(
346
+ (props, forwardedRef) => {
347
+ const { __scopeMenubar, ...groupProps } = props;
348
+ const menuScope = useMenuScope(__scopeMenubar);
349
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Group, { ...menuScope, ...groupProps, ref: forwardedRef });
350
+ }
351
+ );
352
+ MenubarGroup.displayName = GROUP_NAME;
353
+ var LABEL_NAME = "MenubarLabel";
354
+ var MenubarLabel = React.forwardRef(
355
+ (props, forwardedRef) => {
356
+ const { __scopeMenubar, ...labelProps } = props;
357
+ const menuScope = useMenuScope(__scopeMenubar);
358
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Label, { ...menuScope, ...labelProps, ref: forwardedRef });
359
+ }
360
+ );
361
+ MenubarLabel.displayName = LABEL_NAME;
362
+ var ITEM_NAME = "MenubarItem";
363
+ var MenubarItem = React.forwardRef(
364
+ (props, forwardedRef) => {
365
+ const { __scopeMenubar, ...itemProps } = props;
362
366
  const menuScope = useMenuScope(__scopeMenubar);
363
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
367
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Item, { ...menuScope, ...itemProps, ref: forwardedRef });
368
+ }
369
+ );
370
+ MenubarItem.displayName = ITEM_NAME;
371
+ var CHECKBOX_ITEM_NAME = "MenubarCheckboxItem";
372
+ var MenubarCheckboxItem = React.forwardRef(
373
+ (props, forwardedRef) => {
374
+ const { __scopeMenubar, ...checkboxItemProps } = props;
375
+ const menuScope = useMenuScope(__scopeMenubar);
376
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.CheckboxItem, { ...menuScope, ...checkboxItemProps, ref: forwardedRef });
377
+ }
378
+ );
379
+ MenubarCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
380
+ var RADIO_GROUP_NAME = "MenubarRadioGroup";
381
+ var MenubarRadioGroup = React.forwardRef(
382
+ (props, forwardedRef) => {
383
+ const { __scopeMenubar, ...radioGroupProps } = props;
384
+ const menuScope = useMenuScope(__scopeMenubar);
385
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.RadioGroup, { ...menuScope, ...radioGroupProps, ref: forwardedRef });
386
+ }
387
+ );
388
+ MenubarRadioGroup.displayName = RADIO_GROUP_NAME;
389
+ var RADIO_ITEM_NAME = "MenubarRadioItem";
390
+ var MenubarRadioItem = React.forwardRef(
391
+ (props, forwardedRef) => {
392
+ const { __scopeMenubar, ...radioItemProps } = props;
393
+ const menuScope = useMenuScope(__scopeMenubar);
394
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.RadioItem, { ...menuScope, ...radioItemProps, ref: forwardedRef });
395
+ }
396
+ );
397
+ MenubarRadioItem.displayName = RADIO_ITEM_NAME;
398
+ var INDICATOR_NAME = "MenubarItemIndicator";
399
+ var MenubarItemIndicator = React.forwardRef((props, forwardedRef) => {
400
+ const { __scopeMenubar, ...itemIndicatorProps } = props;
401
+ const menuScope = useMenuScope(__scopeMenubar);
402
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.ItemIndicator, { ...menuScope, ...itemIndicatorProps, ref: forwardedRef });
403
+ });
404
+ MenubarItemIndicator.displayName = INDICATOR_NAME;
405
+ var SEPARATOR_NAME = "MenubarSeparator";
406
+ var MenubarSeparator = React.forwardRef(
407
+ (props, forwardedRef) => {
408
+ const { __scopeMenubar, ...separatorProps } = props;
409
+ const menuScope = useMenuScope(__scopeMenubar);
410
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
411
+ }
412
+ );
413
+ MenubarSeparator.displayName = SEPARATOR_NAME;
414
+ var ARROW_NAME = "MenubarArrow";
415
+ var MenubarArrow = React.forwardRef(
416
+ (props, forwardedRef) => {
417
+ const { __scopeMenubar, ...arrowProps } = props;
418
+ const menuScope = useMenuScope(__scopeMenubar);
419
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Arrow, { ...menuScope, ...arrowProps, ref: forwardedRef });
420
+ }
421
+ );
422
+ MenubarArrow.displayName = ARROW_NAME;
423
+ var SUB_NAME = "MenubarSub";
424
+ var MenubarSub = (props) => {
425
+ const { __scopeMenubar, children, open: openProp, onOpenChange, defaultOpen } = props;
426
+ const menuScope = useMenuScope(__scopeMenubar);
427
+ const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
428
+ prop: openProp,
429
+ defaultProp: defaultOpen,
430
+ onChange: onOpenChange
364
431
  });
365
- MenubarItemIndicator.displayName = INDICATOR_NAME;
366
- var SEPARATOR_NAME = "MenubarSeparator";
367
- var MenubarSeparator = React.forwardRef(
368
- (props, forwardedRef) => {
369
- const { __scopeMenubar, ...separatorProps } = props;
370
- const menuScope = useMenuScope(__scopeMenubar);
371
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Separator, { ...menuScope, ...separatorProps, ref: forwardedRef });
372
- }
373
- );
374
- MenubarSeparator.displayName = SEPARATOR_NAME;
375
- var ARROW_NAME = "MenubarArrow";
376
- var MenubarArrow = React.forwardRef(
377
- (props, forwardedRef) => {
378
- const { __scopeMenubar, ...arrowProps } = props;
379
- const menuScope = useMenuScope(__scopeMenubar);
380
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Arrow, { ...menuScope, ...arrowProps, ref: forwardedRef });
381
- }
382
- );
383
- MenubarArrow.displayName = ARROW_NAME;
384
- var SUB_NAME = "MenubarSub";
385
- var MenubarSub = (props) => {
386
- const { __scopeMenubar, children, open: openProp, onOpenChange, defaultOpen } = props;
432
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Sub, { ...menuScope, open, onOpenChange: setOpen, children });
433
+ };
434
+ MenubarSub.displayName = SUB_NAME;
435
+ var SUB_TRIGGER_NAME = "MenubarSubTrigger";
436
+ var MenubarSubTrigger = React.forwardRef(
437
+ (props, forwardedRef) => {
438
+ const { __scopeMenubar, ...subTriggerProps } = props;
387
439
  const menuScope = useMenuScope(__scopeMenubar);
388
- const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
389
- prop: openProp,
390
- defaultProp: defaultOpen,
391
- onChange: onOpenChange
392
- });
393
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuPrimitive.Sub, { ...menuScope, open, onOpenChange: setOpen, children });
394
- };
395
- MenubarSub.displayName = SUB_NAME;
396
- var SUB_TRIGGER_NAME = "MenubarSubTrigger";
397
- var MenubarSubTrigger = React.forwardRef(
398
- (props, forwardedRef) => {
399
- const { __scopeMenubar, ...subTriggerProps } = props;
400
- const menuScope = useMenuScope(__scopeMenubar);
401
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
402
- MenuPrimitive.SubTrigger,
403
- {
404
- "data-radix-menubar-subtrigger": "",
405
- ...menuScope,
406
- ...subTriggerProps,
407
- ref: forwardedRef
408
- }
409
- );
410
- }
411
- );
412
- MenubarSubTrigger.displayName = SUB_TRIGGER_NAME;
413
- var SUB_CONTENT_NAME = "MenubarSubContent";
414
- var MenubarSubContent = React.forwardRef(
415
- (props, forwardedRef) => {
416
- const { __scopeMenubar, ...subContentProps } = props;
417
- const menuScope = useMenuScope(__scopeMenubar);
418
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
419
- MenuPrimitive.SubContent,
420
- {
421
- ...menuScope,
422
- "data-radix-menubar-content": "",
423
- ...subContentProps,
424
- ref: forwardedRef,
425
- style: {
426
- ...props.style,
427
- // re-namespace exposed content custom properties
428
- ...{
429
- "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
430
- "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
431
- "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
432
- "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
433
- "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
434
- }
440
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
441
+ MenuPrimitive.SubTrigger,
442
+ {
443
+ "data-radix-menubar-subtrigger": "",
444
+ ...menuScope,
445
+ ...subTriggerProps,
446
+ ref: forwardedRef
447
+ }
448
+ );
449
+ }
450
+ );
451
+ MenubarSubTrigger.displayName = SUB_TRIGGER_NAME;
452
+ var SUB_CONTENT_NAME = "MenubarSubContent";
453
+ var MenubarSubContent = React.forwardRef(
454
+ (props, forwardedRef) => {
455
+ const { __scopeMenubar, ...subContentProps } = props;
456
+ const menuScope = useMenuScope(__scopeMenubar);
457
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
458
+ MenuPrimitive.SubContent,
459
+ {
460
+ ...menuScope,
461
+ "data-radix-menubar-content": "",
462
+ ...subContentProps,
463
+ ref: forwardedRef,
464
+ style: {
465
+ ...props.style,
466
+ // re-namespace exposed content custom properties
467
+ ...{
468
+ "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
469
+ "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
470
+ "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
471
+ "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
472
+ "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
435
473
  }
436
474
  }
437
- );
438
- }
439
- );
440
- MenubarSubContent.displayName = SUB_CONTENT_NAME;
441
- function wrapArray(array, startIndex) {
442
- return array.map((_, index) => array[(startIndex + index) % array.length]);
475
+ }
476
+ );
443
477
  }
444
- var Root3 = Menubar;
445
- var Menu = MenubarMenu;
446
- var Trigger = MenubarTrigger;
447
- var Portal2 = MenubarPortal;
448
- var Content2 = MenubarContent;
449
- var Group2 = MenubarGroup;
450
- var Label2 = MenubarLabel;
451
- var Item3 = MenubarItem;
452
- var CheckboxItem2 = MenubarCheckboxItem;
453
- var RadioGroup2 = MenubarRadioGroup;
454
- var RadioItem2 = MenubarRadioItem;
455
- var ItemIndicator2 = MenubarItemIndicator;
456
- var Separator2 = MenubarSeparator;
457
- var Arrow2 = MenubarArrow;
458
- var Sub2 = MenubarSub;
459
- var SubTrigger2 = MenubarSubTrigger;
460
- var SubContent2 = MenubarSubContent;
461
- })();
478
+ );
479
+ MenubarSubContent.displayName = SUB_CONTENT_NAME;
480
+ function wrapArray(array, startIndex) {
481
+ return array.map((_, index) => array[(startIndex + index) % array.length]);
482
+ }
483
+ var Root3 = Menubar;
484
+ var Menu = MenubarMenu;
485
+ var Trigger = MenubarTrigger;
486
+ var Portal2 = MenubarPortal;
487
+ var Content2 = MenubarContent;
488
+ var Group2 = MenubarGroup;
489
+ var Label2 = MenubarLabel;
490
+ var Item3 = MenubarItem;
491
+ var CheckboxItem2 = MenubarCheckboxItem;
492
+ var RadioGroup2 = MenubarRadioGroup;
493
+ var RadioItem2 = MenubarRadioItem;
494
+ var ItemIndicator2 = MenubarItemIndicator;
495
+ var Separator2 = MenubarSeparator;
496
+ var Arrow2 = MenubarArrow;
497
+ var Sub2 = MenubarSub;
498
+ var SubTrigger2 = MenubarSubTrigger;
499
+ var SubContent2 = MenubarSubContent;
462
500
  //# sourceMappingURL=index.js.map