@moderneinc/neo-styled-components 2.5.0 → 2.6.0

package/dist/ActivityHeader/ActivityHeader.d.ts

@@ -34,6 +34,7 @@ export interface NeoActivityHeaderProps {
  *
  * **Figma Props Mapping:**
  * - `Size` (Figma) → `size` (React): Height variant matching DataGrid sizes
+ * - `Type` (Figma) → `color` (React): Activity type (Commit Job → commitJob, Recipe Run → recipeRun, Visualization → visualization)
  *
  * **Design Tokens:**
  * - `semanticColors.activity.commitJob` - Blue dot for commit job events (#2F42FF)

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

@@ -21,7 +21,6 @@ export interface NeoButtonGroupProps extends Omit<MuiButtonGroupProps, 'size' |
  *
  * Figma Props Mapping:
  * - Size (Sm|Md) → size prop (small|medium)
- * - Icon=False → Icon support not included in this implementation
  * - Active button state → Controlled externally via button props or classes
  *
  * Usage:

package/dist/CodeSnippet/CodeSnippet.d.ts

@@ -7,20 +7,20 @@ declare module '@mui/material/ButtonBase' {
     }
 }
 type CodeSnippetVariant = 'outlined' | 'filled';
-type CodeSnippetSize = 'xs' | 'small' | 'large';
+type CodeSnippetSize = 'xs' | 'small' | 'large' | 'inline';
 export interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
     /**
      * The visual variant of the code snippet
      * @default "outlined"
      *
-     * @figma Color (Light|Dark)
+     * @figma Theme (Dark|Light)
      */
     variant?: CodeSnippetVariant;
     /**
      * The size of the code snippet
      * @default "small"
      *
-     * @figma size (xs|small|large)
+     * @figma Size (Single line|multiline|inline)
      */
     size?: CodeSnippetSize;
     /**
@@ -39,7 +39,7 @@ export interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
  *
  * Figma Props Mapping:
  * - Color (Light|Dark) → variant (outlined|filled)
- * - size (Single line|multiline) → auto-detected from children
+ * - size (Single line|multiline|inline) → size prop + auto-detected multiline
  * - Copy button → endIcon (ReactNode)
  * - Text content → children prop
  */

package/dist/FilterChip/FilterChip.d.ts

@@ -0,0 +1,42 @@
+import { type ChipProps } from '@mui/material/Chip';
+export interface NeoFilterChipProps extends Omit<ChipProps, 'variant' | 'color' | 'label'> {
+    /**
+     * The filter label text
+     */
+    label: string;
+    /**
+     * Whether the filter has active selections
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * Whether the filter dropdown is expanded
+     * @default false
+     */
+    expanded?: boolean;
+    /**
+     * Value text shown when selected (e.g. "Filter 1, Filter 2")
+     */
+    selectedLabel?: string;
+    /**
+     * Number of active filter selections (shown as badge when selected)
+     * @default 0
+     */
+    count?: number;
+    /**
+     * Handler for clearing the filter (shows X icon when provided and selected)
+     */
+    onClear?: (e: React.MouseEvent) => void;
+}
+/**
+ * NeoFilterChip - Filter chip for filtering data, based on MUI Chip.
+ *
+ * @example
+ * <NeoFilterChip label="Status" selected selectedLabel="Active, Pending" count={2} onClear={handleClear} />
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=8257-239
+ */
+export declare const NeoFilterChip: {
+    ({ label, selected, expanded, selectedLabel, count, onClear, onClick, ...props }: NeoFilterChipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type IconWrapperSize = 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 52 | 56 | 60 | 64 | 72 | 80 | 96 | 128 | 160 | 192;
+export interface NeoIconWrapperProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /**
+     * The size of the icon wrapper in pixels
+     * @figma Size (8px|12px|...|192px)
+     * @default 20
+     */
+    size?: IconWrapperSize;
+    /**
+     * Icon element to render inside the wrapper
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoIconWrapper - Flex-centered container that sizes icons
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4061-9955
+ */
+export declare const NeoIconWrapper: {
+    ({ size, children, ...props }: NeoIconWrapperProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/ListItemButton/ListItemButton.d.ts

@@ -20,7 +20,7 @@ export interface NeoListItemButtonProps extends ListItemButtonProps {
  * NeoListItemButton - Selectable list item with icon and text
  *
  * A selectable list item component that displays an optional icon with primary
- * and secondary text. Supports active (selected), deselected, and disabled states.
+ * and secondary text. Supports active (selected), deselected, focus, and disabled states.
  *
  * Uses MUI's ListItemButton as base for proper accessibility and interaction.
  * Compose with ListItemIcon and ListItemText for proper structure.
@@ -41,9 +41,10 @@ export interface NeoListItemButtonProps extends ListItemButtonProps {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4925-3764
  *
  * Figma Props Mapping:
- * - property1="Active" → selected={true}
- * - property1="Deselected" → selected={false}
- * - property1="Disabled" → disabled={true}
+ * - state="active" → selected={true}
+ * - state="deselected" → selected={false}
+ * - state="focus" → focus-visible CSS state
+ * - state="disabled" → disabled={true}
  * - showIcon → Conditional rendering of ListItemIcon child
  *
  * Design Tokens Used:

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

@@ -0,0 +1,91 @@
+import { type CardProps } from '@mui/material/Card';
+import type { ReactNode } from 'react';
+type LargeCardState = 'default' | 'active' | 'disabled' | 'focused';
+type LargeCardTheme = 'light' | 'dark';
+export interface NeoMarketplaceLargeCardProps extends Omit<CardProps, 'children' | 'title'> {
+    /**
+     * The visual state of the card
+     * @default "default"
+     * @figma State
+     */
+    state?: LargeCardState;
+    /**
+     * The theme variant of the card
+     * @default "light"
+     * @figma Theme
+     */
+    cardTheme?: LargeCardTheme;
+    /**
+     * Whether to show the icon
+     * @default true
+     * @figma Show Icon
+     */
+    showIcon?: boolean;
+    /**
+     * Whether to show the gel brand icon
+     * @default true
+     * @figma Show Gel
+     */
+    showGel?: boolean;
+    /**
+     * Whether to show the button area
+     * @default true
+     * @figma Show Buttons
+     */
+    showButtons?: boolean;
+    /**
+     * Icon element to display in the header row (rendered at 20x20)
+     */
+    icon?: ReactNode;
+    /**
+     * Gel/brand icon to display in the header row (rendered at 20x20)
+     */
+    gel?: ReactNode;
+    /**
+     * Title text displayed inline in the header row with icon and gel
+     */
+    title?: ReactNode;
+    /**
+     * Description text displayed below the header row
+     */
+    children?: ReactNode;
+    /**
+     * Button/action elements for the footer row
+     */
+    actions?: ReactNode;
+    /**
+     * Click handler for the card
+     */
+    onClick?: () => void;
+}
+/**
+ * NeoMarketplaceLargeCard - A large marketplace card with state and theme variants
+ *
+ * A 340x162px card with optional icon, gel brand icon, title, description, and action buttons.
+ * Icon, gel, and title display inline in a header row.
+ * Supports 4 states (default, active, disabled, focused) and 2 themes (light, dark).
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=5925-11
+ *
+ * Figma Props Mapping:
+ * - State → state (Default/Active/Disabled/Focused)
+ * - Theme → cardTheme (Dark/Light)
+ * - Show Icon → showIcon
+ * - Show Gel → showGel
+ * - Show Buttons → showButtons
+ *
+ * Design Tokens Used:
+ * - semanticColors.surfaces.card (#ffffff) - Light theme background
+ * - colors.grey[800] (#1f2937) - Dark theme background
+ * - semanticColors.border.card (#d1d5db) - Default border (50% opacity on dark)
+ * - semanticColors.border.tabActive (#2f42ff) - Active/focused border (light theme)
+ * - colors.digitalGreen[300] (#88fe9b) - Active/focused border (dark theme)
+ * - borderRadius.xS (4px) - Corner radius
+ * - shadows.focusWhite1 + shadows.focusBlue2 - Focus ring
+ * - shadows.card - Active state shadow
+ */
+export declare const NeoMarketplaceLargeCard: {
+    ({ state, cardTheme, showIcon, showGel, showButtons, icon, gel, title, children, actions, onClick, ...props }: NeoMarketplaceLargeCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/MenuItem/MenuItem.d.ts

@@ -30,9 +30,11 @@ export interface NeoMenuItemProps extends MenuItemProps {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-8649
  *
  * Figma Props Mapping:
+ * - Figma "Dropdown - Menu" component uses Type (Avatar|Button|Icon) and Open (True|False)
+ *   to control the menu trigger. NeoMenuItem is the individual item inside the menu.
  * - Text label → children prop (mapped via figma.children)
- * - State=Selected → selected prop (mapped via figma.enum)
- * - State=Disabled → disabled prop (mapped via figma.enum)
+ * - selected → selected prop (React-controlled)
+ * - disabled → disabled prop (React-controlled)
  * - Hover state → CSS :hover (not mapped)
  * - Icon slot → icon prop (not mappable - ReactNode)
  * - Secondary text → secondaryText prop (not mappable - ReactNode/string)

package/dist/NavigationItem/NavigationItem.d.ts

@@ -0,0 +1,36 @@
+import { type ButtonBaseProps } from '@mui/material/ButtonBase';
+import type { ReactNode } from 'react';
+export 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
+ */
+export declare const NeoNavigationItem: {
+    ({ icon, label, selected, tag, children, ...props }: NeoNavigationItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -7,13 +7,13 @@ export interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'var
     /**
      * The severity level of the status banner
      * @default "success"
-     * @figma Status
+     * @figma Intent
      */
-    severity?: 'success' | 'error' | 'neutral';
+    severity?: 'success' | 'error' | 'neutral' | 'info';
     /**
      * The visual variant style
      * @default "outlined"
-     * @figma Mode
+     * @figma Theme
      */
     variant?: 'outlined' | 'filled';
     /**
@@ -28,19 +28,20 @@ export interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'var
 /**
  * NeoStatusBanner - Status banner component for displaying system status messages
  *
- * Displays status information with different severity levels (success, error, neutral) and
+ * Displays status information with different severity levels (success, error, info, neutral) and
  * visual modes (outlined for light backgrounds, filled for emphasis).
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4921-3427
  *
  * Figma Props Mapping:
- * - Status (Success|Error|Offline) → severity ('success'|'error'|'neutral')
+ * - Status (Success|Error|Info|Offline) → severity ('success'|'error'|'info'|'neutral')
  * - Mode (Light|Dark) → variant ('outlined'|'filled')
  *
  * Design Tokens Used:
  * - status.success.light, status.success.medium
  * - status.error.light, status.error.medium
  * - status.neutral.light, status.neutral.medium
+ * - status.info.light, status.info.medium
  * - typography.tooltip, typography.bodySecondary
  * - grey[800]
  * - fontSize.default, fontSize.sm

package/dist/Tag/Tag.d.ts

@@ -2,6 +2,7 @@ import { type ChipProps } from '@mui/material/Chip';
 declare module '@mui/material/Chip' {
     interface ChipPropsColorOverrides {
         violet: true;
+        beta: true;
     }
     interface ChipPropsSizeOverrides {
         large: true;
@@ -26,10 +27,10 @@ export interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
     variant?: 'outlined' | 'filled';
     /**
      * The color/state of the tag
-     * @figma state (Neutral|Error|Warning|Success|Info|Violet)
+     * @figma state (Neutral|Error|Warning|Success|Info|Violet|Beta)
      * @default "default"
      */
-    color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet';
+    color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
 }
 /**
  * NeoTag - Small pill-shaped label component based on MUI Chip
@@ -39,7 +40,7 @@ export interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
  * Figma Props Mapping:
  * - m (sm|md|lg) → size (small|medium|large)
  * - type (light|dark) → variant (outlined|filled)
- * - state (Neutral|Error|Warning|Success|Info|Violet) → color (default|error|warning|success|info|violet)
+ * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
  * - Label text → label prop
  */
 export declare const NeoTag: {

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;
 };