@moderneinc/neo-styled-components 5.0.0-next.b8e05c → 5.0.0-next.c9e7b7

package/dist/GeneralAvatar/GeneralAvatar.d.ts

@@ -7,12 +7,6 @@ export interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
      * @figma Size
      */
     size?: AvatarSize;
-    /**
-     * Color index for initials background (1-7). Use 0 or omit for image mode.
-     * @default 0
-     * @figma Color Index
-     */
-    colorIndex?: number;
 }
 /**
  * NeoGeneralAvatar - Avatar with image or colored initials display
@@ -20,7 +14,7 @@ export interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=9600-185
  */
 export declare const NeoGeneralAvatar: {
-    ({ size, colorIndex, children, ...props }: NeoGeneralAvatarProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, alt, children, ...props }: NeoGeneralAvatarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/MenuItem/MenuItem.d.ts

@@ -1,6 +1,6 @@
-import { type MenuItemProps } from '@mui/material/MenuItem';
-import type { ReactNode } from 'react';
-export interface NeoMenuItemProps extends MenuItemProps {
+import MenuItem from '@mui/material/MenuItem';
+import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+type NeoMenuItemOwnProps = {
     /**
      * Optional icon to display on the left side
      * Note: Cannot be directly mapped from Figma (ReactNode)
@@ -18,12 +18,22 @@ export interface NeoMenuItemProps extends MenuItemProps {
      * Note: Cannot be directly mapped from Figma (ReactNode/string)
      */
     secondaryText?: string;
+    /**
+     * URL to navigate to. When provided, the menu item renders as an anchor
+     * element (via MUI ButtonBase) so users can middle-click or right-click
+     * to open in a new tab. For client-side routing, also pass
+     * `component={NextLink}` (or your router's link component).
+     */
+    href?: string;
     /**
      * Menu item content (text label)
      * @figma children mapped from Figma layer content
      */
     children?: ReactNode;
-}
+};
+export type NeoMenuItemProps<C extends ElementType = typeof MenuItem> = NeoMenuItemOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoMenuItemOwnProps> & {
+    component?: C;
+};
 /**
  * NeoMenuItem - Menu item component based on MUI MenuItem
  *
@@ -42,9 +52,21 @@ export interface NeoMenuItemProps extends MenuItemProps {
  *
  * // Disabled state
  * <NeoMenuItem disabled>Disabled item</NeoMenuItem>
+ *
+ * // As an anchor — middle-click/right-click open in a new tab
+ * <NeoMenuItem href="/api-explorer">API explorer</NeoMenuItem>
+ *
+ * // External link
+ * <NeoMenuItem href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
+ *   Documentation
+ * </NeoMenuItem>
+ *
+ * // Client-side routing (Next.js)
+ * <NeoMenuItem component={NextLink} href="/api-explorer">API explorer</NeoMenuItem>
  * ```
  */
-export declare const NeoMenuItem: {
-    ({ icon, shortcut, secondaryText, children, ...props }: NeoMenuItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare function NeoMenuItem<C extends ElementType = typeof MenuItem>({ icon, shortcut, secondaryText, children, ...rest }: NeoMenuItemProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare namespace NeoMenuItem {
+    var displayName: string;
+}
+export {};

package/dist/NavigationAvatar/NavigationAvatar.d.ts

@@ -10,6 +10,6 @@ export interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 's
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
  */
 export declare const NeoNavigationAvatar: {
-    ({ colorIndex, children, ...props }: NeoNavigationAvatarProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, ...props }: NeoNavigationAvatarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/NeoAvatarCell/NeoAvatarCell.d.ts

@@ -5,14 +5,12 @@ type NeoAvatarCellEmpty = NeoAvatarCellBase & {
     empty: true;
     name?: never;
     src?: never;
-    colorIndex?: never;
     label?: never;
 };
 type NeoAvatarCellContent = NeoAvatarCellBase & {
     empty?: false;
     name?: string;
     src?: string;
-    colorIndex?: number;
     label?: string;
 };
 export type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
@@ -21,7 +19,7 @@ export type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=13425-1725
  */
 export declare const NeoAvatarCell: {
-    ({ name, src, colorIndex, label, disabled, empty, }: NeoAvatarCellProps): import("react/jsx-runtime").JSX.Element;
+    ({ name, src, label, disabled, empty, }: NeoAvatarCellProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentType, ComponentPropsWithoutRef } from 'react';
+import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentPropsWithoutRef, ComponentType } from 'react';
 import { GridDensity, GridRenderCellParams, GridFilterPanel, ToolbarProps } from '@mui/x-data-grid';
 import Chip, { ChipProps } from '@mui/material/Chip';
 import { AlertProps } from '@mui/material/Alert';
@@ -19,7 +19,7 @@ import { PaperProps } from '@mui/material/Paper';
 import { AvatarProps } from '@mui/material/Avatar';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { MenuProps } from '@mui/material/Menu';
-import { MenuItemProps } from '@mui/material/MenuItem';
+import MenuItem from '@mui/material/MenuItem';
 import { DialogProps } from '@mui/material/Dialog';
 import { BoxProps } from '@mui/material/Box';
 import { LinearProgressProps } from '@mui/material/LinearProgress';
@@ -1072,14 +1072,12 @@ type NeoAvatarCellEmpty = NeoAvatarCellBase & {
     empty: true;
     name?: never;
     src?: never;
-    colorIndex?: never;
     label?: never;
 };
 type NeoAvatarCellContent = NeoAvatarCellBase & {
     empty?: false;
     name?: string;
     src?: string;
-    colorIndex?: number;
     label?: string;
 };
 type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
@@ -1088,7 +1086,7 @@ type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=13425-1725
  */
 declare const NeoAvatarCell: {
-    ({ name, src, colorIndex, label, disabled, empty, }: NeoAvatarCellProps): react_jsx_runtime.JSX.Element;
+    ({ name, src, label, disabled, empty, }: NeoAvatarCellProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1213,7 +1211,7 @@ declare namespace NeoDataGridFiltersButton {
     var displayName: string;
 }
 
-interface NeoMenuItemProps extends MenuItemProps {
+type NeoMenuItemOwnProps = {
     /**
      * Optional icon to display on the left side
      * Note: Cannot be directly mapped from Figma (ReactNode)
@@ -1231,12 +1229,22 @@ interface NeoMenuItemProps extends MenuItemProps {
      * Note: Cannot be directly mapped from Figma (ReactNode/string)
      */
     secondaryText?: string;
+    /**
+     * URL to navigate to. When provided, the menu item renders as an anchor
+     * element (via MUI ButtonBase) so users can middle-click or right-click
+     * to open in a new tab. For client-side routing, also pass
+     * `component={NextLink}` (or your router's link component).
+     */
+    href?: string;
     /**
      * Menu item content (text label)
      * @figma children mapped from Figma layer content
      */
     children?: ReactNode;
-}
+};
+type NeoMenuItemProps<C extends ElementType = typeof MenuItem> = NeoMenuItemOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoMenuItemOwnProps> & {
+    component?: C;
+};
 /**
  * NeoMenuItem - Menu item component based on MUI MenuItem
  *
@@ -1255,12 +1263,23 @@ interface NeoMenuItemProps extends MenuItemProps {
  *
  * // Disabled state
  * <NeoMenuItem disabled>Disabled item</NeoMenuItem>
+ *
+ * // As an anchor — middle-click/right-click open in a new tab
+ * <NeoMenuItem href="/api-explorer">API explorer</NeoMenuItem>
+ *
+ * // External link
+ * <NeoMenuItem href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
+ *   Documentation
+ * </NeoMenuItem>
+ *
+ * // Client-side routing (Next.js)
+ * <NeoMenuItem component={NextLink} href="/api-explorer">API explorer</NeoMenuItem>
  * ```
  */
-declare const NeoMenuItem: {
-    ({ icon, shortcut, secondaryText, children, ...props }: NeoMenuItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+declare function NeoMenuItem<C extends ElementType = typeof MenuItem>({ icon, shortcut, secondaryText, children, ...rest }: NeoMenuItemProps<C>): react_jsx_runtime.JSX.Element;
+declare namespace NeoMenuItem {
+    var displayName: string;
+}
 
 type NeoSelectProps = SelectProps;
 /**
@@ -1502,12 +1521,6 @@ interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
      * @figma Size
      */
     size?: AvatarSize;
-    /**
-     * Color index for initials background (1-7). Use 0 or omit for image mode.
-     * @default 0
-     * @figma Color Index
-     */
-    colorIndex?: number;
 }
 /**
  * NeoGeneralAvatar - Avatar with image or colored initials display
@@ -1515,7 +1528,7 @@ interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=9600-185
  */
 declare const NeoGeneralAvatar: {
-    ({ size, colorIndex, children, ...props }: NeoGeneralAvatarProps): react_jsx_runtime.JSX.Element;
+    ({ size, alt, children, ...props }: NeoGeneralAvatarProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1848,7 +1861,7 @@ interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 'size'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
  */
 declare const NeoNavigationAvatar: {
-    ({ colorIndex, children, ...props }: NeoNavigationAvatarProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: NeoNavigationAvatarProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };