@moderneinc/neo-styled-components 2.8.0-next.22110f → 2.8.0-next.43dd96

package/dist/Banner/Banner.d.ts

@@ -1,13 +1,22 @@
 import { type AlertProps } from '@mui/material/Alert';
 import type { ReactNode } from 'react';
+type Intent = 'info' | 'success' | 'error' | 'warning' | 'neutral';
+type BannerType = 'outlined' | 'filled';
 export interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
     /**
-     * The visual style variant of the banner
-     * @default "light"
+     * The intent/purpose of the banner
+     * @default "info"
      *
-     * @figmaPropMapping color (Dark|Light|Success|Error|Warning) → variant
+     * @figmaPropMapping Intention (Info|Success|Error|Warning|Neutral) → intent
      */
-    variant?: 'dark' | 'light' | 'success' | 'error' | 'warning';
+    intent?: Intent;
+    /**
+     * Visual type: outlined (light bg) or filled (solid bg)
+     * @default "outlined"
+     *
+     * @figmaPropMapping Type (Outlined|Filled) → type
+     */
+    type?: BannerType;
     /**
      * The message text to display
      *
@@ -18,20 +27,20 @@ export interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity'
      * Horizontal alignment of the message content
      * @default "left"
      *
-     * @figmaPropMapping messagePosition (Left|Center) → messagePosition
+     * @figmaPropMapping Message Position (Left|Center) → messagePosition
      */
     messagePosition?: 'left' | 'center';
     /**
      * Optional link text to display after the message
      *
-     * @figmaPropMapping link (boolean) → linkText (string)
+     * @figmaPropMapping Show Link (boolean) → linkText (string)
      */
     linkText?: string;
     /**
      * Whether to show the close button
      * @default true
      *
-     * @figmaPropMapping closeIcon → showClose
+     * @figmaPropMapping Dismissible → showClose
      */
     showClose?: boolean;
     /**
@@ -48,19 +57,8 @@ export interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity'
      */
     onLinkClick?: () => void;
 }
-/**
- * NeoBanner - Inline banner/alert component based on MUI Alert
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4170-2158
- *
- * Figma Props Mapping:
- * - color (Dark|Light|Success|Error|Warning) → variant (dark|light|success|error|warning)
- * - messagePosition (Left|Center) → messagePosition ("left"|"center")
- * - closeIcon (boolean) → showClose (boolean)
- * - link (boolean) → linkText (string)
- * - {Message} → message (string)
- */
 export declare const NeoBanner: {
-    ({ variant, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): import("react/jsx-runtime").JSX.Element;
+    ({ intent, type, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
+export {};

package/dist/Card/Card.d.ts

@@ -13,7 +13,7 @@ export interface NeoCardSmallProps extends Omit<CardProps, 'children' | 'title'>
 }
 export interface NeoCardLargeProps extends Omit<CardProps, 'children' | 'title'> {
     size: 'large';
-    state?: 'default' | 'active' | 'disabled' | 'focused';
+    disabled?: boolean;
     cardTheme?: 'light' | 'dark';
     showIcon?: boolean;
     showGel?: boolean;

package/dist/Checkbox/Checkbox.d.ts

@@ -2,7 +2,7 @@ import { type CheckboxProps } from '@mui/material/Checkbox';
 import type { ReactNode } from 'react';
 /**
  * Custom checkbox icons matching Figma design
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-39311
+ * @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)
@@ -43,7 +43,7 @@ export interface NeoCheckboxProps extends Omit<CheckboxProps, 'size'> {
 /**
  * NeoCheckbox - Checkbox component based on MUI Checkbox
  *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-39311
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11487-81
  *
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop

package/dist/CodeSnippet/CodeSnippet.d.ts

@@ -20,7 +20,7 @@ export interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
      * The size of the code snippet
      * @default "small"
      *
-     * @figma Size (Single line|multiline|inline)
+     * @figma Content (Multi|Inline)
      */
     size?: CodeSnippetSize;
     /**
@@ -38,9 +38,9 @@ export interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4187-30353
  *
  * Figma Props Mapping:
- * - Color (Light|Dark) → variant (outlined|filled)
- * - size (Single line|multiline|inline) → size prop + auto-detected multiline
- * - Copy button → endIcon (ReactNode)
+ * - Theme (Dark|Light) → variant (filled|outlined)
+ * - Content (Multi|Inline) → size prop + auto-detected multiline
+ * - Show icon → endIcon (ReactNode, unmappable: boolean vs ReactNode)
  * - Text content → children prop
  */
 export declare const NeoCodeSnippet: {

package/dist/DownloadToast/DownloadToast.d.ts

@@ -0,0 +1,47 @@
+import { type PaperProps } from '@mui/material/Paper';
+import type { ReactNode } from 'react';
+export interface NeoDownloadToastProps extends Omit<PaperProps, 'title'> {
+    /**
+     * The header text
+     */
+    title?: string;
+    /**
+     * The file name being downloaded
+     */
+    fileName?: string;
+    /**
+     * Progress value (0-100)
+     */
+    progress?: number;
+    /**
+     * Whether to show the close button
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * Whether to show the pause button
+     * @default true
+     */
+    showPause?: boolean;
+    /**
+     * Callback when close button is clicked
+     */
+    onClose?: () => void;
+    /**
+     * Callback when pause button is clicked
+     */
+    onPause?: () => void;
+    /**
+     * Custom actions to override the default pause/close buttons
+     */
+    actions?: ReactNode;
+}
+/**
+ * NeoDownloadToast - Standalone download progress toast notification
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=3377-26954
+ */
+export declare const NeoDownloadToast: {
+    ({ title, fileName, progress, showClose, showPause, onClose, onPause, actions, ...props }: NeoDownloadToastProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Radio/Radio.d.ts

@@ -32,7 +32,6 @@ export interface NeoRadioProps extends Omit<RadioProps, 'size'> {
  * NeoRadio - Radio button component based on MUI Radio
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-40039
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-40150
  *
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop

package/dist/Toast/Toast.d.ts

@@ -6,7 +6,7 @@ export interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' |
      * The visual style variant of the toast
      * @default "default"
      */
-    variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info' | 'download';
+    variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info';
     /**
      * The title/header text
      */
@@ -25,14 +25,6 @@ export interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' |
      * Pass action buttons as children of this prop
      */
     actions?: ReactNode;
-    /**
-     * Progress value (0-100) for download variant
-     */
-    progress?: number;
-    /**
-     * File name for download variant
-     */
-    fileName?: string;
     /**
      * Callback when close button is clicked
      */
@@ -44,15 +36,14 @@ export interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' |
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-37223
  *
  * Figma Props Mapping:
- * - type (Light mode|Dark mode|Brand color|Error|Success|Info|Download) → variant (default|dark|brand|error|success|info|download)
+ * - type (Light mode|Dark mode|Brand color|Error|Success|Info) → variant (default|dark|brand|error|success|info)
  * - header → title (string)
  * - supportingText → message (string)
  * - xCloseButton → showClose (boolean)
  * - actions → actions (ReactNode)
- * - Progress bar → progress (number 0-100)
  */
 export declare const NeoToast: {
-    ({ variant, title, message, showClose, actions, progress, fileName, onClose, ...props }: NeoToastProps): import("react/jsx-runtime").JSX.Element;
+    ({ variant, title, message, showClose, actions, onClose, ...props }: NeoToastProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 /**

package/dist/index.d.ts

@@ -362,14 +362,23 @@ declare const NeoBadge: {
     displayName: string;
 };
 
+type Intent = 'info' | 'success' | 'error' | 'warning' | 'neutral';
+type BannerType = 'outlined' | 'filled';
 interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
     /**
-     * The visual style variant of the banner
-     * @default "light"
+     * The intent/purpose of the banner
+     * @default "info"
+     *
+     * @figmaPropMapping Intention (Info|Success|Error|Warning|Neutral) → intent
+     */
+    intent?: Intent;
+    /**
+     * Visual type: outlined (light bg) or filled (solid bg)
+     * @default "outlined"
      *
-     * @figmaPropMapping color (Dark|Light|Success|Error|Warning) → variant
+     * @figmaPropMapping Type (Outlined|Filled) → type
      */
-    variant?: 'dark' | 'light' | 'success' | 'error' | 'warning';
+    type?: BannerType;
     /**
      * The message text to display
      *
@@ -380,20 +389,20 @@ interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'colo
      * Horizontal alignment of the message content
      * @default "left"
      *
-     * @figmaPropMapping messagePosition (Left|Center) → messagePosition
+     * @figmaPropMapping Message Position (Left|Center) → messagePosition
      */
     messagePosition?: 'left' | 'center';
     /**
      * Optional link text to display after the message
      *
-     * @figmaPropMapping link (boolean) → linkText (string)
+     * @figmaPropMapping Show Link (boolean) → linkText (string)
      */
     linkText?: string;
     /**
      * Whether to show the close button
      * @default true
      *
-     * @figmaPropMapping closeIcon → showClose
+     * @figmaPropMapping Dismissible → showClose
      */
     showClose?: boolean;
     /**
@@ -410,20 +419,8 @@ interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'colo
      */
     onLinkClick?: () => void;
 }
-/**
- * NeoBanner - Inline banner/alert component based on MUI Alert
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4170-2158
- *
- * Figma Props Mapping:
- * - color (Dark|Light|Success|Error|Warning) → variant (dark|light|success|error|warning)
- * - messagePosition (Left|Center) → messagePosition ("left"|"center")
- * - closeIcon (boolean) → showClose (boolean)
- * - link (boolean) → linkText (string)
- * - {Message} → message (string)
- */
 declare const NeoBanner: {
-    ({ variant, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): react_jsx_runtime.JSX.Element;
+    ({ intent, type, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
@@ -684,7 +681,7 @@ 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=4122-39311
+ * @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)
@@ -721,7 +718,7 @@ interface NeoCheckboxProps extends Omit<CheckboxProps, 'size'> {
 /**
  * NeoCheckbox - Checkbox component based on MUI Checkbox
  *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-39311
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11487-81
  *
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop
@@ -787,7 +784,7 @@ interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
      * The size of the code snippet
      * @default "small"
      *
-     * @figma Size (Single line|multiline|inline)
+     * @figma Content (Multi|Inline)
      */
     size?: CodeSnippetSize;
     /**
@@ -805,9 +802,9 @@ interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4187-30353
  *
  * Figma Props Mapping:
- * - Color (Light|Dark) → variant (outlined|filled)
- * - size (Single line|multiline|inline) → size prop + auto-detected multiline
- * - Copy button → endIcon (ReactNode)
+ * - Theme (Dark|Light) → variant (filled|outlined)
+ * - Content (Multi|Inline) → size prop + auto-detected multiline
+ * - Show icon → endIcon (ReactNode, unmappable: boolean vs ReactNode)
  * - Text content → children prop
  */
 declare const NeoCodeSnippet: {
@@ -2006,7 +2003,6 @@ interface NeoRadioProps extends Omit<RadioProps, 'size'> {
  * NeoRadio - Radio button component based on MUI Radio
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-40039
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-40150
  *
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop
@@ -2263,7 +2259,7 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
      * The visual style variant of the toast
      * @default "default"
      */
-    variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info' | 'download';
+    variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info';
     /**
      * The title/header text
      */
@@ -2282,14 +2278,6 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
      * Pass action buttons as children of this prop
      */
     actions?: ReactNode;
-    /**
-     * Progress value (0-100) for download variant
-     */
-    progress?: number;
-    /**
-     * File name for download variant
-     */
-    fileName?: string;
     /**
      * Callback when close button is clicked
      */
@@ -2301,15 +2289,14 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-37223
  *
  * Figma Props Mapping:
- * - type (Light mode|Dark mode|Brand color|Error|Success|Info|Download) → variant (default|dark|brand|error|success|info|download)
+ * - type (Light mode|Dark mode|Brand color|Error|Success|Info) → variant (default|dark|brand|error|success|info)
  * - header → title (string)
  * - supportingText → message (string)
  * - xCloseButton → showClose (boolean)
  * - actions → actions (ReactNode)
- * - Progress bar → progress (number 0-100)
  */
 declare const NeoToast: {
-    ({ variant, title, message, showClose, actions, progress, fileName, onClose, ...props }: NeoToastProps): react_jsx_runtime.JSX.Element;
+    ({ variant, title, message, showClose, actions, onClose, ...props }: NeoToastProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 /**
@@ -2688,7 +2675,7 @@ interface NeoCardSmallProps extends Omit<CardProps, 'children' | 'title'> {
 }
 interface NeoCardLargeProps extends Omit<CardProps, 'children' | 'title'> {
     size: 'large';
-    state?: 'default' | 'active' | 'disabled' | 'focused';
+    disabled?: boolean;
     cardTheme?: 'light' | 'dark';
     showIcon?: boolean;
     showGel?: boolean;