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

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

@@ -27,7 +27,7 @@ export interface NeoMenuItemProps extends MenuItemProps {
 /**
  * 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

package/dist/NavigationAvatar/NavigationAvatar.d.ts

@@ -4,8 +4,8 @@ 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
  */

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,20 @@ type NeoNavigationItemOwnProps = {
      */
     selected?: boolean;
     /**
-     * Optional tag badge content (e.g., count)
+     * Optional tag badge content (e.g., "Beta")
      * @figma Tag
      */
     tag?: string;
+    /**
+     * Slot props for internal sub-components.
+     */
+    slotProps?: {
+        /**
+         * Props forwarded to the NeoTag badge rendered when `tag` is set.
+         * Override `intent` to change colour: `'beta'` (periwinkle, default) or `'default'` (grey).
+         */
+        badge?: Pick<NeoTagOwnProps, 'intent'>;
+    };
     /**
      * Additional content
      */
@@ -33,7 +44,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, 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,27 @@
+type NeoAvatarCellBase = {
+    disabled?: boolean;
+};
+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;
+/**
+ * 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, colorIndex, 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 {};

package/dist/NeoProgressCell/NeoProgressCell.d.ts

@@ -0,0 +1,21 @@
+type NeoProgressCellBase = {
+    disabled?: boolean;
+};
+type NeoProgressCellEmpty = NeoProgressCellBase & {
+    empty: true;
+    value?: never;
+};
+type NeoProgressCellContent = NeoProgressCellBase & {
+    empty?: false;
+    value?: number;
+};
+export type NeoProgressCellProps = NeoProgressCellEmpty | NeoProgressCellContent;
+/**
+ * NeoProgressCell — DataGrid cell displaying a linear progress indicator.
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=13425-5378
+ */
+export declare const NeoProgressCell: {
+    ({ value, disabled, empty, }: NeoProgressCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/NeoStatusCell/NeoStatusCell.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode } from 'react';
+export type NeoStatusCellVariant = 'success' | 'error' | 'warning' | 'info' | 'neutral';
+type NeoStatusCellBase = {
+    disabled?: boolean;
+};
+type NeoStatusCellEmpty = NeoStatusCellBase & {
+    empty: true;
+    label?: never;
+    icon?: never;
+    variant?: never;
+    details?: never;
+};
+type NeoStatusCellContent = NeoStatusCellBase & {
+    empty?: false;
+    label: string;
+    icon?: ReactNode;
+    variant?: NeoStatusCellVariant;
+    /** Error details shown in a hover tooltip. Clipboard actions should be handled by the consuming app. */
+    details?: string;
+};
+export type NeoStatusCellProps = NeoStatusCellEmpty | NeoStatusCellContent;
+/**
+ * NeoStatusCell — DataGrid cell displaying an icon + label chip with optional error tooltip.
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=13272-8705
+ */
+export declare const NeoStatusCell: {
+    ({ icon, label, details, disabled, variant, empty, }: NeoStatusCellProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/Tag/Tag.d.ts

@@ -13,7 +13,7 @@ declare module '@mui/material/Chip' {
         filled: true;
     }
 }
-type NeoTagOwnProps = {
+export type NeoTagOwnProps = {
     /**
      * The size of the tag
      * @figma Size (Small|Medium|Large)
@@ -51,4 +51,3 @@ export declare function NeoTag<C extends ElementType = typeof Chip>({ size, vari
 export declare namespace NeoTag {
     var displayName: string;
 }
-export {};

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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 { GridDensity, GridFilterPanel, ToolbarProps } from '@mui/x-data-grid';
+import { GridDensity, GridRenderCellParams, GridFilterPanel, ToolbarProps } from '@mui/x-data-grid';
 import Chip, { ChipProps } from '@mui/material/Chip';
 import { AlertProps } from '@mui/material/Alert';
 import { LinkProps } from '@mui/material/Link';
@@ -835,7 +835,7 @@ 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_*
  *
@@ -859,6 +859,9 @@ declare namespace NeoDataGrid {
     var displayName: string;
 }
 
+declare const getDataGridHeaderStyles: () => SxProps<Theme>;
+declare const getDataGridRowStyles: () => SxProps<Theme>;
+
 interface NeoInfiniteScrollGridProps extends Omit<NeoDataGridProps, 'slots'> {
     /**
      * Callback when load more is triggered - either by scrolling or clicking button
@@ -1051,6 +1054,129 @@ declare const NeoMultiBadgesCell: {
     displayName: string;
 };
 
+interface NeoActionsCellProps extends Omit<GridRenderCellParams, 'api'> {
+    api?: GridRenderCellParams['api'];
+    children: ReactNode;
+    position?: 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+    suppressChildrenValidation?: boolean;
+}
+declare function NeoActionsCell(props: NeoActionsCellProps): react_jsx_runtime.JSX.Element;
+
+type NeoAvatarCellBase = {
+    disabled?: boolean;
+};
+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;
+/**
+ * NeoAvatarCell — DataGrid cell displaying a user avatar with optional label.
+ * @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;
+    displayName: string;
+};
+
+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
+ */
+declare const NeoIconCell: {
+    ({ icon, ariaLabel, disabled }: NeoIconCellProps): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
+type NeoLogoCellNoSrc = {
+    src?: undefined;
+    alt?: string;
+    disabled?: boolean;
+};
+type NeoLogoCellWithSrc = {
+    src: string;
+    alt: string;
+    disabled?: boolean;
+};
+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)
+ */
+declare const NeoLogoCell: {
+    ({ src, alt, disabled }: NeoLogoCellProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type NeoProgressCellBase = {
+    disabled?: boolean;
+};
+type NeoProgressCellEmpty = NeoProgressCellBase & {
+    empty: true;
+    value?: never;
+};
+type NeoProgressCellContent = NeoProgressCellBase & {
+    empty?: false;
+    value?: number;
+};
+type NeoProgressCellProps = NeoProgressCellEmpty | NeoProgressCellContent;
+/**
+ * NeoProgressCell — DataGrid cell displaying a linear progress indicator.
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=13425-5378
+ */
+declare const NeoProgressCell: {
+    ({ value, disabled, empty, }: NeoProgressCellProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type NeoStatusCellVariant = 'success' | 'error' | 'warning' | 'info' | 'neutral';
+type NeoStatusCellBase = {
+    disabled?: boolean;
+};
+type NeoStatusCellEmpty = NeoStatusCellBase & {
+    empty: true;
+    label?: never;
+    icon?: never;
+    variant?: never;
+    details?: never;
+};
+type NeoStatusCellContent = NeoStatusCellBase & {
+    empty?: false;
+    label: string;
+    icon?: ReactNode;
+    variant?: NeoStatusCellVariant;
+    /** Error details shown in a hover tooltip. Clipboard actions should be handled by the consuming app. */
+    details?: string;
+};
+type NeoStatusCellProps = NeoStatusCellEmpty | NeoStatusCellContent;
+/**
+ * NeoStatusCell — DataGrid cell displaying an icon + label chip with optional error tooltip.
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=13272-8705
+ */
+declare const NeoStatusCell: {
+    ({ icon, label, details, disabled, variant, empty, }: NeoStatusCellProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 /**
  * NeoDataGridColumnsButton - Button to open the columns panel in DataGrid
  *
@@ -1111,7 +1237,7 @@ interface NeoMenuItemProps extends MenuItemProps {
 /**
  * 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
@@ -1185,42 +1311,6 @@ declare const NeoDataGridFilterPanel: {
 declare function SortedDescendingIcon(): react_jsx_runtime.JSX.Element;
 declare function SortedAscendingIcon(): react_jsx_runtime.JSX.Element;
 declare function UnsortedIcon(): 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}
- * />
- */
-declare const getDataGridHeaderStyles: () => SxProps<Theme>;
 
 interface NeoDataGridHeaderLabelProps {
     /**
@@ -1741,8 +1831,8 @@ interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 'size'> {
 /**
  * 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
  */
@@ -1751,6 +1841,58 @@ declare const NeoNavigationAvatar: {
     displayName: string;
 };
 
+declare module '@mui/material/Chip' {
+    interface ChipPropsColorOverrides {
+        violet: true;
+        beta: true;
+    }
+    interface ChipPropsSizeOverrides {
+        large: true;
+    }
+    interface ChipPropsVariantOverrides {
+        outlined: true;
+        filled: true;
+    }
+}
+type NeoTagOwnProps = {
+    /**
+     * The size of the tag
+     * @figma Size (Small|Medium|Large)
+     * @default "small"
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The variant style of the tag
+     * @figma Variant (Subtle|Filled)
+     * @default "outlined"
+     */
+    variant?: 'outlined' | 'filled';
+    /**
+     * The intent/purpose of the tag
+     * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
+     * @default "default"
+     */
+    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
+};
+type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component' | 'color'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
+    component?: C;
+};
+/**
+ * NeoTag - Small pill-shaped label component based on MUI Chip
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
+ *
+ * Figma Props Mapping:
+ * - Size (Small|Medium|Large) → size (small|medium|large)
+ * - Variant (Subtle|Filled) → variant (outlined|filled)
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → intent (default|error|warning|success|info|violet|beta)
+ * - TEXT Label → label prop
+ */
+declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, intent, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
+declare namespace NeoTag {
+    var displayName: string;
+}
+
 type NeoNavigationItemOwnProps = {
     /**
      * Icon element to display
@@ -1767,10 +1909,20 @@ type NeoNavigationItemOwnProps = {
      */
     selected?: boolean;
     /**
-     * Optional tag badge content (e.g., count)
+     * Optional tag badge content (e.g., "Beta")
      * @figma Tag
      */
     tag?: string;
+    /**
+     * Slot props for internal sub-components.
+     */
+    slotProps?: {
+        /**
+         * Props forwarded to the NeoTag badge rendered when `tag` is set.
+         * Override `intent` to change colour: `'beta'` (periwinkle, default) or `'default'` (grey).
+         */
+        badge?: Pick<NeoTagOwnProps, 'intent'>;
+    };
     /**
      * Additional content
      */
@@ -1784,7 +1936,7 @@ type NeoNavigationItemProps<C extends ElementType = typeof ButtonBase__default>
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=8455-6120
  */
-declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase__default>({ icon, label, selected, tag, children, ...props }: NeoNavigationItemProps<C>): react_jsx_runtime.JSX.Element;
+declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase__default>({ icon, label, selected, tag, slotProps, children, ...props }: NeoNavigationItemProps<C>): react_jsx_runtime.JSX.Element;
 declare namespace NeoNavigationItem {
     var displayName: string;
 }
@@ -2254,58 +2406,6 @@ declare const NeoTab: {
     displayName: string;
 };
 
-declare module '@mui/material/Chip' {
-    interface ChipPropsColorOverrides {
-        violet: true;
-        beta: true;
-    }
-    interface ChipPropsSizeOverrides {
-        large: true;
-    }
-    interface ChipPropsVariantOverrides {
-        outlined: true;
-        filled: true;
-    }
-}
-type NeoTagOwnProps = {
-    /**
-     * The size of the tag
-     * @figma Size (Small|Medium|Large)
-     * @default "small"
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * The variant style of the tag
-     * @figma Variant (Subtle|Filled)
-     * @default "outlined"
-     */
-    variant?: 'outlined' | 'filled';
-    /**
-     * The intent/purpose of the tag
-     * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
-     * @default "default"
-     */
-    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
-};
-type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component' | 'color'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
-    component?: C;
-};
-/**
- * NeoTag - Small pill-shaped label component based on MUI Chip
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
- *
- * Figma Props Mapping:
- * - Size (Small|Medium|Large) → size (small|medium|large)
- * - Variant (Subtle|Filled) → variant (outlined|filled)
- * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → intent (default|error|warning|success|info|violet|beta)
- * - TEXT Label → label prop
- */
-declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, intent, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
-declare namespace NeoTag {
-    var displayName: string;
-}
-
 type Intent = 'neutral' | 'info' | 'success' | 'error' | 'warning';
 type ToastType = 'outlined' | 'filled';
 interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
@@ -2952,5 +3052,5 @@ declare module '@mui/x-data-grid-pro' {
 
 declare const version: string
 
-export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, version };
-export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCheckboxWithTextProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDownloadToastProps, NeoMenuItemProps as NeoDropdownMenuItemProps, NeoMenuProps as NeoDropdownMenuProps, NeoSelectProps as NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
+export { ActivityScene, CIRCLE_RADIUS, NeoActionsCell, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatarCell, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoIconCell, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoLogoCell, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressCell, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoStatusCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, version };
+export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActionsCellProps, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoAvatarCellProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCheckboxWithTextProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDownloadToastProps, NeoMenuItemProps as NeoDropdownMenuItemProps, NeoMenuProps as NeoDropdownMenuProps, NeoSelectProps as NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoIconCellProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoLogoCellProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressCellProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusCellProps, NeoStatusCellVariant, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };