@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

package/dist/esm/components/form/StepSchemaForm.js

@@ -0,0 +1,189 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { isFormDialog, isWizardDialogConfig } from "../dialog/Dialog.types.js";
+import { useDialog } from "../dialog/Dialog.context.js";
+import { FormProvider, init_context } from "./context.js";
+import { StepControlProvider, init_StepControlContext, useOptionalStepControlContext, useStepControl } from "./StepControlContext.js";
+import { AdapterType, init_types } from "./types.js";
+import { SchemaForm, init_SchemaForm } from "./SchemaForm.js";
+import { getStepOnSuccessHandler, handleStepSubmission, init_step } from "./handlers/step.js";
+import { createStepRetryHandler, init_stepRetry } from "./utils/stepRetry.js";
+import { WizardStepContent, init_WizardStepContent } from "./WizardStepContent.js";
+import { isWizardForm } from "../shared/types/form.js";
+import { Environment } from "../shared/environment/builders.js";
+import { UnifiedFooter } from "../shared/UnifiedFooter.js";
+import { init_components } from "../index.js";
+import React, { useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/form/StepSchemaForm.tsx
+function StepSchemaForm({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }) {
+	const { currentDialog, formMethods } = useDialog();
+	const existingStepControl = useOptionalStepControlContext();
+	if (existingStepControl && existingStepControl.totalSteps > 0) return /* @__PURE__ */ jsx(StepSchemaFormContent, {
+		closeDialog,
+		config,
+		currentDialog,
+		formMethods,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError
+	});
+	return /* @__PURE__ */ jsx(StepControlProvider, {
+		defaultStep: config.stepBehavior?.defaultStep,
+		isBackValidate: config.stepBehavior?.isBackValidate,
+		onStepRetry: createStepRetryHandler(config.steps),
+		totalSteps: config.steps.length,
+		onNavigationStart,
+		onNavigationEnd,
+		onNavigationError,
+		children: /* @__PURE__ */ jsx(StepSchemaFormContent, {
+			closeDialog,
+			config,
+			currentDialog,
+			formMethods,
+			onNavigationStart,
+			onNavigationEnd,
+			onNavigationError
+		})
+	});
+}
+function getStepFooterConfig(isActive, footerConfig, stepMethods, triggerSubmit) {
+	if (!isActive) return false;
+	if (footerConfig === false) return false;
+	return function StepFooterComponent(props) {
+		const { closeDialog, currentDialog, formMethods } = props;
+		return (footerConfig ?? defaultStepFormFooter)({
+			...stepMethods,
+			handleSubmit: triggerSubmit
+		}, formMethods?.current, closeDialog, currentDialog);
+	};
+}
+function StepSchemaFormContent({ closeDialog, config, formMethods, onNavigationStart, onNavigationEnd, onNavigationError }) {
+	const { currentStep, goToStep, jumpTo, handleNext, handlePrevious, handleRetry, isFirstStep, isLastStep, totalSteps, transitionState } = useStepControl();
+	const triggerSubmit = useCallback(() => {
+		if (!formMethods?.current?.handleSubmit) return;
+		handleStepSubmission({
+			closeDialog,
+			config: {
+				...config,
+				onSuccess: getStepOnSuccessHandler(config, formMethods?.current, isLastStep, closeDialog)
+			},
+			currentStep,
+			formMethods: formMethods?.current,
+			goToNextStep: handleNext,
+			isLastStep,
+			stepConfig: config.steps[currentStep - 1]
+		});
+	}, [
+		formMethods?.current,
+		config,
+		currentStep,
+		isLastStep,
+		closeDialog,
+		handleNext
+	]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "grid grid-cols-1 grid-rows-1",
+		children: useMemo(() => {
+			const stepMethods = {
+				currentStep,
+				goToStep,
+				jumpTo,
+				handleNext,
+				handlePrevious,
+				handleRetry,
+				isFirstStep,
+				isLastStep,
+				totalSteps
+			};
+			return config.steps.map((step, index) => {
+				const isActive = currentStep === index + 1;
+				const isExiting = transitionState.exitingStep === index + 1;
+				const isEntering = transitionState.enteringStep === index + 1;
+				const formConfig = {
+					...config,
+					fields: step.fields,
+					footer: getStepFooterConfig(isActive, config.footer, stepMethods, triggerSubmit),
+					validationSchema: step.validationSchema
+				};
+				const schemaForm = /* @__PURE__ */ jsx(SchemaForm, {
+					active: isActive,
+					closeDialog,
+					config: formConfig
+				});
+				const formContent = isWizardForm(config) ? /* @__PURE__ */ jsx(WizardStepContent, {
+					className: "space-y-6",
+					description: step.description,
+					icon: step.icon,
+					isActive,
+					isEntering,
+					isExiting,
+					title: step.title,
+					children: schemaForm
+				}) : schemaForm;
+				return /* @__PURE__ */ jsx(FormProvider, {
+					adapter: config.adapter ?? AdapterType.RHF,
+					config: {
+						...formConfig,
+						steps: config.steps
+					},
+					formInstance: formMethods,
+					children: formContent
+				}, `step-${index}`);
+			});
+		}, [
+			config,
+			currentStep,
+			goToStep,
+			jumpTo,
+			handleNext,
+			handlePrevious,
+			handleRetry,
+			isFirstStep,
+			isLastStep,
+			totalSteps,
+			triggerSubmit,
+			closeDialog,
+			formMethods,
+			transitionState,
+			onNavigationStart,
+			onNavigationEnd,
+			onNavigationError
+		])
+	});
+}
+var defaultStepFormFooter;
+var init_StepSchemaForm = __esmMin(() => {
+	init_types();
+	init_components();
+	init_context();
+	init_step();
+	init_SchemaForm();
+	init_StepControlContext();
+	init_stepRetry();
+	init_WizardStepContent();
+	defaultStepFormFooter = (stepMethods, formMethods, currentDialog) => {
+		const footerEnvironment = Environment.footer().standalone().stepForm({
+			isSubmitting: formMethods?.formState?.isSubmitting || false,
+			methods: formMethods
+		}).step({
+			current: stepMethods.currentStep,
+			isFirst: stepMethods.isFirstStep,
+			isLast: stepMethods.isLastStep,
+			jumpTo: stepMethods.jumpTo,
+			onNext: stepMethods.handleSubmit || stepMethods.handleNext,
+			onPrevious: stepMethods.handlePrevious,
+			onRetry: stepMethods.handleRetry,
+			total: stepMethods.totalSteps
+		}).build();
+		return /* @__PURE__ */ jsx(UnifiedFooter, {
+			config: isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog) ? currentDialog.formConfig : currentDialog,
+			environment: footerEnvironment
+		});
+	};
+});
+
+//#endregion
+init_StepSchemaForm();
+export { StepSchemaForm, init_StepSchemaForm };
+//# sourceMappingURL=StepSchemaForm.js.map

package/dist/esm/components/form/StepSchemaForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepSchemaForm.js","names":[],"sources":["../../../../src/components/form/StepSchemaForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useCallback, useMemo } from \"react\";\n\nimport type { FormConfig, StepFormFooterRenderer } from \"./types\";\nimport { AdapterType, type StepFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { isFormDialog, isWizardDialogConfig } from \"@/components\";\nimport { Environment, isWizardForm, UnifiedFooter } from \"@/components\";\nimport { FormProvider } from \"./context\";\nimport { getStepOnSuccessHandler, handleStepSubmission } from \"./handlers/step\";\nimport { SchemaForm } from \"./SchemaForm\";\nimport {\n  StepControlProvider,\n  useOptionalStepControlContext,\n  useStepControl,\n} from \"./StepControlContext\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\nimport { WizardStepContent } from \"./WizardStepContent\";\n\nconst defaultStepFormFooter: StepFormFooterRenderer = (\n  stepMethods,\n  formMethods,\n  currentDialog,\n) => {\n  const footerEnvironment = Environment.footer()\n    .standalone()\n    .stepForm({\n      isSubmitting: formMethods?.formState?.isSubmitting || false,\n      methods: formMethods,\n    })\n    .step({\n      current: stepMethods.currentStep,\n      isFirst: stepMethods.isFirstStep,\n      isLast: stepMethods.isLastStep,\n      jumpTo: stepMethods.jumpTo,\n      onNext: stepMethods.handleSubmit || stepMethods.handleNext,\n      onPrevious: stepMethods.handlePrevious,\n      onRetry: stepMethods.handleRetry,\n      total: stepMethods.totalSteps,\n    })\n    .build();\n\n  return (\n    <UnifiedFooter\n      config={\n        isFormDialog(currentDialog) || isWizardDialogConfig(currentDialog)\n          ? currentDialog.formConfig\n          : currentDialog\n      }\n      environment={footerEnvironment}\n    />\n  );\n};\n\ninterface StepSchemaFormContentProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: StepFormConfig<TRequest, TResponse>;\n  currentDialog: any;\n  formMethods: any;\n  onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry', error: any) => void;\n}\n\ninterface StepSchemaFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: StepFormConfig<TRequest, TResponse>;\n  onNavigationStart?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationEnd?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry') => void;\n  onNavigationError?: (fromStep: number, toStep: number, type: 'goTo' | 'jumpTo' | 'next' | 'previous' | 'retry', error: any) => void;\n}\n\nexport function StepSchemaForm<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({ closeDialog, config, onNavigationStart, onNavigationEnd, onNavigationError }: StepSchemaFormProps<TRequest, TResponse>) {\n  const { currentDialog, formMethods } = useDialog();\n  const existingStepControl = useOptionalStepControlContext();\n\n  // If we're already in a step control context, render content directly\n  if (existingStepControl && existingStepControl.totalSteps > 0) {\n    return (\n      <StepSchemaFormContent\n        closeDialog={closeDialog}\n        config={config}\n        currentDialog={currentDialog}\n        formMethods={formMethods}\n        onNavigationStart={onNavigationStart}\n        onNavigationEnd={onNavigationEnd}\n        onNavigationError={onNavigationError}\n      />\n    );\n  }\n\n  // Otherwise, create a new step control context\n  return (\n    <StepControlProvider\n      defaultStep={config.stepBehavior?.defaultStep}\n      isBackValidate={config.stepBehavior?.isBackValidate}\n      onStepRetry={createStepRetryHandler(config.steps)}\n      totalSteps={config.steps.length}\n      onNavigationStart={onNavigationStart}\n      onNavigationEnd={onNavigationEnd}\n      onNavigationError={onNavigationError}>\n      <StepSchemaFormContent\n        closeDialog={closeDialog}\n        config={config}\n        currentDialog={currentDialog}\n        formMethods={formMethods}\n        onNavigationStart={onNavigationStart}\n        onNavigationEnd={onNavigationEnd}\n        onNavigationError={onNavigationError}\n      />\n    </StepControlProvider>\n  );\n}\n\nfunction getStepFooterConfig<\n  TRequest extends FieldValues,\n  TResponse extends BaseRecord,\n>(\n  isActive: boolean,\n  footerConfig: StepFormConfig<TRequest, TResponse>[\"footer\"],\n  stepMethods: any,\n  triggerSubmit: () => void,\n): false | React.ComponentType<any> {\n  if (!isActive) {\n    return false;\n  }\n  if (footerConfig === false) {\n    return false;\n  }\n\n  // Return a Higher-Order Component that receives props and calls the original footer function\n  return function StepFooterComponent(props: any) {\n    const { closeDialog, currentDialog, formMethods } = props;\n    const footerFn = footerConfig ?? defaultStepFormFooter;\n    return footerFn(\n      { ...stepMethods, handleSubmit: triggerSubmit },\n      formMethods?.current,\n      closeDialog,\n      currentDialog,\n    );\n  };\n}\n\nfunction StepSchemaFormContent<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog,\n  config,\n  formMethods,\n  onNavigationStart,\n  onNavigationEnd,\n  onNavigationError,\n}: StepSchemaFormContentProps<TRequest, TResponse>) {\n  const stepControl = useStepControl();\n  const {\n    currentStep,\n    goToStep, // Use context's goToStep which now has transitions\n    jumpTo,\n    handleNext,\n    handlePrevious,\n    handleRetry,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    transitionState, // Get transition state from context\n  } = stepControl;\n\n  const triggerSubmit = useCallback(() => {\n    if (!formMethods?.current?.handleSubmit) return;\n\n    handleStepSubmission({\n      closeDialog,\n      config: {\n        ...config,\n        onSuccess: getStepOnSuccessHandler(\n          config,\n          formMethods?.current,\n          isLastStep,\n          closeDialog,\n        ),\n      },\n      currentStep, // Keep 1-based for external APIs\n      formMethods: formMethods?.current,\n      goToNextStep: handleNext, // Add the missing goToNextStep parameter\n      isLastStep,\n      stepConfig: config.steps[currentStep - 1], // Convert to 0-based index for array access\n    });\n  }, [formMethods?.current, config, currentStep, isLastStep, closeDialog, handleNext]);\n\n  const schemaForms = useMemo(() => {\n    const stepMethods = {\n      currentStep, // Keep 1-based for external APIs\n      goToStep, // Use context's goToStep directly\n      jumpTo,\n      handleNext,\n      handlePrevious,\n      handleRetry,\n      isFirstStep,\n      isLastStep,\n      totalSteps,\n    };\n\n    return config.steps.map((step, index) => {\n      const isActive = currentStep === index + 1; // Compare 1-based currentStep with 0-based index\n      const isExiting = transitionState.exitingStep === index + 1;\n      const isEntering = transitionState.enteringStep === index + 1;\n\n      const formConfig: FormConfig<TRequest, TResponse> = {\n        ...config,\n        fields: step.fields,\n        footer: getStepFooterConfig(\n          isActive,\n          config.footer,\n          stepMethods,\n          triggerSubmit,\n        ),\n        validationSchema: step.validationSchema,\n      };\n\n      const schemaForm = (\n        <SchemaForm<TRequest>\n          active={isActive}\n          closeDialog={closeDialog}\n          config={formConfig}\n        />\n      );\n\n      const formContent = isWizardForm(config) ? (\n        <WizardStepContent\n          className=\"space-y-6\"\n          description={step.description}\n          icon={step.icon}\n          isActive={isActive}\n          isEntering={isEntering}\n          isExiting={isExiting}\n          title={step.title}>\n          {schemaForm}\n        </WizardStepContent>\n      ) : (\n        schemaForm\n      );\n\n      return (\n        <FormProvider\n          adapter={config.adapter ?? AdapterType.RHF}\n          config={{ ...formConfig, steps: config.steps }}\n          formInstance={formMethods}\n          key={`step-${index}`}>\n          {formContent}\n        </FormProvider>\n      );\n    });\n  }, [\n    config,\n    currentStep,\n    goToStep,\n    jumpTo,\n    handleNext,\n    handlePrevious,\n    handleRetry,\n    isFirstStep,\n    isLastStep,\n    totalSteps,\n    triggerSubmit,\n    closeDialog,\n    formMethods,\n    transitionState,\n    onNavigationStart,\n    onNavigationEnd,\n    onNavigationError,\n  ]);\n\n  return <div className=\"grid grid-cols-1 grid-rows-1\">{schemaForms}</div>;\n}\n"],"mappings":"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"}

package/dist/esm/components/form/WizardForm.d.ts

@@ -0,0 +1,16 @@
+import { WizardFormConfig } from "./types.js";
+import { BaseRecord } from "@refinedev/core";
+import { FieldValues } from "react-hook-form";
+
+//#region src/components/form/WizardForm.d.ts
+interface WizardFormProps<TRequest extends FieldValues = FieldValues, TResponse extends BaseRecord = any> {
+  closeDialog?: () => void;
+  config: WizardFormConfig<TRequest, TResponse>;
+}
+declare function WizardForm<TRequest extends FieldValues = FieldValues, TResponse extends BaseRecord = any>({
+  closeDialog,
+  config
+}: WizardFormProps<TRequest, TResponse>): any;
+//#endregion
+export { WizardForm };
+//# sourceMappingURL=WizardForm.d.ts.map

package/dist/esm/components/form/WizardForm.js

@@ -0,0 +1,134 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { useDialog } from "../dialog/Dialog.context.js";
+import { resolveAllowStepNavigation } from "../shared/utils/stepState.js";
+import { useIsInDialog } from "../dialog/utils/dialogDetection.js";
+import { StepControlProvider, init_StepControlContext, useStepControl } from "./StepControlContext.js";
+import { createStepRetryHandler, init_stepRetry } from "./utils/stepRetry.js";
+import { StepSchemaForm, init_StepSchemaForm } from "./StepSchemaForm.js";
+import { ProgressStyleType } from "../shared/types/header.js";
+import { Environment } from "../shared/environment/builders.js";
+import { UnifiedFooter } from "../shared/UnifiedFooter.js";
+import { UnifiedHeader } from "../shared/UnifiedHeader.js";
+import { init_components } from "../index.js";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/form/WizardForm.tsx
+function WizardForm({ closeDialog = () => void 0, config }) {
+	const { formMethods } = useDialog();
+	const existingStepControl = useStepControl();
+	const isInDialog = useIsInDialog();
+	if (existingStepControl && existingStepControl.totalSteps > 0) return /* @__PURE__ */ jsx(WizardFormContent, {
+		closeDialog,
+		config,
+		formMethods,
+		isInDialog
+	});
+	return /* @__PURE__ */ jsx(StepControlProvider, {
+		defaultStep: config.stepBehavior?.defaultStep,
+		isBackValidate: config.stepBehavior?.isBackValidate,
+		onStepRetry: createStepRetryHandler(config.steps),
+		totalSteps: config.steps.length,
+		onNavigationStart: config.onNavigationStart,
+		onNavigationEnd: config.onNavigationEnd,
+		onNavigationError: config.onNavigationError,
+		children: /* @__PURE__ */ jsx(WizardFormContent, {
+			closeDialog,
+			config,
+			formMethods,
+			isInDialog
+		})
+	});
+}
+function WizardFormContent({ closeDialog, config, formMethods, isInDialog }) {
+	const { currentDialog } = useDialog();
+	const stepControl = useStepControl();
+	const { currentStep, goToStep, isFirstStep, isLastStep, totalSteps } = stepControl;
+	const isSubmitting = formMethods?.current?.formState?.isSubmitting || false;
+	const isStepNavigationAllowed = useMemo(() => {
+		return resolveAllowStepNavigation(config.allowStepNavigation, config.steps, currentStep);
+	}, [
+		config.allowStepNavigation,
+		config.steps,
+		currentStep
+	]);
+	const currentStepConfig = config.steps[currentStep - 1];
+	const headerEnvironmentBuilder = Environment.header();
+	if (isInDialog) headerEnvironmentBuilder.dialog({
+		dialogConfig: currentDialog || {},
+		onClose: closeDialog
+	});
+	else headerEnvironmentBuilder.standalone();
+	const headerEnvironment = headerEnvironmentBuilder.content({
+		actions: void 0,
+		description: currentStepConfig?.description,
+		title: currentStepConfig?.title
+	}).wizardNavigation({
+		allowNavigation: isStepNavigationAllowed,
+		current: currentStep,
+		disabledSteps: config.stepNavigationDisabled,
+		onStepClick: goToStep,
+		progressStyle: ProgressStyleType.TIMELINE,
+		steps: config.steps,
+		total: totalSteps
+	}).build();
+	return /* @__PURE__ */ jsxs("div", {
+		className: config.wizardClassName || "space-y-6",
+		children: [!isInDialog && /* @__PURE__ */ jsx(UnifiedHeader, {
+			config,
+			environment: headerEnvironment
+		}), /* @__PURE__ */ jsx("div", {
+			className: "space-y-4",
+			children: /* @__PURE__ */ jsx("div", {
+				className: "space-y-4",
+				children: /* @__PURE__ */ jsx(StepSchemaForm, {
+					closeDialog,
+					config: {
+						...config,
+						footer: (stepMethods, formMethods$1, closeDialog$1, currentDialog$1) => {
+							const footerEnvironmentBuilder = Environment.footer();
+							if (isInDialog) footerEnvironmentBuilder.dialog({
+								dialogConfig: currentDialog$1 || {},
+								onClose: closeDialog$1
+							});
+							else footerEnvironmentBuilder.standalone();
+							return /* @__PURE__ */ jsx(UnifiedFooter, {
+								config,
+								environment: footerEnvironmentBuilder.wizardForm({
+									isSubmitting,
+									methods: {
+										...formMethods$1?.current,
+										handleSubmit: stepMethods.handleSubmit
+									}
+								}).step({
+									current: currentStep,
+									isFirst: isFirstStep,
+									isLast: isLastStep,
+									jumpTo: stepControl.jumpTo,
+									onNext: stepMethods.handleNext,
+									onPrevious: stepMethods.handlePrevious,
+									onRetry: stepMethods.handleRetry,
+									retryCount: stepControl.retryCount,
+									total: totalSteps
+								}).build()
+							});
+						},
+						header: false,
+						stepBehavior: config.stepBehavior
+					}
+				})
+			})
+		})]
+	});
+}
+var init_WizardForm = __esmMin(() => {
+	init_components();
+	init_StepControlContext();
+	init_StepSchemaForm();
+	init_stepRetry();
+});
+
+//#endregion
+init_WizardForm();
+export { WizardForm, init_WizardForm };
+//# sourceMappingURL=WizardForm.js.map

package/dist/esm/components/form/WizardForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardForm.js","names":["currentDialog","closeDialog","formMethods"],"sources":["../../../../src/components/form/WizardForm.tsx"],"sourcesContent":["import type { FieldValues } from \"react-hook-form\";\n\nimport { BaseRecord } from \"@refinedev/core\";\nimport React, { useMemo } from \"react\";\n\nimport type { WizardFormConfig } from \"./types\";\n\nimport { useDialog } from \"@/components\";\nimport { useIsInDialog } from \"@/components\";\nimport { Environment, UnifiedFooter, UnifiedHeader } from \"@/components\";\nimport { ProgressStyleType } from \"@/components\";\nimport { resolveAllowStepNavigation } from \"@/components\";\nimport { StepControlProvider, useStepControl } from \"./StepControlContext\";\nimport { StepSchemaForm } from \"./StepSchemaForm\";\nimport { createStepRetryHandler } from \"./utils/stepRetry\";\n\ninterface WizardFormContentProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n  formMethods: any;\n  isInDialog: boolean;\n}\n\ninterface WizardFormProps<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n> {\n  closeDialog?: () => void;\n  config: WizardFormConfig<TRequest, TResponse>;\n}\n\nexport function WizardForm<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog = () => void 0,\n  config,\n}: WizardFormProps<TRequest, TResponse>) {\n  const { formMethods } = useDialog();\n  const existingStepControl = useStepControl();\n  const isInDialog = useIsInDialog();\n\n  // If we're already in a step control context, render content directly\n  if (existingStepControl && existingStepControl.totalSteps > 0) {\n    return (\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    );\n  }\n\n  return (\n    <StepControlProvider\n      defaultStep={config.stepBehavior?.defaultStep}\n      isBackValidate={config.stepBehavior?.isBackValidate}\n      onStepRetry={createStepRetryHandler(config.steps)}\n      totalSteps={config.steps.length}\n      onNavigationStart={config.onNavigationStart}\n      onNavigationEnd={config.onNavigationEnd}\n      onNavigationError={config.onNavigationError}>\n      <WizardFormContent\n        closeDialog={closeDialog}\n        config={config}\n        formMethods={formMethods}\n        isInDialog={isInDialog}\n      />\n    </StepControlProvider>\n  );\n}\n\nfunction WizardFormContent<\n  TRequest extends FieldValues = FieldValues,\n  TResponse extends BaseRecord = any,\n>({\n  closeDialog,\n  config,\n  formMethods,\n  isInDialog,\n}: WizardFormContentProps<TRequest, TResponse>) {\n  const { currentDialog } = useDialog();\n  const stepControl = useStepControl();\n  const { currentStep, goToStep, isFirstStep, isLastStep, totalSteps } =\n    stepControl;\n  const isSubmitting = formMethods?.current?.formState?.isSubmitting || false;\n\n  // Helper function to evaluate allowStepNavigation (step-level takes precedence over wizard-level)\n  const isStepNavigationAllowed = useMemo(() => {\n    return resolveAllowStepNavigation(\n      config.allowStepNavigation,\n      config.steps,\n      currentStep,\n    );\n  }, [config.allowStepNavigation, config.steps, currentStep]);\n\n  // Create header environment\n  const currentStepConfig = config.steps[currentStep - 1];\n  const headerEnvironmentBuilder = Environment.header();\n\n  // Use dialog container if we're in a dialog, otherwise use standalone\n  if (isInDialog) {\n    headerEnvironmentBuilder.dialog({\n      dialogConfig: currentDialog || {},\n      onClose: closeDialog,\n    });\n  } else {\n    headerEnvironmentBuilder.standalone();\n  }\n\n  const headerEnvironment = headerEnvironmentBuilder\n    .content({\n      actions: undefined,\n      description: currentStepConfig?.description,\n      title: currentStepConfig?.title,\n    })\n    .wizardNavigation({\n      allowNavigation: isStepNavigationAllowed,\n      current: currentStep,\n      disabledSteps: config.stepNavigationDisabled,\n      onStepClick: goToStep,\n      progressStyle: ProgressStyleType.TIMELINE,\n      steps: config.steps,\n      total: totalSteps,\n    })\n    .build();\n\n  return (\n    <div className={config.wizardClassName || \"space-y-6\"}>\n      {!isInDialog && (\n        <UnifiedHeader config={config} environment={headerEnvironment} />\n      )}\n      <div className=\"space-y-4\">\n        <div className=\"space-y-4\">\n          <StepSchemaForm\n            closeDialog={closeDialog}\n            config={{\n              ...config,\n              footer: (\n                stepMethods,\n                formMethods,\n                closeDialog,\n                currentDialog,\n              ) => {\n                const footerEnvironmentBuilder = Environment.footer();\n\n                // Use dialog container if we're in a dialog, otherwise use standalone\n                if (isInDialog) {\n                  footerEnvironmentBuilder.dialog({\n                    dialogConfig: currentDialog || {},\n                    onClose: closeDialog,\n                  });\n                } else {\n                  footerEnvironmentBuilder.standalone();\n                }\n\n                const footerEnvironment = footerEnvironmentBuilder\n                  .wizardForm({\n                    isSubmitting,\n                    methods: {\n                      ...formMethods?.current,\n                      handleSubmit: stepMethods.handleSubmit, // Override with step-specific handler\n                    },\n                  })\n                  .step({\n                    current: currentStep,\n                    isFirst: isFirstStep,\n                    isLast: isLastStep,\n                    jumpTo: stepControl.jumpTo,\n                    onNext: stepMethods.handleNext,\n                    onPrevious: stepMethods.handlePrevious,\n                    onRetry: stepMethods.handleRetry,\n                    retryCount: stepControl.retryCount,\n                    total: totalSteps,\n                  })\n                  .build();\n\n                // Pass the config with actionButtons to UnifiedFooter\n                // This allows UnifiedFooter to properly evaluate dynamic actionButtons callbacks\n                return (\n                  <UnifiedFooter\n                    config={config}\n                    environment={footerEnvironment}\n                  />\n                );\n              },\n              header: false, // Never render step headers in wizards\n              stepBehavior: config.stepBehavior,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAkCA,SAAgB,WAGd,EACA,oBAAoB,KAAK,GACzB,UACuC;CACvC,MAAM,EAAE,gBAAgB,WAAW;CACnC,MAAM,sBAAsB,gBAAgB;CAC5C,MAAM,aAAa,eAAe;AAGlC,KAAI,uBAAuB,oBAAoB,aAAa,EAC1D,QACE,oBAAC;EACc;EACL;EACK;EACD;GACZ;AAIN,QACE,oBAAC;EACC,aAAa,OAAO,cAAc;EAClC,gBAAgB,OAAO,cAAc;EACrC,aAAa,uBAAuB,OAAO,MAAM;EACjD,YAAY,OAAO,MAAM;EACzB,mBAAmB,OAAO;EAC1B,iBAAiB,OAAO;EACxB,mBAAmB,OAAO;YAC1B,oBAAC;GACc;GACL;GACK;GACD;IACZ;GACkB;;AAI1B,SAAS,kBAGP,EACA,aACA,QACA,aACA,cAC8C;CAC9C,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,cAAc,gBAAgB;CACpC,MAAM,EAAE,aAAa,UAAU,aAAa,YAAY,eACtD;CACF,MAAM,eAAe,aAAa,SAAS,WAAW,gBAAgB;CAGtE,MAAM,0BAA0B,cAAc;AAC5C,SAAO,2BACL,OAAO,qBACP,OAAO,OACP,YACD;IACA;EAAC,OAAO;EAAqB,OAAO;EAAO;EAAY,CAAC;CAG3D,MAAM,oBAAoB,OAAO,MAAM,cAAc;CACrD,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,KAAI,WACF,0BAAyB,OAAO;EAC9B,cAAc,iBAAiB,EAAE;EACjC,SAAS;EACV,CAAC;KAEF,0BAAyB,YAAY;CAGvC,MAAM,oBAAoB,yBACvB,QAAQ;EACP,SAAS;EACT,aAAa,mBAAmB;EAChC,OAAO,mBAAmB;EAC3B,CAAC,CACD,iBAAiB;EAChB,iBAAiB;EACjB,SAAS;EACT,eAAe,OAAO;EACtB,aAAa;EACb,eAAe,kBAAkB;EACjC,OAAO,OAAO;EACd,OAAO;EACR,CAAC,CACD,OAAO;AAEV,QACE,qBAAC;EAAI,WAAW,OAAO,mBAAmB;aACvC,CAAC,cACA,oBAAC;GAAsB;GAAQ,aAAa;IAAqB,EAEnE,oBAAC;GAAI,WAAU;aACb,oBAAC;IAAI,WAAU;cACb,oBAAC;KACc;KACb,QAAQ;MACN,GAAG;MACH,SACE,aACA,eACA,eACA,oBACG;OACH,MAAM,2BAA2B,YAAY,QAAQ;AAGrD,WAAI,WACF,0BAAyB,OAAO;QAC9B,cAAcA,mBAAiB,EAAE;QACjC,SAASC;QACV,CAAC;WAEF,0BAAyB,YAAY;AA0BvC,cACE,oBAAC;QACS;QACR,aA1BsB,yBACvB,WAAW;SACV;SACA,SAAS;UACP,GAAGC,eAAa;UAChB,cAAc,YAAY;UAC3B;SACF,CAAC,CACD,KAAK;SACJ,SAAS;SACT,SAAS;SACT,QAAQ;SACR,QAAQ,YAAY;SACpB,QAAQ,YAAY;SACpB,YAAY,YAAY;SACxB,SAAS,YAAY;SACrB,YAAY,YAAY;SACxB,OAAO;SACR,CAAC,CACD,OAAO;SAQN;;MAGN,QAAQ;MACR,cAAc,OAAO;MACtB;MACD;KACE;IACF;GACF;;;kBA7L+B;0BAKkC;sBACzB;iBACS"}

package/dist/esm/components/form/WizardStepContent.d.ts

@@ -0,0 +1,26 @@
+import { ReactNode } from "react";
+
+//#region src/components/form/WizardStepContent.d.ts
+interface StepContentProps {
+  children: ReactNode;
+  className?: string;
+  description?: string;
+  icon?: ReactNode;
+  isActive?: boolean;
+  isEntering?: boolean;
+  isExiting?: boolean;
+  title?: string;
+}
+declare function WizardStepContent({
+  children,
+  className,
+  description,
+  icon,
+  isActive,
+  isEntering,
+  isExiting,
+  title
+}: StepContentProps): any;
+//#endregion
+export { WizardStepContent };
+//# sourceMappingURL=WizardStepContent.d.ts.map

package/dist/esm/components/form/WizardStepContent.js

@@ -0,0 +1,52 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { init_StepControlContext, useOptionalStepControlContext } from "./StepControlContext.js";
+import { getStepAnimationClasses, init_animationUtils } from "./utils/animationUtils.js";
+import { cn } from "@lumeweb/portal-framework-ui-core";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { isElement, isValidElementType } from "react-is";
+
+//#region src/components/form/WizardStepContent.tsx
+function WizardStepContent({ children, className = "", description, icon, isActive = false, isEntering = false, isExiting = false, title }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("transition-all duration-300 ease-in-out", getStepAnimationClasses(isEntering, isExiting, isActive, useOptionalStepControlContext()?.transitionState?.direction || null), className),
+		style: {
+			gridColumn: 1,
+			gridRow: 1
+		},
+		children: [(title || description || icon) && /* @__PURE__ */ jsxs("div", {
+			className: "bg-muted flex items-start gap-4 rounded-lg p-4",
+			children: [icon && /* @__PURE__ */ jsx("div", {
+				"aria-hidden": !title,
+				className: "bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2",
+				children: renderIcon(icon)
+			}), (title || description) && /* @__PURE__ */ jsxs("div", { children: [title && /* @__PURE__ */ jsx("h2", {
+				"aria-label": description ? `${title}: ${description}` : title,
+				className: "text-foreground text-xl font-semibold",
+				children: title
+			}), description && /* @__PURE__ */ jsx("p", {
+				"aria-label": title ? `${title}: ${description}` : description,
+				className: "text-muted-foreground mt-1 text-sm",
+				children: description
+			})] })]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "pt-6",
+			children
+		})]
+	});
+}
+function renderIcon(icon) {
+	if (!icon) return null;
+	if (isElement(icon)) return icon;
+	if (isValidElementType(icon)) return /* @__PURE__ */ jsx(icon, {});
+	return null;
+}
+var init_WizardStepContent = __esmMin(() => {
+	init_StepControlContext();
+	init_animationUtils();
+});
+
+//#endregion
+init_WizardStepContent();
+export { WizardStepContent, init_WizardStepContent };
+//# sourceMappingURL=WizardStepContent.js.map

package/dist/esm/components/form/WizardStepContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardStepContent.js","names":[],"sources":["../../../../src/components/form/WizardStepContent.tsx"],"sourcesContent":["import { cn } from \"@lumeweb/portal-framework-ui-core\";\nimport React, { type ReactNode } from \"react\";\nimport { isElement, isValidElementType } from \"react-is\";\n\nimport { useOptionalStepControlContext } from \"./StepControlContext\";\nimport { getStepAnimationClasses } from \"./utils/animationUtils\";\n\ninterface StepContentProps {\n  children: ReactNode;\n  className?: string;\n  description?: string;\n  icon?: ReactNode;\n  isActive?: boolean;\n  isEntering?: boolean;\n  isExiting?: boolean;\n  title?: string;\n}\n\nexport function WizardStepContent({\n  children,\n  className = \"\",\n  description,\n  icon,\n  isActive = false,\n  isEntering = false,\n  isExiting = false,\n  title,\n}: StepContentProps) {\n  // Get transition direction from context\n  const stepControl = useOptionalStepControlContext();\n  const direction = stepControl?.transitionState?.direction || null;\n\n  // Determine animation classes using utility function\n  const animationClasses = getStepAnimationClasses(\n    isEntering,\n    isExiting,\n    isActive,\n    direction,\n  );\n\n  return (\n    <div\n      className={cn(\n        \"transition-all duration-300 ease-in-out\",\n        animationClasses,\n        className,\n      )}\n      style={{\n        gridColumn: 1,\n        gridRow: 1,\n      }}>\n      {(title || description || icon) && (\n        <div className=\"bg-muted flex items-start gap-4 rounded-lg p-4\">\n          {icon && (\n            <div\n              aria-hidden={!title}\n              className=\"bg-primary/10 text-primary flex-shrink-0 rounded-lg p-2\">\n              {renderIcon(icon)}\n            </div>\n          )}\n          {(title || description) && (\n            <div>\n              {title && (\n                <h2\n                  aria-label={description ? `${title}: ${description}` : title}\n                  className=\"text-foreground text-xl font-semibold\">\n                  {title}\n                </h2>\n              )}\n              {description && (\n                <p\n                  aria-label={title ? `${title}: ${description}` : description}\n                  className=\"text-muted-foreground mt-1 text-sm\">\n                  {description}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"pt-6\">{children}</div>\n    </div>\n  );\n}\n\n// Helper function to safely render icons\nfunction renderIcon(icon: ReactNode): ReactNode {\n  if (!icon) return null;\n\n  // If icon is already a valid React element, return it directly\n  if (isElement(icon)) {\n    return icon;\n  }\n\n  // If icon is a valid React component type, instantiate it\n  if (isValidElementType(icon)) {\n    const IconComponent = icon as React.ComponentType;\n    return <IconComponent />;\n  }\n\n  // For any other case, return null\n  return null;\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAgB,kBAAkB,EAChC,UACA,YAAY,IACZ,aACA,MACA,WAAW,OACX,aAAa,OACb,YAAY,OACZ,SACmB;AAanB,QACE,qBAAC;EACC,WAAW,GACT,2CAVmB,wBACvB,YACA,WACA,UAPkB,+BAA+B,EACpB,iBAAiB,aAAa,KAQ5D,EAOK,UACD;EACD,OAAO;GACL,YAAY;GACZ,SAAS;GACV;cACC,SAAS,eAAe,SACxB,qBAAC;GAAI,WAAU;cACZ,QACC,oBAAC;IACC,eAAa,CAAC;IACd,WAAU;cACT,WAAW,KAAK;KACb,GAEN,SAAS,gBACT,qBAAC,oBACE,SACC,oBAAC;IACC,cAAY,cAAc,GAAG,MAAM,IAAI,gBAAgB;IACvD,WAAU;cACT;KACE,EAEN,eACC,oBAAC;IACC,cAAY,QAAQ,GAAG,MAAM,IAAI,gBAAgB;IACjD,WAAU;cACT;KACC,IAEF;IAEJ,EAGR,oBAAC;GAAI,WAAU;GAAQ;IAAe;GAClC;;AAKV,SAAS,WAAW,MAA4B;AAC9C,KAAI,CAAC,KAAM,QAAO;AAGlB,KAAI,UAAU,KAAK,CACjB,QAAO;AAIT,KAAI,mBAAmB,KAAK,CAE1B,QAAO,oBADe,SACE;AAI1B,QAAO;;;0BAlG4D;sBACJ"}

package/dist/esm/components/form/__mocks__/@hookform/resolvers/zod.d.ts

@@ -0,0 +1,9 @@
+//#region src/components/form/__mocks__/@hookform/resolvers/zod.d.ts
+// Augment the original module's types to include our mock exports
+declare module "@hookform/resolvers/zod" {
+  export const zodResolverSymbol: symbol;
+  // We can also refine the zodResolver mock's type if needed,
+  // but for this fix, just declaring the symbol is sufficient.
+  // export const zodResolver: import("vitest").Mock<any, any>;
+}
+//# sourceMappingURL=zod.d.ts.map

package/dist/esm/components/form/adapters.d.ts

@@ -0,0 +1,23 @@
+import { FormConfig } from "./types.js";
+import { HttpError } from "@refinedev/core";
+import { UseFormProps, UseFormReturnType } from "@refinedev/react-hook-form";
+import { Controller, FieldValues, FormProvider, UseFormProps as UseFormProps$1, UseFormReturn } from "react-hook-form";
+import * as z$1 from "zod";
+
+//#region src/components/form/adapters.d.ts
+interface FormAdapter<T extends FieldValues = FieldValues> {
+  Controller: typeof Controller;
+  FormProvider: typeof FormProvider<T>;
+  submitHandler: (config: FormConfig<T>, methods: UnifiedFormReturnType<T>) => Promise<void>;
+  useForm: (options: BaseUseFormOptions<T>) => UnifiedFormReturnType<T>;
+}
+type UnifiedFormReturnType<T extends FieldValues> = UseFormReturn<T, any> | UseFormReturnType<T>;
+interface BaseUseFormOptions<TFieldValues extends FieldValues = FieldValues> {
+  defaultValues?: UseFormProps$1<TFieldValues>["defaultValues"];
+  refineCoreProps?: UseFormProps<TFieldValues, HttpError, TFieldValues>["refineCoreProps"];
+  validationSchema?: z$1.ZodSchema<TFieldValues>;
+}
+declare const adapters: Record<string, FormAdapter<any>>;
+//#endregion
+export { FormAdapter, UnifiedFormReturnType, adapters };
+//# sourceMappingURL=adapters.d.ts.map

package/dist/esm/components/form/adapters.js

@@ -0,0 +1,48 @@
+import { __esmMin } from "../../_virtual/rolldown_runtime.js";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useForm } from "@refinedev/react-hook-form";
+import { Controller, FormProvider, useForm as useForm$1 } from "react-hook-form";
+
+//#region src/components/form/adapters.tsx
+var adapters;
+var init_adapters = __esmMin(() => {
+	adapters = {
+		refine: {
+			Controller,
+			FormProvider,
+			submitHandler: async (config, methods) => {
+				const values = methods.getValues();
+				const refineResult = await methods.refineCore.onFinish({ ...values });
+				if (config.onSubmit) return await config.onSubmit(values) ?? refineResult;
+				return refineResult;
+			},
+			useForm: (options) => {
+				return useForm({
+					defaultValues: options.defaultValues,
+					refineCoreProps: {
+						autoSave: { enabled: false },
+						...options.refineCoreProps ?? {}
+					},
+					resolver: options.validationSchema ? zodResolver(options.validationSchema) : void 0
+				});
+			}
+		},
+		rhf: {
+			Controller,
+			FormProvider,
+			submitHandler: async (config, methods) => {
+				if (!config.onSubmit) throw new Error("onSubmit required for RHF adapter");
+				return await config.onSubmit(methods.getValues());
+			},
+			useForm: (options) => useForm$1({
+				defaultValues: options.defaultValues,
+				resolver: options.validationSchema ? zodResolver(options.validationSchema) : void 0
+			})
+		}
+	};
+});
+
+//#endregion
+init_adapters();
+export { adapters, init_adapters };
+//# sourceMappingURL=adapters.js.map

package/dist/esm/components/form/adapters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adapters.js","names":["RHFController","RHFFormProvider","useRefineForm","useRHFForm"],"sources":["../../../../src/components/form/adapters.tsx"],"sourcesContent":["import { zodResolver } from \"@hookform/resolvers/zod\";\nimport { BaseRecord, HttpError } from \"@refinedev/core\"; // Add FormAction import\nimport {\n  type UseFormProps as RefineUseFormProps,\n  UseFormReturnType,\n  useForm as useRefineForm,\n} from \"@refinedev/react-hook-form\";\nimport {\n  FieldValues,\n  Controller as RHFController,\n  FormProvider as RHFFormProvider,\n  type UseFormProps as RHFUseFormProps,\n  type UseFormReturn,\n  useForm as useRHFForm,\n} from \"react-hook-form\";\nimport * as z from \"zod\";\n\nimport type { FormConfig } from \"./types\";\n\nexport interface FormAdapter<T extends FieldValues = FieldValues> {\n  Controller: typeof RHFController;\n  FormProvider: typeof RHFFormProvider<T>;\n  submitHandler: (\n    config: FormConfig<T>,\n    methods: UnifiedFormReturnType<T>,\n  ) => Promise<void>;\n  useForm: (options: BaseUseFormOptions<T>) => UnifiedFormReturnType<T>;\n}\n\nexport type UnifiedFormReturnType<T extends FieldValues> =\n  | UseFormReturn<T, any>\n  | UseFormReturnType<T>;\n\ninterface BaseUseFormOptions<TFieldValues extends FieldValues = FieldValues> {\n  defaultValues?: RHFUseFormProps<TFieldValues>[\"defaultValues\"];\n  refineCoreProps?: RefineUseFormProps<\n    TFieldValues,\n    HttpError,\n    TFieldValues\n  >[\"refineCoreProps\"];\n  validationSchema?: z.ZodSchema<TFieldValues>;\n}\n\nexport const adapters: Record<string, FormAdapter<any>> = {\n  refine: {\n    Controller: RHFController,\n    FormProvider: RHFFormProvider,\n    submitHandler: async <\n      TRequest extends FieldValues,\n      TResponse extends BaseRecord = any,\n    >(\n      config: FormConfig<TRequest, TResponse>,\n      methods: UseFormReturn<TRequest, any>,\n    ) => {\n      const values = methods.getValues();\n      const refineResult = await (\n        methods as ReturnType<typeof useRefineForm>\n      ).refineCore.onFinish({\n        ...values,\n      });\n\n      if (config.onSubmit) {\n        const submitResult = await config.onSubmit(values);\n        return (submitResult ?? refineResult) as unknown as TResponse;\n      }\n      return refineResult as unknown as TResponse;\n    },\n    useForm: <TFieldValues extends FieldValues>(\n      options: BaseUseFormOptions<TFieldValues>,\n    ) => {\n      return useRefineForm<TFieldValues, HttpError, TFieldValues>({\n        defaultValues: options.defaultValues,\n        refineCoreProps: {\n          autoSave: {\n            enabled: false,\n          },\n          ...(options.refineCoreProps ?? {}),\n        },\n        resolver: options.validationSchema\n          ? zodResolver(options.validationSchema)\n          : undefined,\n      });\n    },\n  },\n  rhf: {\n    Controller: RHFController,\n    FormProvider: RHFFormProvider,\n    submitHandler: async <\n      TRequest extends FieldValues,\n      TResponse extends BaseRecord = any,\n    >(\n      config: FormConfig<TRequest, TResponse>,\n      methods: UseFormReturn<TRequest, any>,\n    ): Promise<TResponse> => {\n      if (!config.onSubmit)\n        throw new Error(\"onSubmit required for RHF adapter\");\n      return (await config.onSubmit(\n        methods.getValues(),\n      )) as unknown as TResponse;\n    },\n    useForm: <TFieldValues extends FieldValues>(\n      options: BaseUseFormOptions<TFieldValues>,\n    ) =>\n      useRHFForm({\n        defaultValues: options.defaultValues,\n        resolver: options.validationSchema\n          ? zodResolver(options.validationSchema)\n          : undefined,\n      }),\n  },\n};\n"],"mappings":";;;;;;;;CA2Ca,WAA6C;EACxD,QAAQ;GACMA;GACEC;GACd,eAAe,OAIb,QACA,YACG;IACH,MAAM,SAAS,QAAQ,WAAW;IAClC,MAAM,eAAe,MACnB,QACA,WAAW,SAAS,EACpB,GAAG,QACJ,CAAC;AAEF,QAAI,OAAO,SAET,QADqB,MAAM,OAAO,SAAS,OAAO,IAC1B;AAE1B,WAAO;;GAET,UACE,YACG;AACH,WAAOC,QAAqD;KAC1D,eAAe,QAAQ;KACvB,iBAAiB;MACf,UAAU,EACR,SAAS,OACV;MACD,GAAI,QAAQ,mBAAmB,EAAE;MAClC;KACD,UAAU,QAAQ,mBACd,YAAY,QAAQ,iBAAiB,GACrC;KACL,CAAC;;GAEL;EACD,KAAK;GACSF;GACEC;GACd,eAAe,OAIb,QACA,YACuB;AACvB,QAAI,CAAC,OAAO,SACV,OAAM,IAAI,MAAM,oCAAoC;AACtD,WAAQ,MAAM,OAAO,SACnB,QAAQ,WAAW,CACpB;;GAEH,UACE,YAEAE,UAAW;IACT,eAAe,QAAQ;IACvB,UAAU,QAAQ,mBACd,YAAY,QAAQ,iBAAiB,GACrC;IACL,CAAC;GACL;EACF"}

package/dist/esm/components/form/adapters.spec.d.ts

@@ -0,0 +1 @@
+export { };