@praxisui/stepper 1.0.0-beta.29 → 1.0.0-beta.40

package/index.d.ts

@@ -1,12 +1,29 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, EventEmitter, Provider } from '@angular/core';
+import { OnInit, TemplateRef, EventEmitter, Provider } from '@angular/core';
 import { FormGroup } from '@angular/forms';
-import { FormConfig, WidgetDefinition, FormReadyEvent, FormValueChangeEvent, ComponentDocMeta } from '@praxisui/core';
+import { FormConfig, WidgetDefinition, FormReadyEvent, FormValueChangeEvent, ComponentDocMeta, AiCapabilityCategory, AiValueKind, AiCapability, AiCapabilityCatalog } from '@praxisui/core';
 import { ThemePalette } from '@angular/material/core';
+import { BaseAiAdapter, Capability as Capability$1, PatchResult } from '@praxisui/ai';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
 import { BehaviorSubject } from 'rxjs';
 import { SettingsValueProvider } from '@praxisui/settings-panel';
 
+declare class StepperAiAdapter extends BaseAiAdapter<StepperMetadata> {
+    private stepper;
+    componentName: string;
+    constructor(stepper: PraxisStepper);
+    getCurrentConfig(): StepperMetadata;
+    getCapabilities(): Capability$1[];
+    getRuntimeState(): Record<string, any>;
+    createSnapshot(): StepperMetadata;
+    restoreSnapshot(snapshot: StepperMetadata): Promise<void>;
+    applyPatch(patch: Partial<StepperMetadata>): Promise<PatchResult>;
+    private applyConfig;
+    private smartMergeStepperConfig;
+    private mergeByKey;
+    private cloneConfig;
+}
+
 type StepOrientation = 'horizontal' | 'vertical';
 type StepHeaderPosition = 'top' | 'bottom';
 interface StepConfig {
@@ -29,6 +46,8 @@ interface StepConfig {
         schemaSource?: 'resource' | 'filter';
         formId?: string;
     };
+    /** Widgets rendered before the step form (if present). */
+    widgetsBeforeForm?: WidgetDefinition[];
     widgets?: WidgetDefinition[];
     description?: string;
 }
@@ -47,6 +66,7 @@ interface StepperMetadata {
     headerClass?: string;
     contentClass?: string;
     appearance?: {
+        preset?: 'ft-light';
         themeClass?: string;
         tokens?: Record<string, string>;
         icons?: {
@@ -68,7 +88,7 @@ interface StepperMetadata {
         align?: 'start' | 'center' | 'end' | 'space-between';
     };
 }
-declare class PraxisStepper {
+declare class PraxisStepper implements OnInit {
     stepLabelTpl?: TemplateRef<any>;
     _config: _angular_core.WritableSignal<StepperMetadata | null>;
     private _selectedIndex;
@@ -85,6 +105,8 @@ declare class PraxisStepper {
         icon: string;
         action: () => void;
     }[];
+    stepperId: string;
+    componentInstanceId?: string;
     set config(c: StepperMetadata | string | null);
     set selectedIndexInput(i: number | null);
     set selectedIndex(i: number | null);
@@ -114,9 +136,25 @@ declare class PraxisStepper {
         output?: string;
         payload?: any;
     }>;
+    stepFormReady: EventEmitter<{
+        stepIndex: number;
+        stepId?: string;
+        event: FormReadyEvent;
+    }>;
+    stepFormValueChange: EventEmitter<{
+        stepIndex: number;
+        stepId?: string;
+        event: FormValueChangeEvent;
+    }>;
     stepperContext?: Record<string, any>;
     private readonly settings;
+    private readonly storage;
+    private readonly componentKeys;
+    private readonly logger;
+    private readonly route;
+    private warnedMissingId;
     animationDone: EventEmitter<void>;
+    aiAdapter: StepperAiAdapter;
     steps: _angular_core.Signal<StepConfig[]>;
     orientation: _angular_core.Signal<StepOrientation>;
     headerPosition: _angular_core.Signal<StepHeaderPosition>;
@@ -140,6 +178,9 @@ declare class PraxisStepper {
     navNextLabel: () => string;
     navPrevIcon: () => string | undefined;
     navNextIcon: () => string | undefined;
+    stepperClassList: () => string;
+    contentClassList: () => string;
+    navActionsClass: () => string;
     navAlignClass: () => "nav-align-start" | "nav-align-center" | "nav-align-space-between" | "nav-align-end";
     isNextDisabled(i: number): boolean;
     private clampIndex;
@@ -165,18 +206,30 @@ declare class PraxisStepper {
     }): void;
     isStepEmpty(step: StepConfig): boolean;
     openEditor(): void;
+    applyConfigFromAdapter(next: StepperMetadata): void;
     addFirstStep(): void;
     onNext(i: number): Promise<void>;
     onPrev(): void;
     onAnimationDone(): void;
     private applyServerErrors;
+    private persistConfig;
+    private storageKey;
+    private componentKeyId;
+    private warnMissingId;
+    ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisStepper, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisStepper, "praxis-stepper", never, { "config": { "alias": "config"; "required": false; }; "selectedIndexInput": { "alias": "selectedIndexInput"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRippleInput": { "alias": "disableRippleInput"; "required": false; }; "editModeEnabled": { "alias": "editModeEnabled"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "serverValidate": { "alias": "serverValidate"; "required": false; }; "stepperContext": { "alias": "stepperContext"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "widgetEvent": "widgetEvent"; "animationDone": "animationDone"; "selectionChange": "selectionChange"; }, ["stepLabelTpl"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisStepper, "praxis-stepper", never, { "stepperId": { "alias": "stepperId"; "required": true; }; "componentInstanceId": { "alias": "componentInstanceId"; "required": false; }; "config": { "alias": "config"; "required": false; }; "selectedIndexInput": { "alias": "selectedIndexInput"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRippleInput": { "alias": "disableRippleInput"; "required": false; }; "editModeEnabled": { "alias": "editModeEnabled"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "serverValidate": { "alias": "serverValidate"; "required": false; }; "stepperContext": { "alias": "stepperContext"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "widgetEvent": "widgetEvent"; "stepFormReady": "stepFormReady"; "stepFormValueChange": "stepFormValueChange"; "animationDone": "animationDone"; "selectionChange": "selectionChange"; }, ["stepLabelTpl"], ["*"], true, never>;
 }
 
 declare const PRAXIS_STEPPER_COMPONENT_METADATA: ComponentDocMeta;
+declare const PRAXIS_WIZARD_BENEFITS_METADATA: ComponentDocMeta;
+declare const PRAXIS_WIZARD_CONTENT_METADATA: ComponentDocMeta;
+declare const PRAXIS_WIZARD_NOTICE_METADATA: ComponentDocMeta;
+declare const PRAXIS_WIZARD_DIVIDER_METADATA: ComponentDocMeta;
 declare function providePraxisStepperMetadata(): Provider;
 
+type WizardWidgetId = 'praxis-wizard-benefits' | 'praxis-wizard-content' | 'praxis-wizard-inline-notice' | 'praxis-wizard-divider';
+type EditorialZone = 'before' | 'after';
 declare class PraxisStepperConfigEditor implements SettingsValueProvider {
     config: StepperMetadata;
     activeIndex: number;
@@ -216,9 +269,28 @@ declare class PraxisStepperConfigEditor implements SettingsValueProvider {
     removeStep(idx: number): void;
     get activeStep(): StepConfig | null;
     ensureWidgets(): WidgetDefinition[];
+    ensureWidgetsBeforeForm(): WidgetDefinition[];
     displayWidgetName(w: WidgetDefinition): string;
+    editorialBeforeWidgets(step: StepConfig): WidgetDefinition[];
+    editorialAfterWidgets(step: StepConfig): WidgetDefinition[];
+    advancedWidgets(step: StepConfig): WidgetDefinition[];
+    widgetBlockId(w: WidgetDefinition): string | null;
+    editorialWidgetSummary(w: WidgetDefinition): string;
+    addEditorialWidget(id: WizardWidgetId, zone?: EditorialZone): void;
+    dropEditorialBefore(ev: CdkDragDrop<WidgetDefinition[]>): void;
+    dropEditorialAfter(ev: CdkDragDrop<WidgetDefinition[]>): void;
+    moveEditorialWidget(w: WidgetDefinition, from: EditorialZone, to: EditorialZone): void;
+    duplicateEditorialWidget(w: WidgetDefinition, zone: EditorialZone): void;
+    removeEditorialWidget(w: WidgetDefinition, zone: EditorialZone): void;
+    removeAdvancedWidget(w: WidgetDefinition): void;
     dropWidget(ev: CdkDragDrop<WidgetDefinition[]>): void;
     removeWidget(idx: number): void;
+    canEditWidget(w: WidgetDefinition): boolean;
+    private defaultEditorialInputs;
+    private nextEditorialBlockId;
+    private normalizeBlockIdPart;
+    private toneLabel;
+    private reorderSubset;
     addMainForm(): void;
     editMainForm(): void;
     removeMainForm(): void;
@@ -228,7 +300,10 @@ declare class PraxisStepperConfigEditor implements SettingsValueProvider {
     openMoreComponents(): void;
     addTreeList(): void;
     addTransferListQuick(): void;
-    editWidget(w: WidgetDefinition, index: number): void;
+    editWidget(w: WidgetDefinition): void;
+    private openWizardWidgetEditor;
+    private openWizardWidgetDialog;
+    private isWizardWidgetId;
     getSettingsValue(): any;
     onSave(): any;
     reset(): void;
@@ -236,5 +311,184 @@ declare class PraxisStepperConfigEditor implements SettingsValueProvider {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisStepperConfigEditor, "praxis-stepper-config-editor", never, {}, {}, never, never, true, never>;
 }
 
-export { PRAXIS_STEPPER_COMPONENT_METADATA, PraxisStepper, PraxisStepperConfigEditor, providePraxisStepperMetadata };
-export type { StepConfig, StepHeaderPosition, StepOrientation, StepperMetadata };
+type WizardCtaAction = 'next' | 'submit' | 'custom';
+type WizardSecondaryAction = 'prev' | 'cancel';
+interface WizardProgressConfig {
+    variant?: 'line' | 'dots';
+    showLabels?: boolean;
+    labelPosition?: 'bottom' | 'end';
+}
+interface WizardCard {
+    title: string;
+    description?: string;
+    icon?: string;
+}
+interface WizardBenefitItem {
+    icon?: string;
+    title: string;
+    text?: string;
+}
+type WizardBlockPlacement = 'beforeForm' | 'afterForm';
+interface WizardBlockBase {
+    /**
+     * Optional stable identifier for telemetry/testing.
+     * When provided, it is preferred over positional index when deriving blockId.
+     */
+    id?: string;
+    placement?: WizardBlockPlacement;
+}
+interface WizardBenefitsBlock extends WizardBlockBase {
+    type: 'benefitsGrid';
+    title?: string;
+    items: WizardBenefitItem[];
+    columns?: number;
+    boxed?: boolean;
+}
+interface WizardContentBlock extends WizardBlockBase {
+    type: 'contentBlock';
+    title?: string;
+    subtitle?: string;
+    text?: string;
+    caption?: string;
+}
+interface WizardInlineNoticeBlock extends WizardBlockBase {
+    type: 'inlineNotice';
+    text: string;
+    tone?: 'neutral' | 'info' | 'warning';
+}
+interface WizardDividerBlock extends WizardBlockBase {
+    type: 'divider';
+    label?: string;
+}
+type WizardBlock = WizardBenefitsBlock | WizardContentBlock | WizardInlineNoticeBlock | WizardDividerBlock;
+interface WizardStepZones {
+    intro?: WizardBlock[];
+    body?: WizardBlock[];
+    footer?: WizardBlock[];
+}
+interface WizardCtaConfig {
+    label: string;
+    action?: WizardCtaAction;
+    secondaryLabel?: string;
+    secondaryAction?: WizardSecondaryAction;
+    sticky?: boolean;
+}
+interface WizardStepFormConfig {
+    formId?: string;
+    config: FormConfig;
+}
+interface WizardStepConfig {
+    id: string;
+    label: string;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    optional?: boolean;
+    cards?: WizardCard[];
+    blocks?: WizardBlock[];
+    zones?: WizardStepZones;
+    form?: WizardStepFormConfig;
+    cta?: WizardCtaConfig;
+}
+interface WizardPreferencesConfig {
+    stepId?: string;
+    storageKey?: string;
+    persistFields?: string[];
+}
+interface WizardFormConfig {
+    id: string;
+    brand?: string;
+    title?: string;
+    subtitle?: string;
+    description?: string;
+    progress?: WizardProgressConfig;
+    cta?: WizardCtaConfig;
+    steps: WizardStepConfig[];
+    preferences?: WizardPreferencesConfig;
+    /**
+     * Optional theme configuration.
+     * Keys are CSS variable names (without -- prefix) and values are the CSS values.
+     * Example: { "praxis-wizard-card-bg": "#fff1e5" }
+     */
+    theme?: Record<string, string>;
+}
+
+declare const FT_WIZARD_JSON = "{\n  \"id\": \"ft-edit-wizard\",\n  \"brand\": \"FINANCIAL TIMES\",\n  \"progress\": {\n    \"variant\": \"line\",\n    \"showLabels\": true,\n    \"labelPosition\": \"bottom\"\n  },\n  \"cta\": {\n    \"label\": \"Continue\",\n    \"action\": \"next\",\n    \"secondaryLabel\": \"Back\",\n    \"secondaryAction\": \"prev\",\n    \"sticky\": true\n  },\n  \"preferences\": {\n    \"stepId\": \"preferences\",\n    \"storageKey\": \"praxis:ft-wizard\",\n    \"persistFields\": [\"topStories\", \"invitesOffers\", \"recommendations\"]\n  },\n  \"theme\": {\n    \"praxis-wizard-card-bg\": \"#fff1e5\",\n    \"md-sys-color-surface\": \"#fff1e5\",\n    \"md-sys-color-on-surface\": \"#33302e\",\n    \"praxis-wizard-accent\": \"#0d7680\",\n    \"praxis-wizard-border\": \"#cfcfcf\",\n    \"md-sys-color-outline-variant\": \"#cfcfcf\",\n    \"ft-font-head\": \"\\\"Financier Display\\\", Georgia, serif\",\n    \"ft-font-body\": \"\\\"Metric\\\", \\\"Helvetica Neue\\\", Helvetica, Arial, sans-serif\",\n    \"ft-radius\": \"0\",\n    \"ft-shadow\": \"none\",\n    \"ft-header-border\": \"1px solid #cfcfcf\"\n  },\n  \"steps\": [\n    {\n      \"id\": \"access\",\n      \"label\": \"Access\",\n      \"title\": \"Create an FT Edit account\",\n      \"subtitle\": \"Get access in a couple of steps and upgrade later for the full FT experience.\",\n      \"zones\": {\n        \"intro\": [\n          {\n            \"type\": \"benefitsGrid\",\n            \"title\": \"Why register?\",\n            \"columns\": 4,\n            \"boxed\": true,\n            \"items\": [\n              {\n                \"icon\": \"format_quote\",\n                \"title\": \"Beyond the headlines\",\n                \"text\": \"Insightful news, thought-provoking opinion and fascinating features.\"\n              },\n              {\n                \"icon\": \"edit_note\",\n                \"title\": \"Curated daily editions\",\n                \"text\": \"Eight fresh articles a day chosen for you by our senior editors.\"\n              },\n              {\n                \"icon\": \"bookmarks\",\n                \"title\": \"Never miss a great story\",\n                \"text\": \"Explore previous editions from the past week.\"\n              },\n              {\n                \"icon\": \"mail\",\n                \"title\": \"Receive the FT Edit newsletter\",\n                \"text\": \"A daily round-up delivered straight to your inbox.\"\n              }\n            ]\n          }\n        ],\n        \"footer\": [\n          {\n            \"type\": \"inlineNotice\",\n            \"text\": \"For more information about how we use your data, please refer to our privacy and cookie policies.\"\n          }\n        ]\n      },\n      \"cta\": {\n        \"label\": \"Register with email\",\n        \"action\": \"next\"\n      },\n      \"form\": {\n        \"config\": {\n          \"sections\": [\n            {\n              \"id\": \"access-section\",\n              \"rows\": [\n                {\n                  \"columns\": [\n                    {\n                      \"fields\": [\"confirmAge\", \"editNewsletter\"]\n                    }\n                  ]\n                }\n              ]\n            }\n          ],\n          \"fieldMetadata\": [\n            {\n              \"name\": \"confirmAge\",\n              \"label\": \"\",\n              \"controlType\": \"checkbox\",\n              \"required\": true,\n              \"layout\": \"horizontal\",\n              \"options\": [\n                {\n                  \"label\": \"I confirm I am 16+ years old and agree to the Terms & Conditions.\",\n                  \"value\": true\n                }\n              ]\n            },\n            {\n              \"name\": \"editNewsletter\",\n              \"label\": \"FT Edit newsletter\",\n              \"controlType\": \"toggle\",\n              \"defaultValue\": true,\n              \"hint\": \"All new members also start receiving our daily FT Edit newsletter.\"\n            }\n          ],\n          \"actions\": {\n            \"submit\": { \"visible\": false, \"label\": \"Submit\" },\n            \"cancel\": { \"visible\": false, \"label\": \"Cancel\" },\n            \"reset\": { \"visible\": false, \"label\": \"Reset\" }\n          }\n        }\n      }\n    },\n    {\n      \"id\": \"account\",\n      \"label\": \"Account\",\n      \"title\": \"Create an FT Edit account\",\n      \"subtitle\": \"This address will be used to create your account.\",\n      \"zones\": {\n        \"intro\": [\n          {\n            \"type\": \"inlineNotice\",\n            \"text\": \"All new members also start receiving our daily FT Edit newsletter.\",\n            \"tone\": \"info\"\n          }\n        ],\n        \"footer\": [\n          {\n            \"type\": \"inlineNotice\",\n            \"text\": \"We will send you service messages about your account, security or legal notifications.\"\n          }\n        ]\n      },\n      \"form\": {\n        \"config\": {\n          \"sections\": [\n            {\n              \"id\": \"account-section\",\n              \"rows\": [\n                {\n                  \"columns\": [\n                    { \"fields\": [\"email\", \"password\"] },\n                    { \"fields\": [\"newsletterOptIn\"] }\n                  ]\n                }\n              ]\n            }\n          ],\n          \"fieldMetadata\": [\n            {\n              \"name\": \"email\",\n              \"label\": \"Email address\",\n              \"controlType\": \"email\",\n              \"required\": true,\n              \"placeholder\": \"Enter your email address\"\n            },\n            {\n              \"name\": \"password\",\n              \"label\": \"Password\",\n              \"controlType\": \"password\",\n              \"required\": true,\n              \"placeholder\": \"Enter a password\",\n              \"hint\": \"Use 8 or more characters. You can use letters, numbers or symbols.\",\n              \"validators\": {\n                \"minLength\": 8\n              },\n              \"revealToggle\": {\n                \"enabled\": true,\n                \"style\": \"text\",\n                \"showLabel\": \"Show password\",\n                \"hideLabel\": \"Hide password\",\n                \"ariaLabel\": \"Toggle password visibility\"\n              }\n            },\n            {\n              \"name\": \"newsletterOptIn\",\n              \"label\": \"Stay up to date\",\n              \"controlType\": \"toggle\",\n              \"defaultValue\": true,\n              \"hint\": \"All new members also start receiving our daily FT Edit newsletter.\"\n            }\n          ],\n          \"actions\": {\n            \"submit\": { \"visible\": false, \"label\": \"Submit\" },\n            \"cancel\": { \"visible\": false, \"label\": \"Cancel\" },\n            \"reset\": { \"visible\": false, \"label\": \"Reset\" }\n          }\n        }\n      }\n    },\n    {\n      \"id\": \"preferences\",\n      \"label\": \"Preferences\",\n      \"title\": \"Stay up to date\",\n      \"subtitle\": \"You can update these any time in your Contact Preferences.\",\n      \"description\": \"We will send you service messages about your account, security or legal notifications.\",\n      \"zones\": {\n        \"footer\": [\n          {\n            \"type\": \"divider\"\n          },\n          {\n            \"type\": \"inlineNotice\",\n            \"text\": \"We will send you service messages about your account, security or legal notifications.\"\n          }\n        ]\n      },\n      \"cta\": {\n        \"label\": \"Create an FT Edit account\",\n        \"action\": \"submit\",\n        \"secondaryLabel\": \"Back\",\n        \"secondaryAction\": \"prev\"\n      },\n      \"form\": {\n        \"config\": {\n          \"sections\": [\n            {\n              \"id\": \"prefs-section\",\n              \"rows\": [\n                {\n                  \"columns\": [\n                    { \"fields\": [\"topStories\"] },\n                    { \"fields\": [\"invitesOffers\"] },\n                    { \"fields\": [\"recommendations\"] }\n                  ]\n                }\n              ]\n            }\n          ],\n          \"fieldMetadata\": [\n            {\n              \"name\": \"topStories\",\n              \"label\": \"Top stories & features\",\n              \"controlType\": \"toggle\",\n              \"defaultValue\": true,\n              \"hint\": \"Get the most from the Financial Times with personalised special reports, recommended reads and latest feature announcements.\"\n            },\n            {\n              \"name\": \"invitesOffers\",\n              \"label\": \"Invites & offers from the FT\",\n              \"controlType\": \"toggle\",\n              \"defaultValue\": true,\n              \"hint\": \"Receive exclusive personalised event invitations, carefully-curated offers and promotions from the Financial Times.\"\n            },\n            {\n              \"name\": \"recommendations\",\n              \"label\": \"Personal recommendations\",\n              \"controlType\": \"toggle\",\n              \"defaultValue\": false,\n              \"hint\": \"Tailored reading lists based on what you follow.\"\n            }\n          ],\n          \"actions\": {\n            \"submit\": { \"visible\": false, \"label\": \"Submit\" },\n            \"cancel\": { \"visible\": false, \"label\": \"Cancel\" },\n            \"reset\": { \"visible\": false, \"label\": \"Reset\" }\n          }\n        }\n      }\n    }\n  ]\n}";
+declare const FT_WIZARD_CONFIG: WizardFormConfig;
+
+declare class PraxisWizardFormComponent {
+    private readonly el;
+    private readonly renderer;
+    private readonly storage;
+    constructor();
+    stepper?: PraxisStepper;
+    wizardId: string;
+    editModeEnabled: boolean;
+    set config(cfg: WizardFormConfig | string | null);
+    submit: EventEmitter<{
+        wizardId: string;
+        values: Record<string, any>;
+    }>;
+    private readonly _config;
+    private readonly persistedState;
+    readonly selectedIndex: _angular_core.WritableSignal<number>;
+    readonly wizard: _angular_core.Signal<WizardFormConfig | null>;
+    readonly stepperConfig: _angular_core.Signal<StepperMetadata | null>;
+    readonly activeStep: _angular_core.Signal<WizardStepConfig | null>;
+    wizardBrand: _angular_core.Signal<string>;
+    activeTitle: _angular_core.Signal<string>;
+    activeSubtitle: _angular_core.Signal<string>;
+    activeDescription: _angular_core.Signal<string>;
+    readonly resolvedCta: _angular_core.Signal<Partial<WizardCtaConfig>>;
+    primaryLabel: _angular_core.Signal<string>;
+    primaryAction: _angular_core.Signal<WizardCtaAction>;
+    secondaryLabel: _angular_core.Signal<string>;
+    secondaryAction: _angular_core.Signal<WizardSecondaryAction>;
+    showSecondaryAction(): boolean;
+    isPrimaryDisabled(): boolean;
+    onPrimaryAction(): void;
+    onSecondaryAction(): void;
+    onSelectedIndexChange(idx: number): void;
+    onStepFormValueChange(ev: {
+        stepIndex: number;
+        stepId?: string;
+        event: {
+            formData?: any;
+        };
+    }): void;
+    ngOnInit(): void;
+    private collectValues;
+    private loadPersistedState;
+    private persistState;
+    private storageKey;
+    private resetProgress;
+    private focusPrimaryAction;
+    private focusSecondaryAction;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisWizardFormComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisWizardFormComponent, "praxis-wizard-form", never, { "wizardId": { "alias": "wizardId"; "required": true; }; "editModeEnabled": { "alias": "editModeEnabled"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "submit": "submit"; }, never, never, true, never>;
+}
+
+/**
+ * Capabilities catalog for Praxis Stepper (StepperMetadata).
+ * Paths follow StepperMetadata shape (patch merged at config root).
+ */
+
+declare module '@praxisui/core' {
+    interface AiCapabilityCategoryMap {
+        navigation: true;
+        steps: true;
+        meta: true;
+    }
+}
+type CapabilityCategory = AiCapabilityCategory;
+type ValueKind = AiValueKind;
+interface Capability extends AiCapability {
+    category: CapabilityCategory;
+}
+interface CapabilityCatalog extends AiCapabilityCatalog {
+    capabilities: Capability[];
+}
+declare const STEPPER_AI_CAPABILITIES: CapabilityCatalog;
+
+export { FT_WIZARD_CONFIG, FT_WIZARD_JSON, PRAXIS_STEPPER_COMPONENT_METADATA, PRAXIS_WIZARD_BENEFITS_METADATA, PRAXIS_WIZARD_CONTENT_METADATA, PRAXIS_WIZARD_DIVIDER_METADATA, PRAXIS_WIZARD_NOTICE_METADATA, PraxisStepper, PraxisStepperConfigEditor, PraxisWizardFormComponent, STEPPER_AI_CAPABILITIES, providePraxisStepperMetadata };
+export type { Capability, CapabilityCatalog, CapabilityCategory, StepConfig, StepHeaderPosition, StepOrientation, StepperMetadata, ValueKind, WizardBenefitItem, WizardBenefitsBlock, WizardBlock, WizardBlockBase, WizardBlockPlacement, WizardCard, WizardContentBlock, WizardCtaAction, WizardCtaConfig, WizardDividerBlock, WizardFormConfig, WizardInlineNoticeBlock, WizardPreferencesConfig, WizardProgressConfig, WizardSecondaryAction, WizardStepConfig, WizardStepFormConfig, WizardStepZones };

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@praxisui/stepper",
-  "version": "1.0.0-beta.29",
+  "version": "1.0.0-beta.40",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0",
     "@angular/material": "^20.0.0",
     "@angular/cdk": "^20.0.0",
-    "@praxisui/core": "^1.0.0-beta.29",
-    "@praxisui/dynamic-form": "^1.0.0-beta.29",
-    "@praxisui/settings-panel": "^1.0.0-beta.29",
-    "@praxisui/list": "^1.0.0-beta.29",
-    "@praxisui/files-upload": "^1.0.0-beta.29",
-    "@praxisui/page-builder": "^1.0.0-beta.29"
+    "@praxisui/core": "^1.0.0-beta.40",
+    "@praxisui/dynamic-form": "^1.0.0-beta.40",
+    "@praxisui/settings-panel": "^1.0.0-beta.40",
+    "@praxisui/list": "^1.0.0-beta.40",
+    "@praxisui/files-upload": "^1.0.0-beta.40",
+    "@praxisui/page-builder": "^1.0.0-beta.40"
   },
   "dependencies": {
     "tslib": "^2.3.0"