@dxos/react-ui-menu 0.8.3-main.7f5a14c → 0.8.3

package/dist/lib/browser/index.mjs

@@ -205,9 +205,10 @@ var DropdownMenu = {
 
 // packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React4, { useCallback as useCallback2 } from "react";
+import React4, { Fragment, useCallback as useCallback2 } from "react";
 import { Icon as Icon2, Toolbar as NaturalToolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
+import { mx as mx2, textBlockWidth, toolbarLayout } from "@dxos/react-ui-theme";
 
 // packages/ui/react-ui-menu/src/types.ts
 import { ACTION_GROUP_TYPE as ACTION_GROUP_TYPE2 } from "@dxos/app-graph";
@@ -360,20 +361,25 @@ var ToggleGroupToolbarItem = ({ group, items: propsItems, __menuScope }) => {
     _effect.f();
   }
 };
-var ToolbarMenu = ({ __menuScope, classNames, ...props }) => {
+var ToolbarMenu = ({ __menuScope, classNames, textBlockWidth: wrapContents, ...props }) => {
   var _effect = _useSignals4();
   try {
     const items = useMenuItems(void 0, void 0, "ToolbarMenu", __menuScope);
     const { attendableId } = useMenu("ToolbarMenu", __menuScope);
     const { hasAttention } = useAttention(attendableId);
+    const InnerRoot = wrapContents ? "div" : Fragment;
+    const innerRootProps = wrapContents ? {
+      role: "none",
+      className: mx2(textBlockWidth, toolbarLayout)
+    } : {};
     return /* @__PURE__ */ React4.createElement(NaturalToolbar.Root, {
       ...props,
+      layoutManaged: wrapContents,
       classNames: [
-        "p-1",
-        attendableId && !hasAttention && "[&>*]:opacity-20 !bg-transparent",
+        attendableId && !hasAttention && "*:opacity-20 !bg-transparent",
         classNames
       ]
-    }, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ React4.createElement(NaturalToolbar.Separator, {
+    }, /* @__PURE__ */ React4.createElement(InnerRoot, innerRootProps, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ React4.createElement(NaturalToolbar.Separator, {
       key: i,
       variant: item.properties.variant
     }) : isMenuGroup(item) ? item.properties.variant === "dropdownMenu" ? (
@@ -394,7 +400,7 @@ var ToolbarMenu = ({ __menuScope, classNames, ...props }) => {
         key: item.id,
         action: item
       })
-    )));
+    ))));
   } finally {
     _effect.f();
   }

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/index.ts", "../../../src/components/DropdownMenu.tsx", "../../../src/components/ActionLabel.tsx", "../../../src/translations.ts", "../../../src/util.ts", "../../../src/components/MenuContext.tsx", "../../../src/components/ToolbarMenu.tsx", "../../../src/types.ts", "../../../src/hooks/useMenuActions.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nexport { rxFromSignal } from '@dxos/app-graph';\n\nexport * from './components';\nexport * from './hooks';\nexport * from './types';\nexport { createMenuAction, createMenuItemGroup, createLineSeparator, createGapSeparator } from './util';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { DropdownMenu as NaturalDropdownMenu, Icon, type DropdownMenuRootProps } from '@dxos/react-ui';\n\nimport { ActionLabel } from './ActionLabel';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { type MenuAction, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type DropdownMenuProps = DropdownMenuRootProps & {\n  group?: MenuItemGroup;\n  items?: MenuItem[];\n  caller?: string;\n};\n\nconst DropdownMenuItem = ({\n  item,\n  onClick,\n  __menuScope,\n}: MenuScopedProps<{\n  item: MenuItem;\n  onClick: (action: MenuAction, event: MouseEvent) => void;\n}>) => {\n  // TODO(thure): handle other items.\n  const action = item as MenuAction;\n  const handleClick = useCallback((event: MouseEvent) => onClick(action, event), [action, onClick]);\n  const { iconSize } = useMenu('DropdownMenuItem', __menuScope);\n  return (\n    <NaturalDropdownMenu.Item\n      onClick={handleClick}\n      classNames='gap-2'\n      disabled={action.properties?.disabled}\n      {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n    >\n      {action.properties?.icon && <Icon icon={action.properties!.icon} size={iconSize} />}\n      <ActionLabel action={action} />\n    </NaturalDropdownMenu.Item>\n  );\n};\n\nconst DropdownMenuRoot = ({\n  items: propsItems,\n  group,\n  open,\n  defaultOpen,\n  onOpenChange,\n  caller,\n  children,\n  __menuScope,\n  ...naturalProps\n}: MenuScopedProps<DropdownMenuProps>) => {\n  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({\n    prop: open,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const handleActionClick = useCallback(\n    (action: MenuAction, event: MouseEvent) => {\n      if (action.properties?.disabled) {\n        return;\n      }\n      event.stopPropagation();\n      // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n      setOptionsMenuOpen(false);\n      void action.data?.({ parent: group, caller });\n    },\n    [group, caller],\n  );\n\n  const items = useMenuItems(group, propsItems);\n\n  return (\n    <NaturalDropdownMenu.Root open={optionsMenuOpen} onOpenChange={setOptionsMenuOpen} {...naturalProps}>\n      {children}\n      <NaturalDropdownMenu.Portal>\n        <NaturalDropdownMenu.Content>\n          <NaturalDropdownMenu.Viewport>\n            {items?.map((item) => <DropdownMenuItem key={item.id} item={item} onClick={handleActionClick} />)}\n          </NaturalDropdownMenu.Viewport>\n          <NaturalDropdownMenu.Arrow />\n        </NaturalDropdownMenu.Content>\n      </NaturalDropdownMenu.Portal>\n    </NaturalDropdownMenu.Root>\n  );\n};\n\nexport const DropdownMenu = {\n  Root: DropdownMenuRoot,\n  Trigger: NaturalDropdownMenu.Trigger,\n  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Action as GraphAction, type ActionGroup } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation, type TFunction } from '@dxos/react-ui';\nimport { mx, descriptionText } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../translations';\nimport { type MenuActionProperties } from '../types';\nimport { getShortcut } from '../util';\n\ntype Action = GraphAction<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;\n\nexport const ActionLabel = ({ action }: { action: Action }) => {\n  const shortcut = getShortcut(action);\n  const { t } = useTranslation(translationKey);\n\n  return (\n    <>\n      <span className='grow truncate'>{toLocalizedString(action.properties!.label, t)}</span>\n      {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}\n    </>\n  );\n};\n\nexport const actionLabel = (action: Action, t: TFunction) => {\n  const shortcut = getShortcut(action);\n  return `${toLocalizedString(action.properties!.label, t)}${shortcut ? ` (${keySymbols(shortcut).join('')})` : ''}`;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'menus';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ACTION_GROUP_TYPE, ACTION_TYPE, actionGroupSymbol, type ActionLike } from '@dxos/app-graph';\nimport { getHostPlatform } from '@dxos/util';\n\nimport {\n  type MenuAction,\n  type MenuActionProperties,\n  type MenuItemGroup,\n  type MenuItemGroupProperties,\n  type MenuSeparator,\n} from './types';\n\nexport const getShortcut = (action: ActionLike) => {\n  return typeof action.properties?.keyBinding === 'string'\n    ? action.properties.keyBinding\n    : action.properties?.keyBinding?.[getHostPlatform()];\n};\n\nexport const fallbackIcon = 'ph--placeholder--regular';\n\nexport const createMenuAction = <P extends {} = {}>(\n  id: string,\n  invoke: () => void,\n  properties: P & MenuActionProperties,\n) =>\n  ({\n    id,\n    type: ACTION_TYPE,\n    properties,\n    data: invoke,\n  }) satisfies MenuAction;\n\nexport const createMenuItemGroup = <\n  P extends MenuItemGroupProperties = MenuItemGroupProperties & Partial<MenuActionProperties>,\n>(\n  id: string,\n  properties: P,\n) =>\n  ({\n    id,\n    type: ACTION_GROUP_TYPE,\n    properties,\n    data: actionGroupSymbol,\n  }) satisfies MenuItemGroup;\n\nexport const createGapSeparator = (id: string = 'gap', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'gap' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n\nexport const createLineSeparator = (id: string = 'line', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'line' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useMemo } from 'react';\n\nimport { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type MenuScopedProps<P> = P & { __menuScope?: Scope };\n\nconst MENU_NAME = 'GraphMenu';\n\nconst [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, []);\n\nconst [MenuContextProvider, useMenu] = createMenuContext<MenuContextValue>(MENU_NAME);\n\nexport const menuContextDefaults: MenuContextValue = {\n  iconSize: 5,\n  useGroupItems: () => null,\n};\n\nconst useMenuScope = createMenuScope();\n\nconst MenuProvider = ({\n  children,\n  useGroupItems = menuContextDefaults.useGroupItems,\n  iconSize = menuContextDefaults.iconSize,\n  attendableId,\n}: PropsWithChildren<Partial<MenuContextValue>>) => {\n  const { scope } = useMenuScope(undefined);\n  return (\n    <MenuContextProvider useGroupItems={useGroupItems} iconSize={iconSize} attendableId={attendableId} scope={scope}>\n      {children}\n    </MenuContextProvider>\n  );\n};\n\nexport const useMenuItems = (\n  group?: MenuItemGroup,\n  propsItems?: MenuItem[],\n  consumerName: string = 'useMenuItemConsumer',\n  __menuScope?: Scope,\n) => {\n  const { useGroupItems } = useMenu(consumerName, __menuScope);\n  const groupItems = useGroupItems(group);\n  return useMemo(() => propsItems ?? groupItems ?? undefined, [propsItems, groupItems]);\n};\n\nexport { useMenu, createMenuScope, MenuProvider };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Icon, Toolbar as NaturalToolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\n\nimport { actionLabel, ActionLabel } from './ActionLabel';\nimport { DropdownMenu } from './DropdownMenu';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { translationKey } from '../translations';\nimport {\n  type MenuAction,\n  type MenuItem,\n  isMenuGroup,\n  isSeparator,\n  type MenuItemGroup,\n  type MenuActionProperties,\n  type MenuMultipleSelectActionGroup,\n  type MenuSingleSelectActionGroup,\n} from '../types';\n\nexport type ToolbarMenuDropdownMenuActionGroup = Omit<MenuActionProperties, 'variant' | 'icon'> & {\n  variant: 'dropdownMenu';\n  icon: string;\n  applyActive?: boolean;\n};\n\nexport type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'variant'> & {\n  variant: 'toggleGroup';\n};\n\nexport type ToolbarMenuActionGroupProperties = (\n  | ToolbarMenuDropdownMenuActionGroup\n  | ToolbarMenuToggleGroupActionGroup\n) &\n  (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);\n\nexport type ToolbarMenuProps = ToolbarRootProps;\n\nexport type ToolbarMenuActionGroupProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  items?: MenuItem[];\n};\n\nexport type ToolbarMenuActionProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  action: MenuAction;\n};\n\nconst ActionToolbarItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { iconSize } = useMenu('ActionToolbarItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const handleClick = useCallback(() => action.data?.(), [action]);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst DropdownMenuToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const { iconOnly, disabled, testId } = group.properties;\n  const { t } = useTranslation(translationKey);\n  const { iconSize } = useMenu('DropdownMenuToolbarItem', __menuScope);\n  const items = useMenuItems(group, propsItems, 'DropdownMenuToolbarItem', __menuScope);\n  const activeItem = items?.find((item) => !!(item as MenuAction).properties.checked);\n  const icon =\n    ((group.properties as any).applyActive &&\n      // TODO(thure): Handle other menu item types.\n      (activeItem as MenuAction)?.properties.icon) ||\n    group.properties.icon;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const labelAction = (group.properties as any).applyActive && activeItem ? (activeItem as MenuAction) : group;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(labelAction, t), caretDown: true }\n    : {\n        children: (\n          <>\n            <ActionLabel action={labelAction} />\n            <Icon size={3} icon='ph--caret-down--bold' classNames='mis-1' />\n          </>\n        ),\n      };\n  return (\n    <DropdownMenu.Root group={group} items={items}>\n      <DropdownMenu.Trigger asChild>\n        <Root variant='ghost' disabled={disabled} {...(rootProps as any)} {...(testId && { 'data-testid': testId })} />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n\nconst ToggleGroupItem = ({ group, action, __menuScope }: MenuScopedProps<ToolbarMenuActionProps>) => {\n  const { iconSize } = useMenu('ToggleGroupItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const handleClick = useCallback(() => action.data?.({ parent: group }), [action, group]);\n  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      value={action.id as any}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst ToggleGroupToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const items = useMenuItems(group, propsItems, 'ToggleGroupToolbarItem', __menuScope);\n  const { selectCardinality, value } = group.properties;\n  return (\n    // TODO(thure): The type here is difficult to manage, what do?\n    // @ts-ignore\n    <NaturalToolbar.ToggleGroup type={selectCardinality} value={value}>\n      {\n        // TODO(thure): Handle other menu item types.\n        (items as MenuAction[]).map((action) => (\n          <ToggleGroupItem key={action.id} group={group} action={action} />\n        ))\n      }\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nexport const ToolbarMenu = ({ __menuScope, classNames, ...props }: MenuScopedProps<ToolbarMenuProps>) => {\n  const items = useMenuItems(undefined, undefined, 'ToolbarMenu', __menuScope);\n  const { attendableId } = useMenu('ToolbarMenu', __menuScope);\n  const { hasAttention } = useAttention(attendableId);\n  return (\n    <NaturalToolbar.Root\n      {...props}\n      classNames={['p-1', attendableId && !hasAttention && '[&>*]:opacity-20 !bg-transparent', classNames]}\n    >\n      {items?.map((item: MenuItem, i: number) =>\n        isSeparator(item) ? (\n          <NaturalToolbar.Separator key={i} variant={item.properties.variant} />\n        ) : isMenuGroup(item) ? (\n          item.properties.variant === 'dropdownMenu' ? (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n          ) : (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n          )\n        ) : (\n          // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n          <ActionToolbarItem key={item.id} action={item as MenuAction} />\n        ),\n      )}\n    </NaturalToolbar.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Node, type Action, type ActionGroup, ACTION_GROUP_TYPE } from '@dxos/app-graph';\nimport { type ToolbarSeparatorProps, type Label, type IconButtonProps, type ClassNameValue } from '@dxos/react-ui';\n\nexport type MenuActionProperties = {\n  label: Label;\n  icon?: string;\n  value?: string;\n  disabled?: boolean;\n  hidden?: boolean;\n  iconOnly?: boolean;\n  testId?: string;\n  variant?: 'action' | 'toggle';\n  checked?: boolean;\n  classNames?: ClassNameValue;\n};\n\nexport type MenuItemGroupProperties = {\n  label: Label;\n  icon?: string;\n  iconOnly?: boolean;\n};\n\nexport type MenuAction<P extends {} = {}> = Action<P & MenuActionProperties>;\n\nexport const MenuSeparatorType = '@dxos/react-ui-toolbar/separator' as const;\n\nexport type MenuSeparator = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {\n  type: typeof MenuSeparatorType;\n};\n\nexport const isSeparator = (node: Node): node is MenuSeparator => node.type === MenuSeparatorType;\n\nexport type MenuSingleSelectActionGroup = { selectCardinality: 'single'; value: string };\nexport type MenuMultipleSelectActionGroup = { selectCardinality: 'multiple'; value: string[] };\n\nexport type MenuItemGroup<P extends Record<string, any> = Record<string, any>> = ActionGroup<P>;\n\nexport const isMenuGroup = (node: Node): node is MenuItemGroup => node.type === ACTION_GROUP_TYPE;\n\nexport type MenuItem = MenuSeparator | MenuAction | MenuItemGroup;\n\nexport type MenuItemsResolver = (group?: MenuItemGroup) => MenuItem[] | null;\n\nexport type MenuContextValue = {\n  useGroupItems: MenuItemsResolver;\n  iconSize: IconButtonProps['size'];\n  attendableId?: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, type Rx, useRxValue } from '@effect-rx/rx-react';\nimport { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { type Edge, type Edges, Graph, type NodeArg, type Node, ROOT_ID } from '@dxos/app-graph';\n\nimport { type MenuItem, type MenuItemGroup } from '../types';\n\nconst edgesArrayToRecord = (edges: Edge[]): Record<string, Edges> => {\n  return Object.fromEntries(\n    Object.entries(\n      edges.reduce((acc: Record<string, { inbound: string[]; outbound: string[] }>, { source, target }) => {\n        if (!acc[source]) {\n          acc[source] = { inbound: [], outbound: [] };\n        }\n        if (!acc[target]) {\n          acc[target] = { inbound: [], outbound: [] };\n        }\n\n        const sourceEdges = acc[source];\n        if (!sourceEdges.outbound.includes(target)) {\n          sourceEdges.outbound.push(target);\n        }\n\n        const targetEdges = acc[target];\n        if (!targetEdges.inbound.includes(source)) {\n          targetEdges.inbound.push(source);\n        }\n\n        return acc;\n      }, {}),\n    ),\n  );\n};\n\nexport type ActionGraphNodes = NodeArg<any>[];\nexport type ActionGraphEdges = Edge[];\nexport type ActionGraphProps = { nodes: ActionGraphNodes; edges: ActionGraphEdges };\n\nexport const useMenuActions = (props: Rx.Rx<ActionGraphProps>) => {\n  const registry = useContext(RegistryContext);\n  const menuGraphProps = useRxValue(props);\n\n  const [graph] = useState(\n    new Graph({\n      registry,\n      nodes: menuGraphProps.nodes as Node[],\n      edges: edgesArrayToRecord(menuGraphProps.edges),\n    }),\n  );\n\n  useEffect(() => {\n    graph.addNodes(menuGraphProps.nodes);\n    graph.addEdges(menuGraphProps.edges);\n  }, [menuGraphProps]);\n\n  const useGroupItems = useCallback(\n    (sourceNode?: MenuItemGroup) => {\n      const items = useRxValue(graph.connections(sourceNode?.id || ROOT_ID)) as MenuItem[];\n      return items;\n    },\n    [graph],\n  );\n\n  return { useGroupItems };\n};\n"],
-  "mappings": "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",
-  "names": ["rxFromSignal", "useControllableState", "React", "useCallback", "DropdownMenu", "NaturalDropdownMenu", "Icon", "React", "keySymbols", "toLocalizedString", "useTranslation", "mx", "descriptionText", "translationKey", "ACTION_GROUP_TYPE", "ACTION_TYPE", "actionGroupSymbol", "getHostPlatform", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "createMenuAction", "id", "invoke", "properties", "type", "ACTION_TYPE", "data", "createMenuItemGroup", "ACTION_GROUP_TYPE", "actionGroupSymbol", "createGapSeparator", "source", "nodes", "variant", "undefined", "edges", "target", "createLineSeparator", "ActionLabel", "action", "shortcut", "getShortcut", "t", "useTranslation", "translationKey", "span", "className", "toLocalizedString", "properties", "label", "mx", "descriptionText", "keySymbols", "join", "actionLabel", "createContextScope", "React", "useMemo", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "useGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "undefined", "React", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "groupItems", "useMemo", "DropdownMenuItem", "item", "onClick", "__menuScope", "action", "handleClick", "useCallback", "event", "iconSize", "useMenu", "React", "NaturalDropdownMenu", "Item", "classNames", "disabled", "properties", "testId", "icon", "Icon", "size", "ActionLabel", "DropdownMenuRoot", "items", "propsItems", "group", "open", "defaultOpen", "onOpenChange", "caller", "children", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "data", "parent", "useMenuItems", "Root", "Portal", "Content", "Viewport", "map", "key", "id", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "React", "useCallback", "Icon", "Toolbar", "NaturalToolbar", "useTranslation", "useAttention", "ACTION_GROUP_TYPE", "MenuSeparatorType", "isSeparator", "node", "type", "isMenuGroup", "ACTION_GROUP_TYPE", "ActionToolbarItem", "action", "__menuScope", "iconSize", "useMenu", "t", "useTranslation", "translationKey", "handleClick", "useCallback", "data", "icon", "iconOnly", "disabled", "testId", "hidden", "classNames", "properties", "Root", "NaturalToolbar", "IconButton", "Button", "rootProps", "size", "label", "actionLabel", "children", "React", "ActionLabel", "key", "id", "onClick", "variant", "DropdownMenuToolbarItem", "group", "items", "propsItems", "useMenuItems", "activeItem", "find", "item", "checked", "applyActive", "labelAction", "caretDown", "Icon", "DropdownMenu", "Trigger", "asChild", "ToggleGroupItem", "parent", "ToggleGroupIconItem", "value", "ToggleGroupToolbarItem", "selectCardinality", "ToggleGroup", "type", "map", "ToolbarMenu", "props", "undefined", "attendableId", "hasAttention", "useAttention", "i", "isSeparator", "Separator", "isMenuGroup", "RegistryContext", "useRxValue", "useCallback", "useContext", "useEffect", "useState", "Graph", "ROOT_ID", "edgesArrayToRecord", "edges", "Object", "fromEntries", "entries", "reduce", "acc", "source", "target", "inbound", "outbound", "sourceEdges", "includes", "push", "targetEdges", "useMenuActions", "props", "registry", "useContext", "RegistryContext", "menuGraphProps", "useRxValue", "graph", "useState", "Graph", "nodes", "useEffect", "addNodes", "addEdges", "useGroupItems", "useCallback", "sourceNode", "items", "connections", "id", "ROOT_ID"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nexport { rxFromSignal } from '@dxos/app-graph';\n\nexport * from './components';\nexport * from './hooks';\nexport * from './types';\nexport { createMenuAction, createMenuItemGroup, createLineSeparator, createGapSeparator } from './util';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { DropdownMenu as NaturalDropdownMenu, Icon, type DropdownMenuRootProps } from '@dxos/react-ui';\n\nimport { ActionLabel } from './ActionLabel';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { type MenuAction, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type DropdownMenuProps = DropdownMenuRootProps & {\n  group?: MenuItemGroup;\n  items?: MenuItem[];\n  caller?: string;\n};\n\nconst DropdownMenuItem = ({\n  item,\n  onClick,\n  __menuScope,\n}: MenuScopedProps<{\n  item: MenuItem;\n  onClick: (action: MenuAction, event: MouseEvent) => void;\n}>) => {\n  // TODO(thure): handle other items.\n  const action = item as MenuAction;\n  const handleClick = useCallback((event: MouseEvent) => onClick(action, event), [action, onClick]);\n  const { iconSize } = useMenu('DropdownMenuItem', __menuScope);\n  return (\n    <NaturalDropdownMenu.Item\n      onClick={handleClick}\n      classNames='gap-2'\n      disabled={action.properties?.disabled}\n      {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n    >\n      {action.properties?.icon && <Icon icon={action.properties!.icon} size={iconSize} />}\n      <ActionLabel action={action} />\n    </NaturalDropdownMenu.Item>\n  );\n};\n\nconst DropdownMenuRoot = ({\n  items: propsItems,\n  group,\n  open,\n  defaultOpen,\n  onOpenChange,\n  caller,\n  children,\n  __menuScope,\n  ...naturalProps\n}: MenuScopedProps<DropdownMenuProps>) => {\n  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({\n    prop: open,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const handleActionClick = useCallback(\n    (action: MenuAction, event: MouseEvent) => {\n      if (action.properties?.disabled) {\n        return;\n      }\n      event.stopPropagation();\n      // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n      setOptionsMenuOpen(false);\n      void action.data?.({ parent: group, caller });\n    },\n    [group, caller],\n  );\n\n  const items = useMenuItems(group, propsItems);\n\n  return (\n    <NaturalDropdownMenu.Root open={optionsMenuOpen} onOpenChange={setOptionsMenuOpen} {...naturalProps}>\n      {children}\n      <NaturalDropdownMenu.Portal>\n        <NaturalDropdownMenu.Content>\n          <NaturalDropdownMenu.Viewport>\n            {items?.map((item) => <DropdownMenuItem key={item.id} item={item} onClick={handleActionClick} />)}\n          </NaturalDropdownMenu.Viewport>\n          <NaturalDropdownMenu.Arrow />\n        </NaturalDropdownMenu.Content>\n      </NaturalDropdownMenu.Portal>\n    </NaturalDropdownMenu.Root>\n  );\n};\n\nexport const DropdownMenu = {\n  Root: DropdownMenuRoot,\n  Trigger: NaturalDropdownMenu.Trigger,\n  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Action as GraphAction, type ActionGroup } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation, type TFunction } from '@dxos/react-ui';\nimport { mx, descriptionText } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../translations';\nimport { type MenuActionProperties } from '../types';\nimport { getShortcut } from '../util';\n\ntype Action = GraphAction<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;\n\nexport const ActionLabel = ({ action }: { action: Action }) => {\n  const shortcut = getShortcut(action);\n  const { t } = useTranslation(translationKey);\n\n  return (\n    <>\n      <span className='grow truncate'>{toLocalizedString(action.properties!.label, t)}</span>\n      {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}\n    </>\n  );\n};\n\nexport const actionLabel = (action: Action, t: TFunction) => {\n  const shortcut = getShortcut(action);\n  return `${toLocalizedString(action.properties!.label, t)}${shortcut ? ` (${keySymbols(shortcut).join('')})` : ''}`;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'menus';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ACTION_GROUP_TYPE, ACTION_TYPE, actionGroupSymbol, type ActionLike } from '@dxos/app-graph';\nimport { getHostPlatform } from '@dxos/util';\n\nimport {\n  type MenuAction,\n  type MenuActionProperties,\n  type MenuItemGroup,\n  type MenuItemGroupProperties,\n  type MenuSeparator,\n} from './types';\n\nexport const getShortcut = (action: ActionLike) => {\n  return typeof action.properties?.keyBinding === 'string'\n    ? action.properties.keyBinding\n    : action.properties?.keyBinding?.[getHostPlatform()];\n};\n\nexport const fallbackIcon = 'ph--placeholder--regular';\n\nexport const createMenuAction = <P extends {} = {}>(\n  id: string,\n  invoke: () => void,\n  properties: P & MenuActionProperties,\n) =>\n  ({\n    id,\n    type: ACTION_TYPE,\n    properties,\n    data: invoke,\n  }) satisfies MenuAction;\n\nexport const createMenuItemGroup = <\n  P extends MenuItemGroupProperties = MenuItemGroupProperties & Partial<MenuActionProperties>,\n>(\n  id: string,\n  properties: P,\n) =>\n  ({\n    id,\n    type: ACTION_GROUP_TYPE,\n    properties,\n    data: actionGroupSymbol,\n  }) satisfies MenuItemGroup;\n\nexport const createGapSeparator = (id: string = 'gap', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'gap' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n\nexport const createLineSeparator = (id: string = 'line', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'line' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useMemo } from 'react';\n\nimport { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type MenuScopedProps<P> = P & { __menuScope?: Scope };\n\nconst MENU_NAME = 'GraphMenu';\n\nconst [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, []);\n\nconst [MenuContextProvider, useMenu] = createMenuContext<MenuContextValue>(MENU_NAME);\n\nexport const menuContextDefaults: MenuContextValue = {\n  iconSize: 5,\n  useGroupItems: () => null,\n};\n\nconst useMenuScope = createMenuScope();\n\nconst MenuProvider = ({\n  children,\n  useGroupItems = menuContextDefaults.useGroupItems,\n  iconSize = menuContextDefaults.iconSize,\n  attendableId,\n}: PropsWithChildren<Partial<MenuContextValue>>) => {\n  const { scope } = useMenuScope(undefined);\n  return (\n    <MenuContextProvider useGroupItems={useGroupItems} iconSize={iconSize} attendableId={attendableId} scope={scope}>\n      {children}\n    </MenuContextProvider>\n  );\n};\n\nexport const useMenuItems = (\n  group?: MenuItemGroup,\n  propsItems?: MenuItem[],\n  consumerName: string = 'useMenuItemConsumer',\n  __menuScope?: Scope,\n) => {\n  const { useGroupItems } = useMenu(consumerName, __menuScope);\n  const groupItems = useGroupItems(group);\n  return useMemo(() => propsItems ?? groupItems ?? undefined, [propsItems, groupItems]);\n};\n\nexport { useMenu, createMenuScope, MenuProvider };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment, useCallback } from 'react';\n\nimport { Icon, Toolbar as NaturalToolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { mx, textBlockWidth, toolbarLayout } from '@dxos/react-ui-theme';\n\nimport { actionLabel, ActionLabel } from './ActionLabel';\nimport { DropdownMenu } from './DropdownMenu';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { translationKey } from '../translations';\nimport {\n  type MenuAction,\n  type MenuItem,\n  isMenuGroup,\n  isSeparator,\n  type MenuItemGroup,\n  type MenuActionProperties,\n  type MenuMultipleSelectActionGroup,\n  type MenuSingleSelectActionGroup,\n} from '../types';\n\nexport type ToolbarMenuDropdownMenuActionGroup = Omit<MenuActionProperties, 'variant' | 'icon'> & {\n  variant: 'dropdownMenu';\n  icon: string;\n  applyActive?: boolean;\n};\n\nexport type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'variant'> & {\n  variant: 'toggleGroup';\n};\n\nexport type ToolbarMenuActionGroupProperties = (\n  | ToolbarMenuDropdownMenuActionGroup\n  | ToolbarMenuToggleGroupActionGroup\n) &\n  (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);\n\nexport type ToolbarMenuProps = ToolbarRootProps & { textBlockWidth?: boolean };\n\nexport type ToolbarMenuActionGroupProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  items?: MenuItem[];\n};\n\nexport type ToolbarMenuActionProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  action: MenuAction;\n};\n\nconst ActionToolbarItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { iconSize } = useMenu('ActionToolbarItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const handleClick = useCallback(() => action.data?.(), [action]);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst DropdownMenuToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const { iconOnly, disabled, testId } = group.properties;\n  const { t } = useTranslation(translationKey);\n  const { iconSize } = useMenu('DropdownMenuToolbarItem', __menuScope);\n  const items = useMenuItems(group, propsItems, 'DropdownMenuToolbarItem', __menuScope);\n  const activeItem = items?.find((item) => !!(item as MenuAction).properties.checked);\n  const icon =\n    ((group.properties as any).applyActive &&\n      // TODO(thure): Handle other menu item types.\n      (activeItem as MenuAction)?.properties.icon) ||\n    group.properties.icon;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const labelAction = (group.properties as any).applyActive && activeItem ? (activeItem as MenuAction) : group;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(labelAction, t), caretDown: true }\n    : {\n        children: (\n          <>\n            <ActionLabel action={labelAction} />\n            <Icon size={3} icon='ph--caret-down--bold' classNames='mis-1' />\n          </>\n        ),\n      };\n  return (\n    <DropdownMenu.Root group={group} items={items}>\n      <DropdownMenu.Trigger asChild>\n        <Root variant='ghost' disabled={disabled} {...(rootProps as any)} {...(testId && { 'data-testid': testId })} />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n\nconst ToggleGroupItem = ({ group, action, __menuScope }: MenuScopedProps<ToolbarMenuActionProps>) => {\n  const { iconSize } = useMenu('ToggleGroupItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const handleClick = useCallback(() => action.data?.({ parent: group }), [action, group]);\n  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      value={action.id as any}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst ToggleGroupToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const items = useMenuItems(group, propsItems, 'ToggleGroupToolbarItem', __menuScope);\n  const { selectCardinality, value } = group.properties;\n  return (\n    // TODO(thure): The type here is difficult to manage, what do?\n    // @ts-ignore\n    <NaturalToolbar.ToggleGroup type={selectCardinality} value={value}>\n      {\n        // TODO(thure): Handle other menu item types.\n        (items as MenuAction[]).map((action) => (\n          <ToggleGroupItem key={action.id} group={group} action={action} />\n        ))\n      }\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nexport const ToolbarMenu = ({\n  __menuScope,\n  classNames,\n  textBlockWidth: wrapContents,\n  ...props\n}: MenuScopedProps<ToolbarMenuProps>) => {\n  const items = useMenuItems(undefined, undefined, 'ToolbarMenu', __menuScope);\n  const { attendableId } = useMenu('ToolbarMenu', __menuScope);\n  const { hasAttention } = useAttention(attendableId);\n  const InnerRoot = wrapContents ? 'div' : Fragment;\n  const innerRootProps = wrapContents ? { role: 'none', className: mx(textBlockWidth, toolbarLayout) } : {};\n  return (\n    <NaturalToolbar.Root\n      {...props}\n      layoutManaged={wrapContents}\n      classNames={[attendableId && !hasAttention && '*:opacity-20 !bg-transparent', classNames]}\n    >\n      <InnerRoot {...innerRootProps}>\n        {items?.map((item: MenuItem, i: number) =>\n          isSeparator(item) ? (\n            <NaturalToolbar.Separator key={i} variant={item.properties.variant} />\n          ) : isMenuGroup(item) ? (\n            item.properties.variant === 'dropdownMenu' ? (\n              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n              <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n            ) : (\n              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n              <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n            )\n          ) : (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <ActionToolbarItem key={item.id} action={item as MenuAction} />\n          ),\n        )}\n      </InnerRoot>\n    </NaturalToolbar.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Node, type Action, type ActionGroup, ACTION_GROUP_TYPE } from '@dxos/app-graph';\nimport { type ToolbarSeparatorProps, type Label, type IconButtonProps, type ClassNameValue } from '@dxos/react-ui';\n\nexport type MenuActionProperties = {\n  label: Label;\n  icon?: string;\n  value?: string;\n  disabled?: boolean;\n  hidden?: boolean;\n  iconOnly?: boolean;\n  testId?: string;\n  variant?: 'action' | 'toggle';\n  checked?: boolean;\n  classNames?: ClassNameValue;\n};\n\nexport type MenuItemGroupProperties = {\n  label: Label;\n  icon?: string;\n  iconOnly?: boolean;\n};\n\nexport type MenuAction<P extends {} = {}> = Action<P & MenuActionProperties>;\n\nexport const MenuSeparatorType = '@dxos/react-ui-toolbar/separator' as const;\n\nexport type MenuSeparator = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {\n  type: typeof MenuSeparatorType;\n};\n\nexport const isSeparator = (node: Node): node is MenuSeparator => node.type === MenuSeparatorType;\n\nexport type MenuSingleSelectActionGroup = { selectCardinality: 'single'; value: string };\nexport type MenuMultipleSelectActionGroup = { selectCardinality: 'multiple'; value: string[] };\n\nexport type MenuItemGroup<P extends Record<string, any> = Record<string, any>> = ActionGroup<P>;\n\nexport const isMenuGroup = (node: Node): node is MenuItemGroup => node.type === ACTION_GROUP_TYPE;\n\nexport type MenuItem = MenuSeparator | MenuAction | MenuItemGroup;\n\nexport type MenuItemsResolver = (group?: MenuItemGroup) => MenuItem[] | null;\n\nexport type MenuContextValue = {\n  useGroupItems: MenuItemsResolver;\n  iconSize: IconButtonProps['size'];\n  attendableId?: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, type Rx, useRxValue } from '@effect-rx/rx-react';\nimport { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { type Edge, type Edges, Graph, type NodeArg, type Node, ROOT_ID } from '@dxos/app-graph';\n\nimport { type MenuItem, type MenuItemGroup } from '../types';\n\nconst edgesArrayToRecord = (edges: Edge[]): Record<string, Edges> => {\n  return Object.fromEntries(\n    Object.entries(\n      edges.reduce((acc: Record<string, { inbound: string[]; outbound: string[] }>, { source, target }) => {\n        if (!acc[source]) {\n          acc[source] = { inbound: [], outbound: [] };\n        }\n        if (!acc[target]) {\n          acc[target] = { inbound: [], outbound: [] };\n        }\n\n        const sourceEdges = acc[source];\n        if (!sourceEdges.outbound.includes(target)) {\n          sourceEdges.outbound.push(target);\n        }\n\n        const targetEdges = acc[target];\n        if (!targetEdges.inbound.includes(source)) {\n          targetEdges.inbound.push(source);\n        }\n\n        return acc;\n      }, {}),\n    ),\n  );\n};\n\nexport type ActionGraphNodes = NodeArg<any>[];\nexport type ActionGraphEdges = Edge[];\nexport type ActionGraphProps = { nodes: ActionGraphNodes; edges: ActionGraphEdges };\n\nexport const useMenuActions = (props: Rx.Rx<ActionGraphProps>) => {\n  const registry = useContext(RegistryContext);\n  const menuGraphProps = useRxValue(props);\n\n  const [graph] = useState(\n    new Graph({\n      registry,\n      nodes: menuGraphProps.nodes as Node[],\n      edges: edgesArrayToRecord(menuGraphProps.edges),\n    }),\n  );\n\n  useEffect(() => {\n    graph.addNodes(menuGraphProps.nodes);\n    graph.addEdges(menuGraphProps.edges);\n  }, [menuGraphProps]);\n\n  const useGroupItems = useCallback(\n    (sourceNode?: MenuItemGroup) => {\n      const items = useRxValue(graph.connections(sourceNode?.id || ROOT_ID)) as MenuItem[];\n      return items;\n    },\n    [graph],\n  );\n\n  return { useGroupItems };\n};\n"],
+  "mappings": "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",
+  "names": ["rxFromSignal", "useControllableState", "React", "useCallback", "DropdownMenu", "NaturalDropdownMenu", "Icon", "React", "keySymbols", "toLocalizedString", "useTranslation", "mx", "descriptionText", "translationKey", "ACTION_GROUP_TYPE", "ACTION_TYPE", "actionGroupSymbol", "getHostPlatform", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "createMenuAction", "id", "invoke", "properties", "type", "ACTION_TYPE", "data", "createMenuItemGroup", "ACTION_GROUP_TYPE", "actionGroupSymbol", "createGapSeparator", "source", "nodes", "variant", "undefined", "edges", "target", "createLineSeparator", "ActionLabel", "action", "shortcut", "getShortcut", "t", "useTranslation", "translationKey", "span", "className", "toLocalizedString", "properties", "label", "mx", "descriptionText", "keySymbols", "join", "actionLabel", "createContextScope", "React", "useMemo", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "useGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "undefined", "React", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "groupItems", "useMemo", "DropdownMenuItem", "item", "onClick", "__menuScope", "action", "handleClick", "useCallback", "event", "iconSize", "useMenu", "React", "NaturalDropdownMenu", "Item", "classNames", "disabled", "properties", "testId", "icon", "Icon", "size", "ActionLabel", "DropdownMenuRoot", "items", "propsItems", "group", "open", "defaultOpen", "onOpenChange", "caller", "children", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "data", "parent", "useMenuItems", "Root", "Portal", "Content", "Viewport", "map", "key", "id", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "React", "Fragment", "useCallback", "Icon", "Toolbar", "NaturalToolbar", "useTranslation", "useAttention", "mx", "textBlockWidth", "toolbarLayout", "ACTION_GROUP_TYPE", "MenuSeparatorType", "isSeparator", "node", "type", "isMenuGroup", "ACTION_GROUP_TYPE", "ActionToolbarItem", "action", "__menuScope", "iconSize", "useMenu", "t", "useTranslation", "translationKey", "handleClick", "useCallback", "data", "icon", "iconOnly", "disabled", "testId", "hidden", "classNames", "properties", "Root", "NaturalToolbar", "IconButton", "Button", "rootProps", "size", "label", "actionLabel", "children", "React", "ActionLabel", "key", "id", "onClick", "variant", "DropdownMenuToolbarItem", "group", "items", "propsItems", "useMenuItems", "activeItem", "find", "item", "checked", "applyActive", "labelAction", "caretDown", "Icon", "DropdownMenu", "Trigger", "asChild", "ToggleGroupItem", "parent", "ToggleGroupIconItem", "value", "ToggleGroupToolbarItem", "selectCardinality", "ToggleGroup", "type", "map", "ToolbarMenu", "textBlockWidth", "wrapContents", "props", "undefined", "attendableId", "hasAttention", "useAttention", "InnerRoot", "Fragment", "innerRootProps", "role", "className", "mx", "toolbarLayout", "layoutManaged", "i", "isSeparator", "Separator", "isMenuGroup", "RegistryContext", "useRxValue", "useCallback", "useContext", "useEffect", "useState", "Graph", "ROOT_ID", "edgesArrayToRecord", "edges", "Object", "fromEntries", "entries", "reduce", "acc", "source", "target", "inbound", "outbound", "sourceEdges", "includes", "push", "targetEdges", "useMenuActions", "props", "registry", "useContext", "RegistryContext", "menuGraphProps", "useRxValue", "graph", "useState", "Graph", "nodes", "useEffect", "addNodes", "addEdges", "useGroupItems", "useCallback", "sourceNode", "items", "connections", "id", "ROOT_ID"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-menu/src/translations.ts":{"bytes":869,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/util.ts":{"bytes":5896,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytes":4330,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytes":5222,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytes":10503,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/types.ts":{"bytes":3207,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytes":23112,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":686,"imports":[{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx","kind":"import-statement","original":"./ToolbarMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytes":6891,"imports":[{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts","kind":"import-statement","original":"./useMenuActions"}],"format":"esm"},"packages/ui/react-ui-menu/src/index.ts":{"bytes":1254,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-menu/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-menu/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31041},"packages/ui/react-ui-menu/dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["DropdownMenu","MenuProvider","MenuSeparatorType","ToolbarMenu","createGapSeparator","createLineSeparator","createMenuAction","createMenuItemGroup","createMenuScope","isMenuGroup","isSeparator","menuContextDefaults","rxFromSignal","useMenu","useMenuActions","useMenuItems"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":48},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2621},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytesInOutput":1031},"packages/ui/react-ui-menu/src/translations.ts":{"bytesInOutput":118},"packages/ui/react-ui-menu/src/util.ts":{"bytesInOutput":1113},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytesInOutput":1199},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytesInOutput":6304},"packages/ui/react-ui-menu/src/types.ts":{"bytesInOutput":258},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytesInOutput":1447},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":15138}}}
+{"inputs":{"packages/ui/react-ui-menu/src/translations.ts":{"bytes":869,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/util.ts":{"bytes":5896,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytes":4330,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytes":5222,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytes":10503,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/types.ts":{"bytes":3207,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytes":24564,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":686,"imports":[{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx","kind":"import-statement","original":"./ToolbarMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytes":6891,"imports":[{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts","kind":"import-statement","original":"./useMenuActions"}],"format":"esm"},"packages/ui/react-ui-menu/src/index.ts":{"bytes":1254,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-menu/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-menu/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31882},"packages/ui/react-ui-menu/dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["DropdownMenu","MenuProvider","MenuSeparatorType","ToolbarMenu","createGapSeparator","createLineSeparator","createMenuAction","createMenuItemGroup","createMenuScope","isMenuGroup","isSeparator","menuContextDefaults","rxFromSignal","useMenu","useMenuActions","useMenuItems"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":48},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2621},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytesInOutput":1031},"packages/ui/react-ui-menu/src/translations.ts":{"bytesInOutput":118},"packages/ui/react-ui-menu/src/util.ts":{"bytesInOutput":1113},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytesInOutput":1199},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytesInOutput":6689},"packages/ui/react-ui-menu/src/types.ts":{"bytesInOutput":258},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytesInOutput":1447},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":15523}}}

package/dist/lib/node/index.cjs

@@ -65,6 +65,7 @@ var import_tracking4 = require("@preact-signals/safe-react/tracking");
 var import_react4 = __toESM(require("react"));
 var import_react_ui3 = require("@dxos/react-ui");
 var import_react_ui_attention = require("@dxos/react-ui-attention");
+var import_react_ui_theme2 = require("@dxos/react-ui-theme");
 var import_app_graph3 = require("@dxos/app-graph");
 var import_rx_react = require("@effect-rx/rx-react");
 var import_react5 = require("react");
@@ -390,20 +391,25 @@ var ToggleGroupToolbarItem = ({ group, items: propsItems, __menuScope }) => {
     _effect.f();
   }
 };
-var ToolbarMenu = ({ __menuScope, classNames, ...props }) => {
+var ToolbarMenu = ({ __menuScope, classNames, textBlockWidth: wrapContents, ...props }) => {
   var _effect = (0, import_tracking4.useSignals)();
   try {
     const items = useMenuItems(void 0, void 0, "ToolbarMenu", __menuScope);
     const { attendableId } = useMenu("ToolbarMenu", __menuScope);
     const { hasAttention } = (0, import_react_ui_attention.useAttention)(attendableId);
+    const InnerRoot = wrapContents ? "div" : import_react4.Fragment;
+    const innerRootProps = wrapContents ? {
+      role: "none",
+      className: (0, import_react_ui_theme2.mx)(import_react_ui_theme2.textBlockWidth, import_react_ui_theme2.toolbarLayout)
+    } : {};
     return /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toolbar.Root, {
       ...props,
+      layoutManaged: wrapContents,
       classNames: [
-        "p-1",
-        attendableId && !hasAttention && "[&>*]:opacity-20 !bg-transparent",
+        attendableId && !hasAttention && "*:opacity-20 !bg-transparent",
         classNames
       ]
-    }, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toolbar.Separator, {
+    }, /* @__PURE__ */ import_react4.default.createElement(InnerRoot, innerRootProps, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toolbar.Separator, {
       key: i,
       variant: item.properties.variant
     }) : isMenuGroup(item) ? item.properties.variant === "dropdownMenu" ? (
@@ -424,7 +430,7 @@ var ToolbarMenu = ({ __menuScope, classNames, ...props }) => {
         key: item.id,
         action: item
       })
-    )));
+    ))));
   } finally {
     _effect.f();
   }

package/dist/lib/node/index.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/index.ts", "../../../src/components/DropdownMenu.tsx", "../../../src/components/ActionLabel.tsx", "../../../src/translations.ts", "../../../src/util.ts", "../../../src/components/MenuContext.tsx", "../../../src/components/ToolbarMenu.tsx", "../../../src/types.ts", "../../../src/hooks/useMenuActions.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nexport { rxFromSignal } from '@dxos/app-graph';\n\nexport * from './components';\nexport * from './hooks';\nexport * from './types';\nexport { createMenuAction, createMenuItemGroup, createLineSeparator, createGapSeparator } from './util';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { DropdownMenu as NaturalDropdownMenu, Icon, type DropdownMenuRootProps } from '@dxos/react-ui';\n\nimport { ActionLabel } from './ActionLabel';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { type MenuAction, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type DropdownMenuProps = DropdownMenuRootProps & {\n  group?: MenuItemGroup;\n  items?: MenuItem[];\n  caller?: string;\n};\n\nconst DropdownMenuItem = ({\n  item,\n  onClick,\n  __menuScope,\n}: MenuScopedProps<{\n  item: MenuItem;\n  onClick: (action: MenuAction, event: MouseEvent) => void;\n}>) => {\n  // TODO(thure): handle other items.\n  const action = item as MenuAction;\n  const handleClick = useCallback((event: MouseEvent) => onClick(action, event), [action, onClick]);\n  const { iconSize } = useMenu('DropdownMenuItem', __menuScope);\n  return (\n    <NaturalDropdownMenu.Item\n      onClick={handleClick}\n      classNames='gap-2'\n      disabled={action.properties?.disabled}\n      {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n    >\n      {action.properties?.icon && <Icon icon={action.properties!.icon} size={iconSize} />}\n      <ActionLabel action={action} />\n    </NaturalDropdownMenu.Item>\n  );\n};\n\nconst DropdownMenuRoot = ({\n  items: propsItems,\n  group,\n  open,\n  defaultOpen,\n  onOpenChange,\n  caller,\n  children,\n  __menuScope,\n  ...naturalProps\n}: MenuScopedProps<DropdownMenuProps>) => {\n  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({\n    prop: open,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const handleActionClick = useCallback(\n    (action: MenuAction, event: MouseEvent) => {\n      if (action.properties?.disabled) {\n        return;\n      }\n      event.stopPropagation();\n      // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n      setOptionsMenuOpen(false);\n      void action.data?.({ parent: group, caller });\n    },\n    [group, caller],\n  );\n\n  const items = useMenuItems(group, propsItems);\n\n  return (\n    <NaturalDropdownMenu.Root open={optionsMenuOpen} onOpenChange={setOptionsMenuOpen} {...naturalProps}>\n      {children}\n      <NaturalDropdownMenu.Portal>\n        <NaturalDropdownMenu.Content>\n          <NaturalDropdownMenu.Viewport>\n            {items?.map((item) => <DropdownMenuItem key={item.id} item={item} onClick={handleActionClick} />)}\n          </NaturalDropdownMenu.Viewport>\n          <NaturalDropdownMenu.Arrow />\n        </NaturalDropdownMenu.Content>\n      </NaturalDropdownMenu.Portal>\n    </NaturalDropdownMenu.Root>\n  );\n};\n\nexport const DropdownMenu = {\n  Root: DropdownMenuRoot,\n  Trigger: NaturalDropdownMenu.Trigger,\n  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Action as GraphAction, type ActionGroup } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation, type TFunction } from '@dxos/react-ui';\nimport { mx, descriptionText } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../translations';\nimport { type MenuActionProperties } from '../types';\nimport { getShortcut } from '../util';\n\ntype Action = GraphAction<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;\n\nexport const ActionLabel = ({ action }: { action: Action }) => {\n  const shortcut = getShortcut(action);\n  const { t } = useTranslation(translationKey);\n\n  return (\n    <>\n      <span className='grow truncate'>{toLocalizedString(action.properties!.label, t)}</span>\n      {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}\n    </>\n  );\n};\n\nexport const actionLabel = (action: Action, t: TFunction) => {\n  const shortcut = getShortcut(action);\n  return `${toLocalizedString(action.properties!.label, t)}${shortcut ? ` (${keySymbols(shortcut).join('')})` : ''}`;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'menus';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ACTION_GROUP_TYPE, ACTION_TYPE, actionGroupSymbol, type ActionLike } from '@dxos/app-graph';\nimport { getHostPlatform } from '@dxos/util';\n\nimport {\n  type MenuAction,\n  type MenuActionProperties,\n  type MenuItemGroup,\n  type MenuItemGroupProperties,\n  type MenuSeparator,\n} from './types';\n\nexport const getShortcut = (action: ActionLike) => {\n  return typeof action.properties?.keyBinding === 'string'\n    ? action.properties.keyBinding\n    : action.properties?.keyBinding?.[getHostPlatform()];\n};\n\nexport const fallbackIcon = 'ph--placeholder--regular';\n\nexport const createMenuAction = <P extends {} = {}>(\n  id: string,\n  invoke: () => void,\n  properties: P & MenuActionProperties,\n) =>\n  ({\n    id,\n    type: ACTION_TYPE,\n    properties,\n    data: invoke,\n  }) satisfies MenuAction;\n\nexport const createMenuItemGroup = <\n  P extends MenuItemGroupProperties = MenuItemGroupProperties & Partial<MenuActionProperties>,\n>(\n  id: string,\n  properties: P,\n) =>\n  ({\n    id,\n    type: ACTION_GROUP_TYPE,\n    properties,\n    data: actionGroupSymbol,\n  }) satisfies MenuItemGroup;\n\nexport const createGapSeparator = (id: string = 'gap', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'gap' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n\nexport const createLineSeparator = (id: string = 'line', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'line' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useMemo } from 'react';\n\nimport { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type MenuScopedProps<P> = P & { __menuScope?: Scope };\n\nconst MENU_NAME = 'GraphMenu';\n\nconst [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, []);\n\nconst [MenuContextProvider, useMenu] = createMenuContext<MenuContextValue>(MENU_NAME);\n\nexport const menuContextDefaults: MenuContextValue = {\n  iconSize: 5,\n  useGroupItems: () => null,\n};\n\nconst useMenuScope = createMenuScope();\n\nconst MenuProvider = ({\n  children,\n  useGroupItems = menuContextDefaults.useGroupItems,\n  iconSize = menuContextDefaults.iconSize,\n  attendableId,\n}: PropsWithChildren<Partial<MenuContextValue>>) => {\n  const { scope } = useMenuScope(undefined);\n  return (\n    <MenuContextProvider useGroupItems={useGroupItems} iconSize={iconSize} attendableId={attendableId} scope={scope}>\n      {children}\n    </MenuContextProvider>\n  );\n};\n\nexport const useMenuItems = (\n  group?: MenuItemGroup,\n  propsItems?: MenuItem[],\n  consumerName: string = 'useMenuItemConsumer',\n  __menuScope?: Scope,\n) => {\n  const { useGroupItems } = useMenu(consumerName, __menuScope);\n  const groupItems = useGroupItems(group);\n  return useMemo(() => propsItems ?? groupItems ?? undefined, [propsItems, groupItems]);\n};\n\nexport { useMenu, createMenuScope, MenuProvider };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Icon, Toolbar as NaturalToolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\n\nimport { actionLabel, ActionLabel } from './ActionLabel';\nimport { DropdownMenu } from './DropdownMenu';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { translationKey } from '../translations';\nimport {\n  type MenuAction,\n  type MenuItem,\n  isMenuGroup,\n  isSeparator,\n  type MenuItemGroup,\n  type MenuActionProperties,\n  type MenuMultipleSelectActionGroup,\n  type MenuSingleSelectActionGroup,\n} from '../types';\n\nexport type ToolbarMenuDropdownMenuActionGroup = Omit<MenuActionProperties, 'variant' | 'icon'> & {\n  variant: 'dropdownMenu';\n  icon: string;\n  applyActive?: boolean;\n};\n\nexport type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'variant'> & {\n  variant: 'toggleGroup';\n};\n\nexport type ToolbarMenuActionGroupProperties = (\n  | ToolbarMenuDropdownMenuActionGroup\n  | ToolbarMenuToggleGroupActionGroup\n) &\n  (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);\n\nexport type ToolbarMenuProps = ToolbarRootProps;\n\nexport type ToolbarMenuActionGroupProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  items?: MenuItem[];\n};\n\nexport type ToolbarMenuActionProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  action: MenuAction;\n};\n\nconst ActionToolbarItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { iconSize } = useMenu('ActionToolbarItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const handleClick = useCallback(() => action.data?.(), [action]);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst DropdownMenuToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const { iconOnly, disabled, testId } = group.properties;\n  const { t } = useTranslation(translationKey);\n  const { iconSize } = useMenu('DropdownMenuToolbarItem', __menuScope);\n  const items = useMenuItems(group, propsItems, 'DropdownMenuToolbarItem', __menuScope);\n  const activeItem = items?.find((item) => !!(item as MenuAction).properties.checked);\n  const icon =\n    ((group.properties as any).applyActive &&\n      // TODO(thure): Handle other menu item types.\n      (activeItem as MenuAction)?.properties.icon) ||\n    group.properties.icon;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const labelAction = (group.properties as any).applyActive && activeItem ? (activeItem as MenuAction) : group;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(labelAction, t), caretDown: true }\n    : {\n        children: (\n          <>\n            <ActionLabel action={labelAction} />\n            <Icon size={3} icon='ph--caret-down--bold' classNames='mis-1' />\n          </>\n        ),\n      };\n  return (\n    <DropdownMenu.Root group={group} items={items}>\n      <DropdownMenu.Trigger asChild>\n        <Root variant='ghost' disabled={disabled} {...(rootProps as any)} {...(testId && { 'data-testid': testId })} />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n\nconst ToggleGroupItem = ({ group, action, __menuScope }: MenuScopedProps<ToolbarMenuActionProps>) => {\n  const { iconSize } = useMenu('ToggleGroupItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const handleClick = useCallback(() => action.data?.({ parent: group }), [action, group]);\n  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      value={action.id as any}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst ToggleGroupToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const items = useMenuItems(group, propsItems, 'ToggleGroupToolbarItem', __menuScope);\n  const { selectCardinality, value } = group.properties;\n  return (\n    // TODO(thure): The type here is difficult to manage, what do?\n    // @ts-ignore\n    <NaturalToolbar.ToggleGroup type={selectCardinality} value={value}>\n      {\n        // TODO(thure): Handle other menu item types.\n        (items as MenuAction[]).map((action) => (\n          <ToggleGroupItem key={action.id} group={group} action={action} />\n        ))\n      }\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nexport const ToolbarMenu = ({ __menuScope, classNames, ...props }: MenuScopedProps<ToolbarMenuProps>) => {\n  const items = useMenuItems(undefined, undefined, 'ToolbarMenu', __menuScope);\n  const { attendableId } = useMenu('ToolbarMenu', __menuScope);\n  const { hasAttention } = useAttention(attendableId);\n  return (\n    <NaturalToolbar.Root\n      {...props}\n      classNames={['p-1', attendableId && !hasAttention && '[&>*]:opacity-20 !bg-transparent', classNames]}\n    >\n      {items?.map((item: MenuItem, i: number) =>\n        isSeparator(item) ? (\n          <NaturalToolbar.Separator key={i} variant={item.properties.variant} />\n        ) : isMenuGroup(item) ? (\n          item.properties.variant === 'dropdownMenu' ? (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n          ) : (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n          )\n        ) : (\n          // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n          <ActionToolbarItem key={item.id} action={item as MenuAction} />\n        ),\n      )}\n    </NaturalToolbar.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Node, type Action, type ActionGroup, ACTION_GROUP_TYPE } from '@dxos/app-graph';\nimport { type ToolbarSeparatorProps, type Label, type IconButtonProps, type ClassNameValue } from '@dxos/react-ui';\n\nexport type MenuActionProperties = {\n  label: Label;\n  icon?: string;\n  value?: string;\n  disabled?: boolean;\n  hidden?: boolean;\n  iconOnly?: boolean;\n  testId?: string;\n  variant?: 'action' | 'toggle';\n  checked?: boolean;\n  classNames?: ClassNameValue;\n};\n\nexport type MenuItemGroupProperties = {\n  label: Label;\n  icon?: string;\n  iconOnly?: boolean;\n};\n\nexport type MenuAction<P extends {} = {}> = Action<P & MenuActionProperties>;\n\nexport const MenuSeparatorType = '@dxos/react-ui-toolbar/separator' as const;\n\nexport type MenuSeparator = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {\n  type: typeof MenuSeparatorType;\n};\n\nexport const isSeparator = (node: Node): node is MenuSeparator => node.type === MenuSeparatorType;\n\nexport type MenuSingleSelectActionGroup = { selectCardinality: 'single'; value: string };\nexport type MenuMultipleSelectActionGroup = { selectCardinality: 'multiple'; value: string[] };\n\nexport type MenuItemGroup<P extends Record<string, any> = Record<string, any>> = ActionGroup<P>;\n\nexport const isMenuGroup = (node: Node): node is MenuItemGroup => node.type === ACTION_GROUP_TYPE;\n\nexport type MenuItem = MenuSeparator | MenuAction | MenuItemGroup;\n\nexport type MenuItemsResolver = (group?: MenuItemGroup) => MenuItem[] | null;\n\nexport type MenuContextValue = {\n  useGroupItems: MenuItemsResolver;\n  iconSize: IconButtonProps['size'];\n  attendableId?: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, type Rx, useRxValue } from '@effect-rx/rx-react';\nimport { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { type Edge, type Edges, Graph, type NodeArg, type Node, ROOT_ID } from '@dxos/app-graph';\n\nimport { type MenuItem, type MenuItemGroup } from '../types';\n\nconst edgesArrayToRecord = (edges: Edge[]): Record<string, Edges> => {\n  return Object.fromEntries(\n    Object.entries(\n      edges.reduce((acc: Record<string, { inbound: string[]; outbound: string[] }>, { source, target }) => {\n        if (!acc[source]) {\n          acc[source] = { inbound: [], outbound: [] };\n        }\n        if (!acc[target]) {\n          acc[target] = { inbound: [], outbound: [] };\n        }\n\n        const sourceEdges = acc[source];\n        if (!sourceEdges.outbound.includes(target)) {\n          sourceEdges.outbound.push(target);\n        }\n\n        const targetEdges = acc[target];\n        if (!targetEdges.inbound.includes(source)) {\n          targetEdges.inbound.push(source);\n        }\n\n        return acc;\n      }, {}),\n    ),\n  );\n};\n\nexport type ActionGraphNodes = NodeArg<any>[];\nexport type ActionGraphEdges = Edge[];\nexport type ActionGraphProps = { nodes: ActionGraphNodes; edges: ActionGraphEdges };\n\nexport const useMenuActions = (props: Rx.Rx<ActionGraphProps>) => {\n  const registry = useContext(RegistryContext);\n  const menuGraphProps = useRxValue(props);\n\n  const [graph] = useState(\n    new Graph({\n      registry,\n      nodes: menuGraphProps.nodes as Node[],\n      edges: edgesArrayToRecord(menuGraphProps.edges),\n    }),\n  );\n\n  useEffect(() => {\n    graph.addNodes(menuGraphProps.nodes);\n    graph.addEdges(menuGraphProps.edges);\n  }, [menuGraphProps]);\n\n  const useGroupItems = useCallback(\n    (sourceNode?: MenuItemGroup) => {\n      const items = useRxValue(graph.connections(sourceNode?.id || ROOT_ID)) as MenuItem[];\n      return items;\n    },\n    [graph],\n  );\n\n  return { useGroupItems };\n};\n"],
-  "mappings": "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",
-  "names": ["import_react", "import_react_ui", "import_app_graph", "translationKey", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "createMenuAction", "id", "invoke", "type", "ACTION_TYPE", "data", "createMenuItemGroup", "ACTION_GROUP_TYPE", "actionGroupSymbol", "createGapSeparator", "source", "nodes", "variant", "undefined", "edges", "target", "createLineSeparator", "ActionLabel", "shortcut", "t", "useTranslation", "React", "span", "className", "toLocalizedString", "label", "mx", "descriptionText", "keySymbols", "join", "actionLabel", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "useGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "groupItems", "useMemo", "DropdownMenuItem", "item", "onClick", "handleClick", "useCallback", "event", "NaturalDropdownMenu", "Item", "classNames", "disabled", "testId", "icon", "Icon", "size", "DropdownMenuRoot", "items", "open", "defaultOpen", "onOpenChange", "caller", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "parent", "Root", "Portal", "Content", "Viewport", "map", "key", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "MenuSeparatorType", "isSeparator", "node", "isMenuGroup", "ActionToolbarItem", "iconOnly", "hidden", "NaturalToolbar", "IconButton", "Button", "rootProps", "DropdownMenuToolbarItem", "activeItem", "find", "checked", "applyActive", "labelAction", "caretDown", "asChild", "ToggleGroupItem", "ToggleGroupIconItem", "value", "ToggleGroupToolbarItem", "selectCardinality", "ToggleGroup", "ToolbarMenu", "props", "hasAttention", "useAttention", "i", "Separator", "edgesArrayToRecord", "Object", "fromEntries", "entries", "reduce", "acc", "inbound", "outbound", "sourceEdges", "includes", "push", "targetEdges", "useMenuActions", "registry", "useContext", "RegistryContext", "menuGraphProps", "useRxValue", "graph", "useState", "Graph", "useEffect", "addNodes", "addEdges", "sourceNode", "connections", "ROOT_ID"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nexport { rxFromSignal } from '@dxos/app-graph';\n\nexport * from './components';\nexport * from './hooks';\nexport * from './types';\nexport { createMenuAction, createMenuItemGroup, createLineSeparator, createGapSeparator } from './util';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { DropdownMenu as NaturalDropdownMenu, Icon, type DropdownMenuRootProps } from '@dxos/react-ui';\n\nimport { ActionLabel } from './ActionLabel';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { type MenuAction, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type DropdownMenuProps = DropdownMenuRootProps & {\n  group?: MenuItemGroup;\n  items?: MenuItem[];\n  caller?: string;\n};\n\nconst DropdownMenuItem = ({\n  item,\n  onClick,\n  __menuScope,\n}: MenuScopedProps<{\n  item: MenuItem;\n  onClick: (action: MenuAction, event: MouseEvent) => void;\n}>) => {\n  // TODO(thure): handle other items.\n  const action = item as MenuAction;\n  const handleClick = useCallback((event: MouseEvent) => onClick(action, event), [action, onClick]);\n  const { iconSize } = useMenu('DropdownMenuItem', __menuScope);\n  return (\n    <NaturalDropdownMenu.Item\n      onClick={handleClick}\n      classNames='gap-2'\n      disabled={action.properties?.disabled}\n      {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n    >\n      {action.properties?.icon && <Icon icon={action.properties!.icon} size={iconSize} />}\n      <ActionLabel action={action} />\n    </NaturalDropdownMenu.Item>\n  );\n};\n\nconst DropdownMenuRoot = ({\n  items: propsItems,\n  group,\n  open,\n  defaultOpen,\n  onOpenChange,\n  caller,\n  children,\n  __menuScope,\n  ...naturalProps\n}: MenuScopedProps<DropdownMenuProps>) => {\n  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({\n    prop: open,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const handleActionClick = useCallback(\n    (action: MenuAction, event: MouseEvent) => {\n      if (action.properties?.disabled) {\n        return;\n      }\n      event.stopPropagation();\n      // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n      setOptionsMenuOpen(false);\n      void action.data?.({ parent: group, caller });\n    },\n    [group, caller],\n  );\n\n  const items = useMenuItems(group, propsItems);\n\n  return (\n    <NaturalDropdownMenu.Root open={optionsMenuOpen} onOpenChange={setOptionsMenuOpen} {...naturalProps}>\n      {children}\n      <NaturalDropdownMenu.Portal>\n        <NaturalDropdownMenu.Content>\n          <NaturalDropdownMenu.Viewport>\n            {items?.map((item) => <DropdownMenuItem key={item.id} item={item} onClick={handleActionClick} />)}\n          </NaturalDropdownMenu.Viewport>\n          <NaturalDropdownMenu.Arrow />\n        </NaturalDropdownMenu.Content>\n      </NaturalDropdownMenu.Portal>\n    </NaturalDropdownMenu.Root>\n  );\n};\n\nexport const DropdownMenu = {\n  Root: DropdownMenuRoot,\n  Trigger: NaturalDropdownMenu.Trigger,\n  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Action as GraphAction, type ActionGroup } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation, type TFunction } from '@dxos/react-ui';\nimport { mx, descriptionText } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../translations';\nimport { type MenuActionProperties } from '../types';\nimport { getShortcut } from '../util';\n\ntype Action = GraphAction<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;\n\nexport const ActionLabel = ({ action }: { action: Action }) => {\n  const shortcut = getShortcut(action);\n  const { t } = useTranslation(translationKey);\n\n  return (\n    <>\n      <span className='grow truncate'>{toLocalizedString(action.properties!.label, t)}</span>\n      {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}\n    </>\n  );\n};\n\nexport const actionLabel = (action: Action, t: TFunction) => {\n  const shortcut = getShortcut(action);\n  return `${toLocalizedString(action.properties!.label, t)}${shortcut ? ` (${keySymbols(shortcut).join('')})` : ''}`;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'menus';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ACTION_GROUP_TYPE, ACTION_TYPE, actionGroupSymbol, type ActionLike } from '@dxos/app-graph';\nimport { getHostPlatform } from '@dxos/util';\n\nimport {\n  type MenuAction,\n  type MenuActionProperties,\n  type MenuItemGroup,\n  type MenuItemGroupProperties,\n  type MenuSeparator,\n} from './types';\n\nexport const getShortcut = (action: ActionLike) => {\n  return typeof action.properties?.keyBinding === 'string'\n    ? action.properties.keyBinding\n    : action.properties?.keyBinding?.[getHostPlatform()];\n};\n\nexport const fallbackIcon = 'ph--placeholder--regular';\n\nexport const createMenuAction = <P extends {} = {}>(\n  id: string,\n  invoke: () => void,\n  properties: P & MenuActionProperties,\n) =>\n  ({\n    id,\n    type: ACTION_TYPE,\n    properties,\n    data: invoke,\n  }) satisfies MenuAction;\n\nexport const createMenuItemGroup = <\n  P extends MenuItemGroupProperties = MenuItemGroupProperties & Partial<MenuActionProperties>,\n>(\n  id: string,\n  properties: P,\n) =>\n  ({\n    id,\n    type: ACTION_GROUP_TYPE,\n    properties,\n    data: actionGroupSymbol,\n  }) satisfies MenuItemGroup;\n\nexport const createGapSeparator = (id: string = 'gap', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'gap' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n\nexport const createLineSeparator = (id: string = 'line', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'line' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useMemo } from 'react';\n\nimport { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type MenuScopedProps<P> = P & { __menuScope?: Scope };\n\nconst MENU_NAME = 'GraphMenu';\n\nconst [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, []);\n\nconst [MenuContextProvider, useMenu] = createMenuContext<MenuContextValue>(MENU_NAME);\n\nexport const menuContextDefaults: MenuContextValue = {\n  iconSize: 5,\n  useGroupItems: () => null,\n};\n\nconst useMenuScope = createMenuScope();\n\nconst MenuProvider = ({\n  children,\n  useGroupItems = menuContextDefaults.useGroupItems,\n  iconSize = menuContextDefaults.iconSize,\n  attendableId,\n}: PropsWithChildren<Partial<MenuContextValue>>) => {\n  const { scope } = useMenuScope(undefined);\n  return (\n    <MenuContextProvider useGroupItems={useGroupItems} iconSize={iconSize} attendableId={attendableId} scope={scope}>\n      {children}\n    </MenuContextProvider>\n  );\n};\n\nexport const useMenuItems = (\n  group?: MenuItemGroup,\n  propsItems?: MenuItem[],\n  consumerName: string = 'useMenuItemConsumer',\n  __menuScope?: Scope,\n) => {\n  const { useGroupItems } = useMenu(consumerName, __menuScope);\n  const groupItems = useGroupItems(group);\n  return useMemo(() => propsItems ?? groupItems ?? undefined, [propsItems, groupItems]);\n};\n\nexport { useMenu, createMenuScope, MenuProvider };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment, useCallback } from 'react';\n\nimport { Icon, Toolbar as NaturalToolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { mx, textBlockWidth, toolbarLayout } from '@dxos/react-ui-theme';\n\nimport { actionLabel, ActionLabel } from './ActionLabel';\nimport { DropdownMenu } from './DropdownMenu';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { translationKey } from '../translations';\nimport {\n  type MenuAction,\n  type MenuItem,\n  isMenuGroup,\n  isSeparator,\n  type MenuItemGroup,\n  type MenuActionProperties,\n  type MenuMultipleSelectActionGroup,\n  type MenuSingleSelectActionGroup,\n} from '../types';\n\nexport type ToolbarMenuDropdownMenuActionGroup = Omit<MenuActionProperties, 'variant' | 'icon'> & {\n  variant: 'dropdownMenu';\n  icon: string;\n  applyActive?: boolean;\n};\n\nexport type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'variant'> & {\n  variant: 'toggleGroup';\n};\n\nexport type ToolbarMenuActionGroupProperties = (\n  | ToolbarMenuDropdownMenuActionGroup\n  | ToolbarMenuToggleGroupActionGroup\n) &\n  (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);\n\nexport type ToolbarMenuProps = ToolbarRootProps & { textBlockWidth?: boolean };\n\nexport type ToolbarMenuActionGroupProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  items?: MenuItem[];\n};\n\nexport type ToolbarMenuActionProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  action: MenuAction;\n};\n\nconst ActionToolbarItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { iconSize } = useMenu('ActionToolbarItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const handleClick = useCallback(() => action.data?.(), [action]);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst DropdownMenuToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const { iconOnly, disabled, testId } = group.properties;\n  const { t } = useTranslation(translationKey);\n  const { iconSize } = useMenu('DropdownMenuToolbarItem', __menuScope);\n  const items = useMenuItems(group, propsItems, 'DropdownMenuToolbarItem', __menuScope);\n  const activeItem = items?.find((item) => !!(item as MenuAction).properties.checked);\n  const icon =\n    ((group.properties as any).applyActive &&\n      // TODO(thure): Handle other menu item types.\n      (activeItem as MenuAction)?.properties.icon) ||\n    group.properties.icon;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const labelAction = (group.properties as any).applyActive && activeItem ? (activeItem as MenuAction) : group;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(labelAction, t), caretDown: true }\n    : {\n        children: (\n          <>\n            <ActionLabel action={labelAction} />\n            <Icon size={3} icon='ph--caret-down--bold' classNames='mis-1' />\n          </>\n        ),\n      };\n  return (\n    <DropdownMenu.Root group={group} items={items}>\n      <DropdownMenu.Trigger asChild>\n        <Root variant='ghost' disabled={disabled} {...(rootProps as any)} {...(testId && { 'data-testid': testId })} />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n\nconst ToggleGroupItem = ({ group, action, __menuScope }: MenuScopedProps<ToolbarMenuActionProps>) => {\n  const { iconSize } = useMenu('ToggleGroupItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const handleClick = useCallback(() => action.data?.({ parent: group }), [action, group]);\n  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      value={action.id as any}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst ToggleGroupToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const items = useMenuItems(group, propsItems, 'ToggleGroupToolbarItem', __menuScope);\n  const { selectCardinality, value } = group.properties;\n  return (\n    // TODO(thure): The type here is difficult to manage, what do?\n    // @ts-ignore\n    <NaturalToolbar.ToggleGroup type={selectCardinality} value={value}>\n      {\n        // TODO(thure): Handle other menu item types.\n        (items as MenuAction[]).map((action) => (\n          <ToggleGroupItem key={action.id} group={group} action={action} />\n        ))\n      }\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nexport const ToolbarMenu = ({\n  __menuScope,\n  classNames,\n  textBlockWidth: wrapContents,\n  ...props\n}: MenuScopedProps<ToolbarMenuProps>) => {\n  const items = useMenuItems(undefined, undefined, 'ToolbarMenu', __menuScope);\n  const { attendableId } = useMenu('ToolbarMenu', __menuScope);\n  const { hasAttention } = useAttention(attendableId);\n  const InnerRoot = wrapContents ? 'div' : Fragment;\n  const innerRootProps = wrapContents ? { role: 'none', className: mx(textBlockWidth, toolbarLayout) } : {};\n  return (\n    <NaturalToolbar.Root\n      {...props}\n      layoutManaged={wrapContents}\n      classNames={[attendableId && !hasAttention && '*:opacity-20 !bg-transparent', classNames]}\n    >\n      <InnerRoot {...innerRootProps}>\n        {items?.map((item: MenuItem, i: number) =>\n          isSeparator(item) ? (\n            <NaturalToolbar.Separator key={i} variant={item.properties.variant} />\n          ) : isMenuGroup(item) ? (\n            item.properties.variant === 'dropdownMenu' ? (\n              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n              <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n            ) : (\n              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n              <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n            )\n          ) : (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <ActionToolbarItem key={item.id} action={item as MenuAction} />\n          ),\n        )}\n      </InnerRoot>\n    </NaturalToolbar.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Node, type Action, type ActionGroup, ACTION_GROUP_TYPE } from '@dxos/app-graph';\nimport { type ToolbarSeparatorProps, type Label, type IconButtonProps, type ClassNameValue } from '@dxos/react-ui';\n\nexport type MenuActionProperties = {\n  label: Label;\n  icon?: string;\n  value?: string;\n  disabled?: boolean;\n  hidden?: boolean;\n  iconOnly?: boolean;\n  testId?: string;\n  variant?: 'action' | 'toggle';\n  checked?: boolean;\n  classNames?: ClassNameValue;\n};\n\nexport type MenuItemGroupProperties = {\n  label: Label;\n  icon?: string;\n  iconOnly?: boolean;\n};\n\nexport type MenuAction<P extends {} = {}> = Action<P & MenuActionProperties>;\n\nexport const MenuSeparatorType = '@dxos/react-ui-toolbar/separator' as const;\n\nexport type MenuSeparator = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {\n  type: typeof MenuSeparatorType;\n};\n\nexport const isSeparator = (node: Node): node is MenuSeparator => node.type === MenuSeparatorType;\n\nexport type MenuSingleSelectActionGroup = { selectCardinality: 'single'; value: string };\nexport type MenuMultipleSelectActionGroup = { selectCardinality: 'multiple'; value: string[] };\n\nexport type MenuItemGroup<P extends Record<string, any> = Record<string, any>> = ActionGroup<P>;\n\nexport const isMenuGroup = (node: Node): node is MenuItemGroup => node.type === ACTION_GROUP_TYPE;\n\nexport type MenuItem = MenuSeparator | MenuAction | MenuItemGroup;\n\nexport type MenuItemsResolver = (group?: MenuItemGroup) => MenuItem[] | null;\n\nexport type MenuContextValue = {\n  useGroupItems: MenuItemsResolver;\n  iconSize: IconButtonProps['size'];\n  attendableId?: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, type Rx, useRxValue } from '@effect-rx/rx-react';\nimport { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { type Edge, type Edges, Graph, type NodeArg, type Node, ROOT_ID } from '@dxos/app-graph';\n\nimport { type MenuItem, type MenuItemGroup } from '../types';\n\nconst edgesArrayToRecord = (edges: Edge[]): Record<string, Edges> => {\n  return Object.fromEntries(\n    Object.entries(\n      edges.reduce((acc: Record<string, { inbound: string[]; outbound: string[] }>, { source, target }) => {\n        if (!acc[source]) {\n          acc[source] = { inbound: [], outbound: [] };\n        }\n        if (!acc[target]) {\n          acc[target] = { inbound: [], outbound: [] };\n        }\n\n        const sourceEdges = acc[source];\n        if (!sourceEdges.outbound.includes(target)) {\n          sourceEdges.outbound.push(target);\n        }\n\n        const targetEdges = acc[target];\n        if (!targetEdges.inbound.includes(source)) {\n          targetEdges.inbound.push(source);\n        }\n\n        return acc;\n      }, {}),\n    ),\n  );\n};\n\nexport type ActionGraphNodes = NodeArg<any>[];\nexport type ActionGraphEdges = Edge[];\nexport type ActionGraphProps = { nodes: ActionGraphNodes; edges: ActionGraphEdges };\n\nexport const useMenuActions = (props: Rx.Rx<ActionGraphProps>) => {\n  const registry = useContext(RegistryContext);\n  const menuGraphProps = useRxValue(props);\n\n  const [graph] = useState(\n    new Graph({\n      registry,\n      nodes: menuGraphProps.nodes as Node[],\n      edges: edgesArrayToRecord(menuGraphProps.edges),\n    }),\n  );\n\n  useEffect(() => {\n    graph.addNodes(menuGraphProps.nodes);\n    graph.addEdges(menuGraphProps.edges);\n  }, [menuGraphProps]);\n\n  const useGroupItems = useCallback(\n    (sourceNode?: MenuItemGroup) => {\n      const items = useRxValue(graph.connections(sourceNode?.id || ROOT_ID)) as MenuItem[];\n      return items;\n    },\n    [graph],\n  );\n\n  return { useGroupItems };\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_react_ui", "import_app_graph", "import_react_ui_theme", "translationKey", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "createMenuAction", "id", "invoke", "type", "ACTION_TYPE", "data", "createMenuItemGroup", "ACTION_GROUP_TYPE", "actionGroupSymbol", "createGapSeparator", "source", "nodes", "variant", "undefined", "edges", "target", "createLineSeparator", "ActionLabel", "shortcut", "t", "useTranslation", "React", "span", "className", "toLocalizedString", "label", "mx", "descriptionText", "keySymbols", "join", "actionLabel", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "useGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "groupItems", "useMemo", "DropdownMenuItem", "item", "onClick", "handleClick", "useCallback", "event", "NaturalDropdownMenu", "Item", "classNames", "disabled", "testId", "icon", "Icon", "size", "DropdownMenuRoot", "items", "open", "defaultOpen", "onOpenChange", "caller", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "parent", "Root", "Portal", "Content", "Viewport", "map", "key", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "MenuSeparatorType", "isSeparator", "node", "isMenuGroup", "ActionToolbarItem", "iconOnly", "hidden", "NaturalToolbar", "IconButton", "Button", "rootProps", "DropdownMenuToolbarItem", "activeItem", "find", "checked", "applyActive", "labelAction", "caretDown", "asChild", "ToggleGroupItem", "ToggleGroupIconItem", "value", "ToggleGroupToolbarItem", "selectCardinality", "ToggleGroup", "ToolbarMenu", "textBlockWidth", "wrapContents", "props", "hasAttention", "useAttention", "InnerRoot", "Fragment", "innerRootProps", "role", "toolbarLayout", "layoutManaged", "i", "Separator", "edgesArrayToRecord", "Object", "fromEntries", "entries", "reduce", "acc", "inbound", "outbound", "sourceEdges", "includes", "push", "targetEdges", "useMenuActions", "registry", "useContext", "RegistryContext", "menuGraphProps", "useRxValue", "graph", "useState", "Graph", "useEffect", "addNodes", "addEdges", "sourceNode", "connections", "ROOT_ID"]
 }

package/dist/lib/node/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-menu/src/translations.ts":{"bytes":869,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/util.ts":{"bytes":5896,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytes":4330,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytes":5222,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytes":10503,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/types.ts":{"bytes":3207,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytes":23112,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":686,"imports":[{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx","kind":"import-statement","original":"./ToolbarMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytes":6891,"imports":[{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts","kind":"import-statement","original":"./useMenuActions"}],"format":"esm"},"packages/ui/react-ui-menu/src/index.ts":{"bytes":1254,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-menu/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-menu/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31041},"packages/ui/react-ui-menu/dist/lib/node/index.cjs":{"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["DropdownMenu","MenuProvider","MenuSeparatorType","ToolbarMenu","createGapSeparator","createLineSeparator","createMenuAction","createMenuItemGroup","createMenuScope","isMenuGroup","isSeparator","menuContextDefaults","rxFromSignal","useMenu","useMenuActions","useMenuItems"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":48},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2621},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytesInOutput":1031},"packages/ui/react-ui-menu/src/translations.ts":{"bytesInOutput":118},"packages/ui/react-ui-menu/src/util.ts":{"bytesInOutput":1113},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytesInOutput":1199},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytesInOutput":6304},"packages/ui/react-ui-menu/src/types.ts":{"bytesInOutput":258},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytesInOutput":1447},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":15138}}}
+{"inputs":{"packages/ui/react-ui-menu/src/translations.ts":{"bytes":869,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/util.ts":{"bytes":5896,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytes":4330,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytes":5222,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytes":10503,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/types.ts":{"bytes":3207,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytes":24564,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":686,"imports":[{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx","kind":"import-statement","original":"./ToolbarMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytes":6891,"imports":[{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts","kind":"import-statement","original":"./useMenuActions"}],"format":"esm"},"packages/ui/react-ui-menu/src/index.ts":{"bytes":1254,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-menu/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-menu/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31882},"packages/ui/react-ui-menu/dist/lib/node/index.cjs":{"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["DropdownMenu","MenuProvider","MenuSeparatorType","ToolbarMenu","createGapSeparator","createLineSeparator","createMenuAction","createMenuItemGroup","createMenuScope","isMenuGroup","isSeparator","menuContextDefaults","rxFromSignal","useMenu","useMenuActions","useMenuItems"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":48},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2621},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytesInOutput":1031},"packages/ui/react-ui-menu/src/translations.ts":{"bytesInOutput":118},"packages/ui/react-ui-menu/src/util.ts":{"bytesInOutput":1113},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytesInOutput":1199},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytesInOutput":6689},"packages/ui/react-ui-menu/src/types.ts":{"bytesInOutput":258},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytesInOutput":1447},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":15523}}}

package/dist/lib/node-esm/index.mjs

@@ -207,9 +207,10 @@ var DropdownMenu = {
 
 // packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx
 import { useSignals as _useSignals4 } from "@preact-signals/safe-react/tracking";
-import React4, { useCallback as useCallback2 } from "react";
+import React4, { Fragment, useCallback as useCallback2 } from "react";
 import { Icon as Icon2, Toolbar as NaturalToolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
 import { useAttention } from "@dxos/react-ui-attention";
+import { mx as mx2, textBlockWidth, toolbarLayout } from "@dxos/react-ui-theme";
 
 // packages/ui/react-ui-menu/src/types.ts
 import { ACTION_GROUP_TYPE as ACTION_GROUP_TYPE2 } from "@dxos/app-graph";
@@ -362,20 +363,25 @@ var ToggleGroupToolbarItem = ({ group, items: propsItems, __menuScope }) => {
     _effect.f();
   }
 };
-var ToolbarMenu = ({ __menuScope, classNames, ...props }) => {
+var ToolbarMenu = ({ __menuScope, classNames, textBlockWidth: wrapContents, ...props }) => {
   var _effect = _useSignals4();
   try {
     const items = useMenuItems(void 0, void 0, "ToolbarMenu", __menuScope);
     const { attendableId } = useMenu("ToolbarMenu", __menuScope);
     const { hasAttention } = useAttention(attendableId);
+    const InnerRoot = wrapContents ? "div" : Fragment;
+    const innerRootProps = wrapContents ? {
+      role: "none",
+      className: mx2(textBlockWidth, toolbarLayout)
+    } : {};
     return /* @__PURE__ */ React4.createElement(NaturalToolbar.Root, {
       ...props,
+      layoutManaged: wrapContents,
       classNames: [
-        "p-1",
-        attendableId && !hasAttention && "[&>*]:opacity-20 !bg-transparent",
+        attendableId && !hasAttention && "*:opacity-20 !bg-transparent",
         classNames
       ]
-    }, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ React4.createElement(NaturalToolbar.Separator, {
+    }, /* @__PURE__ */ React4.createElement(InnerRoot, innerRootProps, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ React4.createElement(NaturalToolbar.Separator, {
       key: i,
       variant: item.properties.variant
     }) : isMenuGroup(item) ? item.properties.variant === "dropdownMenu" ? (
@@ -396,7 +402,7 @@ var ToolbarMenu = ({ __menuScope, classNames, ...props }) => {
         key: item.id,
         action: item
       })
-    )));
+    ))));
   } finally {
     _effect.f();
   }

package/dist/lib/node-esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/index.ts", "../../../src/components/DropdownMenu.tsx", "../../../src/components/ActionLabel.tsx", "../../../src/translations.ts", "../../../src/util.ts", "../../../src/components/MenuContext.tsx", "../../../src/components/ToolbarMenu.tsx", "../../../src/types.ts", "../../../src/hooks/useMenuActions.ts"],
-  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nexport { rxFromSignal } from '@dxos/app-graph';\n\nexport * from './components';\nexport * from './hooks';\nexport * from './types';\nexport { createMenuAction, createMenuItemGroup, createLineSeparator, createGapSeparator } from './util';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { DropdownMenu as NaturalDropdownMenu, Icon, type DropdownMenuRootProps } from '@dxos/react-ui';\n\nimport { ActionLabel } from './ActionLabel';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { type MenuAction, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type DropdownMenuProps = DropdownMenuRootProps & {\n  group?: MenuItemGroup;\n  items?: MenuItem[];\n  caller?: string;\n};\n\nconst DropdownMenuItem = ({\n  item,\n  onClick,\n  __menuScope,\n}: MenuScopedProps<{\n  item: MenuItem;\n  onClick: (action: MenuAction, event: MouseEvent) => void;\n}>) => {\n  // TODO(thure): handle other items.\n  const action = item as MenuAction;\n  const handleClick = useCallback((event: MouseEvent) => onClick(action, event), [action, onClick]);\n  const { iconSize } = useMenu('DropdownMenuItem', __menuScope);\n  return (\n    <NaturalDropdownMenu.Item\n      onClick={handleClick}\n      classNames='gap-2'\n      disabled={action.properties?.disabled}\n      {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n    >\n      {action.properties?.icon && <Icon icon={action.properties!.icon} size={iconSize} />}\n      <ActionLabel action={action} />\n    </NaturalDropdownMenu.Item>\n  );\n};\n\nconst DropdownMenuRoot = ({\n  items: propsItems,\n  group,\n  open,\n  defaultOpen,\n  onOpenChange,\n  caller,\n  children,\n  __menuScope,\n  ...naturalProps\n}: MenuScopedProps<DropdownMenuProps>) => {\n  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({\n    prop: open,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const handleActionClick = useCallback(\n    (action: MenuAction, event: MouseEvent) => {\n      if (action.properties?.disabled) {\n        return;\n      }\n      event.stopPropagation();\n      // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n      setOptionsMenuOpen(false);\n      void action.data?.({ parent: group, caller });\n    },\n    [group, caller],\n  );\n\n  const items = useMenuItems(group, propsItems);\n\n  return (\n    <NaturalDropdownMenu.Root open={optionsMenuOpen} onOpenChange={setOptionsMenuOpen} {...naturalProps}>\n      {children}\n      <NaturalDropdownMenu.Portal>\n        <NaturalDropdownMenu.Content>\n          <NaturalDropdownMenu.Viewport>\n            {items?.map((item) => <DropdownMenuItem key={item.id} item={item} onClick={handleActionClick} />)}\n          </NaturalDropdownMenu.Viewport>\n          <NaturalDropdownMenu.Arrow />\n        </NaturalDropdownMenu.Content>\n      </NaturalDropdownMenu.Portal>\n    </NaturalDropdownMenu.Root>\n  );\n};\n\nexport const DropdownMenu = {\n  Root: DropdownMenuRoot,\n  Trigger: NaturalDropdownMenu.Trigger,\n  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Action as GraphAction, type ActionGroup } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation, type TFunction } from '@dxos/react-ui';\nimport { mx, descriptionText } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../translations';\nimport { type MenuActionProperties } from '../types';\nimport { getShortcut } from '../util';\n\ntype Action = GraphAction<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;\n\nexport const ActionLabel = ({ action }: { action: Action }) => {\n  const shortcut = getShortcut(action);\n  const { t } = useTranslation(translationKey);\n\n  return (\n    <>\n      <span className='grow truncate'>{toLocalizedString(action.properties!.label, t)}</span>\n      {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}\n    </>\n  );\n};\n\nexport const actionLabel = (action: Action, t: TFunction) => {\n  const shortcut = getShortcut(action);\n  return `${toLocalizedString(action.properties!.label, t)}${shortcut ? ` (${keySymbols(shortcut).join('')})` : ''}`;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'menus';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ACTION_GROUP_TYPE, ACTION_TYPE, actionGroupSymbol, type ActionLike } from '@dxos/app-graph';\nimport { getHostPlatform } from '@dxos/util';\n\nimport {\n  type MenuAction,\n  type MenuActionProperties,\n  type MenuItemGroup,\n  type MenuItemGroupProperties,\n  type MenuSeparator,\n} from './types';\n\nexport const getShortcut = (action: ActionLike) => {\n  return typeof action.properties?.keyBinding === 'string'\n    ? action.properties.keyBinding\n    : action.properties?.keyBinding?.[getHostPlatform()];\n};\n\nexport const fallbackIcon = 'ph--placeholder--regular';\n\nexport const createMenuAction = <P extends {} = {}>(\n  id: string,\n  invoke: () => void,\n  properties: P & MenuActionProperties,\n) =>\n  ({\n    id,\n    type: ACTION_TYPE,\n    properties,\n    data: invoke,\n  }) satisfies MenuAction;\n\nexport const createMenuItemGroup = <\n  P extends MenuItemGroupProperties = MenuItemGroupProperties & Partial<MenuActionProperties>,\n>(\n  id: string,\n  properties: P,\n) =>\n  ({\n    id,\n    type: ACTION_GROUP_TYPE,\n    properties,\n    data: actionGroupSymbol,\n  }) satisfies MenuItemGroup;\n\nexport const createGapSeparator = (id: string = 'gap', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'gap' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n\nexport const createLineSeparator = (id: string = 'line', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'line' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useMemo } from 'react';\n\nimport { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type MenuScopedProps<P> = P & { __menuScope?: Scope };\n\nconst MENU_NAME = 'GraphMenu';\n\nconst [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, []);\n\nconst [MenuContextProvider, useMenu] = createMenuContext<MenuContextValue>(MENU_NAME);\n\nexport const menuContextDefaults: MenuContextValue = {\n  iconSize: 5,\n  useGroupItems: () => null,\n};\n\nconst useMenuScope = createMenuScope();\n\nconst MenuProvider = ({\n  children,\n  useGroupItems = menuContextDefaults.useGroupItems,\n  iconSize = menuContextDefaults.iconSize,\n  attendableId,\n}: PropsWithChildren<Partial<MenuContextValue>>) => {\n  const { scope } = useMenuScope(undefined);\n  return (\n    <MenuContextProvider useGroupItems={useGroupItems} iconSize={iconSize} attendableId={attendableId} scope={scope}>\n      {children}\n    </MenuContextProvider>\n  );\n};\n\nexport const useMenuItems = (\n  group?: MenuItemGroup,\n  propsItems?: MenuItem[],\n  consumerName: string = 'useMenuItemConsumer',\n  __menuScope?: Scope,\n) => {\n  const { useGroupItems } = useMenu(consumerName, __menuScope);\n  const groupItems = useGroupItems(group);\n  return useMemo(() => propsItems ?? groupItems ?? undefined, [propsItems, groupItems]);\n};\n\nexport { useMenu, createMenuScope, MenuProvider };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Icon, Toolbar as NaturalToolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\n\nimport { actionLabel, ActionLabel } from './ActionLabel';\nimport { DropdownMenu } from './DropdownMenu';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { translationKey } from '../translations';\nimport {\n  type MenuAction,\n  type MenuItem,\n  isMenuGroup,\n  isSeparator,\n  type MenuItemGroup,\n  type MenuActionProperties,\n  type MenuMultipleSelectActionGroup,\n  type MenuSingleSelectActionGroup,\n} from '../types';\n\nexport type ToolbarMenuDropdownMenuActionGroup = Omit<MenuActionProperties, 'variant' | 'icon'> & {\n  variant: 'dropdownMenu';\n  icon: string;\n  applyActive?: boolean;\n};\n\nexport type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'variant'> & {\n  variant: 'toggleGroup';\n};\n\nexport type ToolbarMenuActionGroupProperties = (\n  | ToolbarMenuDropdownMenuActionGroup\n  | ToolbarMenuToggleGroupActionGroup\n) &\n  (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);\n\nexport type ToolbarMenuProps = ToolbarRootProps;\n\nexport type ToolbarMenuActionGroupProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  items?: MenuItem[];\n};\n\nexport type ToolbarMenuActionProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  action: MenuAction;\n};\n\nconst ActionToolbarItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { iconSize } = useMenu('ActionToolbarItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const handleClick = useCallback(() => action.data?.(), [action]);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst DropdownMenuToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const { iconOnly, disabled, testId } = group.properties;\n  const { t } = useTranslation(translationKey);\n  const { iconSize } = useMenu('DropdownMenuToolbarItem', __menuScope);\n  const items = useMenuItems(group, propsItems, 'DropdownMenuToolbarItem', __menuScope);\n  const activeItem = items?.find((item) => !!(item as MenuAction).properties.checked);\n  const icon =\n    ((group.properties as any).applyActive &&\n      // TODO(thure): Handle other menu item types.\n      (activeItem as MenuAction)?.properties.icon) ||\n    group.properties.icon;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const labelAction = (group.properties as any).applyActive && activeItem ? (activeItem as MenuAction) : group;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(labelAction, t), caretDown: true }\n    : {\n        children: (\n          <>\n            <ActionLabel action={labelAction} />\n            <Icon size={3} icon='ph--caret-down--bold' classNames='mis-1' />\n          </>\n        ),\n      };\n  return (\n    <DropdownMenu.Root group={group} items={items}>\n      <DropdownMenu.Trigger asChild>\n        <Root variant='ghost' disabled={disabled} {...(rootProps as any)} {...(testId && { 'data-testid': testId })} />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n\nconst ToggleGroupItem = ({ group, action, __menuScope }: MenuScopedProps<ToolbarMenuActionProps>) => {\n  const { iconSize } = useMenu('ToggleGroupItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const handleClick = useCallback(() => action.data?.({ parent: group }), [action, group]);\n  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      value={action.id as any}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst ToggleGroupToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const items = useMenuItems(group, propsItems, 'ToggleGroupToolbarItem', __menuScope);\n  const { selectCardinality, value } = group.properties;\n  return (\n    // TODO(thure): The type here is difficult to manage, what do?\n    // @ts-ignore\n    <NaturalToolbar.ToggleGroup type={selectCardinality} value={value}>\n      {\n        // TODO(thure): Handle other menu item types.\n        (items as MenuAction[]).map((action) => (\n          <ToggleGroupItem key={action.id} group={group} action={action} />\n        ))\n      }\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nexport const ToolbarMenu = ({ __menuScope, classNames, ...props }: MenuScopedProps<ToolbarMenuProps>) => {\n  const items = useMenuItems(undefined, undefined, 'ToolbarMenu', __menuScope);\n  const { attendableId } = useMenu('ToolbarMenu', __menuScope);\n  const { hasAttention } = useAttention(attendableId);\n  return (\n    <NaturalToolbar.Root\n      {...props}\n      classNames={['p-1', attendableId && !hasAttention && '[&>*]:opacity-20 !bg-transparent', classNames]}\n    >\n      {items?.map((item: MenuItem, i: number) =>\n        isSeparator(item) ? (\n          <NaturalToolbar.Separator key={i} variant={item.properties.variant} />\n        ) : isMenuGroup(item) ? (\n          item.properties.variant === 'dropdownMenu' ? (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n          ) : (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n          )\n        ) : (\n          // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n          <ActionToolbarItem key={item.id} action={item as MenuAction} />\n        ),\n      )}\n    </NaturalToolbar.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Node, type Action, type ActionGroup, ACTION_GROUP_TYPE } from '@dxos/app-graph';\nimport { type ToolbarSeparatorProps, type Label, type IconButtonProps, type ClassNameValue } from '@dxos/react-ui';\n\nexport type MenuActionProperties = {\n  label: Label;\n  icon?: string;\n  value?: string;\n  disabled?: boolean;\n  hidden?: boolean;\n  iconOnly?: boolean;\n  testId?: string;\n  variant?: 'action' | 'toggle';\n  checked?: boolean;\n  classNames?: ClassNameValue;\n};\n\nexport type MenuItemGroupProperties = {\n  label: Label;\n  icon?: string;\n  iconOnly?: boolean;\n};\n\nexport type MenuAction<P extends {} = {}> = Action<P & MenuActionProperties>;\n\nexport const MenuSeparatorType = '@dxos/react-ui-toolbar/separator' as const;\n\nexport type MenuSeparator = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {\n  type: typeof MenuSeparatorType;\n};\n\nexport const isSeparator = (node: Node): node is MenuSeparator => node.type === MenuSeparatorType;\n\nexport type MenuSingleSelectActionGroup = { selectCardinality: 'single'; value: string };\nexport type MenuMultipleSelectActionGroup = { selectCardinality: 'multiple'; value: string[] };\n\nexport type MenuItemGroup<P extends Record<string, any> = Record<string, any>> = ActionGroup<P>;\n\nexport const isMenuGroup = (node: Node): node is MenuItemGroup => node.type === ACTION_GROUP_TYPE;\n\nexport type MenuItem = MenuSeparator | MenuAction | MenuItemGroup;\n\nexport type MenuItemsResolver = (group?: MenuItemGroup) => MenuItem[] | null;\n\nexport type MenuContextValue = {\n  useGroupItems: MenuItemsResolver;\n  iconSize: IconButtonProps['size'];\n  attendableId?: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, type Rx, useRxValue } from '@effect-rx/rx-react';\nimport { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { type Edge, type Edges, Graph, type NodeArg, type Node, ROOT_ID } from '@dxos/app-graph';\n\nimport { type MenuItem, type MenuItemGroup } from '../types';\n\nconst edgesArrayToRecord = (edges: Edge[]): Record<string, Edges> => {\n  return Object.fromEntries(\n    Object.entries(\n      edges.reduce((acc: Record<string, { inbound: string[]; outbound: string[] }>, { source, target }) => {\n        if (!acc[source]) {\n          acc[source] = { inbound: [], outbound: [] };\n        }\n        if (!acc[target]) {\n          acc[target] = { inbound: [], outbound: [] };\n        }\n\n        const sourceEdges = acc[source];\n        if (!sourceEdges.outbound.includes(target)) {\n          sourceEdges.outbound.push(target);\n        }\n\n        const targetEdges = acc[target];\n        if (!targetEdges.inbound.includes(source)) {\n          targetEdges.inbound.push(source);\n        }\n\n        return acc;\n      }, {}),\n    ),\n  );\n};\n\nexport type ActionGraphNodes = NodeArg<any>[];\nexport type ActionGraphEdges = Edge[];\nexport type ActionGraphProps = { nodes: ActionGraphNodes; edges: ActionGraphEdges };\n\nexport const useMenuActions = (props: Rx.Rx<ActionGraphProps>) => {\n  const registry = useContext(RegistryContext);\n  const menuGraphProps = useRxValue(props);\n\n  const [graph] = useState(\n    new Graph({\n      registry,\n      nodes: menuGraphProps.nodes as Node[],\n      edges: edgesArrayToRecord(menuGraphProps.edges),\n    }),\n  );\n\n  useEffect(() => {\n    graph.addNodes(menuGraphProps.nodes);\n    graph.addEdges(menuGraphProps.edges);\n  }, [menuGraphProps]);\n\n  const useGroupItems = useCallback(\n    (sourceNode?: MenuItemGroup) => {\n      const items = useRxValue(graph.connections(sourceNode?.id || ROOT_ID)) as MenuItem[];\n      return items;\n    },\n    [graph],\n  );\n\n  return { useGroupItems };\n};\n"],
-  "mappings": "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",
-  "names": ["rxFromSignal", "useControllableState", "React", "useCallback", "DropdownMenu", "NaturalDropdownMenu", "Icon", "React", "keySymbols", "toLocalizedString", "useTranslation", "mx", "descriptionText", "translationKey", "ACTION_GROUP_TYPE", "ACTION_TYPE", "actionGroupSymbol", "getHostPlatform", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "createMenuAction", "id", "invoke", "properties", "type", "ACTION_TYPE", "data", "createMenuItemGroup", "ACTION_GROUP_TYPE", "actionGroupSymbol", "createGapSeparator", "source", "nodes", "variant", "undefined", "edges", "target", "createLineSeparator", "ActionLabel", "action", "shortcut", "getShortcut", "t", "useTranslation", "translationKey", "span", "className", "toLocalizedString", "properties", "label", "mx", "descriptionText", "keySymbols", "join", "actionLabel", "createContextScope", "React", "useMemo", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "useGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "undefined", "React", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "groupItems", "useMemo", "DropdownMenuItem", "item", "onClick", "__menuScope", "action", "handleClick", "useCallback", "event", "iconSize", "useMenu", "React", "NaturalDropdownMenu", "Item", "classNames", "disabled", "properties", "testId", "icon", "Icon", "size", "ActionLabel", "DropdownMenuRoot", "items", "propsItems", "group", "open", "defaultOpen", "onOpenChange", "caller", "children", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "data", "parent", "useMenuItems", "Root", "Portal", "Content", "Viewport", "map", "key", "id", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "React", "useCallback", "Icon", "Toolbar", "NaturalToolbar", "useTranslation", "useAttention", "ACTION_GROUP_TYPE", "MenuSeparatorType", "isSeparator", "node", "type", "isMenuGroup", "ACTION_GROUP_TYPE", "ActionToolbarItem", "action", "__menuScope", "iconSize", "useMenu", "t", "useTranslation", "translationKey", "handleClick", "useCallback", "data", "icon", "iconOnly", "disabled", "testId", "hidden", "classNames", "properties", "Root", "NaturalToolbar", "IconButton", "Button", "rootProps", "size", "label", "actionLabel", "children", "React", "ActionLabel", "key", "id", "onClick", "variant", "DropdownMenuToolbarItem", "group", "items", "propsItems", "useMenuItems", "activeItem", "find", "item", "checked", "applyActive", "labelAction", "caretDown", "Icon", "DropdownMenu", "Trigger", "asChild", "ToggleGroupItem", "parent", "ToggleGroupIconItem", "value", "ToggleGroupToolbarItem", "selectCardinality", "ToggleGroup", "type", "map", "ToolbarMenu", "props", "undefined", "attendableId", "hasAttention", "useAttention", "i", "isSeparator", "Separator", "isMenuGroup", "RegistryContext", "useRxValue", "useCallback", "useContext", "useEffect", "useState", "Graph", "ROOT_ID", "edgesArrayToRecord", "edges", "Object", "fromEntries", "entries", "reduce", "acc", "source", "target", "inbound", "outbound", "sourceEdges", "includes", "push", "targetEdges", "useMenuActions", "props", "registry", "useContext", "RegistryContext", "menuGraphProps", "useRxValue", "graph", "useState", "Graph", "nodes", "useEffect", "addNodes", "addEdges", "useGroupItems", "useCallback", "sourceNode", "items", "connections", "id", "ROOT_ID"]
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nexport { rxFromSignal } from '@dxos/app-graph';\n\nexport * from './components';\nexport * from './hooks';\nexport * from './types';\nexport { createMenuAction, createMenuItemGroup, createLineSeparator, createGapSeparator } from './util';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, useCallback } from 'react';\n\nimport { DropdownMenu as NaturalDropdownMenu, Icon, type DropdownMenuRootProps } from '@dxos/react-ui';\n\nimport { ActionLabel } from './ActionLabel';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { type MenuAction, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type DropdownMenuProps = DropdownMenuRootProps & {\n  group?: MenuItemGroup;\n  items?: MenuItem[];\n  caller?: string;\n};\n\nconst DropdownMenuItem = ({\n  item,\n  onClick,\n  __menuScope,\n}: MenuScopedProps<{\n  item: MenuItem;\n  onClick: (action: MenuAction, event: MouseEvent) => void;\n}>) => {\n  // TODO(thure): handle other items.\n  const action = item as MenuAction;\n  const handleClick = useCallback((event: MouseEvent) => onClick(action, event), [action, onClick]);\n  const { iconSize } = useMenu('DropdownMenuItem', __menuScope);\n  return (\n    <NaturalDropdownMenu.Item\n      onClick={handleClick}\n      classNames='gap-2'\n      disabled={action.properties?.disabled}\n      {...(action.properties?.testId && { 'data-testid': action.properties.testId })}\n    >\n      {action.properties?.icon && <Icon icon={action.properties!.icon} size={iconSize} />}\n      <ActionLabel action={action} />\n    </NaturalDropdownMenu.Item>\n  );\n};\n\nconst DropdownMenuRoot = ({\n  items: propsItems,\n  group,\n  open,\n  defaultOpen,\n  onOpenChange,\n  caller,\n  children,\n  __menuScope,\n  ...naturalProps\n}: MenuScopedProps<DropdownMenuProps>) => {\n  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({\n    prop: open,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  const handleActionClick = useCallback(\n    (action: MenuAction, event: MouseEvent) => {\n      if (action.properties?.disabled) {\n        return;\n      }\n      event.stopPropagation();\n      // TODO(thure): Why does Dialog’s modal-ness cause issues if we don’t explicitly close the menu here?\n      setOptionsMenuOpen(false);\n      void action.data?.({ parent: group, caller });\n    },\n    [group, caller],\n  );\n\n  const items = useMenuItems(group, propsItems);\n\n  return (\n    <NaturalDropdownMenu.Root open={optionsMenuOpen} onOpenChange={setOptionsMenuOpen} {...naturalProps}>\n      {children}\n      <NaturalDropdownMenu.Portal>\n        <NaturalDropdownMenu.Content>\n          <NaturalDropdownMenu.Viewport>\n            {items?.map((item) => <DropdownMenuItem key={item.id} item={item} onClick={handleActionClick} />)}\n          </NaturalDropdownMenu.Viewport>\n          <NaturalDropdownMenu.Arrow />\n        </NaturalDropdownMenu.Content>\n      </NaturalDropdownMenu.Portal>\n    </NaturalDropdownMenu.Root>\n  );\n};\n\nexport const DropdownMenu = {\n  Root: DropdownMenuRoot,\n  Trigger: NaturalDropdownMenu.Trigger,\n  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Action as GraphAction, type ActionGroup } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation, type TFunction } from '@dxos/react-ui';\nimport { mx, descriptionText } from '@dxos/react-ui-theme';\n\nimport { translationKey } from '../translations';\nimport { type MenuActionProperties } from '../types';\nimport { getShortcut } from '../util';\n\ntype Action = GraphAction<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;\n\nexport const ActionLabel = ({ action }: { action: Action }) => {\n  const shortcut = getShortcut(action);\n  const { t } = useTranslation(translationKey);\n\n  return (\n    <>\n      <span className='grow truncate'>{toLocalizedString(action.properties!.label, t)}</span>\n      {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}\n    </>\n  );\n};\n\nexport const actionLabel = (action: Action, t: TFunction) => {\n  const shortcut = getShortcut(action);\n  return `${toLocalizedString(action.properties!.label, t)}${shortcut ? ` (${keySymbols(shortcut).join('')})` : ''}`;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nexport const translationKey = 'menus';\n\nexport default [\n  {\n    'en-US': {\n      [translationKey]: {},\n    },\n  },\n] as const;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ACTION_GROUP_TYPE, ACTION_TYPE, actionGroupSymbol, type ActionLike } from '@dxos/app-graph';\nimport { getHostPlatform } from '@dxos/util';\n\nimport {\n  type MenuAction,\n  type MenuActionProperties,\n  type MenuItemGroup,\n  type MenuItemGroupProperties,\n  type MenuSeparator,\n} from './types';\n\nexport const getShortcut = (action: ActionLike) => {\n  return typeof action.properties?.keyBinding === 'string'\n    ? action.properties.keyBinding\n    : action.properties?.keyBinding?.[getHostPlatform()];\n};\n\nexport const fallbackIcon = 'ph--placeholder--regular';\n\nexport const createMenuAction = <P extends {} = {}>(\n  id: string,\n  invoke: () => void,\n  properties: P & MenuActionProperties,\n) =>\n  ({\n    id,\n    type: ACTION_TYPE,\n    properties,\n    data: invoke,\n  }) satisfies MenuAction;\n\nexport const createMenuItemGroup = <\n  P extends MenuItemGroupProperties = MenuItemGroupProperties & Partial<MenuActionProperties>,\n>(\n  id: string,\n  properties: P,\n) =>\n  ({\n    id,\n    type: ACTION_GROUP_TYPE,\n    properties,\n    data: actionGroupSymbol,\n  }) satisfies MenuItemGroup;\n\nexport const createGapSeparator = (id: string = 'gap', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'gap' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n\nexport const createLineSeparator = (id: string = 'line', source: string = 'root') => ({\n  nodes: [\n    {\n      id,\n      type: '@dxos/react-ui-toolbar/separator',\n      properties: { variant: 'line' },\n      data: undefined as never,\n    } satisfies MenuSeparator,\n  ],\n  edges: [{ source, target: id }],\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useMemo } from 'react';\n\nimport { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../types';\n\nexport type MenuScopedProps<P> = P & { __menuScope?: Scope };\n\nconst MENU_NAME = 'GraphMenu';\n\nconst [createMenuContext, createMenuScope] = createContextScope(MENU_NAME, []);\n\nconst [MenuContextProvider, useMenu] = createMenuContext<MenuContextValue>(MENU_NAME);\n\nexport const menuContextDefaults: MenuContextValue = {\n  iconSize: 5,\n  useGroupItems: () => null,\n};\n\nconst useMenuScope = createMenuScope();\n\nconst MenuProvider = ({\n  children,\n  useGroupItems = menuContextDefaults.useGroupItems,\n  iconSize = menuContextDefaults.iconSize,\n  attendableId,\n}: PropsWithChildren<Partial<MenuContextValue>>) => {\n  const { scope } = useMenuScope(undefined);\n  return (\n    <MenuContextProvider useGroupItems={useGroupItems} iconSize={iconSize} attendableId={attendableId} scope={scope}>\n      {children}\n    </MenuContextProvider>\n  );\n};\n\nexport const useMenuItems = (\n  group?: MenuItemGroup,\n  propsItems?: MenuItem[],\n  consumerName: string = 'useMenuItemConsumer',\n  __menuScope?: Scope,\n) => {\n  const { useGroupItems } = useMenu(consumerName, __menuScope);\n  const groupItems = useGroupItems(group);\n  return useMemo(() => propsItems ?? groupItems ?? undefined, [propsItems, groupItems]);\n};\n\nexport { useMenu, createMenuScope, MenuProvider };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { Fragment, useCallback } from 'react';\n\nimport { Icon, Toolbar as NaturalToolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { mx, textBlockWidth, toolbarLayout } from '@dxos/react-ui-theme';\n\nimport { actionLabel, ActionLabel } from './ActionLabel';\nimport { DropdownMenu } from './DropdownMenu';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\nimport { translationKey } from '../translations';\nimport {\n  type MenuAction,\n  type MenuItem,\n  isMenuGroup,\n  isSeparator,\n  type MenuItemGroup,\n  type MenuActionProperties,\n  type MenuMultipleSelectActionGroup,\n  type MenuSingleSelectActionGroup,\n} from '../types';\n\nexport type ToolbarMenuDropdownMenuActionGroup = Omit<MenuActionProperties, 'variant' | 'icon'> & {\n  variant: 'dropdownMenu';\n  icon: string;\n  applyActive?: boolean;\n};\n\nexport type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'variant'> & {\n  variant: 'toggleGroup';\n};\n\nexport type ToolbarMenuActionGroupProperties = (\n  | ToolbarMenuDropdownMenuActionGroup\n  | ToolbarMenuToggleGroupActionGroup\n) &\n  (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);\n\nexport type ToolbarMenuProps = ToolbarRootProps & { textBlockWidth?: boolean };\n\nexport type ToolbarMenuActionGroupProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  items?: MenuItem[];\n};\n\nexport type ToolbarMenuActionProps = {\n  group: MenuItemGroup<ToolbarMenuActionGroupProperties>;\n  action: MenuAction;\n};\n\nconst ActionToolbarItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { iconSize } = useMenu('ActionToolbarItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const handleClick = useCallback(() => action.data?.(), [action]);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst DropdownMenuToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const { iconOnly, disabled, testId } = group.properties;\n  const { t } = useTranslation(translationKey);\n  const { iconSize } = useMenu('DropdownMenuToolbarItem', __menuScope);\n  const items = useMenuItems(group, propsItems, 'DropdownMenuToolbarItem', __menuScope);\n  const activeItem = items?.find((item) => !!(item as MenuAction).properties.checked);\n  const icon =\n    ((group.properties as any).applyActive &&\n      // TODO(thure): Handle other menu item types.\n      (activeItem as MenuAction)?.properties.icon) ||\n    group.properties.icon;\n  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;\n  const labelAction = (group.properties as any).applyActive && activeItem ? (activeItem as MenuAction) : group;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(labelAction, t), caretDown: true }\n    : {\n        children: (\n          <>\n            <ActionLabel action={labelAction} />\n            <Icon size={3} icon='ph--caret-down--bold' classNames='mis-1' />\n          </>\n        ),\n      };\n  return (\n    <DropdownMenu.Root group={group} items={items}>\n      <DropdownMenu.Trigger asChild>\n        <Root variant='ghost' disabled={disabled} {...(rootProps as any)} {...(testId && { 'data-testid': testId })} />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n\nconst ToggleGroupItem = ({ group, action, __menuScope }: MenuScopedProps<ToolbarMenuActionProps>) => {\n  const { iconSize } = useMenu('ToggleGroupItem', __menuScope);\n  const { t } = useTranslation(translationKey);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const handleClick = useCallback(() => action.data?.({ parent: group }), [action, group]);\n  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: actionLabel(action, t) }\n    : { children: <ActionLabel action={action} /> };\n  return hidden ? null : (\n    <Root\n      key={action.id}\n      value={action.id as any}\n      disabled={disabled}\n      onClick={handleClick}\n      variant='ghost'\n      {...(testId && { 'data-testid': testId })}\n      {...(rootProps as any)}\n      classNames={classNames}\n    />\n  );\n};\n\nconst ToggleGroupToolbarItem = ({\n  group,\n  items: propsItems,\n  __menuScope,\n}: MenuScopedProps<ToolbarMenuActionGroupProps>) => {\n  const items = useMenuItems(group, propsItems, 'ToggleGroupToolbarItem', __menuScope);\n  const { selectCardinality, value } = group.properties;\n  return (\n    // TODO(thure): The type here is difficult to manage, what do?\n    // @ts-ignore\n    <NaturalToolbar.ToggleGroup type={selectCardinality} value={value}>\n      {\n        // TODO(thure): Handle other menu item types.\n        (items as MenuAction[]).map((action) => (\n          <ToggleGroupItem key={action.id} group={group} action={action} />\n        ))\n      }\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nexport const ToolbarMenu = ({\n  __menuScope,\n  classNames,\n  textBlockWidth: wrapContents,\n  ...props\n}: MenuScopedProps<ToolbarMenuProps>) => {\n  const items = useMenuItems(undefined, undefined, 'ToolbarMenu', __menuScope);\n  const { attendableId } = useMenu('ToolbarMenu', __menuScope);\n  const { hasAttention } = useAttention(attendableId);\n  const InnerRoot = wrapContents ? 'div' : Fragment;\n  const innerRootProps = wrapContents ? { role: 'none', className: mx(textBlockWidth, toolbarLayout) } : {};\n  return (\n    <NaturalToolbar.Root\n      {...props}\n      layoutManaged={wrapContents}\n      classNames={[attendableId && !hasAttention && '*:opacity-20 !bg-transparent', classNames]}\n    >\n      <InnerRoot {...innerRootProps}>\n        {items?.map((item: MenuItem, i: number) =>\n          isSeparator(item) ? (\n            <NaturalToolbar.Separator key={i} variant={item.properties.variant} />\n          ) : isMenuGroup(item) ? (\n            item.properties.variant === 'dropdownMenu' ? (\n              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n              <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n            ) : (\n              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n              <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />\n            )\n          ) : (\n            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.\n            <ActionToolbarItem key={item.id} action={item as MenuAction} />\n          ),\n        )}\n      </InnerRoot>\n    </NaturalToolbar.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Node, type Action, type ActionGroup, ACTION_GROUP_TYPE } from '@dxos/app-graph';\nimport { type ToolbarSeparatorProps, type Label, type IconButtonProps, type ClassNameValue } from '@dxos/react-ui';\n\nexport type MenuActionProperties = {\n  label: Label;\n  icon?: string;\n  value?: string;\n  disabled?: boolean;\n  hidden?: boolean;\n  iconOnly?: boolean;\n  testId?: string;\n  variant?: 'action' | 'toggle';\n  checked?: boolean;\n  classNames?: ClassNameValue;\n};\n\nexport type MenuItemGroupProperties = {\n  label: Label;\n  icon?: string;\n  iconOnly?: boolean;\n};\n\nexport type MenuAction<P extends {} = {}> = Action<P & MenuActionProperties>;\n\nexport const MenuSeparatorType = '@dxos/react-ui-toolbar/separator' as const;\n\nexport type MenuSeparator = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {\n  type: typeof MenuSeparatorType;\n};\n\nexport const isSeparator = (node: Node): node is MenuSeparator => node.type === MenuSeparatorType;\n\nexport type MenuSingleSelectActionGroup = { selectCardinality: 'single'; value: string };\nexport type MenuMultipleSelectActionGroup = { selectCardinality: 'multiple'; value: string[] };\n\nexport type MenuItemGroup<P extends Record<string, any> = Record<string, any>> = ActionGroup<P>;\n\nexport const isMenuGroup = (node: Node): node is MenuItemGroup => node.type === ACTION_GROUP_TYPE;\n\nexport type MenuItem = MenuSeparator | MenuAction | MenuItemGroup;\n\nexport type MenuItemsResolver = (group?: MenuItemGroup) => MenuItem[] | null;\n\nexport type MenuContextValue = {\n  useGroupItems: MenuItemsResolver;\n  iconSize: IconButtonProps['size'];\n  attendableId?: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { RegistryContext, type Rx, useRxValue } from '@effect-rx/rx-react';\nimport { useCallback, useContext, useEffect, useState } from 'react';\n\nimport { type Edge, type Edges, Graph, type NodeArg, type Node, ROOT_ID } from '@dxos/app-graph';\n\nimport { type MenuItem, type MenuItemGroup } from '../types';\n\nconst edgesArrayToRecord = (edges: Edge[]): Record<string, Edges> => {\n  return Object.fromEntries(\n    Object.entries(\n      edges.reduce((acc: Record<string, { inbound: string[]; outbound: string[] }>, { source, target }) => {\n        if (!acc[source]) {\n          acc[source] = { inbound: [], outbound: [] };\n        }\n        if (!acc[target]) {\n          acc[target] = { inbound: [], outbound: [] };\n        }\n\n        const sourceEdges = acc[source];\n        if (!sourceEdges.outbound.includes(target)) {\n          sourceEdges.outbound.push(target);\n        }\n\n        const targetEdges = acc[target];\n        if (!targetEdges.inbound.includes(source)) {\n          targetEdges.inbound.push(source);\n        }\n\n        return acc;\n      }, {}),\n    ),\n  );\n};\n\nexport type ActionGraphNodes = NodeArg<any>[];\nexport type ActionGraphEdges = Edge[];\nexport type ActionGraphProps = { nodes: ActionGraphNodes; edges: ActionGraphEdges };\n\nexport const useMenuActions = (props: Rx.Rx<ActionGraphProps>) => {\n  const registry = useContext(RegistryContext);\n  const menuGraphProps = useRxValue(props);\n\n  const [graph] = useState(\n    new Graph({\n      registry,\n      nodes: menuGraphProps.nodes as Node[],\n      edges: edgesArrayToRecord(menuGraphProps.edges),\n    }),\n  );\n\n  useEffect(() => {\n    graph.addNodes(menuGraphProps.nodes);\n    graph.addEdges(menuGraphProps.edges);\n  }, [menuGraphProps]);\n\n  const useGroupItems = useCallback(\n    (sourceNode?: MenuItemGroup) => {\n      const items = useRxValue(graph.connections(sourceNode?.id || ROOT_ID)) as MenuItem[];\n      return items;\n    },\n    [graph],\n  );\n\n  return { useGroupItems };\n};\n"],
+  "mappings": "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",
+  "names": ["rxFromSignal", "useControllableState", "React", "useCallback", "DropdownMenu", "NaturalDropdownMenu", "Icon", "React", "keySymbols", "toLocalizedString", "useTranslation", "mx", "descriptionText", "translationKey", "ACTION_GROUP_TYPE", "ACTION_TYPE", "actionGroupSymbol", "getHostPlatform", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "createMenuAction", "id", "invoke", "properties", "type", "ACTION_TYPE", "data", "createMenuItemGroup", "ACTION_GROUP_TYPE", "actionGroupSymbol", "createGapSeparator", "source", "nodes", "variant", "undefined", "edges", "target", "createLineSeparator", "ActionLabel", "action", "shortcut", "getShortcut", "t", "useTranslation", "translationKey", "span", "className", "toLocalizedString", "properties", "label", "mx", "descriptionText", "keySymbols", "join", "actionLabel", "createContextScope", "React", "useMemo", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "useGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "undefined", "React", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "groupItems", "useMemo", "DropdownMenuItem", "item", "onClick", "__menuScope", "action", "handleClick", "useCallback", "event", "iconSize", "useMenu", "React", "NaturalDropdownMenu", "Item", "classNames", "disabled", "properties", "testId", "icon", "Icon", "size", "ActionLabel", "DropdownMenuRoot", "items", "propsItems", "group", "open", "defaultOpen", "onOpenChange", "caller", "children", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "data", "parent", "useMenuItems", "Root", "Portal", "Content", "Viewport", "map", "key", "id", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "React", "Fragment", "useCallback", "Icon", "Toolbar", "NaturalToolbar", "useTranslation", "useAttention", "mx", "textBlockWidth", "toolbarLayout", "ACTION_GROUP_TYPE", "MenuSeparatorType", "isSeparator", "node", "type", "isMenuGroup", "ACTION_GROUP_TYPE", "ActionToolbarItem", "action", "__menuScope", "iconSize", "useMenu", "t", "useTranslation", "translationKey", "handleClick", "useCallback", "data", "icon", "iconOnly", "disabled", "testId", "hidden", "classNames", "properties", "Root", "NaturalToolbar", "IconButton", "Button", "rootProps", "size", "label", "actionLabel", "children", "React", "ActionLabel", "key", "id", "onClick", "variant", "DropdownMenuToolbarItem", "group", "items", "propsItems", "useMenuItems", "activeItem", "find", "item", "checked", "applyActive", "labelAction", "caretDown", "Icon", "DropdownMenu", "Trigger", "asChild", "ToggleGroupItem", "parent", "ToggleGroupIconItem", "value", "ToggleGroupToolbarItem", "selectCardinality", "ToggleGroup", "type", "map", "ToolbarMenu", "textBlockWidth", "wrapContents", "props", "undefined", "attendableId", "hasAttention", "useAttention", "InnerRoot", "Fragment", "innerRootProps", "role", "className", "mx", "toolbarLayout", "layoutManaged", "i", "isSeparator", "Separator", "isMenuGroup", "RegistryContext", "useRxValue", "useCallback", "useContext", "useEffect", "useState", "Graph", "ROOT_ID", "edgesArrayToRecord", "edges", "Object", "fromEntries", "entries", "reduce", "acc", "source", "target", "inbound", "outbound", "sourceEdges", "includes", "push", "targetEdges", "useMenuActions", "props", "registry", "useContext", "RegistryContext", "menuGraphProps", "useRxValue", "graph", "useState", "Graph", "nodes", "useEffect", "addNodes", "addEdges", "useGroupItems", "useCallback", "sourceNode", "items", "connections", "id", "ROOT_ID"]
 }

package/dist/lib/node-esm/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/ui/react-ui-menu/src/translations.ts":{"bytes":869,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/util.ts":{"bytes":5896,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytes":4330,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytes":5222,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytes":10503,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/types.ts":{"bytes":3207,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytes":23112,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":686,"imports":[{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx","kind":"import-statement","original":"./ToolbarMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytes":6891,"imports":[{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts","kind":"import-statement","original":"./useMenuActions"}],"format":"esm"},"packages/ui/react-ui-menu/src/index.ts":{"bytes":1254,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-menu/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-menu/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31043},"packages/ui/react-ui-menu/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["DropdownMenu","MenuProvider","MenuSeparatorType","ToolbarMenu","createGapSeparator","createLineSeparator","createMenuAction","createMenuItemGroup","createMenuScope","isMenuGroup","isSeparator","menuContextDefaults","rxFromSignal","useMenu","useMenuActions","useMenuItems"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":48},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2621},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytesInOutput":1031},"packages/ui/react-ui-menu/src/translations.ts":{"bytesInOutput":118},"packages/ui/react-ui-menu/src/util.ts":{"bytesInOutput":1113},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytesInOutput":1199},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytesInOutput":6304},"packages/ui/react-ui-menu/src/types.ts":{"bytesInOutput":258},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytesInOutput":1447},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":15231}}}
+{"inputs":{"packages/ui/react-ui-menu/src/translations.ts":{"bytes":869,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/util.ts":{"bytes":5896,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytes":4330,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"../util"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytes":5222,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytes":10503,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/types.ts":{"bytes":3207,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytes":24564,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"./ActionLabel"},{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"},{"path":"packages/ui/react-ui-menu/src/translations.ts","kind":"import-statement","original":"../translations"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":686,"imports":[{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx","kind":"import-statement","original":"./ToolbarMenu"},{"path":"packages/ui/react-ui-menu/src/components/MenuContext.tsx","kind":"import-statement","original":"./MenuContext"}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytes":6891,"imports":[{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytes":489,"imports":[{"path":"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts","kind":"import-statement","original":"./useMenuActions"}],"format":"esm"},"packages/ui/react-ui-menu/src/index.ts":{"bytes":1254,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-menu/src/hooks/index.ts","kind":"import-statement","original":"./hooks"},{"path":"packages/ui/react-ui-menu/src/types.ts","kind":"import-statement","original":"./types"},{"path":"packages/ui/react-ui-menu/src/util.ts","kind":"import-statement","original":"./util"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-menu/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31884},"packages/ui/react-ui-menu/dist/lib/node-esm/index.mjs":{"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-use-controllable-state","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true},{"path":"@effect-rx/rx-react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["DropdownMenu","MenuProvider","MenuSeparatorType","ToolbarMenu","createGapSeparator","createLineSeparator","createMenuAction","createMenuItemGroup","createMenuScope","isMenuGroup","isSeparator","menuContextDefaults","rxFromSignal","useMenu","useMenuActions","useMenuItems"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":48},"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2621},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytesInOutput":1031},"packages/ui/react-ui-menu/src/translations.ts":{"bytesInOutput":118},"packages/ui/react-ui-menu/src/util.ts":{"bytesInOutput":1113},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytesInOutput":1199},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytesInOutput":6689},"packages/ui/react-ui-menu/src/types.ts":{"bytesInOutput":258},"packages/ui/react-ui-menu/src/hooks/useMenuActions.ts":{"bytesInOutput":1447},"packages/ui/react-ui-menu/src/hooks/index.ts":{"bytesInOutput":0}},"bytes":15616}}}

package/dist/types/src/components/Menus.stories.d.ts

@@ -2,7 +2,7 @@ import '@dxos-theme';
 import React from 'react';
 declare const _default: {
     title: string;
-    component: ({ __menuScope, classNames, ...props }: import("./MenuContext").MenuScopedProps<import("./ToolbarMenu").ToolbarMenuProps>) => React.JSX.Element;
+    component: ({ __menuScope, classNames, textBlockWidth: wrapContents, ...props }: import("./MenuContext").MenuScopedProps<import("./ToolbarMenu").ToolbarMenuProps>) => React.JSX.Element;
     decorators: import("@storybook/react").Decorator[];
     parameters: {
         translations: readonly [{

package/dist/types/src/components/ToolbarMenu.d.ts

@@ -11,7 +11,9 @@ export type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'vari
     variant: 'toggleGroup';
 };
 export type ToolbarMenuActionGroupProperties = (ToolbarMenuDropdownMenuActionGroup | ToolbarMenuToggleGroupActionGroup) & (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);
-export type ToolbarMenuProps = ToolbarRootProps;
+export type ToolbarMenuProps = ToolbarRootProps & {
+    textBlockWidth?: boolean;
+};
 export type ToolbarMenuActionGroupProps = {
     group: MenuItemGroup<ToolbarMenuActionGroupProperties>;
     items?: MenuItem[];
@@ -20,5 +22,5 @@ export type ToolbarMenuActionProps = {
     group: MenuItemGroup<ToolbarMenuActionGroupProperties>;
     action: MenuAction;
 };
-export declare const ToolbarMenu: ({ __menuScope, classNames, ...props }: MenuScopedProps<ToolbarMenuProps>) => React.JSX.Element;
+export declare const ToolbarMenu: ({ __menuScope, classNames, textBlockWidth: wrapContents, ...props }: MenuScopedProps<ToolbarMenuProps>) => React.JSX.Element;
 //# sourceMappingURL=ToolbarMenu.d.ts.map

package/dist/types/src/components/ToolbarMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAmC,KAAK,gBAAgB,EAAkB,MAAM,gBAAgB,CAAC;AAKxG,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,eAAe,CAAC;AAE5E,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EAGb,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,6BAA6B,EAClC,KAAK,2BAA2B,EACjC,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,kCAAkC,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;IAChG,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;IACtF,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,CAC3C,kCAAkC,GAClC,iCAAiC,CACpC,GACC,CAAC,2BAA2B,GAAG,6BAA6B,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,aAAa,CAAC,gCAAgC,CAAC,CAAC;IACvD,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,aAAa,CAAC,gCAAgC,CAAC,CAAC;IACvD,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAwGF,eAAO,MAAM,WAAW,GAAI,uCAAuC,eAAe,CAAC,gBAAgB,CAAC,sBA2BnG,CAAC"}
+{"version":3,"file":"ToolbarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAmC,KAAK,gBAAgB,EAAkB,MAAM,gBAAgB,CAAC;AAMxG,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,eAAe,CAAC;AAE5E,OAAO,EACL,KAAK,UAAU,EACf,KAAK,QAAQ,EAGb,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,6BAA6B,EAClC,KAAK,2BAA2B,EACjC,MAAM,UAAU,CAAC;AAElB,MAAM,MAAM,kCAAkC,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;IAChG,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;IACtF,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,CAC3C,kCAAkC,GAClC,iCAAiC,CACpC,GACC,CAAC,2BAA2B,GAAG,6BAA6B,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAE/E,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,aAAa,CAAC,gCAAgC,CAAC,CAAC;IACvD,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,aAAa,CAAC,gCAAgC,CAAC,CAAC;IACvD,MAAM,EAAE,UAAU,CAAC;CACpB,CAAC;AAwGF,eAAO,MAAM,WAAW,GAAI,qEAKzB,eAAe,CAAC,gBAAgB,CAAC,sBAgCnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dxos/react-ui-menu",
-  "version": "0.8.3-main.7f5a14c",
+  "version": "0.8.3",
   "description": "Components for facilitating reactive and consistent menus.",
   "homepage": "https://dxos.org",
   "bugs": "https://github.com/dxos/dxos/issues",
@@ -28,10 +28,10 @@
     "@preact/signals-react": "^3.2.0",
     "@radix-ui/react-context": "1.1.1",
     "@radix-ui/react-use-controllable-state": "1.1.0",
-    "@dxos/app-graph": "0.8.3-main.7f5a14c",
-    "@dxos/keyboard": "0.8.3-main.7f5a14c",
-    "@dxos/react-ui-attention": "0.8.3-main.7f5a14c",
-    "@dxos/util": "0.8.3-main.7f5a14c"
+    "@dxos/app-graph": "0.8.3",
+    "@dxos/keyboard": "0.8.3",
+    "@dxos/react-ui-attention": "0.8.3",
+    "@dxos/util": "0.8.3"
   },
   "devDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
@@ -42,11 +42,11 @@
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
     "vite": "5.4.7",
-    "@dxos/live-object": "0.8.3-main.7f5a14c",
-    "@dxos/react-ui": "0.8.3-main.7f5a14c",
-    "@dxos/react-ui-theme": "0.8.3-main.7f5a14c",
-    "@dxos/storybook-utils": "0.8.3-main.7f5a14c",
-    "@dxos/random": "0.8.3-main.7f5a14c"
+    "@dxos/live-object": "0.8.3",
+    "@dxos/random": "0.8.3",
+    "@dxos/react-ui": "0.8.3",
+    "@dxos/react-ui-theme": "0.8.3",
+    "@dxos/storybook-utils": "0.8.3"
   },
   "peerDependencies": {
     "@effect-rx/rx-react": "^0.34.1",
@@ -54,8 +54,8 @@
     "effect": "^3.13.3",
     "react": "~18.2.0",
     "react-dom": "~18.2.0",
-    "@dxos/react-ui": "0.8.3-main.7f5a14c",
-    "@dxos/react-ui-theme": "0.8.3-main.7f5a14c"
+    "@dxos/react-ui": "0.8.3",
+    "@dxos/react-ui-theme": "0.8.3"
   },
   "publishConfig": {
     "access": "public"

package/src/components/ToolbarMenu.tsx

@@ -2,10 +2,11 @@
 // Copyright 2025 DXOS.org
 //
 
-import React, { useCallback } from 'react';
+import React, { Fragment, useCallback } from 'react';
 
 import { Icon, Toolbar as NaturalToolbar, type ToolbarRootProps, useTranslation } from '@dxos/react-ui';
 import { useAttention } from '@dxos/react-ui-attention';
+import { mx, textBlockWidth, toolbarLayout } from '@dxos/react-ui-theme';
 
 import { actionLabel, ActionLabel } from './ActionLabel';
 import { DropdownMenu } from './DropdownMenu';
@@ -38,7 +39,7 @@ export type ToolbarMenuActionGroupProperties = (
 ) &
   (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);
 
-export type ToolbarMenuProps = ToolbarRootProps;
+export type ToolbarMenuProps = ToolbarRootProps & { textBlockWidth?: boolean };
 
 export type ToolbarMenuActionGroupProps = {
   group: MenuItemGroup<ToolbarMenuActionGroupProperties>;
@@ -152,31 +153,41 @@ const ToggleGroupToolbarItem = ({
   );
 };
 
-export const ToolbarMenu = ({ __menuScope, classNames, ...props }: MenuScopedProps<ToolbarMenuProps>) => {
+export const ToolbarMenu = ({
+  __menuScope,
+  classNames,
+  textBlockWidth: wrapContents,
+  ...props
+}: MenuScopedProps<ToolbarMenuProps>) => {
   const items = useMenuItems(undefined, undefined, 'ToolbarMenu', __menuScope);
   const { attendableId } = useMenu('ToolbarMenu', __menuScope);
   const { hasAttention } = useAttention(attendableId);
+  const InnerRoot = wrapContents ? 'div' : Fragment;
+  const innerRootProps = wrapContents ? { role: 'none', className: mx(textBlockWidth, toolbarLayout) } : {};
   return (
     <NaturalToolbar.Root
       {...props}
-      classNames={['p-1', attendableId && !hasAttention && '[&>*]:opacity-20 !bg-transparent', classNames]}
+      layoutManaged={wrapContents}
+      classNames={[attendableId && !hasAttention && '*:opacity-20 !bg-transparent', classNames]}
     >
-      {items?.map((item: MenuItem, i: number) =>
-        isSeparator(item) ? (
-          <NaturalToolbar.Separator key={i} variant={item.properties.variant} />
-        ) : isMenuGroup(item) ? (
-          item.properties.variant === 'dropdownMenu' ? (
-            // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
-            <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />
+      <InnerRoot {...innerRootProps}>
+        {items?.map((item: MenuItem, i: number) =>
+          isSeparator(item) ? (
+            <NaturalToolbar.Separator key={i} variant={item.properties.variant} />
+          ) : isMenuGroup(item) ? (
+            item.properties.variant === 'dropdownMenu' ? (
+              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+              <DropdownMenuToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />
+            ) : (
+              // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+              <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />
+            )
           ) : (
             // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
-            <ToggleGroupToolbarItem key={item.id} group={item as MenuItemGroup<ToolbarMenuActionGroupProperties>} />
-          )
-        ) : (
-          // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
-          <ActionToolbarItem key={item.id} action={item as MenuAction} />
-        ),
-      )}
+            <ActionToolbarItem key={item.id} action={item as MenuAction} />
+          ),
+        )}
+      </InnerRoot>
     </NaturalToolbar.Root>
   );
 };