@moderneinc/neo-styled-components 2.5.0-next.124c4e → 2.5.0-next.2dcdc6

package/dist/Avatar/Avatar.d.ts

@@ -20,8 +20,9 @@ export interface NeoAvatarProps extends Omit<AvatarProps, 'variant'> {
  *
  * Figma Props Mapping:
  * - Figma Type "Initials" → variant="initials", size="small" (20px)
- * - Figma Type "Small" → variant="circular", size="small" (20px with image)
+ * - Figma Type "Small" → variant="circular", size="small" (32px with image)
  * - Figma Type "Medium" → variant="circular", size="medium" (44px white container with image)
+ * - State: Focus → CSS :focus-visible ring (2px white inner + 4px blue outer)
  * - State: Hover (tooltip) → Wrap component with MUI Tooltip
  *
  * Usage:

package/dist/Badge/Badge.d.ts

@@ -12,9 +12,9 @@ export interface NeoBadgeProps extends Omit<ChipProps, 'variant' | 'size'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system-w--correct-set-of-tokens?node-id=4091-17230
  *
  * Figma Props Mapping:
- * - state (Neutral|Error|Warning|Success|Info) → color (default|error|warning|success|info)
- * - iconLeading → icon prop (pass React element)
- * - iconTrailing → deleteIcon prop (pass React element)
+ * - Intent (Neutral|Error|Warning|Success|Info) → color (default|error|warning|success|info)
+ * - LeadingIcon → icon prop (pass React element)
+ * - TrailingIcon → deleteIcon prop (pass React element)
  * - Label → label prop
  */
 export declare const NeoBadge: {

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
-import { type ButtonBaseProps } from '@mui/material/ButtonBase';
-import type { ReactNode } from 'react';
+import ButtonBase from '@mui/material/ButtonBase';
+import React, { type ElementType, type ReactNode } from 'react';
 declare module '@mui/material/ButtonBase' {
     interface ButtonBasePropsVariantOverrides {
         primary: true;
@@ -7,11 +7,12 @@ declare module '@mui/material/ButtonBase' {
         destructive: true;
         link: true;
         linkColor: true;
+        tertiary: true;
     }
 }
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor';
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor' | 'tertiary';
 type ButtonSize = 'small' | 'medium';
-export interface NeoButtonProps extends Omit<ButtonBaseProps, 'children'> {
+type NeoButtonOwnProps = {
     /**
      * The visual variant of the button
      * @default "primary"
@@ -41,14 +42,25 @@ export interface NeoButtonProps extends Omit<ButtonBaseProps, 'children'> {
      * URL to link to. When provided, the button renders as a link element.
      */
     href?: string;
-}
+    /**
+     * Icon placed before the button label
+     */
+    startIcon?: ReactNode;
+    /**
+     * Icon placed after the button label
+     */
+    endIcon?: ReactNode;
+};
+export type NeoButtonProps<C extends ElementType = typeof ButtonBase> = NeoButtonOwnProps & Omit<React.ComponentPropsWithoutRef<C>, keyof NeoButtonOwnProps> & {
+    component?: C;
+};
 /**
  * NeoButton - Text button component based on MUI ButtonBase
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4086-7590
  *
  * Figma Props Mapping:
- * - Hierarchy (Primary|Secondary|Destructive|Link|Link Color) → variant prop
+ * - Hierarchy (Primary|Secondary|Destructive|Link|Link Color|Tertiary) → variant prop
  * - Size (Small|Medium) → size prop
  * - State=Disabled → disabled prop
  * - State=Loading → loading prop
@@ -56,8 +68,8 @@ export interface NeoButtonProps extends Omit<ButtonBaseProps, 'children'> {
  * - State=Pressed → CSS :active
  * - State=Focused → CSS :focus-visible
  */
-export declare const NeoButton: {
-    ({ variant, size, loading, children, disabled, ...props }: NeoButtonProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare function NeoButton<C extends ElementType = typeof ButtonBase>({ variant, size, loading, children, disabled, startIcon, endIcon, ...rest }: NeoButtonProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare namespace NeoButton {
+    var displayName: string;
+}
 export {};

package/dist/Footer/Footer.d.ts

@@ -54,6 +54,11 @@ export interface NeoFooterProps {
      * If not provided, will attempt to use DataGrid's pagination state
      */
     hasNextPage?: boolean;
+    /**
+     * Whether to show the selected row count on the left side (pagination variant)
+     * @default true
+     */
+    showSelected?: boolean;
     /**
      * Custom content to render in the footer
      */
@@ -103,6 +108,6 @@ export interface NeoFooterProps {
  * />
  */
 export declare const NeoFooter: {
-    ({ variant, showShadow, loading, resultCount, onLoadMore, hasMore, paginationInfo, onPreviousPage, onNextPage, hasPreviousPage, hasNextPage, children, }: NeoFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ variant, showShadow, loading, resultCount, onLoadMore, hasMore, paginationInfo, onPreviousPage, onNextPage, hasPreviousPage, hasNextPage, showSelected, children, }: NeoFooterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/MarketplaceCard/MarketplaceCard.d.ts

@@ -23,13 +23,13 @@ export interface NeoMarketplaceCardProps extends Omit<CardProps, 'children' | 't
     /**
      * Whether the card is in selected/active state
      * @default false
-     * @figma Property 1 (Active)
+     * @figma State (Active)
      */
     selected?: boolean;
     /**
      * Whether the card is disabled
      * @default false
-     * @figma Property 1 (Disabled)
+     * @figma State (Disabled)
      */
     disabled?: boolean;
     /**
@@ -59,10 +59,11 @@ export interface NeoMarketplaceCardProps extends Omit<CardProps, 'children' | 't
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4286-1635&t=Bo58EpFmg6ILJtmv-11
  *
  * Figma Props Mapping:
- * - Property 1="Active" → selected={true}
- * - Property 1="Disabled" → disabled={true}
- * - Property 1="Focused" → CSS :focus-visible state (not a prop)
- * - Property 1="Default" → Base state (no props)
+ * - State="Active" → selected={true}
+ * - State="Disabled" → disabled={true}
+ * - State="Focused" → CSS :focus-visible state (not a prop)
+ * - State="Hover" → CSS :hover state (not a prop)
+ * - State="Default" → Base state (no props)
  *
  * Design Tokens Used:
  * - semanticColors.surfaces.card (#FFFFFF) - Default card background

package/dist/SearchChip/SearchChip.d.ts

@@ -0,0 +1,19 @@
+import { type InputBaseProps } from '@mui/material/InputBase';
+export interface NeoSearchChipProps extends Omit<InputBaseProps, 'startAdornment' | 'endAdornment' | 'type'> {
+    /**
+     * Handler for clearing the search value (shows X icon when provided and value is non-empty)
+     */
+    onClear?: () => void;
+}
+/**
+ * NeoSearchChip - Pill-shaped search input for inline search functionality.
+ *
+ * @example
+ * <NeoSearchChip placeholder="Search titles" value={query} onChange={handleChange} onClear={handleClear} />
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=8542-921
+ */
+export declare const NeoSearchChip: {
+    ({ onClear, value, ...props }: NeoSearchChipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Tree/Tree.d.ts

@@ -1,26 +1,42 @@
-import type { ReactNode } from 'react';
+import { type TreeItemProps } from '@mui/x-tree-view/TreeItem';
+import { type RichTreeViewProProps } from '@mui/x-tree-view-pro/RichTreeViewPro';
+import { type ReactNode } from 'react';
 /**
- * Props for the NeoTree component
+ * Extended item data that NeoTreeItem can read from the items array.
+ * Consumers pass these via the `items` prop on NeoTreeView.
  */
-export interface NeoTreeProps {
-    /**
-     * The content to display inside the component
-     */
-    children?: ReactNode;
+export interface NeoTreeItemData {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    checkbox?: ReactNode;
+    secondaryLabel?: ReactNode;
+    endAction?: ReactNode;
+    statusIcon?: ReactNode;
+    children?: NeoTreeItemData[];
 }
+export type NeoTreeItemProps = TreeItemProps;
 /**
- * NeoTree - TODO: Add component description
+ * NeoTreeItem - Styled tree item row with optional icon, checkbox,
+ * secondaryLabel, endAction, and statusIcon slots.
+ *
+ * Slot data is read from the item model (passed via `items` on NeoTreeView).
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4190-30493
+ */
+export declare const NeoTreeItem: import("react").ForwardRefExoticComponent<TreeItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export interface NeoTreeViewProps extends Omit<RichTreeViewProProps<NeoTreeItemData, false>, 'slots'> {
+    slots?: RichTreeViewProProps<NeoTreeItemData, false>['slots'];
+}
+/**
+ * NeoTreeView - Styled tree container wrapping MUI RichTreeViewPro.
  *
- * Figma Props Mapping:
- * - TODO: Document Figma property mappings
- * - FigmaProp → reactProp
+ * Provides neo-design token styling, default expand/collapse icons,
+ * and NeoTreeItem as the default item slot.
  *
- * Design Tokens Used:
- * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4190-30493
  */
-export declare const NeoTree: {
-    ({ children, ...props }: NeoTreeProps): import("react/jsx-runtime").JSX.Element;
+export declare const NeoTreeView: {
+    ({ slots, ...props }: NeoTreeViewProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/index.d.ts

@@ -6,8 +6,8 @@ import { AvatarProps } from '@mui/material/Avatar';
 import { ChipProps } from '@mui/material/Chip';
 import { AlertProps } from '@mui/material/Alert';
 import { LinkProps } from '@mui/material/Link';
-import * as _mui_material_ButtonBase from '@mui/material/ButtonBase';
-import { ButtonBaseProps } from '@mui/material/ButtonBase';
+import * as ButtonBase from '@mui/material/ButtonBase';
+import ButtonBase__default, { ButtonBaseProps } from '@mui/material/ButtonBase';
 import { ButtonGroupProps } from '@mui/material/ButtonGroup';
 import { CheckboxProps } from '@mui/material/Checkbox';
 import { GridDensity as GridDensity$1, DataGridProProps, GridSlots, ToolbarProps, GridColumnsPanelProps } from '@mui/x-data-grid-pro';
@@ -40,6 +40,8 @@ import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
 import { PickersShortcutsItem } from '@mui/x-date-pickers/PickersShortcuts';
 import { DateRangePickerProps } from '@mui/x-date-pickers-pro/DateRangePicker';
 import { DateRange } from '@mui/x-date-pickers-pro/models';
+import { TreeItemProps } from '@mui/x-tree-view/TreeItem';
+import { RichTreeViewProProps } from '@mui/x-tree-view-pro/RichTreeViewPro';
 
 interface NeoFooterProps {
     /**
@@ -96,6 +98,11 @@ interface NeoFooterProps {
      * If not provided, will attempt to use DataGrid's pagination state
      */
     hasNextPage?: boolean;
+    /**
+     * Whether to show the selected row count on the left side (pagination variant)
+     * @default true
+     */
+    showSelected?: boolean;
     /**
      * Custom content to render in the footer
      */
@@ -145,7 +152,7 @@ interface NeoFooterProps {
  * />
  */
 declare const NeoFooter: {
-    ({ variant, showShadow, loading, resultCount, onLoadMore, hasMore, paginationInfo, onPreviousPage, onNextPage, hasPreviousPage, hasNextPage, children, }: NeoFooterProps): react_jsx_runtime.JSX.Element;
+    ({ variant, showShadow, loading, resultCount, onLoadMore, hasMore, paginationInfo, onPreviousPage, onNextPage, hasPreviousPage, hasNextPage, showSelected, children, }: NeoFooterProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -302,8 +309,9 @@ interface NeoAvatarProps extends Omit<AvatarProps, 'variant'> {
  *
  * Figma Props Mapping:
  * - Figma Type "Initials" → variant="initials", size="small" (20px)
- * - Figma Type "Small" → variant="circular", size="small" (20px with image)
+ * - Figma Type "Small" → variant="circular", size="small" (32px with image)
  * - Figma Type "Medium" → variant="circular", size="medium" (44px white container with image)
+ * - State: Focus → CSS :focus-visible ring (2px white inner + 4px blue outer)
  * - State: Hover (tooltip) → Wrap component with MUI Tooltip
  *
  * Usage:
@@ -344,9 +352,9 @@ interface NeoBadgeProps extends Omit<ChipProps, 'variant' | 'size'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system-w--correct-set-of-tokens?node-id=4091-17230
  *
  * Figma Props Mapping:
- * - state (Neutral|Error|Warning|Success|Info) → color (default|error|warning|success|info)
- * - iconLeading → icon prop (pass React element)
- * - iconTrailing → deleteIcon prop (pass React element)
+ * - Intent (Neutral|Error|Warning|Success|Info) → color (default|error|warning|success|info)
+ * - LeadingIcon → icon prop (pass React element)
+ * - TrailingIcon → deleteIcon prop (pass React element)
  * - Label → label prop
  */
 declare const NeoBadge: {
@@ -488,11 +496,12 @@ declare module '@mui/material/ButtonBase' {
         destructive: true;
         link: true;
         linkColor: true;
+        tertiary: true;
     }
 }
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor';
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor' | 'tertiary';
 type ButtonSize = 'small' | 'medium';
-interface NeoButtonProps extends Omit<ButtonBaseProps, 'children'> {
+type NeoButtonOwnProps = {
     /**
      * The visual variant of the button
      * @default "primary"
@@ -522,14 +531,25 @@ interface NeoButtonProps extends Omit<ButtonBaseProps, 'children'> {
      * URL to link to. When provided, the button renders as a link element.
      */
     href?: string;
-}
+    /**
+     * Icon placed before the button label
+     */
+    startIcon?: ReactNode;
+    /**
+     * Icon placed after the button label
+     */
+    endIcon?: ReactNode;
+};
+type NeoButtonProps<C extends ElementType = typeof ButtonBase__default> = NeoButtonOwnProps & Omit<React__default.ComponentPropsWithoutRef<C>, keyof NeoButtonOwnProps> & {
+    component?: C;
+};
 /**
  * NeoButton - Text button component based on MUI ButtonBase
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4086-7590
  *
  * Figma Props Mapping:
- * - Hierarchy (Primary|Secondary|Destructive|Link|Link Color) → variant prop
+ * - Hierarchy (Primary|Secondary|Destructive|Link|Link Color|Tertiary) → variant prop
  * - Size (Small|Medium) → size prop
  * - State=Disabled → disabled prop
  * - State=Loading → loading prop
@@ -537,10 +557,10 @@ interface NeoButtonProps extends Omit<ButtonBaseProps, 'children'> {
  * - State=Pressed → CSS :active
  * - State=Focused → CSS :focus-visible
  */
-declare const NeoButton: {
-    ({ variant, size, loading, children, disabled, ...props }: NeoButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
+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 namespace NeoButton {
+    var displayName: string;
+}
 
 type ButtonGroupSize = 'small' | 'medium';
 interface NeoButtonGroupProps extends Omit<ButtonGroupProps, 'size' | 'variant'> {
@@ -1646,6 +1666,41 @@ declare const NeoModalFooter: {
     displayName: string;
 };
 
+interface NeoNavigationItemProps extends Omit<ButtonBaseProps, 'children'> {
+    /**
+     * Icon element to display
+     */
+    icon?: ReactNode;
+    /**
+     * Text label below the icon
+     */
+    label?: string;
+    /**
+     * Whether the item is selected/active
+     * @figma State (Selected)
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Optional tag badge content (e.g., count)
+     * @figma Tag
+     */
+    tag?: string;
+    /**
+     * Additional content
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoNavigationItem - Vertical navigation item with icon, label, and optional tag
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=8455-6120
+ */
+declare const NeoNavigationItem: {
+    ({ icon, label, selected, tag, children, ...props }: NeoNavigationItemProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 /**
  * Breadcrumb item configuration
  */
@@ -1962,6 +2017,25 @@ declare const NeoRadio: {
     displayName: string;
 };
 
+interface NeoSearchChipProps extends Omit<InputBaseProps, 'startAdornment' | 'endAdornment' | 'type'> {
+    /**
+     * Handler for clearing the search value (shows X icon when provided and value is non-empty)
+     */
+    onClear?: () => void;
+}
+/**
+ * NeoSearchChip - Pill-shaped search input for inline search functionality.
+ *
+ * @example
+ * <NeoSearchChip placeholder="Search titles" value={query} onChange={handleChange} onClear={handleClear} />
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=8542-921
+ */
+declare const NeoSearchChip: {
+    ({ onClear, value, ...props }: NeoSearchChipProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 /**
  * Extended props for NeoSkeleton component
  */
@@ -2544,7 +2618,7 @@ declare const NeoTooltip: {
     displayName: string;
 };
 
-declare const StyledToggleButton: StyledComponent<_mui_material_ToggleButton.ToggleButtonOwnProps & Omit<_mui_material_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>, {}, {}>;
+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>, {}, {}>;
 interface NeoTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientation'> {
 }
 /**
@@ -2591,13 +2665,13 @@ interface NeoMarketplaceCardProps extends Omit<CardProps, 'children' | 'title'>
     /**
      * Whether the card is in selected/active state
      * @default false
-     * @figma Property 1 (Active)
+     * @figma State (Active)
      */
     selected?: boolean;
     /**
      * Whether the card is disabled
      * @default false
-     * @figma Property 1 (Disabled)
+     * @figma State (Disabled)
      */
     disabled?: boolean;
     /**
@@ -2627,10 +2701,11 @@ interface NeoMarketplaceCardProps extends Omit<CardProps, 'children' | 'title'>
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4286-1635&t=Bo58EpFmg6ILJtmv-11
  *
  * Figma Props Mapping:
- * - Property 1="Active" → selected={true}
- * - Property 1="Disabled" → disabled={true}
- * - Property 1="Focused" → CSS :focus-visible state (not a prop)
- * - Property 1="Default" → Base state (no props)
+ * - State="Active" → selected={true}
+ * - State="Disabled" → disabled={true}
+ * - State="Focused" → CSS :focus-visible state (not a prop)
+ * - State="Hover" → CSS :hover state (not a prop)
+ * - State="Default" → Base state (no props)
  *
  * Design Tokens Used:
  * - semanticColors.surfaces.card (#FFFFFF) - Default card background
@@ -2785,6 +2860,46 @@ declare const NeoDatePicker: {
     displayName: string;
 };
 
+/**
+ * Extended item data that NeoTreeItem can read from the items array.
+ * Consumers pass these via the `items` prop on NeoTreeView.
+ */
+interface NeoTreeItemData {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+    checkbox?: ReactNode;
+    secondaryLabel?: ReactNode;
+    endAction?: ReactNode;
+    statusIcon?: ReactNode;
+    children?: NeoTreeItemData[];
+}
+type NeoTreeItemProps = TreeItemProps;
+/**
+ * NeoTreeItem - Styled tree item row with optional icon, checkbox,
+ * secondaryLabel, endAction, and statusIcon slots.
+ *
+ * Slot data is read from the item model (passed via `items` on NeoTreeView).
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4190-30493
+ */
+declare const NeoTreeItem: React$1.ForwardRefExoticComponent<TreeItemProps & React$1.RefAttributes<HTMLLIElement>>;
+interface NeoTreeViewProps extends Omit<RichTreeViewProProps<NeoTreeItemData, false>, 'slots'> {
+    slots?: RichTreeViewProProps<NeoTreeItemData, false>['slots'];
+}
+/**
+ * NeoTreeView - Styled tree container wrapping MUI RichTreeViewPro.
+ *
+ * Provides neo-design token styling, default expand/collapse icons,
+ * and NeoTreeItem as the default item slot.
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4190-30493
+ */
+declare const NeoTreeView: {
+    ({ slots, ...props }: NeoTreeViewProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 /**
  * @moderneinc/neo-styled-components
  *
@@ -2804,5 +2919,5 @@ declare module '@mui/x-data-grid-pro' {
 
 declare const version: string
 
-export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonGroup, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoFilterChip, NeoFooter, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMarketplaceCard, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoStatusBanner, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, getDataGridHeaderStyles, version };
-export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonGroupProps, NeoButtonProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoFilterChipProps, NeoFooterProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusBannerProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
+export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonGroup, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoFilterChip, NeoFooter, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMarketplaceCard, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoStatusBanner, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, getDataGridHeaderStyles, version };
+export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonGroupProps, NeoButtonProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoFilterChipProps, NeoFooterProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusBannerProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };