formanitor 0.0.43 → 0.0.44

package/dist/index.d.cts

@@ -856,6 +856,25 @@ declare function useField(fieldId: string): {
 
 declare const DynamicForm: React.FC;
 
+type DynamicFormV2SectionMode = "accordion" | "plain";
+interface DynamicFormV2Props {
+    /** When true, renders `schema.title` as the page heading. Default true. */
+    showTitle?: boolean;
+    /**
+     * `accordion` — bordered collapsible sections (same as DynamicForm).
+     * `plain` — simple vertical stack, no card/accordion chrome.
+     */
+    sectionMode?: DynamicFormV2SectionMode;
+    /** In `plain` mode, show the section title above fields. Default true. Ignored for accordion. */
+    showSectionTitles?: boolean;
+    className?: string;
+}
+/**
+ * Alternate layout shell for alternative designs (e.g. marketing / minimal flows).
+ * Same schema traversal as {@link DynamicForm}; configurable title and section chrome.
+ */
+declare const DynamicFormV2: React.FC<DynamicFormV2Props>;
+
 /** Shape of one differential diagnosis item from AI (must match form field value) */
 type AIDifferentialDiagnosisItem = {
     category: string;
@@ -926,6 +945,24 @@ declare const ReadOnlyForm: React.FC<ReadOnlyFormProps>;
 
 interface FormControlsProps {
     className?: string;
+    containerStyle?: React.CSSProperties;
+    /**
+     * When false, hides workflow state + valid/invalid text. Buttons stay right-aligned unless
+     * `actionsFullWidth` is used. Default true (existing behaviour).
+     */
+    showWorkflowStatus?: boolean;
+    statusClassName?: string;
+    statusStyle?: React.CSSProperties;
+    /** Classes for the buttons row wrapper. */
+    actionsClassName?: string;
+    actionsStyle?: React.CSSProperties;
+    /**
+     * When workflow status is hidden, make action buttons stretch (column on small screens;
+     * on `sm+` submit row grows with flex). Ignored while `showWorkflowStatus` is true.
+     */
+    actionsFullWidth?: boolean;
+    /** Applied to both Save Draft and Submit buttons. */
+    buttonClassName?: string;
     onSaveDraft?: () => void;
     onSubmit?: (to: string) => void;
 }
@@ -1136,4 +1173,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type PainScaleFlagsFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldMetaRequestsMarMedicationOrdersButton, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, DynamicFormV2, type DynamicFormV2Props, type DynamicFormV2SectionMode, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type PainScaleFlagsFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldMetaRequestsMarMedicationOrdersButton, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };

package/dist/index.d.ts

@@ -856,6 +856,25 @@ declare function useField(fieldId: string): {
 
 declare const DynamicForm: React.FC;
 
+type DynamicFormV2SectionMode = "accordion" | "plain";
+interface DynamicFormV2Props {
+    /** When true, renders `schema.title` as the page heading. Default true. */
+    showTitle?: boolean;
+    /**
+     * `accordion` — bordered collapsible sections (same as DynamicForm).
+     * `plain` — simple vertical stack, no card/accordion chrome.
+     */
+    sectionMode?: DynamicFormV2SectionMode;
+    /** In `plain` mode, show the section title above fields. Default true. Ignored for accordion. */
+    showSectionTitles?: boolean;
+    className?: string;
+}
+/**
+ * Alternate layout shell for alternative designs (e.g. marketing / minimal flows).
+ * Same schema traversal as {@link DynamicForm}; configurable title and section chrome.
+ */
+declare const DynamicFormV2: React.FC<DynamicFormV2Props>;
+
 /** Shape of one differential diagnosis item from AI (must match form field value) */
 type AIDifferentialDiagnosisItem = {
     category: string;
@@ -926,6 +945,24 @@ declare const ReadOnlyForm: React.FC<ReadOnlyFormProps>;
 
 interface FormControlsProps {
     className?: string;
+    containerStyle?: React.CSSProperties;
+    /**
+     * When false, hides workflow state + valid/invalid text. Buttons stay right-aligned unless
+     * `actionsFullWidth` is used. Default true (existing behaviour).
+     */
+    showWorkflowStatus?: boolean;
+    statusClassName?: string;
+    statusStyle?: React.CSSProperties;
+    /** Classes for the buttons row wrapper. */
+    actionsClassName?: string;
+    actionsStyle?: React.CSSProperties;
+    /**
+     * When workflow status is hidden, make action buttons stretch (column on small screens;
+     * on `sm+` submit row grows with flex). Ignored while `showWorkflowStatus` is true.
+     */
+    actionsFullWidth?: boolean;
+    /** Applied to both Save Draft and Submit buttons. */
+    buttonClassName?: string;
     onSaveDraft?: () => void;
     onSubmit?: (to: string) => void;
 }
@@ -1136,4 +1173,4 @@ declare const SmartTextareaWidget: React.FC<{
     fieldId: string;
 }>;
 
-export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type PainScaleFlagsFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldMetaRequestsMarMedicationOrdersButton, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
+export { type AIDifferentialDiagnosisItem, AddInvestigationField, type AddInvestigationFieldProps, AddMedicationField, type AddMedicationFieldProps, type BaseFieldDef, type BiometryIolWorkupFieldDef, type BiometryIolWorkupValue, type BiometryMethod, type CheckboxFieldDef, type ColumnLayout, type Computation, type Condition, type CreateUploadHandlerOptions, type DataSource, type DiagnosisGradeSelection, type DiagnosisTextareaFieldDef, type DiagnosisTextareaValue, type DiagnosticPackage, type DiagnosticPackageTest, DifferentialDiagnosis, type DifferentialDiagnosisFieldDef, type DifferentialDiagnosisItem, type DifferentialDiagnosisProps, type DoctorFrequentItems, DynamicForm, DynamicFormV2, type DynamicFormV2Props, type DynamicFormV2SectionMode, EMAIL_REGEX, type EditableTableColumnDef, type EditableTableFieldDef, type EventDefinition, type ExtractedKeywordMatch, type FieldDef, type FieldHandler, type FieldHandlersMap, type FieldPrefill, FieldRenderer, type FieldState, type FieldType, type FollowupFieldDef, type FollowupValue, FormControls, type FormControlsProps, type FormDef, type FormErrors, FormProvider, type FormState, FormStore, type FormValues, type FormulaComputation, type FormulaExpr, type FunctionalImpairmentDimension, type FunctionalImpairmentScoreFieldDef, type FunctionalImpairmentScoreValue, type GeneralSurgeryExaminationFieldDef, type GeneralSurgeryGradingFieldDef, type GeneralSurgerySmartHistoryFieldDef, type ImageUploadFieldDef, ImageUploadWidget, type Investigation, type InvestigationFrequentItem, type InvestigationSearchResult, type InvestigationsFieldDef, type LayoutNode, type LensAssessmentFieldDef, type LensAssessmentValue, type LocsGrades, MAR_MEDICATION_ORDERS_META_KEY, type MatchedCondition, type MediaUploadFieldDef, MediaUploadWidget, type Medication, type MedicationFrequentItem, type MedicationSearchResult, type MedicationsFieldDef, type NumberFieldDef, type PainScaleFlagsFieldDef, type Permission, type PresignedUploadResponse, type ProcedureFrequentItem, type ProceduresFieldDef, type RadioFieldDef, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, type ReferralFieldDef, type ReferralItem, type RepeatableFieldDef, type RichTextFieldDef, RichTextWidget, type Rule, type RuleAction, type RuleResult, type ScoreComputation, type ScoreRange, type Section, type SectionChild, type SelectFieldDef, type SelectOption, type SignatureFieldDef, SignatureUploadWidget, type SliderFieldDef, SmartForm, type SmartFormProps, type SmartKeywordsResult, type SmartTextareaFieldDef, type SmartTextareaValue, SmartTextareaWidget, type StaticTextFieldDef, type StoreConfig, type SubmissionData, type SuggestionTextareaFieldDef, type SumComputation, type SurgicalRiskFlagsFieldDef, type SurgicalRiskFlagsValue, type TextFieldDef, type ToggleFieldDef, type UrologyExaminationFieldDef, type UrologyPathwayFieldDef, type UrologySmartHistoryFieldDef, type ValidationRule, type VitalsFieldDef, type WebhookDef, type Workflow, type WorkflowTransition, createUploadHandler, evaluateRules, fieldMetaRequestsMarMedicationOrdersButton, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };

package/dist/index.mjs

@@ -12060,6 +12060,75 @@ var DynamicForm = () => {
     })
   ] });
 };
+function PlainSection({
+  title,
+  showHeading,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "mb-6 space-y-4", children: [
+    showHeading ? /* @__PURE__ */ jsx("h2", { className: "text-base font-medium text-foreground", children: title }) : null,
+    children
+  ] });
+}
+function renderSectionChildren(children) {
+  return children.map((child, index) => {
+    if (typeof child === "string") {
+      return /* @__PURE__ */ jsx(FieldRenderer, { fieldId: child }, child);
+    }
+    if (child.type === "column_layout") {
+      return /* @__PURE__ */ jsx(
+        ColumnLayout,
+        {
+          columns: child.columns,
+          label: child.label,
+          children: child.children.map((fieldId) => /* @__PURE__ */ jsx(FieldRenderer, { fieldId }, fieldId))
+        },
+        child.id
+      );
+    }
+    return /* @__PURE__ */ jsx(React15__default.Fragment, {}, index);
+  });
+}
+var DynamicFormV2 = ({
+  showTitle = true,
+  sectionMode = "plain",
+  showSectionTitles = true,
+  className
+}) => {
+  const store = useFormStore();
+  const schema = store.getSchema();
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
+    showTitle ? /* @__PURE__ */ jsx("div", { className: "mb-4", children: /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold", children: schema.title }) }) : null,
+    schema.layout.map((node) => {
+      if (node.type === "section") {
+        if (sectionMode === "accordion") {
+          return /* @__PURE__ */ jsx(Section, { title: node.title, children: renderSectionChildren(node.children) }, node.id);
+        }
+        return /* @__PURE__ */ jsx(
+          PlainSection,
+          {
+            title: node.title,
+            showHeading: showSectionTitles,
+            children: renderSectionChildren(node.children)
+          },
+          node.id
+        );
+      }
+      if (node.type === "column_layout") {
+        return /* @__PURE__ */ jsx(
+          ColumnLayout,
+          {
+            columns: node.columns,
+            label: node.label,
+            children: node.children.map((fieldId) => /* @__PURE__ */ jsx(FieldRenderer, { fieldId }, fieldId))
+          },
+          node.id
+        );
+      }
+      return null;
+    })
+  ] });
+};
 var SUGGESTION_KEYS = /* @__PURE__ */ new Set(["medications", "investigations", "procedures"]);
 function shallowEqualKeys(a, b) {
   const keysA = Object.keys(a);
@@ -12987,65 +13056,126 @@ var ReadOnlyForm = ({ schema, submission }) => {
 };
 var FormControls = ({
   className,
+  containerStyle,
+  showWorkflowStatus = true,
+  statusClassName,
+  statusStyle,
+  actionsClassName,
+  actionsStyle,
+  actionsFullWidth = false,
+  buttonClassName,
   onSaveDraft,
   onSubmit
 }) => {
-  const { state, availableTransitions, submit, transition, hasPersistence, markSubmitAttempted } = useForm();
+  const {
+    state,
+    availableTransitions,
+    submit,
+    transition,
+    hasPersistence,
+    markSubmitAttempted
+  } = useForm();
   const hasUploadsInFlight = (state.pendingUploads ?? 0) > 0;
   const draftAvailable = onSaveDraft || hasPersistence && submit;
   const submitAvailable = onSubmit || availableTransitions.length > 0 && transition;
   if (!draftAvailable && !submitAvailable) {
     return null;
   }
-  return /* @__PURE__ */ jsxs("div", { className: `flex gap-4 items-center justify-between p-4 border-t bg-white ${className || ""}`, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-      /* @__PURE__ */ jsxs("span", { className: "font-bold text-sm text-gray-700", children: [
-        "State: ",
-        state.workflowState
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: `text-sm ${state.isValid ? "text-green-600" : "text-red-600"}`, children: state.isValid ? "Valid" : "Invalid" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-      draftAvailable && /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: onSaveDraft || submit,
-          variant: "outline",
-          size: "sm",
-          disabled: hasUploadsInFlight,
-          children: hasUploadsInFlight ? "Upload in progress\u2026" : "Save Draft"
-        }
+  const useWideActions = !showWorkflowStatus && actionsFullWidth;
+  const buttonCn = cn(
+    buttonClassName,
+    useWideActions && "w-full sm:flex-1 min-w-0"
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex gap-4 border-t bg-white p-4 items-center",
+        showWorkflowStatus ? "justify-between" : useWideActions ? "flex-col sm:flex-row sm:justify-stretch sm:gap-4" : "justify-end",
+        className
       ),
-      submitAvailable && /* @__PURE__ */ jsx(Fragment, { children: availableTransitions.length > 0 ? availableTransitions.map((t) => /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: () => {
-            markSubmitAttempted();
-            if (onSubmit) {
-              onSubmit(t.to);
-            } else {
-              transition(t.to);
-            }
-          },
-          disabled: !state.isValid || hasUploadsInFlight,
-          size: "sm",
-          children: hasUploadsInFlight ? "Upload in progress\u2026" : availableTransitions.length > 1 ? `Submit to ${t.to}` : "Submit"
-        },
-        t.to
-      )) : onSubmit ? /* @__PURE__ */ jsx(
-        Button,
-        {
-          onClick: () => {
-            markSubmitAttempted();
-            onSubmit(state.workflowState || "submit");
-          },
-          disabled: !state.isValid || hasUploadsInFlight,
-          size: "sm",
-          children: hasUploadsInFlight ? "Upload in progress\u2026" : "Submit"
-        }
-      ) : null })
-    ] })
-  ] });
+      style: containerStyle,
+      children: [
+        showWorkflowStatus ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn("flex items-center gap-4", statusClassName),
+            style: statusStyle,
+            children: [
+              /* @__PURE__ */ jsxs("span", { className: "font-bold text-sm text-gray-700", children: [
+                "State: ",
+                state.workflowState
+              ] }),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "text-sm",
+                    state.isValid ? "text-green-600" : "text-red-600"
+                  ),
+                  children: state.isValid ? "Valid" : "Invalid"
+                }
+              )
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex gap-2",
+              useWideActions ? "w-full flex-col sm:flex-row sm:flex-1 sm:justify-end sm:max-w-none" : "flex-shrink-0",
+              actionsClassName
+            ),
+            style: actionsStyle,
+            children: [
+              draftAvailable && /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: onSaveDraft || submit,
+                  variant: "outline",
+                  size: "sm",
+                  disabled: hasUploadsInFlight,
+                  className: buttonCn,
+                  children: hasUploadsInFlight ? "Upload in progress\u2026" : "Save Draft"
+                }
+              ),
+              submitAvailable && /* @__PURE__ */ jsx(Fragment, { children: availableTransitions.length > 0 ? availableTransitions.map((t) => /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: () => {
+                    markSubmitAttempted();
+                    if (onSubmit) {
+                      onSubmit(t.to);
+                    } else {
+                      transition(t.to);
+                    }
+                  },
+                  disabled: !state.isValid || hasUploadsInFlight,
+                  size: "sm",
+                  className: buttonCn,
+                  children: hasUploadsInFlight ? "Upload in progress\u2026" : availableTransitions.length > 1 ? `Submit to ${t.to}` : "Submit"
+                },
+                t.to
+              )) : onSubmit ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  onClick: () => {
+                    markSubmitAttempted();
+                    onSubmit(state.workflowState || "submit");
+                  },
+                  disabled: !state.isValid || hasUploadsInFlight,
+                  size: "sm",
+                  className: buttonCn,
+                  children: hasUploadsInFlight ? "Upload in progress\u2026" : "Submit"
+                }
+              ) : null })
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 
 // src/utils/createUploadHandler.ts
@@ -13078,6 +13208,6 @@ function createUploadHandler(options) {
   };
 }
 
-export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, EMAIL_REGEX, FieldRenderer, FormControls, FormProvider, FormStore, ImageUploadWidget, MAR_MEDICATION_ORDERS_META_KEY, MediaUploadWidget, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, RichTextWidget, SignatureUploadWidget, SmartForm, SmartTextareaWidget, createUploadHandler, evaluateRules, fieldMetaRequestsMarMedicationOrdersButton, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
+export { AddInvestigationField, AddMedicationField, DifferentialDiagnosis, DynamicForm, DynamicFormV2, EMAIL_REGEX, FieldRenderer, FormControls, FormProvider, FormStore, ImageUploadWidget, MAR_MEDICATION_ORDERS_META_KEY, MediaUploadWidget, ReadOnlyForm, ReadOnlyImageUpload, ReadOnlyMediaUpload, ReadOnlySignature, ReadOnlyTable, RichTextWidget, SignatureUploadWidget, SmartForm, SmartTextareaWidget, createUploadHandler, evaluateRules, fieldMetaRequestsMarMedicationOrdersButton, useField, useFieldHandlers, useForm, useFormStore, useFrequentItems, usePackages, useSmartKeywords, validateField, validateForm };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map