@multiplatform.one/forms 7.34.4 → 7.36.0

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useUrlState","Preset","useResolvedKnobs","useForm","createContext","useContext","useEffect","useMemo","useRef","Form","TamaguiForm","XStack","YStack","isWeb","ContextualSaveBar","ErrorSummary","collectFormFieldErrors","RequiredMarkingContext","mapHouseRequiredMarking","getFormSubmission","resolveEffectiveValidateOn","resolveEffectiveValidateOn2","remapValidatorsForTiming","_type_of","obj","Symbol","constructor","FormContext","useFormContext","defaultValidateContext","validateOn","hasSubmitted","FormValidateContext","useFormValidate","defaultSaveMode","mode","FormSaveModeContext","useFormSaveMode","AutoErrorSummary","param","form","title","formElement","Subscribe","selector","state","_state_submissionAttempts","fieldMeta","submissionAttempts","children","param2","errors","length","FormValidateProvider","children1","Provider","value","providedForm","formOptions","onSubmit","syncWithUrl","urlDebounceMs","submitText","_submitText","showErrorSummary","errorSummaryTitle","compact","saveBar","tamaguiFormProps","knobProps","requiredMarkMode","requiredMarking","formAutofocusOn","formAutofocus","urlState","setUrlState","defaultValues","debounceMs","onSubmitRef","current","formElementRef","didAutofocusRef","defaultForm","onSubmit2","formApi","meta","subscription","store","subscribe","values","unsubscribe","handleSubmit","e","preventDefault","stopPropagation","isSubmitting","submit","setFormRef","setFormRef2","node","_ref","_node_querySelector","el","tagName","querySelector","call","formEl","first","focus","saveBarProps","saveMode","onAutoCommit","formNode","ref","gap","density","size","width","minWidth","flex","overrides","FormActions","resolvedGap","String","alignSelf","alignItems","flexWrap","useEffectiveValidateOn"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useUrlState } from \"@multiplatform.one/router\";\nimport { Preset, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { useForm } from \"@tanstack/react-form\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport { Form as TamaguiForm, XStack, YStack, isWeb } from \"tamagui\";\nimport { ContextualSaveBar } from \"../ContextualSaveBar\";\nimport { ErrorSummary, collectFormFieldErrors } from \"../ErrorSummary\";\nimport { RequiredMarkingContext, mapHouseRequiredMarking } from \"../requiredMarking\";\nimport { getFormSubmission } from \"./submissionController\";\nimport { resolveEffectiveValidateOn } from \"./validateOn\";\nimport { resolveEffectiveValidateOn as resolveEffectiveValidateOn2, remapValidatorsForTiming } from \"./validateOn\";\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar FormContext = /* @__PURE__ */ createContext(void 0);\nfunction useFormContext() {\n  return useContext(FormContext);\n}\nvar defaultValidateContext = {\n  validateOn: \"submit\",\n  hasSubmitted: false\n};\nvar FormValidateContext = /* @__PURE__ */ createContext(defaultValidateContext);\nfunction useFormValidate() {\n  return useContext(FormValidateContext);\n}\nvar defaultSaveMode = {\n  mode: \"embedded\"\n};\nvar FormSaveModeContext = /* @__PURE__ */ createContext(defaultSaveMode);\nfunction useFormSaveMode() {\n  return useContext(FormSaveModeContext);\n}\nfunction AutoErrorSummary(param) {\n  var { form, title, formElement } = param;\n  var Subscribe = form.Subscribe;\n  return /* @__PURE__ */ _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 = collectFormFieldErrors(fieldMeta);\n      if (errors.length === 0) return null;\n      return /* @__PURE__ */ _jsx(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__ */ _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__ */ _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, saveBar, ...tamaguiFormProps } = param;\n  var { knobProps } = useResolvedKnobs(compact === void 0 ? void 0 : {\n    compact\n  });\n  var requiredMarkMode = mapHouseRequiredMarking(knobProps.requiredMarking);\n  var formAutofocusOn = knobProps.formAutofocus === \"on\";\n  var [urlState, setUrlState] = useUrlState((formOptions === null || formOptions === void 0 ? void 0 : formOptions.defaultValues) || {}, {\n    debounceMs: urlDebounceMs\n  });\n  var onSubmitRef = useRef(onSubmit);\n  useEffect(function() {\n    onSubmitRef.current = onSubmit;\n  }, [\n    onSubmit\n  ]);\n  var formElementRef = useRef(null);\n  var didAutofocusRef = useRef(false);\n  var defaultForm = 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  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 = 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 getFormSubmission(form).submit();\n    };\n  }, [\n    form\n  ]);\n  var setFormRef = function setFormRef2(node) {\n    var _ref;\n    var _node_querySelector;\n    if (!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  useEffect(function() {\n    if (!formAutofocusOn || !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 saveBarProps = (typeof saveBar === \"undefined\" ? \"undefined\" : _type_of(saveBar)) === \"object\" ? saveBar : {};\n  var saveMode = {\n    mode: saveBar ? \"declarative\" : \"embedded\",\n    onAutoCommit: saveBarProps.onAutoCommit\n  };\n  var formNode = /* @__PURE__ */ _jsx(FormContext.Provider, {\n    value: form,\n    children: /* @__PURE__ */ _jsx(FormSaveModeContext.Provider, {\n      value: saveMode,\n      children: /* @__PURE__ */ _jsx(RequiredMarkingContext.Provider, {\n        value: {\n          mode: requiredMarkMode\n        },\n        children: /* @__PURE__ */ _jsx(FormValidateProvider, {\n          form,\n          validateOn,\n          children: /* @__PURE__ */ _jsx(TamaguiForm, {\n            ref: setFormRef,\n            onSubmit: handleSubmit,\n            ...tamaguiFormProps,\n            children: /* @__PURE__ */ _jsxs(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__ */ _jsx(AutoErrorSummary, {\n                  form,\n                  title: errorSummaryTitle,\n                  formElement: formElementRef.current\n                }) : null,\n                children,\n                saveBar ? /* @__PURE__ */ _jsx(ContextualSaveBar, {\n                  ...(typeof saveBar === \"undefined\" ? \"undefined\" : _type_of(saveBar)) === \"object\" ? saveBar : {}\n                }) : null\n              ]\n            })\n          })\n        })\n      })\n    })\n  });\n  return compact ? /* @__PURE__ */ _jsx(Preset, {\n    overrides: {\n      density: \"compact\"\n    },\n    children: formNode\n  }) : formNode;\n}\nfunction FormActions(param) {\n  var { children, gap } = param;\n  var { knobProps } = useResolvedKnobs();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  return /* @__PURE__ */ _jsx(XStack, {\n    \"data-mpo-form-actions\": \"\",\n    \"data-gap\": String(resolvedGap),\n    \"data-density\": knobProps.density,\n    \"data-size\": knobProps.size,\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 resolveEffectiveValidateOn(validateOn, hasSubmitted);\n}\nexport {\n  Form,\n  FormActions,\n  FormContext,\n  FormSaveModeContext,\n  FormValidateContext,\n  remapValidatorsForTiming,\n  resolveEffectiveValidateOn2 as resolveEffectiveValidateOn,\n  useEffectiveValidateOn,\n  useFormContext,\n  useFormSaveMode,\n  useFormValidate\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useUrlState","FORM_READABLE_WIDTH","Surface","useResolvedKnobs","useForm","createContext","useContext","useEffect","useMemo","useRef","Form","TamaguiForm","XStack","YStack","isWeb","ContextualSaveBar","ErrorSummary","collectFormFieldErrors","RequiredMarkingContext","mapHouseRequiredMarking","getFormSubmission","resolveEffectiveValidateOn","resolveEffectiveValidateOn2","remapValidatorsForTiming","_type_of","obj","Symbol","constructor","FormContext","useFormContext","defaultValidateContext","validateOn","hasSubmitted","FormValidateContext","useFormValidate","defaultSaveMode","mode","FormSaveModeContext","useFormSaveMode","AutoErrorSummary","param","form","title","formElement","Subscribe","selector","state","_state_submissionAttempts","fieldMeta","submissionAttempts","children","param2","errors","length","FormValidateProvider","children1","Provider","value","providedForm","formOptions","onSubmit","syncWithUrl","urlDebounceMs","submitText","_submitText","showErrorSummary","errorSummaryTitle","size","saveBar","tamaguiFormProps","_tamaguiFormProps_maxWidth","knobProps","requiredMarkMode","requiredMarking","formAutofocusOn","formAutofocus","urlState","setUrlState","defaultValues","debounceMs","onSubmitRef","current","formElementRef","didAutofocusRef","defaultForm","onSubmit2","formApi","meta","subscription","store","subscribe","values","unsubscribe","handleSubmit","e","preventDefault","stopPropagation","isSubmitting","submit","setFormRef","setFormRef2","node","_ref","_node_querySelector","el","tagName","querySelector","call","formEl","first","focus","saveBarProps","saveMode","onAutoCommit","formNode","ref","gap","sizeToken","width","minWidth","maxWidth","flex","FormActions","resolvedGap","String","alignSelf","alignItems","flexWrap","useEffectiveValidateOn"],"sources":["index.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useUrlState } from \"@multiplatform.one/router\";\nimport { FORM_READABLE_WIDTH, Surface, useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { useForm } from \"@tanstack/react-form\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport { Form as TamaguiForm, XStack, YStack, isWeb } from \"tamagui\";\nimport { ContextualSaveBar } from \"../ContextualSaveBar\";\nimport { ErrorSummary, collectFormFieldErrors } from \"../ErrorSummary\";\nimport { RequiredMarkingContext, mapHouseRequiredMarking } from \"../requiredMarking\";\nimport { getFormSubmission } from \"./submissionController\";\nimport { resolveEffectiveValidateOn } from \"./validateOn\";\nimport { resolveEffectiveValidateOn as resolveEffectiveValidateOn2, remapValidatorsForTiming } from \"./validateOn\";\nfunction _type_of(obj) {\n  \"@swc/helpers - typeof\";\n  return obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar FormContext = /* @__PURE__ */ createContext(void 0);\nfunction useFormContext() {\n  return useContext(FormContext);\n}\nvar defaultValidateContext = {\n  validateOn: \"submit\",\n  hasSubmitted: false\n};\nvar FormValidateContext = /* @__PURE__ */ createContext(defaultValidateContext);\nfunction useFormValidate() {\n  return useContext(FormValidateContext);\n}\nvar defaultSaveMode = {\n  mode: \"embedded\"\n};\nvar FormSaveModeContext = /* @__PURE__ */ createContext(defaultSaveMode);\nfunction useFormSaveMode() {\n  return useContext(FormSaveModeContext);\n}\nfunction AutoErrorSummary(param) {\n  var { form, title, formElement } = param;\n  var Subscribe = form.Subscribe;\n  return /* @__PURE__ */ _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 = collectFormFieldErrors(fieldMeta);\n      if (errors.length === 0) return null;\n      return /* @__PURE__ */ _jsx(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__ */ _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__ */ _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\", size, saveBar, ...tamaguiFormProps } = param;\n  var _tamaguiFormProps_maxWidth;\n  var { knobProps } = useResolvedKnobs(size === void 0 ? void 0 : {\n    size\n  });\n  var requiredMarkMode = mapHouseRequiredMarking(knobProps.requiredMarking);\n  var formAutofocusOn = knobProps.formAutofocus === \"on\";\n  var [urlState, setUrlState] = useUrlState((formOptions === null || formOptions === void 0 ? void 0 : formOptions.defaultValues) || {}, {\n    debounceMs: urlDebounceMs\n  });\n  var onSubmitRef = useRef(onSubmit);\n  useEffect(function() {\n    onSubmitRef.current = onSubmit;\n  }, [\n    onSubmit\n  ]);\n  var formElementRef = useRef(null);\n  var didAutofocusRef = useRef(false);\n  var defaultForm = 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  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 = 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 getFormSubmission(form).submit();\n    };\n  }, [\n    form\n  ]);\n  var setFormRef = function setFormRef2(node) {\n    var _ref;\n    var _node_querySelector;\n    if (!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  useEffect(function() {\n    if (!formAutofocusOn || !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 saveBarProps = (typeof saveBar === \"undefined\" ? \"undefined\" : _type_of(saveBar)) === \"object\" ? saveBar : {};\n  var saveMode = {\n    mode: saveBar ? \"declarative\" : \"embedded\",\n    onAutoCommit: saveBarProps.onAutoCommit\n  };\n  var formNode = /* @__PURE__ */ _jsx(FormContext.Provider, {\n    value: form,\n    children: /* @__PURE__ */ _jsx(FormSaveModeContext.Provider, {\n      value: saveMode,\n      children: /* @__PURE__ */ _jsx(RequiredMarkingContext.Provider, {\n        value: {\n          mode: requiredMarkMode\n        },\n        children: /* @__PURE__ */ _jsx(FormValidateProvider, {\n          form,\n          validateOn,\n          children: /* @__PURE__ */ _jsx(TamaguiForm, {\n            ref: setFormRef,\n            onSubmit: handleSubmit,\n            ...tamaguiFormProps,\n            children: /* @__PURE__ */ _jsxs(YStack, {\n              \"data-mpo-form-layout\": \"\",\n              \"data-gap\": knobProps.gap.gap,\n              \"data-size-token\": knobProps.sizeToken,\n              width: \"100%\",\n              minWidth: 0,\n              // A readable column: fields and actions read as one group on a\n              // wide screen. `maxWidth` on the Form ejects (e.g. \"100%\").\n              maxWidth: (_tamaguiFormProps_maxWidth = tamaguiFormProps.maxWidth) !== null && _tamaguiFormProps_maxWidth !== void 0 ? _tamaguiFormProps_maxWidth : FORM_READABLE_WIDTH,\n              ...knobProps.gap,\n              ...tamaguiFormProps.flex != null ? {\n                flex: tamaguiFormProps.flex\n              } : {},\n              children: [\n                showErrorSummary ? /* @__PURE__ */ _jsx(AutoErrorSummary, {\n                  form,\n                  title: errorSummaryTitle,\n                  formElement: formElementRef.current\n                }) : null,\n                children,\n                saveBar ? /* @__PURE__ */ _jsx(ContextualSaveBar, {\n                  ...(typeof saveBar === \"undefined\" ? \"undefined\" : _type_of(saveBar)) === \"object\" ? saveBar : {}\n                }) : null\n              ]\n            })\n          })\n        })\n      })\n    })\n  });\n  return size === void 0 ? formNode : /* @__PURE__ */ _jsx(Surface, {\n    size,\n    children: formNode\n  });\n}\nfunction FormActions(param) {\n  var { children, gap } = param;\n  var { knobProps } = useResolvedKnobs();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  return /* @__PURE__ */ _jsx(XStack, {\n    \"data-mpo-form-actions\": \"\",\n    \"data-gap\": String(resolvedGap),\n    \"data-size-token\": knobProps.sizeToken,\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 resolveEffectiveValidateOn(validateOn, hasSubmitted);\n}\nexport {\n  Form,\n  FormActions,\n  FormContext,\n  FormSaveModeContext,\n  FormValidateContext,\n  remapValidatorsForTiming,\n  resolveEffectiveValidateOn2 as resolveEffectiveValidateOn,\n  useEffectiveValidateOn,\n  useFormContext,\n  useFormSaveMode,\n  useFormValidate\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/FormGrid.mjs

@@ -10,14 +10,11 @@ function FormGrid({
   columns = 1,
   maxColumns = 2,
   gap,
-  compact,
   children
 }) {
   const {
     knobProps
-  } = useResolvedKnobs(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = useResolvedKnobs();
   const gapFragment = gap === void 0 ? knobProps.gap : {
     gap
   };
@@ -29,8 +26,7 @@ function FormGrid({
       maxColumns,
       gap: resolvedGap,
       gapFragment,
-      density: knobProps.density,
-      size: knobProps.size,
+      sizeToken: knobProps.sizeToken,
       children
     });
   }
@@ -39,8 +35,7 @@ function FormGrid({
     maxColumns,
     gap: resolvedGap,
     gapFragment,
-    density: knobProps.density,
-    size: knobProps.size,
+    sizeToken: knobProps.sizeToken,
     children
   });
 }
@@ -49,8 +44,7 @@ function FormGridWeb({
   maxColumns,
   gap,
   gapFragment,
-  density,
-  size,
+  sizeToken,
   children
 }) {
   const ref = useRef(null);
@@ -91,8 +85,7 @@ function FormGridWeb({
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     ...gapFragment,
     width: "100%",
     minWidth: 0,
@@ -105,8 +98,7 @@ function FormGridNative({
   maxColumns,
   gap,
   gapFragment,
-  density,
-  size,
+  sizeToken,
   children
 }) {
   const media = useMedia();
@@ -134,8 +126,7 @@ function FormGridNative({
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     children: rows.map((row, rowIndex) => /* @__PURE__ */jsx(XStack, {
       ...gapFragment,
       children: row.map((child, colIndex) => /* @__PURE__ */jsx(YStack, {

package/dist/esm/FormGrid.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Children","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","XStack","YStack","isWeb","useMedia","jsx","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","gap","compact","children","knobProps","gapFragment","resolvedGap","wideColumns","FormGridWeb","density","size","FormGridNative","ref","containerWide","setContainerWide","el","current","update","width","getBoundingClientRect","ResizeObserver","onResize","window","addEventListener","removeEventListener","ro","entries","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","String","minWidth","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","viewportWide","xs","childArray","toArray","rows","i","length","push","slice","map","row","rowIndex","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Children","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","XStack","YStack","isWeb","useMedia","jsx","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","gap","children","knobProps","gapFragment","resolvedGap","wideColumns","FormGridWeb","sizeToken","FormGridNative","ref","containerWide","setContainerWide","el","current","update","width","getBoundingClientRect","ResizeObserver","onResize","window","addEventListener","removeEventListener","ro","entries","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","String","minWidth","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","viewportWide","xs","childArray","toArray","rows","i","length","push","slice","map","row","rowIndex","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/FormGrid.native.js

@@ -11,14 +11,11 @@ function FormGrid(param) {
     columns = 1,
     maxColumns = 2,
     gap,
-    compact,
     children
   } = param;
   var {
     knobProps
-  } = useResolvedKnobs(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = useResolvedKnobs();
   var gapFragment = gap === void 0 ? knobProps.gap : {
     gap
   };
@@ -30,8 +27,7 @@ function FormGrid(param) {
       maxColumns,
       gap: resolvedGap,
       gapFragment,
-      density: knobProps.density,
-      size: knobProps.size,
+      sizeToken: knobProps.sizeToken,
       children
     });
   }
@@ -40,8 +36,7 @@ function FormGrid(param) {
     maxColumns,
     gap: resolvedGap,
     gapFragment,
-    density: knobProps.density,
-    size: knobProps.size,
+    sizeToken: knobProps.sizeToken,
     children
   });
 }
@@ -51,8 +46,7 @@ function FormGridWeb(param) {
     maxColumns,
     gap,
     gapFragment,
-    density,
-    size,
+    sizeToken,
     children
   } = param;
   var ref = useRef(null);
@@ -101,8 +95,7 @@ function FormGridWeb(param) {
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     ...gapFragment,
     width: "100%",
     minWidth: 0,
@@ -116,8 +109,7 @@ function FormGridNative(param) {
     maxColumns,
     gap,
     gapFragment,
-    density,
-    size,
+    sizeToken,
     children
   } = param;
   var media = useMedia();
@@ -151,8 +143,7 @@ function FormGridNative(param) {
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     children: rows.map(function (row, rowIndex) {
       return /* @__PURE__ */_jsx(XStack, {
         ...gapFragment,

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","Children","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","XStack","YStack","isWeb","useMedia","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","param","gap","compact","children","knobProps","gapFragment","resolvedGap","wideColumns","FormGridWeb","density","size","FormGridNative","ref","containerWide","setContainerWide","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","String","minWidth","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","handler2","viewportWide","xs","childArray","toArray","rows","i","length","push","slice","map","row","rowIndex","child","colIndex","flex"],"sources":["FormGrid.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Children, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { XStack, YStack, isWeb, useMedia } from \"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 } = useResolvedKnobs(compact === void 0 ? void 0 : {\n    compact\n  });\n  var gapFragment = gap === void 0 ? knobProps.gap : {\n    gap\n  };\n  var resolvedGap = gapFragment.gap;\n  var wideColumns = resolveWideColumns(columns, maxColumns);\n  if (isWeb) {\n    return /* @__PURE__ */ _jsx(FormGridWeb, {\n      columns: wideColumns,\n      maxColumns,\n      gap: resolvedGap,\n      gapFragment,\n      density: knobProps.density,\n      size: knobProps.size,\n      children\n    });\n  }\n  return /* @__PURE__ */ _jsx(FormGridNative, {\n    columns: wideColumns,\n    maxColumns,\n    gap: resolvedGap,\n    gapFragment,\n    density: knobProps.density,\n    size: knobProps.size,\n    children\n  });\n}\nfunction FormGridWeb(param) {\n  var { columns, maxColumns, gap, gapFragment, density, size, children } = param;\n  var ref = useRef(null);\n  var [containerWide, setContainerWide] = useState(true);\n  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__ */ _jsx(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    ...gapFragment,\n    width: \"100%\",\n    minWidth: 0,\n    style,\n    children\n  });\n}\nfunction FormGridNative(param) {\n  var { columns, maxColumns, gap, gapFragment, density, size, children } = param;\n  var media = useMedia();\n  var canUseDomResize = typeof window !== \"undefined\" && typeof window.addEventListener === \"function\" && typeof window.innerWidth === \"number\";\n  var [domViewportWide, setDomViewportWide] = useState(function() {\n    return canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true;\n  });\n  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 = 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__ */ _jsx(YStack, {\n    ...gapFragment,\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__ */ _jsx(XStack, {\n        ...gapFragment,\n        children: row.map(function(child, colIndex) {\n          return /* @__PURE__ */ _jsx(YStack, {\n            flex: 1,\n            minWidth: 0,\n            children: child\n          }, colIndex);\n        })\n      }, rowIndex);\n    })\n  });\n}\nexport {\n  FORM_GRID_COLLAPSE_WIDTH,\n  FormGrid\n};\n//# sourceMappingURL=FormGrid.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","Children","useEffect","useLayoutEffect","useRef","useState","useResolvedKnobs","XStack","YStack","isWeb","useMedia","FORM_GRID_COLLAPSE_WIDTH","resolveWideColumns","columns","maxColumns","Math","min","FormGrid","param","gap","children","knobProps","gapFragment","resolvedGap","wideColumns","FormGridWeb","sizeToken","FormGridNative","ref","containerWide","setContainerWide","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","String","minWidth","media","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","handler","handler2","viewportWide","xs","childArray","toArray","rows","i","length","push","slice","map","row","rowIndex","child","colIndex","flex"],"sources":["FormGrid.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Children, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { XStack, YStack, isWeb, useMedia } from \"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, children } = param;\n  var { knobProps } = useResolvedKnobs();\n  var gapFragment = gap === void 0 ? knobProps.gap : {\n    gap\n  };\n  var resolvedGap = gapFragment.gap;\n  var wideColumns = resolveWideColumns(columns, maxColumns);\n  if (isWeb) {\n    return /* @__PURE__ */ _jsx(FormGridWeb, {\n      columns: wideColumns,\n      maxColumns,\n      gap: resolvedGap,\n      gapFragment,\n      sizeToken: knobProps.sizeToken,\n      children\n    });\n  }\n  return /* @__PURE__ */ _jsx(FormGridNative, {\n    columns: wideColumns,\n    maxColumns,\n    gap: resolvedGap,\n    gapFragment,\n    sizeToken: knobProps.sizeToken,\n    children\n  });\n}\nfunction FormGridWeb(param) {\n  var { columns, maxColumns, gap, gapFragment, sizeToken, children } = param;\n  var ref = useRef(null);\n  var [containerWide, setContainerWide] = useState(true);\n  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__ */ _jsx(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-size-token\": sizeToken,\n    ...gapFragment,\n    width: \"100%\",\n    minWidth: 0,\n    style,\n    children\n  });\n}\nfunction FormGridNative(param) {\n  var { columns, maxColumns, gap, gapFragment, sizeToken, children } = param;\n  var media = useMedia();\n  var canUseDomResize = typeof window !== \"undefined\" && typeof window.addEventListener === \"function\" && typeof window.innerWidth === \"number\";\n  var [domViewportWide, setDomViewportWide] = useState(function() {\n    return canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true;\n  });\n  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 = 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__ */ _jsx(YStack, {\n    ...gapFragment,\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-size-token\": sizeToken,\n    children: rows.map(function(row, rowIndex) {\n      return /* @__PURE__ */ _jsx(XStack, {\n        ...gapFragment,\n        children: row.map(function(child, colIndex) {\n          return /* @__PURE__ */ _jsx(YStack, {\n            flex: 1,\n            minWidth: 0,\n            children: child\n          }, colIndex);\n        })\n      }, rowIndex);\n    })\n  });\n}\nexport {\n  FORM_GRID_COLLAPSE_WIDTH,\n  FormGrid\n};\n//# sourceMappingURL=FormGrid.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/FormSection.mjs

@@ -9,15 +9,12 @@ function FormSection({
   maxWidth = formReadableMaxWidth,
   gap,
   testID,
-  fieldset = true,
-  compact
+  fieldset = true
 }) {
   const useFieldset = fieldset && isWeb;
   const {
     knobProps
-  } = useResolvedKnobs(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = useResolvedKnobs();
   const resolvedGap = gap ?? knobProps.gap.gap;
   return /* @__PURE__ */jsxs(YStack, {
     ...(useFieldset ? {
@@ -26,8 +23,7 @@ function FormSection({
     "data-mpo-form-section": "",
     "data-mpo-fieldset": useFieldset ? "" : void 0,
     "data-field-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     "data-testid": testID,
     gap: resolvedGap,
     width: "100%",
@@ -80,8 +76,7 @@ function FormSectionStack({
   return /* @__PURE__ */jsx(YStack, {
     "data-mpo-form-section-stack": "",
     "data-section-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     gap: resolvedGap,
     width: "100%",
     children

package/dist/esm/FormSection.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","jsx","jsxs","FormSection","label","children","maxWidth","gap","testID","fieldset","compact","useFieldset","knobProps","resolvedGap","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","fontWeight","color","textAccentColor","marginBottom","float","role","Fieldset","props","FormSectionStack","gapLg"],"sources":["../../src/FormSection.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,QAAwB;AACjC,SAASC,IAAA,EAAMC,MAAA,EAAQC,KAAA,QAAa;AACpC,SAASC,oBAAA,QAA4B;AA+IrC,SAASC,YAAA,EAAcD,oBAAA,IAAAE,qBAAA,EAAsBC,cAAA,QAAsB;AA3F/D,SA0BMC,GAAA,EA1BNC,IAAA;AAdG,SAASC,YAAY;EAC1BC,KAAA;EACAC,QAAA;EACAC,QAAA,GAAWT,oBAAA;EACXU,GAAA;EACAC,MAAA;EACAC,QAAA,GAAW;EACXC;AACF,GAAqB;EACnB,MAAMC,WAAA,GAAcF,QAAA,IAAYb,KAAA;EAChC,MAAM;IAAEgB;EAAU,IAAInB,gBAAA,CAAiBiB,OAAA,KAAY,SAAY,SAAY;IAAEA;EAAQ,CAAC;EACtF,MAAMG,WAAA,GAAcN,GAAA,IAAOK,SAAA,CAAUL,GAAA,CAAIA,GAAA;EAEzC,OACE,eAAAL,IAAA,CAACP,MAAA;IACE,IAAIgB,WAAA,GAAc;MAAEG,MAAA,EAAQ;IAAoB,IAAI,CAAC;IACtD,yBAAsB;IACtB,qBAAmBH,WAAA,GAAc,KAAK;IACtC,kBAAgBI,MAAA,CAAOF,WAAW;IAClC,gBAAcD,SAAA,CAAUI,OAAA;IACxB,aAAWJ,SAAA,CAAUK,IAAA;IACrB,eAAaT,MAAA;IACbD,GAAA,EAAKM,WAAA;IACLK,KAAA,EAAM;IACNZ,QAAA,EAAUA,QAAA,KAAa,UAAU,SAAYA,QAAA;IAC7Ca,SAAA,EAAWb,QAAA,KAAa,UAAU,SAAY;IAE7C,IAAIK,WAAA,GACD;MACES,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,MAAA,EAAQ;QACRC,QAAA,EAAU;QACVC,OAAA,EAAS;MACX;IACF,IACA,CAAC;IAEJnB,QAAA,GAAAD,KAAA,GACCO,WAAA,GACE,eAAAV,GAAA,CAACP,IAAA;MACCoB,MAAA,EAAO;MACP,mBAAgB;MACf,GAAGF,SAAA,CAAUR,KAAA;MACdqB,UAAA,EAAW;MACXC,KAAA,EAAOd,SAAA,CAAUe,eAAA;MAEjBP,KAAA,EAAO;QAAEI,OAAA,EAAS;QAAGI,YAAA,EAAc;QAAGC,KAAA,EAAO;QAAQX,KAAA,EAAO;MAAO;MAElEb,QAAA,EAAAD;IAAA,CACH,IAEA,eAAAH,GAAA,CAACP,IAAA;MACE,GAAGkB,SAAA,CAAUR,KAAA;MACdqB,UAAA,EAAW;MACXC,KAAA,EAAOd,SAAA,CAAUe,eAAA;MACjBG,IAAA,EAAK;MACL,cAAY;MAEXzB,QAAA,EAAAD;IAAA,CACH,IAEA,MACHC,QAAA;EAAA,CACH;AAEJ;AAMO,SAAS0B,SAASC,KAAA,EAAyB;EAChD,OAAO,eAAA/B,GAAA,CAACE,WAAA;IAAa,GAAG6B;EAAA,CAAO;AACjC;AAcO,SAASC,iBAAiB;EAAE5B,QAAA;EAAUE;AAAI,GAA0B;EACzE,MAAM;IAAEK;EAAU,IAAInB,gBAAA,CAAiB;EACvC,MAAMoB,WAAA,GAAcN,GAAA,IAAOK,SAAA,CAAUsB,KAAA,CAAM3B,GAAA;EAC3C,OACE,eAAAN,GAAA,CAACN,MAAA;IACC,+BAA4B;IAC5B,oBAAkBoB,MAAA,CAAOF,WAAW;IACpC,gBAAcD,SAAA,CAAUI,OAAA;IACxB,aAAWJ,SAAA,CAAUK,IAAA;IACrBV,GAAA,EAAKM,WAAA;IACLK,KAAA,EAAM;IAELb;EAAA,CACH;AAEJ","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","jsx","jsxs","FormSection","label","children","maxWidth","gap","testID","fieldset","useFieldset","knobProps","resolvedGap","render","String","sizeToken","width","alignSelf","style","borderWidth","margin","minWidth","padding","fontWeight","color","textAccentColor","marginBottom","float","role","Fieldset","props","FormSectionStack","gapLg"],"sources":["../../src/FormSection.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,gBAAA,QAAwB;AACjC,SAASC,IAAA,EAAMC,MAAA,EAAQC,KAAA,QAAa;AACpC,SAASC,oBAAA,QAA4B;AA0IrC,SAASC,YAAA,EAAcD,oBAAA,IAAAE,qBAAA,EAAsBC,cAAA,QAAsB;AAzF/D,SAyBMC,GAAA,EAzBNC,IAAA;AAbG,SAASC,YAAY;EAC1BC,KAAA;EACAC,QAAA;EACAC,QAAA,GAAWT,oBAAA;EACXU,GAAA;EACAC,MAAA;EACAC,QAAA,GAAW;AACb,GAAqB;EACnB,MAAMC,WAAA,GAAcD,QAAA,IAAYb,KAAA;EAChC,MAAM;IAAEe;EAAU,IAAIlB,gBAAA,CAAiB;EACvC,MAAMmB,WAAA,GAAcL,GAAA,IAAOI,SAAA,CAAUJ,GAAA,CAAIA,GAAA;EAEzC,OACE,eAAAL,IAAA,CAACP,MAAA;IACE,IAAIe,WAAA,GAAc;MAAEG,MAAA,EAAQ;IAAoB,IAAI,CAAC;IACtD,yBAAsB;IACtB,qBAAmBH,WAAA,GAAc,KAAK;IACtC,kBAAgBI,MAAA,CAAOF,WAAW;IAClC,mBAAiBD,SAAA,CAAUI,SAAA;IAC3B,eAAaP,MAAA;IACbD,GAAA,EAAKK,WAAA;IACLI,KAAA,EAAM;IACNV,QAAA,EAAUA,QAAA,KAAa,UAAU,SAAYA,QAAA;IAC7CW,SAAA,EAAWX,QAAA,KAAa,UAAU,SAAY;IAE7C,IAAII,WAAA,GACD;MACEQ,KAAA,EAAO;QACLC,WAAA,EAAa;QACbC,MAAA,EAAQ;QACRC,QAAA,EAAU;QACVC,OAAA,EAAS;MACX;IACF,IACA,CAAC;IAEJjB,QAAA,GAAAD,KAAA,GACCM,WAAA,GACE,eAAAT,GAAA,CAACP,IAAA;MACCmB,MAAA,EAAO;MACP,mBAAgB;MACf,GAAGF,SAAA,CAAUP,KAAA;MACdmB,UAAA,EAAW;MACXC,KAAA,EAAOb,SAAA,CAAUc,eAAA;MAEjBP,KAAA,EAAO;QAAEI,OAAA,EAAS;QAAGI,YAAA,EAAc;QAAGC,KAAA,EAAO;QAAQX,KAAA,EAAO;MAAO;MAElEX,QAAA,EAAAD;IAAA,CACH,IAEA,eAAAH,GAAA,CAACP,IAAA;MACE,GAAGiB,SAAA,CAAUP,KAAA;MACdmB,UAAA,EAAW;MACXC,KAAA,EAAOb,SAAA,CAAUc,eAAA;MACjBG,IAAA,EAAK;MACL,cAAY;MAEXvB,QAAA,EAAAD;IAAA,CACH,IAEA,MACHC,QAAA;EAAA,CACH;AAEJ;AAMO,SAASwB,SAASC,KAAA,EAAyB;EAChD,OAAO,eAAA7B,GAAA,CAACE,WAAA;IAAa,GAAG2B;EAAA,CAAO;AACjC;AAcO,SAASC,iBAAiB;EAAE1B,QAAA;EAAUE;AAAI,GAA0B;EACzE,MAAM;IAAEI;EAAU,IAAIlB,gBAAA,CAAiB;EACvC,MAAMmB,WAAA,GAAcL,GAAA,IAAOI,SAAA,CAAUqB,KAAA,CAAMzB,GAAA;EAC3C,OACE,eAAAN,GAAA,CAACN,MAAA;IACC,+BAA4B;IAC5B,oBAAkBmB,MAAA,CAAOF,WAAW;IACpC,mBAAiBD,SAAA,CAAUI,SAAA;IAC3BR,GAAA,EAAKK,WAAA;IACLI,KAAA,EAAM;IAELX;EAAA,CACH;AAEJ","ignoreList":[]}

package/dist/esm/FormSection.native.js

@@ -10,15 +10,12 @@ function FormSection(param) {
     maxWidth = formReadableMaxWidth,
     gap,
     testID,
-    fieldset = true,
-    compact
+    fieldset = true
   } = param;
   var useFieldset = fieldset && isWeb;
   var {
     knobProps
-  } = useResolvedKnobs(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = useResolvedKnobs();
   var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
   return /* @__PURE__ */_jsxs(YStack, {
     ...(useFieldset ? {
@@ -27,8 +24,7 @@ function FormSection(param) {
     "data-mpo-form-section": "",
     "data-mpo-fieldset": useFieldset ? "" : void 0,
     "data-field-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     "data-testid": testID,
     gap: resolvedGap,
     width: "100%",
@@ -84,8 +80,7 @@ function FormSectionStack(param) {
   return /* @__PURE__ */_jsx(YStack, {
     "data-mpo-form-section-stack": "",
     "data-section-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     gap: resolvedGap,
     width: "100%",
     children

package/dist/esm/FormSection.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","FormSection","param","label","children","maxWidth","gap","testID","fieldset","compact","useFieldset","knobProps","resolvedGap","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","fontWeight","color","textAccentColor","marginBottom","float","role","Fieldset","props","FormSectionStack","gapLg"],"sources":["FormSection.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { Text, YStack, isWeb } from \"tamagui\";\nimport { formReadableMaxWidth } from \"./formSpacing\";\nimport { formFieldGap, formReadableMaxWidth as formReadableMaxWidth2, formSectionGap } from \"./formSpacing\";\nfunction FormSection(param) {\n  var { label, children, maxWidth = formReadableMaxWidth, gap, testID, fieldset = true, compact } = param;\n  var useFieldset = fieldset && isWeb;\n  var { knobProps } = useResolvedKnobs(compact === void 0 ? void 0 : {\n    compact\n  });\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  return /* @__PURE__ */ _jsxs(YStack, {\n    ...useFieldset ? {\n      render: \"fieldset\"\n    } : {},\n    \"data-mpo-form-section\": \"\",\n    \"data-mpo-fieldset\": useFieldset ? \"\" : void 0,\n    \"data-field-gap\": String(resolvedGap),\n    \"data-density\": knobProps.density,\n    \"data-size\": knobProps.size,\n    \"data-testid\": testID,\n    gap: resolvedGap,\n    width: \"100%\",\n    maxWidth: maxWidth === \"fluid\" ? void 0 : maxWidth,\n    alignSelf: maxWidth === \"fluid\" ? void 0 : \"flex-start\",\n    // Reset browser fieldset chrome; we own spacing via tokens.\n    ...useFieldset ? {\n      style: {\n        borderWidth: 0,\n        margin: 0,\n        minWidth: 0,\n        padding: 0\n      }\n    } : {},\n    children: [\n      label ? useFieldset ? /* @__PURE__ */ _jsx(Text, {\n        render: \"legend\",\n        \"data-mpo-legend\": \"\",\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        // legend is inline by default; stretch to a full heading row\n        style: {\n          padding: 0,\n          marginBottom: 0,\n          float: \"left\",\n          width: \"100%\"\n        },\n        children: label\n      }) : /* @__PURE__ */ _jsx(Text, {\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        role: \"heading\",\n        \"aria-level\": 3,\n        children: label\n      }) : null,\n      children\n    ]\n  });\n}\nfunction Fieldset(props) {\n  return /* @__PURE__ */ _jsx(FormSection, {\n    ...props\n  });\n}\nfunction FormSectionStack(param) {\n  var { children, gap } = param;\n  var { knobProps } = useResolvedKnobs();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gapLg.gap;\n  return /* @__PURE__ */ _jsx(YStack, {\n    \"data-mpo-form-section-stack\": \"\",\n    \"data-section-gap\": String(resolvedGap),\n    \"data-density\": knobProps.density,\n    \"data-size\": knobProps.size,\n    gap: resolvedGap,\n    width: \"100%\",\n    children\n  });\n}\nexport {\n  Fieldset,\n  FormSection,\n  FormSectionStack,\n  formFieldGap,\n  formReadableMaxWidth2 as formReadableMaxWidth,\n  formSectionGap\n};\n//# sourceMappingURL=FormSection.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","Text","YStack","isWeb","formReadableMaxWidth","formFieldGap","formReadableMaxWidth2","formSectionGap","FormSection","param","label","children","maxWidth","gap","testID","fieldset","useFieldset","knobProps","resolvedGap","render","String","sizeToken","width","alignSelf","style","borderWidth","margin","minWidth","padding","fontWeight","color","textAccentColor","marginBottom","float","role","Fieldset","props","FormSectionStack","gapLg"],"sources":["FormSection.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { Text, YStack, isWeb } from \"tamagui\";\nimport { formReadableMaxWidth } from \"./formSpacing\";\nimport { formFieldGap, formReadableMaxWidth as formReadableMaxWidth2, formSectionGap } from \"./formSpacing\";\nfunction FormSection(param) {\n  var { label, children, maxWidth = formReadableMaxWidth, gap, testID, fieldset = true } = param;\n  var useFieldset = fieldset && isWeb;\n  var { knobProps } = useResolvedKnobs();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  return /* @__PURE__ */ _jsxs(YStack, {\n    ...useFieldset ? {\n      render: \"fieldset\"\n    } : {},\n    \"data-mpo-form-section\": \"\",\n    \"data-mpo-fieldset\": useFieldset ? \"\" : void 0,\n    \"data-field-gap\": String(resolvedGap),\n    \"data-size-token\": knobProps.sizeToken,\n    \"data-testid\": testID,\n    gap: resolvedGap,\n    width: \"100%\",\n    maxWidth: maxWidth === \"fluid\" ? void 0 : maxWidth,\n    alignSelf: maxWidth === \"fluid\" ? void 0 : \"flex-start\",\n    // Reset browser fieldset chrome; we own spacing via tokens.\n    ...useFieldset ? {\n      style: {\n        borderWidth: 0,\n        margin: 0,\n        minWidth: 0,\n        padding: 0\n      }\n    } : {},\n    children: [\n      label ? useFieldset ? /* @__PURE__ */ _jsx(Text, {\n        render: \"legend\",\n        \"data-mpo-legend\": \"\",\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        // legend is inline by default; stretch to a full heading row\n        style: {\n          padding: 0,\n          marginBottom: 0,\n          float: \"left\",\n          width: \"100%\"\n        },\n        children: label\n      }) : /* @__PURE__ */ _jsx(Text, {\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        role: \"heading\",\n        \"aria-level\": 3,\n        children: label\n      }) : null,\n      children\n    ]\n  });\n}\nfunction Fieldset(props) {\n  return /* @__PURE__ */ _jsx(FormSection, {\n    ...props\n  });\n}\nfunction FormSectionStack(param) {\n  var { children, gap } = param;\n  var { knobProps } = useResolvedKnobs();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gapLg.gap;\n  return /* @__PURE__ */ _jsx(YStack, {\n    \"data-mpo-form-section-stack\": \"\",\n    \"data-section-gap\": String(resolvedGap),\n    \"data-size-token\": knobProps.sizeToken,\n    gap: resolvedGap,\n    width: \"100%\",\n    children\n  });\n}\nexport {\n  Fieldset,\n  FormSection,\n  FormSectionStack,\n  formFieldGap,\n  formReadableMaxWidth2 as formReadableMaxWidth,\n  formSectionGap\n};\n//# sourceMappingURL=FormSection.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/InputParts/index.mjs

@@ -1,3 +1,4 @@
+import { transitionProps } from "@multiplatform.one/theme";
 import { getFontSized } from "@tamagui/get-font-sized";
 import { useCallback, useEffect, useState } from "react";
 import { Pressable as RNPressable } from "react-native-web";
@@ -95,29 +96,6 @@ const useForwardFocus = target => {
     focusable: true
   };
 };
-const inputFrameCssTimings = {
-  bouncy: "ease-in 200ms",
-  lazy: "ease-in 600ms",
-  slow: "ease-in 500ms",
-  medium: "ease-in-out 250ms",
-  quick: "ease-in 100ms",
-  tooltip: "ease-in 400ms",
-  snappy: "ease-out 80ms",
-  gentle: "ease-in-out 450ms"
-};
-function getInputFrameTransitionProps(transition) {
-  if (!transition) return void 0;
-  if (!isWeb) return {
-    transition
-  };
-  const timing = inputFrameCssTimings[transition] ?? inputFrameCssTimings.quick;
-  return {
-    // Prefer explicit CSS over Tamagui's `transition: all` named prop.
-    style: {
-      transition: [`background-color ${timing}`, `border-color ${timing}`, `color ${timing}`, `opacity ${timing}`, `box-shadow ${timing}`, `transform ${timing}`].join(", ")
-    }
-  };
-}
 const inputOutlineRest = {
   outlineWidth: 0,
   outlineColor: "transparent",
@@ -441,7 +419,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       } : knobProps.elevationChrome),
       ...knobProps.borderRadius,
       ...sizeTableRadius,
-      ...getInputFrameTransitionProps(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
+      ...transitionProps(knobProps.motion.control),
       hoverStyle: {
         borderColor: formInputColors.border.hover,
         ...control.hoverKnobProps
@@ -573,8 +551,9 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
   } = FocusContext.useStyledContext();
   const hydrationTouch = useTouchSurface();
   const {
-    size
+    size: contextSize
   } = InputContext.useStyledContext();
+  const size = areaProps.size ?? contextSize;
   const {
     secureTextEntry,
     keyboardType,
@@ -598,7 +577,9 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
   } = areaProps;
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    size
+  });
   const theme = useTheme();
   const fieldDescribedBy = useFieldDescribedBy();
   const nativeA11yProps = useNativeFieldA11yProps();
@@ -788,11 +769,13 @@ const InputButtonImpl = InputButton.styleable((buttonProps, ref) => {
     color: contextColor
   } = InputContext.useStyledContext();
   const hydrationTouch = useTouchSurface();
+  const size = sizeProp ?? contextSize;
   const {
     knobProps
-  } = useResolvedKnobs();
+  } = useResolvedKnobs({
+    size
+  });
   const theme = useTheme();
-  const size = sizeProp ?? contextSize;
   const paint = resolveGlyphPaint(theme, colorProp ?? contextColor);
   const getThemedIcon = useGetThemedIcon({
     size: knobProps.controlIcon.width,
@@ -953,7 +936,7 @@ const InputContainerImpl = InputContainerFrame.styleable((props, forwardedRef) =
     ref: forwardedRef,
     size: knobProps.sizeToken,
     ...knobProps.body,
-    ...knobProps.gap,
+    ...knobProps.gapSm,
     ...(inTableCell ? {
       maxWidth: "100%",
       minWidth: 0
@@ -1131,5 +1114,5 @@ const InputCompound = Object.assign(InputContainerImpl, {
   })
 });
 const Input = InputCompound;
-export { FocusContext, FocusWiredTextArea, INPUT_MODE_TO_KEYBOARD, Input, InputContainerFrame, InputContext, InputFieldMeta, InputIconFrame, InputInfo, InputLabel, KEYBOARD_TO_INPUT_MODE, boxRingMode, boxRingOffset, defaultInputGroupStyles, ensureInputPartsFocusRing, getInputFrameTransitionProps, inputPartsRingCss, inputSizeVariant, mapInputModeToKeyboardType, mapKeyboardTypeToInputMode, useForwardFocus };
+export { FocusContext, FocusWiredTextArea, INPUT_MODE_TO_KEYBOARD, Input, InputContainerFrame, InputContext, InputFieldMeta, InputIconFrame, InputInfo, InputLabel, KEYBOARD_TO_INPUT_MODE, boxRingMode, boxRingOffset, defaultInputGroupStyles, ensureInputPartsFocusRing, inputPartsRingCss, inputSizeVariant, mapInputModeToKeyboardType, mapKeyboardTypeToInputMode, useForwardFocus };
 //# sourceMappingURL=index.mjs.map