Add vertical fan-out directions to ToolbarFanOutItem

[Copilot]

Summary

ToolbarFanOutItem only supported horizontal fan-out (left/right). This change adds vertical fan-out support (up/down) and updates styling/docs/examples so the new directions are usable and discoverable.

Added

• fanOutDirection support for 'up' | 'down' in ToolbarFanOutItemProps
• Fan-out panel CSS variants for vertical placement/reveal: .toolbar-fanout-panel--up and .toolbar-fanout-panel--down
• Focused spec coverage for default/right and explicit up/down class output
• Storybook example demonstrating downward fan-out in a horizontal toolbar

Changed

• ToolbarFanOutItem direction type from 'right' | 'left' to 'right' | 'left' | 'up' | 'down'
• Toolbar fan-out docs to include vertical direction usage examples

<ToolbarFanOutItem icon='pi pi-th-large' tooltip='Shapes' fanOutDirection='up'>
    ...
</ToolbarFanOutItem>

<ToolbarFanOutItem icon='pi pi-th-large' tooltip='Shapes' fanOutDirection='down'>
    ...
</ToolbarFanOutItem>

• UI reference: https://github.com/user-attachments/assets/be23b5a2-5b71-47d9-9740-2da2489c7c87

Fixed

• Missing support for vertical fan-out direction in ToolbarFanOutItem

Removed

• None.

Security

• None.

Deprecated

• None.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• storybook.js.org
  • Triggering command: /opt/hostedtoolcache/node/24.15.0/x64/bin/node /opt/hostedtoolcache/node/24.15.0/x64/bin/node /home/REDACTED/work/Components/Components/node_modules/storybook/dist/bin/dispatcher.js dev -p 6006 --host 0.0.0.0 --port 6006 (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)