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

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

@@ -0,0 +1,440 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+
+// packages/ui/react-ui-menu/src/components/DropdownMenu.tsx
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import React3, { useCallback } from "react";
+import { DropdownMenu as NaturalDropdownMenu, Icon } from "@dxos/react-ui";
+
+// packages/ui/react-ui-menu/src/components/ActionLabel.tsx
+import React from "react";
+import { keySymbols } from "@dxos/keyboard";
+import { toLocalizedString, useTranslation } from "@dxos/react-ui";
+import { mx, descriptionText } from "@dxos/react-ui-theme";
+
+// packages/ui/react-ui-menu/src/translations.ts
+var translationKey = "menus";
+var translations_default = [
+  {
+    "en-US": {
+      [translationKey]: {}
+    }
+  }
+];
+
+// packages/ui/react-ui-menu/src/util.ts
+import { ACTION_GROUP_TYPE, ACTION_TYPE, actionGroupSymbol } from "@dxos/app-graph";
+import { getHostPlatform } from "@dxos/util";
+var getShortcut = (action) => {
+  return typeof action.properties?.keyBinding === "string" ? action.properties.keyBinding : action.properties?.keyBinding?.[getHostPlatform()];
+};
+var noop = () => {
+};
+var createMenuAction = (id, properties) => ({
+  id,
+  type: ACTION_TYPE,
+  properties,
+  data: noop
+});
+var createMenuItemGroup = (id, properties) => ({
+  id,
+  type: ACTION_GROUP_TYPE,
+  properties,
+  data: 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
+    }
+  ]
+});
+
+// packages/ui/react-ui-menu/src/components/ActionLabel.tsx
+var ActionLabel = ({ action }) => {
+  const shortcut = getShortcut(action);
+  const { t } = useTranslation(translationKey);
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", {
+    className: "grow truncate"
+  }, toLocalizedString(action.properties.label, t)), shortcut && /* @__PURE__ */ React.createElement("span", {
+    className: mx("shrink-0", descriptionText)
+  }, keySymbols(shortcut).join("")));
+};
+
+// packages/ui/react-ui-menu/src/components/MenuContext.tsx
+import { createContextScope } from "@radix-ui/react-context";
+import React2, { useMemo } from "react";
+var MENU_NAME = "GraphMenu";
+var [createMenuContext, createMenuScope] = 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__ */ React2.createElement(MenuContextProvider, {
+    resolveGroupItems,
+    onAction,
+    iconSize,
+    attendableId,
+    scope
+  }, children);
+};
+var useMenuItems = (group, propsItems, consumerName = "useMenuItemConsumer", __menuScope) => {
+  const { resolveGroupItems } = useMenu(consumerName, __menuScope);
+  return useMemo(() => propsItems ?? resolveGroupItems?.(group) ?? void 0, [
+    propsItems,
+    group,
+    resolveGroupItems
+  ]);
+};
+
+// packages/ui/react-ui-menu/src/components/DropdownMenu.tsx
+var DropdownMenuItem = ({ item, onClick, __menuScope }) => {
+  const action = item;
+  const handleClick = useCallback((event) => onClick(action, event), [
+    action,
+    onClick
+  ]);
+  const { iconSize } = useMenu("DropdownMenuItem", __menuScope);
+  return /* @__PURE__ */ React3.createElement(NaturalDropdownMenu.Item, {
+    onClick: handleClick,
+    classNames: "gap-2",
+    disabled: action.properties?.disabled,
+    ...action.properties?.testId && {
+      "data-testid": action.properties.testId
+    }
+  }, action.properties?.icon && /* @__PURE__ */ React3.createElement(Icon, {
+    icon: action.properties.icon,
+    size: iconSize
+  }), /* @__PURE__ */ React3.createElement(ActionLabel, {
+    action
+  }));
+};
+var DropdownMenuRoot = ({ items: propsItems, group, open, defaultOpen, onOpenChange, suppressNextTooltip, children, __menuScope, ...naturalProps }) => {
+  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({
+    prop: open,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  const { onAction } = useMenu("DropdownMenuRoot", __menuScope);
+  const handleActionClick = 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__ */ React3.createElement(NaturalDropdownMenu.Root, {
+    open: optionsMenuOpen,
+    onOpenChange: (nextOpen) => {
+      if (!nextOpen && suppressNextTooltip) {
+        suppressNextTooltip.current = true;
+      }
+      return setOptionsMenuOpen(nextOpen);
+    },
+    ...naturalProps
+  }, children, /* @__PURE__ */ React3.createElement(NaturalDropdownMenu.Portal, null, /* @__PURE__ */ React3.createElement(NaturalDropdownMenu.Content, null, /* @__PURE__ */ React3.createElement(NaturalDropdownMenu.Viewport, null, items?.map((item) => /* @__PURE__ */ React3.createElement(DropdownMenuItem, {
+    key: item.id,
+    item,
+    onClick: handleActionClick
+  }))), /* @__PURE__ */ React3.createElement(NaturalDropdownMenu.Arrow, null))));
+};
+var DropdownMenu = {
+  Root: DropdownMenuRoot,
+  Trigger: NaturalDropdownMenu.Trigger,
+  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger
+};
+
+// packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx
+import React4, { useCallback as useCallback2, useRef } from "react";
+import { Icon as Icon2, Toolbar as NaturalToolbar } from "@dxos/react-ui";
+import { useAttention } from "@dxos/react-ui-attention";
+
+// packages/ui/react-ui-menu/src/defs.ts
+import { ACTION_GROUP_TYPE as ACTION_GROUP_TYPE2 } from "@dxos/app-graph";
+var MenuSeparatorType = "@dxos/react-ui-toolbar/separator";
+var isSeparator = (node) => node.type === MenuSeparatorType;
+var isMenuGroup = (node) => node.type === ACTION_GROUP_TYPE2;
+
+// packages/ui/react-ui-menu/src/components/ToolbarMenu.tsx
+var ActionToolbarItem = ({ action, __menuScope }) => {
+  const { onAction, iconSize } = useMenu("ActionToolbarItem", __menuScope);
+  const handleClick = useCallback2(() => {
+    onAction?.(action);
+  }, [
+    action,
+    onAction
+  ]);
+  const { icon, iconOnly = true, disabled, testId, hidden, classNames } = action.properties;
+  const Root = icon ? NaturalToolbar.IconButton : NaturalToolbar.Button;
+  const rootProps = icon ? {
+    icon,
+    size: iconSize,
+    iconOnly,
+    label: /* @__PURE__ */ React4.createElement(ActionLabel, {
+      action
+    })
+  } : {
+    children: /* @__PURE__ */ React4.createElement(ActionLabel, {
+      action
+    })
+  };
+  return hidden ? null : /* @__PURE__ */ React4.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 = 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 ? NaturalToolbar.IconButton : NaturalToolbar.Button;
+  const label = /* @__PURE__ */ React4.createElement(ActionLabel, {
+    action: group.properties.applyActive && activeItem ? activeItem : group
+  });
+  const rootProps = icon ? {
+    icon,
+    size: iconSize,
+    iconOnly,
+    label,
+    caretDown: true,
+    suppressNextTooltip
+  } : {
+    children: /* @__PURE__ */ React4.createElement(React4.Fragment, null, label, /* @__PURE__ */ React4.createElement(Icon2, {
+      size: 3,
+      icon: "ph--caret-down--bold",
+      classNames: "mis-1"
+    }))
+  };
+  return /* @__PURE__ */ React4.createElement(DropdownMenu.Root, {
+    group,
+    items,
+    suppressNextTooltip
+  }, /* @__PURE__ */ React4.createElement(DropdownMenu.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React4.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 = useCallback2(() => {
+    onAction?.(action);
+  }, [
+    action,
+    onAction
+  ]);
+  const Root = icon ? NaturalToolbar.ToggleGroupIconItem : NaturalToolbar.ToggleGroupItem;
+  const rootProps = icon ? {
+    icon,
+    size: iconSize,
+    iconOnly,
+    label: /* @__PURE__ */ React4.createElement(ActionLabel, {
+      action
+    })
+  } : {
+    children: /* @__PURE__ */ React4.createElement(ActionLabel, {
+      action
+    })
+  };
+  return hidden ? null : /* @__PURE__ */ React4.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__ */ React4.createElement(
+      NaturalToolbar.ToggleGroup,
+      {
+        type: selectCardinality,
+        value
+      },
+      // TODO(thure): Handle other menu item types.
+      items.map((action) => /* @__PURE__ */ React4.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 } = useAttention(attendableId);
+  return /* @__PURE__ */ React4.createElement(NaturalToolbar.Root, {
+    ...props,
+    classNames: [
+      "p-0 pointer-fine:p-1 attention-surface",
+      !hasAttention && "opacity-20",
+      classNames
+    ]
+  }, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ React4.createElement(NaturalToolbar.Separator, {
+    key: i,
+    variant: item.properties.variant
+  }) : isMenuGroup(item) ? item.properties.variant === "dropdownMenu" ? (
+    // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+    /* @__PURE__ */ React4.createElement(DropdownMenuToolbarItem, {
+      key: item.id,
+      group: item
+    })
+  ) : (
+    // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+    /* @__PURE__ */ React4.createElement(ToggleGroupToolbarItem, {
+      key: item.id,
+      group: item
+    })
+  ) : (
+    // TODO(thure): Figure out type narrowing that doesn’t require so much use of `as`.
+    /* @__PURE__ */ React4.createElement(ActionToolbarItem, {
+      key: item.id,
+      action: item
+    })
+  )));
+};
+
+// packages/ui/react-ui-menu/src/hooks.ts
+import { useSignalEffect } from "@preact/signals-react";
+import { useCallback as useCallback3, useState } from "react";
+import { Graph } from "@dxos/app-graph";
+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] = useState(new Graph({
+    nodes: initialMenuGraphProps.nodes,
+    edges: edgesArrayToRecord(initialMenuGraphProps.edges)
+  }));
+  useSignalEffect(() => {
+    const menuGraphProps = actionCreator();
+    graph._addNodes(menuGraphProps.nodes);
+    graph._addEdges(menuGraphProps.edges);
+  });
+  const resolveGroupItems = useCallback3((sourceNode = graph.root) => {
+    if (graph) {
+      return graph.nodes(sourceNode, {
+        filter: (n) => true
+      }) || null;
+    } else {
+      return null;
+    }
+  }, [
+    graph
+  ]);
+  return {
+    resolveGroupItems
+  };
+};
+export {
+  DropdownMenu,
+  MenuProvider,
+  MenuSeparatorType,
+  ToolbarMenu,
+  createGapSeparator,
+  createLineSeparator,
+  createMenuAction,
+  createMenuItemGroup,
+  createMenuScope,
+  isMenuGroup,
+  isSeparator,
+  menuContextDefaults,
+  useMenu,
+  useMenuActions,
+  useMenuItems
+};
+//# sourceMappingURL=index.mjs.map

package/dist/lib/node-esm/index.mjs.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": "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",
+  "names": ["useControllableState", "React", "useCallback", "DropdownMenu", "NaturalDropdownMenu", "Icon", "React", "keySymbols", "toLocalizedString", "useTranslation", "mx", "descriptionText", "translationKey", "ACTION_GROUP_TYPE", "ACTION_TYPE", "actionGroupSymbol", "getHostPlatform", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "noop", "createMenuAction", "id", "properties", "type", "ACTION_TYPE", "data", "createMenuItemGroup", "ACTION_GROUP_TYPE", "actionGroupSymbol", "createGapSeparator", "source", "nodes", "variant", "undefined", "edges", "target", "createLineSeparator", "ActionLabel", "action", "shortcut", "getShortcut", "t", "useTranslation", "translationKey", "span", "className", "toLocalizedString", "properties", "label", "mx", "descriptionText", "keySymbols", "join", "createContextScope", "React", "useMemo", "MENU_NAME", "createMenuContext", "createMenuScope", "createContextScope", "MenuContextProvider", "useMenu", "menuContextDefaults", "iconSize", "onAction", "resolveGroupItems", "useMenuScope", "MenuProvider", "children", "attendableId", "scope", "undefined", "React", "useMenuItems", "group", "propsItems", "consumerName", "__menuScope", "useMemo", "DropdownMenuItem", "item", "onClick", "__menuScope", "action", "handleClick", "useCallback", "event", "iconSize", "useMenu", "React", "NaturalDropdownMenu", "Item", "classNames", "disabled", "properties", "testId", "icon", "Icon", "size", "ActionLabel", "DropdownMenuRoot", "items", "propsItems", "group", "open", "defaultOpen", "onOpenChange", "suppressNextTooltip", "children", "naturalProps", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "onAction", "handleActionClick", "stopPropagation", "current", "useMenuItems", "Root", "nextOpen", "Portal", "Content", "Viewport", "map", "key", "id", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "React", "useCallback", "useRef", "Icon", "Toolbar", "NaturalToolbar", "useAttention", "ACTION_GROUP_TYPE", "MenuSeparatorType", "isSeparator", "node", "type", "isMenuGroup", "ACTION_GROUP_TYPE", "ActionToolbarItem", "action", "__menuScope", "onAction", "iconSize", "useMenu", "handleClick", "useCallback", "icon", "iconOnly", "disabled", "testId", "hidden", "classNames", "properties", "Root", "NaturalToolbar", "IconButton", "Button", "rootProps", "size", "label", "React", "ActionLabel", "children", "key", "id", "onClick", "variant", "DropdownMenuToolbarItem", "group", "items", "propsItems", "suppressNextTooltip", "useRef", "useMenuItems", "activeItem", "find", "item", "checked", "applyActive", "caretDown", "Icon", "DropdownMenu", "Trigger", "asChild", "ToggleGroupItem", "ToggleGroupIconItem", "value", "ToggleGroupToolbarItem", "selectCardinality", "ToggleGroup", "type", "map", "ToolbarMenu", "props", "undefined", "attendableId", "hasAttention", "useAttention", "i", "isSeparator", "Separator", "isMenuGroup", "useSignalEffect", "useCallback", "useState", "Graph", "edgesArrayToRecord", "edges", "Object", "fromEntries", "entries", "reduce", "acc", "source", "target", "inbound", "outbound", "sourceEdges", "includes", "push", "targetEdges", "map", "id", "useMenuActions", "actionCreator", "initialMenuGraphProps", "graph", "useState", "Graph", "nodes", "useSignalEffect", "menuGraphProps", "_addNodes", "_addEdges", "resolveGroupItems", "useCallback", "sourceNode", "root", "filter", "n"]
+}

package/dist/lib/node-esm/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-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":31232},"packages/ui/react-ui-menu/dist/lib/node-esm/index.mjs":{"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":13907}}}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type Action, type ActionGroup } from '@dxos/app-graph';
+import { type MenuActionProperties } from '../defs';
+export declare const ActionLabel: ({ action, }: {
+    action: Action<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, "variant">>;
+}) => React.JSX.Element;
+//# sourceMappingURL=ActionLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionLabel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAKhE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAIpD,eAAO,MAAM,WAAW,gBAErB;IACD,MAAM,EAAE,MAAM,CAAC,oBAAoB,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC;CAC3F,sBAUA,CAAC"}

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

@@ -0,0 +1,20 @@
+import React, { type MutableRefObject } from 'react';
+import { type DropdownMenuRootProps } from '@dxos/react-ui';
+import { type MenuScopedProps } from './MenuContext';
+import { type MenuItem, type MenuItemGroup } from '../defs';
+export type DropdownMenuProps = DropdownMenuRootProps & {
+    group?: MenuItemGroup;
+    items?: MenuItem[];
+    suppressNextTooltip?: MutableRefObject<boolean>;
+};
+export declare const DropdownMenu: {
+    Root: ({ items: propsItems, group, open, defaultOpen, onOpenChange, suppressNextTooltip, children, __menuScope, ...naturalProps }: MenuScopedProps<DropdownMenuProps>) => React.JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<import("@dxos/react-ui").DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    VirtualTrigger: {
+        (props: import("@dxos/react-ui").DropdownMenuVirtualTriggerProps & {
+            __scopeDropdownMenu?: import("@radix-ui/react-context").Scope;
+        }): React.JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=DropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAmB,KAAK,gBAAgB,EAAe,MAAM,OAAO,CAAC;AAEnF,OAAO,EAA6C,KAAK,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAGvG,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAmB,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;IACnB,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACjD,CAAC;AA0FF,eAAO,MAAM,YAAY;uIArDtB,eAAe,CAAC,iBAAiB,CAAC;;;;;YA0D+pB,MAAO,GAAG,CAAC,OAAO;;;CADrtB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { type Scope } from '@radix-ui/react-context';
+import React, { type PropsWithChildren } from 'react';
+import { type MenuContextValue, type MenuItem, type MenuItemGroup } from '../defs';
+export type MenuScopedProps<P> = P & {
+    __menuScope?: Scope;
+};
+declare const createMenuScope: import("@radix-ui/react-context").CreateScope;
+declare const useMenu: (consumerName: string, scope: Scope<MenuContextValue | undefined>) => MenuContextValue;
+export declare const menuContextDefaults: MenuContextValue;
+declare const MenuProvider: ({ children, resolveGroupItems, onAction, iconSize, attendableId, }: PropsWithChildren<Partial<MenuContextValue>>) => React.JSX.Element;
+export declare const useMenuItems: (group?: MenuItemGroup, propsItems?: MenuItem[], consumerName?: string, __menuScope?: Scope) => MenuItem[] | undefined;
+export { useMenu, createMenuScope, MenuProvider };
+//# sourceMappingURL=MenuContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuContext.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACzE,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEnF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAI7D,QAAA,MAA0B,eAAe,+CAAqC,CAAC;AAE/E,QAAA,MAA4B,OAAO,wFAAkD,CAAC;AAEtF,eAAO,MAAM,mBAAmB,EAAE,gBAIjC,CAAC;AAIF,QAAA,MAAM,YAAY,uEAMf,iBAAiB,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,sBAa9C,CAAC;AAEF,eAAO,MAAM,YAAY,WACf,aAAa,eACR,QAAQ,EAAE,iBACT,MAAM,gBACN,KAAK,2BAIpB,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type ToolbarRootProps } from '@dxos/react-ui';
+import { type MenuScopedProps } from './MenuContext';
+import { type MenuItem, type MenuItemGroup, type MenuActionProperties, type MenuMultipleSelectActionGroup, type MenuSingleSelectActionGroup } from '../defs';
+export type ToolbarMenuDropdownMenuActionGroup = Omit<MenuActionProperties, 'variant' | 'icon'> & {
+    variant: 'dropdownMenu';
+    icon: string;
+    applyActive?: boolean;
+};
+export type ToolbarMenuToggleGroupActionGroup = Omit<MenuActionProperties, 'variant'> & {
+    variant: 'toggleGroup';
+};
+export type ToolbarMenuActionGroupProperties = (ToolbarMenuDropdownMenuActionGroup | ToolbarMenuToggleGroupActionGroup) & (MenuSingleSelectActionGroup | MenuMultipleSelectActionGroup);
+export type ToolbarMenuProps = ToolbarRootProps;
+export type ToolbarMenuActionGroupProps = {
+    group: MenuItemGroup<ToolbarMenuActionGroupProperties>;
+    items?: MenuItem[];
+};
+export declare const ToolbarMenu: ({ __menuScope, classNames, ...props }: MenuScopedProps<ToolbarMenuProps>) => React.JSX.Element;
+//# sourceMappingURL=ToolbarMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ToolbarMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAyD,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAK9G,OAAO,EAAE,KAAK,eAAe,EAAyB,MAAM,eAAe,CAAC;AAC5E,OAAO,EAEL,KAAK,QAAQ,EAGb,KAAK,aAAa,EAClB,KAAK,oBAAoB,EACzB,KAAK,6BAA6B,EAClC,KAAK,2BAA2B,EACjC,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,kCAAkC,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,MAAM,CAAC,GAAG;IAChG,OAAO,EAAE,cAAc,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;IACtF,OAAO,EAAE,aAAa,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,CAC3C,kCAAkC,GAClC,iCAAiC,CACpC,GACC,CAAC,2BAA2B,GAAG,6BAA6B,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAEhD,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,aAAa,CAAC,gCAAgC,CAAC,CAAC;IACvD,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB,CAAC;AAiHF,eAAO,MAAM,WAAW,0CAA2C,eAAe,CAAC,gBAAgB,CAAC,sBA2BnG,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './DropdownMenu';
+export * from './ToolbarMenu';
+export * from './MenuContext';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}