@dxos/react-ui-menu 0.8.3 → 0.8.4-main.f9ba587

package/dist/lib/node/index.cjs

@@ -1,506 +0,0 @@
-"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,
-  rxFromSignal: () => import_app_graph.rxFromSignal,
-  useMenu: () => useMenu,
-  useMenuActions: () => useMenuActions,
-  useMenuItems: () => useMenuItems
-});
-module.exports = __toCommonJS(node_exports);
-var import_app_graph = require("@dxos/app-graph");
-var import_tracking = require("@preact-signals/safe-react/tracking");
-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_tracking2 = require("@preact-signals/safe-react/tracking");
-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_graph2 = require("@dxos/app-graph");
-var import_util = require("@dxos/util");
-var import_tracking3 = require("@preact-signals/safe-react/tracking");
-var import_react_context = require("@radix-ui/react-context");
-var import_react3 = __toESM(require("react"));
-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");
-var import_app_graph4 = 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 createMenuAction = (id, invoke, properties) => ({
-  id,
-  type: import_app_graph2.ACTION_TYPE,
-  properties,
-  data: invoke
-});
-var createMenuItemGroup = (id, properties) => ({
-  id,
-  type: import_app_graph2.ACTION_GROUP_TYPE,
-  properties,
-  data: import_app_graph2.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 }) => {
-  var _effect = (0, import_tracking2.useSignals)();
-  try {
-    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("")));
-  } finally {
-    _effect.f();
-  }
-};
-var actionLabel = (action, t) => {
-  const shortcut = getShortcut(action);
-  return `${(0, import_react_ui2.toLocalizedString)(action.properties.label, t)}${shortcut ? ` (${(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,
-  useGroupItems: () => null
-};
-var useMenuScope = createMenuScope();
-var MenuProvider = ({ children, useGroupItems = menuContextDefaults.useGroupItems, iconSize = menuContextDefaults.iconSize, attendableId }) => {
-  var _effect = (0, import_tracking3.useSignals)();
-  try {
-    const { scope } = useMenuScope(void 0);
-    return /* @__PURE__ */ import_react3.default.createElement(MenuContextProvider, {
-      useGroupItems,
-      iconSize,
-      attendableId,
-      scope
-    }, children);
-  } finally {
-    _effect.f();
-  }
-};
-var useMenuItems = (group, propsItems, consumerName = "useMenuItemConsumer", __menuScope) => {
-  const { useGroupItems } = useMenu(consumerName, __menuScope);
-  const groupItems = useGroupItems(group);
-  return (0, import_react3.useMemo)(() => propsItems ?? groupItems ?? void 0, [
-    propsItems,
-    groupItems
-  ]);
-};
-var DropdownMenuItem = ({ item, onClick, __menuScope }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    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
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var DropdownMenuRoot = ({ items: propsItems, group, open, defaultOpen, onOpenChange, caller, children, __menuScope, ...naturalProps }) => {
-  var _effect = (0, import_tracking.useSignals)();
-  try {
-    const [optionsMenuOpen, setOptionsMenuOpen] = (0, import_react_use_controllable_state.useControllableState)({
-      prop: open,
-      defaultProp: defaultOpen,
-      onChange: onOpenChange
-    });
-    const handleActionClick = (0, import_react.useCallback)((action, event) => {
-      if (action.properties?.disabled) {
-        return;
-      }
-      event.stopPropagation();
-      setOptionsMenuOpen(false);
-      void action.data?.({
-        parent: group,
-        caller
-      });
-    }, [
-      group,
-      caller
-    ]);
-    const items = useMenuItems(group, propsItems);
-    return /* @__PURE__ */ import_react.default.createElement(import_react_ui.DropdownMenu.Root, {
-      open: optionsMenuOpen,
-      onOpenChange: setOptionsMenuOpen,
-      ...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))));
-  } finally {
-    _effect.f();
-  }
-};
-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_graph3.ACTION_GROUP_TYPE;
-var ActionToolbarItem = ({ action, __menuScope }) => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    const { iconSize } = useMenu("ActionToolbarItem", __menuScope);
-    const { t } = (0, import_react_ui3.useTranslation)(translationKey);
-    const handleClick = (0, import_react4.useCallback)(() => action.data?.(), [
-      action
-    ]);
-    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: actionLabel(action, t)
-    } : {
-      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
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var DropdownMenuToolbarItem = ({ group, items: propsItems, __menuScope }) => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    const { iconOnly, disabled, testId } = group.properties;
-    const { t } = (0, import_react_ui3.useTranslation)(translationKey);
-    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 labelAction = group.properties.applyActive && activeItem ? activeItem : group;
-    const rootProps = icon ? {
-      icon,
-      size: iconSize,
-      iconOnly,
-      label: actionLabel(labelAction, t),
-      caretDown: true
-    } : {
-      children: /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null, /* @__PURE__ */ import_react4.default.createElement(ActionLabel, {
-        action: labelAction
-      }), /* @__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
-    }, /* @__PURE__ */ import_react4.default.createElement(DropdownMenu.Trigger, {
-      asChild: true
-    }, /* @__PURE__ */ import_react4.default.createElement(Root, {
-      variant: "ghost",
-      disabled,
-      ...rootProps,
-      ...testId && {
-        "data-testid": testId
-      }
-    })));
-  } finally {
-    _effect.f();
-  }
-};
-var ToggleGroupItem = ({ group, action, __menuScope }) => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    const { iconSize } = useMenu("ToggleGroupItem", __menuScope);
-    const { t } = (0, import_react_ui3.useTranslation)(translationKey);
-    const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;
-    const handleClick = (0, import_react4.useCallback)(() => action.data?.({
-      parent: group
-    }), [
-      action,
-      group
-    ]);
-    const Root = icon ? import_react_ui3.Toolbar.ToggleGroupIconItem : import_react_ui3.Toolbar.ToggleGroupItem;
-    const rootProps = icon ? {
-      icon,
-      size: iconSize,
-      iconOnly,
-      label: actionLabel(action, t)
-    } : {
-      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
-    });
-  } finally {
-    _effect.f();
-  }
-};
-var ToggleGroupToolbarItem = ({ group, items: propsItems, __menuScope }) => {
-  var _effect = (0, import_tracking4.useSignals)();
-  try {
-    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,
-          group,
-          action
-        }))
-      )
-    );
-  } finally {
-    _effect.f();
-  }
-};
-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: [
-        attendableId && !hasAttention && "*:opacity-20 !bg-transparent",
-        classNames
-      ]
-    }, /* @__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" ? (
-      // 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
-      })
-    ))));
-  } finally {
-    _effect.f();
-  }
-};
-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;
-  }, {})));
-};
-var useMenuActions = (props) => {
-  const registry = (0, import_react5.useContext)(import_rx_react.RegistryContext);
-  const menuGraphProps = (0, import_rx_react.useRxValue)(props);
-  const [graph] = (0, import_react5.useState)(new import_app_graph4.Graph({
-    registry,
-    nodes: menuGraphProps.nodes,
-    edges: edgesArrayToRecord(menuGraphProps.edges)
-  }));
-  (0, import_react5.useEffect)(() => {
-    graph.addNodes(menuGraphProps.nodes);
-    graph.addEdges(menuGraphProps.edges);
-  }, [
-    menuGraphProps
-  ]);
-  const useGroupItems = (0, import_react5.useCallback)((sourceNode) => {
-    const items = (0, import_rx_react.useRxValue)(graph.connections(sourceNode?.id || import_app_graph4.ROOT_ID));
-    return items;
-  }, [
-    graph
-  ]);
-  return {
-    useGroupItems
-  };
-};
-// 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,
-  rxFromSignal,
-  useMenu,
-  useMenuActions,
-  useMenuItems
-});
-//# sourceMappingURL=index.cjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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, { 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 +0,0 @@
-{"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}}}