@foris/avocado-not-front 4.4.0 → 4.6.0

package/dist/src/types/components.type.d.ts

@@ -1,6 +1,13 @@
-import { ButtonProps, CardAccordionProps, CardNotificationProps, CheckboxProps, DividerProps, HeadingProps, LinkProps, PillProps, PreviewerMarkdownProps, RoundButtonProps, SelectProps, SwitchProps, TableProps, TextFieldProps, TextProps, ModalProps, AccordionProps, DrawerProps, TabsProps } from '../../../avocado-suite';
-import type { AiAgentTheme, SupportedLocale, ChatPanelTranslations, SuggestionType } from '../../../ai-agent';
+import { AccordionProps, ButtonProps, CardAccordionProps, CardNotificationProps, CheckboxProps, DividerProps, DrawerProps, HeadingProps, LinkProps, ModalProps, PillProps, PreviewerMarkdownProps, RoundButtonProps, SelectProps, SwitchProps, TableProps, TabsProps, TextareaProps, TextFieldProps, TextProps } from '../../../avocado-suite';
+import type { AiAgentTheme, ChatPanelTranslations, SuggestionType, SupportedLocale } from '../../../ai-agent';
 import { NotFrontActionType, NotFrontBaseProps, NotFrontDataSource, NotFrontDataSourceChart, NotFrontDataSourceRest, NotFrontDataSourceSelect, NotFrontDataSourceTable, NotFrontDependency } from './componentsCore.type';
+/**
+ * Suite `Box`: single `content` slot; `darkMode` is derived in the wrapper.
+ */
+export interface BoxNotFrontProps extends NotFrontBaseProps {
+    component: 'box';
+    content: NotFrontComponent[];
+}
 /**
  * Represents a single breadcrumb item for the NotFront component
  */
@@ -66,6 +73,10 @@ export interface ButtonNotFrontProps extends NotFrontBaseProps, ButtonProps {
      * Conditions based on other fields that control this component's behavior.
      */
     dependencies?: NotFrontDependency[];
+    /** Suite `Button` left icon (exposed for menu/dropdown row mapping). */
+    leftIcon?: ButtonProps['leftIcon'];
+    /** Suite `Button` right icon. */
+    rightIcon?: ButtonProps['rightIcon'];
 }
 /**
  * Interface for the props used in the CardNotificationNotFront component.
@@ -283,6 +294,8 @@ export interface DataCardNotFrontProps extends NotFrontBaseProps {
     content?: NotFrontComponent[];
     /** Top band: nested blocks (maps to suite `topContent`). */
     topContent?: NotFrontComponent[];
+    dependencies?: NotFrontDependency[];
+    disabled?: boolean;
 }
 /**
  * Interface for the props used in the PillNotFront component.
@@ -483,6 +496,14 @@ export interface TextFieldNotFrontProps extends NotFrontBaseProps, TextFieldProp
      */
     dependencies?: NotFrontDependency[];
 }
+/**
+ * Multiline text field wired to the NotFront store (same pattern as `textField`).
+ */
+export interface TextareaNotFrontProps extends NotFrontBaseProps, Omit<TextareaProps, 'className' | 'onChange'> {
+    component: 'textarea';
+    required: boolean;
+    dependencies?: NotFrontDependency[];
+}
 /**
  * One tab panel: label for the tab control and nested NotFront components for the panel body.
  * The backend should send every tab’s `components` in the same page payload; switching tabs
@@ -553,138 +574,732 @@ export interface AccordionNotFrontProps extends NotFrontBaseProps, Omit<Accordio
     actionContent?: NotFrontComponent[];
     components: NotFrontComponent[];
 }
-/**
- * Suite `Tooltip`: trigger in `content`; `label` is plain string in v1.
- */
-export interface TooltipNotFrontProps extends NotFrontBaseProps {
-    component: 'tooltip';
+export interface RadioGroupItemNotFront {
     label: string;
-    content: NotFrontComponent[];
-    placement?: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'right';
-    notShowArrow?: boolean;
-    visible?: boolean;
+    value: string;
+    disabled?: boolean;
 }
 /**
- * Suite `CardAccordion`: collapsible panel with optional header actions and nested
- * body slots. JSON uses `content` for the collapsible region and `actionContent`
- * for header actions; `opened` matches suite initial-open behaviour only.
+ * Represents a single breadcrumb item for the NotFront component
  */
-export interface CardAccordionNotFrontProps extends NotFrontBaseProps, Omit<CardAccordionProps, 'children' | 'actionContent' | 'description'> {
-    component: 'cardAccordion';
-    description?: string;
-    dependencies?: NotFrontDependency[];
-    content?: NotFrontComponent[];
-    actionContent?: NotFrontComponent[];
+export interface BreadcrumbsItemNotFront {
+    /**
+     * Visible label of the breadcrumb item.
+     */
+    title: string;
+    /**
+     * Type of action to be triggered when the breadcrumb is clicked.
+     */
+    actionType: NotFrontActionType;
+    /**
+     * Optional URL to redirect the user when the breadcrumb is clicked.
+     * Used only if `actionType` is `REDIRECT`.
+     */
+    redirectUrl: string;
+    /**
+     * Unique page identifier associated with this breadcrumb
+     */
+    hashCode: string;
 }
 /**
- * Interface for the props used in the AISummaryCardNotFront component.
+ * Interface for the props used in the ButtonNotFrontProps component.
  */
-export interface AISummaryCardNotFrontProps extends NotFrontBaseProps {
-    component: 'aiSummaryCard';
-    dataSource: NotFrontDataSource;
-    /** Locale for default translations. Defaults to "en" if not provided. */
-    locale?: SupportedLocale;
-    /** Labels for title, loading and empty state. All keys are optional; defaults are used when omitted. */
-    translations?: {
-        title?: string;
-        loading?: string;
-        noData?: string;
-    };
-}
-export interface AIChatPanelNotFrontProps extends NotFrontBaseProps {
-    component: 'aiChatPanel';
-    dataSource: NotFrontDataSource;
-    /** Locale for default translations. Defaults to "en" if not provided. */
-    locale?: 'en' | 'es';
-    /** Labels for customizable text. All keys are optional; defaults are used when omitted. */
-    translations?: ChatPanelTranslations;
-    /** Initial suggestion cards shown in the welcome screen. */
-    initialSuggestions?: SuggestionType[];
+export interface BreadcrumbsNotFrontProps extends NotFrontBaseProps {
+    /**
+     * Identifier to specify that this is a breadcrumbs component.
+     */
+    component: 'breadcrumbs';
+    /**
+     * List of breadcrumb items to render in order.
+     */
+    items: BreadcrumbsItemNotFront[];
 }
 /**
- * Interface for the props used in the AIPromptCodeEditorNotFront component.
+ * Interface for the props used in the ButtonNotFrontProps component.
  */
-export interface AIPromptCodeEditorNotFrontProps extends NotFrontBaseProps {
-    component: 'aiPromptCodeEditor';
-    dataSource: NotFrontDataSourceRest;
-    inputLabel?: string;
-    inputPlaceholder?: string;
-    codeBlockLabel?: string;
-    codeBlockValue?: string;
-    language?: string;
-    disabled?: boolean;
+export interface ButtonNotFrontProps extends NotFrontBaseProps, ButtonProps {
+    component: 'button';
+    /**
+     * Defines the action triggered when the button is clicked.
+     */
+    actionType: NotFrontActionType;
+    /**
+     * The content inside the Button component.
+     */
+    content?: string;
+    /**
+     * @deprecated Use `content` instead.
+     * Retained for backward compatibility with legacy backend responses.
+     */
+    label?: string;
+    /**
+     * Optional data source used when the actionType involves fetching data.
+     */
+    dataSource: NotFrontDataSource;
+    /**
+     * Optional URL to redirect the user.
+     */
+    redirectUrl: string;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
     dependencies?: NotFrontDependency[];
+    /** Suite `Button` left icon (exposed for menu/dropdown row mapping). */
+    leftIcon?: ButtonProps['leftIcon'];
+    /** Suite `Button` right icon. */
+    rightIcon?: ButtonProps['rightIcon'];
 }
 /**
- * Union type representing all possible NotFront component prop types.
+ * Interface for the props used in the CardNotificationNotFront component.
  */
-export type NotFrontComponent = AccordionNotFrontProps | AIChatPanelNotFrontProps | AISummaryCardNotFrontProps | AIPromptCodeEditorNotFrontProps | BreadcrumbsNotFrontProps | ButtonNotFrontProps | CardAccordionNotFrontProps | CardNotificationNotFrontProps | ChartNotFrontProps | DataCardNotFrontProps | CheckboxNotFrontProps | CodeEditorNotFrontProps | DividerNotFrontProps | DrawerNotFrontProps | HeadingNotFrontProps | LinkNotFrontProps | ModalNotFrontProps | PillNotFrontProps | PreviewerMarkdownNotFrontProps | RoundButtonNotFrontProps | RowNotFrontProps | SelectNotFrontProps | SpacingNotFrontProps | SwitchNotFrontProps | TableNotFrontProps | TabsNotFrontProps | TextFieldNotFrontProps | TextNotFrontProps | ToastNotFrontProps | TooltipNotFrontProps;
+export interface CardNotificationNotFrontProps extends NotFrontBaseProps, CardNotificationProps {
+    component: 'cardNotification';
+    /**
+     * The content to be displayed inside the CardNotification component.
+     * This property is optional and represents the main text or message of the notification.
+     */
+    content?: string;
+    /**
+     * @deprecated Use `content` instead.
+     * This property will be removed in the future once the backend stops sending it.
+     * Currently kept for backward compatibility with existing implementations.
+     */
+    description?: string;
+}
 /**
- * Resolved props for ChatPanel when delegated via onResolveComponentProps.
- * These are the props that the consumer receives to render ChatPanel externally.
+ * Interface for the props used in the ChartNotFront component.
  */
-export interface ChatPanelResolvedProps {
-    dataSource: {
-        url: string;
-        method?: string;
-        headers?: Record<string, string>;
-        params?: unknown;
-    };
-    locale: 'en' | 'es';
-    translations: Record<string, string>;
-    initialSuggestions?: SuggestionType[];
-    theme: AiAgentTheme;
+export interface ChartNotFrontProps extends NotFrontBaseProps {
+    component: 'chart';
+    /** Chart type */
+    type: 'area' | 'bar' | 'line' | 'pie';
+    /** Data source to load data for chart. */
+    dataSource: NotFrontDataSourceChart;
+    /** Chart data */
+    data: any;
+    /** Key for the x-axis */
+    xKey: string;
+    /** Keys for the y-axis */
+    yKeys: string[];
 }
 /**
- * Resolved props for SummaryCard when delegated via onResolveComponentProps.
- * These are the props that the consumer receives to render SummaryCard externally.
+ * Interface for the props used in the CheckboxNotFront component.
  */
-export interface SummaryCardResolvedProps {
-    dataSource: {
-        url: string;
-        method?: string;
-        headers?: Record<string, string>;
-        body?: unknown;
-    };
-    locale: 'en' | 'es';
-    translations: Record<string, string>;
+export interface CheckboxNotFrontProps extends NotFrontBaseProps, CheckboxProps {
+    component: 'checkbox';
+    /**
+     * Defines the action triggered when the button is clicked.
+     */
+    actionType: NotFrontActionType;
+    /**
+     * The text label displayed next to the checkbox.
+     */
+    label: string;
+    /**
+     * Indicates if the checkbox input is mandatory.
+     */
+    required: boolean;
+    /**
+     * Determines if the checkbox is initially checked.
+     */
+    value: boolean;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
+    dependencies?: NotFrontDependency[];
 }
 /**
- * Maps delegable component types to their resolved props.
- * Extend this interface to add new delegable components.
+ * Interface for the props used in the CodeEditorNotFront component.
  */
-export interface ResolvableComponentMap {
-    aiChatPanel: ChatPanelResolvedProps;
-    aiSummaryCard: SummaryCardResolvedProps;
+export interface CodeEditorNotFrontProps extends NotFrontBaseProps {
+    component: 'code';
+    /**
+     * Disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * The label shown above the code editor input.
+     */
+    label?: string;
+    /**
+     * Initial or current value of the code editor. Could be string or parsed object.
+     */
+    value: any;
+    /**
+     * Placeholder text displayed when the editor is empty.
+     */
+    placeholder: string;
+    /**
+     * Indicates whether the code editor input is mandatory.
+     */
+    required: boolean;
+    /**
+     * Programming language for syntax highlighting (e.g., 'yaml', 'json', 'sql','markdown').
+     */
+    language: string;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
+    dependencies?: NotFrontDependency[];
+    /**
+     * Enable the preview for a markdown type.
+     */
+    showPreview?: boolean;
 }
 /**
- * Optional callbacks for components that the consumer wants to render externally.
- * When a callback is provided for a component type, that component will call
- * the callback with its resolved props and return null instead of rendering.
+ * Interface for the props used in the DividerNotFront component.
  */
-export type ResolveComponentPropsMap = {
-    [K in keyof ResolvableComponentMap]?: (props: ResolvableComponentMap[K]) => void;
-};
+export interface DividerNotFrontProps extends NotFrontBaseProps, DividerProps {
+    component: 'divider';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Set the position vertical */
+    vertical?: boolean;
+}
 /**
- * Mapping of component identifiers (as strings) to their corresponding prop types.
+ * Interface for the props used in the HeadingNotFront component.
  */
-export type NotFrontComponentTypeMap = {
-    accordion: AccordionNotFrontProps;
-    aiChatPanel: AIChatPanelNotFrontProps;
-    aiSummaryCard: AISummaryCardNotFrontProps;
-    aiPromptCodeEditor: AIPromptCodeEditorNotFrontProps;
-    breadcrumbs: BreadcrumbsNotFrontProps;
+export interface HeadingNotFrontProps extends NotFrontBaseProps, HeadingProps {
+    component: 'heading';
+    /**
+     * The content to be displayed inside the Heading component.
+     * This property is optional and represents the text or content shown in the heading.
+     */
+    content?: string;
+    /**
+     * The visual and semantic variant of the heading.
+     * Defines the HTML tag and appearance of the heading element.
+     */
+    variant?: 'h1' | 'h2' | 'h3' | 'h4';
+}
+/**
+ * Interface for the props used in the LinkNotFront component.
+ */
+export interface LinkNotFrontProps extends NotFrontBaseProps, Omit<LinkProps, 'children' | 'onClick'> {
+    component: 'link';
+    /**
+     * The content inside the Link component.
+     */
+    content?: string;
+    /**
+     * Defines the action triggered when the link is clicked.
+     */
+    actionType?: NotFrontActionType;
+    /**
+     * Optional URL to redirect the user.
+     */
+    redirectUrl?: string;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
+    dependencies?: NotFrontDependency[];
+}
+/**
+ * Interface for the props used in the ModalNotFront component.
+ */
+export interface ModalNotFrontProps extends NotFrontBaseProps, ModalProps {
+    /**
+     * Identifier to specify that this is a modal component.
+     */
+    component: 'modal';
+    /**
+     * The content to be rendered in the header section of the modal.
+     * This value should reference a `hash` or a key used by el backend
+     * to map a predefined layout structure (e.g., a heading component).
+     */
+    header: string | NotFrontComponent[];
+    /**
+     * Optional status color used to visually indicate the modal's purpose or state (e.g., 'info', 'warning', 'error').
+     * Typically used as a color accent in the header section.
+     */
+    headerStatusColor?: string;
+    /**
+     * The content to be rendered in the body section of the modal.
+     * This typically includes informational text, inputs, alerts, etc.
+     */
+    body: NotFrontComponent[];
+    /**
+     * The content to be rendered in the footer section of the modal.
+     * This usually contains buttons such as "Save" or "Cancel".
+     */
+    footer: NotFrontComponent[];
+}
+export interface RadioGroupItemNotFront {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+/**
+ * Radio group: multiple suite `RadioButton` with shared `name` from
+ * `responseKey`.
+ */
+export interface RadioGroupNotFrontProps extends NotFrontBaseProps {
+    component: 'radioGroup';
+    label?: string;
+    value?: string;
+    required?: boolean;
+    actionType?: NotFrontActionType;
+    dependencies?: NotFrontDependency[];
+    direction?: 'row' | 'column';
+    items: RadioGroupItemNotFront[];
+}
+/**
+ * Suite `DropdownButton`: trigger uses `content` + optional suite button icons;
+ * menu rows are `button` not-front nodes.
+ */
+export interface DropdownButtonNotFrontProps extends NotFrontBaseProps {
+    component: 'dropdownButton';
+    content: string;
+    items: ButtonNotFrontProps[];
+    disabled?: boolean;
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    /** Maps to suite `Button` `leftIcon`. */
+    leftIcon?: ButtonProps['leftIcon'];
+    /** Maps to suite `Button` `rightIcon` (dropdown also adds chevron). */
+    rightIcon?: ButtonProps['rightIcon'];
+}
+/**
+ * Suite `Tooltip`: trigger in `content`; `label` is plain string in v1.
+ */
+export interface TooltipNotFrontProps extends NotFrontBaseProps {
+    component: 'tooltip';
+    label: string;
+    content: NotFrontComponent[];
+    placement?: 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'right';
+    notShowArrow?: boolean;
+    visible?: boolean;
+}
+/**
+ * Suite overflow `Menu`: rows are full `button` not-front nodes; trigger stays
+ * the suite `RoundButton` (dots).
+ */
+export interface MenuNotFrontProps extends NotFrontBaseProps {
+    component: 'menu';
+    items: ButtonNotFrontProps[];
+    closeOnClick?: boolean;
+    disabled?: boolean;
+    listOrigin?: 'left' | 'right';
+    size?: 'sm' | 'md';
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+}
+/** Suite `Stepper`: `items` are step labels only. */
+export interface StepperNotFrontProps extends NotFrontBaseProps {
+    component: 'stepper';
+    items: string[];
+    itemActive: number;
+    darkMode?: boolean;
+}
+export interface RadioGroupItemNotFront {
+    label: string;
+    value: string;
+    disabled?: boolean;
+}
+/**
+ * Radio group: multiple suite `RadioButton` with shared `name` from
+ * `responseKey`.
+ */
+export interface RadioGroupNotFrontProps extends NotFrontBaseProps {
+    component: 'radioGroup';
+    label?: string;
+    value?: string;
+    required?: boolean;
+    actionType?: NotFrontActionType;
+    dependencies?: NotFrontDependency[];
+    direction?: 'row' | 'column';
+    items: RadioGroupItemNotFront[];
+}
+/**
+ * Suite layout `Card`: `content` slot; optional click / refresh hooks in Fluent.
+ */
+export interface CardNotFrontProps extends NotFrontBaseProps {
+    component: 'card';
+    content: NotFrontComponent[];
+    colorId?: number;
+    disabled?: boolean;
+    actionType?: NotFrontActionType;
+    dataSource?: NotFrontDataSource;
+    redirectUrl?: string;
+    dependencies?: NotFrontDependency[];
+}
+/**
+ * Represents a single breadcrumb item for the NotFront component
+ */
+export interface BreadcrumbsItemNotFront {
+    /**
+     * Visible label of the breadcrumb item.
+     */
+    title: string;
+    /**
+     * Type of action to be triggered when the breadcrumb is clicked.
+     */
+    actionType: NotFrontActionType;
+    /**
+     * Optional URL to redirect the user when the breadcrumb is clicked.
+     * Used only if `actionType` is `REDIRECT`.
+     */
+    redirectUrl: string;
+    /**
+     * Unique page identifier associated with this breadcrumb
+     */
+    hashCode: string;
+}
+/**
+ * Interface for the props used in the ButtonNotFrontProps component.
+ */
+export interface BreadcrumbsNotFrontProps extends NotFrontBaseProps {
+    /**
+     * Identifier to specify that this is a breadcrumbs component.
+     */
+    component: 'breadcrumbs';
+    /**
+     * List of breadcrumb items to render in order.
+     */
+    items: BreadcrumbsItemNotFront[];
+}
+/**
+ * Interface for the props used in the ButtonNotFrontProps component.
+ */
+export interface ButtonNotFrontProps extends NotFrontBaseProps, ButtonProps {
+    component: 'button';
+    /**
+     * Defines the action triggered when the button is clicked.
+     */
+    actionType: NotFrontActionType;
+    /**
+     * The content inside the Button component.
+     */
+    content?: string;
+    /**
+     * @deprecated Use `content` instead.
+     * Retained for backward compatibility with legacy backend responses.
+     */
+    label?: string;
+    /**
+     * Optional data source used when the actionType involves fetching data.
+     */
+    dataSource: NotFrontDataSource;
+    /**
+     * Optional URL to redirect the user.
+     */
+    redirectUrl: string;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
+    dependencies?: NotFrontDependency[];
+    /** Suite `Button` left icon (exposed for menu/dropdown row mapping). */
+    leftIcon?: ButtonProps['leftIcon'];
+    /** Suite `Button` right icon. */
+    rightIcon?: ButtonProps['rightIcon'];
+}
+/**
+ * Interface for the props used in the CardNotificationNotFront component.
+ */
+export interface CardNotificationNotFrontProps extends NotFrontBaseProps, CardNotificationProps {
+    component: 'cardNotification';
+    /**
+     * The content to be displayed inside the CardNotification component.
+     * This property is optional and represents the main text or message of the notification.
+     */
+    content?: string;
+    /**
+     * @deprecated Use `content` instead.
+     * This property will be removed in the future once the backend stops sending it.
+     * Currently kept for backward compatibility with existing implementations.
+     */
+    description?: string;
+}
+/**
+ * Interface for the props used in the ChartNotFront component.
+ */
+export interface ChartNotFrontProps extends NotFrontBaseProps {
+    component: 'chart';
+    /** Chart type */
+    type: 'area' | 'bar' | 'line' | 'pie';
+    /** Data source to load data for chart. */
+    dataSource: NotFrontDataSourceChart;
+    /** Chart data */
+    data: any;
+    /** Key for the x-axis */
+    xKey: string;
+    /** Keys for the y-axis */
+    yKeys: string[];
+}
+/**
+ * Interface for the props used in the CheckboxNotFront component.
+ */
+export interface CheckboxNotFrontProps extends NotFrontBaseProps, CheckboxProps {
+    component: 'checkbox';
+    /**
+     * Defines the action triggered when the button is clicked.
+     */
+    actionType: NotFrontActionType;
+    /**
+     * The text label displayed next to the checkbox.
+     */
+    label: string;
+    /**
+     * Indicates if the checkbox input is mandatory.
+     */
+    required: boolean;
+    /**
+     * Determines if the checkbox is initially checked.
+     */
+    value: boolean;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
+    dependencies?: NotFrontDependency[];
+}
+/**
+ * Interface for the props used in the CodeEditorNotFront component.
+ */
+export interface CodeEditorNotFrontProps extends NotFrontBaseProps {
+    component: 'code';
+    /**
+     * Disabled state.
+     */
+    disabled?: boolean;
+    /**
+     * The label shown above the code editor input.
+     */
+    label?: string;
+    /**
+     * Initial or current value of the code editor. Could be string or parsed object.
+     */
+    value: any;
+    /**
+     * Placeholder text displayed when the editor is empty.
+     */
+    placeholder: string;
+    /**
+     * Indicates whether the code editor input is mandatory.
+     */
+    required: boolean;
+    /**
+     * Programming language for syntax highlighting (e.g., 'yaml', 'json', 'sql','markdown').
+     */
+    language: string;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
+    dependencies?: NotFrontDependency[];
+    /**
+     * Enable the preview for a markdown type.
+     */
+    showPreview?: boolean;
+}
+/**
+ * Interface for the props used in the DividerNotFront component.
+ */
+export interface DividerNotFrontProps extends NotFrontBaseProps, DividerProps {
+    component: 'divider';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Set the position vertical */
+    vertical?: boolean;
+}
+/**
+ * Interface for the props used in the HeadingNotFront component.
+ */
+export interface HeadingNotFrontProps extends NotFrontBaseProps, HeadingProps {
+    component: 'heading';
+    /**
+     * The content to be displayed inside the Heading component.
+     * This property is optional and represents the text or content shown in the heading.
+     */
+    content?: string;
+    /**
+     * The visual and semantic variant of the heading.
+     * Defines the HTML tag and appearance of the heading element.
+     */
+    variant?: 'h1' | 'h2' | 'h3' | 'h4';
+}
+/**
+ * Interface for the props used in the LinkNotFront component.
+ */
+export interface LinkNotFrontProps extends NotFrontBaseProps, Omit<LinkProps, 'children' | 'onClick'> {
+    component: 'link';
+    /**
+     * The content inside the Link component.
+     */
+    content?: string;
+    /**
+     * Defines the action triggered when the link is clicked.
+     */
+    actionType?: NotFrontActionType;
+    /**
+     * Optional URL to redirect the user.
+     */
+    redirectUrl?: string;
+    /**
+     * Conditions based on other fields that control this component's behavior.
+     */
+    dependencies?: NotFrontDependency[];
+}
+/**
+ * Interface for the props used in the ModalNotFront component.
+ */
+export interface ModalNotFrontProps extends NotFrontBaseProps, ModalProps {
+    /**
+     * Identifier to specify that this is a modal component.
+     */
+    component: 'modal';
+    /**
+     * The content to be rendered in the header section of the modal.
+     * This value should reference a `hash` or a key used by el backend
+     * to map a predefined layout structure (e.g., a heading component).
+     */
+    header: string | NotFrontComponent[];
+    /**
+     * Optional status color used to visually indicate the modal's purpose or state (e.g., 'info', 'warning', 'error').
+     * Typically used as a color accent in the header section.
+     */
+    headerStatusColor?: string;
+    /**
+     * The content to be rendered in the body section of the modal.
+     * This typically includes informational text, inputs, alerts, etc.
+     */
+    body: NotFrontComponent[];
+    /**
+     * The content to be rendered in the footer section of the modal.
+     * This usually contains buttons such as "Save" or "Cancel".
+     */
+    footer: NotFrontComponent[];
+}
+/** Suite `Stepper`: `items` are step labels only. */
+export interface StepperNotFrontProps extends NotFrontBaseProps {
+    component: 'stepper';
+    items: string[];
+    itemActive: number;
+    darkMode?: boolean;
+}
+/**
+ * Suite `CardAccordion`: collapsible panel with optional header actions and nested
+ * body slots. JSON uses `content` for the collapsible region and `actionContent`
+ * for header actions; `opened` matches suite initial-open behaviour only.
+ */
+export interface CardAccordionNotFrontProps extends NotFrontBaseProps, Omit<CardAccordionProps, 'children' | 'actionContent' | 'description'> {
+    component: 'cardAccordion';
+    description?: string;
+    dependencies?: NotFrontDependency[];
+    content?: NotFrontComponent[];
+    actionContent?: NotFrontComponent[];
+}
+/**
+ * Interface for the props used in the AISummaryCardNotFront component.
+ */
+export interface AISummaryCardNotFrontProps extends NotFrontBaseProps {
+    component: 'aiSummaryCard';
+    dataSource: NotFrontDataSource;
+    /** Locale for default translations. Defaults to "en" if not provided. */
+    locale?: SupportedLocale;
+    /** Labels for title, loading and empty state. All keys are optional; defaults are used when omitted. */
+    translations?: {
+        title?: string;
+        loading?: string;
+        noData?: string;
+    };
+}
+export interface AIChatPanelNotFrontProps extends NotFrontBaseProps {
+    component: 'aiChatPanel';
+    dataSource: NotFrontDataSource;
+    /** Locale for default translations. Defaults to "en" if not provided. */
+    locale?: 'en' | 'es';
+    /** Labels for customizable text. All keys are optional; defaults are used when omitted. */
+    translations?: ChatPanelTranslations;
+    /** Initial suggestion cards shown in the welcome screen. */
+    initialSuggestions?: SuggestionType[];
+}
+/**
+ * Interface for the props used in the AIPromptCodeEditorNotFront component.
+ */
+export interface AIPromptCodeEditorNotFrontProps extends NotFrontBaseProps {
+    component: 'aiPromptCodeEditor';
+    dataSource: NotFrontDataSourceRest;
+    inputLabel?: string;
+    inputPlaceholder?: string;
+    codeBlockLabel?: string;
+    codeBlockValue?: string;
+    language?: string;
+    disabled?: boolean;
+    dependencies?: NotFrontDependency[];
+}
+/**
+ * Union type representing all possible NotFront component prop types.
+ */
+export type NotFrontComponent = AccordionNotFrontProps | AIChatPanelNotFrontProps | AIPromptCodeEditorNotFrontProps | AISummaryCardNotFrontProps | BoxNotFrontProps | BreadcrumbsNotFrontProps | ButtonNotFrontProps | CardAccordionNotFrontProps | CardNotFrontProps | CardNotificationNotFrontProps | ChartNotFrontProps | CheckboxNotFrontProps | CodeEditorNotFrontProps | DataCardNotFrontProps | DividerNotFrontProps | DrawerNotFrontProps | DropdownButtonNotFrontProps | HeadingNotFrontProps | LinkNotFrontProps | MenuNotFrontProps | ModalNotFrontProps | PillNotFrontProps | PreviewerMarkdownNotFrontProps | RadioGroupNotFrontProps | RoundButtonNotFrontProps | RowNotFrontProps | SelectNotFrontProps | SpacingNotFrontProps | StepperNotFrontProps | SwitchNotFrontProps | TableNotFrontProps | TabsNotFrontProps | TextareaNotFrontProps | TextFieldNotFrontProps | TextNotFrontProps | ToastNotFrontProps | TooltipNotFrontProps;
+/**
+ * Resolved props for ChatPanel when delegated via onResolveComponentProps.
+ * These are the props that the consumer receives to render ChatPanel externally.
+ */
+export interface ChatPanelResolvedProps {
+    dataSource: {
+        url: string;
+        method?: string;
+        headers?: Record<string, string>;
+        params?: unknown;
+    };
+    locale: 'en' | 'es';
+    translations: Record<string, string>;
+    initialSuggestions?: SuggestionType[];
+    theme: AiAgentTheme;
+}
+/**
+ * Resolved props for SummaryCard when delegated via onResolveComponentProps.
+ * These are the props that the consumer receives to render SummaryCard externally.
+ */
+export interface SummaryCardResolvedProps {
+    dataSource: {
+        url: string;
+        method?: string;
+        headers?: Record<string, string>;
+        body?: unknown;
+    };
+    locale: 'en' | 'es';
+    translations: Record<string, string>;
+}
+/**
+ * Maps delegable component types to their resolved props.
+ * Extend this interface to add new delegable components.
+ */
+export interface ResolvableComponentMap {
+    aiChatPanel: ChatPanelResolvedProps;
+    aiSummaryCard: SummaryCardResolvedProps;
+}
+/**
+ * Optional callbacks for components that the consumer wants to render externally.
+ * When a callback is provided for a component type, that component will call
+ * the callback with its resolved props and return null instead of rendering.
+ */
+export type ResolveComponentPropsMap = {
+    [K in keyof ResolvableComponentMap]?: (props: ResolvableComponentMap[K]) => void;
+};
+/**
+ * Mapping of component identifiers (as strings) to their corresponding prop types.
+ */
+export type NotFrontComponentTypeMap = {
+    accordion: AccordionNotFrontProps;
+    aiChatPanel: AIChatPanelNotFrontProps;
+    aiPromptCodeEditor: AIPromptCodeEditorNotFrontProps;
+    aiSummaryCard: AISummaryCardNotFrontProps;
+    box: BoxNotFrontProps;
+    radioGroup: RadioGroupNotFrontProps;
+    stepper: StepperNotFrontProps;
+    breadcrumbs: BreadcrumbsNotFrontProps;
     button: ButtonNotFrontProps;
+    card: CardNotFrontProps;
     cardAccordion: CardAccordionNotFrontProps;
     cardNotification: CardNotificationNotFrontProps;
     chart: ChartNotFrontProps;
-    dataCard: DataCardNotFrontProps;
     checkbox: CheckboxNotFrontProps;
     code: CodeEditorNotFrontProps;
+    dataCard: DataCardNotFrontProps;
     divider: DividerNotFrontProps;
     drawer: DrawerNotFrontProps;
+    dropdownButton: DropdownButtonNotFrontProps;
     heading: HeadingNotFrontProps;
     link: LinkNotFrontProps;
+    menu: MenuNotFrontProps;
     modal: ModalNotFrontProps;
     pill: PillNotFrontProps;
     previewerMarkdown: PreviewerMarkdownNotFrontProps;
@@ -696,6 +1311,7 @@ export type NotFrontComponentTypeMap = {
     table: TableNotFrontProps;
     tabs: TabsNotFrontProps;
     text: TextNotFrontProps;
+    textarea: TextareaNotFrontProps;
     textField: TextFieldNotFrontProps;
     toast: ToastNotFrontProps;
     tooltip: TooltipNotFrontProps;