@radix-solid-js/menubar 0.1.0

package/dist/index.js

@@ -0,0 +1,422 @@
+import { splitProps, createSignal, createEffect } from 'solid-js';
+import { createCollection } from '@radix-solid-js/collection';
+import { useDirection } from '@radix-solid-js/direction';
+import { composeEventHandlers } from '@radix-solid-js/primitive';
+import { mergeRefs } from '@radix-solid-js/compose-refs';
+import { createContextScope } from '@radix-solid-js/context';
+import { createId } from '@radix-solid-js/id';
+import * as MenuPrimitive from '@radix-solid-js/menu';
+import { createMenuScope } from '@radix-solid-js/menu';
+import { createRovingFocusGroupScope, RovingFocusGroup, RovingFocusGroupItem } from '@radix-solid-js/roving-focus';
+import { Primitive } from '@radix-solid-js/primitive-component';
+import { createControllableSignal } from '@radix-solid-js/use-controllable-state';
+
+// src/menubar.tsx
+var MENUBAR_NAME = "Menubar";
+var [Collection, useCollection, createCollectionScope] = createCollection(MENUBAR_NAME);
+var [createMenubarContext, createMenubarScope] = createContextScope(MENUBAR_NAME, [
+  createCollectionScope,
+  createRovingFocusGroupScope
+]);
+var useMenuScope = createMenuScope();
+var useRovingFocusGroupScope = createRovingFocusGroupScope();
+var [MenubarContextProvider, useMenubarContext] = createMenubarContext(MENUBAR_NAME);
+function Menubar(inProps) {
+  const [local, rest] = splitProps(inProps, [
+    "__scopeMenubar",
+    "value",
+    "onValueChange",
+    "defaultValue",
+    "loop",
+    "dir",
+    "ref"
+  ]);
+  const direction = useDirection(local.dir);
+  const rovingFocusGroupScope = useRovingFocusGroupScope(local.__scopeMenubar);
+  const [value, setValue] = createControllableSignal({
+    prop: () => local.value,
+    onChange: local.onValueChange,
+    defaultProp: local.defaultValue ?? "",
+    caller: MENUBAR_NAME
+  });
+  const loop = () => local.loop ?? true;
+  const [currentTabStopId, setCurrentTabStopId] = createSignal(null);
+  return /* @__PURE__ */ React.createElement(
+    MenubarContextProvider,
+    {
+      scope: local.__scopeMenubar,
+      value: value(),
+      onMenuOpen: (menuValue) => {
+        setValue(menuValue);
+        setCurrentTabStopId(menuValue);
+      },
+      onMenuClose: () => setValue(""),
+      onMenuToggle: (menuValue) => {
+        setValue((prevValue) => prevValue ? "" : menuValue);
+        setCurrentTabStopId(menuValue);
+      },
+      dir: direction,
+      loop: loop()
+    },
+    /* @__PURE__ */ React.createElement(Collection.Provider, { scope: local.__scopeMenubar }, /* @__PURE__ */ React.createElement(Collection.Slot, { scope: local.__scopeMenubar }, /* @__PURE__ */ React.createElement(
+      RovingFocusGroup,
+      {
+        ...rovingFocusGroupScope,
+        orientation: "horizontal",
+        loop: loop(),
+        dir: direction,
+        currentTabStopId: currentTabStopId(),
+        onCurrentTabStopIdChange: setCurrentTabStopId
+      },
+      /* @__PURE__ */ React.createElement(Primitive.div, { role: "menubar", ...rest, ref: local.ref })
+    )))
+  );
+}
+Menubar.displayName = MENUBAR_NAME;
+var MENU_NAME = "MenubarMenu";
+var [MenubarMenuProvider, useMenubarMenuContext] = createMenubarContext(MENU_NAME);
+function MenubarMenu(inProps) {
+  const [local] = splitProps(inProps, ["__scopeMenubar", "value", "children"]);
+  const autoValue = createId();
+  const value = () => local.value || autoValue;
+  const context = useMenubarContext(MENU_NAME, local.__scopeMenubar);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  const [triggerRef, setTriggerRef] = createSignal(void 0);
+  let wasKeyboardTriggerOpen = false;
+  const open = () => context.value === value();
+  createEffect(() => {
+    if (!open()) wasKeyboardTriggerOpen = false;
+  });
+  return /* @__PURE__ */ React.createElement(
+    MenubarMenuProvider,
+    {
+      scope: local.__scopeMenubar,
+      value: value(),
+      triggerId: createId(),
+      triggerRef: triggerRef(),
+      onTriggerRefChange: setTriggerRef,
+      contentId: createId(),
+      wasKeyboardTriggerOpen,
+      setWasKeyboardTriggerOpen: (v) => {
+        wasKeyboardTriggerOpen = v;
+      }
+    },
+    /* @__PURE__ */ React.createElement(
+      MenuPrimitive.Menu,
+      {
+        ...menuScope,
+        open: open(),
+        onOpenChange: (openValue) => {
+          if (!openValue) context.onMenuClose();
+        },
+        modal: false,
+        dir: context.dir
+      },
+      local.children
+    )
+  );
+}
+MenubarMenu.displayName = MENU_NAME;
+var TRIGGER_NAME = "MenubarTrigger";
+function MenubarTrigger(inProps) {
+  const [local, rest] = splitProps(inProps, [
+    "__scopeMenubar",
+    "ref",
+    "disabled",
+    "onPointerDown",
+    "onPointerEnter",
+    "onKeyDown",
+    "onFocus",
+    "onBlur"
+  ]);
+  const rovingFocusGroupScope = useRovingFocusGroupScope(local.__scopeMenubar);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  const context = useMenubarContext(TRIGGER_NAME, local.__scopeMenubar);
+  const menuContext = useMenubarMenuContext(TRIGGER_NAME, local.__scopeMenubar);
+  let triggerRef;
+  const [isFocused, setIsFocused] = createSignal(false);
+  const disabled = () => local.disabled ?? false;
+  const open = () => context.value === menuContext.value;
+  return /* @__PURE__ */ React.createElement(Collection.ItemSlot, { scope: local.__scopeMenubar, value: menuContext.value, disabled: disabled() }, /* @__PURE__ */ React.createElement(
+    RovingFocusGroupItem,
+    {
+      ...rovingFocusGroupScope,
+      focusable: !disabled(),
+      tabStopId: menuContext.value
+    },
+    /* @__PURE__ */ React.createElement(MenuPrimitive.MenuAnchor, { ...menuScope }, /* @__PURE__ */ React.createElement(
+      Primitive.button,
+      {
+        type: "button",
+        role: "menuitem",
+        id: menuContext.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": open(),
+        "aria-controls": open() ? menuContext.contentId : void 0,
+        "data-highlighted": isFocused() ? "" : void 0,
+        "data-state": open() ? "open" : "closed",
+        "data-disabled": disabled() ? "" : void 0,
+        disabled: disabled(),
+        ...rest,
+        ref: mergeRefs(local.ref, (el) => {
+          triggerRef = el;
+          menuContext.onTriggerRefChange(el);
+        }),
+        onPointerDown: composeEventHandlers(local.onPointerDown, (event) => {
+          if (!disabled() && event.button === 0 && event.ctrlKey === false) {
+            context.onMenuOpen(menuContext.value);
+            if (!open()) event.preventDefault();
+          }
+        }),
+        onPointerEnter: composeEventHandlers(local.onPointerEnter, () => {
+          const menubarOpen = Boolean(context.value);
+          if (menubarOpen && !open()) {
+            context.onMenuOpen(menuContext.value);
+            triggerRef?.focus();
+          }
+        }),
+        onKeyDown: composeEventHandlers(local.onKeyDown, (event) => {
+          if (disabled()) return;
+          if (["Enter", " "].includes(event.key)) context.onMenuToggle(menuContext.value);
+          if (event.key === "ArrowDown") context.onMenuOpen(menuContext.value);
+          if (["Enter", " ", "ArrowDown"].includes(event.key)) {
+            menuContext.setWasKeyboardTriggerOpen(true);
+            event.preventDefault();
+          }
+        }),
+        onFocus: composeEventHandlers(local.onFocus, () => setIsFocused(true)),
+        onBlur: composeEventHandlers(local.onBlur, () => setIsFocused(false))
+      }
+    ))
+  ));
+}
+MenubarTrigger.displayName = TRIGGER_NAME;
+var PORTAL_NAME = "MenubarPortal";
+function MenubarPortal(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuPortal, { ...menuScope, ...rest });
+}
+MenubarPortal.displayName = PORTAL_NAME;
+var CONTENT_NAME = "MenubarContent";
+function MenubarContent(inProps) {
+  const [local, rest] = splitProps(inProps, [
+    "__scopeMenubar",
+    "ref",
+    "align",
+    "style",
+    "onCloseAutoFocus",
+    "onFocusOutside",
+    "onInteractOutside",
+    "onKeyDown"
+  ]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  const context = useMenubarContext(CONTENT_NAME, local.__scopeMenubar);
+  const menuContext = useMenubarMenuContext(CONTENT_NAME, local.__scopeMenubar);
+  const getItems = useCollection(local.__scopeMenubar);
+  let hasInteractedOutside = false;
+  const align = () => local.align ?? "start";
+  return /* @__PURE__ */ React.createElement(
+    MenuPrimitive.MenuContent,
+    {
+      id: menuContext.contentId,
+      "aria-labelledby": menuContext.triggerId,
+      "data-radix-menubar-content": "",
+      ...menuScope,
+      ...rest,
+      ref: local.ref,
+      align: align(),
+      onCloseAutoFocus: composeEventHandlers(local.onCloseAutoFocus, (event) => {
+        const menubarOpen = Boolean(context.value);
+        if (!menubarOpen && !hasInteractedOutside) {
+          menuContext.triggerRef?.focus();
+        }
+        hasInteractedOutside = false;
+        event.preventDefault();
+      }),
+      onFocusOutside: composeEventHandlers(local.onFocusOutside, (event) => {
+        const target = event.target;
+        const isMenubarTrigger = getItems().some((item) => item.ref?.contains(target));
+        if (isMenubarTrigger) event.preventDefault();
+      }),
+      onInteractOutside: composeEventHandlers(local.onInteractOutside, () => {
+        hasInteractedOutside = true;
+      }),
+      onEntryFocus: (event) => {
+        if (!menuContext.wasKeyboardTriggerOpen) event.preventDefault();
+      },
+      onKeyDown: composeEventHandlers(local.onKeyDown, (event) => {
+        if (["ArrowRight", "ArrowLeft"].includes(event.key)) {
+          const target = event.target;
+          const targetIsSubTrigger = target.hasAttribute("data-radix-menubar-subtrigger");
+          const isKeyDownInsideSubMenu = target.closest("[data-radix-menubar-content]") !== event.currentTarget;
+          const prevMenuKey = context.dir === "rtl" ? "ArrowRight" : "ArrowLeft";
+          const isPrevKey = prevMenuKey === event.key;
+          const isNextKey = !isPrevKey;
+          if (isNextKey && targetIsSubTrigger) return;
+          if (isKeyDownInsideSubMenu && isPrevKey) return;
+          const items = getItems().filter((item) => !item.disabled);
+          let candidateValues = items.map((item) => item.value);
+          if (isPrevKey) candidateValues.reverse();
+          const currentIndex = candidateValues.indexOf(menuContext.value);
+          candidateValues = context.loop ? wrapArray(candidateValues, currentIndex + 1) : candidateValues.slice(currentIndex + 1);
+          const [nextValue] = candidateValues;
+          if (nextValue) context.onMenuOpen(nextValue);
+        }
+      }),
+      style: {
+        ...local.style,
+        "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+}
+MenubarContent.displayName = CONTENT_NAME;
+var GROUP_NAME = "MenubarGroup";
+function MenubarGroup(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuGroup, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarGroup.displayName = GROUP_NAME;
+var LABEL_NAME = "MenubarLabel";
+function MenubarLabel(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuLabel, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarLabel.displayName = LABEL_NAME;
+var ITEM_NAME = "MenubarItem";
+function MenubarItem(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuItem, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarItem.displayName = ITEM_NAME;
+var CHECKBOX_ITEM_NAME = "MenubarCheckboxItem";
+function MenubarCheckboxItem(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuCheckboxItem, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarCheckboxItem.displayName = CHECKBOX_ITEM_NAME;
+var RADIO_GROUP_NAME = "MenubarRadioGroup";
+function MenubarRadioGroup(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuRadioGroup, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarRadioGroup.displayName = RADIO_GROUP_NAME;
+var RADIO_ITEM_NAME = "MenubarRadioItem";
+function MenubarRadioItem(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuRadioItem, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarRadioItem.displayName = RADIO_ITEM_NAME;
+var INDICATOR_NAME = "MenubarItemIndicator";
+function MenubarItemIndicator(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuItemIndicator, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarItemIndicator.displayName = INDICATOR_NAME;
+var SEPARATOR_NAME = "MenubarSeparator";
+function MenubarSeparator(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuSeparator, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarSeparator.displayName = SEPARATOR_NAME;
+var ARROW_NAME = "MenubarArrow";
+function MenubarArrow(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuArrow, { ...menuScope, ...rest, ref: local.ref });
+}
+MenubarArrow.displayName = ARROW_NAME;
+var SUB_NAME = "MenubarSub";
+function MenubarSub(inProps) {
+  const [local] = splitProps(inProps, [
+    "__scopeMenubar",
+    "children",
+    "open",
+    "defaultOpen",
+    "onOpenChange"
+  ]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  const [open, setOpen] = createControllableSignal({
+    prop: () => local.open,
+    defaultProp: local.defaultOpen ?? false,
+    onChange: local.onOpenChange,
+    caller: SUB_NAME
+  });
+  return /* @__PURE__ */ React.createElement(MenuPrimitive.MenuSub, { ...menuScope, open: open(), onOpenChange: setOpen }, local.children);
+}
+MenubarSub.displayName = SUB_NAME;
+var SUB_TRIGGER_NAME = "MenubarSubTrigger";
+function MenubarSubTrigger(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(
+    MenuPrimitive.MenuSubTrigger,
+    {
+      "data-radix-menubar-subtrigger": "",
+      ...menuScope,
+      ...rest,
+      ref: local.ref
+    }
+  );
+}
+MenubarSubTrigger.displayName = SUB_TRIGGER_NAME;
+var SUB_CONTENT_NAME = "MenubarSubContent";
+function MenubarSubContent(inProps) {
+  const [local, rest] = splitProps(inProps, ["__scopeMenubar", "ref", "style"]);
+  const menuScope = useMenuScope(local.__scopeMenubar);
+  return /* @__PURE__ */ React.createElement(
+    MenuPrimitive.MenuSubContent,
+    {
+      ...menuScope,
+      "data-radix-menubar-content": "",
+      ...rest,
+      ref: local.ref,
+      style: {
+        ...local.style,
+        "--radix-menubar-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-menubar-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-menubar-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-menubar-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-menubar-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+}
+MenubarSubContent.displayName = SUB_CONTENT_NAME;
+function wrapArray(array, startIndex) {
+  return array.map((_, index) => array[(startIndex + index) % array.length]);
+}
+var Root = Menubar;
+var Menu2 = MenubarMenu;
+var Trigger = MenubarTrigger;
+var Portal = MenubarPortal;
+var Content = MenubarContent;
+var Group = MenubarGroup;
+var Label = MenubarLabel;
+var Item = MenubarItem;
+var CheckboxItem = MenubarCheckboxItem;
+var RadioGroup = MenubarRadioGroup;
+var RadioItem = MenubarRadioItem;
+var ItemIndicator = MenubarItemIndicator;
+var Separator = MenubarSeparator;
+var Arrow = MenubarArrow;
+var Sub = MenubarSub;
+var SubTrigger = MenubarSubTrigger;
+var SubContent = MenubarSubContent;
+
+export { Arrow, CheckboxItem, Content, Group, Item, ItemIndicator, Label, Menu2 as Menu, Menubar, MenubarArrow, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarItemIndicator, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger, createMenubarScope };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/menubar.tsx"],"names":["Menu"],"mappings":"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","file":"index.js","sourcesContent":["import { type JSX, splitProps, createSignal, createEffect } from 'solid-js';\nimport { createCollection } from '@radix-solid-js/collection';\nimport { useDirection } from '@radix-solid-js/direction';\nimport { composeEventHandlers } from '@radix-solid-js/primitive';\nimport { mergeRefs } from '@radix-solid-js/compose-refs';\nimport { createContextScope, type Scope } from '@radix-solid-js/context';\nimport { createId } from '@radix-solid-js/id';\nimport * as MenuPrimitive from '@radix-solid-js/menu';\nimport { createMenuScope } from '@radix-solid-js/menu';\nimport { RovingFocusGroup, RovingFocusGroupItem, createRovingFocusGroupScope } from '@radix-solid-js/roving-focus';\nimport { Primitive } from '@radix-solid-js/primitive-component';\nimport { createControllableSignal } from '@radix-solid-js/use-controllable-state';\n\nimport type { Direction } from '@radix-solid-js/direction';\n\n/* -------------------------------------------------------------------------------------------------\n * Menubar\n * -----------------------------------------------------------------------------------------------*/\n\nconst MENUBAR_NAME = 'Menubar';\n\ntype ItemData = { value: string; disabled: boolean };\nconst [Collection, useCollection, createCollectionScope] = createCollection<\n  HTMLButtonElement,\n  ItemData\n>(MENUBAR_NAME);\n\ntype ScopedProps<P> = P & { __scopeMenubar?: Scope };\nconst [createMenubarContext, createMenubarScope] = createContextScope(MENUBAR_NAME, [\n  createCollectionScope,\n  createRovingFocusGroupScope,\n]);\n\nconst useMenuScope = createMenuScope();\nconst useRovingFocusGroupScope = createRovingFocusGroupScope();\n\ntype MenubarContextValue = {\n  value: string;\n  dir: Direction;\n  loop: boolean;\n  onMenuOpen(value: string): void;\n  onMenuClose(): void;\n  onMenuToggle(value: string): void;\n};\n\nconst [MenubarContextProvider, useMenubarContext] =\n  createMenubarContext<MenubarContextValue>(MENUBAR_NAME);\n\ninterface MenubarProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?: (value: string) => void;\n  loop?: boolean;\n  dir?: Direction;\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction Menubar(inProps: ScopedProps<MenubarProps>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeMenubar',\n    'value',\n    'onValueChange',\n    'defaultValue',\n    'loop',\n    'dir',\n    'ref',\n  ]);\n  const direction = useDirection(local.dir);\n  const rovingFocusGroupScope = useRovingFocusGroupScope(local.__scopeMenubar);\n  const [value, setValue] = createControllableSignal({\n    prop: () => local.value,\n    onChange: local.onValueChange,\n    defaultProp: local.defaultValue ?? '',\n    caller: MENUBAR_NAME,\n  });\n  const loop = () => local.loop ?? true;\n\n  // We need to manage tab stop id manually as `RovingFocusGroup` updates the stop\n  // based on focus, and in some situations our triggers won't ever be given focus\n  // (e.g. click to open and then outside to close)\n  const [currentTabStopId, setCurrentTabStopId] = createSignal<string | null>(null);\n\n  return (\n    <MenubarContextProvider\n      scope={local.__scopeMenubar}\n      value={value()}\n      onMenuOpen={(menuValue: string) => {\n        setValue(menuValue);\n        setCurrentTabStopId(menuValue);\n      }}\n      onMenuClose={() => setValue('')}\n      onMenuToggle={(menuValue: string) => {\n        setValue((prevValue) => (prevValue ? '' : menuValue));\n        // `onMenuOpen` and `onMenuToggle` are called exclusively so we\n        // need to update the id in either case.\n        setCurrentTabStopId(menuValue);\n      }}\n      dir={direction}\n      loop={loop()}\n    >\n      <Collection.Provider scope={local.__scopeMenubar}>\n        <Collection.Slot scope={local.__scopeMenubar}>\n          <RovingFocusGroup\n            {...rovingFocusGroupScope}\n            orientation=\"horizontal\"\n            loop={loop()}\n            dir={direction}\n            currentTabStopId={currentTabStopId()}\n            onCurrentTabStopIdChange={setCurrentTabStopId}\n          >\n            <Primitive.div role=\"menubar\" {...rest} ref={local.ref} />\n          </RovingFocusGroup>\n        </Collection.Slot>\n      </Collection.Provider>\n    </MenubarContextProvider>\n  );\n}\n\nMenubar.displayName = MENUBAR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarMenu\n * -----------------------------------------------------------------------------------------------*/\n\nconst MENU_NAME = 'MenubarMenu';\n\ntype MenubarMenuContextValue = {\n  value: string;\n  triggerId: string;\n  triggerRef: HTMLButtonElement | undefined;\n  onTriggerRefChange: (el: HTMLButtonElement | undefined) => void;\n  contentId: string;\n  wasKeyboardTriggerOpen: boolean;\n  setWasKeyboardTriggerOpen: (v: boolean) => void;\n};\n\nconst [MenubarMenuProvider, useMenubarMenuContext] =\n  createMenubarContext<MenubarMenuContextValue>(MENU_NAME);\n\ninterface MenubarMenuProps {\n  value?: string;\n  children?: JSX.Element;\n}\n\nfunction MenubarMenu(inProps: ScopedProps<MenubarMenuProps>) {\n  const [local] = splitProps(inProps, ['__scopeMenubar', 'value', 'children']);\n  const autoValue = createId();\n  const value = () => local.value || autoValue;\n  const context = useMenubarContext(MENU_NAME, local.__scopeMenubar);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  const [triggerRef, setTriggerRef] = createSignal<HTMLButtonElement | undefined>(undefined);\n  let wasKeyboardTriggerOpen = false;\n\n  const open = () => context.value === value();\n\n  createEffect(() => {\n    if (!open()) wasKeyboardTriggerOpen = false;\n  });\n\n  return (\n    <MenubarMenuProvider\n      scope={local.__scopeMenubar}\n      value={value()}\n      triggerId={createId()}\n      triggerRef={triggerRef()}\n      onTriggerRefChange={setTriggerRef}\n      contentId={createId()}\n      wasKeyboardTriggerOpen={wasKeyboardTriggerOpen}\n      setWasKeyboardTriggerOpen={(v: boolean) => { wasKeyboardTriggerOpen = v; }}\n    >\n      <MenuPrimitive.Menu\n        {...menuScope}\n        open={open()}\n        onOpenChange={(openValue: boolean) => {\n          // Menu only calls `onOpenChange` when dismissing so we\n          // want to close our MenuBar based on the same events.\n          if (!openValue) context.onMenuClose();\n        }}\n        modal={false}\n        dir={context.dir}\n      >\n        {local.children}\n      </MenuPrimitive.Menu>\n    </MenubarMenuProvider>\n  );\n}\n\nMenubarMenu.displayName = MENU_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'MenubarTrigger';\n\ninterface MenubarTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarTrigger(inProps: ScopedProps<MenubarTriggerProps>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeMenubar',\n    'ref',\n    'disabled',\n    'onPointerDown',\n    'onPointerEnter',\n    'onKeyDown',\n    'onFocus',\n    'onBlur',\n  ]);\n  const rovingFocusGroupScope = useRovingFocusGroupScope(local.__scopeMenubar);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  const context = useMenubarContext(TRIGGER_NAME, local.__scopeMenubar);\n  const menuContext = useMenubarMenuContext(TRIGGER_NAME, local.__scopeMenubar);\n  let triggerRef: HTMLButtonElement | undefined;\n  const [isFocused, setIsFocused] = createSignal(false);\n  const disabled = () => local.disabled ?? false;\n  const open = () => context.value === menuContext.value;\n\n  return (\n    <Collection.ItemSlot scope={local.__scopeMenubar} value={menuContext.value} disabled={disabled()}>\n      <RovingFocusGroupItem\n        {...rovingFocusGroupScope}\n        focusable={!disabled()}\n        tabStopId={menuContext.value}\n      >\n        <MenuPrimitive.MenuAnchor {...menuScope}>\n          <Primitive.button\n            type=\"button\"\n            role=\"menuitem\"\n            id={menuContext.triggerId}\n            aria-haspopup=\"menu\"\n            aria-expanded={open()}\n            aria-controls={open() ? menuContext.contentId : undefined}\n            data-highlighted={isFocused() ? '' : undefined}\n            data-state={open() ? 'open' : 'closed'}\n            data-disabled={disabled() ? '' : undefined}\n            disabled={disabled()}\n            {...rest}\n            ref={mergeRefs(local.ref, (el: HTMLElement) => {\n              triggerRef = el as HTMLButtonElement;\n              menuContext.onTriggerRefChange(el as HTMLButtonElement);\n            })}\n            onPointerDown={composeEventHandlers(local.onPointerDown as any, (event: PointerEvent) => {\n              // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n              // but not when the control key is pressed (avoiding MacOS right click)\n              if (!disabled() && event.button === 0 && event.ctrlKey === false) {\n                context.onMenuOpen(menuContext.value);\n                // prevent trigger focusing when opening\n                // this allows the content to be given focus without competition\n                if (!open()) event.preventDefault();\n              }\n            })}\n            onPointerEnter={composeEventHandlers(local.onPointerEnter as any, () => {\n              const menubarOpen = Boolean(context.value);\n              if (menubarOpen && !open()) {\n                context.onMenuOpen(menuContext.value);\n                triggerRef?.focus();\n              }\n            })}\n            onKeyDown={composeEventHandlers(local.onKeyDown as any, (event: KeyboardEvent) => {\n              if (disabled()) return;\n              if (['Enter', ' '].includes(event.key)) context.onMenuToggle(menuContext.value);\n              if (event.key === 'ArrowDown') context.onMenuOpen(menuContext.value);\n              // prevent keydown from scrolling window / first focused item to execute\n              // that keydown (inadvertently closing the menu)\n              if (['Enter', ' ', 'ArrowDown'].includes(event.key)) {\n                menuContext.setWasKeyboardTriggerOpen(true);\n                event.preventDefault();\n              }\n            })}\n            onFocus={composeEventHandlers(local.onFocus as any, () => setIsFocused(true))}\n            onBlur={composeEventHandlers(local.onBlur as any, () => setIsFocused(false))}\n          />\n        </MenuPrimitive.MenuAnchor>\n      </RovingFocusGroupItem>\n    </Collection.ItemSlot>\n  );\n}\n\nMenubarTrigger.displayName = TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarPortal\n * -----------------------------------------------------------------------------------------------*/\n\nconst PORTAL_NAME = 'MenubarPortal';\n\ninterface MenubarPortalProps extends MenuPrimitive.MenuPortalProps {}\n\nfunction MenubarPortal(inProps: ScopedProps<MenubarPortalProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuPortal {...menuScope} {...rest} />;\n}\n\nMenubarPortal.displayName = PORTAL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'MenubarContent';\n\ninterface MenubarContentProps extends Omit<MenuPrimitive.MenuContentProps, 'onEntryFocus'> {\n  ref?: (el: HTMLElement) => void;\n  style?: JSX.CSSProperties;\n}\n\nfunction MenubarContent(inProps: ScopedProps<MenubarContentProps>) {\n  const [local, rest] = splitProps(inProps, [\n    '__scopeMenubar',\n    'ref',\n    'align',\n    'style',\n    'onCloseAutoFocus',\n    'onFocusOutside',\n    'onInteractOutside',\n    'onKeyDown',\n  ]);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  const context = useMenubarContext(CONTENT_NAME, local.__scopeMenubar);\n  const menuContext = useMenubarMenuContext(CONTENT_NAME, local.__scopeMenubar);\n  const getItems = useCollection(local.__scopeMenubar);\n  let hasInteractedOutside = false;\n  const align = () => local.align ?? 'start';\n\n  return (\n    <MenuPrimitive.MenuContent\n      id={menuContext.contentId}\n      aria-labelledby={menuContext.triggerId}\n      data-radix-menubar-content=\"\"\n      {...menuScope}\n      {...rest}\n      ref={local.ref}\n      align={align()}\n      onCloseAutoFocus={composeEventHandlers(local.onCloseAutoFocus, (event: Event) => {\n        const menubarOpen = Boolean(context.value);\n        if (!menubarOpen && !hasInteractedOutside) {\n          menuContext.triggerRef?.focus();\n        }\n\n        hasInteractedOutside = false;\n        // Always prevent auto focus because we either focus manually or want user agent focus\n        event.preventDefault();\n      })}\n      onFocusOutside={composeEventHandlers(local.onFocusOutside, (event: any) => {\n        const target = event.target as HTMLElement;\n        const isMenubarTrigger = getItems().some((item) => item.ref?.contains(target));\n        if (isMenubarTrigger) event.preventDefault();\n      })}\n      onInteractOutside={composeEventHandlers(local.onInteractOutside, () => {\n        hasInteractedOutside = true;\n      })}\n      onEntryFocus={(event: Event) => {\n        if (!menuContext.wasKeyboardTriggerOpen) event.preventDefault();\n      }}\n      onKeyDown={composeEventHandlers(local.onKeyDown as any, (event: KeyboardEvent) => {\n        if (['ArrowRight', 'ArrowLeft'].includes(event.key)) {\n          const target = event.target as HTMLElement;\n          const targetIsSubTrigger = target.hasAttribute('data-radix-menubar-subtrigger');\n          const isKeyDownInsideSubMenu =\n            target.closest('[data-radix-menubar-content]') !== event.currentTarget;\n\n          const prevMenuKey = context.dir === 'rtl' ? 'ArrowRight' : 'ArrowLeft';\n          const isPrevKey = prevMenuKey === event.key;\n          const isNextKey = !isPrevKey;\n\n          // Prevent navigation when we're opening a submenu\n          if (isNextKey && targetIsSubTrigger) return;\n          // or we're inside a submenu and are moving backwards to close it\n          if (isKeyDownInsideSubMenu && isPrevKey) return;\n\n          const items = getItems().filter((item) => !item.disabled);\n          let candidateValues = items.map((item) => item.value);\n          if (isPrevKey) candidateValues.reverse();\n\n          const currentIndex = candidateValues.indexOf(menuContext.value);\n\n          candidateValues = context.loop\n            ? wrapArray(candidateValues, currentIndex + 1)\n            : candidateValues.slice(currentIndex + 1);\n\n          const [nextValue] = candidateValues;\n          if (nextValue) context.onMenuOpen(nextValue);\n        }\n      })}\n      style={{\n        ...(local.style as JSX.CSSProperties),\n        '--radix-menubar-content-transform-origin': 'var(--radix-popper-transform-origin)',\n        '--radix-menubar-content-available-width': 'var(--radix-popper-available-width)',\n        '--radix-menubar-content-available-height': 'var(--radix-popper-available-height)',\n        '--radix-menubar-trigger-width': 'var(--radix-popper-anchor-width)',\n        '--radix-menubar-trigger-height': 'var(--radix-popper-anchor-height)',\n      } as JSX.CSSProperties}\n    />\n  );\n}\n\nMenubarContent.displayName = CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst GROUP_NAME = 'MenubarGroup';\n\ninterface MenubarGroupProps extends MenuPrimitive.MenuGroupProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarGroup(inProps: ScopedProps<MenubarGroupProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuGroup {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarGroup.displayName = GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarLabel\n * -----------------------------------------------------------------------------------------------*/\n\nconst LABEL_NAME = 'MenubarLabel';\n\ninterface MenubarLabelProps extends MenuPrimitive.MenuLabelProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarLabel(inProps: ScopedProps<MenubarLabelProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuLabel {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarLabel.displayName = LABEL_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'MenubarItem';\n\ninterface MenubarItemProps extends MenuPrimitive.MenuItemProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarItem(inProps: ScopedProps<MenubarItemProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuItem {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarCheckboxItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst CHECKBOX_ITEM_NAME = 'MenubarCheckboxItem';\n\ninterface MenubarCheckboxItemProps extends MenuPrimitive.MenuCheckboxItemProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarCheckboxItem(inProps: ScopedProps<MenubarCheckboxItemProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuCheckboxItem {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarCheckboxItem.displayName = CHECKBOX_ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarRadioGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst RADIO_GROUP_NAME = 'MenubarRadioGroup';\n\ninterface MenubarRadioGroupProps extends MenuPrimitive.MenuRadioGroupProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarRadioGroup(inProps: ScopedProps<MenubarRadioGroupProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuRadioGroup {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarRadioGroup.displayName = RADIO_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarRadioItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst RADIO_ITEM_NAME = 'MenubarRadioItem';\n\ninterface MenubarRadioItemProps extends MenuPrimitive.MenuRadioItemProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarRadioItem(inProps: ScopedProps<MenubarRadioItemProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuRadioItem {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarRadioItem.displayName = RADIO_ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarItemIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'MenubarItemIndicator';\n\ninterface MenubarItemIndicatorProps extends MenuPrimitive.MenuItemIndicatorProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarItemIndicator(inProps: ScopedProps<MenubarItemIndicatorProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuItemIndicator {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarItemIndicator.displayName = INDICATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'MenubarSeparator';\n\ninterface MenubarSeparatorProps extends MenuPrimitive.MenuSeparatorProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarSeparator(inProps: ScopedProps<MenubarSeparatorProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuSeparator {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarSeparator.displayName = SEPARATOR_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarArrow\n * -----------------------------------------------------------------------------------------------*/\n\nconst ARROW_NAME = 'MenubarArrow';\n\ninterface MenubarArrowProps extends MenuPrimitive.MenuArrowProps {\n  ref?: (el: SVGSVGElement) => void;\n}\n\nfunction MenubarArrow(inProps: ScopedProps<MenubarArrowProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return <MenuPrimitive.MenuArrow {...menuScope} {...rest} ref={local.ref} />;\n}\n\nMenubarArrow.displayName = ARROW_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarSub\n * -----------------------------------------------------------------------------------------------*/\n\nconst SUB_NAME = 'MenubarSub';\n\ninterface MenubarSubProps {\n  children?: JSX.Element;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n}\n\nfunction MenubarSub(inProps: ScopedProps<MenubarSubProps>) {\n  const [local] = splitProps(inProps, [\n    '__scopeMenubar',\n    'children',\n    'open',\n    'defaultOpen',\n    'onOpenChange',\n  ]);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  const [open, setOpen] = createControllableSignal({\n    prop: () => local.open,\n    defaultProp: local.defaultOpen ?? false,\n    onChange: local.onOpenChange,\n    caller: SUB_NAME,\n  });\n\n  return (\n    <MenuPrimitive.MenuSub {...menuScope} open={open()} onOpenChange={setOpen}>\n      {local.children}\n    </MenuPrimitive.MenuSub>\n  );\n}\n\nMenubarSub.displayName = SUB_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarSubTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst SUB_TRIGGER_NAME = 'MenubarSubTrigger';\n\ninterface MenubarSubTriggerProps extends MenuPrimitive.MenuSubTriggerProps {\n  ref?: (el: HTMLElement) => void;\n}\n\nfunction MenubarSubTrigger(inProps: ScopedProps<MenubarSubTriggerProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n  return (\n    <MenuPrimitive.MenuSubTrigger\n      data-radix-menubar-subtrigger=\"\"\n      {...menuScope}\n      {...rest}\n      ref={local.ref}\n    />\n  );\n}\n\nMenubarSubTrigger.displayName = SUB_TRIGGER_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * MenubarSubContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst SUB_CONTENT_NAME = 'MenubarSubContent';\n\ninterface MenubarSubContentProps extends MenuPrimitive.MenuSubContentProps {\n  ref?: (el: HTMLElement) => void;\n  style?: JSX.CSSProperties;\n}\n\nfunction MenubarSubContent(inProps: ScopedProps<MenubarSubContentProps>) {\n  const [local, rest] = splitProps(inProps, ['__scopeMenubar', 'ref', 'style']);\n  const menuScope = useMenuScope(local.__scopeMenubar);\n\n  return (\n    <MenuPrimitive.MenuSubContent\n      {...menuScope}\n      data-radix-menubar-content=\"\"\n      {...rest}\n      ref={local.ref}\n      style={{\n        ...(local.style as JSX.CSSProperties),\n        '--radix-menubar-content-transform-origin': 'var(--radix-popper-transform-origin)',\n        '--radix-menubar-content-available-width': 'var(--radix-popper-available-width)',\n        '--radix-menubar-content-available-height': 'var(--radix-popper-available-height)',\n        '--radix-menubar-trigger-width': 'var(--radix-popper-anchor-width)',\n        '--radix-menubar-trigger-height': 'var(--radix-popper-anchor-height)',\n      } as JSX.CSSProperties}\n    />\n  );\n}\n\nMenubarSubContent.displayName = SUB_CONTENT_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * Helpers\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * Wraps an array around itself at a given start index\n * Example: `wrapArray(['a', 'b', 'c', 'd'], 2) === ['c', 'd', 'a', 'b']`\n */\nfunction wrapArray<T>(array: T[], startIndex: number) {\n  return array.map<T>((_, index) => array[(startIndex + index) % array.length]!);\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Exports\n * -----------------------------------------------------------------------------------------------*/\n\nconst Root = Menubar;\nconst Menu = MenubarMenu;\nconst Trigger = MenubarTrigger;\nconst Portal = MenubarPortal;\nconst Content = MenubarContent;\nconst Group = MenubarGroup;\nconst Label = MenubarLabel;\nconst Item = MenubarItem;\nconst CheckboxItem = MenubarCheckboxItem;\nconst RadioGroup = MenubarRadioGroup;\nconst RadioItem = MenubarRadioItem;\nconst ItemIndicator = MenubarItemIndicator;\nconst Separator = MenubarSeparator;\nconst Arrow = MenubarArrow;\nconst Sub = MenubarSub;\nconst SubTrigger = MenubarSubTrigger;\nconst SubContent = MenubarSubContent;\n\nexport {\n  createMenubarScope,\n  //\n  Menubar,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarPortal,\n  MenubarContent,\n  MenubarGroup,\n  MenubarLabel,\n  MenubarItem,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarItemIndicator,\n  MenubarSeparator,\n  MenubarArrow,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n  //\n  Root,\n  Menu,\n  Trigger,\n  Portal,\n  Content,\n  Group,\n  Label,\n  Item,\n  CheckboxItem,\n  RadioGroup,\n  RadioItem,\n  ItemIndicator,\n  Separator,\n  Arrow,\n  Sub,\n  SubTrigger,\n  SubContent,\n};\nexport type {\n  MenubarProps,\n  MenubarMenuProps,\n  MenubarTriggerProps,\n  MenubarPortalProps,\n  MenubarContentProps,\n  MenubarGroupProps,\n  MenubarLabelProps,\n  MenubarItemProps,\n  MenubarCheckboxItemProps,\n  MenubarRadioGroupProps,\n  MenubarRadioItemProps,\n  MenubarItemIndicatorProps,\n  MenubarSeparatorProps,\n  MenubarArrowProps,\n  MenubarSubProps,\n  MenubarSubTriggerProps,\n  MenubarSubContentProps,\n};\n"]}

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@radix-solid-js/menubar",
+  "version": "0.1.0",
+  "license": "MIT",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsup",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
+  },
+  "dependencies": {
+    "@radix-solid-js/primitive": "workspace:*",
+    "@radix-solid-js/collection": "workspace:*",
+    "@radix-solid-js/compose-refs": "workspace:*",
+    "@radix-solid-js/context": "workspace:*",
+    "@radix-solid-js/direction": "workspace:*",
+    "@radix-solid-js/id": "workspace:*",
+    "@radix-solid-js/menu": "workspace:*",
+    "@radix-solid-js/primitive-component": "workspace:*",
+    "@radix-solid-js/roving-focus": "workspace:*",
+    "@radix-solid-js/use-controllable-state": "workspace:*"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "@repo/tsconfig": "workspace:*",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "solid-js": "^1.9.3",
+    "vitest": "^2.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ljho01/shadcn-solid-js.git",
+    "directory": "packages/solid/menubar"
+  }
+}