@moderneinc/neo-styled-components 3.0.0 → 4.0.0-next.44b6fc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -362,7 +362,7 @@ declare const NeoBadge: {
362
362
  displayName: string;
363
363
  };
364
364
 
365
- type Intent = 'info' | 'success' | 'error' | 'warning' | 'neutral';
365
+ type Intent$2 = 'info' | 'success' | 'error' | 'warning' | 'neutral';
366
366
  type BannerType = 'outlined' | 'filled';
367
367
  interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
368
368
  /**
@@ -371,7 +371,7 @@ interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'colo
371
371
  *
372
372
  * @figmaPropMapping Intention (Info|Success|Error|Warning|Neutral) → intent
373
373
  */
374
- intent?: Intent;
374
+ intent?: Intent$2;
375
375
  /**
376
376
  * Visual type: outlined (light bg) or filled (solid bg)
377
377
  * @default "outlined"
@@ -1099,7 +1099,7 @@ declare namespace NeoDataGridFiltersButton {
1099
1099
  var displayName: string;
1100
1100
  }
1101
1101
 
1102
- interface NeoDropdownMenuItemProps extends MenuItemProps {
1102
+ interface NeoMenuItemProps extends MenuItemProps {
1103
1103
  /**
1104
1104
  * Optional icon to display on the left side
1105
1105
  * Note: Cannot be directly mapped from Figma (ReactNode)
@@ -1124,49 +1124,49 @@ interface NeoDropdownMenuItemProps extends MenuItemProps {
1124
1124
  children?: ReactNode;
1125
1125
  }
1126
1126
  /**
1127
- * NeoDropdownMenuItem - Dropdown menu item component based on MUI MenuItem
1127
+ * NeoMenuItem - Menu item component based on MUI MenuItem
1128
1128
  *
1129
1129
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-8584
1130
1130
  *
1131
1131
  * @example
1132
1132
  * ```tsx
1133
1133
  * // With icon and shortcut
1134
- * <NeoDropdownMenuItem icon={<UserIcon />} shortcut="⌘+P">
1134
+ * <NeoMenuItem icon={<UserIcon />} shortcut="⌘+P">
1135
1135
  * View profile
1136
- * </NeoDropdownMenuItem>
1136
+ * </NeoMenuItem>
1137
1137
  *
1138
1138
  * // With secondary text (user list pattern from Figma node 4305:41844)
1139
- * <NeoDropdownMenuItem secondaryText="@phoenix">Phoenix Baker</NeoDropdownMenuItem>
1140
- * <NeoDropdownMenuItem secondaryText="@olivia">Olivia Rhye</NeoDropdownMenuItem>
1139
+ * <NeoMenuItem secondaryText="@phoenix">Phoenix Baker</NeoMenuItem>
1140
+ * <NeoMenuItem secondaryText="@olivia">Olivia Rhye</NeoMenuItem>
1141
1141
  *
1142
1142
  * // Disabled state
1143
- * <NeoDropdownMenuItem disabled>Disabled item</NeoDropdownMenuItem>
1143
+ * <NeoMenuItem disabled>Disabled item</NeoMenuItem>
1144
1144
  * ```
1145
1145
  */
1146
- declare const NeoDropdownMenuItem: {
1147
- ({ icon, shortcut, secondaryText, children, ...props }: NeoDropdownMenuItemProps): react_jsx_runtime.JSX.Element;
1146
+ declare const NeoMenuItem: {
1147
+ ({ icon, shortcut, secondaryText, children, ...props }: NeoMenuItemProps): react_jsx_runtime.JSX.Element;
1148
1148
  displayName: string;
1149
1149
  };
1150
1150
 
1151
- type NeoDropdownProps = SelectProps;
1151
+ type NeoSelectProps = SelectProps;
1152
1152
  /**
1153
- * NeoDropdown - Dropdown select component with Neo design system styling
1153
+ * NeoSelect - Select component with Neo design system styling
1154
1154
  *
1155
1155
  * A styled version of MUI's Select that uses Neo design tokens, Lucide ChevronDown icon,
1156
- * and NeoDropdownMenu/NeoDropdownMenuItem for the dropdown list.
1156
+ * and NeoMenu/NeoMenuItem for the dropdown list.
1157
1157
  *
1158
1158
  * @example
1159
1159
  * ```tsx
1160
- * import { NeoDropdown, NeoDropdownOption } from '@moderneinc/neo-styled-components'
1160
+ * import { NeoSelect, NeoSelectOption } from '@moderneinc/neo-styled-components'
1161
1161
  *
1162
- * <NeoDropdown value={value} onChange={handleChange}>
1163
- * <NeoDropdownOption value="option1">Option 1</NeoDropdownOption>
1164
- * <NeoDropdownOption value="option2">Option 2</NeoDropdownOption>
1165
- * </NeoDropdown>
1162
+ * <NeoSelect value={value} onChange={handleChange}>
1163
+ * <NeoSelectOption value="option1">Option 1</NeoSelectOption>
1164
+ * <NeoSelectOption value="option2">Option 2</NeoSelectOption>
1165
+ * </NeoSelect>
1166
1166
  * ```
1167
1167
  */
1168
- declare const NeoDropdown: {
1169
- (props: NeoDropdownProps): react_jsx_runtime.JSX.Element;
1168
+ declare const NeoSelect: {
1169
+ (props: NeoSelectProps): react_jsx_runtime.JSX.Element;
1170
1170
  displayName: string;
1171
1171
  };
1172
1172
 
@@ -1267,11 +1267,11 @@ interface NeoDividerProps extends DividerProps {
1267
1267
  * @example
1268
1268
  * ```tsx
1269
1269
  * // In a menu
1270
- * <NeoDropdownMenu>
1271
- * <NeoDropdownMenuItem>Settings</NeoDropdownMenuItem>
1270
+ * <NeoMenu>
1271
+ * <NeoMenuItem>Settings</NeoMenuItem>
1272
1272
  * <NeoDivider />
1273
- * <NeoDropdownMenuItem>Sign out</NeoDropdownMenuItem>
1274
- * </NeoDropdownMenu>
1273
+ * <NeoMenuItem>Sign out</NeoMenuItem>
1274
+ * </NeoMenu>
1275
1275
  *
1276
1276
  * // In a card
1277
1277
  * <Card>
@@ -1537,14 +1537,14 @@ declare const NeoLoadingSpinner: {
1537
1537
  displayName: string;
1538
1538
  };
1539
1539
 
1540
- interface NeoDropdownMenuProps extends MenuProps {
1540
+ interface NeoMenuProps extends MenuProps {
1541
1541
  /**
1542
- * Menu content (typically NeoDropdownMenuItem components)
1542
+ * Menu content (typically NeoMenuItem components)
1543
1543
  */
1544
1544
  children?: React.ReactNode;
1545
1545
  }
1546
1546
  /**
1547
- * NeoDropdownMenu - Dropdown menu component based on MUI Menu
1547
+ * NeoMenu - Menu component based on MUI Menu
1548
1548
  *
1549
1549
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11141-4980
1550
1550
  *
@@ -1554,18 +1554,18 @@ interface NeoDropdownMenuProps extends MenuProps {
1554
1554
  * const open = Boolean(anchorEl);
1555
1555
  *
1556
1556
  * <Button onClick={(e) => setAnchorEl(e.currentTarget)}>Open Menu</Button>
1557
- * <NeoDropdownMenu
1557
+ * <NeoMenu
1558
1558
  * open={open}
1559
1559
  * anchorEl={anchorEl}
1560
1560
  * onClose={() => setAnchorEl(null)}
1561
1561
  * >
1562
- * <NeoDropdownMenuItem icon={<Icon />} shortcut="⌘+P">View profile</NeoDropdownMenuItem>
1563
- * <NeoDropdownMenuItem>Settings</NeoDropdownMenuItem>
1564
- * </NeoDropdownMenu>
1562
+ * <NeoMenuItem icon={<Icon />} shortcut="⌘+P">View profile</NeoMenuItem>
1563
+ * <NeoMenuItem>Settings</NeoMenuItem>
1564
+ * </NeoMenu>
1565
1565
  * ```
1566
1566
  */
1567
- declare const NeoDropdownMenu: {
1568
- ({ children, ...props }: NeoDropdownMenuProps): react_jsx_runtime.JSX.Element;
1567
+ declare const NeoMenu: {
1568
+ ({ children, ...props }: NeoMenuProps): react_jsx_runtime.JSX.Element;
1569
1569
  displayName: string;
1570
1570
  };
1571
1571
 
@@ -1696,7 +1696,7 @@ declare const NeoNavigationAvatar: {
1696
1696
  displayName: string;
1697
1697
  };
1698
1698
 
1699
- interface NeoNavigationItemProps extends Omit<ButtonBaseProps, 'children'> {
1699
+ type NeoNavigationItemOwnProps = {
1700
1700
  /**
1701
1701
  * Icon element to display
1702
1702
  */
@@ -1720,16 +1720,19 @@ interface NeoNavigationItemProps extends Omit<ButtonBaseProps, 'children'> {
1720
1720
  * Additional content
1721
1721
  */
1722
1722
  children?: ReactNode;
1723
- }
1723
+ };
1724
+ type NeoNavigationItemProps<C extends ElementType = typeof ButtonBase__default> = NeoNavigationItemOwnProps & Omit<ButtonBaseProps, keyof NeoNavigationItemOwnProps | 'component'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoNavigationItemOwnProps | keyof ButtonBaseProps> & {
1725
+ component?: C;
1726
+ };
1724
1727
  /**
1725
1728
  * NeoNavigationItem - Vertical navigation item with icon, label, and optional tag
1726
1729
  *
1727
1730
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=8455-6120
1728
1731
  */
1729
- declare const NeoNavigationItem: {
1730
- ({ icon, label, selected, tag, children, ...props }: NeoNavigationItemProps): react_jsx_runtime.JSX.Element;
1731
- displayName: string;
1732
- };
1732
+ declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase__default>({ icon, label, selected, tag, children, ...props }: NeoNavigationItemProps<C>): react_jsx_runtime.JSX.Element;
1733
+ declare namespace NeoNavigationItem {
1734
+ var displayName: string;
1735
+ }
1733
1736
 
1734
1737
  /**
1735
1738
  * Breadcrumb item configuration
@@ -2101,57 +2104,51 @@ declare const NeoSkeleton: {
2101
2104
  displayName: string;
2102
2105
  };
2103
2106
 
2104
- /**
2105
- * Props for the NeoStatusBanner component
2106
- */
2107
- interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'variant'> {
2107
+ type Intent$1 = 'success' | 'error' | 'warning' | 'offline' | 'info';
2108
+ type AlertType = 'outlined' | 'filled';
2109
+ interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color'> {
2108
2110
  /**
2109
- * The severity level of the status banner
2111
+ * The intent/purpose of the alert
2110
2112
  * @default "success"
2111
2113
  * @figma Intent
2112
2114
  */
2113
- severity?: 'success' | 'error' | 'neutral' | 'info';
2115
+ intent?: Intent$1;
2114
2116
  /**
2115
- * The visual variant style
2117
+ * Visual type: outlined (light bg) or filled (solid bg)
2116
2118
  * @default "outlined"
2117
- * @figma Theme
2119
+ * @figma Type
2118
2120
  */
2119
- variant?: 'outlined' | 'filled';
2121
+ type?: AlertType;
2120
2122
  /**
2121
- * The content to display inside the banner
2123
+ * The title text displayed in the alert
2122
2124
  */
2123
- children?: ReactNode;
2125
+ title: string;
2124
2126
  /**
2125
- * Custom icon to display (defaults to severity-based icon)
2127
+ * Optional supporting description text
2128
+ */
2129
+ description?: string;
2130
+ /**
2131
+ * Custom icon to display (defaults to intent-based icon)
2126
2132
  */
2127
2133
  icon?: ReactNode;
2134
+ /**
2135
+ * Optional action element (typically a button) displayed on the right
2136
+ */
2137
+ action?: ReactNode;
2128
2138
  }
2129
2139
  /**
2130
- * NeoStatusBanner - Status banner component for displaying system status messages
2131
- *
2132
- * Displays status information with different severity levels (success, error, info, neutral) and
2133
- * visual modes (outlined for light backgrounds, filled for emphasis).
2140
+ * NeoAlert - Alert component for displaying contextual status messages
2134
2141
  *
2135
2142
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4921-3427
2136
2143
  *
2137
2144
  * Figma Props Mapping:
2138
- * - Status (Success|Error|Info|Offline) → severity ('success'|'error'|'info'|'neutral')
2139
- * - Mode (Light|Dark) → variant ('outlined'|'filled')
2140
- *
2141
- * Design Tokens Used:
2142
- * - status.success.light, status.success.default
2143
- * - status.error.light, status.error.default
2144
- * - status.neutral.light, status.neutral.default
2145
- * - status.info.light, status.info.default
2146
- * - typography.tooltip, typography.bodySecondary
2147
- * - grey[800]
2148
- * - fontSize.default, fontSize.sm
2149
- * - fontWeight.medium, fontWeight.regular
2150
- * - fontFamily.body
2151
- * - surfaces.shadowNeutral
2152
- */
2153
- declare const NeoStatusBanner: {
2154
- ({ severity, variant, icon, children, ...props }: NeoStatusBannerProps): react_jsx_runtime.JSX.Element;
2145
+ * - Intent (Success|Error|Warning|Offline|Info) → intent
2146
+ * - Type (Outlined|Filled) → type
2147
+ * - Show supporting text → description prop presence
2148
+ * - Show Button → action prop presence
2149
+ */
2150
+ declare const NeoAlert: {
2151
+ ({ intent, type, title, description, icon, action, ...props }: NeoAlertProps): react_jsx_runtime.JSX.Element;
2155
2152
  displayName: string;
2156
2153
  };
2157
2154
 
@@ -2194,10 +2191,7 @@ interface NeoTabProps extends Omit<TabProps, 'label'> {
2194
2191
  *
2195
2192
  * Figma Props Mapping:
2196
2193
  * - Current=True/False → Controlled by parent NeoTabs value
2197
- * - State=Defaultdefault styling
2198
- * - State=Hover → CSS :hover
2199
- * - State=Focus → CSS :focus-visible
2200
- * - Tag count → count prop (renders NeoTag)
2194
+ * - Show tag count prop (renders NeoTag)
2201
2195
  * - Text label → label prop
2202
2196
  */
2203
2197
  declare const NeoTab: {
@@ -2221,24 +2215,24 @@ declare module '@mui/material/Chip' {
2221
2215
  type NeoTagOwnProps = {
2222
2216
  /**
2223
2217
  * The size of the tag
2224
- * @figma m (sm|md|lg)
2218
+ * @figma Size (Small|Medium|Large)
2225
2219
  * @default "small"
2226
2220
  */
2227
2221
  size?: 'small' | 'medium' | 'large';
2228
2222
  /**
2229
2223
  * The variant style of the tag
2230
- * @figma type (light|dark)
2224
+ * @figma Variant (Subtle|Filled)
2231
2225
  * @default "outlined"
2232
2226
  */
2233
2227
  variant?: 'outlined' | 'filled';
2234
2228
  /**
2235
- * The color/state of the tag
2236
- * @figma state (Neutral|Error|Warning|Success|Info|Violet|Beta)
2229
+ * The intent/purpose of the tag
2230
+ * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
2237
2231
  * @default "default"
2238
2232
  */
2239
- color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
2233
+ intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
2240
2234
  };
2241
- type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps> & {
2235
+ type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component' | 'color'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
2242
2236
  component?: C;
2243
2237
  };
2244
2238
  /**
@@ -2247,22 +2241,33 @@ type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<Co
2247
2241
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
2248
2242
  *
2249
2243
  * Figma Props Mapping:
2250
- * - m (sm|md|lg) → size (small|medium|large)
2251
- * - type (light|dark) → variant (outlined|filled)
2252
- * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
2253
- * - Label text → label prop
2244
+ * - Size (Small|Medium|Large) → size (small|medium|large)
2245
+ * - Variant (Subtle|Filled) → variant (outlined|filled)
2246
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → intent (default|error|warning|success|info|violet|beta)
2247
+ * - TEXT Label → label prop
2254
2248
  */
2255
- declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
2249
+ declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, intent, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
2256
2250
  declare namespace NeoTag {
2257
2251
  var displayName: string;
2258
2252
  }
2259
2253
 
2254
+ type Intent = 'neutral' | 'info' | 'success' | 'error' | 'warning';
2255
+ type ToastType = 'outlined' | 'filled';
2260
2256
  interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
2261
2257
  /**
2262
- * The visual style variant of the toast
2263
- * @default "default"
2258
+ * The intent/purpose of the toast
2259
+ * @default "neutral"
2260
+ *
2261
+ * @figmaPropMapping Intent (Neutral|Error|Success|Info|Warning) → intent
2262
+ */
2263
+ intent?: Intent;
2264
+ /**
2265
+ * Visual type: outlined (light bg + border) or filled (solid bg)
2266
+ * @default "outlined"
2267
+ *
2268
+ * @figmaPropMapping Style (Outlined|Filled) → type
2264
2269
  */
2265
- variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info';
2270
+ type?: ToastType;
2266
2271
  /**
2267
2272
  * The title/header text
2268
2273
  */
@@ -2273,7 +2278,7 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
2273
2278
  message?: string;
2274
2279
  /**
2275
2280
  * Whether to show the close button
2276
- * @default true
2281
+ * @default false
2277
2282
  */
2278
2283
  showClose?: boolean;
2279
2284
  /**
@@ -2290,25 +2295,19 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
2290
2295
  * NeoToast - Notification/Toast component based on MUI Alert
2291
2296
  *
2292
2297
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-37223
2293
- *
2294
- * Figma Props Mapping:
2295
- * - type (Light mode|Dark mode|Brand color|Error|Success|Info) → variant (default|dark|brand|error|success|info)
2296
- * - header → title (string)
2297
- * - supportingText → message (string)
2298
- * - xCloseButton → showClose (boolean)
2299
- * - actions → actions (ReactNode)
2300
2298
  */
2301
2299
  declare const NeoToast: {
2302
- ({ variant, title, message, showClose, actions, onClose, ...props }: NeoToastProps): react_jsx_runtime.JSX.Element;
2300
+ ({ intent, type, title, message, showClose, actions, onClose, ...props }: NeoToastProps): react_jsx_runtime.JSX.Element;
2303
2301
  displayName: string;
2304
2302
  };
2305
2303
  /**
2306
2304
  * Helper component for creating toast action buttons with proper styling
2307
2305
  */
2308
2306
  declare const NeoToastButton: {
2309
- ({ primary, variant, children, ...props }: {
2307
+ ({ primary, intent, type, children, ...props }: {
2310
2308
  primary?: boolean;
2311
- variant?: NeoToastProps["variant"];
2309
+ intent?: Intent;
2310
+ type?: ToastType;
2312
2311
  children: ReactNode;
2313
2312
  } & Omit<React.ComponentProps<typeof Button>, "variant">): react_jsx_runtime.JSX.Element;
2314
2313
  displayName: string;
@@ -2435,7 +2434,7 @@ declare const NeoToolbar: {
2435
2434
 
2436
2435
  declare module '@mui/material/ListItemButton' {
2437
2436
  interface ListItemButtonPropsVariantOverrides {
2438
- size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
2437
+ size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
2439
2438
  }
2440
2439
  }
2441
2440
  /**
@@ -2447,19 +2446,19 @@ interface NeoListItemProps extends Omit<ListItemButtonProps, 'children' | 'size'
2447
2446
  * @default "medium"
2448
2447
  * @figma size
2449
2448
  */
2450
- size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
2449
+ size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
2451
2450
  /**
2452
2451
  * Primary text content (required)
2453
2452
  * @figma Placeholder (primary text)
2454
2453
  */
2455
2454
  primaryText: ReactNode;
2456
2455
  /**
2457
- * Secondary/supporting text content (optional, shown in large/xlarge/xxlarge)
2456
+ * Secondary/supporting text content (optional, shown in large/xlarge/xxlarge/xxxlarge)
2458
2457
  * @figma Recipe name (secondary text)
2459
2458
  */
2460
2459
  secondaryText?: ReactNode;
2461
2460
  /**
2462
- * Badge content for count display (optional, for xxlarge link variant)
2461
+ * Badge content for count display (optional, for xxlarge/xxxlarge link variant)
2463
2462
  * @figma (# recipes)
2464
2463
  */
2465
2464
  badge?: ReactNode;
@@ -2490,14 +2489,14 @@ interface NeoListItemProps extends Omit<ListItemButtonProps, 'children' | 'size'
2490
2489
  /**
2491
2490
  * NeoListItem - Flexible list item component with multiple size variants and states
2492
2491
  *
2493
- * A versatile list item component built on MUI's ListItemButton that supports five size variants
2494
- * (small to xxlarge), interactive states (default, selected, disabled, link), and optional
2492
+ * A versatile list item component built on MUI's ListItemButton that supports six size variants
2493
+ * (small to xxxlarge), interactive states (default, selected, disabled, link), and optional
2495
2494
  * icons/logos, secondary text, and badges.
2496
2495
  *
2497
2496
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4205-36442
2498
2497
  *
2499
2498
  * Figma Props Mapping:
2500
- * - size (small|medium|large|xlarge|XXL) → size (small|medium|large|xlarge|xxlarge)
2499
+ * - size (Small|Medium|Large|Extra Large|XX Large|TripleExtraLarge) → size (small|medium|large|xlarge|xxlarge|xxxlarge)
2501
2500
  * - state (default|active|disabled|link) → selected, disabled, isLink props
2502
2501
  * - showIcon → icon prop (pass ReactNode)
2503
2502
  * - showSupportingText → secondaryText prop (pass ReactNode)
@@ -2599,7 +2598,7 @@ interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
2599
2598
  /**
2600
2599
  * The visual style variant
2601
2600
  * @default "light"
2602
- * @figma Type
2601
+ * @figma Theme
2603
2602
  */
2604
2603
  variant?: TooltipVariant;
2605
2604
  /**
@@ -2624,8 +2623,8 @@ interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
2624
2623
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4091-26557&t=Bo58EpFmg6ILJtmv-11
2625
2624
  *
2626
2625
  * Figma Props Mapping:
2627
- * - Type (Light mode|Dark mode|Brand color) → variant ('light'|'dark'|'brand')
2628
- * - Arrow → arrow (boolean) + placement (top/bottom/left/right/etc)
2626
+ * - Theme (Light mode|Dark mode|Brand color) → variant ('light'|'dark'|'brand')
2627
+ * - Placement → arrow (boolean) + placement (top/bottom/left/right/etc)
2629
2628
  * - Supporting text (True|False) → description (string|undefined)
2630
2629
  * - text → title (string, literal content)
2631
2630
  *
@@ -2696,52 +2695,6 @@ declare const NeoCard: {
2696
2695
  displayName: string;
2697
2696
  };
2698
2697
 
2699
- /**
2700
- * Props for the NeoMarketplaceCard component
2701
- * @deprecated Use NeoCardSmallProps with NeoCard instead
2702
- */
2703
- interface NeoMarketplaceCardProps extends Omit<NeoCardSmallProps, 'size'> {
2704
- }
2705
- /**
2706
- * @deprecated Use `NeoCard` with `size="small"` instead.
2707
- *
2708
- * @example
2709
- * ```tsx
2710
- * // Before
2711
- * <NeoMarketplaceCard logo={...} title="Java" ... />
2712
- *
2713
- * // After
2714
- * <NeoCard size="small" logo={...} title="Java" ... />
2715
- * ```
2716
- */
2717
- declare const NeoMarketplaceCard: {
2718
- (props: NeoMarketplaceCardProps): react_jsx_runtime.JSX.Element;
2719
- displayName: string;
2720
- };
2721
-
2722
- /**
2723
- * Props for the NeoMarketplaceLargeCard component
2724
- * @deprecated Use NeoCardLargeProps with NeoCard instead
2725
- */
2726
- interface NeoMarketplaceLargeCardProps extends Omit<NeoCardLargeProps, 'size'> {
2727
- }
2728
- /**
2729
- * @deprecated Use `NeoCard` with `size="large"` instead.
2730
- *
2731
- * @example
2732
- * ```tsx
2733
- * // Before
2734
- * <NeoMarketplaceLargeCard cardTheme="light" ... />
2735
- *
2736
- * // After
2737
- * <NeoCard size="large" cardTheme="light" ... />
2738
- * ```
2739
- */
2740
- declare const NeoMarketplaceLargeCard: {
2741
- (props: NeoMarketplaceLargeCardProps): react_jsx_runtime.JSX.Element;
2742
- displayName: string;
2743
- };
2744
-
2745
2698
  /**
2746
2699
  * NeoDataGridColumnsPanel - Custom columns panel for NeoDataGrid matching Figma design
2747
2700
  *
@@ -2783,13 +2736,12 @@ interface NeoDatePickerProps {
2783
2736
  /**
2784
2737
  * Type of date picker to render
2785
2738
  * @default "single"
2786
- * @figma type
2739
+ * @figma Mode
2787
2740
  */
2788
2741
  type?: DatePickerType;
2789
2742
  /**
2790
2743
  * Whether the picker is open
2791
2744
  * When not provided, the picker manages its own open state (uncontrolled mode)
2792
- * @figma opened
2793
2745
  */
2794
2746
  open?: boolean;
2795
2747
  /**
@@ -2858,11 +2810,10 @@ interface NeoDatePickerProps {
2858
2810
  * customization. Supports both single date selection and date range selection with
2859
2811
  * built-in shortcuts.
2860
2812
  *
2861
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4176-3700
2813
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4176-8593
2862
2814
  *
2863
2815
  * Figma Props Mapping:
2864
- * - openedopen (boolean)
2865
- * - type ('Single date'|'Dual dates') → type ('single'|'range')
2816
+ * - Mode ('Single'|'Range') type ('single'|'range')
2866
2817
  *
2867
2818
  * Design Tokens Used:
2868
2819
  * - colors: semanticColors.grey[800], semanticColors.grey[700], semanticColors.surfaces.white, semanticColors.icons.hoverBackground
@@ -2935,5 +2886,5 @@ declare module '@mui/x-data-grid-pro' {
2935
2886
 
2936
2887
  declare const version: string
2937
2888
 
2938
- export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoDropdown as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDropdown, NeoDropdownMenu, NeoDropdownMenuItem, NeoDropdownMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMarketplaceCard, NeoMarketplaceLargeCard, NeoDropdownMenu as NeoMenu, NeoDropdownMenuItem as NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoDropdown as NeoSelect, NeoDropdownMenuItem 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 };
2939
- export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDropdownMenuItemProps, NeoDropdownMenuProps, NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoMarketplaceLargeCardProps, NeoDropdownMenuItemProps as NeoMenuItemProps, NeoDropdownMenuProps as NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoDropdownProps as NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusBannerProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
2889
+ 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, getDataGridHeaderStyles, version };
2890
+ 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 };