@moderneinc/neo-styled-components 5.0.0-next.bd2a49 → 5.0.0-next.cd1d8d

package/dist/Alert/Alert.d.ts

@@ -2,6 +2,7 @@ import { type AlertProps } from '@mui/material/Alert';
 import type { ReactNode } from 'react';
 type Intent = 'success' | 'error' | 'warning' | 'offline' | 'info';
 type AlertType = 'outlined' | 'filled';
+type AlertSize = 'default' | 'compact';
 export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color'> {
     /**
      * The intent/purpose of the alert
@@ -15,6 +16,13 @@ export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' |
      * @figma Type
      */
     type?: AlertType;
+    /**
+     * Vertical density. `default` is page-level (64px fixed height,
+     * supports title + description). `compact` is inline-panel use
+     * (auto height, 40px min, single-line optimized for terse messages).
+     * @default "default"
+     */
+    size?: AlertSize;
     /**
      * The title text displayed in the alert
      */
@@ -31,6 +39,12 @@ export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' |
      * Optional action element (typically a button) displayed on the right
      */
     action?: ReactNode;
+    /**
+     * Optional content rendered below the title inside the alert container.
+     * Use for rich content like stack traces or code blocks. When present,
+     * the alert expands to auto height and top-aligns its icon and action.
+     */
+    children?: ReactNode;
 }
 /**
  * NeoAlert - Alert component for displaying contextual status messages
@@ -44,7 +58,7 @@ export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' |
  * - Show Button → action prop presence
  */
 export declare const NeoAlert: {
-    ({ intent, type, title, description, icon, action, ...props }: NeoAlertProps): import("react/jsx-runtime").JSX.Element;
+    ({ intent, type, size, title, description, icon, action, children, ...props }: NeoAlertProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/Badge/Badge.d.ts

@@ -1,10 +1,23 @@
 import { type ChipProps } from '@mui/material/Chip';
+type BadgeSize = 'small' | 'medium';
+type BadgeVariant = 'filled' | 'outlined';
 export interface NeoBadgeProps extends Omit<ChipProps, 'variant' | 'size'> {
     /**
-     * The color/state of the badge
+     * The color/state of the badge. Ignored when `variant="outlined"`.
      * @default "default"
      */
     color?: 'default' | 'error' | 'warning' | 'success' | 'info';
+    /**
+     * Visual density of the badge. `small` is 20px tall, `medium` is 24px tall.
+     * @default "medium"
+     */
+    size?: BadgeSize;
+    /**
+     * Visual treatment. `filled` uses a per-color tinted background;
+     * `outlined` uses a transparent background with a neutral secondary border.
+     * @default "filled"
+     */
+    variant?: BadgeVariant;
 }
 /**
  * NeoBadge - Status badge component based on MUI Chip
@@ -18,6 +31,7 @@ export interface NeoBadgeProps extends Omit<ChipProps, 'variant' | 'size'> {
  * - Label → label prop
  */
 export declare const NeoBadge: {
-    (props: NeoBadgeProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, variant, ...props }: NeoBadgeProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export {};

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -3,16 +3,6 @@ import type { ElementType, ReactNode } from 'react';
 /**
  * NeoBreadcrumbs - Navigation breadcrumb component
  *
- * Figma Mapping:
- * - Base component uses MuiBreadcrumbs with custom styled Links
- * - Uses chevron separator (ChevronRight from lucide-react)
- * - Typography: 14px Medium (500 weight)
- * - Colors:
- *   - Non-current: semanticColors.typography.bodySecondary (#6b7280)
- *   - Current: semanticColors.buttons.primary.default (#2f42ff)
- *   - Hover: semanticColors.icons.hover (#1f2937) or buttons.tertiary.hover (#1e2ec2)
- * - Focus: 2px outline with buttons.primary.focus
- *
  * @see https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4563-122872
  */
 export interface NeoBreadcrumbsProps {

package/dist/CanceledIcon/CanceledIcon.d.ts

@@ -0,0 +1,11 @@
+import { type SvgIconProps } from '@mui/material/SvgIcon';
+/**
+ * NeoCanceledIcon - Outlined circle struck through by a horizontal line.
+ *
+ * Marks a CANCELED state. Color comes entirely from `currentColor` (stroke plus
+ * a 10% fill tint); set it via the `color`/`sx` prop or a parent.
+ */
+export declare const NeoCanceledIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Checkbox/Checkbox.d.ts

@@ -1,11 +1,12 @@
 import { type CheckboxProps } from '@mui/material/Checkbox';
 import type { ReactNode } from 'react';
 /**
- * Custom checkbox icons matching Figma design
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11487-81
+ * NeoCheckbox uses Lucide icons (square / square-check / square-minus): a rounded
+ * outline drawn in `currentColor`, with the check/minus mark sharing that stroke —
+ * so a single per-state `color` (set in StyledCheckbox) drives every variant.
  *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11487-81
  * Checkbox sizes: xs=12x12, small=16x16, medium=20x20
- * Check/minus paths scaled from Untitled UI (originally 24x24)
  */
 type CheckboxSize = 'xs' | 'small' | 'medium';
 declare module '@mui/material/Checkbox' {
@@ -15,7 +16,7 @@ declare module '@mui/material/Checkbox' {
         medium: true;
     }
 }
-declare const StyledCheckbox: import("@emotion/styled").StyledComponent<CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+declare const StyledCheckbox: import("@emotion/styled").StyledComponent<CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: CheckboxSize;
     disabled?: boolean;
 }, {}, {}>;

package/dist/DataGrid/DataGrid.d.ts

@@ -38,7 +38,7 @@ export interface NeoDataGridProps extends Omit<DataGridProProps, 'slots'> {
  * - `size` → Row heights (compact: 42px, standard: 48px, comfortable: 56px) and header heights (compact: 38px, standard: 44px, comfortable: 52px)
  *
  * Design tokens used:
- * - Colors: semanticColors.border.primary, semanticColors.background.*
+ * - Colors: semanticColors.border.primary, semanticColors.surfaces.dataGrid.*
  * - Typography: typography.fontFamily.body, typography.fontSize.sm
  * - Spacing: spacing.spacing_*
  *

package/dist/DataGrid/DataGrid.styles.d.ts

@@ -0,0 +1,3 @@
+import type { SxProps, Theme } from '@mui/material/styles';
+export declare const getDataGridHeaderStyles: () => SxProps<Theme>;
+export declare const getDataGridRowStyles: () => SxProps<Theme>;

package/dist/DataGridCell/DataGridCell.d.ts

@@ -45,22 +45,6 @@ export declare const NeoDataGridCellContent: {
     ({ children, ...props }: NeoDataGridCellContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-/**
- * Utility function to get DataGrid sx styles for consistent cell appearance
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4212-41631
- *
- * Apply this to DataGrid's `sx` prop to ensure cells are properly aligned and styled.
- *
- * @param size - Row size variant (affects row height)
- * @returns SxProps for DataGrid
- *
- * @example
- * <DataGrid
- *   rows={rows}
- *   columns={columns}
- * />
- */
 /**
  * Row height configuration for DataGrid size variants (from Figma specs)
  * - compact: 42px

package/dist/DataGridHeaderCell/DataGridHeaderCell.d.ts

@@ -1,4 +1,3 @@
-import type { SxProps, Theme } from '@mui/material/styles';
 /**
  * Sort icon components for MUI DataGrid slots
  *
@@ -7,39 +6,3 @@ import type { SxProps, Theme } from '@mui/material/styles';
 export declare function SortedDescendingIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function SortedAscendingIcon(): import("react/jsx-runtime").JSX.Element;
 export declare function UnsortedIcon(): import("react/jsx-runtime").JSX.Element;
-/**
- * Utility function to get DataGrid sx styles for header cells
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4212-41618
- *
- * Figma prop mappings:
- * - `size` → `size`: Figma "condensed" → MUI 'compact', Figma "default" → MUI 'standard', Figma "relaxed" → MUI 'comfortable'
- *
- * Design tokens used:
- * - Background: colors.grey[50] (#f9fafb)
- * - Border: semanticColors.border.primary
- * - Padding: 12px vertical, 24px horizontal
- * - Gap: 12px
- *
- *
- * @param size - Header row size variant (affects header cell height)
- * @returns SxProps for DataGrid header cells
- *
- * @example
- * import { getDataGridHeaderStyles, SortedDescendingIcon, SortedAscendingIcon, UnsortedIcon } from './DataGridHeaderCell'
- *
- * <DataGrid
- *   columnHeaderHeight={38} // for compact (Figma: condensed)
- *   sx={{
- *     ...getDataGridHeaderStyles(),
- *   }}
- *   slots={{
- *     columnSortedDescendingIcon: SortedDescendingIcon,
- *     columnSortedAscendingIcon: SortedAscendingIcon,
- *     columnUnsortedIcon: UnsortedIcon,
- *   }}
- *   rows={rows}
- *   columns={columns}
- * />
- */
-export declare const getDataGridHeaderStyles: () => SxProps<Theme>;

package/dist/DatePickerListItem/DatePickerListItem.d.ts

@@ -1,26 +1,6 @@
-import type { ReactNode } from 'react';
 /**
- * Props for the NeoDatePickerListItem component
- */
-export interface NeoDatePickerListItemProps {
-    /**
-     * The content to display inside the component
-     */
-    children?: ReactNode;
-}
-/**
- * NeoDatePickerListItem - TODO: Add component description
+ * NeoDatePickerListItem
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
- *
- * Figma Props Mapping:
- * - TODO: Document Figma property mappings
- * - FigmaProp → reactProp
- *
- * Design Tokens Used:
- * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
  */
-export declare const NeoDatePickerListItem: {
-    ({ children, ...props }: NeoDatePickerListItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NeoDatePickerListItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/DatePickerMenu/DatePickerMenu.d.ts

@@ -1,26 +1,6 @@
-import type { ReactNode } from 'react';
 /**
- * Props for the NeoDatePickerMenu component
- */
-export interface NeoDatePickerMenuProps {
-    /**
-     * The content to display inside the component
-     */
-    children?: ReactNode;
-}
-/**
- * NeoDatePickerMenu - TODO: Add component description
+ * NeoDatePickerMenu
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
- *
- * Figma Props Mapping:
- * - TODO: Document Figma property mappings
- * - FigmaProp → reactProp
- *
- * Design Tokens Used:
- * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
  */
-export declare const NeoDatePickerMenu: {
-    ({ children, ...props }: NeoDatePickerMenuProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const NeoDatePickerMenu: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Dot/Dot.d.ts

@@ -1,8 +1,8 @@
-import { type BadgeProps } from '@mui/material/Badge';
+import type { HTMLAttributes, ReactNode } from 'react';
 type DotSize = 'small' | 'medium' | 'large';
 type DotVariant = 'solid' | 'outline';
 type DotColor = 'success' | 'error' | 'warning' | 'info' | 'neutral';
-export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeContent' | 'children'> {
+export interface NeoDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /**
      * The size of the dot
      * @default "medium"
@@ -18,9 +18,16 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
      * @default "neutral"
      */
     color?: DotColor;
+    /**
+     * Optional icon rendered centered inside the dot. Use to indicate intent within
+     * the dot itself (e.g., a minus icon on a disconnected error dot). SVG children
+     * using `currentColor` inherit a white stroke/fill for contrast against the
+     * colored background, and are scaled to 70% of the dot size.
+     */
+    children?: ReactNode;
 }
 /**
- * NeoDot - Status indicator dot component based on MUI Badge
+ * NeoDot - Status indicator dot.
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
  *
@@ -30,7 +37,7 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */
 export declare const NeoDot: {
-    ({ size, variant, color, ...props }: NeoDotProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, variant, color, children, ...props }: NeoDotProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/FilledStatusIcons/FilledStatusIcons.d.ts

@@ -0,0 +1,41 @@
+import { type SvgIconProps } from '@mui/material/SvgIcon';
+/**
+ * Filled status icons — sourced from the published Figma library components
+ * Filled_Success / Filled_Queued / Filled_Info / Filled_Warning / Filled_Error /
+ * Filled_Neutral / Filled_Canceled.
+ *
+ * Designed at 16px; size via `fontSize` like any MUI `SvgIcon`. Each ships its
+ * intent's status color baked into the silhouette with a white inner glyph — the
+ * fill is fixed, so `color`/`htmlColor` are omitted from the props. There is no
+ * Filled_Active (the open-arc spinner cannot fill). Use below 18px; above that,
+ * prefer the Lucide outline glyph.
+ */
+export type NeoFilledStatusIconProps = Omit<SvgIconProps, 'color' | 'htmlColor'>;
+export declare const NeoFilledSuccess: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledQueued: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledInfo: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledWarning: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledError: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledNeutral: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledCanceled: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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/InputField/InputField.d.ts

@@ -1,6 +1,18 @@
 import { type InputBaseProps } from '@mui/material/InputBase';
 import type { ReactNode } from 'react';
 type InputFieldSize = 'small' | 'medium';
+export type { InputFieldSize as NeoInputFieldSize };
+export declare const StyledFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "error" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    size?: InputFieldSize;
+}, {}, {}>;
+export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    size?: InputFieldSize;
+    infoIcon?: boolean;
+}, {}, {}>;
+export declare const InfoIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("@mui/material").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style" | "margin" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
+    size?: InputFieldSize;
+}, {}, {}>;
 export interface NeoInputFieldProps extends Omit<InputBaseProps, 'size'> {
     /**
      * The size of the input field
@@ -87,4 +99,3 @@ export declare const NeoInputField: {
     ({ size, destructive, label, required, infoIcon, helperText, errorMessage, startIcon, endIcon, disabled, id, ...props }: NeoInputFieldProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export {};

package/dist/ListItemButton/ListItemButton.d.ts

@@ -1,4 +1,5 @@
 import type { ListItemButtonProps } from '@mui/material/ListItemButton';
+type ListItemButtonVariant = 'card' | 'nav';
 /**
  * Props for the NeoListItemButton component
  */
@@ -15,6 +16,15 @@ export interface NeoListItemButtonProps extends ListItemButtonProps {
      * @figma property1="Disabled"
      */
     disabled?: boolean;
+    /**
+     * Visual treatment.
+     * - `card` (default): bordered card-style for settings/radio-list patterns.
+     *   Expects ListItemIcon + ListItemText children for full styling support.
+     * - `nav`: borderless sidebar nav style with subtle hover/selected
+     *   highlights. Renders children inline; works with plain text.
+     * @default 'card'
+     */
+    variant?: ListItemButtonVariant;
 }
 /**
  * NeoListItemButton - Selectable list item with icon and text
@@ -60,6 +70,7 @@ export interface NeoListItemButtonProps extends ListItemButtonProps {
  * - colors.grey[50] (#f9fafb) - Disabled background
  */
 export declare const NeoListItemButton: {
-    ({ children, selected, disabled, ...props }: NeoListItemButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, selected, disabled, variant, ...props }: NeoListItemButtonProps): 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,16 +18,26 @@ 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
  *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-8584
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025-26?node-id=4159-8714
  *
  * @example
  * ```tsx
@@ -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

@@ -4,12 +4,12 @@ export interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 's
 /**
  * NeoNavigationAvatar - Compact avatar for navigation contexts
  *
- * Wraps NeoGeneralAvatar (size="small") in a 44px container with 6px padding,
- * providing a larger interactive area for navigation UI.
+ * Wraps NeoGeneralAvatar (size="small") in a 40px container,
+ * providing an interactive area for navigation UI.
  *
  * @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/NavigationItem/NavigationItem.d.ts

@@ -1,5 +1,6 @@
 import ButtonBase, { type ButtonBaseProps } from '@mui/material/ButtonBase';
 import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+import type { NeoTagOwnProps } from '../Tag/Tag';
 type NeoNavigationItemOwnProps = {
     /**
      * Icon element to display
@@ -16,10 +17,28 @@ type NeoNavigationItemOwnProps = {
      */
     selected?: boolean;
     /**
-     * Optional tag badge content (e.g., count)
+     * Optional tag badge content (e.g., "Beta")
      * @figma Tag
      */
     tag?: string;
+    /**
+     * Hover tooltip shown only when the surrounding NeoSideNav is collapsed
+     * (and the label is therefore hidden).
+     */
+    tooltip?: ReactNode;
+    /**
+     * Slot props for internal sub-components.
+     */
+    slotProps?: {
+        /**
+         * Props forwarded to the NeoTag badge rendered when `tag` is set.
+         * Override `intent`, `variant`, or `size` to change appearance — e.g.
+         * `{ variant: 'outlined', intent: 'default' }` for a calmer grey badge.
+         */
+        badge?: NeoTagOwnProps & {
+            sx?: Record<string, unknown>;
+        };
+    };
     /**
      * Additional content
      */
@@ -33,7 +52,7 @@ export type NeoNavigationItemProps<C extends ElementType = typeof ButtonBase> =
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=8455-6120
  */
-export declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase>({ icon, label, selected, tag, children, ...props }: NeoNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase>({ icon, label, selected, tag, tooltip, slotProps, children, ...props }: NeoNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;
 export declare namespace NeoNavigationItem {
     var displayName: string;
 }

package/dist/NeoActionsCell/NeoActionsCell.d.ts

@@ -0,0 +1,9 @@
+import type { GridRenderCellParams } from '@mui/x-data-grid';
+import type { ReactNode } from 'react';
+export interface NeoActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
+    api?: GridRenderCellParams['api'];
+    children: ReactNode;
+    position?: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+    suppressChildrenValidation?: boolean;
+}
+export declare function NeoActionsCell(props: NeoActionsCellProps): import("react/jsx-runtime").JSX.Element;

package/dist/NeoAvatarCell/NeoAvatarCell.d.ts

@@ -0,0 +1,25 @@
+type NeoAvatarCellBase = {
+    disabled?: boolean;
+};
+type NeoAvatarCellEmpty = NeoAvatarCellBase & {
+    empty: true;
+    name?: never;
+    src?: never;
+    label?: never;
+};
+type NeoAvatarCellContent = NeoAvatarCellBase & {
+    empty?: false;
+    name?: string;
+    src?: string;
+    label?: string;
+};
+export type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
+/**
+ * NeoAvatarCell — DataGrid cell displaying a user avatar with optional label.
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=13425-1725
+ */
+export declare const NeoAvatarCell: {
+    ({ name, src, label, disabled, empty, }: NeoAvatarCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/NeoIconCell/NeoIconCell.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+export interface NeoIconCellProps {
+    icon?: ReactNode;
+    ariaLabel?: string;
+    disabled?: boolean;
+}
+/**
+ * NeoIconCell — Icon cell for DataGrid. Renders an icon centered in the cell.
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=13272-9345
+ */
+export declare const NeoIconCell: {
+    ({ icon, ariaLabel, disabled }: NeoIconCellProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};

package/dist/NeoLogoCell/NeoLogoCell.d.ts

@@ -0,0 +1,24 @@
+type NeoLogoCellNoSrc = {
+    src?: undefined;
+    alt?: string;
+    disabled?: boolean;
+};
+type NeoLogoCellWithSrc = {
+    src: string;
+    alt: string;
+    disabled?: boolean;
+};
+export type NeoLogoCellProps = NeoLogoCellNoSrc | NeoLogoCellWithSrc;
+/**
+ * NeoLogoCell — DataGrid cell displaying a raster or SVG logo image.
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=13278-9558
+ *
+ * Kept separate from NeoIconCell to match Neo's Icon/Logo component split:
+ * - NeoIconCell: MUI SvgIcon components
+ * - NeoLogoCell: raster or SVG image URLs (img tag)
+ */
+export declare const NeoLogoCell: {
+    ({ src, alt, disabled }: NeoLogoCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};