sy-ui-lib 1.0.8 → 1.0.10

package/dist/components/Menu/Menu.component.d.ts

@@ -7,15 +7,31 @@ import { MenuProps } from './Menu.types';
  *
  * @param {MenuItemProps[]} items - Array of menu items to render.
  * @param {LastItemsProps} [lastItem] - Optional last item with text, icon, and click handler.
+ * @param {"default" | "action"} [variant="default"] - Controls menu width and item layout.
  *
- * Example usage:
+ * @example:
  * <Menu
+ *  variant="default"
  *   items={[
  *     { text: "Profile", onClick: () => {} },
  *     { text: "Settings", onClick: () => {} },
  *   ]}
  *   lastItem={{ text: "Logout", iconName: "logout", onClick: () => console.log("Logout clicked") }}
  * />
+ *
+ * @example:
+ * <Menu
+ *   variant="action"
+ *   items={[
+ *     { text: "Profile", onClick: () => {}, iconName="delete" },
+ *     { text: "Settings", onClick: () => {}, iconName="delete" },
+ *   ]}
+ *   lastItem={{
+ *     text: "Logout",
+ *     iconName: "logout",
+ *     onClick: () => console.log("Logout clicked")
+ *   }}
+ * />
  */
 declare const Menu: React.FC<MenuProps>;
 export default Menu;

package/dist/components/Menu/Menu.stories.d.ts

@@ -5,3 +5,4 @@ export default meta;
 type Story = StoryObj<typeof Menu>;
 export declare const Default: Story;
 export declare const WithoutLastItem: Story;
+export declare const Action: Story;

package/dist/components/Menu/Menu.types.d.ts

@@ -1,10 +1,16 @@
 import { IconName } from '../Icon';
+/** Supported variants for the Menu component */
+export type MenuVariant = "default" | "action";
 /**  Props for each individual menu item*/
 export interface MenuItemProps {
     /** Text label to display in the menu item*/
     text: string;
     /** Function called when this menu item is clicked*/
     onClick: () => void;
+    /** Optional icon displayed on the menu. */
+    iconName?: IconName;
+    /** Controls the layout and behavior of the menuItem */
+    variant?: MenuVariant;
 }
 /** Props for the "last item" in the menu (like a logout button)*/
 export interface LastItemsProps {
@@ -21,4 +27,6 @@ export interface MenuProps {
     items: MenuItemProps[];
     /** Optional last item (e.g., logout) at the bottom of the menu*/
     lastItem?: LastItemsProps;
+    /** Controls the layout and behavior of the menu */
+    variant?: MenuVariant;
 }