@multiplatform.one/forms 7.4.1 → 7.5.0

package/dist/cjs/Form/index.cjs

@@ -25,11 +25,13 @@ __export(Form_exports, {
   Form: () => Form,
   FormActions: () => FormActions,
   FormContext: () => FormContext,
+  FormSaveModeContext: () => FormSaveModeContext,
   FormValidateContext: () => FormValidateContext,
   remapValidatorsForTiming: () => import_validateOn2.remapValidatorsForTiming,
   resolveEffectiveValidateOn: () => import_validateOn2.resolveEffectiveValidateOn,
   useEffectiveValidateOn: () => useEffectiveValidateOn,
   useFormContext: () => useFormContext,
+  useFormSaveMode: () => useFormSaveMode,
   useFormValidate: () => useFormValidate
 });
 module.exports = __toCommonJS(Form_exports);
@@ -38,6 +40,7 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react_form = require("@tanstack/react-form");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_ContextualSaveBar = require("../ContextualSaveBar/index.cjs");
 var import_ErrorSummary = require("../ErrorSummary.cjs");
 var import_requiredMarking = require("../requiredMarking.cjs");
 var import_validateOn = require("./validateOn.cjs");
@@ -55,6 +58,13 @@ const FormValidateContext = (0, import_react.createContext)(defaultValidateConte
 function useFormValidate() {
   return (0, import_react.useContext)(FormValidateContext);
 }
+const defaultSaveMode = {
+  mode: "embedded"
+};
+const FormSaveModeContext = (0, import_react.createContext)(defaultSaveMode);
+function useFormSaveMode() {
+  return (0, import_react.useContext)(FormSaveModeContext);
+}
 function AutoErrorSummary({
   form,
   title,
@@ -110,6 +120,7 @@ function Form({
   errorSummaryTitle,
   validateOn = "submit",
   compact,
+  saveBar,
   ...tamaguiFormProps
 }) {
   const {
@@ -178,36 +189,46 @@ function Form({
     first.focus();
     didAutofocusRef.current = true;
   }, [formAutofocusOn, children]);
+  const saveBarProps = typeof saveBar === "object" ? saveBar : {};
+  const saveMode = {
+    mode: saveBar ? "declarative" : "embedded",
+    onAutoCommit: saveBarProps.onAutoCommit
+  };
   const formNode = /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormContext.Provider, {
     value: form,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_requiredMarking.RequiredMarkingContext.Provider, {
-      value: {
-        mode: requiredMarkMode
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormValidateProvider, {
-        form,
-        validateOn,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form, {
-          ref: setFormRef,
-          onSubmit: handleSubmit,
-          ...tamaguiFormProps,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-            "data-mpo-form-layout": "",
-            "data-gap": knobProps.gap.gap,
-            "data-density": knobProps.density,
-            "data-size": knobProps.size,
-            "data-nested": compact ? "true" : void 0,
-            width: "100%",
-            minWidth: 0,
-            ...knobProps.gap,
-            ...(tamaguiFormProps.flex != null ? {
-              flex: tamaguiFormProps.flex
-            } : {}),
-            children: [showErrorSummary ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AutoErrorSummary, {
-              form,
-              title: errorSummaryTitle,
-              formElement: formElementRef.current
-            }) : null, children]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormSaveModeContext.Provider, {
+      value: saveMode,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_requiredMarking.RequiredMarkingContext.Provider, {
+        value: {
+          mode: requiredMarkMode
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormValidateProvider, {
+          form,
+          validateOn,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form, {
+            ref: setFormRef,
+            onSubmit: handleSubmit,
+            ...tamaguiFormProps,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+              "data-mpo-form-layout": "",
+              "data-gap": knobProps.gap.gap,
+              "data-density": knobProps.density,
+              "data-size": knobProps.size,
+              "data-nested": compact ? "true" : void 0,
+              width: "100%",
+              minWidth: 0,
+              ...knobProps.gap,
+              ...(tamaguiFormProps.flex != null ? {
+                flex: tamaguiFormProps.flex
+              } : {}),
+              children: [showErrorSummary ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AutoErrorSummary, {
+                form,
+                title: errorSummaryTitle,
+                formElement: formElementRef.current
+              }) : null, children, saveBar ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ContextualSaveBar.ContextualSaveBar, {
+                ...(typeof saveBar === "object" ? saveBar : {})
+              }) : null]
+            })
           })
         })
       })
@@ -231,6 +252,8 @@ function FormActions({
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     "data-mpo-form-actions": "",
     "data-gap": String(resolvedGap),
+    "data-density": knobProps.density,
+    "data-size": knobProps.size,
     gap: resolvedGap,
     alignSelf: "flex-start",
     alignItems: "center",

package/dist/cjs/Form/index.native.js

@@ -27,11 +27,13 @@ __export(Form_exports, {
   Form: () => Form,
   FormActions: () => FormActions,
   FormContext: () => FormContext,
+  FormSaveModeContext: () => FormSaveModeContext,
   FormValidateContext: () => FormValidateContext,
   remapValidatorsForTiming: () => import_validateOn2.remapValidatorsForTiming,
   resolveEffectiveValidateOn: () => import_validateOn2.resolveEffectiveValidateOn,
   useEffectiveValidateOn: () => useEffectiveValidateOn,
   useFormContext: () => useFormContext,
+  useFormSaveMode: () => useFormSaveMode,
   useFormValidate: () => useFormValidate
 });
 module.exports = __toCommonJS(Form_exports);
@@ -41,10 +43,16 @@ var import_theme = require("@multiplatform.one/theme");
 var import_react_form = require("@tanstack/react-form");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
+var import_ContextualSaveBar = require("../ContextualSaveBar/index.native.js");
 var import_ErrorSummary = require("../ErrorSummary.native.js");
 var import_requiredMarking = require("../requiredMarking.native.js");
 var import_validateOn = require("./validateOn.native.js");
 var import_validateOn2 = require("./validateOn.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 var FormContext = /* @__PURE__ */(0, import_react.createContext)(void 0);
 function useFormContext() {
   return (0, import_react.useContext)(FormContext);
@@ -57,6 +65,13 @@ var FormValidateContext = /* @__PURE__ */(0, import_react.createContext)(default
 function useFormValidate() {
   return (0, import_react.useContext)(FormValidateContext);
 }
+var defaultSaveMode = {
+  mode: "embedded"
+};
+var FormSaveModeContext = /* @__PURE__ */(0, import_react.createContext)(defaultSaveMode);
+function useFormSaveMode() {
+  return (0, import_react.useContext)(FormSaveModeContext);
+}
 function AutoErrorSummary(param) {
   var {
     form,
@@ -124,6 +139,7 @@ function Form(param) {
     errorSummaryTitle,
     validateOn = "submit",
     compact,
+    saveBar,
     ...tamaguiFormProps
   } = param;
   var {
@@ -199,36 +215,46 @@ function Form(param) {
     first.focus();
     didAutofocusRef.current = true;
   }, [formAutofocusOn, children]);
+  var saveBarProps = (typeof saveBar === "undefined" ? "undefined" : _type_of(saveBar)) === "object" ? saveBar : {};
+  var saveMode = {
+    mode: saveBar ? "declarative" : "embedded",
+    onAutoCommit: saveBarProps.onAutoCommit
+  };
   var formNode = /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormContext.Provider, {
     value: form,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_requiredMarking.RequiredMarkingContext.Provider, {
-      value: {
-        mode: requiredMarkMode
-      },
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormValidateProvider, {
-        form,
-        validateOn,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form, {
-          ref: setFormRef,
-          onSubmit: handleSubmit,
-          ...tamaguiFormProps,
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-            "data-mpo-form-layout": "",
-            "data-gap": knobProps.gap.gap,
-            "data-density": knobProps.density,
-            "data-size": knobProps.size,
-            "data-nested": compact ? "true" : void 0,
-            width: "100%",
-            minWidth: 0,
-            ...knobProps.gap,
-            ...(tamaguiFormProps.flex != null ? {
-              flex: tamaguiFormProps.flex
-            } : {}),
-            children: [showErrorSummary ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AutoErrorSummary, {
-              form,
-              title: errorSummaryTitle,
-              formElement: formElementRef.current
-            }) : null, children]
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormSaveModeContext.Provider, {
+      value: saveMode,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_requiredMarking.RequiredMarkingContext.Provider, {
+        value: {
+          mode: requiredMarkMode
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormValidateProvider, {
+          form,
+          validateOn,
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Form, {
+            ref: setFormRef,
+            onSubmit: handleSubmit,
+            ...tamaguiFormProps,
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+              "data-mpo-form-layout": "",
+              "data-gap": knobProps.gap.gap,
+              "data-density": knobProps.density,
+              "data-size": knobProps.size,
+              "data-nested": compact ? "true" : void 0,
+              width: "100%",
+              minWidth: 0,
+              ...knobProps.gap,
+              ...(tamaguiFormProps.flex != null ? {
+                flex: tamaguiFormProps.flex
+              } : {}),
+              children: [showErrorSummary ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(AutoErrorSummary, {
+                form,
+                title: errorSummaryTitle,
+                formElement: formElementRef.current
+              }) : null, children, saveBar ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ContextualSaveBar.ContextualSaveBar, {
+                ...((typeof saveBar === "undefined" ? "undefined" : _type_of(saveBar)) === "object" ? saveBar : {})
+              }) : null]
+            })
           })
         })
       })
@@ -253,6 +279,8 @@ function FormActions(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
     "data-mpo-form-actions": "",
     "data-gap": String(resolvedGap),
+    "data-density": knobProps.density,
+    "data-size": knobProps.size,
     gap: resolvedGap,
     alignSelf: "flex-start",
     alignItems: "center",

package/dist/cjs/Form/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Form_exports","Form","FormActions","FormContext","FormValidateContext","remapValidatorsForTiming","import_validateOn2","resolveEffectiveValidateOn","useEffectiveValidateOn","useFormContext","useFormValidate","module","exports","import_jsx_runtime","require","import_router","import_theme","import_react_form","import_react","import_tamagui","import_ErrorSummary","import_requiredMarking","import_validateOn","createContext","useContext","defaultValidateContext","validateOn","hasSubmitted","AutoErrorSummary","param","form","title","formElement","Subscribe","jsx","selector","state","_state_submissionAttempts","fieldMeta","submissionAttempts","children","param2","errors","collectFormFieldErrors","length","ErrorSummary","FormValidateProvider","children1","Provider","providedForm","formOptions","onSubmit","syncWithUrl","urlDebounceMs","submitText","_submitText","showErrorSummary","errorSummaryTitle","compact","tamaguiFormProps","knobProps","useResolvedKnobs","requiredMarkMode","mapHouseRequiredMarking","requiredMarking","formAutofocusOn","formAutofocus","urlState","setUrlState","useUrlState","defaultValues","debounceMs","onSubmitRef","useRef","useEffect","current","formElementRef","didAutofocusRef","defaultForm","useForm","onSubmit2","formApi","meta","subscription","store","subscribe","values","unsubscribe","handleSubmit","useMemo","e","preventDefault","stopPropagation","isSubmitting","setFormRef","setFormRef2","node","_ref","_node_querySelector","isWeb","el","tagName","querySelector","formEl","first","focus","formNode","RequiredMarkingContext","mode","ref","jsxs","YStack","gap","density","size","width","minWidth","flex","Preset","overrides","resolvedGap","XStack","String","alignSelf","alignItems","flexWrap"],"sources":["index.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar Form_exports = {};\n__export(Form_exports, {\n  Form: () => Form,\n  FormActions: () => FormActions,\n  FormContext: () => FormContext,\n  FormValidateContext: () => FormValidateContext,\n  remapValidatorsForTiming: () => import_validateOn2.remapValidatorsForTiming,\n  resolveEffectiveValidateOn: () => import_validateOn2.resolveEffectiveValidateOn,\n  useEffectiveValidateOn: () => useEffectiveValidateOn,\n  useFormContext: () => useFormContext,\n  useFormValidate: () => useFormValidate\n});\nmodule.exports = __toCommonJS(Form_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_router = require(\"@multiplatform.one/router\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react_form = require(\"@tanstack/react-form\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_ErrorSummary = require(\"../ErrorSummary\");\nvar import_requiredMarking = require(\"../requiredMarking\");\nvar import_validateOn = require(\"./validateOn\");\nvar import_validateOn2 = require(\"./validateOn\");\nvar FormContext = /* @__PURE__ */ (0, import_react.createContext)(void 0);\nfunction useFormContext() {\n  return (0, import_react.useContext)(FormContext);\n}\nvar defaultValidateContext = {\n  validateOn: \"submit\",\n  hasSubmitted: false\n};\nvar FormValidateContext = /* @__PURE__ */ (0, import_react.createContext)(defaultValidateContext);\nfunction useFormValidate() {\n  return (0, import_react.useContext)(FormValidateContext);\n}\nfunction AutoErrorSummary(param) {\n  var { form, title, formElement } = param;\n  var Subscribe = form.Subscribe;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subscribe, {\n    selector: function selector(state) {\n      var _state_submissionAttempts;\n      return {\n        fieldMeta: state.fieldMeta,\n        submissionAttempts: (_state_submissionAttempts = state.submissionAttempts) !== null && _state_submissionAttempts !== void 0 ? _state_submissionAttempts : 0\n      };\n    },\n    children: function children(param2) {\n      var { fieldMeta, submissionAttempts } = param2;\n      if (submissionAttempts < 1) return null;\n      var errors = (0, import_ErrorSummary.collectFormFieldErrors)(fieldMeta);\n      if (errors.length === 0) return null;\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ErrorSummary.ErrorSummary, {\n        errors,\n        title,\n        formElement\n      });\n    }\n  });\n}\nfunction FormValidateProvider(param) {\n  var { form, validateOn, children } = param;\n  var Subscribe = form.Subscribe;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Subscribe, {\n    selector: function selector(state) {\n      var _state_submissionAttempts;\n      return (_state_submissionAttempts = state.submissionAttempts) !== null && _state_submissionAttempts !== void 0 ? _state_submissionAttempts : 0;\n    },\n    children: function children1(submissionAttempts) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormValidateContext.Provider, {\n        value: {\n          validateOn,\n          hasSubmitted: submissionAttempts >= 1\n        },\n        children\n      });\n    }\n  });\n}\nfunction Form(param) {\n  var { children, form: providedForm, formOptions, onSubmit, syncWithUrl = false, urlDebounceMs = 500, submitText: _submitText, showErrorSummary = true, errorSummaryTitle, validateOn = \"submit\", compact, ...tamaguiFormProps } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {\n    compact\n  });\n  var requiredMarkMode = (0, import_requiredMarking.mapHouseRequiredMarking)(knobProps.requiredMarking);\n  var formAutofocusOn = knobProps.formAutofocus === \"on\";\n  var [urlState, setUrlState] = (0, import_router.useUrlState)((formOptions === null || formOptions === void 0 ? void 0 : formOptions.defaultValues) || {}, {\n    debounceMs: urlDebounceMs\n  });\n  var onSubmitRef = (0, import_react.useRef)(onSubmit);\n  (0, import_react.useEffect)(function() {\n    onSubmitRef.current = onSubmit;\n  }, [\n    onSubmit\n  ]);\n  var formElementRef = (0, import_react.useRef)(null);\n  var didAutofocusRef = (0, import_react.useRef)(false);\n  var defaultForm = (0, import_react_form.useForm)(providedForm ? {} : {\n    ...formOptions,\n    defaultValues: syncWithUrl ? urlState : formOptions === null || formOptions === void 0 ? void 0 : formOptions.defaultValues,\n    onSubmit: async function onSubmit2(param2) {\n      var { value, formApi } = param2;\n      if (onSubmitRef.current) {\n        await onSubmitRef.current(value);\n      } else if (formOptions === null || formOptions === void 0 ? void 0 : formOptions.onSubmit) {\n        await formOptions.onSubmit({\n          value,\n          formApi,\n          meta: {}\n        });\n      }\n    }\n  });\n  var form = providedForm || defaultForm;\n  (0, import_react.useEffect)(function() {\n    if (!syncWithUrl) return;\n    var subscription = form.store.subscribe(function() {\n      var values = form.store.state.values;\n      setUrlState(values);\n    });\n    return function() {\n      return subscription.unsubscribe();\n    };\n  }, [\n    form,\n    syncWithUrl,\n    setUrlState\n  ]);\n  var handleSubmit = (0, import_react.useMemo)(function() {\n    return function(e) {\n      e === null || e === void 0 ? void 0 : e.preventDefault();\n      e === null || e === void 0 ? void 0 : e.stopPropagation();\n      if (form.state.isSubmitting) return;\n      void form.handleSubmit();\n    };\n  }, [\n    form\n  ]);\n  var setFormRef = function setFormRef2(node) {\n    var _ref;\n    var _node_querySelector;\n    if (!import_tamagui.isWeb) {\n      formElementRef.current = null;\n      return;\n    }\n    var el = (node === null || node === void 0 ? void 0 : node.tagName) === \"FORM\" ? node : (_ref = node === null || node === void 0 ? void 0 : (_node_querySelector = node.querySelector) === null || _node_querySelector === void 0 ? void 0 : _node_querySelector.call(node, \"form\")) !== null && _ref !== void 0 ? _ref : node;\n    formElementRef.current = el;\n  };\n  (0, import_react.useEffect)(function() {\n    if (!formAutofocusOn || !import_tamagui.isWeb || didAutofocusRef.current) return;\n    var formEl = formElementRef.current;\n    if (!formEl || typeof formEl.querySelector !== \"function\") return;\n    var first = formEl.querySelector('input:not([disabled]):not([type=\"hidden\"]), textarea:not([disabled]), select:not([disabled])');\n    if (!first || typeof first.focus !== \"function\") return;\n    first.focus();\n    didAutofocusRef.current = true;\n  }, [\n    formAutofocusOn,\n    children\n  ]);\n  var formNode = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormContext.Provider, {\n    value: form,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_requiredMarking.RequiredMarkingContext.Provider, {\n      value: {\n        mode: requiredMarkMode\n      },\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormValidateProvider, {\n        form,\n        validateOn,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Form, {\n          ref: setFormRef,\n          onSubmit: handleSubmit,\n          ...tamaguiFormProps,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n            \"data-mpo-form-layout\": \"\",\n            \"data-gap\": knobProps.gap.gap,\n            \"data-density\": knobProps.density,\n            \"data-size\": knobProps.size,\n            \"data-nested\": compact ? \"true\" : void 0,\n            width: \"100%\",\n            minWidth: 0,\n            ...knobProps.gap,\n            ...tamaguiFormProps.flex != null ? {\n              flex: tamaguiFormProps.flex\n            } : {},\n            children: [\n              showErrorSummary ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AutoErrorSummary, {\n                form,\n                title: errorSummaryTitle,\n                formElement: formElementRef.current\n              }) : null,\n              children\n            ]\n          })\n        })\n      })\n    })\n  });\n  return compact ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.Preset, {\n    overrides: {\n      density: \"compact\"\n    },\n    children: formNode\n  }) : formNode;\n}\nfunction FormActions(param) {\n  var { children, gap } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n    \"data-mpo-form-actions\": \"\",\n    \"data-gap\": String(resolvedGap),\n    gap: resolvedGap,\n    alignSelf: \"flex-start\",\n    alignItems: \"center\",\n    flexWrap: \"wrap\",\n    children\n  });\n}\nfunction useEffectiveValidateOn() {\n  var { validateOn, hasSubmitted } = useFormValidate();\n  return (0, import_validateOn.resolveEffectiveValidateOn)(validateOn, hasSubmitted);\n}\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Form_exports","__export","Form","FormActions","FormContext","FormSaveModeContext","FormValidateContext","remapValidatorsForTiming","import_validateOn2","resolveEffectiveValidateOn","useEffectiveValidateOn","useFormContext","useFormSaveMode","useFormValidate","module","exports","import_jsx_runtime","require","import_router","import_theme","import_react_form","import_react","import_tamagui","import_ContextualSaveBar","import_ErrorSummary","import_requiredMarking","import_validateOn","_type_of","obj","Symbol","constructor","createContext","useContext","defaultValidateContext","validateOn","hasSubmitted","defaultSaveMode","mode","AutoErrorSummary","param","form","title","formElement","Subscribe","jsx","selector","state","_state_submissionAttempts","fieldMeta","submissionAttempts","children","param2","errors","collectFormFieldErrors","length","ErrorSummary","FormValidateProvider","children1","Provider","providedForm","formOptions","onSubmit","syncWithUrl","urlDebounceMs","submitText","_submitText","showErrorSummary","errorSummaryTitle","compact","saveBar","tamaguiFormProps","knobProps","useResolvedKnobs","requiredMarkMode","mapHouseRequiredMarking","requiredMarking","formAutofocusOn","formAutofocus","urlState","setUrlState","useUrlState","defaultValues","debounceMs","onSubmitRef","useRef","useEffect","current","formElementRef","didAutofocusRef","defaultForm","useForm","onSubmit2","formApi","meta","subscription","store","subscribe","values","unsubscribe","handleSubmit","useMemo","e","preventDefault","stopPropagation","isSubmitting","setFormRef","setFormRef2","node","_ref","_node_querySelector","isWeb","el","tagName","querySelector","call","formEl","first","focus","saveBarProps","saveMode","onAutoCommit","formNode","RequiredMarkingContext","ref","jsxs","YStack","gap","density","size","width","minWidth","flex","ContextualSaveBar"],"sources":["../../../src/Form/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/Form/validateOn.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","validateOn_exports","remapValidatorsForTiming","resolveEffectiveValidateOn","module","exports","validateOn","hasSubmitted","composeValidator","existing","fallback","args","_existing","validators","effective","onSubmit","next","wantBlur","wantChange","onBlur","onChange"],"sources":["validateOn.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar validateOn_exports = {};\n__export(validateOn_exports, {\n  remapValidatorsForTiming: () => remapValidatorsForTiming,\n  resolveEffectiveValidateOn: () => resolveEffectiveValidateOn\n});\nmodule.exports = __toCommonJS(validateOn_exports);\nfunction resolveEffectiveValidateOn(validateOn, hasSubmitted) {\n  if (validateOn === \"submit\" && hasSubmitted) {\n    return \"blur-then-change\";\n  }\n  return validateOn;\n}\nfunction composeValidator(existing, fallback) {\n  if (!existing) return fallback;\n  return function(args) {\n    var _existing;\n    return (_existing = existing(args)) !== null && _existing !== void 0 ? _existing : fallback(args);\n  };\n}\nfunction remapValidatorsForTiming(validators, effective) {\n  if (!validators || effective === \"submit\") return validators;\n  var onSubmit = validators.onSubmit;\n  if (typeof onSubmit !== \"function\") return validators;\n  var next = {\n    ...validators\n  };\n  var wantBlur = effective === \"blur\" || effective === \"blur-then-change\";\n  var wantChange = effective === \"change\" || effective === \"blur-then-change\";\n  if (wantBlur) {\n    next.onBlur = composeValidator(validators.onBlur, onSubmit);\n  }\n  if (wantChange) {\n    next.onChange = composeValidator(validators.onChange, onSubmit);\n  }\n  return next;\n}\n//# sourceMappingURL=validateOn.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","validateOn_exports","__export","remapValidatorsForTiming","resolveEffectiveValidateOn","module","exports","validateOn","hasSubmitted","composeValidator","existing","fallback","args","_existing","validators","effective","onSubmit","next","wantBlur","wantChange","onBlur","onChange"],"sources":["../../../src/Form/validateOn.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,wBAAA,EAAAA,CAAA,KAAAA,wBAAA;EAAAC,0BAAA,EAAAA,CAAA,KAAAA;AAAA;AAYOC,MAAA,CAAAC,OAAS,GAAAV,YAAA,CAAAK,kBAEd;AAEA,SAAIG,0BAA2BA,CAAAG,UAAA,EAAcC,YAAA;EAC3C,IAAAD,UAAO,iBAAAC,YAAA;IACT;EACA;EACF,OAAAD,UAAA;AAEA;AAIE,SAAKE,gBAAiBA,CAAAC,QAAA,EAAAC,QAAA;EACtB,KAAAD,QAAQ,SAASC,QAAa;EAChC,iBAAAC,IAAA;IAMO,IAAAC,SAAS;IAId,OAAK,CAAAA,SAAc,GAAAH,QAAA,CAAAE,IAAc,OAAU,QAAOC,SAAA,cAAAA,SAAA,GAAAF,QAAA,CAAAC,IAAA;EAElD;AACA;AAEA,SAAMT,wBAAgDA,CAAAW,UAAA,EAAAC,SAAA;EACtD,KAAAD,UAAM,IAAWC,SAAA,KAAc,QAAU,SAAAD,UAAc;EACvD,IAAAE,QAAM,GAAAF,UAAa,CAAAE,QAAc;EAEjC,IAAI,OAAAA,QAAU,wBAAAF,UAAA;EACZ,IAAAG,IAAK;IAAS,GACZH;EAAW;EACX,IACFI,QAAA,GAAAH,SAAA,eAAAA,SAAA;EACF,IAAAI,UAAA,GAAAJ,SAAA,iBAAAA,SAAA;EACA,IAAIG,QAAA;IACFD,IAAA,CAAKG,MAAA,GAAAX,gBAAW,CAAAK,UAAA,CAAAM,MAAA,EAAAJ,QAAA;EAAA;EACH,IACXG,UAAA;IACFF,IAAA,CAAAI,QAAA,GAAAZ,gBAAA,CAAAK,UAAA,CAAAO,QAAA,EAAAL,QAAA;EACF;EACA,OAAOC,IAAA;AACT","ignoreList":[]}

package/dist/cjs/FormGrid.cjs

@@ -46,13 +46,17 @@ function FormGrid({
   } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
     compact
   });
-  const resolvedGap = gap ?? knobProps.gap.gap;
+  const gapFragment = gap === void 0 ? knobProps.gap : {
+    gap
+  };
+  const resolvedGap = gapFragment.gap;
   const wideColumns = resolveWideColumns(columns, maxColumns);
   if (import_tamagui.isWeb) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormGridWeb, {
       columns: wideColumns,
       maxColumns,
       gap: resolvedGap,
+      gapFragment,
       density: knobProps.density,
       size: knobProps.size,
       children
@@ -62,6 +66,7 @@ function FormGrid({
     columns: wideColumns,
     maxColumns,
     gap: resolvedGap,
+    gapFragment,
     density: knobProps.density,
     size: knobProps.size,
     children
@@ -71,6 +76,7 @@ function FormGridWeb({
   columns,
   maxColumns,
   gap,
+  gapFragment,
   density,
   size,
   children
@@ -115,7 +121,7 @@ function FormGridWeb({
     "data-gap": String(gap),
     "data-density": density,
     "data-size": size,
-    gap,
+    ...gapFragment,
     width: "100%",
     minWidth: 0,
     style,
@@ -126,6 +132,7 @@ function FormGridNative({
   columns,
   maxColumns,
   gap,
+  gapFragment,
   density,
   size,
   children
@@ -148,7 +155,7 @@ function FormGridNative({
     rows.push(childArray.slice(i, i + effectiveColumns));
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    gap,
+    ...gapFragment,
     width: "100%",
     "data-mpo-form-grid": "",
     "data-columns": effectiveColumns,
@@ -158,7 +165,7 @@ function FormGridNative({
     "data-density": density,
     "data-size": size,
     children: rows.map((row, rowIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-      gap,
+      ...gapFragment,
       children: row.map((child, colIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
         flex: 1,
         minWidth: 0,

package/dist/cjs/FormGrid.native.js

@@ -49,13 +49,17 @@ function FormGrid(param) {
   } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
     compact
   });
-  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
+  var gapFragment = gap === void 0 ? knobProps.gap : {
+    gap
+  };
+  var resolvedGap = gapFragment.gap;
   var wideColumns = resolveWideColumns(columns, maxColumns);
   if (import_tamagui.isWeb) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormGridWeb, {
       columns: wideColumns,
       maxColumns,
       gap: resolvedGap,
+      gapFragment,
       density: knobProps.density,
       size: knobProps.size,
       children
@@ -65,6 +69,7 @@ function FormGrid(param) {
     columns: wideColumns,
     maxColumns,
     gap: resolvedGap,
+    gapFragment,
     density: knobProps.density,
     size: knobProps.size,
     children
@@ -75,6 +80,7 @@ function FormGridWeb(param) {
     columns,
     maxColumns,
     gap,
+    gapFragment,
     density,
     size,
     children
@@ -127,7 +133,7 @@ function FormGridWeb(param) {
     "data-gap": String(gap),
     "data-density": density,
     "data-size": size,
-    gap,
+    ...gapFragment,
     width: "100%",
     minWidth: 0,
     style,
@@ -139,6 +145,7 @@ function FormGridNative(param) {
     columns,
     maxColumns,
     gap,
+    gapFragment,
     density,
     size,
     children
@@ -167,7 +174,7 @@ function FormGridNative(param) {
     rows.push(childArray.slice(i, i + effectiveColumns));
   }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-    gap,
+    ...gapFragment,
     width: "100%",
     "data-mpo-form-grid": "",
     "data-columns": effectiveColumns,
@@ -178,7 +185,7 @@ function FormGridNative(param) {
     "data-size": size,
     children: rows.map(function (row, rowIndex) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-        gap,
+        ...gapFragment,
         children: row.map(function (child, colIndex) {
           return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
             flex: 1,

package/dist/cjs/FormGrid.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FormGrid_exports","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","compact","children","knobProps","useResolvedKnobs","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","density","size","FormGridNative","ref","useRef","containerWide","setContainerWide","useState","useLayoutEffect","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice","map","row","rowIndex","XStack","child","colIndex","flex"],"sources":["FormGrid.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar FormGrid_exports = {};\n__export(FormGrid_exports, {\n  FORM_GRID_COLLAPSE_WIDTH: () => FORM_GRID_COLLAPSE_WIDTH,\n  FormGrid: () => FormGrid\n});\nmodule.exports = __toCommonJS(FormGrid_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar FORM_GRID_COLLAPSE_WIDTH = 480;\nfunction resolveWideColumns(columns, maxColumns) {\n  return Math.min(columns, maxColumns);\n}\nfunction FormGrid(param) {\n  var { columns = 1, maxColumns = 2, gap, compact, children } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {\n    compact\n  });\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  var wideColumns = resolveWideColumns(columns, maxColumns);\n  if (import_tamagui.isWeb) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridWeb, {\n      columns: wideColumns,\n      maxColumns,\n      gap: resolvedGap,\n      density: knobProps.density,\n      size: knobProps.size,\n      children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridNative, {\n    columns: wideColumns,\n    maxColumns,\n    gap: resolvedGap,\n    density: knobProps.density,\n    size: knobProps.size,\n    children\n  });\n}\nfunction FormGridWeb(param) {\n  var { columns, maxColumns, gap, density, size, children } = param;\n  var ref = (0, import_react.useRef)(null);\n  var [containerWide, setContainerWide] = (0, import_react.useState)(true);\n  (0, import_react.useLayoutEffect)(function() {\n    var el = ref.current;\n    if (!el || columns <= 1) {\n      setContainerWide(true);\n      return;\n    }\n    var update = function update2(width) {\n      setContainerWide(width >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    update(el.getBoundingClientRect().width);\n    if (typeof ResizeObserver === \"undefined\") {\n      var onResize = function onResize2() {\n        return update(el.getBoundingClientRect().width);\n      };\n      window.addEventListener(\"resize\", onResize);\n      return function() {\n        return window.removeEventListener(\"resize\", onResize);\n      };\n    }\n    var ro = new ResizeObserver(function(entries) {\n      var _ref;\n      var _entries_;\n      var width = (_ref = (_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.contentRect.width) !== null && _ref !== void 0 ? _ref : el.getBoundingClientRect().width;\n      update(width);\n    });\n    ro.observe(el);\n    return function() {\n      return ro.disconnect();\n    };\n  }, [\n    columns\n  ]);\n  var effectiveColumns = columns <= 1 || !containerWide ? 1 : columns;\n  var style = {\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${effectiveColumns}, minmax(0, 1fr))`,\n    // Enable container queries for consumers / CSS extensions (DG-FORM-09).\n    containerType: columns > 1 ? \"inline-size\" : void 0\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    ref,\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-density\": density,\n    \"data-size\": size,\n    gap,\n    width: \"100%\",\n    minWidth: 0,\n    style,\n    children\n  });\n}\nfunction FormGridNative(param) {\n  var { columns, maxColumns, gap, density, size, children } = param;\n  var media = (0, import_tamagui.useMedia)();\n  var canUseDomResize = typeof window !== \"undefined\" && typeof window.addEventListener === \"function\" && typeof window.innerWidth === \"number\";\n  var [domViewportWide, setDomViewportWide] = (0, import_react.useState)(function() {\n    return canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true;\n  });\n  (0, import_react.useEffect)(function() {\n    if (!canUseDomResize) return;\n    var handler = function handler2() {\n      return setDomViewportWide(window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    handler();\n    window.addEventListener(\"resize\", handler);\n    return function() {\n      return window.removeEventListener(\"resize\", handler);\n    };\n  }, [\n    canUseDomResize\n  ]);\n  var viewportWide = canUseDomResize ? domViewportWide : media.xs === true;\n  var effectiveColumns = columns <= 1 || !viewportWide ? 1 : columns;\n  var childArray = import_react.Children.toArray(children);\n  var rows = [];\n  for (var i = 0; i < childArray.length; i += effectiveColumns) {\n    rows.push(childArray.slice(i, i + effectiveColumns));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    gap,\n    width: \"100%\",\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-density\": density,\n    \"data-size\": size,\n    children: rows.map(function(row, rowIndex) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        gap,\n        children: row.map(function(child, colIndex) {\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n            flex: 1,\n            minWidth: 0,\n            children: child\n          }, colIndex);\n        })\n      }, rowIndex);\n    })\n  });\n}\n//# sourceMappingURL=FormGrid.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormGrid_exports","__export","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","compact","children","knobProps","useResolvedKnobs","gapFragment","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","density","size","FormGridNative","ref","useRef","containerWide","setContainerWide","useState","useLayoutEffect","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice","map","row","rowIndex","XStack","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FormSection.cjs

@@ -75,8 +75,10 @@ function FormSection({
     } : {}),
     children: [label ? useFieldset ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       render: "legend",
+      "data-mpo-legend": "",
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       style: {
         padding: 0,
         marginBottom: 0,
@@ -86,14 +88,19 @@ function FormSection({
       children: label
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       role: "heading",
       "aria-level": 3,
       children: label
     }) : null, children]
   });
 }
-const Fieldset = FormSection;
+function Fieldset(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormSection, {
+    ...props
+  });
+}
 function FormSectionStack({
   children,
   gap

package/dist/cjs/FormSection.native.js

@@ -79,8 +79,10 @@ function FormSection(param) {
     } : {}),
     children: [label ? useFieldset ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       render: "legend",
+      "data-mpo-legend": "",
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       // legend is inline by default; stretch to a full heading row
       style: {
         padding: 0,
@@ -91,14 +93,19 @@ function FormSection(param) {
       children: label
     }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       ...knobProps.label,
-      ...knobProps.heading,
+      fontWeight: "400",
+      color: knobProps.textAccentColor,
       role: "heading",
       "aria-level": 3,
       children: label
     }) : null, children]
   });
 }
-var Fieldset = FormSection;
+function Fieldset(props) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FormSection, {
+    ...props
+  });
+}
 function FormSectionStack(param) {
   var {
     children,