@wildo-ai/saas-frontend-lib 1.0.1

package/dist/esm/components/resources/skeleton/SubmitButton.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext } from 'react-hook-form';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { Button } from '../../../components/actions/button.js';
+import { useI18n } from '../../../core/i18n/useI18n.js';
+import { useOptionalFormTemplateContext } from '../../../components/form/automated/FormTemplateContext.js';
+import { useSlotRegistration } from './FormLayoutSlotContext.js';
+/**
+ * Form submit action slot — placed by the template author where desired.
+ *
+ * Labels are resolved from explicit props, falling back to i18n ("Save").
+ * Templates pass labels directly — no context dependency for label text.
+ *
+ * Disabled when `formState.isSubmitting` or `FormTemplateContext.disabled` is true.
+ * (FormTemplateContext is used only for the disabled flag — a skeleton-layer concern.)
+ *
+ * In wizard mode, the wizard layout manages its own submit/next buttons,
+ * so this component is only used in non-wizard templates.
+ *
+ * @example
+ * ```tsx
+ * <FormLayout>
+ *   <Section name="general">
+ *     <FormField name="title" />
+ *   </Section>
+ *   <SubmitButton label="Create" submittingLabel="Creating..." fullWidth />
+ * </FormLayout>
+ * ```
+ */
+export function SubmitButton({ className, label, submittingLabel, fullWidth }) {
+    useSlotRegistration('submitButton');
+    const { formState } = useFormContext();
+    const templateCtx = useOptionalFormTemplateContext();
+    const { tComponent } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,
+    });
+    const resolvedLabel = label
+        ?? tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'submitSave');
+    const isDisabled = formState.isSubmitting || !!templateCtx?.disabled;
+    const displayLabel = formState.isSubmitting && submittingLabel
+        ? submittingLabel
+        : resolvedLabel;
+    return (_jsx("div", { className: className, children: _jsx(Button, { type: "submit", disabled: isDisabled, className: fullWidth ? 'w-full' : undefined, children: displayLabel }) }));
+}
+SubmitButton.displayName = 'SubmitButton';
+//# sourceMappingURL=SubmitButton.js.map

package/dist/esm/components/resources/skeleton/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SubmitButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,+CAA+C,CAAC;AACvE,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAa9D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,eAAe,EAAE,SAAS,EAAqB;IAC9F,mBAAmB,CAAC,cAAc,CAAC,CAAC;IAEpC,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,8BAA8B,EAAE,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;QAC7B,SAAS,EAAE,qBAAqB,CAAC,sBAAsB;KACxD,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,KAAK;WACtB,UAAU,CAAC,qBAAqB,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAC;IAE5E,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,IAAI,CAAC,CAAC,WAAW,EAAE,QAAQ,CAAC;IAErE,MAAM,YAAY,GAAG,SAAS,CAAC,YAAY,IAAI,eAAe;QAC5D,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,aAAa,CAAC;IAElB,OAAO,CACL,cAAK,SAAS,EAAE,SAAS,YACvB,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,YACpF,YAAY,GACN,GACL,CACP,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}

package/dist/esm/components/resources/skeleton/SummaryLayout.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export interface SummaryLayoutProps {
+    /** Additional CSS classes for the root container. */
+    className?: string;
+    children?: ReactNode;
+}
+/**
+ * Root wrapper for summary layout templates (cards, list items, FK references).
+ *
+ * Typically renders a compact single-line or small card layout.
+ * Provides a root `FieldScopeContext` with empty prefix.
+ *
+ * @example
+ * ```tsx
+ * <SummaryLayout>
+ *   <div className="flex items-center gap-2">
+ *     <DisplayField name="title" />
+ *     <DisplayField name="status" />
+ *   </div>
+ * </SummaryLayout>
+ * ```
+ */
+export declare function SummaryLayout({ className, children }: SummaryLayoutProps): ReactNode;
+//# sourceMappingURL=SummaryLayout.d.ts.map

package/dist/esm/components/resources/skeleton/SummaryLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,kBAAkB;IACjC,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAMpF"}

package/dist/esm/components/resources/skeleton/SummaryLayout.js

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldScopeProvider } from './FieldScopeContext.js';
+/**
+ * Root wrapper for summary layout templates (cards, list items, FK references).
+ *
+ * Typically renders a compact single-line or small card layout.
+ * Provides a root `FieldScopeContext` with empty prefix.
+ *
+ * @example
+ * ```tsx
+ * <SummaryLayout>
+ *   <div className="flex items-center gap-2">
+ *     <DisplayField name="title" />
+ *     <DisplayField name="status" />
+ *   </div>
+ * </SummaryLayout>
+ * ```
+ */
+export function SummaryLayout({ className, children }) {
+    return (_jsx(FieldScopeProvider, { pathPrefix: "", children: _jsx("div", { className: className, children: children }) }));
+}
+//# sourceMappingURL=SummaryLayout.js.map

package/dist/esm/components/resources/skeleton/SummaryLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/SummaryLayout.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAQzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAsB;IACvE,OAAO,CACL,KAAC,kBAAkB,IAAC,UAAU,EAAC,EAAE,YAC/B,cAAK,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAO,GACxB,CACtB,CAAC;AACJ,CAAC"}

package/dist/esm/components/resources/skeleton/Variant.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export interface VariantProps {
+    /** The discriminator value this variant matches. */
+    value: string;
+    children: ReactNode;
+}
+/**
+ * Content rendered when the parent `<DiscriminatorSwitch>` discriminator
+ * field matches this variant's `value`.
+ *
+ * @example
+ * ```tsx
+ * <DiscriminatorSwitch field="notificationType">
+ *   <Variant value="email">
+ *     <FormField name="emailSubject" />
+ *     <FormField name="emailBody" />
+ *   </Variant>
+ *   <Variant value="sms">
+ *     <FormField name="smsMessage" />
+ *   </Variant>
+ * </DiscriminatorSwitch>
+ * ```
+ */
+export declare function Variant({ children }: VariantProps): ReactNode;
+//# sourceMappingURL=Variant.d.ts.map

package/dist/esm/components/resources/skeleton/Variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variant.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Variant.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,YAAY;IAC3B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE,YAAY,GAAG,SAAS,CAE7D"}

package/dist/esm/components/resources/skeleton/Variant.js

@@ -0,0 +1,23 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Content rendered when the parent `<DiscriminatorSwitch>` discriminator
+ * field matches this variant's `value`.
+ *
+ * @example
+ * ```tsx
+ * <DiscriminatorSwitch field="notificationType">
+ *   <Variant value="email">
+ *     <FormField name="emailSubject" />
+ *     <FormField name="emailBody" />
+ *   </Variant>
+ *   <Variant value="sms">
+ *     <FormField name="smsMessage" />
+ *   </Variant>
+ * </DiscriminatorSwitch>
+ * ```
+ */
+export function Variant({ children }) {
+    return _jsx(_Fragment, { children: children });
+}
+//# sourceMappingURL=Variant.js.map

package/dist/esm/components/resources/skeleton/Variant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Variant.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/Variant.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAgB;IAChD,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,CAAC"}

package/dist/esm/components/resources/skeleton/WizardLayout.d.ts

@@ -0,0 +1,42 @@
+import { type ReactNode } from 'react';
+export interface WizardLayoutProps {
+    /** Additional CSS classes for the wizard container. */
+    className?: string;
+    /** 0-based index of the initially active step. @default 0 */
+    initialStep?: number;
+    /** When `true`, validates current step fields before allowing navigation forward. @default true */
+    validateOnStepChange?: boolean;
+    /** Callback fired when step changes (after validation, if enabled). */
+    onStepChange?: (from: number, to: number) => void;
+    /** Custom submit button to render on the last step instead of the default. */
+    submitButton?: ReactNode;
+    children: ReactNode;
+}
+/**
+ * Wizard container for multi-step form templates.
+ *
+ * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),
+ * and per-step validation. All steps remain mounted (hidden with `display: none`)
+ * so that RHF retains field state across steps.
+ *
+ * Children must be `<WizardStep>` components. Non-WizardStep children are
+ * silently filtered out.
+ *
+ * @example
+ * ```tsx
+ * <FormLayout>
+ *   <WizardLayout>
+ *     <WizardStep name="basics">
+ *       <FormField name="title" />
+ *       <FormField name="description" />
+ *     </WizardStep>
+ *     <WizardStep name="settings">
+ *       <FormField name="priority" />
+ *       <FormField name="dueDate" />
+ *     </WizardStep>
+ *   </WizardLayout>
+ * </FormLayout>
+ * ```
+ */
+export declare function WizardLayout({ className, initialStep, validateOnStepChange, onStepChange, submitButton, children, }: WizardLayoutProps): ReactNode;
+//# sourceMappingURL=WizardLayout.d.ts.map

package/dist/esm/components/resources/skeleton/WizardLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"AAEA,OAAc,EAA0C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAmBtF,MAAM,WAAW,iBAAiB;IAChC,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mGAAmG;IACnG,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,uEAAuE;IACvE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,8EAA8E;IAC9E,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAe,EACf,oBAA2B,EAC3B,YAAY,EACZ,YAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,GAAG,SAAS,CAkK/B"}

package/dist/esm/components/resources/skeleton/WizardLayout.js

@@ -0,0 +1,163 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useMemo, useRef, useState } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { DisplayDirection } from '@wildo-ai/zod-decorators';
+import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { Button, ButtonVariants_Variant } from '../../../components/actions/button.js';
+import { Stepper, StepperItem, StepperIndicator, StepperSeparator, StepperTitle, } from '../../../components/sections/stepper.js';
+import { ErrorBoundary } from '../../../core/errors/ErrorBoundary.js';
+import { useI18n } from '../../../core/i18n/useI18n.js';
+import { useOptionalFormTemplateContext } from '../../../components/form/automated/FormTemplateContext.js';
+import { useWizardRootRegistration } from './FormLayoutSlotContext.js';
+import { WizardLayoutContext } from './WizardLayoutContext.js';
+import { WizardStep } from './WizardStep.js';
+/**
+ * Wizard container for multi-step form templates.
+ *
+ * Manages step state, renders a Stepper UI, navigation buttons (prev/next/submit),
+ * and per-step validation. All steps remain mounted (hidden with `display: none`)
+ * so that RHF retains field state across steps.
+ *
+ * Children must be `<WizardStep>` components. Non-WizardStep children are
+ * silently filtered out.
+ *
+ * @example
+ * ```tsx
+ * <FormLayout>
+ *   <WizardLayout>
+ *     <WizardStep name="basics">
+ *       <FormField name="title" />
+ *       <FormField name="description" />
+ *     </WizardStep>
+ *     <WizardStep name="settings">
+ *       <FormField name="priority" />
+ *       <FormField name="dueDate" />
+ *     </WizardStep>
+ *   </WizardLayout>
+ * </FormLayout>
+ * ```
+ */
+export function WizardLayout({ className, initialStep = 0, validateOnStepChange = true, onStepChange, submitButton, children, }) {
+    useWizardRootRegistration();
+    const [currentStep, setCurrentStep] = useState(initialStep);
+    const stepFieldsRef = useRef(new Map());
+    const wizardTopRef = useRef(null);
+    const form = useFormContext();
+    const templateCtx = useOptionalFormTemplateContext();
+    const { tComponent } = useI18n({
+        component: FrontendComponentType.LOW_LEVEL_FORM_MESSAGE,
+    });
+    const wizardSteps = useMemo(() => {
+        const steps = [];
+        React.Children.forEach(children, (child) => {
+            if (React.isValidElement(child) && child.type === WizardStep) {
+                steps.push({
+                    name: child.props.name,
+                    element: child,
+                });
+            }
+        });
+        return steps;
+    }, [children]);
+    const totalSteps = wizardSteps.length;
+    const registerStep = useCallback((name, fields) => {
+        stepFieldsRef.current.set(name, fields);
+    }, []);
+    const wizardContextValue = useMemo(() => ({ registerStep, currentStep, totalSteps }), [registerStep, currentStep, totalSteps]);
+    const getStepLabel = (stepName, index) => {
+        if (templateCtx?.wizardStepLabels?.[stepName]) {
+            return templateCtx.wizardStepLabels[stepName];
+        }
+        return tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardStepDefault', {
+            index: String(index + 1),
+        });
+    };
+    const scrollToTop = () => {
+        wizardTopRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    };
+    const goToStep = (to) => {
+        const from = currentStep;
+        setCurrentStep(to);
+        onStepChange?.(from, to);
+        scrollToTop();
+    };
+    const handlePrevious = () => {
+        if (currentStep > 0) {
+            goToStep(currentStep - 1);
+        }
+    };
+    const handleNext = async () => {
+        if (validateOnStepChange && form) {
+            const currentStepName = wizardSteps[currentStep]?.name;
+            const stepFields = currentStepName
+                ? stepFieldsRef.current.get(currentStepName)
+                : undefined;
+            const fieldNames = stepFields ? Array.from(stepFields) : [];
+            const isValid = fieldNames.length
+                ? await form.trigger(fieldNames)
+                : await form.trigger();
+            if (!isValid) {
+                scrollToFirstError(form, fieldNames);
+                return;
+            }
+        }
+        if (currentStep < totalSteps - 1) {
+            goToStep(currentStep + 1);
+        }
+    };
+    const isFirstStep = currentStep === 0;
+    const isLastStep = currentStep === totalSteps - 1;
+    const previousLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardPrevious');
+    const nextLabel = tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardNext');
+    return (_jsx(WizardLayoutContext.Provider, { value: wizardContextValue, children: _jsxs("div", { className: className, "data-guidance-wizard": "", children: [_jsx("div", { ref: wizardTopRef, children: _jsx(Stepper, { currentStep: currentStep, totalSteps: totalSteps, orientation: DisplayDirection.HORIZONTAL, className: "mb-region", children: wizardSteps.map((step, index) => (_jsxs(React.Fragment, { children: [_jsxs(StepperItem, { step: index, children: [_jsx(StepperIndicator, { step: index }), _jsx("div", { className: "flex flex-col items-center text-center", children: _jsx(StepperTitle, { step: index, children: _jsx("span", { id: `wizard-tab-${step.name}`, children: getStepLabel(step.name, index) }) }) })] }), index < totalSteps - 1 && _jsx(StepperSeparator, { step: index })] }, step.name))) }) }), wizardSteps.map((step, index) => (_jsx("div", { style: { display: index === currentStep ? undefined : 'none' }, "aria-hidden": index !== currentStep, children: _jsx(ErrorBoundary, { children: step.element }) }, step.name))), _jsxs("div", { className: "flex justify-between gap-field pt-field", children: [_jsx(Button, { type: "button", variant: ButtonVariants_Variant.OUTLINE, onClick: handlePrevious, disabled: isFirstStep || templateCtx?.disabled, children: previousLabel }), _jsx("div", { className: "flex gap-element", children: isLastStep ? (submitButton ?? (_jsx(Button, { type: "submit", disabled: templateCtx?.disabled, children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_MESSAGE, 'wizardSubmit') }))) : (_jsx(Button, { type: "button", onClick: handleNext, disabled: templateCtx?.disabled, children: nextLabel })) })] })] }) }));
+}
+/**
+ * Scroll to the first field with a validation error.
+ * Uses `data-field` or `name` attributes to locate the DOM element.
+ */
+function scrollToFirstError(form, fieldNames) {
+    const errors = form.formState.errors;
+    let firstErrorField = null;
+    if (fieldNames?.length) {
+        for (const fieldName of fieldNames) {
+            const parts = fieldName.split('.');
+            let errorObj = errors;
+            for (const part of parts) {
+                if (errorObj && typeof errorObj === 'object' && part in errorObj) {
+                    errorObj = errorObj[part];
+                }
+                else {
+                    errorObj = undefined;
+                    break;
+                }
+            }
+            if (errorObj) {
+                firstErrorField = fieldName;
+                break;
+            }
+        }
+    }
+    if (!firstErrorField)
+        return;
+    const element = document.querySelector(`[data-field="${firstErrorField}"], [name="${firstErrorField}"]`);
+    if (element) {
+        element.scrollIntoView({ behavior: 'smooth', block: 'center' });
+        setTimeout(() => {
+            if (!document.body.contains(element))
+                return;
+            if (element instanceof HTMLInputElement ||
+                element instanceof HTMLTextAreaElement ||
+                element instanceof HTMLSelectElement) {
+                element.focus();
+            }
+            else {
+                const focusable = element.querySelector('input, textarea, select, [tabindex]:not([tabindex="-1"])');
+                if (focusable && document.body.contains(focusable)) {
+                    focusable.focus();
+                }
+            }
+        }, 100);
+    }
+}
+//# sourceMappingURL=WizardLayout.js.map

package/dist/esm/components/resources/skeleton/WizardLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayout.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayout.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/resources/skeleton/WizardLayoutContext.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Contract between WizardLayout (provider) and WizardStep (consumer).
+ *
+ * Each WizardStep calls `registerStep` during mount to report its name
+ * and the set of field names it contains — WizardLayout uses this for
+ * per-step validation (trigger only the fields in the active step).
+ */
+export interface WizardLayoutContextValue {
+    /** Called by WizardStep on mount to register its field set. */
+    registerStep: (name: string, fields: Set<string>) => void;
+    /** 0-based index of the currently visible step. */
+    currentStep: number;
+    /** Total number of wizard steps. */
+    totalSteps: number;
+}
+export declare const WizardLayoutContext: import("react").Context<WizardLayoutContextValue>;
+export declare function useWizardLayoutContext(): WizardLayoutContextValue | null;
+//# sourceMappingURL=WizardLayoutContext.d.ts.map

package/dist/esm/components/resources/skeleton/WizardLayoutContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayoutContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,+DAA+D;IAC/D,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC1D,mDAAmD;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,mDAAuD,CAAC;AAExF,wBAAgB,sBAAsB,IAAI,wBAAwB,GAAG,IAAI,CAExE"}

package/dist/esm/components/resources/skeleton/WizardLayoutContext.js

@@ -0,0 +1,7 @@
+'use client';
+import { createContext, useContext } from 'react';
+export const WizardLayoutContext = createContext(null);
+export function useWizardLayoutContext() {
+    return useContext(WizardLayoutContext);
+}
+//# sourceMappingURL=WizardLayoutContext.js.map

package/dist/esm/components/resources/skeleton/WizardLayoutContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardLayoutContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardLayoutContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAkBlD,MAAM,CAAC,MAAM,mBAAmB,GAAG,aAAa,CAAkC,IAAI,CAAC,CAAC;AAExF,MAAM,UAAU,sBAAsB;IACpC,OAAO,UAAU,CAAC,mBAAmB,CAAC,CAAC;AACzC,CAAC"}

package/dist/esm/components/resources/skeleton/WizardStep.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+export interface WizardStepProps {
+    /**
+     * Structural ref — maps to i18n keys for title/description:
+     * - `resources.{type}.wizardSteps.{name}.title`
+     * - `resources.{type}.wizardSteps.{name}.description`
+     *
+     * Must match an entry in `layout.refs.wizardSteps`.
+     */
+    name: string;
+    /** Additional CSS classes for the step container. */
+    className?: string;
+    children: ReactNode;
+}
+/**
+ * Single wizard step within a `<WizardLayout>`.
+ *
+ * Provides a `WizardStepFieldsContext` so child `<FormField>` components
+ * auto-register their names. On mount, reports its collected fields to the
+ * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this
+ * enables per-step validation (the wizard only triggers fields belonging
+ * to the active step).
+ *
+ * Step title is resolved from i18n by `name`. The wizard hides inactive
+ * steps with `display: none` so that RHF keeps all fields mounted.
+ *
+ * @example
+ * ```tsx
+ * <WizardStep name="contact-info">
+ *   <FormField name="email" />
+ *   <FormField name="phone" />
+ * </WizardStep>
+ * ```
+ */
+export declare function WizardStep({ name, className, children }: WizardStepProps): ReactNode;
+//# sourceMappingURL=WizardStep.d.ts.map

package/dist/esm/components/resources/skeleton/WizardStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAqD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjG,MAAM,WAAW,eAAe;IAC9B;;;;;;OAMG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,SAAS,CA+CpF"}

package/dist/esm/components/resources/skeleton/WizardStep.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { WizardStepFieldsContext } from './WizardStepFieldsContext.js';
+import { useWizardLayoutContext } from './WizardLayoutContext.js';
+/**
+ * Single wizard step within a `<WizardLayout>`.
+ *
+ * Provides a `WizardStepFieldsContext` so child `<FormField>` components
+ * auto-register their names. On mount, reports its collected fields to the
+ * parent `WizardLayout` via `WizardLayoutContext.registerStep` — this
+ * enables per-step validation (the wizard only triggers fields belonging
+ * to the active step).
+ *
+ * Step title is resolved from i18n by `name`. The wizard hides inactive
+ * steps with `display: none` so that RHF keeps all fields mounted.
+ *
+ * @example
+ * ```tsx
+ * <WizardStep name="contact-info">
+ *   <FormField name="email" />
+ *   <FormField name="phone" />
+ * </WizardStep>
+ * ```
+ */
+export function WizardStep({ name, className, children }) {
+    const [fields] = useState(() => new Set());
+    const wizardCtx = useWizardLayoutContext();
+    const registeredRef = useRef(false);
+    const registerField = useCallback((fieldName) => {
+        fields.add(fieldName);
+    }, [fields]);
+    const unregisterField = useCallback((fieldName) => {
+        fields.delete(fieldName);
+    }, [fields]);
+    const fieldsContextValue = useMemo(() => ({ registerField, unregisterField }), [registerField, unregisterField]);
+    /**
+     * After initial render, report our field set to the parent WizardLayout.
+     * Registration is by name — WizardLayout resolves the index from children order.
+     */
+    useEffect(() => {
+        if (wizardCtx && !registeredRef.current) {
+            registeredRef.current = true;
+            const frame = requestAnimationFrame(() => {
+                wizardCtx.registerStep(name, fields);
+            });
+            return () => cancelAnimationFrame(frame);
+        }
+    }, [wizardCtx, name, fields]);
+    const stepId = `wizard-step-${name}`;
+    return (_jsx(WizardStepFieldsContext.Provider, { value: fieldsContextValue, children: _jsx("div", { className: className, id: stepId, "data-guidance-wizard-step": name, role: "tabpanel", "aria-labelledby": `wizard-tab-${name}`, children: children }) }));
+}
+//# sourceMappingURL=WizardStep.js.map

package/dist/esm/components/resources/skeleton/WizardStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStep.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStep.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAgB/D;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAmB;IACvE,MAAM,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAc,GAAG,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IACxD,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACtD,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,eAAe,GAAG,WAAW,CAAC,CAAC,SAAiB,EAAE,EAAE;QACxD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC,EAC1C,CAAC,aAAa,EAAE,eAAe,CAAC,CACjC,CAAC;IAEF;;;OAGG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;YACxC,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,MAAM,KAAK,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBACvC,SAAS,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;YACH,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,MAAM,MAAM,GAAG,eAAe,IAAI,EAAE,CAAC;IAErC,OAAO,CACL,KAAC,uBAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,kBAAkB,YACzD,cACE,SAAS,EAAE,SAAS,EACpB,EAAE,EAAE,MAAM,+BACiB,IAAI,EAC/B,IAAI,EAAC,UAAU,qBACE,cAAc,IAAI,EAAE,YAEpC,QAAQ,GACL,GAC2B,CACpC,CAAC;AACJ,CAAC"}

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.d.ts

@@ -0,0 +1,14 @@
+export interface WizardStepFieldsContextValue {
+    registerField: (name: string) => void;
+    unregisterField: (name: string) => void;
+}
+export declare const WizardStepFieldsContext: import("react").Context<WizardStepFieldsContextValue>;
+/**
+ * Hook for FormField to auto-register with the enclosing WizardStep.
+ * Returns a cleanup function that unregisters the field on unmount,
+ * preventing stale fields from causing false validation failures
+ * when fields are conditionally rendered inside wizard steps.
+ * No-op when outside a WizardStep.
+ */
+export declare function useWizardFieldRegistration(fieldName: string): void;
+//# sourceMappingURL=WizardStepFieldsContext.d.ts.map

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStepFieldsContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,4BAA4B;IAC3C,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,eAAO,MAAM,uBAAuB,uDAA2D,CAAC;AAEhG;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,CAQlE"}

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.js

@@ -0,0 +1,19 @@
+import { createContext, useContext, useEffect } from 'react';
+export const WizardStepFieldsContext = createContext(null);
+/**
+ * Hook for FormField to auto-register with the enclosing WizardStep.
+ * Returns a cleanup function that unregisters the field on unmount,
+ * preventing stale fields from causing false validation failures
+ * when fields are conditionally rendered inside wizard steps.
+ * No-op when outside a WizardStep.
+ */
+export function useWizardFieldRegistration(fieldName) {
+    const ctx = useContext(WizardStepFieldsContext);
+    useEffect(() => {
+        ctx?.registerField(fieldName);
+        return () => {
+            ctx?.unregisterField(fieldName);
+        };
+    }, [fieldName, ctx]);
+}
+//# sourceMappingURL=WizardStepFieldsContext.js.map

package/dist/esm/components/resources/skeleton/WizardStepFieldsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStepFieldsContext.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/WizardStepFieldsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO7D,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAa,CAAsC,IAAI,CAAC,CAAC;AAEhG;;;;;;GAMG;AACH,MAAM,UAAU,0BAA0B,CAAC,SAAiB;IAC1D,MAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAC;IAChD,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;QAC9B,OAAO,GAAG,EAAE;YACV,GAAG,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAClC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC;AACvB,CAAC"}

package/dist/esm/components/resources/skeleton/section-consolidation.shared.d.ts

@@ -0,0 +1,5 @@
+import { DisplayChromeMode } from '@wildo-ai/zod-decorators';
+import type { ResponsiveChromeMode, ResponsiveAware, SectionMode } from '@wildo-ai/zod-decorators';
+export declare function toDisplayChromeMode(mode: ResponsiveChromeMode): ResponsiveAware<DisplayChromeMode>;
+export declare function isSoloMode(mode: SectionMode): boolean;
+//# sourceMappingURL=section-consolidation.shared.d.ts.map

package/dist/esm/components/resources/skeleton/section-consolidation.shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-consolidation.shared.d.ts","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAKnG,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,oBAAoB,GAAG,eAAe,CAAC,iBAAiB,CAAC,CAelG;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO,CAErD"}

package/dist/esm/components/resources/skeleton/section-consolidation.shared.js

@@ -0,0 +1,21 @@
+import { DisplayChromeMode } from '@wildo-ai/zod-decorators';
+import { isSoloSectionMode } from '../../../components/sections/section-grouping.shared.js';
+const VALID_DISPLAY_MODES = new Set(Object.values(DisplayChromeMode));
+export function toDisplayChromeMode(mode) {
+    if (typeof mode === 'string') {
+        return VALID_DISPLAY_MODES.has(mode)
+            ? mode
+            : DisplayChromeMode.STACKED;
+    }
+    const mapped = {};
+    for (const [breakpoint, value] of Object.entries(mode)) {
+        mapped[breakpoint] = (value && VALID_DISPLAY_MODES.has(value))
+            ? value
+            : DisplayChromeMode.STACKED;
+    }
+    return mapped;
+}
+export function isSoloMode(mode) {
+    return isSoloSectionMode(mode);
+}
+//# sourceMappingURL=section-consolidation.shared.js.map

package/dist/esm/components/resources/skeleton/section-consolidation.shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-consolidation.shared.js","sourceRoot":"","sources":["../../../../../src/components/resources/skeleton/section-consolidation.shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,iEAAiE,CAAC;AAEpG,MAAM,mBAAmB,GAAG,IAAI,GAAG,CAAS,MAAM,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE9E,MAAM,UAAU,mBAAmB,CAAC,IAA0B;IAC5D,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC;YAClC,CAAC,CAAE,IAA0B;YAC7B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,MAAM,MAAM,GAA+C,EAAE,CAAC;IAC9D,KAAK,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACvD,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,mBAAmB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;YAC5D,CAAC,CAAE,KAA2B;YAC9B,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC;IAChC,CAAC;IAED,OAAO,MAA4C,CAAC;AACtD,CAAC;AAED,MAAM,UAAU,UAAU,CAAC,IAAiB;IAC1C,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC"}