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

package/dist/index.d.ts

@@ -1,35 +1,34 @@
 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 React__default, { ReactNode, ElementType, HTMLAttributes, ComponentPropsWithoutRef, ComponentType, FunctionComponent } 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';
 import { LinkProps } from '@mui/material/Link';
-import * as ButtonBase from '@mui/material/ButtonBase';
-import ButtonBase__default, { ButtonBaseProps } from '@mui/material/ButtonBase';
-import * as _mui_material_ToggleButton from '@mui/material/ToggleButton';
+import ButtonBase, { ButtonBaseProps } from '@mui/material/ButtonBase';
 import { ToggleButtonProps } from '@mui/material/ToggleButton';
 import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
+import { SvgIconProps } from '@mui/material/SvgIcon';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { GridDensity as GridDensity$1, DataGridProProps, GridSlots, GridColumnsPanelProps } from '@mui/x-data-grid-pro';
-import * as _mui_material_styles from '@mui/material/styles';
 import { SxProps, Theme, Breakpoint } from '@mui/material/styles';
 import { DividerProps } from '@mui/material/Divider';
 import { PaperProps } from '@mui/material/Paper';
-import { BadgeProps } from '@mui/material/Badge';
 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';
 import { RadioProps } from '@mui/material/Radio';
-import { SelectProps } from '@mui/material/Select';
-import { SkeletonProps } from '@mui/material/Skeleton';
 import * as _mui_system from '@mui/system';
+import * as _mui_material from '@mui/material';
+import { BoxProps as BoxProps$1 } from '@mui/material';
+import { SelectProps, SelectChangeEvent } from '@mui/material/Select';
+import { SkeletonProps } from '@mui/material/Skeleton';
+import { TableProps } from '@mui/material/Table';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material_Tabs from '@mui/material/Tabs';
 import { TabProps } from '@mui/material/Tab';
 import Button from '@mui/material/Button';
 import { SwitchProps } from '@mui/material/Switch';
@@ -288,12 +287,25 @@ declare const NeoActivityIndicatorCell: {
     displayName: string;
 };
 
+type BadgeSize = 'small' | 'medium';
+type BadgeVariant = 'filled' | 'outlined';
 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
@@ -307,7 +319,7 @@ interface NeoBadgeProps extends Omit<ChipProps, 'variant' | 'size'> {
  * - Label → label prop
  */
 declare const NeoBadge: {
-    (props: NeoBadgeProps): react_jsx_runtime.JSX.Element;
+    ({ size, variant, ...props }: NeoBadgeProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -376,16 +388,6 @@ declare const NeoBanner: {
 /**
  * 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
  */
 interface NeoBreadcrumbsProps {
@@ -484,7 +486,7 @@ type NeoButtonOwnProps = {
      */
     endIcon?: ReactNode;
 };
-type NeoButtonProps<C extends ElementType = typeof ButtonBase__default> = NeoButtonOwnProps & Omit<React__default.ComponentPropsWithoutRef<C>, keyof NeoButtonOwnProps> & {
+type NeoButtonProps<C extends ElementType = typeof ButtonBase> = NeoButtonOwnProps & Omit<React__default.ComponentPropsWithoutRef<C>, keyof NeoButtonOwnProps> & {
     component?: C;
 };
 /**
@@ -501,7 +503,7 @@ type NeoButtonProps<C extends ElementType = typeof ButtonBase__default> = NeoBut
  * - State=Pressed → CSS :active
  * - State=Focused → CSS :focus-visible
  */
-declare function NeoButton<C extends ElementType = typeof ButtonBase__default>({ variant, size, loading, children, disabled, startIcon, endIcon, ...rest }: NeoButtonProps<C>): react_jsx_runtime.JSX.Element;
+declare function NeoButton<C extends ElementType = typeof ButtonBase>({ variant, size, loading, children, disabled, startIcon, endIcon, ...rest }: NeoButtonProps<C>): react_jsx_runtime.JSX.Element;
 declare namespace NeoButton {
     var displayName: string;
 }
@@ -563,6 +565,17 @@ declare const NeoButtonTabGroup: {
     displayName: string;
 };
 
+/**
+ * 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.
+ */
+declare const NeoCanceledIcon: {
+    (props: SvgIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface ComponentSelector {
     __emotion_styles: any;
 }
@@ -627,11 +640,12 @@ interface StyledComponent<ComponentProps extends {}, SpecificComponentProps exte
 }
 
 /**
- * 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' {
@@ -835,7 +849,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 +873,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 +1068,127 @@ 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;
+    label?: never;
+};
+type NeoAvatarCellContent = NeoAvatarCellBase & {
+    empty?: false;
+    name?: string;
+    src?: string;
+    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, 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
  *
@@ -1084,7 +1222,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)
@@ -1102,16 +1240,26 @@ 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
  *
- * @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
@@ -1126,12 +1274,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;
 /**
@@ -1185,42 +1344,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 {
     /**
@@ -1320,7 +1443,7 @@ declare const NeoDownloadToast: {
 type DotSize = 'small' | 'medium' | 'large';
 type DotVariant = 'solid' | 'outline';
 type DotColor = 'success' | 'error' | 'warning' | 'info' | 'neutral';
-interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeContent' | 'children'> {
+interface NeoDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /**
      * The size of the dot
      * @default "medium"
@@ -1336,9 +1459,16 @@ interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeConte
      * @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
  *
@@ -1348,7 +1478,48 @@ interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeConte
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */
 declare const NeoDot: {
-    ({ size, variant, color, ...props }: NeoDotProps): react_jsx_runtime.JSX.Element;
+    ({ size, variant, color, children, ...props }: NeoDotProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * 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.
+ */
+type NeoFilledStatusIconProps = Omit<SvgIconProps, 'color' | 'htmlColor'>;
+declare const NeoFilledSuccess: {
+    (props: NeoFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const NeoFilledQueued: {
+    (props: NeoFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const NeoFilledInfo: {
+    (props: NeoFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const NeoFilledWarning: {
+    (props: NeoFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const NeoFilledError: {
+    (props: NeoFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const NeoFilledNeutral: {
+    (props: NeoFilledStatusIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const NeoFilledCanceled: {
+    (props: NeoFilledStatusIconProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -1402,12 +1573,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
@@ -1415,7 +1580,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;
 };
 
@@ -1474,6 +1639,7 @@ declare const NeoIconButton: {
 };
 
 type InputFieldSize = 'small' | 'medium';
+
 interface NeoInputFieldProps extends Omit<InputBaseProps, 'size'> {
     /**
      * The size of the input field
@@ -1741,16 +1907,68 @@ 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
  */
 declare const NeoNavigationAvatar: {
-    ({ colorIndex, children, ...props }: NeoNavigationAvatarProps): react_jsx_runtime.JSX.Element;
+    ({ children, ...props }: NeoNavigationAvatarProps): react_jsx_runtime.JSX.Element;
     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,16 +1985,34 @@ 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
      */
     children?: ReactNode;
 };
-type NeoNavigationItemProps<C extends ElementType = typeof ButtonBase__default> = NeoNavigationItemOwnProps & Omit<ButtonBaseProps, keyof NeoNavigationItemOwnProps | 'component'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoNavigationItemOwnProps | keyof ButtonBaseProps> & {
+type NeoNavigationItemProps<C extends ElementType = typeof ButtonBase> = NeoNavigationItemOwnProps & Omit<ButtonBaseProps, keyof NeoNavigationItemOwnProps | 'component'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoNavigationItemOwnProps | keyof ButtonBaseProps> & {
     component?: C;
 };
 /**
@@ -1784,7 +2020,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>({ icon, label, selected, tag, tooltip, slotProps, children, ...props }: NeoNavigationItemProps<C>): react_jsx_runtime.JSX.Element;
 declare namespace NeoNavigationItem {
     var displayName: string;
 }
@@ -1861,6 +2097,17 @@ interface NeoPageContentProps extends BoxProps {
      * @default false
      */
     disableGutters?: boolean;
+    /**
+     * Page layout mode.
+     * - `default`: standard centered/max-width-constrained content with
+     *   gutters. Best for content-driven pages (settings, forms, lists).
+     * - `fullBleed`: removes max-width and horizontal/bottom padding, lets
+     *   the content area flex-fill the viewport. Best for full-height
+     *   layouts (sidebar + panel canvases, builders, explorers). Title
+     *   and breadcrumbs still render — they sit at the leading edge.
+     * @default 'default'
+     */
+    layout?: 'default' | 'fullBleed';
     /**
      * Loading state - shows spinner while content loads
      * @default false
@@ -1931,7 +2178,7 @@ interface NeoPageContentProps extends BoxProps {
  * </NeoPageContent>
  * ```
  */
-declare function NeoPageContent({ pageTitle, subtitle, breadcrumbs, action, sticky, contentMaxWidth, centerContent, disableGutters, isLoading, showBackToTop, children, sx, ...boxProps }: NeoPageContentProps): react_jsx_runtime.JSX.Element;
+declare function NeoPageContent({ pageTitle, subtitle, breadcrumbs, action, sticky, contentMaxWidth: contentMaxWidthProp, centerContent, disableGutters: disableGuttersProp, isLoading, showBackToTop, layout, children, sx, ...boxProps }: NeoPageContentProps): react_jsx_runtime.JSX.Element;
 declare namespace NeoPageContent {
     var displayName: string;
 }
@@ -2104,6 +2351,24 @@ declare const NeoRadio: {
     displayName: string;
 };
 
+/**
+ * NeoRadioButtonWithText
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-7682
+ */
+declare const NeoRadioButtonWithText: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+interface NeoRipplingDotProps extends BoxProps$1 {
+}
+/**
+ * NeoRipplingDot - Animated status dot with an expanding ripple ring.
+ *
+ * Indicates an in-progress, indeterminate state (RUNNING / SYNCING / PROCESSING).
+ * Color is inherited from `currentColor`; set it via the `color`/`sx` prop or a
+ * parent. Sized to the lowercase-letter height regardless of parent fontSize.
+ */
+declare const NeoRipplingDot: FunctionComponent<NeoRipplingDotProps>;
+
 interface NeoSearchChipProps extends Omit<InputBaseProps, 'startAdornment' | 'endAdornment' | 'type'> {
     /**
      * Handler for clearing the search value (shows X icon when provided and value is non-empty)
@@ -2123,6 +2388,86 @@ declare const NeoSearchChip: {
     displayName: string;
 };
 
+interface NeoSelectFieldOption {
+    value: string | number;
+    label: ReactNode;
+    disabled?: boolean;
+}
+interface NeoSelectFieldProps extends Omit<SelectProps, 'size' | 'variant' | 'error' | 'children'> {
+    /**
+     * Form-control size.
+     * @default 'medium'
+     */
+    size?: InputFieldSize;
+    /**
+     * Show error/destructive state with red label + helper text styling.
+     * @default false
+     */
+    destructive?: boolean;
+    /** Label text rendered above the select. */
+    label?: string;
+    /** Show required indicator (asterisk) next to the label. @default false */
+    required?: boolean;
+    /** Optional info icon rendered next to the label. */
+    infoIcon?: ReactNode;
+    /** Helper text rendered below the select (normal state). */
+    helperText?: string;
+    /**
+     * Error message rendered below the select when `destructive` is true.
+     * Takes precedence over helperText when destructive.
+     */
+    errorMessage?: string;
+    /**
+     * Convenience option list. Each entry becomes a NeoSelectOption.
+     * Use `children` instead for custom option content.
+     */
+    options?: NeoSelectFieldOption[];
+    /** Custom option content. Overrides `options` if both are provided. */
+    children?: ReactNode;
+}
+/**
+ * NeoSelectField — composite of NeoInputField's form chrome (label,
+ * helper text, error state) wrapped around NeoSelect. Mirrors the
+ * MUI `<TextField select>` ergonomics with Neo design tokens, so
+ * consumers don't have to compose the two manually.
+ *
+ * @example
+ * <NeoSelectField
+ *   label="Response format"
+ *   value={format}
+ *   onChange={e => setFormat(e.target.value)}
+ *   options={[
+ *     { value: 'json', label: 'JSON' },
+ *     { value: 'plain', label: 'Plain text' },
+ *   ]}
+ * />
+ */
+declare const NeoSelectField: {
+    ({ size, destructive, label, required, infoIcon, helperText, errorMessage, options, children, disabled, id, ...selectProps }: NeoSelectFieldProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type NeoSelectFieldChangeEvent<T = unknown> = SelectChangeEvent<T>;
+
+type NeoSideNavProps = {
+    /** Controlled collapsed state. */
+    collapsed: boolean;
+    /** Called with the next collapsed value when the toggle is activated. */
+    onCollapsedChange: (next: boolean) => void;
+    /** Fixed top slot (e.g. product logo). */
+    header?: ReactNode;
+    /** Fixed bottom slot (e.g. tenant branding), rendered above the toggle. */
+    footer?: ReactNode;
+    /** Scrolling content slot — the nav items. */
+    children: ReactNode;
+    /** Toggle label shown when expanded. Default "Less". */
+    collapseLabel?: string;
+} & Pick<ComponentPropsWithoutRef<'nav'>, 'className' | 'id' | 'aria-label'>;
+declare function NeoSideNav({ collapsed, onCollapsedChange, header, footer, children, collapseLabel, ...rest }: NeoSideNavProps): react_jsx_runtime.JSX.Element;
+declare namespace NeoSideNav {
+    var displayName: string;
+}
+
 /**
  * Extended props for NeoSkeleton component
  */
@@ -2161,6 +2506,7 @@ declare const NeoSkeleton: {
 
 type Intent$1 = 'success' | 'error' | 'warning' | 'offline' | 'info';
 type AlertType = 'outlined' | 'filled';
+type AlertSize = 'default' | 'compact';
 interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color'> {
     /**
      * The intent/purpose of the alert
@@ -2174,6 +2520,13 @@ interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color
      * @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
      */
@@ -2190,6 +2543,12 @@ interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color
      * 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
@@ -2203,7 +2562,69 @@ interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color
  * - Show Button → action prop presence
  */
 declare const NeoAlert: {
-    ({ intent, type, title, description, icon, action, ...props }: NeoAlertProps): react_jsx_runtime.JSX.Element;
+    ({ intent, type, size, title, description, icon, action, children, ...props }: NeoAlertProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type TableSize = 'small' | 'medium';
+type TableVariant = 'bordered' | 'plain';
+type CellAlign = 'left' | 'center' | 'right';
+interface NeoTableColumn {
+    /** Unique key — looked up against each row to find the cell value. */
+    key: string;
+    /** Header label rendered in the thead. */
+    header: ReactNode;
+    /** Cell text alignment. @default 'left' */
+    align?: CellAlign;
+    /** Column width — any CSS length (e.g. '120px', '20%'). */
+    width?: string;
+}
+interface NeoTableProps extends Omit<TableProps, 'size'> {
+    /** Column definitions. Order in the array determines render order. */
+    columns: NeoTableColumn[];
+    /**
+     * Row data. Each row is a record keyed by `column.key`. Cell values
+     * may be any ReactNode (strings, badges, icons, etc.).
+     */
+    rows: Array<Record<string, ReactNode>>;
+    /**
+     * Cell density.
+     * - 'small': tight padding for dense lists.
+     * - 'medium': comfortable padding for read-heavy tables.
+     * @default 'small'
+     */
+    size?: TableSize;
+    /**
+     * Container chrome.
+     * - 'bordered': container border + borderRadius.card.
+     * - 'plain': no container chrome — for embedding inside an existing surface.
+     * @default 'bordered'
+     */
+    variant?: TableVariant;
+    /** Optional accessible label for the table. */
+    ariaLabel?: string;
+}
+/**
+ * NeoTable — lightweight read-only table for static data (schema rows,
+ * key/value summaries, response metadata). For interactive grids with
+ * sorting / filtering / pagination, use NeoDataGrid instead.
+ *
+ * @example
+ * <NeoTable
+ *   columns={[
+ *     { key: 'name', header: 'Property' },
+ *     { key: 'type', header: 'Type', align: 'center', width: '120px' },
+ *     { key: 'description', header: 'Description' },
+ *   ]}
+ *   rows={[
+ *     { name: 'id', type: 'string', description: 'Resource identifier' },
+ *     { name: 'count', type: 'number', description: 'Item count' },
+ *   ]}
+ *   size="small"
+ * />
+ */
+declare const NeoTable: {
+    ({ columns, rows, size, variant, ariaLabel, ...tableProps }: NeoTableProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -2217,7 +2638,7 @@ declare const NeoAlert: {
  * - Tab selection → value prop + onChange
  * - Active indicator → styled via indicator slot
  */
-declare const NeoTabs: StyledComponent<_mui_material_Tabs.TabsOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "action" | "value" | "variant" | "orientation" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+declare const NeoTabs: StyledComponent<_mui_material.TabsOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "action" | "value" | "variant" | "orientation" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 interface NeoTabProps extends Omit<TabProps, 'label'> {
     /**
      * The label for the tab
@@ -2254,57 +2675,50 @@ 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';
+type TabPanelVariant = 'default' | 'flush';
+interface NeoTabPanelProps extends Omit<BoxProps, 'role'> {
+    /** This panel's identity — must match `currentValue` for the panel to render. */
+    value: string | number;
     /**
-     * The variant style of the tag
-     * @figma Variant (Subtle|Filled)
-     * @default "outlined"
+     * The currently selected tab value. When equal to `value`, this panel
+     * renders its children. Otherwise the panel is hidden (and removed from
+     * the accessibility tree via `hidden`).
      */
-    variant?: 'outlined' | 'filled';
+    currentValue: string | number;
     /**
-     * The intent/purpose of the tag
-     * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
-     * @default "default"
+     * Layout density.
+     * - `default`: 16px top padding — for standard content tabs.
+     * - `flush`: zero padding — for full-bleed sidebar/panel/canvas layouts
+     *   where content must sit flush against the tab bar's bottom border.
+     * @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;
-};
+    variant?: TabPanelVariant;
+    /** Panel content. */
+    children?: ReactNode;
+}
 /**
- * NeoTag - Small pill-shaped label component based on MUI Chip
+ * NeoTabPanel — completes the NeoTabs + NeoTab + NeoTabPanel set.
  *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
+ * Lightweight ARIA-compliant tab panel that renders children when its
+ * `value` matches `currentValue`. No MUI Lab / TabContext dependency.
  *
- * 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
+ * @example
+ * const [tab, setTab] = useState('overview')
+ * return (
+ *   <>
+ *     <NeoTabs value={tab} onChange={(_, v) => setTab(v)}>
+ *       <NeoTab value="overview" label="Overview" />
+ *       <NeoTab value="details" label="Details" />
+ *     </NeoTabs>
+ *     <NeoTabPanel value="overview" currentValue={tab}>...</NeoTabPanel>
+ *     <NeoTabPanel value="details" currentValue={tab} variant="flush">...</NeoTabPanel>
+ *   </>
+ * )
  */
-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;
-}
+declare const NeoTabPanel: {
+    ({ value, currentValue, variant, children, ...boxProps }: NeoTabPanelProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
 
 type Intent = 'neutral' | 'info' | 'success' | 'error' | 'warning';
 type ToastType = 'outlined' | 'filled';
@@ -2435,6 +2849,58 @@ declare const NeoToggle: {
     displayName: string;
 };
 
+type ToggleButtonSize = 'small' | 'medium';
+interface NeoToggleButtonProps extends Omit<ToggleButtonProps, 'color' | 'size'> {
+    /**
+     * Size of the toggle button. Set automatically by NeoToggleButtonGroup
+     * when used as a child; set explicitly only for standalone use.
+     * @default 'medium'
+     */
+    size?: ToggleButtonSize;
+}
+/**
+ * NeoToggleButton — a single button in a segmented control. Use inside
+ * NeoToggleButtonGroup; the group manages selection state and forwards
+ * size to its children. Suitable for inline toolbar mode switches
+ * ("Table" / "Raw"). For page-level tabs, prefer NeoButtonTab.
+ */
+declare const NeoToggleButton: {
+    ({ children, size, ...props }: NeoToggleButtonProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+type ToggleButtonGroupSize = 'small' | 'medium';
+interface NeoToggleButtonGroupProps extends Omit<ToggleButtonGroupProps, 'orientation' | 'color' | 'size' | 'fullWidth'> {
+    /**
+     * Size of the buttons in the group. Forwarded to each NeoToggleButton child.
+     * @default 'medium'
+     */
+    size?: ToggleButtonGroupSize;
+}
+/**
+ * NeoToggleButtonGroup — pill-shaped segmented control wrapping
+ * MUI ToggleButtonGroup with Neo tokens. Use for inline toolbar mode
+ * switches (e.g. "Table" / "Raw" in a panel header). For page-level
+ * tab navigation, prefer NeoButtonTabGroup.
+ *
+ * @example
+ * <NeoToggleButtonGroup value={mode} exclusive onChange={(_, v) => v && setMode(v)} size="small">
+ *   <NeoToggleButton value="table">Table</NeoToggleButton>
+ *   <NeoToggleButton value="raw">Raw</NeoToggleButton>
+ * </NeoToggleButtonGroup>
+ */
+declare const NeoToggleButtonGroup: {
+    ({ size, children, ...props }: NeoToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+/**
+ * NeoToggleButtonWithText
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-10485
+ */
+declare const NeoToggleButtonWithText: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
 interface NeoToolbarProps extends ToolbarProps {
     /**
      * Toolbar content (typically NeoQuickFilter, NeoButton, NeoToggle, etc.)
@@ -2577,6 +3043,7 @@ declare const NeoListItem: {
     displayName: string;
 };
 
+type ListItemButtonVariant = 'card' | 'nav';
 /**
  * Props for the NeoListItemButton component
  */
@@ -2593,6 +3060,15 @@ 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
@@ -2638,10 +3114,21 @@ interface NeoListItemButtonProps extends ListItemButtonProps {
  * - colors.grey[50] (#f9fafb) - Disabled background
  */
 declare const NeoListItemButton: {
-    ({ children, selected, disabled, ...props }: NeoListItemButtonProps): react_jsx_runtime.JSX.Element;
+    ({ children, selected, disabled, variant, ...props }: NeoListItemButtonProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
+interface NeoVibratingDotProps extends BoxProps$1 {
+}
+/**
+ * NeoVibratingDot - Animated status dot with a breathing pulse halo.
+ *
+ * Indicates a waiting/pending state (QUEUED / CREATED). Color is inherited from
+ * `currentColor`; set it via the `color`/`sx` prop or a parent. Sized to the
+ * lowercase-letter height regardless of parent fontSize.
+ */
+declare const NeoVibratingDot: FunctionComponent<NeoVibratingDotProps>;
+
 /**
  * Variant type for NeoTooltip
  */
@@ -2657,13 +3144,15 @@ interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
      */
     variant?: TooltipVariant;
     /**
-     * The main tooltip text
+     * The main tooltip content. Accepts a string or any ReactNode, so callers can
+     * compose richer content when the `description` variant isn't enough.
      * @figma text (literal content, not a variant property)
      */
-    title: string;
+    title: ReactNode;
     /**
-     * Optional supporting description text
-     * When provided, shows a larger tooltip with title (semibold) + description (medium)
+     * Optional supporting description text. When provided, shows a larger tooltip
+     * with a heading + body hierarchy: title (13px semibold) above a muted
+     * description (12px medium).
      * @default undefined
      * @figma Supporting text
      */
@@ -2688,14 +3177,28 @@ interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
  * - Dark: grey[50] (#f9fafb), grey[800] (#1f2937)
  * - Brand: digitalBlue[800] (#131e7a), typography.tooltip (#ffffff)
  * - Shadow: neutralMedium (0px 8px 15px 0px rgba(31,41,55,0.1))
- * - Typography: fontSize.xs (12), fontWeight.medium (500), fontWeight.semiBold (600)
+ * - Typography: fontSize.xs (12), fontSize.caption (13), fontWeight.medium (500), fontWeight.semiBold (600)
  */
 declare const NeoTooltip: {
     ({ variant, title, description, children, arrow, placement, ...props }: NeoTooltipProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
-declare const StyledToggleButton: StyledComponent<_mui_material_ToggleButton.ToggleButtonOwnProps & Omit<ButtonBase.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "children" | "sx" | "className" | "tabIndex" | "onChange" | "onClick" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material_styles.Theme>, {}, {}>;
+/**
+ * NeoTopNav
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4618-185228
+ */
+declare const NeoTopNav: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+/**
+ * NeoTourModal
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12408-1800
+ */
+declare const NeoTourModal: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+declare const StyledToggleButton: StyledComponent<_mui_material.ToggleButtonOwnProps & Omit<_mui_material.ButtonBaseOwnProps, "classes"> & _mui_material_OverridableComponent.CommonProps & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "children" | "sx" | "className" | "tabIndex" | "onChange" | "onClick" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
 interface NeoTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientation'> {
 }
 /**
@@ -2882,6 +3385,20 @@ declare const NeoDatePicker: {
     displayName: string;
 };
 
+/**
+ * NeoDatePickerListItem
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
+ */
+declare const NeoDatePickerListItem: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
+/**
+ * NeoDatePickerMenu
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
+ */
+declare const NeoDatePickerMenu: StyledComponent<_mui_system.MUIStyledCommonProps<_mui_material.Theme>, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+
 /**
  * Extended item data that NeoTreeItem can read from the items array.
  * Consumers pass these via the `items` prop on NeoTreeView.
@@ -2952,5 +3469,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, NeoCanceledIcon, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDatePickerListItem, NeoDatePickerMenu, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilledCanceled, NeoFilledError, NeoFilledInfo, NeoFilledNeutral, NeoFilledQueued, NeoFilledSuccess, NeoFilledWarning, 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, NeoRadioButtonWithText, NeoRipplingDot, NeoSearchChip, NeoSelect, NeoSelectField, NeoMenuItem as NeoSelectOption, NeoSideNav, NeoSkeleton, NeoStatusBadgeCell, NeoStatusCell, NeoTab, NeoTabPanel, NeoTable, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToggleButton, NeoToggleButtonGroup, NeoToggleButtonWithText, NeoToolbar, NeoTooltip, NeoTopNav, NeoTourModal, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, NeoVibratingDot, 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, NeoFilledStatusIconProps, 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, NeoRipplingDotProps, NeoSearchChipProps, NeoSelectFieldChangeEvent, NeoSelectFieldOption, NeoSelectFieldProps, NeoSelectProps, NeoSideNavProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusCellProps, NeoStatusCellVariant, NeoTabPanelProps, NeoTabProps, NeoTableColumn, NeoTableProps, NeoTagProps, NeoToastProps, NeoToggleButtonGroupProps, NeoToggleButtonProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps, NeoVibratingDotProps };