@ceed/ads 1.35.1 → 1.36.0

package/dist/components/navigation/IconMenuButton.md

@@ -202,8 +202,12 @@ function ProductCard({ product, onAction }) {
 function EditorToolbar({ onAction }) {
   return (
     <Stack direction="row" gap={1} alignItems="center">
-      <IconButton onClick={() => onAction('bold')}><FormatBoldIcon /></IconButton>
-      <IconButton onClick={() => onAction('italic')}><FormatItalicIcon /></IconButton>
+      <IconButton onClick={() => onAction('bold')}>
+        <FormatBoldIcon />
+      </IconButton>
+      <IconButton onClick={() => onAction('italic')}>
+        <FormatItalicIcon />
+      </IconButton>
       <Divider orientation="vertical" />
       <IconMenuButton
         icon={<MoreHorizIcon />}
@@ -243,15 +247,19 @@ function EditorToolbar({ onAction }) {
 - **Always provide `aria-label`.** Since IconMenuButton has no visible text, screen readers rely entirely on the `aria-label` to announce the button's purpose. Include context when possible.
 
   ```tsx
-  {/* ✅ Good: Descriptive, contextual label */}
+  {
+    /* ✅ Good: Descriptive, contextual label */
+  }
   <IconMenuButton
     icon={<MoreVertIcon />}
     buttonComponentProps={{ 'aria-label': `Actions for ${item.name}` }}
     items={items}
-  />
+  />;
 
-  {/* ❌ Bad: No accessible name */}
-  <IconMenuButton icon={<MoreVertIcon />} items={items} />
+  {
+    /* ❌ Bad: No accessible name */
+  }
+  <IconMenuButton icon={<MoreVertIcon />} items={items} />;
   ```
 
 - **Use familiar icons.** Stick to universally recognized menu icons like MoreVert or MoreHoriz. Unfamiliar icons confuse users about what will happen when they click.