@moderneinc/neo-styled-components 4.0.0-next.3cddda → 4.0.0-next.4150af

package/dist/Button/Button.d.ts

@@ -5,12 +5,10 @@ declare module '@mui/material/ButtonBase' {
         primary: true;
         secondary: true;
         destructive: true;
-        link: true;
-        linkColor: true;
         tertiary: true;
     }
 }
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor' | 'tertiary';
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'tertiary';
 type ButtonSize = 'small' | 'medium';
 type NeoButtonOwnProps = {
     /**
@@ -60,7 +58,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|Tertiary) → variant prop
+ * - Hierarchy (Primary|Secondary|Destructive|Tertiary) → variant prop
  * - Size (Small|Medium) → size prop
  * - State=Disabled → disabled prop
  * - State=Loading → loading prop

package/dist/Checkbox/Checkbox.d.ts

@@ -48,7 +48,7 @@ export interface NeoCheckboxProps extends Omit<CheckboxProps, 'size'> {
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop
  * - Indeterminate (True|False) → indeterminate prop
- * - Size (xs|sm|md) → size prop (xs|small|medium)
+ * - Size (Extra Small|Small|Medium) → size prop (xs|small|medium)
  * - State=Default → default state
  * - State=Hover → CSS :hover
  * - State=Focused → CSS :focus-visible

package/dist/CheckboxWithText/CheckboxWithText.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoCheckboxWithText component
+ */
+export interface NeoCheckboxWithTextProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoCheckboxWithText - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12125-162
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoCheckboxWithText: {
+    ({ children, ...props }: NeoCheckboxWithTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/DataGridCell/DataGridCell.d.ts

@@ -27,7 +27,7 @@ export interface NeoDataGridCellContentProps extends HTMLAttributes<HTMLDivEleme
  * // Avatar with text
  * renderCell: (params) => (
  *   <NeoDataGridCellContent>
- *     <NeoAvatar src={params.row.avatarUrl} />
+ *     <NeoGeneralAvatar src={params.row.avatarUrl} />
  *     <span>{params.row.name}</span>
  *   </NeoDataGridCellContent>
  * )

package/dist/DatePickerListItem/DatePickerListItem.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoDatePickerListItem component
+ */
+export interface NeoDatePickerListItemProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoDatePickerListItem - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoDatePickerListItem: {
+    ({ children, ...props }: NeoDatePickerListItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/DatePickerMenu/DatePickerMenu.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoDatePickerMenu component
+ */
+export interface NeoDatePickerMenuProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoDatePickerMenu - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoDatePickerMenu: {
+    ({ children, ...props }: NeoDatePickerMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Dot/Dot.d.ts

@@ -25,7 +25,7 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
  *
  * Figma Props Mapping:
- * - size (sm|md|lg) → size prop (small|medium|large)
+ * - Size (Small|Medium|Large) → size prop (small|medium|large)
  * - outline (False|True) → variant prop (solid|outline)
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */

package/dist/RadioButtonWithText/RadioButtonWithText.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoRadioButtonWithText component
+ */
+export interface NeoRadioButtonWithTextProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoRadioButtonWithText - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-7682
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoRadioButtonWithText: {
+    ({ children, ...props }: NeoRadioButtonWithTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoToggleButton component
+ */
+export interface NeoToggleButtonProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoToggleButton - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4163-5777
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoToggleButton: {
+    ({ children, ...props }: NeoToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/ToggleButtonWithText/ToggleButtonWithText.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoToggleButtonWithText component
+ */
+export interface NeoToggleButtonWithTextProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoToggleButtonWithText - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-10485
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoToggleButtonWithText: {
+    ({ children, ...props }: NeoToggleButtonWithTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/TourModal/TourModal.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoTourModal component
+ */
+export interface NeoTourModalProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoTourModal - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12408-1800
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoTourModal: {
+    ({ children, ...props }: NeoTourModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/index.d.ts

@@ -2,7 +2,6 @@ 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 } from '@mui/x-data-grid';
-import { AvatarProps } from '@mui/material/Avatar';
 import Chip, { ChipProps } from '@mui/material/Chip';
 import { AlertProps } from '@mui/material/Alert';
 import { LinkProps } from '@mui/material/Link';
@@ -17,6 +16,7 @@ import * as _mui_material_styles from '@mui/material/styles';
 import { SxProps, Theme, Breakpoint } from '@mui/material/styles';
 import { DividerProps } from '@mui/material/Divider';
 import { BadgeProps } from '@mui/material/Badge';
+import { AvatarProps } from '@mui/material/Avatar';
 import { IconButtonProps } from '@mui/material/IconButton';
 import { InputBaseProps } from '@mui/material/InputBase';
 import { MenuProps } from '@mui/material/Menu';
@@ -288,57 +288,6 @@ declare const NeoActivityIndicatorCell: {
     displayName: string;
 };
 
-interface NeoAvatarProps extends Omit<AvatarProps, 'variant'> {
-    /**
-     * The size of the avatar
-     * @default "medium"
-     */
-    size?: 'small' | 'medium';
-    /**
-     * The variant of the avatar
-     * - "circular": Image avatar with white surface container (medium only)
-     * - "initials": Text/initials avatar with violet background (no container)
-     * @default "circular"
-     */
-    variant?: 'circular' | 'initials';
-}
-/**
- * NeoAvatar - User avatar component based on MUI Avatar
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=9600-185
- *
- * Figma Props Mapping:
- * - Figma Type "Initials" → variant="initials", size="small" (20px)
- * - 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:
- * ```tsx
- * // Medium image avatar (with white container)
- * <NeoAvatar variant="circular" size="medium" src="/avatar.jpg" alt="User" />
- *
- * // Small image avatar (no container)
- * <NeoAvatar variant="circular" size="small" src="/avatar.jpg" alt="User" />
- *
- * // Small initials avatar
- * <NeoAvatar variant="initials" size="small">A</NeoAvatar>
- *
- * // Medium initials avatar
- * <NeoAvatar variant="initials" size="medium">AB</NeoAvatar>
- *
- * // With tooltip (user wraps)
- * <Tooltip title="This is a tooltip" arrow placement="top">
- *   <NeoAvatar variant="initials">A</NeoAvatar>
- * </Tooltip>
- * ```
- */
-declare const NeoAvatar: {
-    ({ size, variant, ...props }: NeoAvatarProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
 interface NeoBadgeProps extends Omit<ChipProps, 'variant' | 'size'> {
     /**
      * The color/state of the badge
@@ -491,12 +440,10 @@ declare module '@mui/material/ButtonBase' {
         primary: true;
         secondary: true;
         destructive: true;
-        link: true;
-        linkColor: true;
         tertiary: true;
     }
 }
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor' | 'tertiary';
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'tertiary';
 type ButtonSize = 'small' | 'medium';
 type NeoButtonOwnProps = {
     /**
@@ -546,7 +493,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|Tertiary) → variant prop
+ * - Hierarchy (Primary|Secondary|Destructive|Tertiary) → variant prop
  * - Size (Small|Medium) → size prop
  * - State=Disabled → disabled prop
  * - State=Loading → loading prop
@@ -723,7 +670,7 @@ interface NeoCheckboxProps extends Omit<CheckboxProps, 'size'> {
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop
  * - Indeterminate (True|False) → indeterminate prop
- * - Size (xs|sm|md) → size prop (xs|small|medium)
+ * - Size (Extra Small|Small|Medium) → size prop (xs|small|medium)
  * - State=Default → default state
  * - State=Hover → CSS :hover
  * - State=Focused → CSS :focus-visible
@@ -979,7 +926,7 @@ interface NeoDataGridCellContentProps extends HTMLAttributes<HTMLDivElement> {
  * // Avatar with text
  * renderCell: (params) => (
  *   <NeoDataGridCellContent>
- *     <NeoAvatar src={params.row.avatarUrl} />
+ *     <NeoGeneralAvatar src={params.row.avatarUrl} />
  *     <span>{params.row.name}</span>
  *   </NeoDataGridCellContent>
  * )
@@ -1312,7 +1259,7 @@ interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeConte
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
  *
  * Figma Props Mapping:
- * - size (sm|md|lg) → size prop (small|medium|large)
+ * - Size (Small|Medium|Large) → size prop (small|medium|large)
  * - outline (False|True) → variant prop (solid|outline)
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */
@@ -2897,5 +2844,5 @@ declare module '@mui/x-data-grid-pro' {
 
 declare const version: string
 
-export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, 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, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, 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, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, 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, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, 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 };