@moderneinc/neo-styled-components 2.5.0-next.2238f1 → 2.5.0-next.2dcdc6

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

@@ -7,9 +7,10 @@ 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';
 type NeoButtonOwnProps = {
     /**
@@ -59,7 +60,7 @@ export type NeoButtonProps<C extends ElementType = typeof ButtonBase> = NeoButto
  * @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

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/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

@@ -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;
 };
 
@@ -345,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: {
@@ -489,9 +496,10 @@ 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';
 type NeoButtonOwnProps = {
     /**
@@ -541,7 +549,7 @@ type NeoButtonProps<C extends ElementType = typeof ButtonBase__default> = NeoBut
  * @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
@@ -1658,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
  */
@@ -2622,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;
     /**
@@ -2658,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
@@ -2816,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
  *
@@ -2835,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, NeoSearchChip, 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, NeoSearchChipProps, 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 };