@dxos/react-ui-menu 0.7.5-main.937ce75

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

@@ -0,0 +1,233 @@
+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 React2, { 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 { getHostPlatform } from "@dxos/util";
+var getShortcut = (action) => {
+  return typeof action.properties?.keyBinding === "string" ? action.properties.keyBinding : action.properties?.keyBinding?.[getHostPlatform()];
+};
+
+// 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/DropdownMenu.tsx
+var DropdownMenuItem = ({ action, onClick }) => {
+  const handleClick = useCallback((event) => onClick(action, event), [
+    action,
+    onClick
+  ]);
+  return /* @__PURE__ */ React2.createElement(NaturalDropdownMenu.Item, {
+    onClick: handleClick,
+    classNames: "gap-2",
+    disabled: action.properties?.disabled,
+    ...action.properties?.testId && {
+      "data-testid": action.properties.testId
+    }
+  }, action.properties?.icon && /* @__PURE__ */ React2.createElement(Icon, {
+    icon: action.properties.icon,
+    size: 4
+  }), /* @__PURE__ */ React2.createElement(ActionLabel, {
+    action
+  }));
+};
+var DropdownMenuRoot = ({ defaultMenuOpen, actions, menuOpen, suppressNextTooltip, onMenuOpenChange, onAction, children }) => {
+  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({
+    prop: menuOpen,
+    defaultProp: defaultMenuOpen,
+    onChange: onMenuOpenChange
+  });
+  const handleActionClick = useCallback((action, event) => {
+    if (action.properties?.disabled) {
+      return;
+    }
+    event.stopPropagation();
+    if (suppressNextTooltip) {
+      suppressNextTooltip.current = true;
+    }
+    setOptionsMenuOpen(false);
+    onAction?.(action);
+  }, [
+    onAction
+  ]);
+  return /* @__PURE__ */ React2.createElement(NaturalDropdownMenu.Root, {
+    open: optionsMenuOpen,
+    onOpenChange: (nextOpen) => {
+      if (!nextOpen && suppressNextTooltip) {
+        suppressNextTooltip.current = true;
+      }
+      return setOptionsMenuOpen(nextOpen);
+    }
+  }, children, /* @__PURE__ */ React2.createElement(NaturalDropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(NaturalDropdownMenu.Content, null, /* @__PURE__ */ React2.createElement(NaturalDropdownMenu.Viewport, null, actions?.map((action) => /* @__PURE__ */ React2.createElement(DropdownMenuItem, {
+    key: action.id,
+    action,
+    onClick: handleActionClick
+  }))), /* @__PURE__ */ React2.createElement(NaturalDropdownMenu.Arrow, null))));
+};
+var DropdownMenu = {
+  Root: DropdownMenuRoot,
+  Trigger: NaturalDropdownMenu.Trigger,
+  VirtualTrigger: NaturalDropdownMenu.VirtualTrigger
+};
+
+// packages/ui/react-ui-menu/src/components/Toolbar/Toolbar.tsx
+import React5, { useCallback as useCallback2 } from "react";
+import { Toolbar as NaturalToolbar3 } from "@dxos/react-ui";
+
+// packages/ui/react-ui-menu/src/components/Toolbar/ToolbarDropdownMenu.tsx
+import React3, { useMemo, useRef } from "react";
+import { Toolbar as NaturalToolbar } from "@dxos/react-ui";
+var ToolbarDropdownMenu = ({ actionGroup, graph, onAction, applyActiveIcon }) => {
+  const menuActions = useMemo(() => graph ? graph.actions(actionGroup) : [], [
+    actionGroup,
+    graph
+  ]);
+  const { icon, iconOnly = true, disabled, testId } = actionGroup.properties;
+  const suppressNextTooltip = useRef(false);
+  return /* @__PURE__ */ React3.createElement(DropdownMenu.Root, {
+    actions: menuActions,
+    onAction,
+    suppressNextTooltip
+  }, /* @__PURE__ */ React3.createElement(DropdownMenu.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React3.createElement(NaturalToolbar.IconButton, {
+    size: 5,
+    variant: "ghost",
+    iconOnly,
+    disabled,
+    icon: applyActiveIcon && menuActions.find((action) => !!action.properties.checked)?.properties.icon || icon,
+    label: /* @__PURE__ */ React3.createElement(ActionLabel, {
+      action: actionGroup
+    }),
+    ...testId && {
+      "data-testid": testId
+    },
+    suppressNextTooltip,
+    caretDown: true
+  })));
+};
+
+// packages/ui/react-ui-menu/src/components/Toolbar/ToolbarToggleGroup.tsx
+import React4, { useMemo as useMemo2 } from "react";
+import { Toolbar as NaturalToolbar2 } from "@dxos/react-ui";
+var ToolbarToggleGroupItem = ({ action }) => {
+  const { icon, iconOnly, disabled } = action.properties;
+  return /* @__PURE__ */ React4.createElement(NaturalToolbar2.ToggleGroupIconItem, {
+    key: action.id,
+    value: action.id,
+    icon,
+    iconOnly,
+    disabled,
+    label: /* @__PURE__ */ React4.createElement(ActionLabel, {
+      action
+    })
+  });
+};
+var ToolbarToggleGroup = ({ actionGroup, graph }) => {
+  const menuActions = useMemo2(() => graph ? graph.actions(actionGroup) : [], [
+    actionGroup,
+    graph
+  ]);
+  const { selectCardinality, value } = actionGroup.properties;
+  return (
+    // TODO(thure): This is extremely difficult to manage, what do?
+    // @ts-ignore
+    /* @__PURE__ */ React4.createElement(NaturalToolbar2.ToggleGroup, {
+      type: selectCardinality,
+      value
+    }, menuActions.map((action) => /* @__PURE__ */ React4.createElement(ToolbarToggleGroupItem, {
+      key: action.id,
+      action
+    })))
+  );
+};
+
+// packages/ui/react-ui-menu/src/components/Toolbar/defs.ts
+import { ACTION_GROUP_TYPE } from "@dxos/app-graph";
+var ToolbarSeparatorType = "@dxos/react-ui-toolbar/separator";
+var isSeparator = (node) => node.type === ToolbarSeparatorType;
+var isMenu = (node) => node.type === ACTION_GROUP_TYPE;
+
+// packages/ui/react-ui-menu/src/components/Toolbar/Toolbar.tsx
+var ToolbarItem = ({ iconSize, action, onAction }) => {
+  const handleClick = useCallback2(() => {
+    onAction?.(action);
+  }, [
+    action,
+    onAction
+  ]);
+  const { icon, iconOnly = true, disabled, testId } = action.properties;
+  return /* @__PURE__ */ React5.createElement(NaturalToolbar3.IconButton, {
+    key: action.id,
+    iconOnly,
+    variant: "ghost",
+    icon,
+    size: iconSize,
+    label: /* @__PURE__ */ React5.createElement(ActionLabel, {
+      action
+    }),
+    disabled,
+    onClick: handleClick,
+    ...testId && {
+      "data-testid": testId
+    }
+  });
+};
+var Toolbar = ({ actions: items, onAction, iconSize = 5, graph, ...props }) => {
+  return /* @__PURE__ */ React5.createElement(NaturalToolbar3.Root, props, items?.map((item, i) => isSeparator(item) ? /* @__PURE__ */ React5.createElement(NaturalToolbar3.Separator, {
+    key: i,
+    variant: item.properties.variant
+  }) : isMenu(item) ? item.properties.variant === "dropdownMenu" ? /* @__PURE__ */ React5.createElement(ToolbarDropdownMenu, {
+    key: item.id,
+    actionGroup: item,
+    onAction,
+    iconSize,
+    graph
+  }) : /* @__PURE__ */ React5.createElement(ToolbarToggleGroup, {
+    key: item.id,
+    actionGroup: item,
+    onAction,
+    iconSize,
+    graph
+  }) : /* @__PURE__ */ React5.createElement(ToolbarItem, {
+    key: item.id,
+    action: item,
+    onAction,
+    iconSize
+  })));
+};
+export {
+  DropdownMenu,
+  Toolbar,
+  ToolbarSeparatorType,
+  isMenu,
+  isSeparator
+};
+//# 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/Toolbar/Toolbar.tsx", "../../../src/components/Toolbar/ToolbarDropdownMenu.tsx", "../../../src/components/Toolbar/ToolbarToggleGroup.tsx", "../../../src/components/Toolbar/defs.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { useControllableState } from '@radix-ui/react-use-controllable-state';\nimport React, { type MouseEvent, type MutableRefObject, type PropsWithChildren, useCallback } from 'react';\n\nimport { DropdownMenu as NaturalDropdownMenu, Icon } from '@dxos/react-ui';\n\nimport { ActionLabel } from './ActionLabel';\nimport { type MenuAction, type MenuProps } from '../defs';\n\nexport type DropdownMenuProps = MenuProps &\n  PropsWithChildren<\n    Partial<{\n      defaultMenuOpen: boolean;\n      menuOpen: boolean;\n      onMenuOpenChange: (nextOpen: boolean) => void;\n      suppressNextTooltip?: MutableRefObject<boolean>;\n    }>\n  >;\n\nconst DropdownMenuItem = ({\n  action,\n  onClick,\n}: {\n  action: MenuAction;\n  onClick: (action: MenuAction, event: MouseEvent) => void;\n}) => {\n  const handleClick = useCallback((event: MouseEvent) => onClick(action, event), [action, onClick]);\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={4} />}\n      <ActionLabel action={action} />\n    </NaturalDropdownMenu.Item>\n  );\n};\n\nconst DropdownMenuRoot = ({\n  defaultMenuOpen,\n  actions,\n  menuOpen,\n  suppressNextTooltip,\n  onMenuOpenChange,\n  onAction,\n  children,\n}: DropdownMenuProps) => {\n  const [optionsMenuOpen, setOptionsMenuOpen] = useControllableState({\n    prop: menuOpen,\n    defaultProp: defaultMenuOpen,\n    onChange: onMenuOpenChange,\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      if (suppressNextTooltip) {\n        suppressNextTooltip.current = true;\n      }\n      setOptionsMenuOpen(false);\n      onAction?.(action);\n    },\n    [onAction],\n  );\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    >\n      {children}\n      <NaturalDropdownMenu.Portal>\n        <NaturalDropdownMenu.Content>\n          <NaturalDropdownMenu.Viewport>\n            {actions?.map((action) => <DropdownMenuItem key={action.id} action={action} 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 { type ActionLike } from '@dxos/app-graph';\nimport { getHostPlatform } from '@dxos/util';\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// Copyright 2025 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { Toolbar as NaturalToolbar } from '@dxos/react-ui';\n\nimport { ToolbarDropdownMenu } from './ToolbarDropdownMenu';\nimport { ToolbarToggleGroup } from './ToolbarToggleGroup';\nimport { isMenu, isSeparator, type ToolbarProps } from './defs';\nimport { type MenuAction } from '../../defs';\nimport { ActionLabel } from '../ActionLabel';\n\nconst ToolbarItem = ({\n  iconSize,\n  action,\n  onAction,\n}: Pick<ToolbarProps, 'iconSize' | 'onAction'> & {\n  action: MenuAction;\n}) => {\n  const handleClick = useCallback(() => {\n    onAction?.(action);\n  }, [action, onAction]);\n  const { icon, iconOnly = true, disabled, testId } = action.properties;\n  return (\n    <NaturalToolbar.IconButton\n      key={action.id}\n      iconOnly={iconOnly}\n      variant='ghost'\n      icon={icon}\n      size={iconSize}\n      label={<ActionLabel action={action} />}\n      disabled={disabled}\n      onClick={handleClick}\n      {...(testId && { 'data-testid': testId })}\n    />\n  );\n};\n\nexport const Toolbar = ({ actions: items, onAction, iconSize = 5, graph, ...props }: ToolbarProps) => {\n  return (\n    <NaturalToolbar.Root {...props}>\n      {items?.map((item, i) =>\n        isSeparator(item) ? (\n          <NaturalToolbar.Separator key={i} variant={item.properties.variant} />\n        ) : isMenu(item) ? (\n          item.properties.variant === 'dropdownMenu' ? (\n            <ToolbarDropdownMenu\n              key={item.id}\n              actionGroup={item}\n              onAction={onAction}\n              iconSize={iconSize}\n              graph={graph}\n            />\n          ) : (\n            <ToolbarToggleGroup\n              key={item.id}\n              actionGroup={item}\n              onAction={onAction}\n              iconSize={iconSize}\n              graph={graph}\n            />\n          )\n        ) : (\n          <ToolbarItem key={item.id} action={item as MenuAction} onAction={onAction} iconSize={iconSize} />\n        ),\n      )}\n    </NaturalToolbar.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo, useRef } from 'react';\n\nimport { Toolbar as NaturalToolbar } from '@dxos/react-ui';\n\nimport { type ToolbarActionGroupProps } from './defs';\nimport { type MenuAction } from '../../defs';\nimport { ActionLabel } from '../ActionLabel';\nimport { DropdownMenu } from '../DropdownMenu';\n\nexport const ToolbarDropdownMenu = ({ actionGroup, graph, onAction, applyActiveIcon }: ToolbarActionGroupProps) => {\n  const menuActions = useMemo(() => (graph ? graph.actions(actionGroup) : []) as MenuAction[], [actionGroup, graph]);\n  const { icon, iconOnly = true, disabled, testId } = actionGroup.properties;\n  const suppressNextTooltip = useRef(false);\n\n  return (\n    <DropdownMenu.Root actions={menuActions} onAction={onAction} suppressNextTooltip={suppressNextTooltip}>\n      <DropdownMenu.Trigger asChild>\n        <NaturalToolbar.IconButton\n          size={5}\n          variant='ghost'\n          iconOnly={iconOnly}\n          disabled={disabled}\n          icon={(applyActiveIcon && menuActions.find((action) => !!action.properties.checked)?.properties.icon) || icon}\n          label={<ActionLabel action={actionGroup} />}\n          {...(testId && { 'data-testid': testId })}\n          suppressNextTooltip={suppressNextTooltip}\n          caretDown\n        />\n      </DropdownMenu.Trigger>\n    </DropdownMenu.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { Toolbar as NaturalToolbar } from '@dxos/react-ui';\n\nimport type { ToolbarActionGroupProps } from './defs';\nimport { type MenuAction } from '../../defs';\nimport { ActionLabel } from '../ActionLabel';\n\nconst ToolbarToggleGroupItem = ({ action }: { action: MenuAction }) => {\n  const { icon, iconOnly, disabled } = action.properties;\n  return (\n    <NaturalToolbar.ToggleGroupIconItem\n      key={action.id}\n      value={action.id}\n      icon={icon}\n      iconOnly={iconOnly}\n      disabled={disabled}\n      label={<ActionLabel action={action} />}\n    />\n  );\n};\n\nexport const ToolbarToggleGroup = ({ actionGroup, graph }: ToolbarActionGroupProps) => {\n  const menuActions = useMemo(() => (graph ? (graph.actions(actionGroup) as MenuAction[]) : []), [actionGroup, graph]);\n  const { selectCardinality, value } = actionGroup.properties;\n  return (\n    // TODO(thure): This is extremely difficult to manage, what do?\n    // @ts-ignore\n    <NaturalToolbar.ToggleGroup type={selectCardinality} value={value}>\n      {menuActions.map((action) => (\n        <ToolbarToggleGroupItem key={action.id} action={action} />\n      ))}\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Node, type ActionGroup, type Graph, ACTION_GROUP_TYPE } from '@dxos/app-graph';\nimport { type ToolbarRootProps, type ToolbarSeparatorProps, type IconButtonProps } from '@dxos/react-ui';\n\nimport { type MenuAction, type MenuActionProperties, type MenuProps } from '../../defs';\n\nexport const ToolbarSeparatorType = '@dxos/react-ui-toolbar/separator' as const;\n\nexport type ToolbarSeparatorNode = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {\n  type: typeof ToolbarSeparatorType;\n};\n\nexport const isSeparator = (node: Node): node is ToolbarSeparatorNode => node.type === ToolbarSeparatorType;\n\nexport type ToolbarActionGroupProperties = Omit<MenuActionProperties, 'variant'> & {\n  variant: 'dropdownMenu' | 'toggleGroup';\n} & ({ selectCardinality?: 'single'; value?: string } | { selectCardinality?: 'multiple'; value?: string[] });\n\nexport type ToolbarActionGroup = ActionGroup<ToolbarActionGroupProperties>;\n\nexport const isMenu = (node: Node): node is ToolbarActionGroup => node.type === ACTION_GROUP_TYPE;\n\nexport type ToolbarItem = ToolbarSeparatorNode | MenuAction | ToolbarActionGroup;\n\nexport type ToolbarProps = ToolbarRootProps &\n  MenuProps<ToolbarItem, MenuAction> & { iconSize?: IconButtonProps['size']; graph?: Graph };\n\nexport type ToolbarActionGroupProps = Pick<ToolbarProps, 'iconSize'> &\n  Omit<MenuProps<MenuAction>, 'actions'> & {\n    actionGroup: ToolbarActionGroup;\n    graph?: Graph;\n    applyActiveIcon?: boolean;\n  };\n"],
+  "mappings": "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",
+  "names": ["useControllableState", "React", "useCallback", "DropdownMenu", "NaturalDropdownMenu", "Icon", "React", "keySymbols", "toLocalizedString", "useTranslation", "mx", "descriptionText", "translationKey", "getHostPlatform", "getShortcut", "action", "properties", "keyBinding", "getHostPlatform", "ActionLabel", "action", "shortcut", "getShortcut", "t", "useTranslation", "translationKey", "span", "className", "toLocalizedString", "properties", "label", "mx", "descriptionText", "keySymbols", "join", "DropdownMenuItem", "action", "onClick", "handleClick", "useCallback", "event", "React", "NaturalDropdownMenu", "Item", "classNames", "disabled", "properties", "testId", "icon", "Icon", "size", "ActionLabel", "DropdownMenuRoot", "defaultMenuOpen", "actions", "menuOpen", "suppressNextTooltip", "onMenuOpenChange", "onAction", "children", "optionsMenuOpen", "setOptionsMenuOpen", "useControllableState", "prop", "defaultProp", "onChange", "handleActionClick", "stopPropagation", "current", "Root", "open", "onOpenChange", "nextOpen", "Portal", "Content", "Viewport", "map", "key", "id", "Arrow", "DropdownMenu", "Trigger", "VirtualTrigger", "React", "useCallback", "Toolbar", "NaturalToolbar", "React", "useMemo", "useRef", "Toolbar", "NaturalToolbar", "ToolbarDropdownMenu", "actionGroup", "graph", "onAction", "applyActiveIcon", "menuActions", "useMemo", "actions", "icon", "iconOnly", "disabled", "testId", "properties", "suppressNextTooltip", "useRef", "React", "DropdownMenu", "Root", "Trigger", "asChild", "NaturalToolbar", "IconButton", "size", "variant", "find", "action", "checked", "label", "ActionLabel", "caretDown", "React", "useMemo", "Toolbar", "NaturalToolbar", "ToolbarToggleGroupItem", "action", "icon", "iconOnly", "disabled", "properties", "React", "NaturalToolbar", "ToggleGroupIconItem", "key", "id", "value", "label", "ActionLabel", "ToolbarToggleGroup", "actionGroup", "graph", "menuActions", "useMemo", "actions", "selectCardinality", "ToggleGroup", "type", "map", "ACTION_GROUP_TYPE", "ToolbarSeparatorType", "isSeparator", "node", "type", "isMenu", "ACTION_GROUP_TYPE", "ToolbarItem", "iconSize", "action", "onAction", "handleClick", "useCallback", "icon", "iconOnly", "disabled", "testId", "properties", "React", "NaturalToolbar", "IconButton", "key", "id", "variant", "size", "label", "ActionLabel", "onClick", "Toolbar", "actions", "items", "graph", "props", "Root", "map", "item", "i", "isSeparator", "Separator", "isMenu", "ToolbarDropdownMenu", "actionGroup", "ToolbarToggleGroup"]
+}

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":1578,"imports":[{"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/DropdownMenu.tsx":{"bytes":9986,"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"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/Toolbar/ToolbarDropdownMenu.tsx":{"bytes":5223,"imports":[{"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/DropdownMenu.tsx","kind":"import-statement","original":"../DropdownMenu"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/Toolbar/ToolbarToggleGroup.tsx":{"bytes":4731,"imports":[{"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"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/Toolbar/defs.ts":{"bytes":3030,"imports":[{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-menu/src/components/Toolbar/Toolbar.tsx":{"bytes":7348,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-menu/src/components/Toolbar/ToolbarDropdownMenu.tsx","kind":"import-statement","original":"./ToolbarDropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/Toolbar/ToolbarToggleGroup.tsx","kind":"import-statement","original":"./ToolbarToggleGroup"},{"path":"packages/ui/react-ui-menu/src/components/Toolbar/defs.ts","kind":"import-statement","original":"./defs"},{"path":"packages/ui/react-ui-menu/src/components/ActionLabel.tsx","kind":"import-statement","original":"../ActionLabel"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/Toolbar/index.ts":{"bytes":595,"imports":[{"path":"packages/ui/react-ui-menu/src/components/Toolbar/Toolbar.tsx","kind":"import-statement","original":"./Toolbar"},{"path":"packages/ui/react-ui-menu/src/components/Toolbar/defs.ts","kind":"import-statement","original":"./defs"}],"format":"esm"},"packages/ui/react-ui-menu/src/components/index.ts":{"bytes":607,"imports":[{"path":"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx","kind":"import-statement","original":"./DropdownMenu"},{"path":"packages/ui/react-ui-menu/src/components/Toolbar/index.ts","kind":"import-statement","original":"./Toolbar"}],"format":"esm"},"packages/ui/react-ui-menu/src/defs.ts":{"bytes":1144,"imports":[],"format":"esm"},"packages/ui/react-ui-menu/src/index.ts":{"bytes":583,"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"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-menu/dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":18405},"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/util","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/react-ui","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/app-graph","kind":"import-statement","external":true}],"exports":["DropdownMenu","Toolbar","ToolbarSeparatorType","isMenu","isSeparator"],"entryPoint":"packages/ui/react-ui-menu/src/index.ts","inputs":{"packages/ui/react-ui-menu/src/components/DropdownMenu.tsx":{"bytesInOutput":2296},"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":225},"packages/ui/react-ui-menu/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/components/Toolbar/Toolbar.tsx":{"bytesInOutput":1503},"packages/ui/react-ui-menu/src/components/Toolbar/ToolbarDropdownMenu.tsx":{"bytesInOutput":1096},"packages/ui/react-ui-menu/src/components/Toolbar/ToolbarToggleGroup.tsx":{"bytesInOutput":1069},"packages/ui/react-ui-menu/src/components/Toolbar/defs.ts":{"bytesInOutput":236},"packages/ui/react-ui-menu/src/components/Toolbar/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-menu/src/index.ts":{"bytesInOutput":0}},"bytes":8106}}}

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,19 @@
+import React, { type MutableRefObject, type PropsWithChildren } from 'react';
+import { type MenuProps } from '../defs';
+export type DropdownMenuProps = MenuProps & PropsWithChildren<Partial<{
+    defaultMenuOpen: boolean;
+    menuOpen: boolean;
+    onMenuOpenChange: (nextOpen: boolean) => void;
+    suppressNextTooltip?: MutableRefObject<boolean>;
+}>>;
+export declare const DropdownMenu: {
+    Root: ({ defaultMenuOpen, actions, menuOpen, suppressNextTooltip, onMenuOpenChange, onAction, children, }: 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,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAK3G,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GACvC,iBAAiB,CACf,OAAO,CAAC;IACN,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,mBAAmB,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CACjD,CAAC,CACH,CAAC;AA+EJ,eAAO,MAAM,YAAY;+GAhDtB,iBAAiB;;;;;YAqDmgC,MAAO,GAAG,CAAC,OAAO;;;CADxiC,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ToolbarProps } from './defs';
+export declare const Toolbar: ({ actions: items, onAction, iconSize, graph, ...props }: ToolbarProps) => React.JSX.Element;
+//# sourceMappingURL=Toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAM3C,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AA8BhE,eAAO,MAAM,OAAO,4DAAiE,YAAY,sBA8BhG,CAAC"}

package/dist/types/src/components/Toolbar/ToolbarDropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ToolbarActionGroupProps } from './defs';
+export declare const ToolbarDropdownMenu: ({ actionGroup, graph, onAction, applyActiveIcon }: ToolbarActionGroupProps) => React.JSX.Element;
+//# sourceMappingURL=ToolbarDropdownMenu.d.ts.map

package/dist/types/src/components/Toolbar/ToolbarDropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/ToolbarDropdownMenu.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAKtD,eAAO,MAAM,mBAAmB,sDAAuD,uBAAuB,sBAsB7G,CAAC"}

package/dist/types/src/components/Toolbar/ToolbarToggleGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ToolbarActionGroupProps } from './defs';
+export declare const ToolbarToggleGroup: ({ actionGroup, graph }: ToolbarActionGroupProps) => React.JSX.Element;
+//# sourceMappingURL=ToolbarToggleGroup.d.ts.map

package/dist/types/src/components/Toolbar/ToolbarToggleGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,QAAQ,CAAC;AAkBtD,eAAO,MAAM,kBAAkB,2BAA4B,uBAAuB,sBAYjF,CAAC"}

package/dist/types/src/components/Toolbar/defs.d.ts

@@ -0,0 +1,30 @@
+import { type Node, type ActionGroup, type Graph } from '@dxos/app-graph';
+import { type ToolbarRootProps, type ToolbarSeparatorProps, type IconButtonProps } from '@dxos/react-ui';
+import { type MenuAction, type MenuActionProperties, type MenuProps } from '../../defs';
+export declare const ToolbarSeparatorType: "@dxos/react-ui-toolbar/separator";
+export type ToolbarSeparatorNode = Node<never, Pick<ToolbarSeparatorProps, 'variant'>> & {
+    type: typeof ToolbarSeparatorType;
+};
+export declare const isSeparator: (node: Node) => node is ToolbarSeparatorNode;
+export type ToolbarActionGroupProperties = Omit<MenuActionProperties, 'variant'> & {
+    variant: 'dropdownMenu' | 'toggleGroup';
+} & ({
+    selectCardinality?: 'single';
+    value?: string;
+} | {
+    selectCardinality?: 'multiple';
+    value?: string[];
+});
+export type ToolbarActionGroup = ActionGroup<ToolbarActionGroupProperties>;
+export declare const isMenu: (node: Node) => node is ToolbarActionGroup;
+export type ToolbarItem = ToolbarSeparatorNode | MenuAction | ToolbarActionGroup;
+export type ToolbarProps = ToolbarRootProps & MenuProps<ToolbarItem, MenuAction> & {
+    iconSize?: IconButtonProps['size'];
+    graph?: Graph;
+};
+export type ToolbarActionGroupProps = Pick<ToolbarProps, 'iconSize'> & Omit<MenuProps<MenuAction>, 'actions'> & {
+    actionGroup: ToolbarActionGroup;
+    graph?: Graph;
+    applyActiveIcon?: boolean;
+};
+//# sourceMappingURL=defs.d.ts.map

package/dist/types/src/components/Toolbar/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/defs.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,WAAW,EAAE,KAAK,KAAK,EAAqB,MAAM,iBAAiB,CAAC;AAC7F,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEzG,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAExF,eAAO,MAAM,oBAAoB,EAAG,kCAA2C,CAAC;AAEhF,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,GAAG;IACvF,IAAI,EAAE,OAAO,oBAAoB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,WAAW,SAAU,IAAI,KAAG,IAAI,IAAI,oBAA0D,CAAC;AAE5G,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAG;IACjF,OAAO,EAAE,cAAc,GAAG,aAAa,CAAC;CACzC,GAAG,CAAC;IAAE,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG;IAAE,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC,CAAC;AAE9G,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,4BAA4B,CAAC,CAAC;AAE3E,eAAO,MAAM,MAAM,SAAU,IAAI,KAAG,IAAI,IAAI,kBAAqD,CAAC;AAElG,MAAM,MAAM,WAAW,GAAG,oBAAoB,GAAG,UAAU,GAAG,kBAAkB,CAAC;AAEjF,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,SAAS,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAE7F,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,GAClE,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,GAAG;IACvC,WAAW,EAAE,kBAAkB,CAAC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './Toolbar';
+export * from './defs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAIA,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './DropdownMenu';
+export * from './Toolbar';
+//# 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,WAAW,CAAC"}

package/dist/types/src/defs.d.ts

@@ -0,0 +1,18 @@
+import { type Node, type Action } from '@dxos/app-graph';
+import { type Label } from '@dxos/react-ui';
+export type MenuActionProperties = {
+    label: Label;
+    icon: string;
+    value?: string;
+    disabled?: boolean;
+    iconOnly?: boolean;
+    testId?: string;
+    variant?: 'action' | 'toggle';
+    checked?: boolean;
+};
+export type MenuAction = Action<MenuActionProperties>;
+export type MenuProps<A extends Node = Action<MenuActionProperties>, P extends Node = A> = {
+    actions?: A[];
+    onAction?: (action: P) => void;
+};
+//# sourceMappingURL=defs.d.ts.map

package/dist/types/src/defs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/defs.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAC;AAEtD,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,IAAI,GAAG,MAAM,CAAC,oBAAoB,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,CAAC,IAAI;IACzF,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAC;CAChC,CAAC"}

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

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './defs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC"}

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

@@ -0,0 +1,22 @@
+import '@dxos-theme';
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: ({ actions: items, onAction, iconSize, graph, ...props }: import("../components").ToolbarProps) => React.JSX.Element;
+    decorators: import("@storybook/react/*").Decorator[];
+    parameters: {
+        translations: readonly [{
+            readonly 'en-US': {
+                readonly menus: {};
+            };
+        }];
+    };
+};
+export default _default;
+export declare const DropdownMenu: {
+    render: () => React.JSX.Element;
+};
+export declare const Toolbar: {
+    render: () => React.JSX.Element;
+};
+//# sourceMappingURL=Menus.stories.d.ts.map

package/dist/types/src/testing/Menus.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menus.stories.d.ts","sourceRoot":"","sources":["../../../../src/testing/Menus.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,MAAM,OAAO,CAAC;;;;;;;;;;;;;AAa1B,wBAKE;AAOF,eAAO,MAAM,YAAY;;CAWxB,CAAC;AAEF,eAAO,MAAM,OAAO;;CAUnB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { type Action, Graph, ACTION_TYPE, ACTION_GROUP_TYPE } from '@dxos/app-graph';
+import { type ToolbarItem } from '../components';
+import { type MenuAction } from '../defs';
+export type CreateActionsParams = Partial<{
+    type?: typeof ACTION_TYPE | typeof ACTION_GROUP_TYPE;
+    callback: () => void;
+    count: number;
+}>;
+export declare const createActions: (params?: CreateActionsParams) => import("@dxos/live-object").ReactiveObject<{
+    id: string;
+    type: "dxos.org/type/GraphActionGroup" | "dxos.org/type/GraphAction";
+    data: symbol | (() => void);
+    properties: {
+        variant?: string | undefined;
+        label: string;
+        icon: string;
+        disabled: boolean;
+    };
+}>[];
+export declare const createNestedActionGraph: (groupParams?: CreateActionsParams, params?: CreateActionsParams) => {
+    graph: Graph;
+    topLevelActions: ToolbarItem[];
+};
+export declare const mutateActionsOnInterval: (actions: Action[]) => NodeJS.Timeout;
+export declare const useMutateActions: (actions: MenuAction[]) => void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/testing/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,EAAgB,WAAW,EAAE,iBAAiB,EAAqB,MAAM,iBAAiB,CAAC;AAKtH,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,mBAAmB,GAAG,OAAO,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,WAAW,GAAG,OAAO,iBAAiB,CAAC;IACrD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AAqBH,eAAO,MAAM,aAAa,YAAa,mBAAmB;;;0BAvBxC,IAAI;;;;;;;IAyCrB,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,mBAAmB,WAAW,mBAAmB;;qBAapD,WAAW,EAAE;CAC/D,CAAC;AAEF,eAAO,MAAM,uBAAuB,YAAa,MAAM,EAAE,mBAUxD,CAAC;AAEF,eAAO,MAAM,gBAAgB,YAAa,UAAU,EAAE,SAI9C,CAAC"}

package/dist/types/src/translations.d.ts

@@ -0,0 +1,8 @@
+export declare const translationKey = "menus";
+declare const _default: readonly [{
+    readonly 'en-US': {
+        readonly menus: {};
+    };
+}];
+export default _default;
+//# sourceMappingURL=translations.d.ts.map

package/dist/types/src/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,UAAU,CAAC;;;;;;AAEtC,wBAMW"}

package/dist/types/src/util.d.ts

@@ -0,0 +1,4 @@
+import { type ActionLike } from '@dxos/app-graph';
+export declare const getShortcut: (action: ActionLike) => any;
+export declare const fallbackIcon = "ph--placeholder--regular";
+//# sourceMappingURL=util.d.ts.map

package/dist/types/src/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../src/util.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,eAAO,MAAM,WAAW,WAAY,UAAU,QAI7C,CAAC;AAEF,eAAO,MAAM,YAAY,6BAA6B,CAAC"}

package/dist/types/tsconfig.tsbuildinfo

@@ -0,0 +1 @@
+{"version":"5.7.2"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@dxos/react-ui-menu",
+  "version": "0.7.5-main.937ce75",
+  "description": "Components for facilitating reactive and consistent menus.",
+  "homepage": "https://dxos.org",
+  "bugs": "https://github.com/dxos/dxos/issues",
+  "license": "MIT",
+  "author": "DXOS.org",
+  "sideEffects": true,
+  "exports": {
+    ".": {
+      "types": "./dist/types/src/index.d.ts",
+      "browser": "./dist/lib/browser/index.mjs",
+      "node": "./dist/lib/node-esm/index.mjs"
+    }
+  },
+  "types": "dist/types/src/index.d.ts",
+  "typesVersions": {
+    "*": {}
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "dependencies": {
+    "@radix-ui/react-use-controllable-state": "^1.0.0",
+    "@dxos/keyboard": "0.7.5-main.937ce75",
+    "@dxos/util": "0.7.5-main.937ce75",
+    "@dxos/app-graph": "0.7.5-main.937ce75"
+  },
+  "devDependencies": {
+    "@types/react": "~18.2.0",
+    "@types/react-dom": "~18.2.0",
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "vite": "5.4.7",
+    "@dxos/live-object": "0.7.5-main.937ce75",
+    "@dxos/random": "0.7.5-main.937ce75",
+    "@dxos/react-ui-theme": "0.7.5-main.937ce75",
+    "@dxos/react-ui": "0.7.5-main.937ce75",
+    "@dxos/storybook-utils": "0.7.5-main.937ce75"
+  },
+  "peerDependencies": {
+    "react": "~18.2.0",
+    "react-dom": "~18.2.0",
+    "@dxos/react-ui": "0.7.5-main.937ce75",
+    "@dxos/react-ui-theme": "0.7.5-main.937ce75"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/components/ActionLabel.tsx

@@ -0,0 +1,30 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import React from 'react';
+
+import { type Action, type ActionGroup } from '@dxos/app-graph';
+import { keySymbols } from '@dxos/keyboard';
+import { toLocalizedString, useTranslation } from '@dxos/react-ui';
+import { mx, descriptionText } from '@dxos/react-ui-theme';
+
+import { type MenuActionProperties } from '../defs';
+import { translationKey } from '../translations';
+import { getShortcut } from '../util';
+
+export const ActionLabel = ({
+  action,
+}: {
+  action: Action<MenuActionProperties> | ActionGroup<Omit<MenuActionProperties, 'variant'>>;
+}) => {
+  const shortcut = getShortcut(action);
+  const { t } = useTranslation(translationKey);
+
+  return (
+    <>
+      <span className='grow truncate'>{toLocalizedString(action.properties!.label, t)}</span>
+      {shortcut && <span className={mx('shrink-0', descriptionText)}>{keySymbols(shortcut).join('')}</span>}
+    </>
+  );
+};