@moderneinc/neo-styled-components 5.0.0-next.6e684c → 5.0.0-next.72cb64

package/dist/Alert/Alert.d.ts

@@ -39,6 +39,12 @@ export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' |
      * Optional action element (typically a button) displayed on the right
      */
     action?: ReactNode;
+    /**
+     * Optional content rendered below the title inside the alert container.
+     * Use for rich content like stack traces or code blocks. When present,
+     * the alert expands to auto height and top-aligns its icon and action.
+     */
+    children?: ReactNode;
 }
 /**
  * NeoAlert - Alert component for displaying contextual status messages
@@ -52,7 +58,7 @@ export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' |
  * - Show Button → action prop presence
  */
 export declare const NeoAlert: {
-    ({ intent, type, size, title, description, icon, action, ...props }: NeoAlertProps): import("react/jsx-runtime").JSX.Element;
+    ({ intent, type, size, title, description, icon, action, children, ...props }: NeoAlertProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -3,16 +3,6 @@ import type { ElementType, ReactNode } from 'react';
 /**
  * NeoBreadcrumbs - Navigation breadcrumb component
  *
- * Figma Mapping:
- * - Base component uses MuiBreadcrumbs with custom styled Links
- * - Uses chevron separator (ChevronRight from lucide-react)
- * - Typography: 14px Medium (500 weight)
- * - Colors:
- *   - Non-current: semanticColors.typography.bodySecondary (#6b7280)
- *   - Current: semanticColors.buttons.primary.default (#2f42ff)
- *   - Hover: semanticColors.icons.hover (#1f2937) or buttons.tertiary.hover (#1e2ec2)
- * - Focus: 2px outline with buttons.primary.focus
- *
  * @see https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4563-122872
  */
 export interface NeoBreadcrumbsProps {

package/dist/CanceledIcon/CanceledIcon.d.ts

@@ -0,0 +1,11 @@
+import { type SvgIconProps } from '@mui/material/SvgIcon';
+/**
+ * NeoCanceledIcon - Outlined circle struck through by a horizontal line.
+ *
+ * Marks a CANCELED state. Color comes entirely from `currentColor` (stroke plus
+ * a 10% fill tint); set it via the `color`/`sx` prop or a parent.
+ */
+export declare const NeoCanceledIcon: {
+    (props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Checkbox/Checkbox.d.ts

@@ -15,7 +15,7 @@ declare module '@mui/material/Checkbox' {
         medium: true;
     }
 }
-declare const StyledCheckbox: import("@emotion/styled").StyledComponent<CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+declare const StyledCheckbox: import("@emotion/styled").StyledComponent<CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: CheckboxSize;
     disabled?: boolean;
 }, {}, {}>;

package/dist/DatePickerListItem/DatePickerListItem.d.ts

@@ -3,4 +3,4 @@
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
  */
-export declare const NeoDatePickerListItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NeoDatePickerListItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/DatePickerMenu/DatePickerMenu.d.ts

@@ -3,4 +3,4 @@
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
  */
-export declare const NeoDatePickerMenu: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NeoDatePickerMenu: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Dot/Dot.d.ts

@@ -1,8 +1,8 @@
-import { type BadgeProps } from '@mui/material/Badge';
+import type { HTMLAttributes, ReactNode } from 'react';
 type DotSize = 'small' | 'medium' | 'large';
 type DotVariant = 'solid' | 'outline';
 type DotColor = 'success' | 'error' | 'warning' | 'info' | 'neutral';
-export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeContent' | 'children'> {
+export interface NeoDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
     /**
      * The size of the dot
      * @default "medium"
@@ -18,9 +18,16 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
      * @default "neutral"
      */
     color?: DotColor;
+    /**
+     * Optional icon rendered centered inside the dot. Use to indicate intent within
+     * the dot itself (e.g., a minus icon on a disconnected error dot). SVG children
+     * using `currentColor` inherit a white stroke/fill for contrast against the
+     * colored background, and are scaled to 70% of the dot size.
+     */
+    children?: ReactNode;
 }
 /**
- * NeoDot - Status indicator dot component based on MUI Badge
+ * NeoDot - Status indicator dot.
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
  *
@@ -30,7 +37,7 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */
 export declare const NeoDot: {
-    ({ size, variant, color, ...props }: NeoDotProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, variant, color, children, ...props }: NeoDotProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/FilledStatusIcons/FilledStatusIcons.d.ts

@@ -0,0 +1,41 @@
+import { type SvgIconProps } from '@mui/material/SvgIcon';
+/**
+ * Filled status icons — sourced from the published Figma library components
+ * Filled_Success / Filled_Queued / Filled_Info / Filled_Warning / Filled_Error /
+ * Filled_Neutral / Filled_Canceled.
+ *
+ * Designed at 16px; size via `fontSize` like any MUI `SvgIcon`. Each ships its
+ * intent's status color baked into the silhouette with a white inner glyph — the
+ * fill is fixed, so `color`/`htmlColor` are omitted from the props. There is no
+ * Filled_Active (the open-arc spinner cannot fill). Use below 18px; above that,
+ * prefer the Lucide outline glyph.
+ */
+export type NeoFilledStatusIconProps = Omit<SvgIconProps, 'color' | 'htmlColor'>;
+export declare const NeoFilledSuccess: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledQueued: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledInfo: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledWarning: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledError: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledNeutral: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const NeoFilledCanceled: {
+    (props: NeoFilledStatusIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/GeneralAvatar/GeneralAvatar.d.ts

@@ -7,12 +7,6 @@ export interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
      * @figma Size
      */
     size?: AvatarSize;
-    /**
-     * Color index for initials background (1-7). Use 0 or omit for image mode.
-     * @default 0
-     * @figma Color Index
-     */
-    colorIndex?: number;
 }
 /**
  * NeoGeneralAvatar - Avatar with image or colored initials display
@@ -20,7 +14,7 @@ export interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=9600-185
  */
 export declare const NeoGeneralAvatar: {
-    ({ size, colorIndex, children, ...props }: NeoGeneralAvatarProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, alt, children, ...props }: NeoGeneralAvatarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/InputField/InputField.d.ts

@@ -2,15 +2,15 @@ import { type InputBaseProps } from '@mui/material/InputBase';
 import type { ReactNode } from 'react';
 type InputFieldSize = 'small' | 'medium';
 export type { InputFieldSize as NeoInputFieldSize };
-export declare const StyledFormControl: import("@emotion/styled").StyledComponent<import("@mui/material/FormControl").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "error" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+export declare const StyledFormControl: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "error" | "fullWidth" | "required" | "focused" | "hiddenLabel"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: InputFieldSize;
 }, {}, {}>;
-export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material/InputLabel").InputLabelOwnProps & Pick<import("@mui/material/FormLabel").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+export declare const StyledInputLabel: import("@emotion/styled").StyledComponent<import("@mui/material").InputLabelOwnProps & Pick<import("@mui/material").FormLabelOwnProps, "color" | "filled"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style" | "color" | "margin" | "size" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused" | "disableAnimation" | "shrink"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: InputFieldSize;
     infoIcon?: boolean;
 }, {}, {}>;
-export declare const InfoIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("@mui/material/FormHelperText").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style" | "margin" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
+export declare const InfoIconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("@mui/material").FormHelperTextOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style" | "margin" | "children" | "sx" | "className" | "classes" | "disabled" | "variant" | "filled" | "error" | "required" | "focused"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     size?: InputFieldSize;
 }, {}, {}>;
 export interface NeoInputFieldProps extends Omit<InputBaseProps, 'size'> {

package/dist/MenuItem/MenuItem.d.ts

@@ -1,6 +1,6 @@
-import { type MenuItemProps } from '@mui/material/MenuItem';
-import type { ReactNode } from 'react';
-export interface NeoMenuItemProps extends MenuItemProps {
+import MenuItem from '@mui/material/MenuItem';
+import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+type NeoMenuItemOwnProps = {
     /**
      * Optional icon to display on the left side
      * Note: Cannot be directly mapped from Figma (ReactNode)
@@ -18,12 +18,22 @@ export interface NeoMenuItemProps extends MenuItemProps {
      * Note: Cannot be directly mapped from Figma (ReactNode/string)
      */
     secondaryText?: string;
+    /**
+     * URL to navigate to. When provided, the menu item renders as an anchor
+     * element (via MUI ButtonBase) so users can middle-click or right-click
+     * to open in a new tab. For client-side routing, also pass
+     * `component={NextLink}` (or your router's link component).
+     */
+    href?: string;
     /**
      * Menu item content (text label)
      * @figma children mapped from Figma layer content
      */
     children?: ReactNode;
-}
+};
+export type NeoMenuItemProps<C extends ElementType = typeof MenuItem> = NeoMenuItemOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoMenuItemOwnProps> & {
+    component?: C;
+};
 /**
  * NeoMenuItem - Menu item component based on MUI MenuItem
  *
@@ -42,9 +52,21 @@ export interface NeoMenuItemProps extends MenuItemProps {
  *
  * // Disabled state
  * <NeoMenuItem disabled>Disabled item</NeoMenuItem>
+ *
+ * // As an anchor — middle-click/right-click open in a new tab
+ * <NeoMenuItem href="/api-explorer">API explorer</NeoMenuItem>
+ *
+ * // External link
+ * <NeoMenuItem href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
+ *   Documentation
+ * </NeoMenuItem>
+ *
+ * // Client-side routing (Next.js)
+ * <NeoMenuItem component={NextLink} href="/api-explorer">API explorer</NeoMenuItem>
  * ```
  */
-export declare const NeoMenuItem: {
-    ({ icon, shortcut, secondaryText, children, ...props }: NeoMenuItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare function NeoMenuItem<C extends ElementType = typeof MenuItem>({ icon, shortcut, secondaryText, children, ...rest }: NeoMenuItemProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare namespace NeoMenuItem {
+    var displayName: string;
+}
+export {};

package/dist/NavigationAvatar/NavigationAvatar.d.ts

@@ -10,6 +10,6 @@ export interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 's
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
  */
 export declare const NeoNavigationAvatar: {
-    ({ colorIndex, children, ...props }: NeoNavigationAvatarProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, ...props }: NeoNavigationAvatarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/NavigationItem/NavigationItem.d.ts

@@ -21,6 +21,11 @@ type NeoNavigationItemOwnProps = {
      * @figma Tag
      */
     tag?: string;
+    /**
+     * Hover tooltip shown only when the surrounding NeoSideNav is collapsed
+     * (and the label is therefore hidden).
+     */
+    tooltip?: ReactNode;
     /**
      * Slot props for internal sub-components.
      */
@@ -47,7 +52,7 @@ export type NeoNavigationItemProps<C extends ElementType = typeof ButtonBase> =
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=8455-6120
  */
-export declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase>({ icon, label, selected, tag, slotProps, children, ...props }: NeoNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare function NeoNavigationItem<C extends ElementType = typeof ButtonBase>({ icon, label, selected, tag, tooltip, slotProps, children, ...props }: NeoNavigationItemProps<C>): import("react/jsx-runtime").JSX.Element;
 export declare namespace NeoNavigationItem {
     var displayName: string;
 }

package/dist/NeoAvatarCell/NeoAvatarCell.d.ts

@@ -5,14 +5,12 @@ type NeoAvatarCellEmpty = NeoAvatarCellBase & {
     empty: true;
     name?: never;
     src?: never;
-    colorIndex?: never;
     label?: never;
 };
 type NeoAvatarCellContent = NeoAvatarCellBase & {
     empty?: false;
     name?: string;
     src?: string;
-    colorIndex?: number;
     label?: string;
 };
 export type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
@@ -21,7 +19,7 @@ export type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=13425-1725
  */
 export declare const NeoAvatarCell: {
-    ({ name, src, colorIndex, label, disabled, empty, }: NeoAvatarCellProps): import("react/jsx-runtime").JSX.Element;
+    ({ name, src, label, disabled, empty, }: NeoAvatarCellProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/RadioButtonWithText/RadioButtonWithText.d.ts

@@ -3,4 +3,4 @@
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-7682
  */
-export declare const NeoRadioButtonWithText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NeoRadioButtonWithText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/RipplingDot/RipplingDot.d.ts

@@ -0,0 +1,12 @@
+import { type BoxProps } from '@mui/material';
+import type { FunctionComponent } from 'react';
+export interface NeoRipplingDotProps extends BoxProps {
+}
+/**
+ * NeoRipplingDot - Animated status dot with an expanding ripple ring.
+ *
+ * Indicates an in-progress, indeterminate state (RUNNING / SYNCING / PROCESSING).
+ * Color is inherited from `currentColor`; set it via the `color`/`sx` prop or a
+ * parent. Sized to the lowercase-letter height regardless of parent fontSize.
+ */
+export declare const NeoRipplingDot: FunctionComponent<NeoRipplingDotProps>;

package/dist/SideNav/NeoSideNavContext.d.ts

@@ -0,0 +1,5 @@
+export type NeoSideNavContextValue = {
+    collapsed: boolean;
+};
+export declare const NeoSideNavContext: import("react").Context<NeoSideNavContextValue>;
+export declare const useNeoSideNav: () => NeoSideNavContextValue;

package/dist/SideNav/SideNav.d.ts

@@ -1,6 +1,19 @@
-/**
- * NeoSideNav
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4065-3425
- */
-export declare const NeoSideNav: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
+export type NeoSideNavProps = {
+    /** Controlled collapsed state. */
+    collapsed: boolean;
+    /** Called with the next collapsed value when the toggle is activated. */
+    onCollapsedChange: (next: boolean) => void;
+    /** Fixed top slot (e.g. product logo). */
+    header?: ReactNode;
+    /** Fixed bottom slot (e.g. tenant branding), rendered above the toggle. */
+    footer?: ReactNode;
+    /** Scrolling content slot — the nav items. */
+    children: ReactNode;
+    /** Toggle label shown when expanded. Default "Less". */
+    collapseLabel?: string;
+} & Pick<ComponentPropsWithoutRef<'nav'>, 'className' | 'id' | 'aria-label'>;
+export declare function NeoSideNav({ collapsed, onCollapsedChange, header, footer, children, collapseLabel, ...rest }: NeoSideNavProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace NeoSideNav {
+    var displayName: string;
+}

package/dist/Tabs/Tabs.d.ts

@@ -10,7 +10,7 @@ import type { ReactNode } from 'react';
  * - Tab selection → value prop + onChange
  * - Active indicator → styled via indicator slot
  */
-export declare const NeoTabs: import("@emotion/styled").StyledComponent<import("@mui/material/Tabs").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "action" | "value" | "variant" | "orientation" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const NeoTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "aria-label" | "aria-labelledby" | "onChange" | "classes" | "action" | "value" | "variant" | "orientation" | "slots" | "slotProps" | "allowScrollButtonsMobile" | "centered" | "indicatorColor" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export interface NeoTabProps extends Omit<TabProps, 'label'> {
     /**
      * The label for the tab

package/dist/ToggleButtonWithText/ToggleButtonWithText.d.ts

@@ -3,4 +3,4 @@
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-10485
  */
-export declare const NeoToggleButtonWithText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NeoToggleButtonWithText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/Tooltip/Tooltip.d.ts

@@ -1,4 +1,5 @@
 import { type TooltipProps } from '@mui/material/Tooltip';
+import type { ReactNode } from 'react';
 /**
  * Variant type for NeoTooltip
  */
@@ -14,13 +15,15 @@ export interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'>
      */
     variant?: TooltipVariant;
     /**
-     * The main tooltip text
+     * The main tooltip content. Accepts a string or any ReactNode, so callers can
+     * compose richer content when the `description` variant isn't enough.
      * @figma text (literal content, not a variant property)
      */
-    title: string;
+    title: ReactNode;
     /**
-     * Optional supporting description text
-     * When provided, shows a larger tooltip with title (semibold) + description (medium)
+     * Optional supporting description text. When provided, shows a larger tooltip
+     * with a heading + body hierarchy: title (13px semibold) above a muted
+     * description (12px medium).
      * @default undefined
      * @figma Supporting text
      */
@@ -45,7 +48,7 @@ export interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'>
  * - Dark: grey[50] (#f9fafb), grey[800] (#1f2937)
  * - Brand: digitalBlue[800] (#131e7a), typography.tooltip (#ffffff)
  * - Shadow: neutralMedium (0px 8px 15px 0px rgba(31,41,55,0.1))
- * - Typography: fontSize.xs (12), fontWeight.medium (500), fontWeight.semiBold (600)
+ * - Typography: fontSize.xs (12), fontSize.caption (13), fontWeight.medium (500), fontWeight.semiBold (600)
  */
 export declare const NeoTooltip: {
     ({ variant, title, description, children, arrow, placement, ...props }: NeoTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/TopNav/TopNav.d.ts

@@ -3,4 +3,4 @@
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4618-185228
  */
-export declare const NeoTopNav: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NeoTopNav: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/TourModal/TourModal.d.ts

@@ -3,4 +3,4 @@
  *
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12408-1800
  */
-export declare const NeoTourModal: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NeoTourModal: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/TypologyControl/TypologyControl.d.ts

@@ -1,5 +1,5 @@
 import { type ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
-declare const StyledToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material/ToggleButton").ToggleButtonOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "children" | "sx" | "className" | "tabIndex" | "onChange" | "onClick" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+declare const StyledToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "color" | "size" | "children" | "sx" | "className" | "tabIndex" | "onChange" | "onClick" | "classes" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "fullWidth" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export interface NeoTypologyControlProps extends Omit<ToggleButtonGroupProps, 'orientation'> {
 }
 /**

package/dist/VibratingDot/VibratingDot.d.ts

@@ -0,0 +1,12 @@
+import { type BoxProps } from '@mui/material';
+import type { FunctionComponent } from 'react';
+export interface NeoVibratingDotProps extends BoxProps {
+}
+/**
+ * NeoVibratingDot - Animated status dot with a breathing pulse halo.
+ *
+ * Indicates a waiting/pending state (QUEUED / CREATED). Color is inherited from
+ * `currentColor`; set it via the `color`/`sx` prop or a parent. Sized to the
+ * lowercase-letter height regardless of parent fontSize.
+ */
+export declare const NeoVibratingDot: FunctionComponent<NeoVibratingDotProps>;