@ceed/ads 1.35.1 → 1.37.0-next.1

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 />}
@@ -229,7 +233,7 @@ function EditorToolbar({ onAction }) {
 | ---------------------- | ---------------------------------------------------------------------- | ----------- | -------------------------------------------- |
 | `icon`                 | `ReactNode`                                                            | (required)  | Icon element to render in the trigger button |
 | `items`                | `{ text: string; component?: ElementType; componentProps?: object }[]` | -           | Menu items                                   |
-| `size`                 | `'sm' \| 'md' \| 'lg'`                                                 | `'md'`      | Button size                                  |
+| `size`                 | `'sm' \| 'md' \| 'lg'`                                                 | `'sm'`      | Button size                                  |
 | `color`                | `'primary' \| 'neutral' \| 'danger' \| 'success' \| 'warning'`         | `'neutral'` | Button color                                 |
 | `variant`              | `'solid' \| 'soft' \| 'outlined' \| 'plain'`                           | `'plain'`   | Button visual style                          |
 | `disabled`             | `boolean`                                                              | `false`     | Disables the button                          |
@@ -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.