@dxos/react-ui-menu 0.7.5-feature-compute.4d9d99a

package/dist/lib/node/index.cjs

@@ -0,0 +1,465 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var node_exports = {};
+__export(node_exports, {
+  DropdownMenu: () => DropdownMenu,
+  MenuProvider: () => MenuProvider,
+  MenuSeparatorType: () => MenuSeparatorType,
+  ToolbarMenu: () => ToolbarMenu,
+  createGapSeparator: () => createGapSeparator,
+  createLineSeparator: () => createLineSeparator,
+  createMenuAction: () => createMenuAction,
+  createMenuItemGroup: () => createMenuItemGroup,
+  createMenuScope: () => createMenuScope,
+  isMenuGroup: () => isMenuGroup,
+  isSeparator: () => isSeparator,
+  menuContextDefaults: () => menuContextDefaults,
+  useMenu: () => useMenu,
+  useMenuActions: () => useMenuActions,
+  useMenuItems: () => useMenuItems
+});
+module.exports = __toCommonJS(node_exports);
+var import_react_use_controllable_state = require("@radix-ui/react-use-controllable-state");
+var import_react = __toESM(require("react"));
+var import_react_ui = require("@dxos/react-ui");
+var import_react2 = __toESM(require("react"));
+var import_keyboard = require("@dxos/keyboard");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_app_graph = require("@dxos/app-graph");
+var import_util = require("@dxos/util");
+var import_react_context = require("@radix-ui/react-context");
+var import_react3 = __toESM(require("react"));
+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_app_graph2 = require("@dxos/app-graph");
+var import_signals_react = require("@preact/signals-react");
+var import_react5 = require("react");
+var import_app_graph3 = require("@dxos/app-graph");
+var translationKey = "menus";
+var translations_default = [
+  {
+    "en-US": {
+      [translationKey]: {}
+    }
+  }
+];
+var getShortcut = (action) => {
+  return typeof action.properties?.keyBinding === "string" ? action.properties.keyBinding : action.properties?.keyBinding?.[(0, import_util.getHostPlatform)()];
+};
+var noop = () => {
+};
+var createMenuAction = (id, properties) => ({
+  id,
+  type: import_app_graph.ACTION_TYPE,
+  properties,
+  data: noop
+});
+var createMenuItemGroup = (id, properties) => ({
+  id,
+  type: import_app_graph.ACTION_GROUP_TYPE,
+  properties,
+  data: import_app_graph.actionGroupSymbol
+});
+var createGapSeparator = (id = "gap", source = "root") => ({
+  nodes: [
+    {
+      id,
+      type: "@dxos/react-ui-toolbar/separator",
+      properties: {
+        variant: "gap"
+      },
+      data: void 0
+    }
+  ],
+  edges: [
+    {
+      source,
+      target: id
+    }
+  ]
+});
+var createLineSeparator = (id = "line", source = "root") => ({
+  nodes: [
+    {
+      id,
+      type: "@dxos/react-ui-toolbar/separator",
+      properties: {
+        variant: "line"
+      },
+      data: void 0
+    }
+  ],
+  edges: [
+    {
+      source,
+      target: id
+    }
+  ]
+});
+var ActionLabel = ({ action }) => {
+  const shortcut = getShortcut(action);
+  const { t } = (0, import_react_ui2.useTranslation)(translationKey);
+  return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("span", {
+    className: "grow truncate"
+  }, (0, import_react_ui2.toLocalizedString)(action.properties.label, t)), shortcut && /* @__PURE__ */ import_react2.default.createElement("span", {
+    className: (0, import_react_ui_theme.mx)("shrink-0", import_react_ui_theme.descriptionText)
+  }, (0, import_keyboard.keySymbols)(shortcut).join("")));
+};
+var MENU_NAME = "GraphMenu";
+var [createMenuContext, createMenuScope] = (0, import_react_context.createContextScope)(MENU_NAME, []);
+var [MenuContextProvider, useMenu] = createMenuContext(MENU_NAME);
+var menuContextDefaults = {
+  iconSize: 5,
+  onAction: () => {
+  },
+  resolveGroupItems: () => null
+};
+var useMenuScope = createMenuScope();
+var MenuProvider = ({ children, resolveGroupItems = menuContextDefaults.resolveGroupItems, onAction = menuContextDefaults.onAction, iconSize = menuContextDefaults.iconSize, attendableId }) => {
+  const { scope } = useMenuScope(void 0);
+  return /* @__PURE__ */ import_react3.default.createElement(MenuContextProvider, {
+    resolveGroupItems,
+    onAction,
+    iconSize,
+    attendableId,
+    scope
+  }, children);
+};
+var useMenuItems = (group, propsItems, consumerName = "useMenuItemConsumer", __menuScope) => {
+  const { resolveGroupItems } = useMenu(consumerName, __menuScope);
+  return (0, import_react3.useMemo)(() => propsItems ?? resolveGroupItems?.(group) ?? void 0, [
+    propsItems,
+    group,
+    resolveGroupItems
+  ]);
+};
+var DropdownMenuItem = ({ item, onClick, __menuScope }) => {
+  const action = item;
+  const handleClick = (0, import_react.useCallback)((event) => onClick(action, event), [
+    action,
+    onClick
+  ]);
+  const { iconSize } = useMenu("DropdownMenuItem", __menuScope);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Item, {
+    onClick: handleClick,
+    classNames: "gap-2",
+    disabled: action.properties?.disabled,
+    ...action.properties?.testId && {
+      "data-testid": action.properties.testId
+    }
+  }, action.properties?.icon && /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
+    icon: action.properties.icon,
+    size: iconSize
+  }), /* @__PURE__ */ import_react.default.createElement(ActionLabel, {
+    action
+  }));
+};
+var DropdownMenuRoot = ({ items: propsItems, group, open, defaultOpen, onOpenChange, suppressNextTooltip, children, __menuScope, ...naturalProps }) => {
+  const [optionsMenuOpen, setOptionsMenuOpen] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: open,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const { onAction } = useMenu("DropdownMenuRoot", __menuScope);
+  const handleActionClick = (0, import_react.useCallback)((action, event) => {
+    if (action.properties?.disabled) {
+      return;
+    }
+    event.stopPropagation();
+    if (suppressNextTooltip) {
+      suppressNextTooltip.current = true;
+    }
+    setOptionsMenuOpen(false);
+    onAction?.(action);
+  }, [
+    onAction
+  ]);
+  const items = useMenuItems(group, propsItems);
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Root, {
+    open: optionsMenuOpen,
+    onOpenChange: (nextOpen) => {
+      if (!nextOpen && suppressNextTooltip) {
+        suppressNextTooltip.current = true;
+      }
+      return setOptionsMenuOpen(nextOpen);
+    },
+    ...naturalProps
+  }, children, /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Content, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Viewport, null, items?.map((item) => /* @__PURE__ */ import_react.default.createElement(DropdownMenuItem, {
+    key: item.id,
+    item,
+    onClick: handleActionClick
+  }))), /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Arrow, null))));
+};
+var DropdownMenu = {
+  Root: DropdownMenuRoot,
+  Trigger: import_react_ui.DropdownMenu.Trigger,
+  VirtualTrigger: import_react_ui.DropdownMenu.VirtualTrigger
+};
+var MenuSeparatorType = "@dxos/react-ui-toolbar/separator";
+var isSeparator = (node) => node.type === MenuSeparatorType;
+var isMenuGroup = (node) => node.type === import_app_graph2.ACTION_GROUP_TYPE;
+var ActionToolbarItem = ({ action, __menuScope }) => {
+  const { onAction, iconSize } = useMenu("ActionToolbarItem", __menuScope);
+  const handleClick = (0, import_react4.useCallback)(() => {
+    onAction?.(action);
+  }, [
+    action,
+    onAction
+  ]);
+  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;
+  const Root = icon ? import_react_ui3.Toolbar.IconButton : import_react_ui3.Toolbar.Button;
+  const rootProps = icon ? {
+    icon,
+    size: iconSize,
+    iconOnly,
+    label: /* @__PURE__ */ import_react4.default.createElement(ActionLabel, {
+      action
+    })
+  } : {
+    children: /* @__PURE__ */ import_react4.default.createElement(ActionLabel, {
+      action
+    })
+  };
+  return hidden ? null : /* @__PURE__ */ import_react4.default.createElement(Root, {
+    key: action.id,
+    disabled,
+    onClick: handleClick,
+    variant: "ghost",
+    ...testId && {
+      "data-testid": testId
+    },
+    ...rootProps,
+    classNames
+  });
+};
+var DropdownMenuToolbarItem = ({ group, items: propsItems, __menuScope }) => {
+  const { iconOnly, disabled, testId } = group.properties;
+  const suppressNextTooltip = (0, import_react4.useRef)(false);
+  const { iconSize } = useMenu("DropdownMenuToolbarItem", __menuScope);
+  const items = useMenuItems(group, propsItems, "DropdownMenuToolbarItem", __menuScope);
+  const activeItem = items?.find((item) => !!item.properties.checked);
+  const icon = group.properties.applyActive && // TODO(thure): Handle other menu item types.
+  activeItem?.properties.icon || group.properties.icon;
+  const Root = icon ? import_react_ui3.Toolbar.IconButton : import_react_ui3.Toolbar.Button;
+  const label = /* @__PURE__ */ import_react4.default.createElement(ActionLabel, {
+    action: group.properties.applyActive && activeItem ? activeItem : group
+  });
+  const rootProps = icon ? {
+    icon,
+    size: iconSize,
+    iconOnly,
+    label,
+    caretDown: true,
+    suppressNextTooltip
+  } : {
+    children: /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, label, /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Icon, {
+      size: 3,
+      icon: "ph--caret-down--bold",
+      classNames: "mis-1"
+    }))
+  };
+  return /* @__PURE__ */ import_react4.default.createElement(DropdownMenu.Root, {
+    group,
+    items,
+    suppressNextTooltip
+  }, /* @__PURE__ */ import_react4.default.createElement(DropdownMenu.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react4.default.createElement(Root, {
+    variant: "ghost",
+    disabled,
+    ...rootProps,
+    ...testId && {
+      "data-testid": testId
+    }
+  })));
+};
+var ToggleGroupItem = ({ action, __menuScope }) => {
+  const { iconSize, onAction } = useMenu("ToggleGroupItem", __menuScope);
+  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;
+  const handleClick = (0, import_react4.useCallback)(() => {
+    onAction?.(action);
+  }, [
+    action,
+    onAction
+  ]);
+  const Root = icon ? import_react_ui3.Toolbar.ToggleGroupIconItem : import_react_ui3.Toolbar.ToggleGroupItem;
+  const rootProps = icon ? {
+    icon,
+    size: iconSize,
+    iconOnly,
+    label: /* @__PURE__ */ import_react4.default.createElement(ActionLabel, {
+      action
+    })
+  } : {
+    children: /* @__PURE__ */ import_react4.default.createElement(ActionLabel, {
+      action
+    })
+  };
+  return hidden ? null : /* @__PURE__ */ import_react4.default.createElement(Root, {
+    key: action.id,
+    value: action.id,
+    disabled,
+    onClick: handleClick,
+    variant: "ghost",
+    ...testId && {
+      "data-testid": testId
+    },
+    ...rootProps,
+    classNames
+  });
+};
+var ToggleGroupToolbarItem = ({ group, items: propsItems, __menuScope }) => {
+  const items = useMenuItems(group, propsItems, "ToggleGroupToolbarItem", __menuScope);
+  const { selectCardinality, value } = group.properties;
+  return (
+    // TODO(thure): The type here is difficult to manage, what do?
+    // @ts-ignore
+    /* @__PURE__ */ import_react4.default.createElement(
+      import_react_ui3.Toolbar.ToggleGroup,
+      {
+        type: selectCardinality,
+        value
+      },
+      // TODO(thure): Handle other menu item types.
+      items.map((action) => /* @__PURE__ */ import_react4.default.createElement(ToggleGroupItem, {
+        key: action.id,
+        action
+      }))
+    )
+  );
+};
+var ToolbarMenu = ({ __menuScope, classNames, ...props }) => {
+  const items = useMenuItems(void 0, void 0, "ToolbarMenu", __menuScope);
+  const { attendableId } = useMenu("ToolbarMenu", __menuScope);
+  const { hasAttention } = (0, import_react_ui_attention.useAttention)(attendableId);
+  return /* @__PURE__ */ import_react4.default.createElement(import_react_ui3.Toolbar.Root, {
+    ...props,
+    classNames: [
+      "p-0 pointer-fine:p-1 attention-surface",
+      !hasAttention && "opacity-20",
+      classNames
+    ]
+  }, 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" ? (
+    // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+    /* @__PURE__ */ import_react4.default.createElement(DropdownMenuToolbarItem, {
+      key: item.id,
+      group: item
+    })
+  ) : (
+    // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+    /* @__PURE__ */ import_react4.default.createElement(ToggleGroupToolbarItem, {
+      key: item.id,
+      group: item
+    })
+  ) : (
+    // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+    /* @__PURE__ */ import_react4.default.createElement(ActionToolbarItem, {
+      key: item.id,
+      action: item
+    })
+  )));
+};
+var edgesArrayToRecord = (edges) => {
+  return Object.fromEntries(Object.entries(edges.reduce((acc, { source, target }) => {
+    if (!acc[source]) {
+      acc[source] = {
+        inbound: [],
+        outbound: []
+      };
+    }
+    if (!acc[target]) {
+      acc[target] = {
+        inbound: [],
+        outbound: []
+      };
+    }
+    const sourceEdges = acc[source];
+    if (!sourceEdges.outbound.includes(target)) {
+      sourceEdges.outbound.push(target);
+    }
+    const targetEdges = acc[target];
+    if (!targetEdges.inbound.includes(source)) {
+      targetEdges.inbound.push(source);
+    }
+    return acc;
+  }, {})).map(([id, { outbound }]) => [
+    id,
+    outbound
+  ]));
+};
+var useMenuActions = (actionCreator) => {
+  const initialMenuGraphProps = actionCreator();
+  const [graph] = (0, import_react5.useState)(new import_app_graph3.Graph({
+    nodes: initialMenuGraphProps.nodes,
+    edges: edgesArrayToRecord(initialMenuGraphProps.edges)
+  }));
+  (0, import_signals_react.useSignalEffect)(() => {
+    const menuGraphProps = actionCreator();
+    graph._addNodes(menuGraphProps.nodes);
+    graph._addEdges(menuGraphProps.edges);
+  });
+  const resolveGroupItems = (0, import_react5.useCallback)((sourceNode = graph.root) => {
+    if (graph) {
+      return graph.nodes(sourceNode, {
+        filter: (n) => true
+      }) || null;
+    } else {
+      return null;
+    }
+  }, [
+    graph
+  ]);
+  return {
+    resolveGroupItems
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownMenu,
+  MenuProvider,
+  MenuSeparatorType,
+  ToolbarMenu,
+  createGapSeparator,
+  createLineSeparator,
+  createMenuAction,
+  createMenuItemGroup,
+  createMenuScope,
+  isMenuGroup,
+  isSeparator,
+  menuContextDefaults,
+  useMenu,
+  useMenuActions,
+  useMenuItems
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DropdownMenu.tsx", "../../../src/components/ActionLabel.tsx", "../../../src/translations.ts", "../../../src/util.ts", "../../../src/components/MenuContext.tsx", "../../../src/components/ToolbarMenu.tsx", "../../../src/defs.ts", "../../../src/hooks.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, type MutableRefObject, 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 '../defs';\n\nexport type DropdownMenuProps = DropdownMenuRootProps & {\n  group?: MenuItemGroup;\n  items?: MenuItem[];\n  suppressNextTooltip?: MutableRefObject<boolean>;\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  suppressNextTooltip,\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 { onAction } = useMenu('DropdownMenuRoot', __menuScope);\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      if (suppressNextTooltip) {\n        suppressNextTooltip.current = true;\n      }\n      setOptionsMenuOpen(false);\n      onAction?.(action);\n    },\n    [onAction],\n  );\n\n  const items = useMenuItems(group, propsItems);\n\n  return (\n    <NaturalDropdownMenu.Root\n      {...{\n        open: optionsMenuOpen,\n        onOpenChange: (nextOpen: boolean) => {\n          if (!nextOpen && suppressNextTooltip) {\n            suppressNextTooltip.current = true;\n          }\n          return setOptionsMenuOpen(nextOpen);\n        },\n      }}\n      {...naturalProps}\n    >\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, type ActionGroup } from '@dxos/app-graph';\nimport { keySymbols } from '@dxos/keyboard';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { mx, descriptionText } from '@dxos/react-ui-theme';\n\nimport { type MenuActionProperties } from '../defs';\nimport { translationKey } from '../translations';\nimport { getShortcut } from '../util';\n\nexport const ActionLabel = ({\n  action,\n}: {\n  action: Action<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;\n}) => {\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", "//\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 './defs';\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\n// TODO(thure,wittjosiah): This is probably a smell; consider the whether react-ui-menu should use action nodes if the\n//  callback in `data` is never used. See https://github.com/dxos/dxos/pull/8506#discussion_r1925855118\nconst noop = () => {};\n\nexport const createMenuAction = <P extends {} = {}>(id: string, properties: P & MenuActionProperties) =>\n  ({\n    id,\n    type: ACTION_TYPE,\n    properties,\n    data: noop,\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 '../defs';\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  onAction: () => {},\n  resolveGroupItems: () => null,\n};\n\nconst useMenuScope = createMenuScope();\n\nconst MenuProvider = ({\n  children,\n  resolveGroupItems = menuContextDefaults.resolveGroupItems,\n  onAction = menuContextDefaults.onAction,\n  iconSize = menuContextDefaults.iconSize,\n  attendableId,\n}: PropsWithChildren<Partial<MenuContextValue>>) => {\n  const { scope } = useMenuScope(undefined);\n  return (\n    <MenuContextProvider\n      resolveGroupItems={resolveGroupItems}\n      onAction={onAction}\n      iconSize={iconSize}\n      attendableId={attendableId}\n      scope={scope}\n    >\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 { resolveGroupItems } = useMenu(consumerName, __menuScope);\n  return useMemo(() => propsItems ?? resolveGroupItems?.(group) ?? undefined, [propsItems, group, resolveGroupItems]);\n};\n\nexport { useMenu, createMenuScope, MenuProvider };\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback, useRef } from 'react';\n\nimport { Icon, type IconButtonProps, Toolbar as NaturalToolbar, type ToolbarRootProps } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\n\nimport { ActionLabel } from './ActionLabel';\nimport { DropdownMenu } from './DropdownMenu';\nimport { type MenuScopedProps, useMenu, useMenuItems } from './MenuContext';\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 '../defs';\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\nconst ActionToolbarItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { onAction, iconSize } = useMenu('ActionToolbarItem', __menuScope);\n  const handleClick = useCallback(() => {\n    onAction?.(action);\n  }, [action, onAction]);\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={action} /> }\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 IconButtonProps)}\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 suppressNextTooltip = useRef(false);\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 label = (\n    <ActionLabel action={(group.properties as any).applyActive && activeItem ? (activeItem as MenuAction) : group} />\n  );\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label, caretDown: true, suppressNextTooltip }\n    : {\n        children: (\n          <>\n            {label}\n            <Icon size={3} icon='ph--caret-down--bold' classNames='mis-1' />\n          </>\n        ),\n      };\n  return (\n    <DropdownMenu.Root group={group} items={items} suppressNextTooltip={suppressNextTooltip}>\n      <DropdownMenu.Trigger asChild>\n        <Root\n          variant='ghost'\n          disabled={disabled}\n          {...(rootProps as IconButtonProps)}\n          {...(testId && { 'data-testid': testId })}\n        />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n\nconst ToggleGroupItem = ({ action, __menuScope }: MenuScopedProps<{ action: MenuAction }>) => {\n  const { iconSize, onAction } = useMenu('ToggleGroupItem', __menuScope);\n  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;\n  const handleClick = useCallback(() => {\n    onAction?.(action);\n  }, [action, onAction]);\n  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;\n  const rootProps = icon\n    ? { icon, size: iconSize, iconOnly, label: <ActionLabel action={action} /> }\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 IconButtonProps)}\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} 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-0 pointer-fine:p-1 attention-surface', !hasAttention && 'opacity-20', 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//\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 type MenuActionHandler<A extends Node = MenuAction> = (action: A) => void;\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<A extends Node = MenuAction> = {\n  resolveGroupItems: MenuItemsResolver;\n  iconSize: IconButtonProps['size'];\n  onAction: MenuActionHandler<A>;\n  attendableId?: string;\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { useSignalEffect } from '@preact/signals-react';\nimport { useCallback, useState } from 'react';\n\nimport { Graph, type NodeArg, type Node } from '@dxos/app-graph';\n\nimport { type MenuItem, type MenuItemGroup } from './defs';\n\ntype Edge = { source: string; target: string };\n\nconst edgesArrayToRecord = (edges: { source: string; target: string }[]): Record<string, string[]> => {\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    ).map(([id, { outbound }]): [string, string[]] => [id, outbound]),\n  );\n};\n\nexport type ActionGraphNodes = NodeArg<any>[];\nexport type ActionGraphEdges = Edge[];\nexport type ActionGraphProps = { nodes: ActionGraphNodes; edges: ActionGraphEdges };\n\nexport const useMenuActions = (actionCreator: () => ActionGraphProps) => {\n  const initialMenuGraphProps = actionCreator();\n\n  const [graph] = useState(\n    new Graph({ nodes: initialMenuGraphProps.nodes as Node[], edges: edgesArrayToRecord(initialMenuGraphProps.edges) }),\n  );\n\n  useSignalEffect(() => {\n    const menuGraphProps = actionCreator();\n    // @ts-ignore\n    graph._addNodes(menuGraphProps.nodes);\n    // @ts-ignore\n    graph._addEdges(menuGraphProps.edges);\n  });\n\n  const resolveGroupItems = useCallback(\n    (sourceNode: MenuItemGroup = graph.root as MenuItemGroup) => {\n      if (graph) {\n        return (graph.nodes(sourceNode, { filter: (n): n is any => true }) || null) as MenuItem[] | null;\n      } else {\n        return null;\n      }\n    },\n    [graph],\n  );\n\n  return { resolveGroupItems };\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,0CAAqC;AACrC,mBAA2E;AAE3E,sBAAsF;ACHtF,IAAAA,gBAAkB;AAGlB,sBAA2B;AAC3B,IAAAC,mBAAkD;AAClD,4BAAoC;AELpC,uBAAmF;AACnF,kBAAgC;ACDhC,2BAA+C;AAC/C,IAAAD,gBAAuD;ACDvD,IAAAA,gBAA2C;AAE3C,IAAAC,mBAA6F;AAC7F,gCAA6B;ACJ7B,IAAAC,oBAA4E;ACC5E,2BAAgC;AAChC,IAAAF,gBAAsC;AAEtC,IAAAE,oBAA+C;ALHxC,IAAMC,iBAAiB;AAE9B,IAAA,uBAAe;EACb;IACE,SAAS;MACP,CAACA,cAAAA,GAAiB,CAAC;IACrB;EACF;;ACIK,IAAMC,cAAc,CAACC,WAAAA;AAC1B,SAAO,OAAOA,OAAOC,YAAYC,eAAe,WAC5CF,OAAOC,WAAWC,aAClBF,OAAOC,YAAYC,iBAAaC,6BAAAA,CAAAA;AACtC;AAMA,IAAMC,OAAO,MAAA;AAAO;AAEb,IAAMC,mBAAmB,CAAoBC,IAAYL,gBAC7D;EACCK;EACAC,MAAMC;EACNP;EACAQ,MAAML;AACR;AAEK,IAAMM,sBAAsB,CAGjCJ,IACAL,gBAEC;EACCK;EACAC,MAAMI;EACNV;EACAQ,MAAMG;AACR;AAEK,IAAMC,qBAAqB,CAACP,KAAa,OAAOQ,SAAiB,YAAY;EAClFC,OAAO;IACL;MACET;MACAC,MAAM;MACNN,YAAY;QAAEe,SAAS;MAAM;MAC7BP,MAAMQ;IACR;;EAEFC,OAAO;IAAC;MAAEJ;MAAQK,QAAQb;IAAG;;AAC/B;AAEO,IAAMc,sBAAsB,CAACd,KAAa,QAAQQ,SAAiB,YAAY;EACpFC,OAAO;IACL;MACET;MACAC,MAAM;MACNN,YAAY;QAAEe,SAAS;MAAO;MAC9BP,MAAMQ;IACR;;EAEFC,OAAO;IAAC;MAAEJ;MAAQK,QAAQb;IAAG;;AAC/B;AFvDO,IAAMe,cAAc,CAAC,EAC1BrB,OAAM,MAGP;AACC,QAAMsB,WAAWvB,YAAYC,MAAAA;AAC7B,QAAM,EAAEuB,EAAC,QAAKC,iCAAe1B,cAAAA;AAE7B,SACE,8BAAA2B,QAAA,cAAA,cAAAA,QAAA,UAAA,MACE,8BAAAA,QAAA,cAACC,QAAAA;IAAKC,WAAU;SAAiBC,oCAAkB5B,OAAOC,WAAY4B,OAAON,CAAAA,CAAAA,GAC5ED,YAAY,8BAAAG,QAAA,cAACC,QAAAA;IAAKC,eAAWG,0BAAG,YAAYC,qCAAAA;SAAmBC,4BAAWV,QAAAA,EAAUW,KAAK,EAAA,CAAA,CAAA;AAGhG;AGlBA,IAAMC,YAAY;AAElB,IAAM,CAACC,mBAAmBC,eAAAA,QAAmBC,yCAAmBH,WAAW,CAAA,CAAE;AAE7E,IAAM,CAACI,qBAAqBC,OAAAA,IAAWJ,kBAAoCD,SAAAA;AAEpE,IAAMM,sBAAwC;EACnDC,UAAU;EACVC,UAAU,MAAA;EAAO;EACjBC,mBAAmB,MAAM;AAC3B;AAEA,IAAMC,eAAeR,gBAAAA;AAErB,IAAMS,eAAe,CAAC,EACpBC,UACAH,oBAAoBH,oBAAoBG,mBACxCD,WAAWF,oBAAoBE,UAC/BD,WAAWD,oBAAoBC,UAC/BM,aAAY,MACiC;AAC7C,QAAM,EAAEC,MAAK,IAAKJ,aAAa3B,MAAAA;AAC/B,SACEQ,8BAAAA,QAAA,cAACa,qBAAAA;IACCK;IACAD;IACAD;IACAM;IACAC;KAECF,QAAAA;AAGP;AAEO,IAAMG,eAAe,CAC1BC,OACAC,YACAC,eAAuB,uBACvBC,gBAAAA;AAEA,QAAM,EAAEV,kBAAiB,IAAKJ,QAAQa,cAAcC,WAAAA;AACpD,aAAOC,uBAAQ,MAAMH,cAAcR,oBAAoBO,KAAAA,KAAUjC,QAAW;IAACkC;IAAYD;IAAOP;GAAkB;AACpH;AJnCA,IAAMY,mBAAmB,CAAC,EACxBC,MACAC,SACAJ,YAAW,MAIX;AAEA,QAAMrD,SAASwD;AACf,QAAME,kBAAcC,0BAAY,CAACC,UAAsBH,QAAQzD,QAAQ4D,KAAAA,GAAQ;IAAC5D;IAAQyD;GAAQ;AAChG,QAAM,EAAEhB,SAAQ,IAAKF,QAAQ,oBAAoBc,WAAAA;AACjD,SACE5B,6BAAAA,QAAA,cAACoC,gBAAAA,aAAoBC,MAAI;IACvBL,SAASC;IACTK,YAAW;IACXC,UAAUhE,OAAOC,YAAY+D;IAC5B,GAAIhE,OAAOC,YAAYgE,UAAU;MAAE,eAAejE,OAAOC,WAAWgE;IAAO;KAE3EjE,OAAOC,YAAYiE,QAAQzC,6BAAAA,QAAA,cAAC0C,sBAAAA;IAAKD,MAAMlE,OAAOC,WAAYiE;IAAME,MAAM3B;MACvEhB,6BAAAA,QAAA,cAACJ,aAAAA;IAAYrB;;AAGnB;AAEA,IAAMqE,mBAAmB,CAAC,EACxBC,OAAOnB,YACPD,OACAqB,MACAC,aACAC,cACAC,qBACA5B,UACAO,aACA,GAAGsB,aAAAA,MACgC;AACnC,QAAM,CAACC,iBAAiBC,kBAAAA,QAAsBC,0DAAqB;IACjEC,MAAMR;IACNS,aAAaR;IACbS,UAAUR;EACZ,CAAA;AAEA,QAAM,EAAE/B,SAAQ,IAAKH,QAAQ,oBAAoBc,WAAAA;AAEjD,QAAM6B,wBAAoBvB,0BACxB,CAAC3D,QAAoB4D,UAAAA;AACnB,QAAI5D,OAAOC,YAAY+D,UAAU;AAC/B;IACF;AACAJ,UAAMuB,gBAAe;AAErB,QAAIT,qBAAqB;AACvBA,0BAAoBU,UAAU;IAChC;AACAP,uBAAmB,KAAA;AACnBnC,eAAW1C,MAAAA;EACb,GACA;IAAC0C;GAAS;AAGZ,QAAM4B,QAAQrB,aAAaC,OAAOC,UAAAA;AAElC,SACE1B,6BAAAA,QAAA,cAACoC,gBAAAA,aAAoBwB,MAAI;IAErBd,MAAMK;IACNH,cAAc,CAACa,aAAAA;AACb,UAAI,CAACA,YAAYZ,qBAAqB;AACpCA,4BAAoBU,UAAU;MAChC;AACA,aAAOP,mBAAmBS,QAAAA;IAC5B;IAED,GAAGX;KAEH7B,UACDrB,6BAAAA,QAAA,cAACoC,gBAAAA,aAAoB0B,QAAM,MACzB9D,6BAAAA,QAAA,cAACoC,gBAAAA,aAAoB2B,SAAO,MAC1B/D,6BAAAA,QAAA,cAACoC,gBAAAA,aAAoB4B,UAAQ,MAC1BnB,OAAOoB,IAAI,CAAClC,SAAS/B,6BAAAA,QAAA,cAAC8B,kBAAAA;IAAiBoC,KAAKnC,KAAKlD;IAAIkD;IAAYC,SAASyB;QAE7EzD,6BAAAA,QAAA,cAACoC,gBAAAA,aAAoB+B,OAAK,IAAA,CAAA,CAAA,CAAA;AAKpC;AAEO,IAAMC,eAAe;EAC1BR,MAAMhB;EACNyB,SAASjC,gBAAAA,aAAoBiC;EAC7BC,gBAAgBlC,gBAAAA,aAAoBkC;AACtC;AMlFO,IAAMC,oBAAoB;AAM1B,IAAMC,cAAc,CAACC,SAAsCA,KAAK3F,SAASyF;AAOzE,IAAMG,cAAc,CAACD,SAAsCA,KAAK3F,SAASI,kBAAAA;ADIhF,IAAMyF,oBAAoB,CAAC,EAAEpG,QAAQqD,YAAW,MAA2C;AACzF,QAAM,EAAEX,UAAUD,SAAQ,IAAKF,QAAQ,qBAAqBc,WAAAA;AAC5D,QAAMK,kBAAcC,cAAAA,aAAY,MAAA;AAC9BjB,eAAW1C,MAAAA;EACb,GAAG;IAACA;IAAQ0C;GAAS;AACrB,QAAM,EAAEwB,MAAMmC,WAAW,MAAMrC,UAAUC,QAAQqC,QAAQvC,WAAU,IAAK/D,OAAOC;AAC/E,QAAMoF,OAAOnB,OAAOqC,iBAAAA,QAAeC,aAAaD,iBAAAA,QAAeE;AAC/D,QAAMC,YAAYxC,OACd;IAAEA;IAAME,MAAM3B;IAAU4D;IAAUxE,OAAOJ,8BAAAA,QAAA,cAACJ,aAAAA;MAAYrB;;EAAmB,IACzE;IAAE8C,UAAUrB,8BAAAA,QAAA,cAACJ,aAAAA;MAAYrB;;EAAmB;AAChD,SAAOsG,SAAS,OACd7E,8BAAAA,QAAA,cAAC4D,MAAAA;IACCM,KAAK3F,OAAOM;IACZ0D;IACAP,SAASC;IACT1C,SAAQ;IACP,GAAIiD,UAAU;MAAE,eAAeA;IAAO;IACtC,GAAIyC;IACL3C;;AAGN;AAEA,IAAM4C,0BAA0B,CAAC,EAC/BzD,OACAoB,OAAOnB,YACPE,YAAW,MACkC;AAC7C,QAAM,EAAEgD,UAAUrC,UAAUC,OAAM,IAAKf,MAAMjD;AAC7C,QAAMyE,0BAAsBkC,sBAAO,KAAA;AACnC,QAAM,EAAEnE,SAAQ,IAAKF,QAAQ,2BAA2Bc,WAAAA;AACxD,QAAMiB,QAAQrB,aAAaC,OAAOC,YAAY,2BAA2BE,WAAAA;AACzE,QAAMwD,aAAavC,OAAOwC,KAAK,CAACtD,SAAS,CAAC,CAAEA,KAAoBvD,WAAW8G,OAAO;AAClF,QAAM7C,OACFhB,MAAMjD,WAAmB+G;EAExBH,YAA2B5G,WAAWiE,QACzChB,MAAMjD,WAAWiE;AACnB,QAAMmB,OAAOnB,OAAOqC,iBAAAA,QAAeC,aAAaD,iBAAAA,QAAeE;AAC/D,QAAM5E,QACJJ,8BAAAA,QAAA,cAACJ,aAAAA;IAAYrB,QAASkD,MAAMjD,WAAmB+G,eAAeH,aAAcA,aAA4B3D;;AAE1G,QAAMwD,YAAYxC,OACd;IAAEA;IAAME,MAAM3B;IAAU4D;IAAUxE;IAAOoF,WAAW;IAAMvC;EAAoB,IAC9E;IACE5B,UACErB,8BAAAA,QAAA,cAAAA,cAAAA,QAAA,UAAA,MACGI,OACDJ,8BAAAA,QAAA,cAAC0C,iBAAAA,MAAAA;MAAKC,MAAM;MAAGF,MAAK;MAAuBH,YAAW;;EAG5D;AACJ,SACEtC,8BAAAA,QAAA,cAACoE,aAAaR,MAAI;IAACnC;IAAcoB;IAAcI;KAC7CjD,8BAAAA,QAAA,cAACoE,aAAaC,SAAO;IAACoB,SAAAA;KACpBzF,8BAAAA,QAAA,cAAC4D,MAAAA;IACCrE,SAAQ;IACRgD;IACC,GAAI0C;IACJ,GAAIzC,UAAU;MAAE,eAAeA;IAAO;;AAKjD;AAEA,IAAMkD,kBAAkB,CAAC,EAAEnH,QAAQqD,YAAW,MAA2C;AACvF,QAAM,EAAEZ,UAAUC,SAAQ,IAAKH,QAAQ,mBAAmBc,WAAAA;AAC1D,QAAM,EAAEa,MAAMmC,WAAW,MAAMrC,UAAUC,QAAQqC,QAAQvC,WAAU,IAAK/D,OAAOC;AAC/E,QAAMyD,kBAAcC,cAAAA,aAAY,MAAA;AAC9BjB,eAAW1C,MAAAA;EACb,GAAG;IAACA;IAAQ0C;GAAS;AACrB,QAAM2C,OAAOnB,OAAOqC,iBAAAA,QAAea,sBAAsBb,iBAAAA,QAAeY;AACxE,QAAMT,YAAYxC,OACd;IAAEA;IAAME,MAAM3B;IAAU4D;IAAUxE,OAAOJ,8BAAAA,QAAA,cAACJ,aAAAA;MAAYrB;;EAAmB,IACzE;IAAE8C,UAAUrB,8BAAAA,QAAA,cAACJ,aAAAA;MAAYrB;;EAAmB;AAChD,SAAOsG,SAAS,OACd7E,8BAAAA,QAAA,cAAC4D,MAAAA;IACCM,KAAK3F,OAAOM;IACZ+G,OAAOrH,OAAOM;IACd0D;IACAP,SAASC;IACT1C,SAAQ;IACP,GAAIiD,UAAU;MAAE,eAAeA;IAAO;IACtC,GAAIyC;IACL3C;;AAGN;AAEA,IAAMuD,yBAAyB,CAAC,EAC9BpE,OACAoB,OAAOnB,YACPE,YAAW,MACkC;AAC7C,QAAMiB,QAAQrB,aAAaC,OAAOC,YAAY,0BAA0BE,WAAAA;AACxE,QAAM,EAAEkE,mBAAmBF,MAAK,IAAKnE,MAAMjD;AAC3C;;;IAGEwB,8BAAAA,QAAA;MAAC8E,iBAAAA,QAAeiB;MAAW;QAACjH,MAAMgH;QAAmBF;;;MAGhD/C,MAAuBoB,IAAI,CAAC1F,WAC3ByB,8BAAAA,QAAA,cAAC0F,iBAAAA;QAAgBxB,KAAK3F,OAAOM;QAAIN;;;;AAK3C;AAEO,IAAMyH,cAAc,CAAC,EAAEpE,aAAaU,YAAY,GAAG2D,MAAAA,MAA0C;AAClG,QAAMpD,QAAQrB,aAAahC,QAAWA,QAAW,eAAeoC,WAAAA;AAChE,QAAM,EAAEN,aAAY,IAAKR,QAAQ,eAAec,WAAAA;AAChD,QAAM,EAAEsE,aAAY,QAAKC,wCAAa7E,YAAAA;AACtC,SACEtB,8BAAAA,QAAA,cAAC8E,iBAAAA,QAAelB,MAAI;IACjB,GAAGqC;IACJ3D,YAAY;MAAC;MAA0C,CAAC4D,gBAAgB;MAAc5D;;KAErFO,OAAOoB,IAAI,CAAClC,MAAgBqE,MAC3B5B,YAAYzC,IAAAA,IACV/B,8BAAAA,QAAA,cAAC8E,iBAAAA,QAAeuB,WAAS;IAACnC,KAAKkC;IAAG7G,SAASwC,KAAKvD,WAAWe;OACzDmF,YAAY3C,IAAAA,IACdA,KAAKvD,WAAWe,YAAY;;IAE1BS,8BAAAA,QAAA,cAACkF,yBAAAA;MAAwBhB,KAAKnC,KAAKlD;MAAI4C,OAAOM;;;;IAG9C/B,8BAAAA,QAAA,cAAC6F,wBAAAA;MAAuB3B,KAAKnC,KAAKlD;MAAI4C,OAAOM;;;;IAI/C/B,8BAAAA,QAAA,cAAC2E,mBAAAA;MAAkBT,KAAKnC,KAAKlD;MAAIN,QAAQwD;;;AAKnD;AE3KA,IAAMuE,qBAAqB,CAAC7G,UAAAA;AAC1B,SAAO8G,OAAOC,YACZD,OAAOE,QACLhH,MAAMiH,OAAO,CAACC,KAAgE,EAAEtH,QAAQK,OAAM,MAAE;AAC9F,QAAI,CAACiH,IAAItH,MAAAA,GAAS;AAChBsH,UAAItH,MAAAA,IAAU;QAAEuH,SAAS,CAAA;QAAIC,UAAU,CAAA;MAAG;IAC5C;AACA,QAAI,CAACF,IAAIjH,MAAAA,GAAS;AAChBiH,UAAIjH,MAAAA,IAAU;QAAEkH,SAAS,CAAA;QAAIC,UAAU,CAAA;MAAG;IAC5C;AAEA,UAAMC,cAAcH,IAAItH,MAAAA;AACxB,QAAI,CAACyH,YAAYD,SAASE,SAASrH,MAAAA,GAAS;AAC1CoH,kBAAYD,SAASG,KAAKtH,MAAAA;IAC5B;AAEA,UAAMuH,cAAcN,IAAIjH,MAAAA;AACxB,QAAI,CAACuH,YAAYL,QAAQG,SAAS1H,MAAAA,GAAS;AACzC4H,kBAAYL,QAAQI,KAAK3H,MAAAA;IAC3B;AAEA,WAAOsH;EACT,GAAG,CAAC,CAAA,CAAA,EACJ1C,IAAI,CAAC,CAACpF,IAAI,EAAEgI,SAAQ,CAAE,MAA0B;IAAChI;IAAIgI;GAAS,CAAA;AAEpE;AAMO,IAAMK,iBAAiB,CAACC,kBAAAA;AAC7B,QAAMC,wBAAwBD,cAAAA;AAE9B,QAAM,CAACE,KAAAA,QAASC,wBACd,IAAIC,wBAAM;IAAEjI,OAAO8H,sBAAsB9H;IAAiBG,OAAO6G,mBAAmBc,sBAAsB3H,KAAK;EAAE,CAAA,CAAA;AAGnH+H,4CAAgB,MAAA;AACd,UAAMC,iBAAiBN,cAAAA;AAEvBE,UAAMK,UAAUD,eAAenI,KAAK;AAEpC+H,UAAMM,UAAUF,eAAehI,KAAK;EACtC,CAAA;AAEA,QAAMyB,wBAAoBgB,cAAAA,aACxB,CAAC0F,aAA4BP,MAAMQ,SAAqB;AACtD,QAAIR,OAAO;AACT,aAAQA,MAAM/H,MAAMsI,YAAY;QAAEE,QAAQ,CAACC,MAAgB;MAAK,CAAA,KAAM;IACxE,OAAO;AACL,aAAO;IACT;EACF,GACA;IAACV;GAAM;AAGT,SAAO;IAAEnG;EAAkB;AAC7B;",
+  "names": ["import_react", "import_react_ui", "import_app_graph", "translationKey", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "noop", "createMenuAction", "id", "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", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "onAction", "resolveGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "useMemo", "DropdownMenuItem", "item", "onClick", "handleClick", "useCallback", "event", "NaturalDropdownMenu", "Item", "classNames", "disabled", "testId", "icon", "Icon", "size", "DropdownMenuRoot", "items", "open", "defaultOpen", "onOpenChange", "suppressNextTooltip", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "current", "Root", "nextOpen", "Portal", "Content", "Viewport", "map", "key", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "MenuSeparatorType", "isSeparator", "node", "isMenuGroup", "ActionToolbarItem", "iconOnly", "hidden", "NaturalToolbar", "IconButton", "Button", "rootProps", "DropdownMenuToolbarItem", "useRef", "activeItem", "find", "checked", "applyActive", "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", "actionCreator", "initialMenuGraphProps", "graph", "useState", "Graph", "useSignalEffect", "menuGraphProps", "_addNodes", "_addEdges", "sourceNode", "root", "filter", "n"]
+}

package/dist/lib/node/meta.json

@@ -0,0 +1 @@
+{"inputs":{"packages/ui/react-ui-menu/src/translations.ts":{"bytes":909,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/util.ts":{"bytes":6574,"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":3310,"imports":[{"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":5456,"imports":[{"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":11213,"imports":[{"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/defs.ts":{"bytes":3442,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytes":21829,"imports":[{"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/defs.ts","kind":"import-statement","original":"../defs"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":718,"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.ts":{"bytes":7464,"imports":[{"path":"@preact/signals-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/index.ts":{"bytes":1113,"imports":[{"path":"packages/ui/react-ui-menu/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-menu/src/defs.ts","kind":"import-statement","original":"./defs"},{"path":"packages/ui/react-ui-menu/src/hooks.ts","kind":"import-statement","original":"./hooks"},{"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":31230},"packages/ui/react-ui-menu/dist/lib/node/index.cjs":{"imports":[{"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":"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":"@radix-ui/react-context","kind":"import-statement","external":true},{"path":"react","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":"@preact/signals-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","useMenu","useMenuActions","useMenuItems"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2542},"packages/ui/react-ui-menu/src/components/ActionLabel.tsx":{"bytesInOutput":667},"packages/ui/react-ui-menu/src/translations.ts":{"bytesInOutput":118},"packages/ui/react-ui-menu/src/util.ts":{"bytesInOutput":1125},"packages/ui/react-ui-menu/src/components/MenuContext.tsx":{"bytesInOutput":1119},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx":{"bytesInOutput":5542},"packages/ui/react-ui-menu/src/defs.ts":{"bytesInOutput":258},"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/hooks.ts":{"bytesInOutput":1519}},"bytes":13814}}}